/* DataClear local visual layer. No external font, image, script or framework. */
body[data-dc-view]{
  --bg:#f4f7fb;--card:#fff;--panel:#fff;--ink:#172b42;--text:#172b42;
  --muted:#687a8d;--faint:#74869a;--line:#e4eaf1;--border:#e0e8f0;
  --teal:#087f72;--accent:#087f72;--dc-tint:#e9f7f3;--focus:#49baa6;
  --control:#fff;--control-border:#cdd9e5;--shadow:0 5px 20px #20365206;
  --dc-navy:#152a40;--dc-navy-deep:#102237;--dc-mint:#72e0c2;--dc-soft-blue:#edf3fd;
  margin:0;background:var(--bg);color:var(--text);font-family:var(--ui-family,"Segoe UI",Arial,sans-serif);
  font-size:var(--ui-font,15px);line-height:1.5;-webkit-font-smoothing:antialiased;
}
body[data-dc-view].dark{
  --bg:#101c2b;--card:#19293b;--panel:#19293b;--ink:#ebf2f9;--text:#ebf2f9;
  --muted:#a8b8c9;--faint:#99acc0;--line:#2a3c50;--border:#304257;
  --teal:#66d9bb;--accent:#087f72;--dc-tint:#183f3c;--control:#122236;--control-border:#41566e;
  --shadow:0 5px 20px #00000012;--dc-soft-blue:#20364c;
  color-scheme:dark;
}
body[data-dc-view=advanced]{--soft:var(--dc-tint)}
body[data-dc-view=simple]{--soft:#53666c}
body[data-dc-view=simple].dark{--soft:#c3d0d3}
body[data-dc-view] :is(input,select,textarea,button){font-family:inherit}
body[data-dc-view] :is(input,select,textarea){color:var(--ink);background:var(--control);border:1px solid var(--control-border);border-radius:9px;padding:11px 13px;min-height:43px;line-height:1.45}
body[data-dc-view] :is(input,select,textarea):focus{outline:3px solid #45bba72b;outline-offset:1px;border-color:var(--teal)}
body[data-dc-view] input[type=checkbox]{min-height:0;width:16px;height:16px;accent-color:var(--accent)}
body[data-dc-view] :is(button,a,summary):focus-visible{outline:3px solid var(--focus);outline-offset:4px}
body[data-dc-view] label{font-size:.86em;letter-spacing:.01em;font-weight:650;color:var(--ink)}
body[data-dc-view] :is(h1,h2,h3,h4){color:var(--ink);line-height:1.3}
body[data-dc-view] h1{font-size:2.05em;letter-spacing:-.045em;font-weight:720}
body[data-dc-view] h2{font-size:1.3em;letter-spacing:-.025em;font-weight:700}
body[data-dc-view] p{color:var(--muted);line-height:1.75}
body[data-dc-view] :is(.card,.recipebar,.jobhistoryhead,.recipientcard){border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--shadow)}
body[data-dc-view] .card{padding:26px;margin-bottom:24px}
body[data-dc-view] :is(.btn,.pick,#download,.account button,#login button){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:9px;padding:10px 16px;font-size:.87em;line-height:1.45;font-weight:650;letter-spacing:.005em;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s}
body[data-dc-view] .btn{color:var(--ink);background:var(--card);border:1px solid var(--control-border)}
body[data-dc-view] .btn:hover{background:var(--bg);border-color:var(--teal);color:var(--teal)}
body[data-dc-view] :is(.btn.primary,.pick,#download,.account button,#login button){color:#fff;background:var(--accent);border:1px solid var(--accent);box-shadow:0 3px 7px #087f7212}
body[data-dc-view] :is(.btn.primary,.pick,#download,.account button,#login button):hover{background:#076e63;border-color:#076e63;color:#fff;box-shadow:0 4px 10px #087f7226}
body[data-dc-view] .btn.danger{background:#fff2ef;border-color:#efc9bf;color:#a94131}
body[data-dc-view].dark .btn.danger{background:#4b292c;border-color:#754147;color:#ffb3a7}
body[data-dc-view] :is(.info,.metriclink,.tab,.link,.close){background:transparent;box-shadow:none}
body[data-dc-view] .info{padding:0;min-height:0;border:1px solid #b4c4d3;color:var(--muted);width:16px;height:16px;line-height:1;font-size:11px}
body[data-dc-view] .info:hover{background:var(--dc-tint);border-color:var(--teal);color:var(--teal)}
body[data-dc-view] .link{color:var(--teal)}
body[data-dc-view] button:disabled{opacity:.5;cursor:not-allowed}
body[data-dc-view] .tag{border-radius:6px;padding:5px 9px;font-size:.74em;letter-spacing:.01em}
body[data-dc-view] .tag.new{background:var(--dc-tint);color:var(--teal)}
body[data-dc-view] .tabs{gap:12px}
body[data-dc-view] .tab{color:var(--muted);border-radius:0;padding:12px 14px;font-size:.9em}
body[data-dc-view] .tab.active{color:var(--teal);border-bottom-color:var(--teal)}
body[data-dc-view] .notice{border-radius:10px;background:var(--dc-soft-blue);border-color:var(--line);color:var(--muted);font-size:.84em;padding:14px 17px}
body[data-dc-view] .notice.danger{background:#fff2ef;border-color:#edcabf;color:#9b4034}
body[data-dc-view].dark .notice.danger{background:#45292d;color:#ffc4b5;border-color:#674048}
body[data-dc-view] th{font-size:.78em;letter-spacing:.035em;padding:13px 15px}
body[data-dc-view] td{padding:16px 15px}
body[data-dc-view] tbody tr:hover{background:var(--bg)}
body[data-dc-view] .tablewrap{border-radius:10px}
body[data-dc-view] .eyebrow{font-size:.72em;letter-spacing:.13em;font-weight:700;margin-bottom:9px;color:var(--teal)}
body[data-dc-view] .title{margin-bottom:28px}
body[data-dc-view] .subtitle{font-size:.94em;max-width:78ch}
body[data-dc-view] .webbar{min-height:72px;background:var(--card);color:var(--ink);border-bottom:1px solid var(--line);padding:12px 32px;gap:9px;box-shadow:0 2px 6px #23374a03;font-size:.84em}
body[data-dc-view] .webbar .webbrand{font-size:1.18em;font-weight:750;letter-spacing:-.025em;margin-right:auto;min-width:0;overflow-wrap:anywhere}
body[data-dc-view] .webbar>a{padding:8px 11px;border-radius:7px;color:var(--muted);text-decoration:none;white-space:nowrap;font-weight:600}
body[data-dc-view] .webbar>a:hover{background:var(--bg);color:var(--teal)}
body[data-dc-view=advanced] .webbar>a[href="/app/advanced/"],body[data-dc-view=simple] .webbar>a[href="/app/simple/"],body[data-dc-view=account] .webbar>a[href="/account"]{background:var(--dc-tint);color:var(--teal)}
body[data-dc-view] .webbar>span:not(.webbrand){border-left:1px solid var(--line);margin-left:7px;padding-left:16px;color:var(--ink);font-weight:600;max-width:190px;overflow-wrap:anywhere}
body[data-dc-view] .webbar>button{border:1px solid var(--line);background:var(--bg);color:var(--muted);padding:7px 11px;border-radius:7px;font-size:inherit}
body[data-dc-view] .webbar>button:hover{color:#a83c3c;background:#fff0ed}

/* Advanced view: persistent desktop navigation and a calm working surface. */
body[data-dc-view=advanced] aside{width:264px;padding:30px 18px 22px;background:linear-gradient(180deg,var(--dc-navy),var(--dc-navy-deep));border:0;color:#bdcddd;z-index:21;overflow-y:auto}
body[data-dc-view=advanced] .shell{margin-left:264px;min-width:0}
body[data-dc-view=advanced] .brand{color:#fff;margin:0 12px 27px;font-size:1.5em;font-weight:780;letter-spacing:-.035em;min-height:42px;overflow-wrap:anywhere}
body[data-dc-view=advanced] .brand b{background:#1b8e7d;color:#fff;border-radius:12px}
body[data-dc-view=advanced] .brand small{color:#9bb7c8}
body[data-dc-view=advanced] .workspace{margin:0 6px 25px;padding:15px 14px;border:1px solid #395166;background:#ffffff05;border-radius:10px;font-size:.79em;color:#d1e0ed}
body[data-dc-view=advanced] .workspace small{color:#8fa8bd;font-size:.88em;margin-top:6px}
body[data-dc-view=advanced] .dot{background:var(--dc-mint);box-shadow:0 0 0 3px #72e0c216;margin-right:8px}
body[data-dc-view=advanced] .navrow{margin:6px 0;border-radius:9px;color:#acbfd0;padding-right:10px;transition:background .15s,color .15s}
body[data-dc-view=advanced] .navrow a{padding:13px 13px;gap:12px;font-size:.89em;font-weight:500;min-width:0}
body[data-dc-view=advanced] .navrow.active{background:#2b685f4f;color:#bdf8e8;box-shadow:inset 3px 0 0 var(--dc-mint)}
body[data-dc-view=advanced] .navrow.active a{font-weight:650}
body[data-dc-view=advanced] .navrow:hover{background:#ffffff0b;color:#fff}
body[data-dc-view=advanced] .navrow .info{border-color:#4b6277;color:#8aa2b7;background:transparent;width:15px;height:15px}
body[data-dc-view=advanced] .navrow a>span:first-child{display:block;flex:none;width:19px;height:19px;font-size:0;color:inherit;background:currentColor;mask:var(--dc-icon) center/contain no-repeat;-webkit-mask:var(--dc-icon) center/contain no-repeat}
body[data-dc-view=advanced] .navrow a[href="#overview"]{--dc-icon:url('./theme-icons/overview.svg')}
body[data-dc-view=advanced] .navrow a[href="#import"]{--dc-icon:url('./theme-icons/import.svg')}
body[data-dc-view=advanced] .navrow a[href="#pool"]{--dc-icon:url('./theme-icons/pool.svg')}
body[data-dc-view=advanced] .navrow a[href="#export"]{--dc-icon:url('./theme-icons/export.svg')}
body[data-dc-view=advanced] .navrow a[href="#recipients"]{--dc-icon:url('./theme-icons/users.svg')}
body[data-dc-view=advanced] .navrow a[href="#reports"]{--dc-icon:url('./theme-icons/report.svg')}
body[data-dc-view=advanced] .navrow a[href="#settings"]{--dc-icon:url('./theme-icons/settings.svg')}
body[data-dc-view=advanced] .navrow a[href="#help"]{--dc-icon:url('./theme-icons/help.svg')}
body[data-dc-view=advanced] .sidefoot{border-color:#30455a;color:#8ba3b8;padding:18px 10px 0;margin-top:auto;font-size:.72em;line-height:1.6}
body[data-dc-view=advanced] header{height:53px;min-height:53px;padding:0 34px;background:var(--bg);border:0;color:var(--muted);font-size:.78em}
body[data-dc-view=advanced] header .actions{gap:10px}
body[data-dc-view=advanced] header .btn{min-height:30px;padding:4px 10px;background:var(--card);font-size:1em}
body[data-dc-view=advanced] main{padding:14px 34px 32px;max-width:1560px;min-height:calc(100vh - 193px)}
body[data-dc-view=advanced] #jobs{max-width:1560px;margin:0 auto;padding:0 34px}
body[data-dc-view=advanced] footer{padding:20px 34px 26px;font-size:.7em;color:var(--faint)}
body[data-dc-view=advanced] .quick{padding:25px 28px;background:linear-gradient(112deg,var(--card),var(--dc-tint));border:1px solid var(--line);border-left:4px solid var(--teal);box-shadow:none}
body[data-dc-view=advanced] .quick p{margin-bottom:0;font-size:.9em}
body[data-dc-view=advanced] .kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-bottom:26px}
body[data-dc-view=advanced] .kpi{position:relative;min-height:178px;padding:78px 22px 22px;border-radius:14px;border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);--dc-metric-color:#087f72;--dc-metric-bg:#e4f5ee;--dc-metric-icon:url('./theme-icons/pool.svg')}
body[data-dc-view=advanced] .kpi::before{content:"";position:absolute;left:22px;top:22px;width:42px;height:42px;border-radius:11px;background:var(--dc-metric-bg)}
body[data-dc-view=advanced] .kpi::after{content:"";position:absolute;pointer-events:none;left:32px;top:32px;width:22px;height:22px;background:var(--dc-metric-color);mask:var(--dc-metric-icon) center/contain no-repeat;-webkit-mask:var(--dc-metric-icon) center/contain no-repeat}
body[data-dc-view=advanced] .kpi:has([data-a="pool:gsm"]){--dc-metric-icon:url('./theme-icons/phone.svg')}
body[data-dc-view=advanced] .kpi:has([data-a="pool:email"]){--dc-metric-color:#5277c2;--dc-metric-bg:#eaf0fd;--dc-metric-icon:url('./theme-icons/mail.svg')}
body[data-dc-view=advanced] .kpi:has([data-a="report:all"]){--dc-metric-color:#8b65b4;--dc-metric-bg:#f1ebfa;--dc-metric-icon:url('./theme-icons/import.svg')}
body[data-dc-view=advanced] .kpi:has([data-a="report:new"]){--dc-metric-icon:url('./theme-icons/check.svg')}
body[data-dc-view=advanced] .kpi:has([data-a="report:existing"]){--dc-metric-color:#5277c2;--dc-metric-bg:#eaf0fd}
body[data-dc-view=advanced] .kpi:has([data-a="report:duplicates"]){--dc-metric-color:#b2852c;--dc-metric-bg:#fff4dd;--dc-metric-icon:url('./theme-icons/copy.svg')}
body[data-dc-view=advanced] .kpi:has([data-a="report:invalid"]){--dc-metric-color:#bc695d;--dc-metric-bg:#fff0eb;--dc-metric-icon:url('./theme-icons/alert.svg')}
body[data-dc-view=advanced] .kpi:has(.metriclink)>.info{right:18px;top:18px}
body[data-dc-view=advanced] .metriclink{border:0;background:transparent;color:var(--ink);padding:0;margin:0;width:100%;display:block;min-height:0;text-align:left;border-radius:6px;font-size:inherit;box-shadow:none}
body[data-dc-view=advanced] .kpi small{font-size:.8em;color:var(--muted);font-weight:550;line-height:1.4}
body[data-dc-view=advanced] .kpi strong{font-size:2.15em;font-weight:720;letter-spacing:-.055em;margin:7px 0 0;color:var(--ink);line-height:1.18;overflow-wrap:anywhere}
body[data-dc-view=advanced] .kpi .caption{font-size:.8em;margin-top:8px}
body[data-dc-view=advanced] .simpledrop{padding:38px 25px;border:1.5px dashed #add5cb;background:linear-gradient(125deg,var(--bg),var(--dc-tint));border-radius:12px}
body[data-dc-view=advanced] .simpledrop h2{margin-bottom:10px}
body[data-dc-view=advanced] .entrytile,body[data-dc-view=advanced] .backupgrid>div{border-radius:12px}
body[data-dc-view=advanced] .jobhistory{border-radius:12px}
body[data-dc-view=advanced] .jobhistory>summary{padding:17px 19px}
body[data-dc-view=advanced] .jobcard>.jobsummary{border-radius:11px;padding:18px}
body[data-dc-view=advanced] .jobsummarytop span,body[data-dc-view=advanced] .jobmetrics span{border-radius:8px}
body[data-dc-view=advanced] .recipientstats>div{border-radius:9px}
body[data-dc-view=advanced] .settingrow{padding:21px 0}
body[data-dc-view=advanced] .settingrow p{font-size:.8em}
body[data-dc-view=advanced].compact td{padding:9px 13px}

/* Shared pool export controls and owned download cards in both views. */
body[data-dc-view] .dc-export{padding:30px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:var(--shadow);color:var(--ink);margin-bottom:34px;overflow:hidden}
body[data-dc-view] .dc-export>h2{font-size:1.7em;font-weight:750;letter-spacing:-.035em;margin:0 0 8px}
body[data-dc-view] .dc-export>h2::before{content:"";display:inline-block;width:24px;height:24px;margin-right:11px;vertical-align:-3px;background:var(--teal);mask:url('./theme-icons/export.svg') center/contain no-repeat;-webkit-mask:url('./theme-icons/export.svg') center/contain no-repeat}
body[data-dc-view] .dc-export>p{font-size:.9em;margin-bottom:23px}
body[data-dc-view] .dc-export-form{margin:24px 0;padding:23px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
body[data-dc-view] .dc-export-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 20px;margin:0 0 18px}
body[data-dc-view] .dc-export-fields label{font-size:.85em;margin:0;gap:8px;min-width:0}
body[data-dc-view] .dc-export-fields :is(input,select){background:var(--card);color:var(--ink);font-size:1em;min-height:46px;padding:11px 12px;border-color:var(--control-border);border-radius:8px;max-width:100%}
body[data-dc-view] .dc-export-fields select:disabled{background:var(--dc-tint);border-color:var(--line);color:var(--teal);opacity:1;cursor:not-allowed}
body[data-dc-view] .dc-xlsx-layout-note{padding:11px 14px;background:var(--dc-tint);border-left:3px solid var(--teal);border-radius:5px;color:var(--teal);font-size:.82em;line-height:1.65;opacity:1}
body[data-dc-view] .dc-export-note,body[data-dc-view] .dc-both-note{font-size:.79em;line-height:1.7;color:var(--muted);opacity:1}
body[data-dc-view] .dc-export-form>button{margin-top:8px;padding:12px 20px;min-height:46px}
body[data-dc-view] .dc-export>h3{font-size:1.1em;margin:30px 0 9px;font-weight:700}
body[data-dc-view] .dc-export-message{margin:0;font-size:.87em;min-height:0}
body[data-dc-view] .dc-export-message:not(:empty){padding:12px 15px;background:var(--dc-tint);border-radius:8px;color:var(--teal);margin:14px 0}
body[data-dc-view] .dc-export-jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body[data-dc-view] .dc-export-job{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:21px;margin:0;min-width:0;overflow-wrap:anywhere;box-shadow:none}
body[data-dc-view] .dc-export-job:has(a[href^="/api/download/"]){background:linear-gradient(155deg,var(--card) 55%,var(--dc-tint));border-color:#b9ded3}
body[data-dc-view].dark .dc-export-job:has(a[href^="/api/download/"]){border-color:#345d56}
body[data-dc-view] .dc-export-job h3{font-size:.92em;line-height:1.6;margin:0 0 12px;font-weight:680;color:var(--ink)}
body[data-dc-view] .dc-export-job h3::before{content:"";display:block;width:27px;height:27px;margin-bottom:12px;background:var(--teal);mask:url('./theme-icons/report.svg') center/contain no-repeat;-webkit-mask:url('./theme-icons/report.svg') center/contain no-repeat}
body[data-dc-view] .dc-export-job:has(a[href^="/api/download/"]) h3::before{mask-image:url('./theme-icons/check.svg');-webkit-mask-image:url('./theme-icons/check.svg')}
body[data-dc-view] .dc-export-job>p{font-size:.82em;line-height:1.7;margin:0 0 16px;color:var(--muted)}
body[data-dc-view] .dc-export-job .btn{padding:9px 18px;font-size:.85em}
body[data-dc-view] .dc-export-job a.btn::before{content:"";width:16px;height:16px;display:inline-block;background:currentColor;mask:url('./theme-icons/export.svg') center/contain no-repeat;-webkit-mask:url('./theme-icons/export.svg') center/contain no-repeat}
body[data-dc-view] .dc-export-job small{border-top:1px solid var(--line);padding-top:13px;margin-top:19px;font-size:.67em;line-height:1.6;color:var(--muted);opacity:1;font-variant-numeric:tabular-nums}
body[data-dc-view] .dc-export-job progress{height:9px;margin:6px 0 14px;accent-color:var(--teal);border-radius:10px;overflow:hidden}

/* Simple view stays focused on the existing import and export actions. */
body[data-dc-view=simple] main{width:100%;max-width:1180px;margin:34px auto 60px;padding:0 30px}
body[data-dc-view=simple] main>h1{font-size:2.15em;margin:0 0 7px}
body[data-dc-view=simple] .intro{font-size:.98em;margin:0 0 28px;color:var(--muted)}
body[data-dc-view=simple] main>section{padding:29px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--shadow);margin-bottom:26px}
body[data-dc-view=simple] .pick{min-height:48px;padding:12px 23px;font-weight:650}
body[data-dc-view=simple] .formats{font-size:.82em;letter-spacing:.025em;margin-left:18px}
body[data-dc-view=simple] .output{padding-top:20px;border-top:1px solid var(--line)}
body[data-dc-view=simple] .output label{margin:0}
body[data-dc-view=simple] .output button{min-height:43px;border-radius:9px;background:var(--accent);color:#fff;padding:10px 17px}
body[data-dc-view=simple] .result-top,body[data-dc-view=simple] .result-group{border-color:var(--line);border-radius:12px;background:var(--bg)}
body[data-dc-view=simple] .result-top>div,body[data-dc-view=simple] .result-metrics>div{border-color:var(--line);border-radius:9px;background:var(--card)}
body[data-dc-view=simple] .result-top dd{font-size:1.8em;color:var(--teal)}
body[data-dc-view=simple] .result-metrics dt{font-size:.82em}
body[data-dc-view=simple] .result-metrics dd{font-size:1.35em}

/* Authentication and account surfaces use the same local palette. */
body[data-dc-view=login]{min-height:100vh;display:grid;place-items:center;padding:45px 20px;background:radial-gradient(ellipse at 12% 20%,#d0eee4 0,transparent 34%),radial-gradient(ellipse at 92% 85%,#dbe5f5 0,transparent 35%),#f3f7fa}
body[data-dc-view=login] #login{width:min(100%,460px);max-width:460px;margin:0;padding:38px 39px 31px;border:1px solid #dce7ec;border-radius:18px;background:#fff;box-shadow:0 18px 60px #2037490d;position:relative;overflow:hidden}
body[data-dc-view=login] #login::before{content:"";display:block;width:44px;height:5px;background:#0c967e;border-radius:5px;margin-bottom:26px}
body[data-dc-view=login] .webbrand{font-size:1.22em;letter-spacing:-.03em;font-weight:800;color:#173046;margin-bottom:18px}
body[data-dc-view=login] h1{font-size:1.85em;margin:0 0 27px;max-width:12em;color:#173046}
body[data-dc-view=login] label{margin:17px 0 8px;font-size:.85em;color:#334a5e}
body[data-dc-view=login] input{min-height:48px;background:#fbfcfe;color:#172b42;border-color:#cdd9e5}
body[data-dc-view=login] button{width:100%;min-height:47px;margin-top:26px}
body[data-dc-view=login] #message{color:#b34134;font-size:.87em;min-height:0;margin:16px 0 0}
body[data-dc-view=account]>.account{width:calc(100% - 48px);max-width:930px;margin:36px auto 60px;padding:31px;border:1px solid var(--line);border-radius:15px;background:var(--card);color:var(--ink);box-shadow:var(--shadow)}
body[data-dc-view=account] .accountback{color:var(--teal);font-size:.85em;margin-bottom:20px}
body[data-dc-view=account] h1{margin:0 0 22px}
body[data-dc-view=account] #preferences{padding:20px;border:1px solid var(--line);border-radius:11px;background:var(--bg);display:flex;align-items:end;gap:18px;flex-wrap:wrap}
body[data-dc-view=account] #preferences label{flex:1;min-width:220px;margin:0}
body[data-dc-view=account] #preferences select{display:block;width:100%;margin-top:8px}
body[data-dc-view=account] #preferences button{margin:0}
body[data-dc-view=account] fieldset{border-color:var(--line);border-radius:11px;margin:27px 0;padding:23px;background:var(--card)}
body[data-dc-view=account] legend{font-weight:700;font-size:1.05em;padding:0 9px;color:var(--ink)}
body[data-dc-view=account] fieldset label{margin:16px 0 8px}
body[data-dc-view=account] fieldset :is(input,select){margin-top:8px}
body[data-dc-view=account] fieldset button{margin:15px 5px 0 0}
body[data-dc-view=account] :is(#reset,#remove){background:var(--bg);color:var(--ink);border-color:var(--control-border);box-shadow:none}
body[data-dc-view=account] #users p{border:1px solid var(--line);border-radius:9px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;color:var(--ink)}
body[data-dc-view=account] #users button{margin:0;background:var(--bg);color:var(--muted);border-color:var(--line)}
body[data-dc-view] dialog{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:15px;padding:29px;box-shadow:0 22px 70px #10223733}
body[data-dc-view] dialog::backdrop{background:#0d203963;backdrop-filter:blur(3px)}
body[data-dc-view] #popover{border-color:var(--line);background:var(--card);color:var(--ink);box-shadow:0 12px 35px #10223722}
body[data-dc-view] #toast{background:var(--dc-navy);color:#fff;border-radius:10px}
body[data-dc-view] [hidden]{display:none!important}

@media(min-width:1600px){
  body[data-dc-view=advanced] main{padding-top:23px}
  body[data-dc-view=advanced] .kpis{gap:22px}
}
@media(max-width:1200px){
  body[data-dc-view=advanced] aside{width:228px;padding-inline:13px}
  body[data-dc-view=advanced] .shell{margin-left:228px}
  body[data-dc-view=advanced] main{padding-inline:24px}
  body[data-dc-view=advanced] #jobs{padding-inline:24px}
  body[data-dc-view=advanced] .kpis{gap:14px}
  body[data-dc-view] .dc-export{padding:24px}
  body[data-dc-view] .dc-export-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-dc-view] .webbar{padding-inline:24px}
  body[data-dc-view] .webbar .webbrand{flex-basis:100%;margin:0 0 3px}
}
@media(max-width:850px){
  body[data-dc-view=advanced] aside{width:205px;padding-inline:10px}
  body[data-dc-view=advanced] .shell{margin-left:205px}
  body[data-dc-view=advanced] .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-dc-view] .dc-export-jobs{grid-template-columns:1fr}
  body[data-dc-view] .dc-export-fields{grid-template-columns:1fr}
  body[data-dc-view] .webbar{gap:5px;font-size:.79em}
  body[data-dc-view] .webbar>a{padding:7px 9px}
  body[data-dc-view] .webbar>span:not(.webbrand){padding-left:9px;margin-left:3px}
}
@media(max-width:700px){
  body[data-dc-view=advanced] aside{position:relative;inset:auto;width:100%;padding:8px 10px;overflow:visible;border-bottom:1px solid #30475d;z-index:1}
  body[data-dc-view=advanced] .brand,body[data-dc-view=advanced] .workspace,body[data-dc-view=advanced] .sidefoot{display:none}
  body[data-dc-view=advanced] #nav{display:flex;overflow-x:auto;gap:3px;scrollbar-width:thin;scrollbar-color:#577182 transparent}
  body[data-dc-view=advanced] .navrow{flex-shrink:0;margin:2px 0;padding:0;border-radius:7px}
  body[data-dc-view=advanced] .navrow a{padding:11px 12px;gap:8px;font-size:.83em}
  body[data-dc-view=advanced] .navrow.active{box-shadow:inset 0 -2px var(--dc-mint)}
  body[data-dc-view=advanced] .navrow .info{display:none}
  body[data-dc-view=advanced] .navrow a>span:first-child{width:17px;height:17px}
  body[data-dc-view=advanced] .shell{margin:0}
  body[data-dc-view] .webbar{padding:13px 16px;gap:5px;min-height:0}
  body[data-dc-view] .webbar .webbrand{font-size:1.22em;flex-basis:100%;margin-bottom:5px}
  body[data-dc-view] .webbar>a{padding:7px 8px}
  body[data-dc-view] .webbar>span:not(.webbrand){border:0;margin-left:0;padding-left:6px;max-width:120px}
  body[data-dc-view] .webbar>button{margin-left:auto}
  body[data-dc-view=advanced] header{height:48px;min-height:48px;padding:0 17px}
  body[data-dc-view=advanced] main{padding:10px 16px 22px;min-height:0}
  body[data-dc-view=advanced] #jobs{padding:0 16px}
  body[data-dc-view=advanced] footer{padding:19px 17px}
  body[data-dc-view] h1{font-size:1.65em;letter-spacing:-.035em}
  body[data-dc-view] .title{margin-bottom:20px}
  body[data-dc-view] .card{padding:20px}
  body[data-dc-view=advanced] .quick{padding:20px}
  body[data-dc-view=advanced] .quick .act{justify-self:start}
  body[data-dc-view=advanced] .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  body[data-dc-view=advanced] .kpi{min-height:165px;padding:70px 16px 19px}
  body[data-dc-view=advanced] .kpi::before{top:17px;left:16px;width:37px;height:37px}
  body[data-dc-view=advanced] .kpi::after{top:25px;left:24px;width:21px;height:21px}
  body[data-dc-view=advanced] .kpi strong{font-size:1.75em}
  body[data-dc-view=advanced] .kpi small{font-size:.73em}
  body[data-dc-view=advanced] .kpi:has(.metriclink)>.info{right:12px;top:14px}
  body[data-dc-view] .dc-export{padding:21px 18px;border-radius:13px;margin-bottom:28px}
  body[data-dc-view] .dc-export>h2{font-size:1.5em}
  body[data-dc-view] .dc-export>h2::before{width:22px;height:22px;margin-right:7px}
  body[data-dc-view] .dc-export>p{font-size:.84em;margin-bottom:19px}
  body[data-dc-view] .dc-export-form{padding:17px 14px;margin:21px 0}
  body[data-dc-view] .dc-export-fields{gap:16px}
  body[data-dc-view] .dc-export-form>button{width:100%}
  body[data-dc-view] .dc-export-job{padding:18px}
  body[data-dc-view] .dc-export-job .btn{min-height:42px}
  body[data-dc-view=simple] main{margin:24px auto 35px;padding:0 16px}
  body[data-dc-view=simple] main>h1{font-size:1.85em}
  body[data-dc-view=simple] main>section{padding:21px 18px}
  body[data-dc-view=simple] .formats{display:block;margin:15px 0 0;font-size:.79em}
  body[data-dc-view=account]>.account{width:calc(100% - 28px);margin:22px 14px 35px;padding:23px 18px}
  body[data-dc-view=account] #preferences{padding:16px;align-items:stretch;gap:14px}
  body[data-dc-view=account] #preferences label{min-width:0;flex-basis:100%}
  body[data-dc-view=account] fieldset{padding:17px 15px}
  body[data-dc-view=account] fieldset button{white-space:normal}
  body[data-dc-view] dialog{padding:25px 19px}
}
@media(max-width:380px){
  body[data-dc-view=advanced] .kpis{grid-template-columns:1fr}
  body[data-dc-view] .webbar>a{padding-inline:6px}
  body[data-dc-view=login]{padding:22px 14px}
  body[data-dc-view=login] #login{padding:29px 24px}
}
@media(prefers-reduced-motion:reduce){body[data-dc-view] *,body[data-dc-view] *::before,body[data-dc-view] *::after{transition:none!important;scroll-behavior:auto!important}}
/* Match the root canvas to the selected theme during scrolling and overscroll. */
html:has(body[data-dc-view]){background:#f4f7fb}
html:has(body[data-dc-view].dark){background:#101c2b;color-scheme:dark}
html:has(body[data-dc-view].dark[data-dc-template=minimal]){background:#151c26}
html:has(body[data-dc-view].dark[data-dc-template=modern]){background:#1b1728}

/* The simple page starts with a child that has a vertical margin. Keep that
   margin inside the body, so its background covers the full page. */
body[data-dc-view=simple]{display:flow-root;min-height:100vh;min-height:100dvh}

/* The advanced sidebar scrolls independently on short screens. */
body[data-dc-view=advanced] aside{overflow-y:auto;overscroll-behavior:contain}