/* Shared typography and component theme. All colors come from colors.css. */
:root{
  --ink:var(--color-text);
  --muted:var(--color-text-muted);
  --line:var(--color-border);
  --accent:var(--color-accent);
  --focus:var(--color-focus);
  color-scheme:light;
  font-synthesis:none;
}
html{font-size:16px;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) var(--color-scrollbar-track)}
body{font-family:"Segoe UI",Arial,system-ui,sans-serif;font-size:16px;line-height:1.6;color:var(--ink);background:var(--color-background)}
body,input,select,button{letter-spacing:normal}
html{scrollbar-gutter:stable}
.session-loading{min-height:240px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;color:var(--color-text-muted);font-size:14px}
.session-loading p{margin:0}
.session-spinner{color:var(--color-accent);animation:action-spin 1.2s linear infinite}
@media(prefers-reduced-motion:reduce){.session-spinner{animation:none}}
::selection{background:var(--color-text);color:var(--color-surface)}
*{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) var(--color-scrollbar-track)}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:var(--color-scrollbar-track);border-radius:8px}
::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}
::-webkit-scrollbar-button{display:none;width:0;height:0}
h1{font-size:clamp(27px,3.5vw,36px);font-weight:700;letter-spacing:-.025em}
h2{font-size:22px;font-weight:700}h3{font-weight:650}
.hero,.page-footer{border-color:var(--color-border)}
.brand-mark{background:var(--color-text);color:var(--color-surface);box-shadow:none}
.brand-mark span{color:var(--color-surface)}
.eyebrow,.history-heading .eyebrow{color:var(--color-text-secondary);font-size:12px;letter-spacing:.1em}
.subtitle,.muted,.page-footer,.workspace-bar p,.summary-note,.privacy-note{color:var(--color-text-muted);font-size:14px}
.footer-brand{color:var(--color-text)}.footer-brand span{color:var(--color-text-muted);font-size:13px}
.engine-badge{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-console-toolbar);font-size:13px}
.badge-dot,.workspace-dot{background:var(--color-text)}
.header-nav a{color:var(--color-text-secondary);font-size:14px}
.header-nav a:hover{background:var(--color-surface-soft)}
.header-nav a[aria-current=page]{background:var(--color-text);color:var(--color-surface)}
.panel{background:var(--color-surface);border-color:var(--color-border);box-shadow:0 4px 18px var(--color-shadow-soft)}
.step{background:var(--color-surface-soft);color:var(--color-console-toolbar);font-size:13px}
.section-heading .muted{font-size:14px}
.field-heading label,.history-search label,.history-send-controls label,.report-search label{font-size:14px;font-weight:650;color:var(--color-text)}
input:not([type=checkbox]),select{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border-strong);font-size:15px;min-height:40px;line-height:1.4}
input::placeholder{color:var(--color-placeholder);opacity:1}
input:not([type=checkbox]):focus,select:focus{border-color:var(--color-text);box-shadow:0 0 0 1px var(--color-text);background:var(--color-surface);outline:none}
input[type=checkbox]{accent-color:var(--color-text)}
input:-webkit-autofill{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset}
input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset,0 0 0 1px var(--color-text)}
button.primary{background:var(--color-text);border-color:var(--color-text);color:var(--color-surface);font-size:14px;box-shadow:none}
button.primary:hover{background:var(--color-text-secondary);border-color:var(--color-text-secondary)}
.button-secondary,.header-actions .button-secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text);font-size:13px}
.button-secondary:hover{background:var(--color-surface-soft)}
button:disabled{opacity:.55}
.help-button{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-console-toolbar)}
.help-button:hover,.help.is-open .help-button{background:var(--color-surface-soft);border-color:var(--color-text);color:var(--color-text)}
.tooltip{background:var(--color-text);color:var(--color-surface);border-color:var(--color-text);font-size:13px;line-height:1.6;box-shadow:0 5px 18px var(--color-shadow-overlay)}
.reports legend{color:var(--color-text);font-size:15px}.reports>.muted{font-size:14px}
.report-option{background:var(--color-surface);border-color:var(--color-border)}
.report-option:has(input:checked){background:var(--color-surface-soft);border-color:var(--color-border-strong)}
.report-option label{font-size:14px;color:var(--color-text)}
.advanced{background:var(--color-surface-soft);border-color:var(--color-border)}
.advanced>summary{font-size:14px;color:var(--color-text)}.advanced>summary:after{color:var(--color-text-secondary)}
.info-note{background:var(--color-surface-soft);border-color:var(--color-border-strong);color:var(--color-text-secondary);font-size:13px}
.form-footer{border-color:var(--color-border)}.form-footer p,.form-footer .muted{font-size:13px;color:var(--color-text-secondary)}
.status-box,.status-box[data-state=running],.status-box[data-state=completed],.status-box[data-state=failed],.status-box[data-state=completed-with-delivery-errors]{background:var(--color-surface-soft);border-color:var(--color-border-strong);color:var(--color-text);font-size:14px}
.status-box:before,.status-box[data-state=running]:before,.status-box[data-state=completed]:before,.status-box[data-state=failed]:before,.status-box[data-state=completed-with-delivery-errors]:before{background:var(--color-text)}
.progress-heading{color:var(--color-text-secondary);font-size:14px}.progress-heading>span:last-child{color:var(--color-text)}
progress{background:var(--color-border);accent-color:var(--color-text)}
progress::-webkit-progress-bar{background:var(--color-border)}progress::-webkit-progress-value{background:var(--color-text)}progress::-moz-progress-bar{background:var(--color-text)}
.scan-metrics>div{background:var(--color-surface-soft);border-color:var(--color-border)}
.scan-metrics span{color:var(--color-text-muted);font-size:13px;font-weight: bold;}.scan-metrics strong,.scan-metrics>div:last-child strong{color:var(--color-text);font-size:26px}
.log-details{border-color:var(--color-border-strong)}.log-details>summary{background:var(--color-background);font-size:14px;color:var(--color-console-toolbar)}
.log-summary-hint{color:var(--color-text-muted);font-size:12px}
.terminal{background:var(--color-text)}.terminal-toolbar{background:var(--color-console-toolbar);border-color:var(--color-text-muted)}
.terminal-label{color:var(--color-surface-soft);font-size:12px}.terminal-dot{background:var(--color-border)}.follow-log{color:var(--color-surface-soft);font-size:13px}.follow-log input{accent-color:var(--color-surface)}
#copy-log{background:var(--color-console-toolbar);border-color:var(--color-border-strong);color:var(--color-surface);font-size:12px}#copy-log:hover{background:var(--color-text-muted)}
#log{font-size:13px;line-height:1.8;color:var(--color-surface-soft);scrollbar-color:var(--color-border-strong) var(--color-console-toolbar)}
#log .log-placeholder{color:var(--color-border)}#log .log-success,#log .log-info{color:var(--color-surface-soft)}#log .log-warn{color:var(--color-surface);font-weight:650}#log .log-error{color:var(--color-surface);font-weight:700;text-decoration:underline}
#downloads a{background:var(--color-background);border-color:var(--color-border-strong);color:var(--color-text);font-size:13px}
.history-card{background:var(--color-surface);border-color:var(--color-border)}
.history-url{font-size:17px;color:var(--color-text);line-height:1.5}
.history-card-heading .muted{font-size:13px;color:var(--color-text-muted)}
.history-badge,.history-badge.completed,.history-badge.running,.history-badge.failed,.history-badge.interrupted,.history-badge.completed-with-delivery-errors{background:var(--color-surface-soft);border:1px solid var(--color-border);color:var(--color-console-toolbar);font-size:12px;font-weight:600}
.history-stats{font-size:14px;color:var(--color-text-secondary)}.scan-id{font-size:12px;color:var(--color-text-muted)}
.history-reports>summary{font-size:14px;color:var(--color-text);padding:5px 0}
.history-file-picker legend{font-family:inherit;color:var(--color-text);font-size:15px;font-weight:650}
.report-search input{font-size:14px!important;min-height:38px!important;padding:8px 11px!important}
.report-bulk button{font-size:13px;min-height:38px}
.report-selection{font-size:14px;color:var(--color-text)}.report-selection-hint{font-size:13px;color:var(--color-text-muted);line-height:1.5}
.history-file-grid{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) var(--color-scrollbar-track)}
.history-file-row{background:var(--color-surface);border-color:var(--color-border);min-height:40px;padding:7px 9px}
.history-file-row:has(input:checked){background:var(--color-surface-soft);border-color:var(--color-border-strong)}
.history-file-row label{color:var(--color-text);font-size:14px;line-height:1.5;gap:8px}
.history-file-row input{width:16px;height:16px}
.history-file-row .report-download{color:var(--color-text);background:var(--color-surface-soft);font-size:18px}
.history-file-row .report-download:hover{background:var(--color-surface-hover)}
.report-no-match{background:var(--color-surface-soft);color:var(--color-text-secondary);font-size:14px}
.selection-download-bar button{color:var(--color-text);border-color:var(--color-border-strong);background:var(--color-surface);font-size:13px;min-height:38px}
.selection-download-bar button:hover{background:var(--color-surface-soft)}
.selection-download-bar .muted,.history-send-controls .muted{font-size:13px;color:var(--color-text-muted)}
.history-send-controls{border-color:var(--color-border)}
.history-send-controls input{font-size:15px;min-height:40px}
.history-send-controls .primary{font-size:13px;min-height:40px}
.delivery-feedback{color:var(--color-text);font-size:14px}
.history-pagination{font-size:14px;color:var(--color-text-secondary)}
.history-empty{background:var(--color-surface-soft);border-color:var(--color-border-strong);color:var(--color-text-secondary);font-size:14px}
#error{color:var(--color-text);font-size:14px;font-weight:600}
.skip-link{background:var(--color-surface);color:var(--color-text)}
@media(max-width:700px){
 .hero .eyebrow{font-size:11px}.subtitle,.page-footer,.section-heading .muted{font-size:13px}
 .history-url{font-size:16px}.history-stats{font-size:13px}.scan-id{font-size:12px}
 .history-file-row label{font-size:14px}.report-selection-hint{font-size:13px}
 .terminal-label{font-size:11px}.terminal-actions{flex-wrap:wrap}.terminal-toolbar{flex-wrap:wrap}
 #log{font-size:12px}.progress-heading{font-size:13px}
}


