/* Shared colours also serve the native calculators, including their iframe. */
:root {
 --ui-canvas:#f6f8fd;--ui-surface:#fff;--ui-raised:#f0f4fa;--ui-ink:#24324a;--ui-muted:#62738b;--ui-line:#dfe6f1;
 --ui-primary:#2563d4;--ui-on-primary:#fff;--ui-soft:#edf4ff;--ui-accent:#8253d6;--ui-accent-soft:#f3edfc;
 --ui-cyan:#08a6cf;--ui-pink:#d849b3;--ui-gold:#f2c85e;
}
:root[data-theme=dark] {
 --ui-canvas:#111827;--ui-surface:#1b2638;--ui-raised:#233148;--ui-ink:#e8eef8;--ui-muted:#acbad0;--ui-line:#3b4a62;
 --ui-primary:#83b2ff;--ui-on-primary:#12233d;--ui-soft:#263e60;--ui-accent:#b9a0f4;--ui-accent-soft:#382e50;
 --ui-cyan:#58c7df;--ui-pink:#ee8bd1;--ui-gold:#f2ce77;
 --brand-ink:var(--ui-ink);--brand-muted:var(--ui-muted);--brand-canvas:var(--ui-canvas);--brand-line:var(--ui-line);
 --brand-blue:var(--ui-primary);--brand-violet:var(--ui-accent);--brand-cyan:var(--ui-cyan);--brand-pink:var(--ui-pink);
 --brand-blue-soft:var(--ui-soft);--brand-violet-soft:var(--ui-accent-soft);--brand-pink-soft:#432d40;--brand-gold-soft:#443b27;
 --surface:var(--ui-surface);
}
.page-navigation{display:flex;align-items:center;gap:6px;min-width:0}.page-navigation .theme-toggle{margin-left:auto;white-space:nowrap;min-height:36px}
.crm-calculator-more{position:relative}.crm-calculator-more summary{cursor:pointer;padding:8px 12px;list-style:none;border:1px solid var(--ui-line);border-radius:8px;font-size:12px}
.crm-calculator-more>div{position:absolute;right:0;top:100%;z-index:5;display:grid;gap:6px;padding:8px;width:230px;max-width:calc(100vw - 24px);background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:10px;box-shadow:0 8px 25px #0003}
.crm-calculator-more>div button{width:100%;height:auto;min-height:40px;white-space:normal;font-size:13px;text-align:left;line-height:1.3}
.crm-unified-dialog[open]{display:flex;flex-direction:column}.crm-unified-dialog .crm-letter-dialog-head{flex:0 0 40px;min-height:40px;padding:2px 8px;gap:8px;background:var(--ui-surface);color:var(--ui-ink)}
.crm-unified-dialog .crm-letter-dialog-head>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.crm-unified-dialog .crm-letter-dialog-head>div{flex:none}.crm-unified-dialog iframe{flex:1;min-height:0;height:auto;width:100%}
.crm-unified-dialog .crm-calculator-actions>button{width:36px;height:34px;min-height:34px;padding:0;font-size:24px}
/* Dark surfaces: leave photos, print documents and material colour samples intact. */
:root[data-theme=dark]:not(.crm-calculator-page) body{background:var(--ui-canvas);color:var(--ui-ink)}
:root[data-theme=dark]:not(.crm-calculator-page) :is(.sidebar,.panel,.stat,.work,.organization-account,.column-header,.card:where(:not(.task-card)),dialog,.profile button,.workspace-tabs button,.personal-page-menu>div,.client-picker-results,.client-picker-popover,.task-options-menu,.modal-actions,.drawer-windowbar,.order-tabs,.chat-composer,.chat-message,.calculation-variant,.task-panel-options){background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-line)}
:root[data-theme=dark]:not(.crm-calculator-page) :is(button,input,select,textarea){background-color:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-line)}
:root[data-theme=dark]:not(.crm-calculator-page) button:hover{background-color:var(--ui-soft);color:var(--ui-ink)}
:root[data-theme=dark]:not(.crm-calculator-page) button.primary{background:var(--ui-primary);color:var(--ui-on-primary)}
:root[data-theme=dark]:not(.crm-calculator-page) :is(.column,.column-cards,.quick-create,.chat-feed,.order-summary,.drawer-body,.detail-tabs,.form-preview-frame,.form-preview-pages){background-color:var(--ui-canvas);color:var(--ui-ink);border-color:var(--ui-line)}
:root[data-theme=dark]:not(.crm-calculator-page) .column-drag-label{background:color-mix(in srgb,var(--column-accent) 20%,var(--ui-surface));color:var(--ui-ink);border-color:var(--ui-line)}
:root[data-theme=dark]:not(.crm-calculator-page) .board .card :is(.card-works,.card-documents,.card-payments,.card-order-tasks,.card-deadlines){background:var(--ui-surface)}
:root[data-theme=dark]:not(.crm-calculator-page) .board .card :is(summary,small,p,button,.price-badge,.card-client,.card-legal){color:var(--ui-ink)}
:root[data-theme=dark]:not(.crm-calculator-page) :is(.column-head h2,.task-dialog-head h2,.topbar h1,.work-header-title h1,.sidebar .nav button,.brand-name,.task-card h3,.card h3,.order-task-item,.client-registry-name,.client-details dd){color:var(--ui-ink)}
:root[data-theme=dark]:not(.crm-calculator-page) :is(small,.muted,.field-help,.eyebrow,.card-number,.card-bottom,.client-details dt,.client-registry-legal,.client-registry-email,.empty,.order-task-content small){color:var(--ui-muted)}
:root[data-theme=dark]:not(.crm-calculator-page) :is(.sidebar .nav button.active,.workspace-tabs button.active,.personal-page-tabs button.active,.calculation-variant.selected,.badge,.task-card-delete){background:var(--ui-soft);color:var(--ui-primary);border-color:var(--ui-line)}
:root[data-theme=dark]:not(.crm-calculator-page) :is(.order-task-content,.order-subtask,.order-task-messages article,.calculation-work-items,td,th){border-color:var(--ui-line)}
:root[data-theme=dark]:not(.crm-calculator-page) :is(.task-done,.design-complete,.task-complete,button.card-complete){background:#203f36;color:#a1e0c0;border-color:#467c65}
:root[data-theme=dark]:not(.crm-calculator-page) :is(.error,.danger,.badge.red){color:#ffb1bc;background-color:#482b37}
:root[data-theme=dark]:not(.crm-calculator-page) [data-task-urgency=warning]{background:#493e21!important;color:#ffdf92!important}
:root[data-theme=dark]:not(.crm-calculator-page) [data-task-urgency=danger]{background:#4b2b38!important;color:#ffb6c2!important}
:root[data-theme=dark]:not(.crm-calculator-page) [data-task-urgency] .task-deadline-label{color:inherit}
:root[data-theme=dark]:not(.crm-calculator-page) :is(input,select,textarea):disabled{background:var(--ui-raised);color:var(--ui-muted)}
:root[data-theme=dark]:not(.crm-calculator-page) a{color:var(--ui-primary)}
:root[data-theme=dark]:not(.crm-calculator-page) #crm-sync-status{background:var(--ui-surface)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important}
@media(max-width:700px){
 html{-webkit-text-size-adjust:100%}body{overflow-wrap:break-word}
 .main,.shell,#main,.topbar>div,.work-header-title,.work-header-tools{min-width:0;max-width:100%}
 .page-navigation{flex-wrap:wrap}.page-navigation button{font-size:12px;padding:7px 9px}.page-navigation .theme-toggle{min-width:40px}
 .board{width:100%;max-width:100%;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;gap:12px}
 .board .column,.board .column-create{flex:0 0 100%;width:100%;min-width:0;max-width:100%;scroll-snap-align:start;scroll-snap-stop:always}
 .board .column-cards{min-width:0}.board .card{overflow-wrap:anywhere}
 .board .column-head h2{font-size:15px}.board .card h3{font-size:14px}.board .card small,.board .card p{font-size:12px}
 .board .card button,.board .card summary{min-height:32px}
 dialog:not(.crm-letter-dialog){box-sizing:border-box;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:14px;overflow:auto}
 dialog .fields,.form-grid,.new-company-account{grid-template-columns:minmax(0,1fr)}
 dialog :is(label,.field,.fields>*,.modal-actions,.topbar){min-width:0;max-width:100%}
 input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;min-width:0;max-width:100%;box-sizing:border-box}
 dialog :is(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%}
 dialog :is(h1,h2,h3){overflow-wrap:anywhere}dialog h1{font-size:22px}
 .modal-actions,.topbar,.toolbar,.work-header-tools,.board-actions{flex-wrap:wrap;gap:8px}
 .modal-actions button{min-height:40px;white-space:normal}
 .personal-page-menu>div{width:min(260px,calc(100vw - 32px));max-width:calc(100vw - 32px)}
 .client-picker-results,.client-picker-popover,[role=listbox]{box-sizing:border-box;min-width:0;max-width:calc(100vw - 24px);max-height:50dvh;overflow:auto;overflow-wrap:anywhere}
 .client-picker-results button,.client-picker-popover button,[role=option]{white-space:normal;overflow-wrap:anywhere}
 .table-wrap,.client-registry-panel{overflow-x:auto;max-width:100%}
 .crm-unified-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding:0}
 .crm-unified-dialog .crm-letter-dialog-head{flex-basis:40px;max-height:40px}
}
@media(max-width:700px){
 .work-board-header .page-navigation{width:100%;flex:1 0 100%;justify-content:flex-start}
 .work-board-header .page-navigation .theme-toggle{margin-left:auto}
 .client-suggestions{box-sizing:border-box;max-width:100%;width:100%;min-width:0;max-height:45dvh;overflow:auto}
 .client-name-grid,.client-identity-line,.client-bank-grid{min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr)}
 .client-suggestions button{white-space:normal;overflow-wrap:anywhere}
}
:root[data-theme=dark]:not(.crm-calculator-page) :is(.modal-top,.client-suggestions,.client-list-top,.client-list-items,.client-list-pages){background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-line)}
/* Compatibility calculators opened from older work share the same theme. */
#crm-sign-root{--background:var(--ui-canvas);--foreground:var(--ui-ink);--card:var(--ui-surface);--card-foreground:var(--ui-ink);--popover:var(--ui-surface);--popover-foreground:var(--ui-ink);--primary:var(--ui-primary);--primary-foreground:var(--ui-on-primary);--secondary:var(--ui-raised);--secondary-foreground:var(--ui-ink);--muted:var(--ui-raised);--muted-foreground:var(--ui-muted);--accent:var(--ui-accent-soft);--accent-foreground:var(--ui-accent);--border:var(--ui-line);--input:var(--ui-line);--ring:var(--ui-primary)}
html.crm-legacy-letter{--ink:var(--ui-ink);--text:var(--ui-ink);--soft:var(--ui-muted);--line:var(--ui-line);--bg:var(--ui-canvas);--paper:var(--ui-surface);--gold:var(--ui-accent);--pale:var(--ui-accent-soft);--blue:var(--ui-primary)}
@media(max-width:700px){
 #crm-sign-root .topbar{height:auto;min-height:44px}#crm-sign-root .topbar-inner{padding:6px 10px;gap:8px;flex-wrap:wrap}
 #crm-sign-root :is(.page,.container){padding:12px;min-width:0;max-width:100%}
 .crm-legacy-letter .app-head{display:none}.crm-legacy-letter .calculator-nav{flex-wrap:nowrap;overflow-x:auto;padding:6px;gap:4px}.crm-legacy-letter .calculator-nav>a,.crm-legacy-letter .calculator-signs-menu{flex:none}.crm-legacy-letter .calculator-signs-menu>div{position:fixed;top:50px;left:8px;width:calc(100vw - 16px);min-width:0}
 .crm-legacy-letter .intro h1{font-size:19px}.crm-legacy-letter .intro>.eyebrow,.crm-legacy-letter .intro>p{display:none}.crm-legacy-letter .summary{order:0}.crm-legacy-letter .chips{flex-wrap:wrap}.crm-legacy-letter .choice small{margin-left:0;overflow-wrap:anywhere}
}
/* Keep controls readable when a browser applies its native dark colour scheme. */
.crm-calculator-page :is(input,select,textarea){color:var(--ui-ink)!important;background-color:var(--ui-surface)}
.crm-calculator-page :is(.choice,.chip){background:var(--ui-surface);color:var(--ui-ink)}
.crm-calculator-page :is(.choice,.chip).selected{background:var(--ui-accent-soft);color:var(--ui-accent);border-color:var(--ui-accent)}
.crm-calculator-page :is(input,select,textarea):disabled{color:var(--ui-muted)!important}

