/* Presentation only: colors never determine permission or a measurement result. */
:root{--green:var(--ui-accent);--ink:var(--ui-ink);--muted:var(--ui-muted);--line:var(--ui-line);--paper:var(--ui-bg)}
body{font-family:"Segoe UI",Arial,sans-serif;background:var(--ui-bg);color:var(--ui-ink)}
.card,.stats article,dialog,.modal-head{background:var(--ui-panel);box-shadow:none;border-radius:7px}
.topbar{background:#fff;color:#223953;border-color:#d8e1ec;gap:16px}.topbar .product{border-color:#d8e1ec}.topbar .header-tabs{background:#edf2f8;border-radius:5px}.topbar .icon-button,.topbar .quiet{color:#274568;background:#fff;border-color:#d1dce8}
.sidebar{background:var(--ui-nav);color:var(--ui-nav-text);border-right:1px solid var(--ui-nav-line)}.side-caption,.project-chip small,.side-note p{color:var(--ui-muted)}.sidebar nav a{border-radius:4px}.sidebar nav a:hover,.sidebar nav a.active{background:var(--ui-nav-active);color:var(--ui-ink)}
.project-chip{background:var(--ui-nav-active);border-color:var(--ui-nav-line);color:var(--ui-ink);border-radius:5px}.side-note{border-color:var(--ui-nav-line);border-radius:5px}
.eyebrow,.stats span,.quick-actions p,.map-note{color:var(--ui-muted)}.stats article{border-top:2px solid var(--ui-focus)}
.quick-actions,.modal-foot{background:var(--ui-soft);border-color:var(--ui-line);border-radius:6px}
button,.button{background:var(--ui-soft);color:var(--ui-ink);border-color:var(--ui-line);border-radius:5px;font-weight:600}button:hover,.button:hover{background:var(--ui-hover);border-color:var(--ui-focus)}button.primary,.button.primary{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-accent-text)}button.primary:hover,.button.primary:hover{filter:brightness(.94)}
input,select,textarea{background:var(--ui-field);color:var(--ui-ink);border-color:var(--ui-line);border-radius:5px}input:disabled{background:var(--ui-soft);color:var(--ui-muted)}input::placeholder,textarea::placeholder{color:var(--ui-muted);opacity:1}input[type=checkbox],input[type=radio]{accent-color:var(--ui-accent)}
th{background:var(--ui-soft);color:var(--ui-muted)}td{border-color:var(--ui-line)}code,.photo-grid figure{background:var(--ui-soft);color:var(--ui-muted)}
.badge{background:var(--ui-soft);border-color:var(--ui-line);color:var(--ui-ink)}.badge.good,.message.success{background:var(--ui-success-bg);color:var(--ui-success-text);border-color:var(--ui-line)}.badge.bad,.message.error,.button.danger,button.danger{background:var(--ui-danger-bg);color:var(--ui-danger-text);border-color:var(--ui-line)}.badge.amber,.message,.notice{background:var(--ui-warning-bg);color:var(--ui-warning-text);border-color:var(--ui-line)}.errorlist,.danger-link{color:var(--ui-danger-text)}
footer{background:var(--ui-panel);color:var(--ui-muted);border-color:var(--ui-line)}footer button{background:var(--ui-soft);color:var(--ui-ink)}.branch-dialog{background:var(--ui-nav);color:var(--ui-ink)}.branch-dialog .modal-head{border-color:var(--ui-line)}.branch-dialog .modal-head button{color:var(--ui-ink)}.branch-grid section{border-color:var(--ui-line)}.branch-grid p,.branch-grid a{color:var(--ui-muted)}
.live-status{background:var(--ui-accent);color:var(--ui-accent-text)}dialog::backdrop{background:#07172699}#map{background:#dce7f1}.leaflet-container{color:#20354e;color-scheme:light}.leaflet-popup-content button{background:#e5edf7;color:#20354e}.chart{background:#fff;border-radius:5px;color-scheme:light}
.project-card:hover{border-color:var(--ui-focus);box-shadow:none}.topbar .theme-picker{margin-left:0}
@media(max-width:800px){.topbar{gap:8px}.topbar .product{display:none}.topbar .account-link{font-size:11px}.topbar .grow{min-width:0}}
@media(max-width:540px){.topbar{height:auto;min-height:67px;flex-wrap:wrap;padding:8px 12px}.topbar .brand img{width:92px;height:32px}.topbar .theme-picker{margin-left:auto}.topbar .icon-button{font-size:17px}.topbar .account-link{display:none}}

.qc-notice{border-left:3px solid var(--ui-focus)}.qc-photo-card{border:1px solid var(--ui-line);border-radius:5px;padding:12px}.qc-photo-card img{object-fit:contain;background:var(--ui-soft)}#qc-photo-preview img{display:block;max-width:100%;max-height:72vh;object-fit:contain;margin:auto}.qc-history td{vertical-align:top}.qc-history details{max-width:700px}.qc-history table td{white-space:pre-wrap;overflow-wrap:anywhere;max-width:250px}.qc-history table{min-width:450px}#replacement-manual{border:1px solid var(--ui-line);margin:20px 0;padding:18px}[hidden]{display:none!important}

/* Audit details use native disclosure controls, also available without JavaScript. */
.event-details-cell{width:40%;min-width:20rem;max-width:38rem;vertical-align:top;white-space:normal}
.event-detail{max-width:38rem;overflow-wrap:anywhere}
.event-preview{margin:0 0 6px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.event-accordion{border:1px solid var(--ui-line);border-radius:5px;background:var(--ui-panel)}
.event-accordion>summary,.event-raw>summary{padding:8px 10px;cursor:pointer;color:var(--ui-ink);font-weight:600;line-height:1.5}
.event-accordion>summary:hover,.event-raw>summary:hover{background:var(--ui-soft)}
.event-accordion>summary:focus-visible,.event-raw>summary:focus-visible,.event-table-scroll:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}
.event-hide{display:none}.event-accordion[open]>summary .event-hide{display:inline}.event-accordion[open]>summary .event-show{display:none}
.event-count{display:inline-block;margin-left:10px;font-size:11px;font-weight:400;color:var(--ui-muted)}
.event-panel{padding:10px;border-top:1px solid var(--ui-line)}
.event-table-scroll{max-height:25rem;overflow:auto;overscroll-behavior:contain;margin-bottom:10px}
.event-values{width:100%;min-width:28rem;table-layout:fixed}
.event-values caption{text-align:left;font-weight:600;padding:5px 0 9px;color:var(--ui-ink)}
.event-values th,.event-values td{padding:8px;vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.5}
.event-values th:first-child{width:30%}.event-values tbody th{background:var(--ui-panel);color:var(--ui-muted);font-weight:500;text-transform:none;letter-spacing:normal}
.event-hint{font-size:11px;color:var(--ui-muted);margin:6px 0 12px}
.event-raw{border-top:1px solid var(--ui-line);margin-top:10px}
.event-raw pre{max-height:20rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--ui-soft);color:var(--ui-ink);padding:10px;font-size:11px;line-height:1.5}
.event-city,.event-location-note{display:block;white-space:normal;overflow-wrap:anywhere}.event-location-note{margin-top:3px;font-size:11px;color:var(--ui-muted)}
@media(max-width:800px){.event-details-cell{min-width:18rem}.event-panel{padding:7px}.event-count{display:block;margin:3px 0 0}}

/* Report composer */
.variable-toolbar{position:sticky;top:0;z-index:5;background:var(--surface,#fff);border:1px solid #cbd5e1;border-radius:8px;padding:12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.variable-toolbar span{font-size:.85rem}.template-result{display:flex;gap:12px;justify-content:space-between;margin:10px 0}.template-result button[aria-pressed="true"]{background:#dbeafe;color:#153a70}.stamp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.stamp-card{padding:20px;border:1px solid #cbd5e1;border-radius:8px}.stamp-card img{max-width:100%;height:120px;object-fit:contain;background:white}.builder-actions{position:sticky;bottom:35px;padding:12px;background:var(--surface,#fff);border-top:1px solid #cbd5e1}#template-builder details{margin:20px 0}#template-builder summary{font-size:1.1rem;font-weight:600;padding:12px}#template-picker{max-width:900px}#template-picker>p{padding:0 24px 20px}