/* Quiet blue accents on white surfaces. */
::selection{background:var(--color-accent);color:var(--color-on-accent)}
.brand-mark{background:var(--color-accent);color:var(--color-on-accent)}
.brand-mark span{color:var(--color-on-accent)}
button.primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}
button.primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}
.header-nav a[aria-current=page]{background:var(--color-accent-soft);color:var(--color-accent-hover)}
.header-nav a:hover{background:var(--color-accent-soft);color:var(--color-accent-hover)}
.step{background:var(--color-accent-soft);color:var(--color-accent-hover)}
.badge-dot,.workspace-dot{background:var(--color-accent)}
.engine-badge{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary)}
input[type=checkbox]{accent-color:var(--color-accent)}
input:not([type=checkbox]):focus,select:focus{border-color:var(--color-focus);box-shadow:0 0 0 1px var(--color-focus)}
input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset,0 0 0 1px var(--color-focus)}
.report-option:has(input:checked),.history-file-row:has(input:checked){background:var(--color-accent-soft);border-color:var(--color-accent-border)}
.help-button:hover,.help.is-open .help-button{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent-hover)}
.tooltip,.terminal{background:var(--color-console);color:var(--color-on-console)}
.terminal-toolbar{background:var(--color-console-toolbar);border-color:var(--color-border-strong)}
.terminal-label,.follow-log,#log,#log .log-success,#log .log-info,#log .log-warn,#log .log-error{color:var(--color-on-console)}
#log .log-placeholder{color:var(--color-console-muted)}
#log{scrollbar-color:var(--color-scrollbar) var(--color-console-toolbar)}
#copy-log{background:var(--color-console-toolbar);color:var(--color-on-console);border-color:var(--color-scrollbar)}
#copy-log:hover{background:var(--color-text-secondary)}
.info-note{background:var(--color-warning-soft);border-color:var(--color-warning-border);color:var(--color-warning-text)}
progress{background:var(--color-border);accent-color:var(--color-accent)}
progress::-webkit-progress-bar{background:var(--color-border)}
progress::-webkit-progress-value{background:var(--color-accent)}progress::-moz-progress-bar{background:var(--color-accent)}
.scan-metrics>div:first-child{background:var(--color-accent-soft);border-color:var(--color-accent-border)}
.selection-download-bar button,.history-file-row .report-download,#downloads a{background:var(--color-accent-soft);border-color:var(--color-accent-border);color:var(--color-accent-hover)}
.selection-download-bar button:hover,.history-file-row .report-download:hover{background:var(--color-surface-hover)}

