:root{
  --oxford:#061C33;--keppel:#03C8AA;--moon:#139EB1;--white:#FFFFFF;
  --page:#F4F8F8;--ink:#0B2A3D;--muted:#607684;--line:#DCE8EA;--soft:#EAF7F5;
  --danger:#9B453D;--danger-bg:#FCEDEA;--warn:#8A6418;--warn-bg:#FFF6DD;
  --success:#146759;--success-bg:#E6F7F2;--shadow:0 12px 34px rgba(6,28,51,.08);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--page);color:var(--ink);font-family:"Raleway",Arial,sans-serif}
button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.loading{position:fixed;inset:0;background:rgba(6,28,51,.72);display:grid;place-items:center;z-index:100;color:white;font-weight:600;letter-spacing:.02em;backdrop-filter:blur(3px)}
.loading:after{content:"";width:28px;height:28px;border:3px solid rgba(255,255,255,.25);border-top-color:var(--keppel);border-radius:50%;margin-left:12px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}

/* AUTH */
.auth{min-height:100vh;display:grid;grid-template-columns:minmax(320px,520px) 1fr;background:var(--white)}
.authBrand{background:var(--oxford);padding:56px 52px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.authBrand:before,.authBrand:after{content:"";position:absolute;border-radius:50%;background:rgba(19,158,177,.14)}
.authBrand:before{width:420px;height:420px;right:-180px;top:-110px}.authBrand:after{width:280px;height:280px;left:-120px;bottom:-80px}
.authLogo{width:330px;max-width:90%;position:relative;z-index:1}.authBrand h1{color:white;font-size:42px;font-weight:500;line-height:1.12;margin:34px 0 12px;position:relative;z-index:1}.authBrand p{color:#BFD0D8;line-height:1.6;max-width:430px;position:relative;z-index:1}.authKicker{color:var(--keppel);font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;position:relative;z-index:1}
.authMain{display:grid;place-items:center;padding:48px}.authcard{width:min(440px,100%)}.authcard h2{font-size:30px;font-weight:600;margin:0 0 8px}.sub{color:var(--muted);font-size:14px;line-height:1.55}.field{margin-top:15px}.field label{display:block;font-size:12px;font-weight:700;color:var(--ink);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:white;padding:11px 12px;color:var(--ink);outline:none;transition:.15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--moon);box-shadow:0 0 0 3px rgba(19,158,177,.10)}.field textarea{min-height:92px;resize:vertical}.msg{margin-top:12px;font-size:13px}.msg.err{color:var(--danger)}

/* SHELL */
.shell{min-height:100vh;display:grid;grid-template-columns:274px 1fr}.sidebar{background:var(--oxford);color:white;padding:24px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow:auto}.sideLogo{padding:4px 9px 20px;border-bottom:1px solid rgba(255,255,255,.12)}.sideLogo img{width:205px;max-width:100%}.sideTitle{padding:19px 10px 10px}.sideTitle .mini{font-size:10px;color:var(--keppel);letter-spacing:.14em;text-transform:uppercase;font-weight:700}.sideTitle strong{display:block;font-size:18px;font-weight:500;margin-top:5px;line-height:1.25}.nav{display:flex;flex-direction:column;gap:4px;margin-top:10px}.nav button{border:0;background:transparent;color:#B9CAD3;text-align:left;padding:11px 12px;border-radius:8px;font-weight:500;display:flex;align-items:center;gap:10px}.nav button:before{content:"";width:7px;height:7px;border:1.5px solid currentColor;border-radius:50%;flex:none}.nav button:hover{background:rgba(255,255,255,.07);color:white}.nav button.active{background:rgba(3,200,170,.13);color:white}.nav button.active:before{background:var(--keppel);border-color:var(--keppel);box-shadow:0 0 0 4px rgba(3,200,170,.11)}.sideFoot{margin-top:auto;padding:18px 10px 6px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:#AFC2CC}.sideFoot .testline{color:#FFD988;font-weight:600;margin-bottom:10px}.sideUser{color:white;margin:5px 0}.sideRole{color:var(--keppel);text-transform:none}.sideSignout{margin-top:12px;background:transparent;border:1px solid rgba(255,255,255,.20);color:white;border-radius:8px;padding:8px 10px;width:100%;text-align:left}
.main{min-width:0}.topbar{height:74px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:30}.crumb{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:600}.topStatus{display:flex;align-items:center;gap:10px}.tag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.tag.demo{background:var(--warn-bg);color:var(--warn)}.tag.live{background:var(--success-bg);color:var(--success)}
.content{padding:28px 30px 54px;max-width:1500px;margin:0 auto}.view{display:none}.view.active{display:block}.pagehead{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:20px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--moon)}h1,h2,h3{color:var(--oxford)}h1{font-size:32px;font-weight:500;margin:5px 0 5px;line-height:1.16}h2{font-size:20px;font-weight:600;margin:0 0 5px}h3{font-size:15px;font-weight:650;margin:0 0 5px}.pageintro{max-width:820px}.pageintro .sub{max-width:760px}
.btn{border:1px solid var(--line);background:white;color:var(--oxford);border-radius:8px;padding:9px 13px;font-weight:600;transition:.15s}.btn:hover{border-color:#B7CDD1;transform:translateY(-1px)}.btn.primary{background:var(--oxford);border-color:var(--oxford);color:white}.btn.accent{background:var(--keppel);border-color:var(--keppel);color:var(--oxford)}.btn.small{padding:6px 9px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}

/* BRAND / CONTENT */
.hero{background:var(--oxford);color:white;border-radius:14px;padding:32px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.45fr .75fr;gap:26px;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;width:390px;height:390px;right:-110px;top:-150px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(3,200,170,.28),rgba(19,158,177,.07) 42%,transparent 67%)}.hero>*{position:relative;z-index:1}.hero h1{color:white;font-size:36px;max-width:900px}.hero p{color:#C4D4DC;max-width:860px;line-height:1.6}.hero .eyebrow{color:var(--keppel)}.heroCallout{align-self:stretch;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:11px;padding:19px}.heroCallout .eyebrow{color:#8BE6D8}.heroCallout strong{display:block;font-size:24px;font-weight:500;margin:8px 0 7px;color:white}.heroCallout .sub{color:#C8D6DD}
.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:24px;position:relative}.flow:before{content:"";position:absolute;left:8%;right:8%;top:14px;height:1px;background:rgba(255,255,255,.22)}.flowStep{position:relative;padding:0 9px 0 0}.flowDot{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--keppel);color:var(--oxford);font-size:11px;font-weight:700;margin-bottom:9px;position:relative;z-index:2}.flowStep b{display:block;font-size:12px;color:white;margin-bottom:3px}.flowStep span{display:block;font-size:11px;color:#ABC0CA;line-height:1.35}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.metric{background:white;border:1px solid var(--line);border-radius:11px;padding:16px 17px;position:relative;overflow:hidden}.metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--keppel),var(--moon))}.metric span{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.metric b{display:block;font-size:29px;font-weight:500;color:var(--oxford);margin-top:6px}.metric small{display:block;color:var(--muted);margin-top:2px}
.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:18px;margin-top:14px;box-shadow:0 4px 18px rgba(6,28,51,.035)}.panelhead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.panelhead .sub{max-width:840px}.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.decision{padding:14px;border:1px solid var(--line);border-radius:9px;background:#FCFEFE}.decision b{display:block;font-size:13px;margin-bottom:5px;color:var(--oxford)}.decision .sub{font-size:12px}
.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:9px}table{width:100%;border-collapse:collapse;min-width:820px}th,td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:left;font-size:13.5px;vertical-align:top}th{font-size:10.75px;text-transform:uppercase;letter-spacing:.08em;color:#56707D;background:#F7FBFB;position:sticky;top:0;z-index:2}tr:last-child td{border-bottom:0}tbody tr:hover{background:#FBFDFD}.tmain{font-weight:650;color:var(--oxford);font-size:14px}.tsub{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.35}.status{font-weight:700}.status.stop{color:var(--danger)}.status.ready{color:var(--success)}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;background:var(--soft);color:#246B68;font-size:10px;font-weight:700;text-transform:capitalize}.pill.test{background:var(--warn-bg);color:var(--warn)}

/* WORKBENCH */
.work{display:grid;grid-template-columns:345px 1fr;gap:14px}.queue,.detail{background:white;border:1px solid var(--line);border-radius:12px}.queue{overflow:hidden}.qhead{padding:13px;border-bottom:1px solid var(--line);background:#FBFDFD}.qhead input,.qhead select{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px;background:white}.qitems{max-height:690px;overflow:auto}.qcard{padding:13px 14px;border-bottom:1px solid var(--line);cursor:pointer;border-left:3px solid transparent}.qcard:hover{background:#F8FCFB}.qcard.active{background:#EDFAF7;border-left-color:var(--keppel)}.qcard b{display:block;font-size:13px;color:var(--oxford)}.detail{padding:20px;min-height:520px}.detailgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.info{border:1px solid var(--line);border-radius:8px;padding:10px;background:#FCFEFE}.info label{display:block;color:var(--muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.stopbanner{padding:11px 12px;border-radius:8px;background:var(--danger-bg);color:var(--danger);font-weight:700;margin:12px 0}.entry{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.entrygrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.timeline{margin-top:18px}.event{padding:11px 0;border-top:1px solid var(--line);font-size:12px}.event:first-child{border-top:0}.empty{padding:28px;text-align:center;color:var(--muted);font-size:13px}

/* IMPORT */
.importGrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:14px}.uploadBox{border:1px dashed #A8C4C8;border-radius:11px;padding:18px;background:#FAFDFD}.uploadBox input[type=file]{width:100%;padding:10px;background:white;border:1px solid var(--line);border-radius:8px}.fileMeta{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.metaChip{background:var(--soft);color:#2D6870;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:600}.validation{padding:11px 12px;border-radius:8px;font-size:12px;margin-top:12px}.validation.ok{background:var(--success-bg);color:var(--success)}.validation.warn{background:var(--warn-bg);color:var(--warn)}.validation.err{background:var(--danger-bg);color:var(--danger)}.checkrow{display:flex;gap:8px;align-items:flex-start;margin-top:14px;font-size:12px;line-height:1.45}.checkrow input{margin-top:2px}.importResult{margin-top:12px;padding:12px;border-radius:9px;background:var(--success-bg);color:var(--success);font-size:12px}.importEmail{background:#F9FCFC;border:1px solid var(--line);border-radius:9px;padding:16px;line-height:1.55;font-size:13px}.importEmail .subject{font-weight:700;padding-bottom:9px;margin-bottom:10px;border-bottom:1px solid var(--line)}
.emailpreview{background:#FBFDFD;border:1px solid var(--line);border-radius:9px;padding:20px;max-width:800px;line-height:1.6;font-size:13px}.emailpreview .subject{font-weight:700;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--line)}.emailMeta{padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--line);font-size:12.5px;line-height:1.55}.emailMeta b{display:inline-block;min-width:58px;color:var(--muted);font-weight:650}.emailEditLabel{display:block;font-size:11px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;color:#56707D;margin:12px 0 6px}.emailSubjectEdit{width:100%;font-size:14px;font-weight:650;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink)}.emailBodyEdit{width:100%;min-height:360px;resize:vertical;font:inherit;font-size:14px;line-height:1.62;padding:13px 14px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink)}.emailDraftNote{font-size:11px;color:var(--muted);margin-top:8px}.emailPreviewActions{display:flex;gap:7px;align-items:center}.dataPanel table td{font-size:13.75px}.dataPanel table th{font-size:11px}.dataPanel .tmain{font-size:14.5px}.dataPanel .tsub{font-size:12.25px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:14px}.note{font-size:11px;color:var(--muted);margin-top:7px}.templateSpec{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:12px}.templateSpec span{padding:8px;border:1px solid var(--line);background:white;border-radius:7px;font-size:10px;font-weight:600;color:#43616E;text-align:center}

@media(max-width:1080px){.shell{grid-template-columns:220px 1fr}.sidebar{padding-left:12px;padding-right:12px}.hero,.importGrid{grid-template-columns:1fr}.flow{grid-template-columns:repeat(3,1fr);gap:14px}.flow:before{display:none}.metrics{grid-template-columns:1fr 1fr}.guide{grid-template-columns:1fr}.work{grid-template-columns:300px 1fr}}
@media(max-width:760px){.auth{grid-template-columns:1fr}.authBrand{display:none}.shell{display:block}.sidebar{position:static;height:auto}.sideLogo img{width:170px}.nav{display:grid;grid-template-columns:1fr 1fr}.sideFoot{display:none}.topbar{position:static;padding:0 16px}.content{padding:20px 14px 40px}.hero{padding:23px}.hero h1{font-size:28px}.flow{grid-template-columns:1fr 1fr}.metrics,.twocol,.work,.detailgrid,.entrygrid,.templateSpec{grid-template-columns:1fr}.queue{max-height:400px}.pagehead{align-items:flex-start;flex-direction:column}}

.demoToolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.demoToolbar .field{margin-top:0;min-width:190px}.assignSelect{min-width:150px;border:1px solid var(--line);border-radius:7px;background:white;padding:7px 8px;color:var(--ink);font-size:12px}.miniNotice{padding:10px 12px;border-radius:8px;background:var(--soft);border:1px solid #ccebe5;color:var(--success);font-size:12px;font-weight:600}.uploadStrip{display:grid;grid-template-columns:minmax(240px,1.2fr) minmax(180px,.8fr) auto;gap:12px;align-items:end}.surveyPreview{margin-top:12px}.toast{position:fixed;right:24px;bottom:24px;z-index:90;background:var(--oxford);color:white;border-radius:9px;padding:11px 14px;box-shadow:var(--shadow);font-size:12px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:980px){.uploadStrip{grid-template-columns:1fr}}

/* MANAGER FILTERS + BATCH SELECTION */
.managerFilters{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(4,minmax(135px,.8fr));gap:8px;margin:0 0 10px}.managerFilters input,.managerFilters select,.bulkbar select{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:white;color:var(--ink)}
.bulkbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 11px;margin-bottom:9px;border:1px solid var(--line);background:#F8FCFB;border-radius:9px}.bulkbar .spacer{flex:1}.bulkcheck{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650;color:var(--oxford)}.selectionCount{font-size:11px;color:var(--muted);min-width:78px}.selectionHint{font-size:10.5px;color:var(--muted);margin:0 0 9px;line-height:1.45}.rosterRow{user-select:none}.rosterRow.selected{background:#EAF8F5!important;box-shadow:inset 3px 0 0 var(--keppel)}.rosterRow.selectable{cursor:default}.selectCol{width:38px;text-align:center!important}.selectCol input{width:15px;height:15px;accent-color:var(--keppel);cursor:pointer}.rosterRow td:not(.actions):not(.assignmentCell){cursor:default}.filterSummary{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;background:var(--soft);color:#2D6870;font-size:10px;font-weight:700}
@media(max-width:1100px){.managerFilters{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.managerFilters{grid-template-columns:1fr}.bulkbar{align-items:stretch}.bulkbar .spacer{display:none}}


/* PRESSURE-TEST REFINEMENTS */
.quickbar{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px}.quickbar button{border:1px solid var(--line);background:white;color:var(--ink);padding:7px 10px;border-radius:999px;font-size:11px;font-weight:700}.quickbar button.active{background:var(--oxford);color:white;border-color:var(--oxford)}
.stateProgress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:11px;overflow:hidden}.stateStat{background:white;padding:14px}.stateStat span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.stateStat b{display:block;font-size:22px;margin-top:5px;font-weight:550;color:var(--oxford)}
.resourcebar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.resource{border:1px solid var(--line);border-radius:9px;padding:11px;background:#FBFDFD}.resource label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--muted);margin-bottom:4px}.resource b{font-size:12px;color:var(--oxford)}
.nextAction{margin:16px 0 10px;padding:12px 14px;border-left:4px solid var(--keppel);background:#F1FAF8}.nextAction .eyebrow{margin-bottom:4px}.nextAction b{font-size:18px;color:var(--oxford)}
.replaceBox{margin-top:12px;padding:13px;border:1px solid #F0DDB6;background:#FFF9EB;border-radius:9px}.replaceBox.hidden{display:none}.replaceGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.replaceGrid .field{margin-top:0}.reviewResolveGrid{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:12px;align-items:end;min-width:0}
.verifyActions{display:grid;grid-template-columns:1fr;gap:6px;margin-top:4px;min-width:184px}.verifyActions .verifyPrimary{width:100%;padding:7px 10px;font-size:11.5px}.verifySecondary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.verifySecondary .btn{padding:5px 6px;font-size:10px;white-space:nowrap}.verifySecondary .verifyReject{color:var(--danger);border-color:#EBC7C4;background:#FFF9F8}.verify.verified{background:var(--success-bg);color:var(--success)}.verify.pending{background:var(--warn-bg);color:var(--warn)}.verify.duplicate,.verify.rejected{background:var(--danger-bg);color:var(--danger)}
.secureCallout{border:1px solid #BFE1DC;background:#F2FBF9;border-radius:10px;padding:14px;margin-top:12px}.secureCallout b{color:var(--oxford)}
.warningList{display:grid;gap:8px}.warningRow{border-bottom:1px solid var(--line);padding:8px 0}.warningRow:last-child{border-bottom:0}.warningRow b{font-size:12px}.warningRow span{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.managerTopGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.buttonGroup{display:flex;gap:7px;flex-wrap:wrap}.mutedButton{background:#F7FAFA!important}.reviewBadge{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.reviewBadge.good{background:var(--success-bg);color:var(--success)}.reviewBadge.warn{background:var(--warn-bg);color:var(--warn)}.reviewBadge.bad{background:var(--danger-bg);color:var(--danger)}
.smallTable td{font-size:13.5px}.smallTable th{font-size:10.75px}.linkPlaceholder{font-size:11px;color:var(--muted);font-style:italic}.deliverySteps{counter-reset:step;display:grid;gap:8px;margin-top:10px}.deliverySteps div{position:relative;padding-left:28px;font-size:12px;line-height:1.45}.deliverySteps div:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--oxford);color:white;font-size:10px;font-weight:700}
@media(max-width:1050px){.managerTopGrid{grid-template-columns:1fr}.resourcebar{grid-template-columns:1fr 1fr}.stateProgress{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.resourcebar,.replaceGrid{grid-template-columns:1fr}.stateProgress{grid-template-columns:1fr}}


/* UX SWEEP — select controls, roster interaction, and manager clarity */
select{
  -webkit-appearance:none;
  appearance:none;
  background-color:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.5 6 6l4.5-4.5' fill='none' stroke='%23566F7A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 12px center!important;
  background-size:12px 8px!important;
  padding-right:36px!important;
}
select:disabled{background-color:#F3F6F7!important;color:#8699A1;cursor:not-allowed}
.managerFiltersSecondary{grid-template-columns:minmax(155px,.8fr) minmax(155px,.8fr) auto auto!important;align-items:center}
.managerFilterActions{display:flex;gap:7px;align-items:center;justify-content:flex-end;min-width:max-content}
.quickbar button{display:inline-flex;align-items:center;gap:6px}
.quickCount{min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:#EEF5F5;color:#385C66;font-size:9.5px;font-weight:800}
.quickbar button.active .quickCount{background:rgba(255,255,255,.16);color:white}
.rosterTable{max-height:560px;overflow:auto}
.rosterTable th{top:0;z-index:4}
.rosterRow.selectable td:not(.selectCol):not(.assignmentCell):not(.actions){cursor:pointer}
.rosterRow.selectable:hover td{background:#F8FCFB}
.rosterRow.selected:hover td{background:#EAF8F5}
.selectCol{position:relative;cursor:default!important}
.selectCol:after{content:"";position:absolute;inset:3px;border-radius:6px;border:1px solid transparent;pointer-events:none}
.selectCol.dragging:after{border-color:#9AD8CE;background:rgba(44,178,158,.05)}
.selectCol input.rowSelect{pointer-events:none}
.rosterOpenHint{font-size:10px;color:var(--muted);font-weight:600;white-space:nowrap}
.selectionHint strong{color:var(--oxford)}
.secureStatus{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start;margin-top:12px;padding:11px 12px;border-radius:9px;background:#FFF9EB;border:1px solid #F0DDB6;font-size:11.5px;line-height:1.45;color:#72521B}
.secureStatus b{color:#5B4218}
@media(max-width:1100px){.managerFiltersSecondary{grid-template-columns:1fr 1fr!important}.managerFilterActions{justify-content:flex-start}}
@media(max-width:760px){.managerFiltersSecondary{grid-template-columns:1fr!important}.managerFilterActions{justify-content:stretch;flex-wrap:wrap}.managerFilterActions .btn{flex:1}.rosterTable{max-height:none}}

@media(max-width:760px){.reviewResolveGrid{grid-template-columns:1fr}}

/* V11 — access lifecycle + participant batch send */
.authLinks{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.linkBtn{border:0;background:transparent;color:#087e83;font-weight:700;font-size:12px;padding:4px 0;cursor:pointer}.authActions{display:flex;gap:8px;margin-top:16px}.authActions .btn{flex:1}.pendingBox{padding:14px;border:1px solid #e8d8a0;background:#fff9e8;border-radius:10px;margin-top:14px}.pendingBox b{display:block;margin-bottom:5px}.accountGrid{display:grid;grid-template-columns:1.1fr .8fr .6fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.accountGrid:last-child{border-bottom:0}.accountGrid .email{font-size:12px;color:var(--muted)}.accountStatus{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.accountStatus.active{color:var(--success)}.accountStatus.pending{color:#9a6a00}.participantSendBar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:11px;border:1px solid var(--line);border-radius:9px;background:#f8fcfb;margin:10px 0}.participantSendBar .spacer{flex:1}.participantBatchTable .selectCol{width:40px}.recipientLine{font-size:12.25px;color:var(--muted);line-height:1.45}.sendStatus{font-size:11px;font-weight:700}.sendStatus.ready{color:var(--success)}.sendStatus.setup{color:#9a6a00}.gmailBox{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.authMode.hidden{display:none!important}.smallHelp{font-size:11px;color:var(--muted);line-height:1.5;margin-top:8px}.selfTag{font-size:9px;font-weight:800;color:#087e83;background:#eaf8f5;border-radius:999px;padding:2px 5px;margin-left:4px}.userAccessNote{padding:12px 14px;border-left:3px solid var(--keppel);background:var(--soft);font-size:12px;line-height:1.5;margin:12px 0}.previewSelect{cursor:pointer}.previewSelect:hover{background:#f7fbfb}.previewSelect.active{background:#edf9f6}
@media(max-width:900px){.accountGrid{grid-template-columns:1fr 1fr}.participantSendBar{align-items:stretch}.participantSendBar .spacer{display:none}}


    .overviewHead{margin-bottom:14px}.overviewMetrics{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:0}.overviewGrid{margin-top:16px}.overviewFlowPanel{margin-top:16px;background:#061c33;color:white;border-radius:14px;padding:16px 18px;display:grid;grid-template-columns:1.1fr 2fr;gap:18px;align-items:center}.overviewFlowLead{display:flex;flex-direction:column;gap:5px}.overviewFlowLead .eyebrow{color:#20d3bd}.overviewFlowLead span{font-size:12px;color:#c8d6df}.compactFlow{margin-top:0}.compactFlow .flowStep span{font-size:10px}.compactFlow .flowStep b{font-size:12px}@media(max-width:1100px){.overviewMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overviewFlowPanel{grid-template-columns:1fr}}

/* V12.4: state-first control tower, with real drilldown from existing data views */
.towerHeader{margin-bottom:14px;align-items:center}.towerHeader .sub{max-width:880px}
.towerMetrics{grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 0 18px}
.towerMetrics .metric b{font-size:27px}.towerMetrics .metric small{font-size:11px;line-height:1.35}
.towerAttentionPanel{margin-top:16px}.towerAttentionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.towerAttentionCard{min-width:0;border:1px solid #DAE7E8;border-left:3px solid #D5A74E;border-radius:9px;background:#FCFEFE;text-align:left;padding:13px;display:flex;flex-direction:column;gap:5px;color:var(--ink)}
.towerAttentionCard:hover{border-color:var(--moon);background:#F4FCFA}.towerAttentionState{font-size:10px;font-weight:750;letter-spacing:.04em;color:var(--moon);text-transform:uppercase}.towerAttentionCard b{font-size:14px;line-height:1.35}.towerAttentionCard small{font-size:11px;color:var(--muted);line-height:1.45}.towerViewLabel{font-size:10px;font-weight:750;color:#087E83;margin-top:3px}.towerClear{font-size:12px;color:var(--muted);padding:14px;background:#F8FBFB;border-radius:8px;grid-column:1/-1}
.towerStatePanel{margin-top:18px}.towerPanelHead{align-items:center}.towerPanelHead .sub{max-width:910px}.towerStateCount{flex:none;border-radius:999px;background:#EAF7F5;color:#246B68;font-size:11px;font-weight:700;padding:7px 11px}
.towerFilters{display:grid;grid-template-columns:minmax(220px,1.35fr) minmax(180px,.85fr) minmax(160px,.7fr);gap:9px;margin:14px 0;align-items:end}.towerFilters label{display:block;font-size:10px;font-weight:750;letter-spacing:.055em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.towerFilters input,.towerFilters select{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 12px;font-size:12px;min-height:40px;color:var(--ink)}
.towerTable{overflow:auto}.towerTable table{min-width:1100px}.towerTable th{top:0;z-index:6;white-space:nowrap}.towerTable td{padding:13px 12px;font-size:12px;vertical-align:middle}.towerTable th:first-child{min-width:150px}.towerStateRow.isOpen{background:#F0F9F7}.towerStateRow.isOpen:hover{background:#EDF8F5}.towerStateButton{border:0;background:none;color:var(--oxford);padding:3px 0;font-weight:700;font-size:13px;display:inline-flex;align-items:center;text-align:left;gap:7px;cursor:pointer}.towerStateButton:hover{text-decoration:underline}.towerStateButton:focus-visible,.towerAttentionCard:focus-visible{outline:3px solid var(--keppel);outline-offset:2px}.towerChevron{display:inline-block;min-width:12px;color:var(--moon);font-size:15px}.towerStateCode{margin-left:19px}.towerBadge{display:inline-block;white-space:nowrap;background:#F1F5F6;border-radius:999px;color:#566E77;font-size:10px;font-weight:700;padding:5px 7px}.towerBadge.assisted{background:#E4F5F1;color:#186A5E}.towerBadge.good{background:var(--success-bg);color:var(--success)}.towerMuted{color:var(--muted);font-size:11px}.towerAlertText{font-size:11px;font-weight:750;color:#955D1D}.towerProgressValue{display:flex;gap:5px;align-items:baseline;white-space:nowrap;font-size:12px}.towerProgressValue b{font-size:14px;color:var(--oxford)}.towerProgressValue span{color:var(--muted);font-size:11px}.towerTrack{height:5px;margin-top:5px;border-radius:999px;background:#E1EAEA;overflow:hidden;min-width:80px}.towerTrack>span{display:block;height:100%;background:var(--keppel);border-radius:999px}
.towerExpandedRow>td{padding:0!important;background:#F5FBFA!important}.towerDetail{padding:19px 18px 23px;border-left:3px solid var(--keppel);background:#F8FCFC}.towerDetailTop{display:flex;gap:15px;justify-content:space-between;align-items:center;flex-wrap:wrap}.towerDetailTop h3{font-size:18px;margin:5px 0}.towerDetailActions{display:flex;gap:6px;flex-wrap:wrap}.towerDetailStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}.towerDetailStats>div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:11px;display:flex;flex-direction:column;gap:6px}.towerDetailStats b{font-weight:650;font-size:13px;line-height:1.4}.towerLabel{font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}.towerIssueLine{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.towerIssuePill{font-size:10px;border-radius:999px;background:var(--warn-bg);color:var(--warn);font-weight:700;padding:6px 9px}.towerDetailTitle{font-size:13px;font-weight:750;color:var(--oxford);margin:17px 0 9px}.towerOrgTable{background:#fff}.towerOrgTable table{min-width:780px}.towerOrgTable th{position:static!important}.towerOrgTable td{font-size:12px!important;vertical-align:top}.towerInfoNote{color:var(--muted);font-size:12px}.towerLegend{font-size:11px;color:var(--muted);line-height:1.5;margin-top:11px}.towerDemoFooter{margin-top:12px;font-size:10px;letter-spacing:.025em;color:var(--muted)}
@media(max-width:1150px){.towerAttentionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.towerDetailStats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.towerHeader{align-items:stretch}.towerMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.towerFilters{grid-template-columns:1fr}.towerAttentionGrid{grid-template-columns:1fr}.towerDetailStats{grid-template-columns:1fr 1fr}.towerDetail{padding:12px}.towerStatePanel{padding:13px}.towerPanelHead{align-items:start}.towerStateCount{margin-top:8px}}


/* V12.4.1 reconciliation navigation and evidence-aware matching */
.surveyRespondentLink{padding:0;border:0;background:transparent;color:var(--oxford);font-size:14px;font-weight:700;text-align:left;cursor:pointer;border-bottom:1px dashed var(--moon)}
.surveyRespondentLink:hover,.surveyRespondentLink:focus-visible{color:#087e83;border-bottom-style:solid}
.surveyMatchAction{margin:0 0 6px;display:block;white-space:nowrap;border-color:#9ACFC8;color:#11685F;background:#F1FAF8}
.reviewResolverPanel{scroll-margin-top:93px;transition:box-shadow .22s,border-color .22s}
.reviewResolverPanel.reviewFocused{border-color:#139EB1;box-shadow:0 0 0 3px rgba(19,158,177,.18),0 10px 26px rgba(6,28,51,.08)}
.reviewMatchContext{background:#F7FAFB;border:1px solid var(--line);border-radius:9px;padding:11px 13px;font-size:12px;color:var(--muted);line-height:1.5;margin:0 0 12px}
.reviewMatchContext strong{color:var(--oxford)}
.reviewMatchContext.warn{background:var(--warn-bg);border-color:#EFDFB3;color:#775717}
.reviewMatchContext p{margin:5px 0 0}
.surveyReviewHelp{font-size:11px;color:var(--muted);margin-top:5px}
.verifyPrimary:disabled{opacity:.48;cursor:not-allowed}

/* V12.5: bounded work queues, actionable issues, evidence-led matching */
.boundedQueue{max-height:410px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;}
.boundedQueue table{border-collapse:separate;border-spacing:0}
.boundedQueue thead th{position:sticky;top:0;z-index:8;box-shadow:0 1px 0 var(--line)}
.boundedQueue.tall{max-height:525px}
.boundedQueue.short{max-height:300px}
.boundedQueue:focus-visible{outline:2px solid var(--moon)}
.queueToolbar{display:grid;grid-template-columns:minmax(190px,1.3fr) minmax(140px,.9fr) minmax(150px,1fr);gap:9px;align-items:end;margin:5px 0 12px}
.queueToolbar label{display:block;font-size:10px;color:var(--muted);font-weight:750;text-transform:uppercase;letter-spacing:.045em;margin-bottom:5px}
.queueToolbar input,.queueToolbar select{width:100%;min-height:38px;border:1px solid var(--line);border-radius:8px;background:white;padding:8px 10px;font-size:12px;color:var(--ink)}
.queueResultLine{font-size:11px;color:var(--muted);margin:0 0 9px;line-height:1.5}
.towerIssuePill{border:1px solid #EFDFB3;font-family:inherit;cursor:pointer}
.towerIssuePill:hover,.towerIssuePill:focus-visible{background:#FDECC4;border-color:#D7AB5B;outline-offset:2px}
.towerIssuePill.static{border:1px solid transparent;cursor:default}
.towerIssueStack{display:flex;gap:5px;flex-wrap:wrap;max-width:260px}
.towerIssueStack .towerIssuePill{font-size:10px;padding:5px 7px;text-align:left;line-height:1.2}
.towerIssueExplain{font-size:11px;color:var(--muted);line-height:1.5;margin-top:9px}
.surveyQueuePanel,.towerStatePanel,.reviewResolverPanel{scroll-margin-top:92px}
.queueDestination{border-color:var(--moon)!important;box-shadow:0 0 0 3px rgba(19,158,177,.14)!important}
.reviewEvidenceHelp{font-size:11px;color:var(--muted);line-height:1.5;margin-top:7px}
.reviewConsequences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 13px}
.reviewConsequences>div{padding:10px 11px;background:#F7FBFB;border:1px solid var(--line);border-radius:8px;font-size:11px;color:var(--muted);line-height:1.5}
.reviewConsequences b{display:block;color:var(--oxford);margin-bottom:3px}
.reviewEvidenceField{margin-top:12px}
.reviewEvidenceField textarea{min-height:79px}
@media(max-width:900px){.queueToolbar{grid-template-columns:1fr 1fr}.reviewConsequences{grid-template-columns:1fr}}
@media(max-width:600px){.queueToolbar{grid-template-columns:1fr}.boundedQueue{max-height:360px}.towerIssueStack{max-width:230px}}

/* V12.9.3: consistent help-label layout; vector icon avoids font/glyph rendering differences. */
.wtrHelpTarget{cursor:help}
th.wtrHelpTarget:focus-visible,.metric>span.wtrHelpTarget:focus-visible{outline:2px solid var(--moon);outline-offset:2px;border-radius:3px}
.wtrHelpInline{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;min-height:30px}
.wtrHelpLabel{display:block;min-width:0;flex:1 1 auto;line-height:1.35}
.wtrHelpSymbol{display:block;width:16px;height:16px;min-width:16px;min-height:16px;flex:0 0 16px;color:#688594}
.wtrHelpSymbol svg{display:block;width:16px;height:16px;overflow:visible}
.wtrHelpTarget:hover .wtrHelpSymbol,.wtrHelpTarget:focus-visible .wtrHelpSymbol{color:#087e83}
th.wtrHelpTarget{vertical-align:middle}
.metric>span.wtrHelpTarget{display:block;width:100%;max-width:100%;padding-right:23px;position:relative}
.metric>span.wtrHelpTarget .wtrHelpInline{display:block;min-height:0;width:100%}
.metric>span.wtrHelpTarget .wtrHelpLabel{display:block;width:100%;line-height:1.35}
.metric>span.wtrHelpTarget .wtrHelpSymbol{position:absolute;right:0;top:0}
#wtrHeaderHelpBubble{position:fixed;z-index:5000;width:max-content;max-width:min(340px,calc(100vw - 24px));
  background:#061C33;color:#F2F8FA;border:1px solid #31576B;border-radius:9px;
  padding:12px 14px;font-size:12px;line-height:1.55;font-weight:500;letter-spacing:0;text-transform:none;
  box-shadow:0 12px 32px rgba(6,28,51,.24);pointer-events:none}
#wtrHeaderHelpBubble[hidden]{display:none}
#wtrHeaderHelpBubble strong{display:block;color:#65E2D1;font-size:11px;margin-bottom:4px;letter-spacing:.02em}


/* V12.7 - Unattributed records are a first-class working category, not a failed match. */
.surveyUnattributedBanner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
 padding:13px 16px;margin-top:14px;background:#F2F8FB;border:1px solid #CEE0EA;border-left:3px solid var(--moon);border-radius:9px;}
.surveyUnattributedBanner strong{font-size:13px;color:var(--oxford)}
.surveyUnattributedBanner p{font-size:11.5px;color:#516D7C;line-height:1.55;margin:5px 0 0;max-width:850px}
.surveyMatchNote{font-size:11.5px;color:var(--muted);margin-top:12px;line-height:1.5}
.pill.unattributedBadge{background:#E6F2F8;color:#18526F;font-weight:800}
@media(max-width:720px){.surveyUnattributedBanner{align-items:flex-start}.surveyUnattributedBanner button{width:100%}}

/* V12.8 — participant email review and accessible HTML mail preview */
.participantSendBar{position:relative;gap:10px}.participantSendBar .btn.primary{font-weight:800}
.batchReviewSummary{font-size:12px;color:var(--muted);padding:10px 12px;margin:0 0 11px;border:1px solid var(--line);background:#F7FBFB;border-radius:8px;line-height:1.5}
.batchApproval{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;font-weight:700;line-height:1.5;margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#F9FCFB}.batchApproval input{width:17px;height:17px;flex:none;margin-top:1px}
.batchWarning{color:#8A6418;font-size:11px;line-height:1.5}.batchGood{color:#146759;font-weight:750;font-size:11px}
.batchFailure{color:var(--danger);font-weight:750;font-size:11px}.batchReviewStatus{font-weight:800;font-size:11px;white-space:nowrap}
.emailFormattedPreview{border:1px solid #DCE8EA;background:#fff;border-radius:8px;padding:18px 22px;max-width:710px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.65;color:#233943}
.emailFormattedPreview p{margin:0 0 15px}.emailFormattedPreview .mailSection{margin:22px 0 7px;font-size:13px;font-weight:750;color:#0B2A3D;text-transform:none;border-bottom:1px solid #E3EEEF;padding-bottom:6px}
.emailFormattedPreview .mailSignature{border-top:1px solid #E1E9EC;margin-top:23px;padding-top:12px;color:#425C67}
.emailPreviewNote{font-size:11px;color:var(--muted);margin:8px 0 14px;line-height:1.5}.mailPreviewTitle{font-weight:750;font-size:12px;color:var(--ink);margin:20px 0 7px}
#participantSignature{width:100%;max-width:780px;min-height:88px;padding:11px;border:1px solid var(--line);border-radius:8px;resize:vertical;background:#fff;color:var(--ink)}
@media(max-width:860px){.participantSendBar .gmailBox{width:100%}.participantSendBar .btn.primary{flex:1}.emailFormattedPreview{padding:15px}}


/* WTR Pilot v13 integration styles. Original demo theme and typography retained. */
.siteNotice{padding:11px 14px;background:#fff8e7;border:1px solid #eed9ab;border-radius:9px;color:#79591b;font-size:12px;line-height:1.6;margin-bottom:15px}
.siteNotice strong{display:block;color:#5f4512}.brandMark{font-weight:800;font-size:18px;color:white;letter-spacing:.02em}.brandMark span{color:var(--keppel)}
.lockedNav{opacity:.72}.lockedNav small{margin-left:auto;border:1px solid #ffffff44;border-radius:4px;padding:2px 4px;font-size:8px}
.controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.controls input{min-width:240px}.controls input,.controls select{border:1px solid var(--line);border-radius:8px;padding:10px;background:white;color:var(--ink)}
.infoTile{border-radius:9px;background:#fcfefe;border:1px solid var(--line);padding:12px 15px}.infoTile b{display:block;font-size:20px;font-weight:600}.infoTile span{color:var(--muted);font-size:11px}.overviewPanels{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.mutedNote{font-size:12px;line-height:1.55;color:var(--muted)}.flatBtn{border:none;background:transparent;font-weight:700;color:#116d71;padding:2px 4px;text-align:left}.flatBtn:hover{text-decoration:underline}
.bigEmpty{padding:28px;font-size:13px;color:var(--muted);text-align:center}.progressFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.statBox{padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}.statBox span{display:block;color:var(--muted);font-size:10px;margin-bottom:8px}.statBox b{font-size:19px;font-weight:600}
.modalBack{position:fixed;inset:0;background:#061c33a6;z-index:110;display:grid;place-items:center;padding:12px}.modalCard{background:white;padding:25px;border-radius:14px;box-shadow:var(--shadow);width:min(660px,100%);max-height:92vh;overflow-y:auto}.modalGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modalGrid .field{margin-top:10px}.modalActions{display:flex;justify-content:flex-end;gap:7px;margin-top:19px}.modalCard h2{margin:3px 0 7px}.modalCard .field textarea{min-height:85px}.modalCard .field label{margin-bottom:5px}.modalCard .field select,.modalCard .field input{width:100%}.modalCard .wide{grid-column:1/-1}.bannerLock{border:1px solid #edd8ad;background:#fffaee;border-radius:12px;padding:22px;display:flex;gap:18px}.bannerLock h2{margin-top:2px}.bannerLock p{font-size:13px;color:#705a36;line-height:1.6}.bannerLock .symbol{font-size:23px;color:#a77520}.taskPriority{display:inline-block;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:700;background:#eaf7f5;color:#276960}.taskPriority.urgent{background:#fce9e5;color:#924237}.taskPriority.high{background:#fff3db;color:#805e18}
.detailOpen{background:#f1faf8!important}.detailRow>td{padding:15px;background:#f7fcfb}.tinyBars{background:#e5eff0;border-radius:4px;height:5px;overflow:hidden;margin-top:8px}.tinyBars i{display:block;background:var(--keppel);height:100%}.textHelp{color:var(--muted);font-size:10px}.authLead{color:#c6d5dc}.dividerText{border-top:1px solid var(--line);margin-top:15px;padding-top:15px}
@media(max-width:1050px){.overviewPanels{grid-template-columns:1fr}}@media(max-width:760px){.modalGrid{grid-template-columns:1fr}.progressFields{grid-template-columns:1fr}.controls input{min-width:0;width:100%}.bannerLock{flex-direction:column}}

/* PHASE 2: isolated Widescope training workbenches and recovery */
.trainingFlag{margin-left:auto;border:1px solid #67A5A155;color:#8EE4D7;font-size:9px!important;letter-spacing:.02em;padding:3px 5px;border-radius:4px}
.labBanner{background:#F0FAF9;border:1px solid #C3E8E1;padding:13px 15px;margin:15px 0;border-radius:10px;line-height:1.65;font-size:12px;color:#2C6171}
.labBanner strong{color:var(--oxford)}.labKpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.labActions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.labFilterBar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:14px}.labFilterBar .field{min-width:230px;max-width:340px;margin:0}.labFilterBar .field span{display:block;color:#496574;font-weight:700;font-size:11px;margin-bottom:6px}
.labFilterBar select{padding:9px;border:1px solid var(--line);border-radius:7px;width:100%}.labMessage{padding:15px;border-radius:10px;background:var(--soft);font-size:12px;line-height:1.6}
.labStages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.labStages>div{background:white;border:1px solid var(--line);border-radius:11px;padding:16px}.labStages b{color:var(--oxford);font-size:14px}.labStages p{font-size:12px;color:var(--muted);line-height:1.6}
.labChecks{display:grid;gap:12px}.labChecks label{font-size:13px;color:var(--ink)}.labChecks input{accent-color:var(--keppel)}.labChecks input:disabled{opacity:.5}
.noteActions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.labTag{border-radius:20px;padding:5px 9px;display:inline-block;background:#E7F7F3;color:#116658;font-size:11px;font-weight:750}.labTag.off{background:#FCEDEA;color:#893B35}.labTag.pending{background:#FFF2DA;color:#8A6418}.labButton{border-radius:7px;border:1px solid var(--line);background:white;font-size:12px;padding:7px 9px}
.labCellActions{display:flex;gap:5px;align-items:center}.labCellActions select{min-width:154px;padding:7px 25px 7px 8px;font-size:11px}
.labModalBackdrop{position:fixed;z-index:95;inset:0;background:#061C33A0;display:grid;place-items:center;padding:16px}.labModal{max-width:550px;width:100%;background:white;border:1px solid var(--line);border-radius:14px;padding:22px}.labModal label{display:block;font-weight:700;font-size:12px;margin:12px 0 5px}.labModal select,.labModal input,.labModal textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px}.labModal textarea{min-height:74px}.labModalActions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
#labDraftBody{width:100%;max-width:940px;display:block;margin-top:8px;font:13px/1.65 Raleway,Arial,sans-serif;padding:15px;border:1px solid var(--line);border-radius:9px;min-height:260px}#labDraftSubject{width:100%;max-width:940px;margin:5px 0 13px}.labMuted{color:var(--muted);font-size:12px}
@media(max-width:1000px){.labKpis,.labStages{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:660px){.labKpis,.labStages{grid-template-columns:1fr}.labFilterBar .field{max-width:100%;width:100%}}

.individualNotes{display:grid;gap:8px;max-height:245px;overflow:auto}.staffNote{border:1px solid #dce9ea;background:#f8fbfb;border-radius:8px;padding:10px}.staffNote p{white-space:pre-wrap;margin:2px 0 7px}.staffNote small{display:block;color:#6c828b;margin-bottom:7px}.staffNote button{margin-right:7px}