/* Daily Visit Review — one queue, one reviewer, a separate read-only overview. */
.supervisor-review-screen{max-width:1320px;margin-inline:auto}
.supervisor-review-screen .sr-masthead{display:flex;align-items:center;gap:14px;padding:20px;margin-bottom:12px;border:1px solid var(--family-line);border-radius:12px;background:var(--family-surface);color:var(--family-ink)}
.supervisor-review-screen .sr-masthead>div:nth-child(2){flex:1;min-width:0}.supervisor-review-screen .sr-masthead h1{font-size:24px;margin:4px 0;color:var(--family-ink)}
.supervisor-review-screen .sr-masthead p{font-size:13px;color:var(--family-muted);margin:0;line-height:1.5}.supervisor-review-screen .sr-masthead-icon{display:none}
.supervisor-review-screen .sr-period{display:flex;gap:8px;align-items:end}.sr-period label{display:grid;gap:5px;font-size:11px;color:var(--family-muted)}
.supervisor-review-screen .sr-period input{width:145px;min-height:44px;border:1px solid var(--family-line);background:var(--family-surface);color:var(--family-ink);border-radius:8px;padding:8px;box-sizing:border-box}
.dvr{color:var(--family-ink);font:14px/1.5 Arial,sans-serif;text-align:left;min-width:0}
.dvr *{box-sizing:border-box}.dvr button,.dvr input,.dvr select,.dvr textarea{font:inherit;color:var(--family-ink)}
.dvr button{cursor:pointer;min-height:44px;border:1px solid var(--family-line);border-radius:8px;padding:9px 12px;background:var(--family-surface);color:var(--family-ink)}
.dvr button:disabled{opacity:.55;cursor:wait}.dvr button:focus-visible,.dvr input:focus-visible,.dvr select:focus-visible,.dvr textarea:focus-visible{outline:3px solid var(--family-action);outline-offset:2px}
.dvr-role{display:flex;align-items:center;gap:12px;margin:14px 0}.dvr-role>span{font-weight:600}.dvr-role>small{color:var(--family-muted);flex:1}.dvr-role>button{margin-left:auto}
.dvr-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.dvr-metrics>button{display:grid;gap:4px;text-align:left;padding:14px 16px;min-height:86px}.dvr-metrics strong{font-size:26px;font-weight:600;line-height:1.25;font-variant-numeric:tabular-nums}.dvr-metrics span{font-size:12px;color:var(--family-muted)}
.dvr [aria-pressed="true"]{border-color:var(--family-action);box-shadow:inset 0 0 0 1px var(--family-action);background:var(--family-action-soft);color:var(--family-action)}
.dvr-filters{display:grid;grid-template-columns:1fr 1.3fr 1fr 1.5fr;gap:10px;padding:14px;border:1px solid var(--family-line);border-radius:10px;background:var(--family-surface)}
.dvr label{display:grid;gap:5px;font-size:12px;min-width:0}.dvr select,.dvr input,.dvr textarea{width:100%;min-width:0;min-height:44px;border:1px solid var(--family-line);border-radius:8px;background:var(--family-surface);padding:9px 10px;font-size:14px}.dvr textarea{min-height:100px;resize:vertical;line-height:1.5}
.dvr-status-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.dvr-status-tabs>button{font-size:12px;flex:0 1 auto}
.dvr-workspace{display:grid;grid-template-columns:minmax(280px,350px) minmax(0,1fr);gap:14px;align-items:start}
.dvr-queue,.dvr-detail{min-width:0;border:1px solid var(--family-line);border-radius:12px;background:var(--family-surface);overflow:hidden}.dvr-queue{max-height:920px;overflow:auto;overscroll-behavior:contain}
.dvr-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border-bottom:1px solid var(--family-line)}.dvr-list-heading small{font-size:11px;color:var(--family-muted)}
.dvr .dvr-visit{width:100%;display:grid;gap:6px;border:0;border-radius:0;border-bottom:1px solid var(--family-line);padding:14px;text-align:left;box-shadow:none;white-space:normal}
.dvr .dvr-visit.selected{background:var(--family-action-soft);box-shadow:inset 3px 0 var(--family-action)}.dvr-visit>strong{font-size:14px;line-height:1.45;overflow-wrap:break-word;color:var(--family-ink)}
.dvr-visit-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--family-muted)}.dvr-visit-top>em{font-style:normal;padding:3px 6px;border-radius:5px;background:var(--family-bg);font-size:10px;color:var(--family-muted)}
.dvr-visit-top>em[data-status="APPROVED"]{color:#076346;background:#e9f7ef}.dvr-visit-top>em[data-status="CLARIFICATION"],.dvr-visit-top>em[data-status="FOLLOW_UP"]{color:#815100;background:#fff4da}
.dvr-employee{font-size:12px;color:var(--family-ink)}.dvr-visit>small{font-size:11px;color:var(--family-muted)}.dvr-more{margin:12px;width:calc(100% - 24px)}
.dvr-detail{padding:20px;min-height:320px}.dvr-detail-head>small{font-size:11px;color:var(--family-muted)}.dvr-detail-head h2{font-size:21px;line-height:1.4;margin:5px 0;color:var(--family-ink);overflow-wrap:break-word}.dvr-detail-head p{font-size:12px;color:var(--family-muted);margin:4px 0 18px}
.dvr-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;background:var(--family-bg);border-radius:8px;margin:0 0 14px}.dvr-facts>div{min-width:0}.dvr-facts dt{font-size:11px;color:var(--family-muted)}.dvr-facts dd{font-size:13px;margin:4px 0 0;overflow-wrap:break-word}.dvr-facts>div:first-child{grid-column:1/-1}
.dvr .dvr-report{width:100%;border-color:var(--family-line);font-weight:600}.dvr-products{margin:14px 0;border:1px solid var(--family-line);border-radius:8px}.dvr-products>summary{padding:12px;min-height:48px;cursor:pointer;font-size:13px;font-weight:600}.dvr-products>.visit-sku-overview{margin:0;border:0;border-radius:0}
.dvr-form{display:grid;gap:12px;border-top:1px solid var(--family-line);padding-top:18px;margin-top:18px}.dvr-form h3{font-size:16px;margin:0}.dvr-decisions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dvr-decisions>button{padding:9px 5px;font-size:12px;font-weight:600;white-space:normal}
.dvr-form label>span{display:flex;align-items:baseline;gap:8px}.dvr-form label small,.dvr-form>small{font-size:11px;color:var(--family-muted)}.dvr [hidden]{display:none!important}
.dvr .dvr-save{width:100%;background:var(--family-action);border-color:var(--family-action);color:var(--family-on-action,#fff);font-weight:600;min-height:48px}.dvr-error:empty{display:none}.dvr-error{margin:0;color:var(--family-warning);font-size:13px}
.dvr-readonly{padding:14px;background:var(--family-bg);border-radius:8px;font-size:13px;line-height:1.6}.dvr-history{margin:18px 0 0}.dvr-history>summary{min-height:44px;align-content:center;cursor:pointer;font-size:13px}.dvr-history article{padding:12px 0;border-bottom:1px solid var(--family-line);display:grid;gap:4px;font-size:13px}.dvr-history article>small{font-size:11px;color:var(--family-muted)}.dvr-history article p{margin:4px 0;white-space:pre-wrap;overflow-wrap:break-word}
.dvr-warning{padding:12px;background:#fff4da;color:#815100;border:1px solid #e4c78b;border-radius:8px;font-size:13px;line-height:1.6}.dvr-transition{margin:18px 0;color:var(--family-muted);font-size:12px}.dvr-transition>summary{min-height:44px;align-content:center;cursor:pointer}.dvr-transition p{max-width:720px;line-height:1.6}
.dvr-empty{padding:30px 18px;text-align:center;color:var(--family-muted)}.dvr-empty strong{display:block;font-size:16px;color:var(--family-ink)}.dvr-empty p{font-size:13px;line-height:1.6}.dvr-loading{padding:25px;color:var(--family-muted)}.dvr .dvr-back{display:none}
html[data-theme="dark"] .dvr-warning{background:#3d321d;color:#f7db99;border-color:#6d5930}html[data-theme="dark"] .dvr-visit-top>em[data-status="APPROVED"]{background:#153b2e;color:#a2edc8}html[data-theme="dark"] .dvr-visit-top>em[data-status="CLARIFICATION"],html[data-theme="dark"] .dvr-visit-top>em[data-status="FOLLOW_UP"]{background:#3d321d;color:#f7db99}
@media(max-width:900px){.supervisor-review-screen .sr-masthead{flex-wrap:wrap}.supervisor-review-screen .sr-period{width:100%}.dvr-workspace{grid-template-columns:1fr}.dvr-detail{display:none}.dvr-selected .dvr-detail{display:block}.dvr-selected .dvr-queue{display:none}.dvr .dvr-back{display:block;margin-bottom:16px}.dvr-queue{max-height:none}.dvr-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.supervisor-review-screen .sr-masthead{padding:14px}.supervisor-review-screen .sr-masthead h1{font-size:22px}.supervisor-review-screen .sr-period{display:grid;grid-template-columns:1fr 1fr}.supervisor-review-screen .sr-period label{min-width:0}.supervisor-review-screen .sr-period input{width:100%;font-size:16px}.supervisor-review-screen .sr-period button{grid-column:1/-1}.dvr-role{flex-wrap:wrap;gap:6px 10px}.dvr-role>small{flex-basis:100%;order:3}.dvr-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dvr-metrics>button{padding:12px;min-height:76px}.dvr-metrics strong{font-size:24px}.dvr-filters{padding:12px;gap:10px}.dvr input,.dvr select,.dvr textarea{font-size:16px}.dvr-detail{padding:14px}.dvr-status-tabs>button{flex:1 1 auto}.dvr-decisions{gap:6px}.dvr-detail-head h2{font-size:20px}.dvr-facts{gap:10px}}

.dvr-filter-panel{border:1px solid var(--family-line);border-radius:10px;background:var(--family-surface)}.dvr-filter-panel>summary{min-height:46px;padding:12px 14px;font-size:13px;cursor:pointer}.dvr-filter-panel .dvr-filters{border:0;border-top:1px solid var(--family-line);border-radius:0}
.dvr-detail-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.dvr-detail-nav>span{display:flex;gap:8px;margin-left:auto}.dvr-detail-nav button{font-size:12px;min-height:44px}.dvr .dvr-back{margin-bottom:0}.dvr-detail,.dvr-queue{scroll-margin-top:155px}
.dvr button:disabled{cursor:default}.dvr .dvr-save:disabled{cursor:wait}.dvr-history-pages{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;font-size:12px}
.supervisor-review-screen .dvr-period{position:relative;margin-left:auto}.dvr-period>summary{list-style:none;border:1px solid var(--family-line);border-radius:8px;min-height:44px;padding:10px 14px;cursor:pointer;font-size:13px}.dvr-period>summary::after{content:' ▾';color:var(--family-muted)}.supervisor-review-screen .dvr-period .sr-period{position:absolute;right:0;top:52px;z-index:10;background:var(--family-surface);border:1px solid var(--family-line);padding:14px;border-radius:10px;box-shadow:0 8px 30px #0002;width:max-content}
@media(max-width:520px){.supervisor-review-screen .dvr-period{margin-left:0;width:100%}.supervisor-review-screen .dvr-period .sr-period{position:static;margin-top:8px;width:100%;box-shadow:none}.dvr-status-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.dvr-status-tabs>button{padding:8px 3px;font-size:11px}.dvr-detail,.dvr-queue{scroll-margin-top:90px}.dvr-detail-nav{gap:6px}.dvr-detail-nav button{padding:8px;font-size:11px}}

.dvr-report-actions{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px}.dvr-report-actions>button{font-size:12px;font-weight:600}
.dvr-history-dates{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-bottom:12px}.dvr-history-dates input{max-width:100%}
#screen-reviews .dvr h2,#screen-reviews .dvr h3{color:var(--family-ink)}
@media(max-width:520px){.dvr-history-dates{grid-template-columns:1fr 1fr}.dvr-history-dates>button{grid-column:1/-1}}