/* Compact, shared three-column header and footer. */
.hero,.history-page>.hero{
 display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
 align-items:center;gap:20px;padding:20px 24px;margin-bottom:24px;
 background:var(--color-surface);border:1px solid var(--color-border);
 border-radius:16px;box-shadow:0 4px 18px var(--color-shadow-soft);
}
.header-brand{display:flex;align-items:center;gap:12px;min-width:0}
.hero .brand-mark{width:46px;height:46px;border-radius:13px;font-size:20px}
.hero .brand-mark span{font-size:15px}
.hero .hero-copy{min-width:0;flex:1}
.hero h1{font-size:22px;line-height:1.25;letter-spacing:-.025em;margin:0 0 4px}
.hero .subtitle{font-size:12px;line-height:1.5;margin:0}
.hero .header-nav{display:flex;justify-content:center;align-items:center;gap:4px;order:initial;flex-basis:auto}
.hero .header-nav a{font-size:13px;padding:9px 11px;white-space:nowrap}
.hero .header-actions,.history-page .hero .header-actions{justify-self:end;display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:0;flex:initial;flex-wrap:nowrap}
.hero .engine-badge{font-size:12px;white-space:nowrap;margin:0;padding:7px 10px}
.hero .header-actions .button-secondary{font-size:12px;min-height:36px;padding:7px 12px;white-space:nowrap}
.page-footer{
 display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;
 align-items:center;margin-top:28px;padding:22px 24px;border:1px solid var(--color-border);
 border-radius:14px;background:var(--color-surface);text-align:left;
}
.page-footer .footer-brand{display:flex;align-items:center;gap:10px;min-width:0;white-space:normal;text-decoration:none;font-size:13px;line-height:1.4}
.page-footer .footer-brand>span{margin:0;font-size:13px;color:var(--color-text);font-weight:650}
.page-footer .footer-brand .footer-mark{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:var(--color-accent-soft);color:var(--color-accent-hover);font-size:13px;font-weight:750}
.footer-brand small{display:block;color:var(--color-text-muted);font-size:11px;font-weight:400;margin-top:2px}
.footer-nav{display:flex;justify-content:center;align-items:center;gap:16px}
.footer-nav a{font-size:12px;color:var(--color-text-secondary);text-decoration:none;white-space:nowrap}
.footer-nav a:hover,.footer-nav a[aria-current=page]{color:var(--color-accent-hover);text-decoration:underline;text-underline-offset:4px}
.page-footer .footer-note{margin:0;font-size:12px;line-height:1.6;color:var(--color-text-muted);text-align:right}
@media(max-width:1000px){
 .hero,.history-page>.hero{grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:18px}
 .header-brand{grid-column:1/-1}
 .hero .header-nav{justify-content:flex-start}
 .page-footer{grid-template-columns:minmax(0,1fr) auto;padding:20px}
 .page-footer .footer-note{grid-column:1/-1;text-align:center;padding-top:14px;border-top:1px solid var(--color-border)}
}
@media(max-width:520px){
 .hero,.history-page>.hero{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px;border-radius:12px}
 .hero h1{font-size:20px}.hero .subtitle{font-size:12px}
 .hero .header-nav{justify-content:center;padding-top:12px;border-top:1px solid var(--color-border)}
 .hero .header-actions,.history-page .hero .header-actions{justify-self:center;justify-content:center}
 .page-footer{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px}
 .page-footer .footer-brand{justify-content:center}.page-footer .footer-note{grid-column:auto}
}

