/* Full-details grid and drawer. The one-page sheet is not selected by these rules. */
.auditor-details-grid,.auditor-drawer{--wa-bg:#eef2f7;--wa-card:#fff;--wa-ink:#0b1f3a;--wa-muted:#536277;--wa-line:#e3e8f0;--wa-blue:#1d4ed8;--wa-good:#15803d;--wa-warn:#a15c06;--wa-bad:#c22b2b}
[data-theme=dark] .auditor-details-grid,[data-theme=dark] .auditor-drawer{--wa-bg:#0a1220;--wa-card:#111c2e;--wa-ink:#eef3fb;--wa-muted:#b7c3d6;--wa-line:#223149;--wa-blue:#88adff;--wa-good:#34d27a;--wa-warn:#f5a524;--wa-bad:#f26464}
.auditor-details-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:14px}
.auditor-details-grid .compact-area{display:flex;flex-direction:column;align-self:stretch;padding:18px;min-width:0;cursor:pointer;text-align:left;color:var(--wa-ink);transition:border-color .15s,box-shadow .15s}
.compact-area:hover{box-shadow:0 5px 20px #1d4ed818}.compact-area:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.compact-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.auditor-details-grid .compact-area h3{font-size:15px;line-height:1.35;min-height:41px;margin:10px 0 0}.compact-score{display:flex;align-items:center;gap:12px;height:90px;margin:10px 0}.compact-score>div:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.compact-status{font-size:11px}.auditor-details-grid .compact-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:42px;line-height:1.6;font-size:12px;color:var(--wa-muted);margin:4px 0 14px}.issue-chip{align-self:flex-start;font-size:10px;font-weight:650;border:1px solid var(--wa-line);border-radius:20px;padding:4px 9px;background:var(--wash);color:var(--wa-ink)}.compact-issue{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--wa-muted);margin:12px 0 16px}.compact-view{display:flex;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid var(--wa-line);color:var(--wa-blue);font-size:12px;font-weight:650;margin-top:auto}.coverage-number{font-size:45px;font-weight:750;color:var(--wa-ink)}.compact-score>span:last-child{font-size:11px;color:var(--wa-muted)}
.auditor-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:50vw;max-width:none;height:100dvh;max-height:100dvh;padding:0;border:0;border-left:1px solid var(--wa-line);border-radius:16px 0 0 16px;background:var(--wa-card);color:var(--wa-ink);box-shadow:-16px 0 70px #0b1f3a30;overflow:hidden;display:none;font-family:Inter,Arial,sans-serif}
.auditor-drawer[open]{display:flex;flex-direction:column;animation:auditor-drawer-in .2s ease-out}.auditor-drawer::backdrop{background:#071426a6}.drawer-head{padding:24px 26px 18px;border-bottom:1px solid var(--wa-line);flex:none}.drawer-title-row{display:flex;justify-content:space-between;align-items:start;gap:16px}.drawer-title-row h2{font-size:23px;line-height:1.3;margin:0}.drawer-close{min-width:44px;min-height:44px;flex:none;font-size:17px}.drawer-score{display:flex;gap:16px;align-items:center;margin-top:14px}.drawer-score>div:last-child{display:flex;flex-direction:column;gap:3px}.drawer-score .wa-ring{width:64px;height:64px}.drawer-score .wa-ring strong{font-size:21px}.drawer-score .wa-letter{font-size:26px}.drawer-score span,.drawer-score small{font-size:12px}.drawer-score small{color:var(--wa-muted)}.auditor-drawer .good{color:var(--wa-good)}.auditor-drawer .unknown{color:var(--wa-muted)}.auditor-drawer .warn{color:var(--wa-warn)}.auditor-drawer .bad{color:var(--wa-bad)}.drawer-tabs{display:flex;gap:6px;padding:12px 26px;border-bottom:1px solid var(--wa-line);flex:none}.drawer-tabs[hidden]{display:none}.drawer-tabs button{border:0;border-radius:7px;min-height:44px;padding:8px 16px;background:transparent;color:var(--wa-muted);font-size:13px}.drawer-tabs button[aria-selected=true]{background:var(--wash);color:var(--wa-blue);font-weight:650}.drawer-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px 26px;scrollbar-gutter:stable;font-size:13px;line-height:1.65}.drawer-content h3{font-size:17px}.drawer-content .area-summary{font-size:13px;color:var(--wa-muted);line-height:1.7}.auditor-drawer .area-finding,.drawer-search details{border:1px solid var(--wa-line);border-radius:9px;margin:12px 0;font-size:12px;overflow-wrap:anywhere}.auditor-drawer summary{padding:12px;min-height:44px;cursor:pointer;font-weight:650;line-height:1.5}.auditor-drawer .finding-title{color:var(--wa-ink)}.auditor-drawer .finding-body{margin:0 12px 12px}.drawer-calculation .wa-checklist p{font-size:12px;margin:4px 0;color:var(--wa-ink)}.drawer-calculation .wa-checklist small{font-size:11px;line-height:1.65}.drawer-calculation .wa-detail-note{font-size:12px;color:var(--wa-muted)}.drawer-search form{max-width:100%}.drawer-search>details>p,.drawer-search>details>form{margin:0 12px 12px}.drawer-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 26px;border-top:1px solid var(--wa-line);flex:none}.drawer-nav button{min-height:44px;font-size:12px}.drawer-position{font-size:11px;color:var(--wa-muted)}.auditor-drawer button:focus-visible,.auditor-drawer summary:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.auditor-drawer .checked-pages li{font-size:12px}.auditor-drawer .checked-pages a{min-width:0}.auditor-drawer .report-notes{padding-left:20px;overflow-wrap:anywhere}.auditor-drawer .area-no-issues{color:var(--wa-muted)}
#worker-badge{display:flex;align-items:center;gap:7px;max-width:100%;white-space:normal;font-size:11px;line-height:1.5}#worker-badge>span{min-width:0}.worker-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#8893a2;flex-shrink:0}#worker-badge[data-online=true] .worker-dot{background:#15803d;animation:auditor-worker-pulse 2s ease-in-out infinite}[data-theme=dark] #worker-badge[data-online=true] .worker-dot{background:#34d27a}
@keyframes auditor-drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes auditor-worker-pulse{50%{box-shadow:0 0 0 4px #15803d20}}
@media(max-width:1279px){.auditor-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auditor-drawer{width:65vw}}
@media(max-width:600px){.auditor-details-grid{grid-template-columns:1fr}.auditor-drawer{width:100vw;border:0;border-radius:0}.drawer-head{padding:18px 18px 14px}.drawer-title-row h2{font-size:21px}.drawer-tabs{padding:10px 18px}.drawer-content{padding:16px 18px}.drawer-nav{padding:12px 18px}.auditor-details-grid .compact-area h3{min-height:0}.input-foot{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.auditor-drawer[open],#worker-badge[data-online=true] .worker-dot{animation:none}.compact-area{transition:none}}
@media print{.auditor-drawer,.auditor-drawer::backdrop{display:none!important}.auditor-drawer::backdrop{background:transparent!important}}

.worker-status-bar{margin:0 0 12px;display:flex;justify-content:flex-end}
.auditor-details-grid .compact-area.good{border-top-color:var(--wa-good)}.auditor-details-grid .compact-area.unknown{border-top-color:var(--wa-muted)}.auditor-details-grid .compact-area.warn{border-top-color:var(--wa-warn)}.auditor-details-grid .compact-area.bad{border-top-color:var(--wa-bad)}
.auditor-drawer .drawer-nav{flex-direction:row;flex-grow:0}.auditor-drawer .drawer-nav button,.auditor-drawer .drawer-close{border:1px solid var(--wa-line);border-radius:8px;background:var(--wash);color:var(--wa-ink);padding:8px 12px;font-weight:600}.auditor-drawer .drawer-nav button:disabled{cursor:default}.auditor-drawer .drawer-close:hover,.auditor-drawer .drawer-nav button:not(:disabled):hover{border-color:var(--wa-blue);color:var(--wa-blue)}
body.auditor-panel-open{position:fixed;width:100%}@media print{body.auditor-panel-open{position:static!important;top:auto!important;width:auto!important}}

/* Compact tablet rows and phone cards; report sheet and panel remain unchanged. */
@media(min-width:600px) and (max-width:1279px){.auditor-details-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:599px), (min-width:600px) and (max-width:899px){
 .auditor-details-grid .compact-area{position:relative;height:185px;padding:12px 14px;overflow:hidden}
 .auditor-details-grid .compact-summary,.auditor-details-grid .compact-issue{display:none}
 .compact-top{height:20px}.compact-top .wa-icon{font-size:16px;line-height:1}.compact-top .wa-area-number{font-size:12px}
 .auditor-details-grid .compact-area h3{font-size:15px;line-height:1.3;margin:5px 0 0;min-height:0}
 .compact-score{height:68px;min-height:68px;margin:6px 0;gap:12px}.compact-score .wa-ring{width:50px;height:50px}.compact-score .wa-ring strong{font-size:17px}.compact-score .wa-letter{font-size:22px;line-height:1}.compact-score .compact-status{font-size:12px;line-height:1.2}.compact-score .wa-assist-tag{font-size:12px;line-height:1.15}
 .compact-area .issue-chip{font-size:12px;line-height:1.3;padding:3px 8px;max-width:calc(100% - 100px)}
 .compact-view{position:absolute;right:14px;bottom:12px;border:0;padding:0;margin:0;font-size:12px;line-height:1.3;gap:8px}
 .compact-score .coverage-number{font-size:36px}.compact-score>span:last-child{font-size:12px}
}

@media(min-width:600px) and (max-width:899px){
 .auditor-details-grid .compact-area{height:210px}
 .auditor-details-grid .compact-area h3{font-size:14px;min-height:40px}
 .compact-area .issue-chip{max-width:100%}
}

@media(min-width:600px) and (max-width:719px){
 .auditor-details-grid .compact-area{padding-top:10px;padding-left:10px;padding-right:10px}
 .compact-top{height:24px;flex-shrink:0}
 .compact-top .wa-area-number{line-height:1.2;text-align:right}
 .compact-score{gap:6px;margin-top:4px;margin-bottom:2px}
 .compact-score>div:last-child{gap:2px}
 .compact-area .issue-chip{padding-left:6px;padding-right:6px}
 .compact-view{right:10px}
}
