/* Original DataClear templates. Offline assets; no third-party framework. */
body[data-dc-view][data-dc-template]{--dc-hover:#076e63;--dc-radius:14px}
body[data-dc-view][data-dc-template=minimal]{
  --bg:#f7f8fa;--card:#fff;--panel:#fff;--ink:#243044;--text:#243044;
  --muted:#606e80;--faint:#667587;--line:#e3e7ed;--border:#dde3eb;
  --teal:#285eaa;--accent:#285eaa;--dc-hover:#204c89;--focus:#417ac9;
  --dc-tint:#edf3fc;--dc-soft-blue:#edf3fc;--control:#fff;--control-border:#c7d1df;
  --dc-navy:#fff;--dc-navy-deep:#fafbfc;--dc-mint:#285eaa;
  --shadow:none;--dc-radius:7px;
}
body[data-dc-view][data-dc-template=modern]{
  --bg:#f6f4fb;--card:#fff;--panel:#fff;--ink:#29263d;--text:#29263d;
  --muted:#6a647e;--faint:#756b87;--line:#e7e2f1;--border:#ddd5eb;
  --teal:#6943ba;--accent:#6943ba;--dc-hover:#55329f;--focus:#936cd5;
  --dc-tint:#f0eafa;--dc-soft-blue:#eeeafd;--control:#fff;--control-border:#d1c5e2;
  --dc-navy:#29233f;--dc-navy-deep:#1f1b30;--dc-mint:#d8bfff;
  --shadow:0 8px 26px #3c27500a;--dc-radius:20px;
}
body[data-dc-view].dark[data-dc-template=minimal]{
  --bg:#151c26;--card:#1e2835;--panel:#1e2835;--ink:#eef2f7;--text:#eef2f7;
  --muted:#b2bfd0;--faint:#a3b2c5;--line:#344153;--border:#344153;
  --teal:#a9ccff;--accent:#3263ab;--dc-hover:#295592;--focus:#a9ccff;
  --dc-tint:#273e5b;--dc-soft-blue:#273e5b;--control:#192331;--control-border:#53627a;
  --dc-navy:#1e2835;--dc-navy-deep:#1e2835;--dc-mint:#a9ccff;
}
body[data-dc-view].dark[data-dc-template=modern]{
  --bg:#1b1728;--card:#272135;--panel:#272135;--ink:#f3edf9;--text:#f3edf9;
  --muted:#c0b4d0;--faint:#b8a9ca;--line:#41354f;--border:#49395b;
  --teal:#d2b5ff;--accent:#7952ba;--dc-hover:#6943ab;--focus:#c6a2f6;
  --dc-tint:#3a2c4d;--dc-soft-blue:#362b4e;--control:#211b2d;--control-border:#645077;
  --dc-navy:#272135;--dc-navy-deep:#211b30;
}
body[data-dc-view][data-dc-template] :is(.btn.primary,.pick,#download,.account button,#login button):hover{background:var(--dc-hover);border-color:var(--dc-hover)}
body[data-dc-view][data-dc-template] :is(input,select,textarea):focus{outline-color:var(--focus)}
body[data-dc-view][data-dc-template] :is(.card,.dc-export,.dc-export-job,.kpi,.recipebar,.jobhistoryhead,.recipientcard){border-radius:var(--dc-radius)}
body[data-dc-view=simple][data-dc-template] main>section{border-radius:var(--dc-radius)}
body[data-dc-view=simple][data-dc-template]{--soft:var(--muted)}
body[data-dc-view][data-dc-template] .dc-export-job:has(a[href^="/api/download/"]){border-color:var(--control-border)}
body[data-dc-view][data-dc-template] #toast{background:var(--ink);color:var(--card)}
body[data-dc-view=advanced][data-dc-template=minimal] aside{border-right:1px solid var(--line);color:var(--muted)}
body[data-dc-view=advanced][data-dc-template=minimal] .brand{color:var(--ink)}
body[data-dc-view=advanced][data-dc-template=minimal] .workspace{border-color:var(--line);background:var(--bg);color:var(--ink)}
body[data-dc-view=advanced][data-dc-template=minimal] :is(.workspace small,.brand small,.sidefoot){color:var(--muted);border-color:var(--line)}
body[data-dc-view=advanced][data-dc-template=minimal] .navrow{color:var(--muted)}
body[data-dc-view=advanced][data-dc-template=minimal] .navrow:is(.active,:hover){background:var(--dc-tint);color:var(--teal)}
body[data-dc-view=advanced][data-dc-template=minimal] .navrow .info{color:var(--muted);border-color:var(--control-border)}
body[data-dc-view=advanced][data-dc-template=minimal] .quick{background:var(--card);border-left:1px solid var(--line)}
body[data-dc-view=advanced][data-dc-template=minimal] .dc-export-job:has(a[href^="/api/download/"]){background:var(--card)}
body[data-dc-view=advanced][data-dc-template=modern] .navrow.active{background:#76509840;color:#eedcff}
body[data-dc-view=advanced][data-dc-template=modern] .workspace{border-color:#635272;background:#ffffff06}
body[data-dc-view=advanced][data-dc-template=modern] .workspace small{color:#c0afce}
body[data-dc-view=advanced][data-dc-template=modern] .navrow{border-radius:13px}
body[data-dc-view=advanced][data-dc-template=modern] .quick{background:linear-gradient(125deg,var(--dc-tint),var(--card));border-left:0;border-radius:20px}
body[data-dc-view=advanced][data-dc-template=modern] .sidefoot{border-color:#554565;color:#bfadcf}
body[data-dc-view][data-dc-template=modern] .dc-export>h2{letter-spacing:-.045em}
body[data-dc-view][data-dc-template=modern] .dc-export-form{border-radius:15px}
body[data-dc-view][data-dc-template=modern] .webbar{border-top:3px solid var(--accent)}
body[data-dc-view=login][data-dc-template]{background:radial-gradient(ellipse at 12% 20%,var(--dc-tint) 0,transparent 42%),var(--bg)}
body[data-dc-view=login][data-dc-template] #login{background:var(--card);border-color:var(--line);border-radius:var(--dc-radius)}
body[data-dc-view=login][data-dc-template] #login::before{background:var(--accent)}
body[data-dc-view=login][data-dc-template] :is(.webbrand,h1,label){color:var(--ink)}
body[data-dc-view=login][data-dc-template] input{color:var(--ink);background:var(--control);border-color:var(--control-border)}
body[data-dc-view=account][data-dc-template]>.account{border-radius:var(--dc-radius)}

/* Native radio cards: keyboard selection, live preview, explicit site-wide save. */
body[data-dc-view] #appearance{margin:28px 0;scroll-margin-top:24px}
body[data-dc-view] #appearance fieldset{padding:0;border:0;margin:0;min-width:0}
body[data-dc-view] #appearance legend{padding:0;font-size:1.35em;letter-spacing:-.025em}
body[data-dc-view] #appearance .design-intro{margin:9px 0 20px;font-size:.88em;max-width:72ch}
body[data-dc-view] .design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
body[data-dc-view] #appearance .design-choice{position:relative;display:block;margin:0;padding:10px;border:2px solid var(--line);border-radius:14px;background:var(--card);cursor:pointer;min-width:0;font-weight:400}
body[data-dc-view] #appearance .design-choice:has(input:checked){border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}
body[data-dc-view] #appearance .design-choice:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:4px}
body[data-dc-view] #appearance .design-choice input{position:absolute;right:17px;bottom:64px;margin:0;width:17px;height:17px;min-height:0;padding:0;accent-color:var(--accent)}
body[data-dc-view] .design-title{display:block;color:var(--ink);font-size:1.06em;font-weight:750;margin:14px 0 5px;padding-right:27px}
body[data-dc-view] .design-description{display:block;color:var(--muted);font-size:.85em;line-height:1.6;min-height:3.2em}
body[data-dc-view] .design-preview{display:grid;grid-template-columns:26% 1fr;gap:0;aspect-ratio:1.65;border-radius:8px;overflow:hidden;border:1px solid #dce4ec;--mini-bg:#f2f6fa;--mini-side:#152a40;--mini-accent:#087f72;--mini-line:#e1e9f0;background:var(--mini-bg)}
body[data-dc-view] .design-preview[data-style=minimal]{--mini-bg:#f7f8fa;--mini-side:#fff;--mini-accent:#285eaa;--mini-line:#e1e6ed}
body[data-dc-view] .design-preview[data-style=modern]{--mini-bg:#f2edf9;--mini-side:#29233f;--mini-accent:#6943ba;--mini-line:#e9e0f2}
body[data-dc-view] .mini-side{background:var(--mini-side);padding:16px 8px;display:flex;flex-direction:column;gap:9px;border-right:1px solid var(--mini-line)}
body[data-dc-view] .mini-side i{height:3px;background:#91a3b6;opacity:.65;border-radius:3px}
body[data-dc-view] .mini-side i:first-child{height:7px;opacity:1;background:var(--mini-accent);margin-bottom:6px}
body[data-dc-view] .mini-main{padding:12px 9px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;align-content:start}
body[data-dc-view] .mini-main i{display:block;background:white;border:1px solid var(--mini-line);border-radius:4px;height:26px}
body[data-dc-view] .mini-main i:first-child{grid-column:1/-1;height:5px;width:62%;margin:4px 0 10px;border:0;background:var(--mini-accent)}
body[data-dc-view] .mini-main i:last-child{grid-column:1/-1;height:43px;border-top:3px solid var(--mini-accent)}
body[data-dc-view] .design-preview[data-style=modern] .mini-main i{border-radius:7px}
body[data-dc-view] .design-preview[data-style=minimal] .mini-main i{border-radius:2px}
body[data-dc-view] #design-status{font-size:.87em;min-height:3em;margin:17px 0 7px}
body[data-dc-view] .design-actions{display:flex;flex-wrap:wrap;gap:10px}
body[data-dc-view] #appearance .design-actions button{margin:0}
body[data-dc-view] #appearance #design-cancel{background:var(--bg);color:var(--ink);border-color:var(--line);box-shadow:none}
body[data-dc-view] #appearance[aria-busy=true] .design-choice{cursor:wait;opacity:.7}
@media(max-width:700px){
  body[data-dc-view] .design-grid{grid-template-columns:1fr}
  body[data-dc-view] #appearance .design-choice{display:grid;grid-template-columns:120px 1fr;column-gap:15px;align-items:start;padding:13px}
  body[data-dc-view] .design-preview{grid-row:1/3;align-self:center}
  body[data-dc-view] .design-title{margin:7px 0 4px}
  body[data-dc-view] .design-description{grid-column:2;font-size:.83em}
  body[data-dc-view] #appearance .design-choice input{right:15px;top:17px;bottom:auto}
}
@media(max-width:380px){
  body[data-dc-view] #appearance .design-choice{grid-template-columns:86px 1fr;column-gap:12px}
  body[data-dc-view] .mini-side{padding:10px 5px;gap:6px}
  body[data-dc-view] .mini-main{padding:8px 5px;gap:3px}
  body[data-dc-view] .mini-main i{height:15px}
  body[data-dc-view] .mini-main i:last-child{height:20px}
}