/* Full-width header with the same boxed content width as the workspace. */
:root{--layout-content-width:90%;--layout-content-max:1328px;--layout-mobile-gutter:16px}
body{margin:0}
main,.history-page{width:min(var(--layout-content-width),var(--layout-content-max));margin:28px auto 30px}
.site-header{width:100%;margin:0;background:var(--color-surface);border-bottom:1px solid var(--color-border)}
.site-header>.hero{width:min(var(--layout-content-width),var(--layout-content-max));margin:0 auto;padding:18px 0;border:0;border-radius:0;box-shadow:none;background:var(--color-surface)}
@media(max-width:700px){
 main,.history-page{width:calc(100% - var(--layout-mobile-gutter) * 2);margin:20px auto 24px}
 .site-header>.hero{width:calc(100% - var(--layout-mobile-gutter) * 2);padding:16px 0;border-radius:0}
}

/* Copyright-only footer. */
.page-footer{display:block;text-align:center;padding:18px 0;background:transparent;border:0;border-top:1px solid var(--color-border);border-radius:0}
.page-footer .copyright{margin:0;font-size:12px;line-height:1.6;color:var(--color-text-muted)}

/* Full-width page footer, with copyright aligned to the boxed layout. */
body{min-height:100vh;display:flex;flex-direction:column}
main,.history-page{flex:1}
body>.page-footer{width:100%;margin:0;padding:18px 0;background:var(--color-surface);border-top:1px solid var(--color-border)}
body>.page-footer .copyright{width:min(var(--layout-content-width),var(--layout-content-max));margin:0 auto}
@media(max-width:700px){body>.page-footer .copyright{width:calc(100% - var(--layout-mobile-gutter) * 2)}}