:root[data-theme=dark] .sidebar .sidebar-group>summary{background:var(--ui-surface);color:var(--ui-ink)}
:root[data-theme=dark] .sidebar .sidebar-group[open]>summary,:root[data-theme=dark] .sidebar .sidebar-group>summary:hover{background:var(--ui-raised);color:var(--ui-ink)}
:root[data-theme=dark] .sidebar .sidebar-group>summary::after{color:var(--ui-muted)}
:root[data-theme=dark] .sidebar .sidebar-group-items{background:var(--ui-surface);border-color:var(--ui-line)}

/* Accounting and sales controls share the existing theme. */
.docs-table tr[data-document-row]{cursor:pointer}.docs-table tr[data-document-row]:focus-visible{outline:2px solid var(--brand-accent,#e1bd48);outline-offset:-2px}
.sales-alert-banner{margin:10px 0;padding:12px;border-radius:12px;background:var(--panel,#fff);border:1px solid #d4aa3a;max-width:100%;overflow:hidden}.sales-alert-banner[hidden]{display:none}.sales-alert-banner details>.table-wrap{max-height:45vh;overflow:auto}
.sales-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.report-number{font:inherit;color:inherit;text-decoration:underline;text-underline-offset:4px;padding:3px;background:none;border:0;cursor:pointer}.sales-plan{padding:14px 0;border-bottom:1px solid #9ca3af55}.manager-plan-amount{font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.2;margin:8px 0}.manager-plan{border-left:6px solid #d69b24}.manager-plan.complete{border-color:#239660}.manager-plan.progressing{border-color:#4289b7}.manager-plan progress{width:100%;accent-color:#239660}
@keyframes handoff-pulse{0%,100%{opacity:1}50%{opacity:.25}}
.handoff-warning,.handoff-urgent{position:relative;isolation:isolate}
.handoff-warning::after,.handoff-urgent::after{content:"";position:absolute;inset:0;border:2px solid #cc8b17;border-radius:inherit;pointer-events:none;z-index:4;animation:handoff-pulse 3s ease-in-out infinite}
.handoff-urgent::after{border-color:#d64435;animation-duration:1.5s}
@media(prefers-reduced-motion:reduce){.handoff-warning::after,.handoff-urgent::after{animation:none}}
@media(prefers-reduced-motion:reduce){.handoff-warning,.handoff-urgent{animation:none;outline:3px solid #cc8b17;outline-offset:-3px}}
@media(max-width:650px){.sales-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-metrics .stat{min-width:0}.sales-metrics strong{font-size:20px;overflow-wrap:anywhere}.sales-alert-banner{padding:8px}.manager-plan-amount{font-size:32px}}

/* Compact horizontal statuses keep clear of the card warning border. */
.board .card>.design-status,.board .card>.calculation-approval,.board .card>.execution-state:is(.approved,.complete){box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:nowrap;margin:3px 5px;width:calc(100% - 10px);border:0;border-radius:2px;padding:6px 7px;font-size:10px;line-height:1.35;text-align:left}
.board .card>.calculation-approval.self-approved{justify-content:flex-start}
.board .card>.calculation-approval.self-approved .status-label{flex:1;min-width:0}
.board .card>.calculation-approval small{flex:0 1 auto;min-width:0;padding:0;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:34%;font-size:10px;font-weight:400}
.board .card>.design-status strong,.board .card>.calculation-approval .status-label{min-width:0;overflow-wrap:anywhere}
.board .card>.design-status small{flex:none;font-size:9px;white-space:nowrap}
.calculation-bundle-actions{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0;border-top:1px solid var(--brand-line,#dce5f2);margin:7px 0}
.calculation-bundle-actions button{flex:1 1 130px;white-space:normal;font-size:11px}

.board-pagination{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;font-size:12px}.board-partial-label{font-size:11px;font-weight:500}


/* Field crews open work cards first. Utility controls stay in the top right. */
.shell.field-shell{display:flex;flex-direction:column;min-height:100dvh;max-width:none}
.field-shell .main{width:100%;min-width:0;padding:14px 20px 24px;margin:0;box-sizing:border-box}
.field-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;background:var(--ui-surface);border-bottom:1px solid var(--ui-line)}
.field-header button{min-height:44px;color:var(--ui-ink);background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:10px;font-size:14px;padding:8px 12px}
.field-header .field-brand{display:flex;align-items:center;gap:10px;border:0;padding:0;background:transparent;font-weight:700;font-size:17px}
.field-brand img{width:44px;height:44px;object-fit:contain;flex:none}
.field-utilities{display:flex;align-items:center;gap:8px;margin-left:auto}
.field-header .active{background:var(--ui-soft);border-color:var(--ui-primary)}
.field-shell .work-header-title,.field-shell .work-header-tools>.page-navigation,.field-shell #main>.footnote{display:none}
.field-shell .work-board-header{padding:0;margin:0 0 14px;gap:12px}
.field-shell .board-toolbar{margin:0;display:flex;gap:8px}
.field-shell .board-toolbar input{min-width:0;flex:1;min-height:44px;font-size:15px}
.field-shell .board-toolbar button{min-height:44px}
.field-tabs.workspace-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0;padding:0}
.field-tabs.workspace-tabs button{flex:1;min-height:50px;min-width:100px;padding:10px 16px;border-radius:12px;font-size:17px;font-weight:700;background:var(--ui-surface);color:var(--ui-ink);border:1px solid var(--ui-line)}
.field-tabs.workspace-tabs button.active{background:var(--ui-soft);border-color:var(--ui-primary);box-shadow:inset 0 -3px var(--ui-primary)}
.field-tabs.workspace-tabs button.needs-attention{border-color:#d64051;color:#b52739;animation:field-alert 1.8s ease-in-out infinite}
:root[data-theme=dark] .field-tabs.workspace-tabs button.needs-attention{color:#ffb4bb;border-color:#ff7786}
.field-tab-count{display:inline-flex;justify-content:center;align-items:center;min-width:20px;height:20px;border-radius:10px;background:#c93043;color:#fff;font-size:11px;padding:0 4px}
@keyframes field-alert{0%,100%{box-shadow:inset 0 0 0 1px #db405144}50%{box-shadow:inset 0 0 0 3px #db4051,0 0 10px #db405133}}
@media(prefers-reduced-motion:reduce){.field-tabs.workspace-tabs button.needs-attention{animation:none;box-shadow:inset 0 0 0 2px #db4051}}
.field-user .board .card .card-controls button,.field-user .board .card details>summary,.field-user #project-dialog button,.measurement-file-actions button{min-height:48px;font-size:14px;line-height:1.35;padding:12px}
.field-user .board .card-controls .order-action-buttons{gap:8px;padding:8px}
.field-user .board .card-controls:not(details){display:flex;flex-wrap:wrap;gap:8px;padding:10px}
.field-user .board .card-controls:not(details)>button{flex:1;min-width:130px}
.field-user .board .card .execution-state{font-size:13px;white-space:normal}
.field-user .board .card .execution-state small{white-space:pre-wrap;overflow-wrap:anywhere}
.field-user .board .card .card-open{padding:12px}
.field-user .board .card h3{font-size:16px;line-height:1.4}
.field-personal-pages{padding:8px 20px;background:var(--ui-surface)}
.field-personal-pages .sidebar-group-items{display:flex;flex-wrap:wrap;gap:8px}
.measurement-files{min-width:0}.measurement-file-actions{display:flex;gap:10px;flex-wrap:wrap}.measurement-file-actions button{flex:1;min-width:130px}
.measurement-file-previews{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.measurement-file-previews>div{position:relative;display:flex;flex-direction:column;gap:4px;width:100px;padding:6px;border:1px solid var(--ui-line);border-radius:10px;overflow:hidden}
.measurement-file-previews img{width:100%;height:80px;object-fit:cover;border-radius:6px}
.measurement-file-previews span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.measurement-file-previews button{position:absolute;top:2px;right:2px;min-width:36px;min-height:36px;padding:2px;font-size:22px;background:var(--ui-surface);color:var(--ui-ink)}
.measurement-pending{color:#b52739;background:#fff0f1}
:root[data-theme=dark] .measurement-pending{color:#ffb4bb;background:#482c36}
@media(max-width:650px){
 .field-header{padding:8px;gap:6px}.field-header .field-brand span{display:none}.field-brand img{width:36px;height:36px}.field-utilities{gap:4px}.field-header button{font-size:11px;padding:7px;min-height:44px}
 .field-shell .main{padding:10px 8px 16px}.field-shell .board{gap:12px;scroll-padding-inline:0}.field-shell .board>.column{width:calc(100vw - 28px);min-width:calc(100vw - 28px);max-width:430px}
 .field-tabs.workspace-tabs{gap:6px}.field-tabs.workspace-tabs button{min-width:85px;font-size:14px;min-height:48px;padding:9px 7px}
 .field-tab-count{min-width:16px;height:16px;font-size:10px;padding:0 2px}
 .field-user .board .card .card-controls button{font-size:14px}
}
:root[data-theme=dark] .field-user .board .card-actions>summary{background:var(--ui-raised);color:var(--ui-ink);border-color:var(--ui-line)}
:root[data-theme=dark] .field-user .board .card-controls .order-action-buttons{background:var(--ui-surface);color:var(--ui-ink)}
:root[data-theme=dark] .field-user .board .card-controls button{background:var(--ui-raised);color:var(--ui-ink);border-color:var(--ui-line)}
:root[data-theme=dark] .field-user #project-dialog,
:root[data-theme=dark] .field-user #project-dialog .drawer-windowbar,
:root[data-theme=dark] .field-user #project-dialog .topbar,
:root[data-theme=dark] .field-user #project-dialog .order-tabs,
:root[data-theme=dark] .field-user #project-dialog .chat-composer,
:root[data-theme=dark] .field-user #project-dialog .chat-attach,
:root[data-theme=dark] .field-user #project-dialog .window-close{background:var(--ui-surface);color:var(--ui-ink)}
:root[data-theme=dark] .field-user #project-dialog .chat-feed{background-color:var(--ui-canvas)}
:root[data-theme=dark] .field-user #project-dialog .chat-message,
:root[data-theme=dark] .field-user #project-dialog .chat-input textarea{background:var(--ui-raised);color:var(--ui-ink)}
:root[data-theme=dark] .field-user #project-dialog .chat-message.own{background:var(--ui-soft)}
.field-departments{position:relative}.field-departments>summary{display:flex;align-items:center;min-height:44px;padding:8px 12px;box-sizing:border-box;border:1px solid var(--ui-line);border-radius:10px;cursor:pointer;font-size:14px}
.field-departments[open]{position:relative;z-index:30}.field-departments[open]>.sidebar-group,.field-departments[open]>button{display:block;min-width:200px;background:var(--ui-surface);border:1px solid var(--ui-line);padding:8px;margin-top:4px}
.field-departments .sidebar-group-items{display:flex;flex-direction:column;gap:6px}
@media(max-width:650px){.field-departments>summary{font-size:11px;padding:7px}.field-utilities:has(.field-departments){flex-wrap:wrap;justify-content:flex-end}.field-departments[open]{position:absolute;right:8px;top:8px;max-width:calc(100vw - 20px);padding:8px;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:10px}}
/* Field day boards: clear destinations and touch-sized controls. */
.field-tabs .field-shop-main{flex:1 0 100%!important;font-size:25px!important;letter-spacing:.06em}
.field-shop-switch{display:flex;flex:1 0 100%;gap:8px}.field-shop-switch button{min-width:0!important}
.field-deadline{display:inline-block;margin:4px 0 2px;padding-left:8px;border-left:2px solid var(--ui-primary);font-size:12px;color:var(--ui-ink);white-space:nowrap}
.field-card-tools,.task-move-tools{display:flex;align-items:center;gap:5px;padding:5px 8px}.task-move-tools{justify-content:flex-end;border-top:1px solid var(--ui-line);margin-top:5px}.task-move-tools>button{min-height:40px;font-size:12px;padding:5px 9px}.field-card-tools>button:not(.touch-grip){flex:1;min-height:44px}
.touch-grip{touch-action:none!important;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab;flex:0 0 44px!important;width:44px;min-width:44px!important;min-height:44px!important;padding:0!important;font-size:24px!important;background:var(--ui-soft)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important}
.touch-grip:active{cursor:grabbing}.touch-drop-target{outline:3px solid var(--ui-primary);outline-offset:-3px}.touch-drag-ghost{position:fixed;left:0;top:0;z-index:5000;pointer-events:none;max-width:220px;padding:12px 16px;border:2px solid var(--ui-primary);border-radius:10px;background:var(--ui-surface);color:var(--ui-ink);box-shadow:0 6px 24px #0004;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board .card.dragging{opacity:.5;content-visibility:visible}
.day-move-options{display:grid;gap:8px}.day-move-options button{min-height:48px;text-align:left;font-size:16px}
.field-photo-report{display:flex;gap:12px;flex-wrap:wrap}.field-photo-report h2,.field-photo-report>.muted{flex:1 0 100%}.field-photo-report figure{margin:0;width:min(220px,100%)}.field-photo-report .photos{margin:0}.field-photo-report figcaption{overflow-wrap:anywhere}.field-photo-report figcaption p{margin:6px 0;font-size:13px}.field-photo-report .photos img{width:100%;height:160px;object-fit:contain}
.field-archive-item{display:block;width:100%;padding:12px;text-align:left;margin:8px 0;min-height:48px}.field-archive-item small{display:block;margin-top:5px;color:var(--ui-muted)}
@media(max-width:650px){.field-header{flex-wrap:wrap}.field-header .field-brand span{display:inline;font-size:13px}.field-utilities{gap:3px;flex-wrap:wrap;justify-content:flex-end}.field-header button{padding:6px;font-size:11px}.field-utilities .field-departments{order:5}.field-header .field-brand img{width:32px;height:32px}.field-shop-switch button{font-size:13px!important}.field-user .board .field-deadline{font-size:12px}.touch-grip{display:inline-flex;align-items:center;justify-content:center}}
.field-user .board .field-card-tools{background:var(--ui-surface);border-top:1px solid var(--ui-line);margin:0;border-radius:0;padding:6px}.field-user .board .field-card-tools>button{border:1px solid var(--ui-line);border-radius:8px;background:var(--ui-soft);color:var(--ui-ink)}.field-deadline{margin-left:5px}
@media(max-width:650px){.field-header .field-departments>summary{min-width:24px;padding:7px 3px;text-align:center;font-size:18px;line-height:28px}}
.board.touch-card-dragging{scroll-snap-type:none!important;scroll-behavior:auto!important}
:root[data-theme=dark] .order-facts>span{background:var(--ui-soft);color:var(--ui-ink)}
@media(max-width:650px){.field-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px}.field-header .field-brand{gap:5px}.field-header .field-brand span{font-size:12px}.field-header .field-utilities{gap:2px;flex-wrap:nowrap}.field-header .field-utilities>button{font-size:10px;padding:5px}.field-header .field-utilities:has(.field-departments){flex-wrap:nowrap}}
@media(max-width:360px){.field-header .field-brand span{display:none}}

.max-chat-binding{border-top:1px solid var(--border,#dbe4ef);padding-top:12px;margin-top:12px}.max-report-preview{padding:16px;border:1px solid var(--border,#dbe4ef);border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere}.max-order-messages{display:grid;gap:10px}.max-order-messages small{overflow-wrap:anywhere}

/* Card details summaries have their own light surface; keep contrast in dark mode. */
:root[data-theme=dark]:not(.crm-calculator-page) .board .card :is(.card-actions>summary,.card-controls,.execution-status-chip,.execution-stage,.calculation-variant.selected){background:var(--ui-soft);color:var(--ui-ink);border-color:var(--ui-line)}
:root[data-theme=dark]:not(.crm-calculator-page) :is(.execution-statuses span,.execution-status span,.execution-progress span,.card-actions>summary,.card-statuses .badge){background:var(--ui-soft);color:var(--ui-ink);border-color:var(--ui-line)}
:root[data-theme=dark]:not(.crm-calculator-page) :is(.calculation-work-items,.calculation-work-items button,.card-work-row){color:var(--ui-ink);border-color:var(--ui-line)}


/* Graphite workspace: opaque reading surfaces stay legible over any wallpaper. */
:root[data-theme=dark]{
 --ui-canvas:#191c22;--ui-surface:#252b34;--ui-raised:#303844;--ui-card:#333d49;
 --ui-ink:#f1f3f7;--ui-muted:#b3becd;--ui-line:#465260;
 --ui-primary:#8ab4ff;--ui-on-primary:#14233c;--ui-soft:#2e4260;
 --ui-accent:#c4acf5;--ui-accent-soft:#3d344e;
}
:root[data-theme=dark]:not(.crm-calculator-page) :is(.login-form,.release-payment,.release-payment-panel,.release-payment-options label,.sales-alert-banner,.reminders details,.execution-approvals,.approval-list,.order-facts>span,.payment-summary,.finance-summary){background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-line)}
:root[data-theme=dark]:not(.crm-calculator-page) .login-intro{background:radial-gradient(ellipse at 0% 100%,#59441833,transparent 55%),radial-gradient(ellipse at 100% 0%,#62428133,transparent 55%),var(--ui-canvas);color:var(--ui-ink)}
:root[data-theme=dark] .login-intro :is(p,small){color:var(--ui-muted)}
:root[data-theme=dark] .login-form :is(h2,label){color:var(--ui-ink)}
:root[data-theme=dark] .login-form input:-webkit-autofill{-webkit-text-fill-color:var(--ui-ink);box-shadow:inset 0 0 0 100px var(--ui-raised);caret-color:var(--ui-ink)}
:root[data-theme=dark]:not(.crm-calculator-page) :is(.release-payment,.release-payment-panel) :is(legend,label,.payment-balance,.payment-balance strong,.payment-document-method,.payment-confirmation-meta,.field-help){color:var(--ui-ink)}
:root[data-theme=dark] :is(.release-payment,.release-payment-panel) :is(.payment-document-method,.field-help,.payment-confirmation-meta.muted,legend){color:var(--ui-muted)}
:root[data-theme=dark] :is(.release-payment,.release-payment-panel) fieldset{border-color:var(--ui-line)}
:root[data-theme=dark] :is(input,textarea)::placeholder{color:var(--ui-muted);opacity:1}
:root[data-theme=dark]:not(.crm-calculator-page) .column{background:color-mix(in srgb,var(--ui-surface) 94%,transparent);border-color:var(--ui-line);border-top-color:var(--column-accent)}
:root[data-theme=dark]:not(.crm-calculator-page) .column-cards{background:transparent}
:root[data-theme=dark]:not(.crm-calculator-page) .column-header{background:transparent}
:root[data-theme=dark]:not(.crm-calculator-page) .board .card:not(.task-card){background:var(--ui-card);color:var(--ui-ink);border-color:var(--ui-line)}
:root[data-theme=dark]:not(.crm-calculator-page) .board .card:not(.task-card):hover{background:#3b4653}
:root[data-theme=dark] .sidebar{background:#22262e}
:root[data-theme=dark] .board-totals b{color:var(--ui-ink)}
:root[data-theme=dark] :is(.manager-plan,.sales-alert-banner){color:var(--ui-ink)}
:root[data-theme=dark] .sales-alert-banner{background:var(--ui-surface)}
.login{position:relative}
.login-theme-toggle{position:absolute;top:20px;right:22px;z-index:1;font-size:13px}
.page-navigation>[data-appearance-open]{white-space:nowrap;min-height:36px}

/* Background is a single fixed layer; changing it never redraws the board. */
:root[data-wallpaper]:not([data-wallpaper=none]) body{isolation:isolate}
#crm-wallpaper{position:fixed;inset:0;z-index:-1;pointer-events:none;background-position:center;background-size:cover;background-repeat:no-repeat}
#crm-wallpaper[hidden]{display:none}
:root[data-wallpaper=image] #crm-wallpaper,#appearance-dialog[data-wallpaper=image] .appearance-preview{background-image:linear-gradient(rgb(0 0 0 / var(--crm-wallpaper-dim,.35)),rgb(0 0 0 / var(--crm-wallpaper-dim,.35))),var(--crm-wallpaper-image)}
:root[data-wallpaper=cosmos] #crm-wallpaper,#appearance-dialog[data-wallpaper=cosmos] .appearance-preview{
 background-color:#11121f;
 background-image:linear-gradient(rgb(0 0 0 / var(--crm-wallpaper-dim,.35)),rgb(0 0 0 / var(--crm-wallpaper-dim,.35))),
 radial-gradient(circle at 12% 20%,#eee 0 1px,transparent 1.5px),radial-gradient(circle at 70% 13%,#fff 0 1px,transparent 1.5px),
 radial-gradient(circle at 45% 70%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 90% 80%,#ccc 0 1px,transparent 1.5px),
 radial-gradient(ellipse at 85% 65%,#bb527c88,transparent 38%),radial-gradient(ellipse at 30% 25%,#725db477,transparent 45%),
 radial-gradient(ellipse at 65% 45%,#324f8988,transparent 55%);
 background-size:cover,173px 227px,269px 193px,311px 251px,211px 313px,cover,cover,cover;
}
:root[data-wallpaper]:not([data-wallpaper=none]) :is(.work-board-header,.personal-page-tabs,.main>.page-navigation,.board-pagination){background:color-mix(in srgb,var(--ui-surface) 96%,transparent);border-radius:10px;padding:8px}
:root[data-wallpaper]:not([data-wallpaper=none]) .column{background:color-mix(in srgb,var(--ui-surface) 94%,transparent)}
#appearance-dialog{width:460px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:20px;background:var(--ui-surface);color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:14px}
#appearance-dialog::backdrop{background:#0b101ba6}
.appearance-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.appearance-head h2{font-size:19px;margin:0}
.appearance-head>button{min-width:36px;padding:5px;font-size:22px}
.appearance-themes{display:flex;gap:18px;padding:12px;border:1px solid var(--ui-line);border-radius:8px;margin:0 0 14px}
.appearance-themes label{display:flex;align-items:center;gap:6px;font-size:13px}
.appearance-themes input{width:16px;height:16px;margin:0;accent-color:var(--ui-primary)}
.appearance-backgrounds{display:flex;gap:8px;margin-bottom:14px}
.appearance-backgrounds button{flex:1}
.appearance-upload{font-size:13px;gap:7px}
.appearance-upload input{box-sizing:border-box;width:100%;max-width:100%;font-size:12px;padding:8px}
.appearance-upload small,.appearance-note{font-size:12px;color:var(--ui-muted);line-height:1.5}
.appearance-preview{display:flex;align-items:center;justify-content:center;min-height:150px;margin:16px 0;padding:16px;border-radius:10px;background:var(--ui-canvas);background-size:cover;background-position:center}
.appearance-preview>div{display:grid;gap:8px;padding:14px;width:220px;max-width:100%;border:1px solid var(--ui-line);border-radius:8px;background:var(--ui-surface);color:var(--ui-ink);font-size:13px}
.appearance-preview small{color:var(--ui-muted);font-size:11px;line-height:1.4}
.appearance-dimming{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:13px}
.appearance-dimming input{grid-column:1/-1;accent-color:var(--ui-primary);padding:0}
.appearance-footer{display:flex;justify-content:space-between;gap:10px;margin-top:16px}
[data-appearance-status]{font-size:12px;line-height:1.5;color:var(--ui-ink);overflow-wrap:anywhere}
[data-appearance-status]:empty{display:none}

/* Keep the manager's plan on a compact strip above the board. */
.manager-plan{display:grid;grid-template-columns:max-content max-content minmax(0,1fr);align-items:center;gap:8px 20px;padding:12px 18px;margin:10px 0;min-width:0}
.manager-plan>strong{font-size:14px}
.manager-plan .manager-plan-amount{font-size:clamp(26px,2.3vw,40px);line-height:1.15;font-weight:750;margin:0;white-space:nowrap}
.manager-plan>p{font-size:12px;line-height:1.5;text-align:right;margin:0;min-width:0;overflow-wrap:anywhere}
.manager-plan>progress{grid-column:1/-1;display:block;width:100%;height:6px;margin:0}
:root[data-theme=dark]:not(.crm-calculator-page) .manager-plan{border-left-color:#d69b24}
:root[data-theme=dark]:not(.crm-calculator-page) .manager-plan.progressing{border-left-color:#4289b7}
:root[data-theme=dark]:not(.crm-calculator-page) .manager-plan.complete{border-left-color:#239660}
:root .task-move-tools{display:none}
@media(max-width:1100px){
 .manager-plan{grid-template-columns:minmax(0,1fr) max-content;gap:6px 12px}
 .manager-plan>p{grid-column:1/-1;text-align:left;font-size:11px}
 .manager-plan .manager-plan-amount{font-size:30px}
}
@media(max-width:700px){
 :root .task-move-tools{display:flex}
 .manager-plan{padding:10px 12px;gap:6px 10px}
 .manager-plan>strong{font-size:12px}
 .manager-plan .manager-plan-amount{font-size:24px;white-space:normal;overflow-wrap:anywhere;text-align:right}
 .page-navigation>[data-appearance-open]{font-size:12px}
 .login-theme-toggle{top:12px;right:12px}
 #appearance-dialog{padding:16px}
 .field-header [data-appearance-open]{padding:7px;font-size:11px}
}

:root[data-theme=dark]:not(.crm-calculator-page) .board .card>.calculation-approval{background:var(--ui-accent-soft);color:#e0d2ff}
:root[data-theme=dark]:not(.crm-calculator-page) .board .card>.design-status{background:#254538;color:#b7ebcd}
:root[data-theme=dark]:not(.crm-calculator-page) .board .card>:is(.calculation-approval,.design-status) :is(small,strong,.status-label){color:inherit}
:root[data-theme=dark]:not(.crm-calculator-page) .board .card>.execution-state{background:var(--ui-raised);color:var(--ui-muted)}

.control-orders{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:10px}
.control-orders button{text-align:left}.control-orders small{display:block}
.control-form fieldset{border:1px solid var(--ui-line);padding:12px;margin:10px 0;min-width:0}
.control-line{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.control-line label{flex:1;min-width:110px}
.crm-unified-dialog .crm-calculator-actions>button:not(.window-close){width:auto;min-width:0;padding:4px 8px;height:auto;min-height:32px;font-size:13px;line-height:1.2}
.crm-unified-dialog .crm-letter-dialog-head{flex-wrap:wrap;height:auto;max-height:none;flex-basis:auto}
.quantity-stepper{display:inline-flex;align-items:center;max-width:100%;gap:2px}
.quantity-stepper input{width:100%;min-width:3em;appearance:textfield}.quantity-stepper input::-webkit-inner-spin-button{appearance:none}
.quantity-stepper button{padding:2px 6px;min-height:26px}
@media(max-width:380px){
 .field-header .field-utilities,.field-header .field-utilities:has(.field-departments){flex-wrap:wrap}
}


/* A scheduled order is visible but stays inactive until all release gates pass. */
:root .board .card.execution-locked{background:color-mix(in srgb,var(--surface,#fff) 72%,#8b9097);border-color:#8b9097}
:root .board .card.execution-locked>.card-open{background:transparent}
:root .board .card.execution-locked .card-cover{filter:grayscale(1)}
:root .board .card.execution-locked .execution-state{background:#737b851c;color:inherit;border-color:#8b9097}
/* Side conversations share one set of surfaces in both themes. */
:root{--ui-chat: #f3f6fa;--ui-message-own:#e8f0fc}
:root[data-theme=dark]{--ui-canvas:#1b2027;--ui-surface:#252c35;--ui-raised:#303944;--ui-card:#303944;--ui-ink:#e1e7ef;--ui-muted:#aebac9;--ui-line:#414d5d;--ui-soft:#304664;--ui-primary:#91baff;--ui-chat:#1c2732;--ui-message-own:#30445e}
:root :is(#task-dialog,#project-dialog,#team-task-dialog){position:fixed;z-index:80;background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-line);box-shadow:-8px 0 28px #0002}
:root #team-task-dialog{inset:0 0 0 auto;margin:0;width:min(560px,100vw);max-width:100vw;box-sizing:border-box;height:100dvh;max-height:100dvh;border-radius:0;overflow:auto}
:root #project-dialog :is(.topbar,.drawer-windowbar,.window-close,.order-tabs,[role=tabpanel],.panel,.chat-readonly),
:root #task-dialog :is(.task-dialog-head,.task-panel-options,.chat-composer){background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-line)}
:root :is(#task-dialog,#project-dialog) .chat-feed{background:var(--ui-chat);background-image:radial-gradient(color-mix(in srgb,var(--ui-muted) 10%,transparent) .7px,transparent .7px);background-size:18px 18px;color:var(--ui-ink)}
:root :is(#task-dialog,#project-dialog) .chat-message{background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-line);box-shadow:none}
:root :is(#task-dialog,#project-dialog) .chat-message.own{background:var(--ui-message-own);border-color:var(--ui-line)}
:root :is(#task-dialog,#project-dialog) :is(.chat-composer,.chat-attach){background:var(--ui-surface);color:var(--ui-muted);border-color:var(--ui-line)}
:root :is(#task-dialog,#project-dialog) .chat-input textarea{background:var(--ui-canvas);color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:12px;min-height:42px;line-height:1.5}
:root :is(#task-dialog,#project-dialog) .chat-empty{height:auto;min-height:0;padding:12px;margin:auto 0 0;text-align:center;color:var(--ui-muted);font-size:12px}
:root :is(#task-dialog,#project-dialog) .chat-empty :is(span,strong){display:none}
:root :is(#task-dialog,#project-dialog) .chat-feed:has(>.chat-empty){display:flex;align-items:flex-end;justify-content:center}
:root :is(#task-dialog,#project-dialog) .chat-empty p{color:var(--ui-muted);margin:0}
:root #task-dialog .task-panel-options{flex:none;padding:0;margin:0;border:0;display:flex;align-items:start}
:root #task-dialog .task-dialog-head .task-name-line{min-width:0}
:root #task-dialog .task-dialog-head h2{font-size:16px;display:inline;color:var(--ui-ink)}
:root #task-dialog .task-panel-title{align-items:flex-start}
:root #task-dialog .task-panel-title>input{flex:none;margin-top:5px}
:root #task-dialog .task-dialog-actions{margin:4px 0 8px;gap:5px}
:root #task-dialog .workspace-tabs{border-bottom:1px solid var(--ui-line);margin:0 0 10px;gap:0}
:root #task-dialog .workspace-tabs button{flex:1;background:transparent;color:var(--ui-muted);border:0;border-bottom:2px solid transparent;border-radius:0;padding:10px 8px}
:root #task-dialog .workspace-tabs button.active{color:var(--ui-primary);border-bottom-color:var(--ui-primary)}
:root #task-dialog :is(#task-tab-description,#task-tab-subtasks){overflow:auto;min-height:0;flex:1}
:root #task-dialog .chat-composer{margin-top:0;padding-top:10px}
:root #task-dialog :is(#task-error,#chat-error):empty{display:none}
:root[data-theme=dark]:not(.crm-calculator-page) :is(.modal-top,.modal-actions,.order-photo-tools,.docs-table thead,.control-table thead){background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-line)}
:root[data-theme=dark]:not(.crm-calculator-page) :is(input,textarea)::placeholder{color:var(--ui-muted);opacity:.85}
:root[data-theme=dark]:not(.crm-calculator-page) :is(input,textarea,select,button):focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}
:root[data-theme=dark] :is(.chat-message small,.chat-footer,.chat-readonly){color:var(--ui-muted)}
.control-line{margin:12px 0;padding:12px;border:1px solid var(--ui-line);border-radius:10px;min-width:0}
.control-line-title{display:block}.control-cost-grid{display:grid;grid-template-columns:1fr .7fr 1.3fr 1.2fr;gap:10px;align-items:end;margin:10px 0}
.control-cost-grid label{min-width:0}.control-cost-grid input{width:100%;box-sizing:border-box}.control-line-total{display:flex;flex-direction:column;gap:10px;min-height:65px;font-size:13px}.control-line-total output{font-weight:650;overflow-wrap:anywhere}
.control-totals{background:var(--ui-soft);border:1px solid var(--ui-line);border-radius:10px;padding:12px;margin:16px 0}.control-totals h3{margin:0 0 12px}.control-totals dl{margin:0}.control-totals dl>div{display:flex;justify-content:space-between;gap:12px;padding:4px 0;font-size:13px}.control-totals dd{margin:0;white-space:nowrap}.control-source-time{display:block;margin:6px 0;color:var(--ui-muted)}
@media(max-width:650px){.control-cost-grid{grid-template-columns:1fr 1fr}:root #task-dialog .task-dialog-actions button{min-height:36px}:root #task-dialog{padding:12px}}
:root[data-theme=dark]:not(.crm-calculator-page) table :is(th,td){color:var(--ui-ink);border-color:var(--ui-line)}
:root[data-theme=dark]:not(.crm-calculator-page) table th{background:var(--ui-raised)}
:root[data-theme=dark]:not(.crm-calculator-page) table tbody tr{background:var(--ui-surface)}
:root[data-theme=dark]:not(.crm-calculator-page) table tbody tr:nth-child(even){background:var(--ui-raised)}
:root[data-theme=dark]:not(.crm-calculator-page) table tbody tr:hover{background:var(--ui-soft)}
:root[data-theme=dark]:not(.crm-calculator-page) .calculation-approval{background:var(--ui-accent-soft);color:#e0d2ff;border-color:var(--ui-line)}
:root[data-theme=dark]:not(.crm-calculator-page) .calculation-approval :is(small,strong,.status-label){color:inherit}
:root #project-dialog #drawer-status:not(:empty){background:var(--ui-soft);color:var(--ui-ink);border:1px solid var(--ui-line)}


@keyframes daily-report-pulse {50% {background:#c62828;color:#fff;box-shadow:0 0 0 3px #c6282840}}
.daily-report-overdue {border:2px solid #c62828;color:#c62828;animation:daily-report-pulse 1.5s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.daily-report-overdue {animation:none;background:#c62828;color:white}}