/* Workflow navigation and workbench. Business-page styles remain in style.css. */
:root{--muted:#64736a;--bg:#f5f6f2}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #96bea7;outline-offset:3px}
.skip-link{position:fixed;top:-80px;left:270px;z-index:100;background:white;padding:12px;color:var(--green)}.skip-link:focus{top:10px}
#sidebar{width:236px;padding:25px 16px 14px;display:flex;flex-direction:column;z-index:60}
#sidebar .logo{padding:0 8px 20px;flex-shrink:0}#sidebar .logo small{letter-spacing:1px}
#nav{display:block;overflow-y:auto;min-height:0;margin:0;padding:0 3px 12px;scrollbar-width:thin;scrollbar-color:#527264 transparent}
.nav-group{margin:0 0 16px}.nav-group h2{font-size:10px;letter-spacing:1.5px;font-weight:500;color:#9bb7a8;margin:0 12px 5px}
#nav button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:39px;padding:8px 12px;margin:2px 0;border-radius:7px;font-size:13px}
#nav button.active{background:#e4efe7;color:#183d2d;font-weight:600}#nav button:hover:not(.active){background:#345648;color:white}
.nav-count{min-width:22px;padding:0 5px;border-radius:4px;font-size:10px;text-align:center;background:#426350;color:white}
#nav button.active .nav-count{background:#c2d9c9;color:#244d36}
#sidebar .aside-bottom{position:static;margin-top:auto;padding:14px 8px 0;border-top:1px solid #3f5a4b;display:flex;align-items:center;justify-content:space-between;gap:6px;flex-shrink:0}
main{margin-left:236px;padding:30px 36px 60px;max-width:1800px}header{gap:16px;align-items:flex-start;margin-bottom:26px}.page-heading{flex:1;min-width:0}#breadcrumb{letter-spacing:1.5px;margin-bottom:8px}h1{font-size:27px;letter-spacing:0}#pageDescription{margin:6px 0 0;font-size:13px;max-width:800px}#mode{margin-top:8px;white-space:nowrap}
#menuToggle{display:none}#quickBar{left:272px;right:36px}#content:focus{outline:none}
.workspace-topline{display:flex;align-items:center;gap:12px;margin-bottom:18px}.workspace-topline>small{margin-left:auto}.workspace-topline>span{font-weight:500}.workspace-topline button{font-size:12px;padding:5px 12px}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#39815d;margin-right:8px;flex-shrink:0}.status-dot.warning{background:#b57c25;margin-top:9px}
.attention-block{display:flex;align-items:flex-start;border:1px solid #ead8b2;background:#fff9ec;border-radius:10px;padding:18px 20px;margin-bottom:22px;gap:5px}.attention-block h3{font-size:15px;color:#805b21;margin:0}.attention-block p{margin:5px 0 10px}.attention-block small{color:#816b4c}.attention-block .toolbar{margin-bottom:8px}
.workspace-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric-card{text-align:left;background:white;padding:20px;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.metric-card>span{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.metric-card strong{font-size:34px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums}.metric-card small{font-size:11px;line-height:1.5}
.workspace-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px}.panel{padding:22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-heading h2{margin:0}.section-heading button{font-size:12px;padding:6px 10px}.section-heading small{white-space:nowrap}
.todo-row{display:flex;gap:16px;width:100%;padding:17px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:left;align-items:center}.todo-row:hover{background:#f6f8f4}.todo-row>span:nth-child(2){flex:1}.todo-row strong{font-size:13px;font-weight:500}.todo-row small{display:block;margin-top:4px;font-size:11px}.todo-number{font-size:23px;font-weight:600;min-width:42px;color:var(--green)}.task-panel>p{font-size:12px;margin-top:20px}.text-button{border:0;padding:0;background:none;color:var(--green);font-size:inherit}
.release-scale{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.release-scale strong{font-size:29px;font-weight:600}.release-scale span{font-size:12px;color:var(--muted);margin-right:10px}.section-link{margin-top:16px}.workspace-columns p{font-size:12px}details summary{cursor:pointer;color:var(--muted);font-size:12px}details[open]>summary{margin-bottom:10px}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.intake-foot{display:flex;flex-wrap:wrap;gap:10px 25px;font-size:11px;color:var(--muted)}
.workflow-guide{margin-top:8px}.workflow-guide h2{font-size:14px;color:var(--muted)}.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.workflow-grid button{text-align:left;padding:16px;background:transparent}.workflow-grid strong,.workflow-grid>button>span{display:block}.workflow-grid strong{font-size:14px;margin:5px 0}.workflow-grid strong span{float:right}.workflow-grid>button>span{font-size:11px;color:var(--muted)}
.collection-grid img{object-fit:contain;background:#eef1eb}.collection-grid .card-body p{font-size:12px}.collection-grid .card-body h3{font-size:13px}.pagination{margin:22px 0 0;justify-content:center}#collectionFilters label{font-size:12px;flex-wrap:wrap}#captureCollection .table-wrap{max-width:100%;overflow:auto;max-height:360px}#captureCollection>.toolbar{margin-bottom:10px}
#content>table{max-width:100%}.continual-panel .stats{grid-template-columns:repeat(4,minmax(0,1fr))}.continual-panel .stat{padding:16px}.continual-panel .stat strong{font-size:30px}
@media(min-width:1500px){main{padding:36px 48px}#quickBar{left:284px;right:48px}}
@media(max-width:1100px){.workspace-metrics{gap:10px}.metric-card{padding:16px}.workspace-columns{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}main{padding-left:24px;padding-right:24px}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){
 #sidebar,body[data-role=viewer] #sidebar{position:fixed;inset:0 auto 0 0;width:252px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:22px 15px 16px;transform:translateX(-100%);transition:transform .18s ease}
 .navigation-open #sidebar{transform:translateX(0)}.navigation-open{overflow:hidden}#nav,body[data-role=viewer] #nav{display:block;margin:0}#sidebar .logo small{display:block}#sidebar .logo{font-size:22px}#sidebar .aside-bottom,body[data-role=viewer] #sidebar .aside-bottom{margin-top:auto;padding-top:14px}
 #navBackdrop{position:fixed;inset:0;border:0;border-radius:0;z-index:55;background:#122b2160;cursor:default}#menuToggle{display:block;min-width:40px;min-height:40px;padding:6px;margin-top:2px;font-size:19px}
 main{margin:0;padding:20px 16px 80px}header{gap:12px;flex-wrap:wrap}h1{font-size:24px}#breadcrumb{font-size:9px;margin-bottom:4px}#pageDescription{font-size:12px}#mode{font-size:10px;padding:3px 7px}#quickBar{left:12px;right:12px}.skip-link{left:16px}
 .workspace-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-columns{grid-template-columns:minmax(0,1fr);gap:0}.workspace-topline{flex-wrap:wrap;font-size:12px}.workspace-topline>small{font-size:10px}.metric-card{padding:15px}.metric-card strong{font-size:29px}.metric-card small{font-size:10px}.panel{padding:17px}.attention-block{padding:15px}.attention-block h3{font-size:14px}.attention-block p{font-size:12px}.attention-block button{font-size:12px;overflow-wrap:anywhere;text-align:left}
 .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{flex-wrap:wrap}.section-heading h2{font-size:16px}#collectionFilters label{width:100%}#collectionFilters label input,#collectionFilters label select{flex:1}.continual-panel .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.continual-panel .stat strong{font-size:26px}#content table{min-width:560px}
}
@media(prefers-reduced-motion:reduce){#sidebar{transition:none}}

/* Training is one task area; baseline review, manifest progress and adoption stay together. */
.training-center-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}.training-center-navigation button{text-align:left;padding:13px 16px;background:white}.training-center-navigation button strong,.training-center-navigation button small{display:block}.training-center-navigation button small{margin-top:4px;font-size:11px}.training-center-navigation button.active{border-color:var(--green);background:var(--light);box-shadow:inset 0 -2px var(--green)}
.baseline-intro p{margin:8px 0}.baseline-step-heading{display:flex;align-items:flex-start;gap:15px;margin-bottom:18px}.baseline-step-heading>div{flex:1;min-width:0}.baseline-step-heading h2{margin:0 0 6px}.baseline-step-heading p{margin:0;font-size:13px;color:var(--muted)}.step-number{flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--light);color:var(--green);font-weight:700}.baseline-review-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));max-height:640px;overflow:auto;margin:15px 0}.baseline-card img{object-fit:contain}.baseline-card h3{font-size:13px}.baseline-review-actions{padding-top:12px;border-top:1px solid var(--line)}.baseline-review-actions>.toolbar{margin-top:12px;margin-bottom:0}.baseline-comparison{display:flex;gap:30px;align-items:center;margin:18px 0;padding:18px;background:#f4f7f2;border-radius:8px}.baseline-comparison strong{display:block;font-size:27px}.baseline-identifiers{margin-top:18px}.baseline-step a{color:var(--green)}.baseline-step>p{font-size:13px}
@media(max-width:850px){.training-center-navigation{gap:6px}.training-center-navigation button{padding:10px 8px}.training-center-navigation strong{font-size:12px}.training-center-navigation button small{font-size:10px}.baseline-step-heading{gap:10px;flex-wrap:wrap}.baseline-step-heading h2{font-size:16px}.baseline-step-heading>.badge{margin-left:42px}.baseline-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:60dvh;gap:8px}.baseline-review-actions label{font-size:12px}.baseline-review-actions .toolbar{gap:8px}.baseline-review-actions button{flex:1;min-width:120px;font-size:12px}.baseline-comparison{gap:20px}.baseline-comparison strong{font-size:23px}}
.training-status-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;border:1px solid var(--line);border-radius:10px;background:white;padding:16px 20px;margin:0 0 20px}.training-status-summary>div{min-width:0}.training-status-summary strong,.training-status-summary span,.training-status-summary small{display:block}.training-status-summary strong{font-size:13px;margin:5px 0}.training-status-summary span{font-size:12px;color:var(--muted)}.training-status-summary button{font-size:12px;margin-top:8px;padding:4px 8px}.training-job{display:flex;flex-direction:column;gap:5px}.training-job>strong{font-size:13px}.training-job>span,.training-job>small{font-size:12px}.training-job p{margin:4px 0}progress{display:block;width:100%;height:10px;accent-color:var(--green)}.training-operation{padding:15px 18px;margin:0 0 18px;border:1px solid #adc6b4;border-radius:9px;background:#edf5ed;overflow-wrap:anywhere}.training-operation strong,.training-operation span{display:block}.training-operation progress{margin:10px 0}.training-operation span{font-size:12px;margin-top:6px}.training-operation.running,.training-operation.submitted{background:#f1f5f7;border-color:#b8cad4}.training-operation.failed{background:#fff4ec;border-color:#d5aa8c}.baseline-applied{padding:18px;background:#edf5ed;border:1px solid #c6dacd;border-radius:8px;margin:15px 0}.baseline-applied p{margin:6px 0}.baseline-comparison code{display:block}.baseline-comparison small{display:block}.baseline-comparison strong{font-size:22px}.training-status-summary .training-job>p{margin:0}
@media(max-width:850px){.training-status-summary{grid-template-columns:minmax(0,1fr);padding:14px}.training-status-summary>div+div{border-top:1px solid var(--line);padding-top:12px}.baseline-comparison{gap:12px;padding:12px}.baseline-comparison strong{font-size:17px}.training-operation{padding:12px}}