/* Shared SVG icons and rounded native checkbox controls. */
.ui-icon{display:inline-block;width:18px;height:18px;flex:none;vertical-align:middle;pointer-events:none}
.icon-action,.hero .header-nav a.icon-action{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.icon-action .action-label{min-width:0;font:inherit;line-height:inherit}
button.icon-action{gap:8px}
.button-danger{background:var(--color-danger);border:1px solid var(--color-danger);color:var(--color-on-danger);border-radius:8px;padding:8px 12px;min-height:38px;font-size:13px;font-weight:600}
.button-danger:hover{background:var(--color-danger-hover);border-color:var(--color-danger-hover)}
.icon-action .ui-icon{width:17px;height:17px}
.step .ui-icon{width:20px;height:20px}
.report-file-icon{color:var(--color-accent-hover);width:16px;height:16px;flex:none}
.format-caption{display:inline-flex;align-items:center;gap:8px}
.format-caption>.ui-icon{width:17px;height:17px;color:var(--color-accent-hover)}
#downloads a{display:inline-flex;align-items:center;gap:8px}
.is-working>.ui-icon{animation:action-spin 1.2s linear infinite}
@keyframes action-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.is-working>.ui-icon{animation:none}}
.help-button{display:inline-grid;place-items:center;border:0;background:transparent;padding:0}
.help-button .ui-icon{width:14px;height:14px;background:var(--color-warning-soft);color:var(--color-warning-text);border-radius:50%}
.advanced>summary:after,.advanced[open]>summary:after,.log-details>summary:before{content:none;display:none}
summary{list-style:none}summary::-webkit-details-marker{display:none}
.disclosure-icon{width:16px;height:16px;margin-right:6px;transition:transform .15s}
details[open]>summary>.disclosure-icon{transform:rotate(90deg)}
.advanced>summary>span:first-of-type{flex:1}
.history-reports>summary{display:flex;align-items:center}
input[type=checkbox],.history-file-row input,.follow-log input{
 appearance:none;width:17px;height:17px;min-width:17px;min-height:17px;flex:none;
 border:1px solid var(--color-border-strong);border-radius:5px;background:var(--color-surface);
 display:inline-block;vertical-align:middle;cursor:pointer;
}
input[type=checkbox]:checked{background:var(--color-accent) url('/assets/check.svg') center/14px 14px no-repeat;border-color:var(--color-accent)}
input[type=checkbox]:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}
input[type=checkbox]:disabled{opacity:.55;cursor:default}
@media(forced-colors:active){input[type=checkbox]{appearance:auto}}
@media(prefers-reduced-motion:reduce){.disclosure-icon{transition:none}}

