/* Quicrete identity: exact original logo asset, sampled crimson #a00220,
   logo gray #50504f, white; charcoal/warm gray from company presentation. */
:root{--brand:#a00220;--brand-dark:#7b1029;--charcoal:#202629;--ink:#303437;--muted:#747577;--surface:#f3f1ed;--line:#e3e0dc;--brand-tint:#f7e9ed}
body{background:#f5f4f2;color:var(--ink)}
.sidebar{background:var(--charcoal);color:#eeece9}
.brand{flex-direction:column;gap:10px;align-items:center}
.brand-logo-frame{display:block;position:relative;width:201px;height:85px;overflow:hidden;background:white;border-radius:7px;flex-shrink:0}
.brand-logo{position:absolute;width:276px;height:276px;max-width:none;left:-37px;top:-96px;object-fit:contain}
.brand small{display:block;color:#d5d2cd;font-size:10px;margin:0;text-align:center}
.nav-caption{color:#a6aaac;margin-top:34px}
.nav-link{color:#c9cccd}
.nav-link:hover{background:#33383b;color:white}
.nav-link.active{background:var(--brand);color:#fff;box-shadow:inset -3px 0 #e4b0bc}
.sidebar-note{color:#e4e1dd}
.sidebar-note p{color:#a6aaac}
.live-dot,.profile-dot{background:#c55b72}
.profile{border-color:#424649}
.profile small{color:#a6aaac}
.avatar{background:#3e4346;color:#fff}
.demo-strip{background:#edeae6;color:#72716e;border-bottom:1px solid #e3e0dc}
.demo-strip>span{background:#e9d5db;color:var(--brand-dark)}
h1,.panel h2,.action-card h3,.dialog-head h2,.detail-body h3{color:var(--charcoal)}
.eyebrow,header p{color:#828280}
.primary{background:var(--brand);border-color:var(--brand);color:white}
.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}
.report-cta{background:var(--brand);border-color:var(--brand);box-shadow:0 4px 14px #a0022026}
.report-cta:hover{background:var(--brand-dark);border-color:var(--brand-dark)}
.toolbar{border-color:var(--line)}
.filters label{color:#72716e}
.filters input,.filters select,.search{color:var(--ink);border-color:var(--line);background:white}
.quiet{border-color:#d8d5d0;color:#50504f;background:white}
.quiet:hover{border-color:var(--brand);color:var(--brand)}
.panel,.stat{border-color:var(--line)}
.stat-label{color:#737577}
.stat-icon{color:var(--brand);background:var(--brand-tint)}
.stat-value{color:var(--charcoal)}
.stat-note{color:#898a88}
.stat.warn .stat-value{color:var(--brand)}
.stat.warn .stat-icon{background:var(--brand-tint);color:var(--brand)}
.panel-head p,.panel-tag{color:#898a88}
.panel-tag{border-color:var(--line)}
.panel-head>svg{color:#66696b}
.chart{border-color:var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 48px,#eceae7 49px,#eceae7 50px)}
.bar{background:#d5d2cd}
.bar.current{background:var(--brand)}
.bar-value,.bar-label,.chart-note{color:#878784}
.distribution-label{color:#656664}
.track{background:#f0eeeb}
.track span{background:var(--brand)}
.distribution-row:nth-child(2) .track span{background:#a67e7a}
.distribution-row:nth-child(3) .track span{background:#74787b}
.distribution-row:nth-child(4) .track span{background:#c9c6be}
.insight{background:#f4edef;border-color:#ead8dd;color:#7b646b}
.insight b{color:var(--brand-dark)}
.insight>svg{color:var(--brand)}
th{color:#838480;background:#f8f7f5;border-color:#eeece8}
td{color:#686b6c;border-color:#eeece8}
.record-title{color:#3b3e40}
.record-sub,.row-arrow{color:#92938f}
.click-row:hover{background:#fbf7f8}
.badge{background:#eeefec;color:#636c61}
.badge.amber{background:#f7efdf;color:#927137}
.badge.red{background:#f8e7ec;color:var(--brand)}
.badge.blue{background:#eaf0f3;color:#5a7687}
.text-button{color:var(--brand)}
.empty,.hint,.action-card p,.action-meta,.report-summary p{color:#848581}
.report-table td:last-child{color:var(--brand-dark)}
.flow-note{border-color:var(--brand);background:#f7f0f2;color:#795e66}
footer{color:#999a96}
dialog{color:var(--ink);box-shadow:0 25px 100px #20262933}
dialog::backdrop{background:#20262966}
.icon-btn{background:#f1efeb;color:#676966}
.segmented{background:#f1efeb}
.segmented label:has(input:checked){color:var(--brand)}
.segmented input{accent-color:var(--brand)}
.form-grid input:not([type=file]),.form-grid select,.form-grid textarea,.evidence-form input,.evidence-form textarea{border-color:var(--line);background:#fdfcfa;color:var(--ink)}
.form-grid small,.dialog-actions span{color:#8b8a85}
.upload{border-color:#d3b0b8;background:#fcf7f8}
.upload-icon{color:var(--brand)}
.dialog-actions,.evidence-form{border-color:var(--line)}
.error{color:var(--brand)}
.detail-description{background:#f5f3f0}
.detail-meta,.detail-body p{color:#7b7c77}
.gallery img{border-color:var(--line)}
#toast{background:var(--charcoal);color:white;box-shadow:0 5px 20px #20262922}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #bc6073}
@media(max-width:1100px) and (min-width:761px){.brand-logo-frame{width:171px;height:73px}.brand-logo{width:235px;height:235px;left:-31px;top:-82px}.brand small{font-size:9px}}
@media(max-width:760px){.sidebar{border-top:4px solid var(--brand)}.brand{gap:8px}.brand-logo-frame{width:201px;height:85px}.brand small{display:none}.nav-link.active{box-shadow:inset 0 -3px #e4b0bc}.nav-link{font-size:10px}.demo-strip{font-size:9px}}
@media print{.bar.current,.track span{print-color-adjust:exact;-webkit-print-color-adjust:exact}.report-table td:last-child{color:var(--brand)}}
.evidence-form select{font:inherit;font-size:12px;border:1px solid var(--line);background:#fdfcfa;border-radius:7px;padding:11px;width:100%;color:var(--ink)}
