*{box-sizing:border-box}body{margin:0;font:15px system-ui,Segoe UI,Arial;background:#f4f7fb;color:#102341;display:flex;min-height:100vh}aside{width:245px;background:#14263a;color:#fff;padding:24px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand b{font-size:29px}.brand small{display:block;color:#b9c6d4}.bot{font-size:30px}nav{display:grid;gap:5px}nav a{padding:12px 14px;border-radius:7px;color:#e9eff6}nav a.active{background:#2774dc}nav hr{width:100%;border:0;border-top:1px solid #526174}aside footer{margin-top:auto;color:#c7d2df;line-height:1.6}main{flex:1;padding:30px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center}h1{font-size:32px;margin:0}header p{color:#66758b;margin-top:6px}.mode{background:#fff1c7;color:#8a5b00;border:1px solid #efd27a;padding:10px 16px;border-radius:20px;font-weight:800}.status{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0}.status article,.panel{background:white;border:1px solid #dfe6ef;border-radius:12px;padding:20px;box-shadow:0 2px 8px #1023410a}.status h3{margin:0 0 12px}.status strong,.status small{display:block;margin-top:8px}.ok{color:#13a14a}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel h2{margin-top:0}.metric{display:flex;justify-content:space-between;border-bottom:1px solid #e7ecf2;padding:12px 2px}.pill{font-size:11px;padding:3px 7px;border-radius:10px;margin-right:8px}.done{background:#dff6e7;color:#11813b}.next{background:#e8f1ff;color:#2167c7}.muted{color:#7d8999}.event{border-bottom:1px solid #e7ecf2;padding:9px 0}.event small{color:#7d8999;display:block}button{background:#2673dc;color:white;border:0;border-radius:7px;padding:10px 14px;font-weight:700;cursor:pointer}.notice{margin-top:16px;background:#fff6d9;border:1px solid #efd783;border-radius:10px;padding:16px;display:flex;gap:18px}.notice b{color:#8a5b00}@media(max-width:900px){aside{width:190px}.status{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}} 

.headActions{display:flex;gap:10px;align-items:center}.logout{background:#fff;color:#334a66;border:1px solid #ccd6e2}.authBody{min-height:100vh;display:grid;place-items:center;background:#eef3f9;padding:24px}.authCard{width:min(440px,100%);background:#fff;border:1px solid #dce5ef;border-radius:14px;padding:30px;box-shadow:0 12px 36px #10234120}.authBrand{display:flex;gap:12px;align-items:center;margin-bottom:26px}.authBrand b{font-size:30px}.authBrand small{display:block;color:#6d7d91}.authCard h1{font-size:25px;margin:0 0 6px}.authCard p{color:#68788c;margin:0 0 20px}.authCard label{display:block;font-weight:700;margin:14px 0}.authCard input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #cbd6e3;border-radius:7px;font:inherit}.authCard input:disabled{background:#f2f5f8;color:#506176}.authCard button{width:100%;margin-top:18px;padding:12px}.hint{color:#728197}.authError{min-height:22px;color:#b42318;margin-top:14px;font-weight:650}.authFoot{border-top:1px solid #e5eaf0;margin-top:20px;padding-top:16px;color:#8390a0;font-size:12px;text-align:center}

.workflowHealth{
 margin:0 0 18px;
}
.workflowHealthHead{
 display:flex;
 align-items:flex-start;
 justify-content:space-between;
 gap:20px;
 margin-bottom:18px;
}
.workflowHealthHead h2{
 margin:0 0 5px;
}
.workflowHealthHead p{
 margin:0;
}
.healthBadge{
 padding:8px 13px;
 border-radius:999px;
 font-size:12px;
 font-weight:800;
 letter-spacing:.4px;
 white-space:nowrap;
}
.healthChecking{
 background:#eef2f7;
 color:#66758b;
}
.healthHealthy{
 background:#dff6e7;
 color:#11813b;
 border:1px solid #bde8cb;
}
.healthAttention{
 background:#ffe5e5;
 color:#b42318;
 border:1px solid #f3b7b7;
}
.healthGrid{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:14px;
}
.healthGroup{
 background:#f8fafc;
 border:1px solid #e3e9f1;
 border-radius:10px;
 padding:15px;
}
.healthGroup h3{
 margin:0 0 8px;
 font-size:14px;
 color:#43546a;
}
.healthMetric{
 display:flex;
 justify-content:space-between;
 gap:14px;
 padding:9px 0;
 border-bottom:1px solid #e7ecf2;
}
.healthMetric:last-child{
 border-bottom:0;
}
.healthMetric span{
 color:#66758b;
}
.healthMetric b{
 text-align:right;
}
.healthGood{
 color:#11813b;
}
.healthBad{
 color:#b42318;
}
.healthWarn{
 color:#8a5b00;
}
.healthReasons{
 margin-top:15px;
 padding:12px 14px;
 border-radius:9px;
 background:#f4f8f5;
 border:1px solid #dcebe0;
 color:#43546a;
}
.healthCheck{
 color:#11813b;
 font-weight:800;
}
.healthDivider{
 margin:0 8px;
 color:#9ba7b5;
}
.healthProblem{
 color:#b42318;
 padding:3px 0;
}
@media(max-width:1100px){
 .healthGrid{
  grid-template-columns:1fr 1fr;
 }
}
@media(max-width:700px){
 .healthGrid{
  grid-template-columns:1fr;
 }
 .workflowHealthHead{
  flex-direction:column;
 }
}

/* Task Events 2.0 — alpha3.9.4 */
.taskEventsBody{display:block;min-height:100vh;background:#f4f7fb}
.taskEventsMain{width:min(1500px,calc(100% - 48px));max-width:1500px;margin:0 auto;padding:30px 0 50px}
.taskEventsHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.taskEventsHeader h1{margin:0}.taskEventsHeader p{margin:7px 0 0;color:#66758b}
.teBack{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border:1px solid #ccd6e2;border-radius:7px;background:#fff;color:#334a66;text-decoration:none;font-weight:700}
.teSummary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}
.teSummaryCard{min-height:112px;padding:17px 18px;text-align:left;background:#fff;color:#102341;border:1px solid #dfe6ef;border-radius:12px;box-shadow:0 2px 8px #1023410a;transition:.15s}
.teSummaryCard:hover{border-color:#aebed1;transform:translateY(-1px)}.teSummaryCard.active{border-color:#2774dc;box-shadow:0 0 0 2px #2774dc18,0 3px 10px #10234110}
.teSummaryCard span,.teSummaryCard strong,.teSummaryCard small{display:block}.teSummaryCard span{color:#52657c;font-size:13px;font-weight:750}.teSummaryCard strong{margin-top:6px;font-size:29px;line-height:1;color:#102341}.teSummaryCard small{margin-top:9px;color:#8390a0;font-weight:500}
.teControls{margin-bottom:18px}.teControlsTop{display:flex;gap:12px;align-items:center}.teSearchWrap{position:relative;flex:1}.teSearchIcon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#718197;font-size:20px;pointer-events:none}
.teSearchWrap input{width:100%;min-height:42px;padding:10px 13px 10px 40px;border:1px solid #ccd6e2;border-radius:8px;background:#fff;color:#102341;font:inherit;outline:none}.teSearchWrap input:focus,.teFilters select:focus{border-color:#2774dc;box-shadow:0 0 0 3px #2774dc18}.teRefresh{min-height:42px;padding-left:20px;padding-right:20px}
.teFilters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:15px}.teFilters label{display:block}.teFilters label>span{display:block;margin:0 0 6px 2px;color:#66758b;font-size:12px;font-weight:750}.teFilters select{width:100%;min-height:40px;padding:8px 10px;border:1px solid #ccd6e2;border-radius:8px;background:#fff;color:#102341;font:inherit;outline:none}
.teFilterFoot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding-top:13px;border-top:1px solid #edf0f4}.teClear{background:transparent;color:#50647d;border:1px solid #d5dee8;padding:7px 11px}
.teAudit{padding:0;overflow:hidden}.teAuditHead{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;border-bottom:1px solid #e7ecf2}.teAuditHead h2{margin:0 0 4px}.teAuditHead p{margin:0}.teStatus{padding:7px 11px;border-radius:999px;background:#fff1c7;color:#8a5b00;border:1px solid #efd27a;font-size:12px;font-weight:800;white-space:nowrap}
.teTableHead,.teRow{display:grid;grid-template-columns:105px 145px 150px minmax(300px,1fr) 100px;gap:14px}.teTableHead{padding:11px 18px;background:#f7f9fc;border-bottom:1px solid #e1e7ef;color:#758398;font-size:11px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.teRow{align-items:start;padding:17px 18px;border-bottom:1px solid #e7ecf2;background:#fff}.teRow:last-child{border-bottom:0}.teRow:hover{background:#fbfcfe}
.teWhen strong,.teWhen span{display:block}.teWhen strong{font-size:14px}.teWhen span{margin-top:3px;color:#8995a5;font-size:12px}
.teType,.teCategory{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800;line-height:1.2}
.teTypeClaim,.teCatQuote{background:#e8f1ff;color:#2167c7}.teTypeMove,.teCatWorkflow{background:#eef1f5;color:#53657b}.teTypeAnnouncement,.teCatSell{background:#e7f7ed;color:#16733b}.teTypeReminder,.teCatReview{background:#fff3d6;color:#8a5b00}.teCatRemarket{background:#eee9ff;color:#6548ad}.teCatPhone{background:#fff0e5;color:#9a4e0d}
.teTaskCell{min-width:0}.teTaskCell>strong{display:block;color:#102341;line-height:1.35;overflow-wrap:anywhere}.teDetails{margin-top:5px;color:#506176;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.teTechnical{margin-top:4px;color:#8a96a5;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.teFolder{margin-top:7px;color:#8793a2;font-size:12px}
.teDisposition{justify-self:end;text-align:center;min-width:82px;padding:6px 8px;border-radius:8px;background:#fff6d9;border:1px solid #efd783;color:#8a5b00}.teDisposition span,.teDisposition small{display:block}.teDisposition span{font-size:11px;font-weight:850}.teDisposition small{margin-top:2px;font-size:9px;font-weight:750}.teEmpty{padding:38px 20px;text-align:center;color:#7d8999}.teError{color:#b42318}
@media(max-width:1100px){.teSummary{grid-template-columns:repeat(3,minmax(0,1fr))}.teTableHead{display:none}.teRow{grid-template-columns:90px 130px 135px minmax(240px,1fr)}.teDisposition{grid-column:2/5;justify-self:start}}
@media(max-width:760px){.taskEventsMain{width:min(100% - 28px,1500px);padding-top:20px}.taskEventsHeader{flex-direction:column}.headActions{flex-wrap:wrap}.teSummary,.teFilters{grid-template-columns:1fr 1fr}.teRow{display:block}.teWhen,.teEventCell,.teCategoryCell,.teTaskCell,.teDisposition{margin-bottom:9px}.teDisposition{display:inline-block}}
@media(max-width:500px){.teSummary,.teFilters{grid-template-columns:1fr}.teControlsTop{flex-direction:column;align-items:stretch}.teFilterFoot{align-items:flex-start;flex-direction:column}}


/* Validation Center — alpha3.9.5 development */
.validationBody{display:block;min-height:100vh;background:#f4f7fb}
.validationMain{width:min(1500px,calc(100% - 48px));max-width:1500px;margin:0 auto;padding:30px 0 50px}
.validationHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}
.validationHeader h1{margin:0}
.validationHeader p{margin:7px 0 0;color:#66758b}

.validationHero{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:16px}
.validationHero h2{margin:5px 0 7px;font-size:25px}
.validationEyebrow{font-size:11px;font-weight:850;letter-spacing:.8px;color:#2774dc}

.validationHeroStats{display:grid;grid-template-columns:repeat(3,120px);gap:10px}
.validationHeroStats div{padding:13px;border:1px solid #e0e7ef;border-radius:10px;background:#f8fafc;text-align:center}
.validationHeroStats strong,.validationHeroStats span{display:block}
.validationHeroStats strong{font-size:25px}
.validationHeroStats span{margin-top:5px;color:#718197;font-size:11px;font-weight:700}

.validationToolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}
.validationToolbar strong,.validationToolbar span{display:block}
.validationToolbar span{margin-top:4px}
.validationToggle{display:flex;gap:8px}
.validationToggle button{background:#fff;color:#43546a;border:1px solid #ccd6e2}
.validationToggle button.active{background:#2673dc;color:#fff;border-color:#2673dc}

.validationGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.validationScenario{background:#fff;border:1px solid #dfe6ef;border-radius:12px;padding:17px;box-shadow:0 2px 8px #1023410a}
.validationScenario.isObserved{border-color:#bde8cb;background:#fbfffc}
.validationScenario h3{margin:12px 0 6px;font-size:16px}
.validationScenario p{min-height:40px;margin:0;color:#66758b;font-size:13px;line-height:1.45}

.validationScenarioTop{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:850;color:#7b8797}
.validationScenario.isObserved .validationScenarioTop{color:#11813b}
.validationStateIcon{font-size:17px}

.validationScenarioMeta{display:flex;justify-content:space-between;gap:10px;margin-top:15px;padding-top:12px;border-top:1px solid #edf0f4;color:#7d8999;font-size:11px}
.validationScenarioMeta strong{color:#334a66}

.validationTwoCol{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.validationPanel{padding:0;overflow:hidden}
.validationPanelHead{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:19px 20px;border-bottom:1px solid #e7ecf2}
.validationPanelHead h2{margin:0 0 5px}
.validationPanelHead p{margin:0}
.validationBadge{padding:6px 9px;border-radius:999px;background:#eef2f7;color:#66758b;font-size:10px;font-weight:850;white-space:nowrap}

.validationEmpty{padding:30px 20px;text-align:center;color:#8793a2}

.validationAttentionRow,.validationEvidenceRow{padding:14px 20px;border-bottom:1px solid #e7ecf2}
.validationAttentionRow:last-child,.validationEvidenceRow:last-child{border-bottom:0}
.validationAttentionRow strong,.validationAttentionRow span,.validationAttentionRow b,.validationAttentionRow small{display:block}
.validationAttentionRow span{margin-top:3px;color:#8a96a5;font-size:11px}
.validationAttentionRow b{margin-top:8px}
.validationAttentionRow small{margin-top:5px;color:#66758b;line-height:1.4}

.validationEvidenceRow>div{display:flex;justify-content:space-between;gap:10px}
.validationEvidenceRow>div strong{color:#2774dc;font-size:12px}
.validationEvidenceRow>div span{color:#66758b;font-size:11px}
.validationEvidenceRow>b{display:block;margin-top:7px}
.validationEvidenceRow>small{display:block;margin-top:5px;color:#8a96a5}

.validationFoot{display:flex;gap:8px;align-items:center;color:#66758b}
.validationFoot strong{color:#334a66}

@media(max-width:1100px){
 .validationGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .validationTwoCol{grid-template-columns:1fr}
}

@media(max-width:800px){
 .validationMain{width:min(100% - 28px,1500px);padding-top:20px}
 .validationHeader,.validationHero,.validationToolbar{flex-direction:column;align-items:stretch}
 .validationHeroStats{grid-template-columns:repeat(3,1fr)}
 .validationGrid{grid-template-columns:1fr 1fr}
 .validationToggle{flex-wrap:wrap}
}

@media(max-width:520px){
 .validationGrid,.validationHeroStats{grid-template-columns:1fr}
 .validationFoot{display:block}
}

.validationScenario.isSelected{
 outline:2px solid #2774dc;
 outline-offset:1px;
}


.validationEvidenceDetails{
 margin:9px 0 0;
 padding:9px 11px;
 border-radius:7px;
 background:#f6f8fb;
 color:#56677d;
 font-size:12px;
 line-height:1.45;
}


/* Validation Center live evidence status */
.validationLive{
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:25px;
 margin-bottom:16px;
}

.validationLiveState{
 display:flex;
 align-items:center;
 gap:11px;
}

.validationLiveState strong,
.validationLiveState span{
 display:block;
}

.validationLiveState span{
 margin-top:3px;
 color:#718197;
 font-size:12px;
}

.validationLiveDot{
 width:11px;
 height:11px;
 border-radius:50%;
 background:#9aa6b5;
 box-shadow:0 0 0 4px #9aa6b51c;
 flex:0 0 auto;
}

.validationLiveDot.ok{
 background:#18a24b;
 box-shadow:0 0 0 4px #18a24b1c;
}

.validationLiveDot.stale{
 background:#d99917;
 box-shadow:0 0 0 4px #d999171c;
}

.validationLiveDot.error{
 background:#d64242;
 box-shadow:0 0 0 4px #d642421c;
}

.validationLiveTimes{
 display:flex;
 gap:32px;
}

.validationLiveTimes div{
 min-width:125px;
}

.validationLiveTimes span,
.validationLiveTimes strong{
 display:block;
}

.validationLiveTimes span{
 margin-bottom:3px;
 color:#8491a2;
 font-size:10px;
 font-weight:800;
 text-transform:uppercase;
 letter-spacing:.4px;
}

.validationLiveTimes strong{
 color:#334a66;
 font-size:13px;
}

.validationScenario{
 cursor:pointer;
 transition:
  border-color .12s ease,
  box-shadow .12s ease,
  transform .12s ease;
}

.validationScenario:hover{
 border-color:#9cbbe5;
 box-shadow:0 5px 14px #10234112;
 transform:translateY(-1px);
}

@media(max-width:800px){
 .validationLive{
  flex-direction:column;
  align-items:stretch;
 }

 .validationLiveTimes{
  justify-content:space-between;
 }
}