/* Expandable scan details, statistics and saved console logs. */
.activity-actions,.history-log-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px}
.scan-activity-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.current-scan .scan-activity-header>.section-heading{margin-bottom:0;min-width:0}
.scan-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-left:auto}
.scan-header-actions>#close-scan{flex:none;min-height:38px}
.scan-header-actions>.status-box{margin:0;padding:8px 12px;min-height:38px;border-radius:999px;font-size:13px;white-space:nowrap}
@media(max-width:600px){.scan-header-actions{width:100%;gap:10px}}
.activity-actions:has(>#download-scan-log[hidden]){display:none}
.activity-actions .button-secondary,.history-log-actions .button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;min-height:38px;text-decoration:none;border:1px solid var(--color-border-strong);border-radius:8px;font-size:13px;line-height:1.5}
.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.stats-grid>div{min-width:0;padding:12px;background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:8px}
.stats-grid dt{font-size:13px;font-weight:bodl;color:var(--color-text-muted)}
.stats-grid dd{margin:5px 0 0;color:var(--color-text);font-size:14px;font-weight:600;overflow-wrap:anywhere}
.scan-statistics,.history-log,.scan-errors{margin-top:16px;padding:14px;border:1px solid var(--color-border);border-radius:10px}
.scan-statistics>summary,.history-log>summary,.scan-errors>summary{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:14px;font-weight:650;color:var(--color-text)}
.timing-note{font-size:12px;color:var(--color-text-muted);line-height:1.6;margin:10px 0 0}
.scan-errors h3{font-size:14px;margin:16px 0 8px}
.scan-errors pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 Consolas,monospace;background:var(--color-surface-soft);color:var(--color-text);padding:14px;border-radius:8px;margin:0;max-height:none}
.history-entry>.history-card-heading{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none}
.history-entry>.history-card-heading>div{flex:1;min-width:0}
.history-entry>.history-card-heading>.disclosure-icon{margin:0}
.history-card-body{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}
.history-log-body{margin-top:14px}.history-log-actions{margin-bottom:8px}
.saved-log{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto;padding:16px;background:var(--color-console);color:var(--color-on-console);font:13px/1.8 Consolas,monospace;border-radius:8px;margin:12px 0 0}
@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.stats-grid{grid-template-columns:minmax(0,1fr)}.history-entry>.history-card-heading{flex-direction:row;flex-wrap:wrap}.history-entry>.history-card-heading>.history-badge{margin-left:28px}.activity-actions{align-items:stretch}.activity-actions .button-secondary{flex:1}.saved-log{font-size:12px;padding:12px}}
.compact-statistics{border:0;padding:0;margin:12px 0 18px}.compact-statistics .stats-grid{margin:0}
#downloads{display:block;margin:16px 0 0;padding:0}
.download-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:center;margin-bottom:18px}
.download-search label{grid-column:1/-1;font-size:13px;font-weight:600}
.download-count{margin:0;font-size:12px;color:var(--color-text-muted);white-space:nowrap}
.download-group{margin-top:18px}
.download-group h3{font-size:13px;font-weight:650;margin:0 0 8px;color:var(--color-text-secondary)}
.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}
.download-grid li{min-width:0}
#downloads a.download-card{display:flex;align-items:center;gap:10px;min-height:66px;padding:10px 12px;text-decoration:none;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text)}
#downloads a.download-card:hover{border-color:var(--color-accent-border);background:var(--color-accent-soft)}
.download-card>.ui-icon{color:var(--color-accent-hover);width:16px;height:16px}
.download-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.download-title{font-size:13px;font-weight:600;line-height:1.4}
.download-filename{font-size:11px;line-height:1.4;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.download-format{font-size:10px;font-weight:650;padding:3px 5px;border-radius:4px;background:var(--color-surface-soft);color:var(--color-text-secondary)}
.download-empty{padding:20px;text-align:center;background:var(--color-surface-soft);border-radius:8px;color:var(--color-text-muted)}
@media(max-width:1050px){.download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.download-grid{grid-template-columns:minmax(0,1fr)}.download-search{grid-template-columns:minmax(0,1fr)}}
.history-reports{margin-top:18px;padding-top:18px;border-top:1px solid var(--color-border)}
.history-reports>h3,.history-log-heading>h3{font-size:15px;font-weight:650;line-height:1.5;margin:0;color:var(--color-text)}
.history-reports>h3{margin-bottom:14px}
.history-log{margin-top:18px}.history-log-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.history-log-heading .history-log-actions{margin:0}
@media(min-width:701px){.compact-statistics .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.compact-statistics .stats-grid{grid-template-columns:minmax(0,1fr)}}
.reports-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 12px}
.reports-heading h3{font-size:14px;font-weight:650;line-height:1.5;margin:0;color:var(--color-text);min-width:0}
.reports-heading .report-selection-label{margin:0;font-size:13px;line-height:1.5;color:var(--color-text-secondary);font-weight:600;text-align:right;min-width:0}
.history-file-picker legend.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;padding:0;border:0;margin:-1px}
.history-reports .history-email-form{margin-top:0}.reports-heading{margin-bottom:10px}
