.engineering-workspace{min-width:0;min-height:100vh;padding:0 24px 30px;background:#f3f6f5;color:#263638}
.engineering-header{min-height:128px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 -24px;padding:20px 28px;border-bottom:1px solid var(--line);background:#fff}.engineering-eyebrow{display:block;margin-bottom:7px;color:var(--teal);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.engineering-header h1{margin:0 0 7px;font-size:28px;line-height:1.1}.engineering-header p{margin:0;color:#69787a;font-size:12px}.engineering-header__actions{display:flex;align-items:center;gap:10px}.prototype-label{padding:7px 10px;border-radius:14px;background:#eef2f1;color:#647174;font-size:10px;white-space:nowrap}
.engineering-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.engineering-kpis article{position:relative;min-width:0;padding:15px 16px;border:1px solid var(--line);background:#fff}.engineering-kpis article:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--teal)}.engineering-kpis article.is-warning:before{background:#c58a2d}.engineering-kpis article.is-risk:before{background:#b84d45}.engineering-kpis span,.engineering-kpis small{display:block;color:#748184;font-size:10px}.engineering-kpis b{display:block;margin:7px 0 4px;font-size:22px}.engineering-kpis .is-warning b{color:#956923}.engineering-kpis .is-risk b{color:#a83d37}
.engineering-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto 190px;gap:10px;align-items:center;margin-bottom:12px;padding:12px;border:1px solid var(--line);background:#fff}.engineering-search{height:40px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #cfd7d8;border-radius:4px}.engineering-search:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px rgba(9,124,130,.12)}.engineering-search span{color:#637275;font-size:18px}.engineering-search input{min-width:0;width:100%;border:0;outline:0;color:#2f4143;background:transparent;font-size:11px}.engineering-filters{display:flex;gap:5px}.engineering-filters button{height:36px;padding:0 10px;border:1px solid #d3dada;border-radius:18px;background:#fff;color:#59686b;font-size:10px;cursor:pointer;white-space:nowrap}.engineering-filters button b{margin-left:3px;color:#7a888a}.engineering-filters button.is-active{border-color:#9bc9cb;background:#e9f5f4;color:#086f74;font-weight:700}.engineering-select{display:flex;align-items:center;gap:7px}.engineering-select span{color:#778487;font-size:9px}.engineering-select select{min-width:0;flex:1;height:38px;border:1px solid #cfd7d8;border-radius:4px;background:#fff;color:#39494b;font-size:10px}
.engineering-layout{display:grid;grid-template-columns:minmax(650px,1.65fr) minmax(310px,.78fr);gap:12px}.engineering-queue,.engineering-detail{min-width:0;border:1px solid var(--line);background:#fff}.engineering-queue>header{min-height:59px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 15px;border-bottom:1px solid var(--line)}.engineering-queue>header h2{margin:0 0 4px;font-size:15px}.engineering-queue>header p{margin:0;color:#788588;font-size:10px}.engineering-queue>header button{border:0;background:transparent;color:var(--teal);font-size:10px;cursor:pointer}
.engineering-list{display:grid}.engineering-task{position:relative;min-width:0;display:grid;grid-template-columns:72px minmax(120px,.55fr) minmax(250px,1.45fr) minmax(120px,.75fr) minmax(95px,.55fr) minmax(120px,.7fr);grid-template-areas:"priority id title complete owner deadline";gap:8px;align-items:center;min-height:76px;padding:11px 13px;border:0;border-bottom:1px solid #e8eded;background:#fff;color:inherit;text-align:left;cursor:pointer}.engineering-task:hover{background:#f8fbfa}.engineering-task.is-selected{box-shadow:inset 3px 0 var(--teal);background:#edf7f6}.engineering-task:focus-visible{z-index:1;outline:3px solid rgba(9,124,130,.3);outline-offset:-3px}.task-priority{grid-area:priority;justify-self:start;padding:5px 7px;border-radius:12px;background:#edf2f1;color:#68777a;font-size:9px}.task-priority.is-high{background:#f9e7e4;color:#a43f38}.task-id{grid-area:id;color:#69777a;font-size:9px}.engineering-task>strong{grid-area:title;font-size:11px}.engineering-task>small{grid-area:title;align-self:end;margin-top:29px;overflow:hidden;color:#748184;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.task-completeness{grid-area:complete;font-size:9px}.task-completeness.is-ready{color:#2d7759}.task-completeness.is-missing{color:#9a6821}.task-owner{grid-area:owner;font-size:10px;font-weight:700}.engineering-task time{grid-area:deadline;color:#667578;font-size:9px}.engineering-task time.is-risk{color:#a23d37;font-weight:700}.engineering-task[hidden]{display:none!important}.engineering-empty{margin:0;padding:36px;text-align:center;color:#778487;font-size:12px}
.engineering-detail{align-self:start}.engineering-detail>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:15px;border-bottom:1px solid var(--line)}.engineering-detail>header>div>span{color:var(--teal);font-size:10px;font-weight:700}.engineering-detail h2{margin:5px 0 6px;font-size:16px;line-height:1.25}.engineering-detail>header p{margin:0;color:#738083;font-size:10px}.detail-state{flex:0 0 auto;padding:6px 8px;border-radius:13px;font-size:9px}.detail-state.is-ready{background:#e5f4ec;color:#2c7657}.detail-state.is-missing{background:#fbf0df;color:#94631f}.detail-state.is-work{background:#e8f2f4;color:#376c78}.engineering-detail>section{padding:14px 15px;border-bottom:1px solid #e8eded}.engineering-detail section>header{display:flex;justify-content:space-between;gap:10px}.engineering-detail h3{margin:0 0 11px;font-size:12px}.engineering-detail section>header span{color:#6f7d80;font-size:10px}.detail-admission>div,.detail-assignment>div{display:flex;align-items:center;gap:10px}.detail-admission i{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#e5f4ec;color:#2c7657;font-style:normal}.detail-admission b,.detail-admission small,.detail-assignment b,.detail-assignment small{display:block}.detail-admission b,.detail-assignment b{font-size:11px}.detail-admission small,.detail-assignment small{margin-top:4px;color:#748184;font-size:9px}.detail-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none}.detail-checklist li{padding:8px;border:1px solid #e0e7e7;border-radius:3px;color:#657477;font-size:9px}.detail-checklist li.is-ready{border-color:#c9e4d7;background:#f3faf6;color:#31765a}.detail-checklist li.is-missing{border-color:#efd9b7;background:#fff9ef;color:#93631f}.engineering-detail dl{margin:0}.engineering-detail dl div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid #edf0ef}.engineering-detail dt{color:#748184;font-size:9px}.engineering-detail dd{margin:0;text-align:right;font-size:10px;font-weight:700}.engineer-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e7f3f2;color:var(--teal);font-weight:700}.detail-assignment .button{width:100%;margin-top:10px;min-height:36px;font-size:10px}.detail-assignment .button+.button{margin-top:6px}.engineering-detail>footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:12px 15px}.engineering-detail>footer button{min-height:34px;border:0;background:#f0f5f4;color:var(--teal);font-size:9px;cursor:pointer}.engineering-live{min-height:18px;margin:10px 0 0;color:#647477;font-size:10px}
@media(max-width:1439px){.engineering-workspace{padding-left:16px;padding-right:16px}.engineering-header{min-height:112px;margin-left:-16px;margin-right:-16px;padding-left:20px;padding-right:20px}.engineering-header h1{font-size:23px}.engineering-toolbar{grid-template-columns:minmax(220px,1fr) auto 165px}.engineering-filters button{padding:0 8px}.engineering-layout{grid-template-columns:minmax(590px,1.5fr) minmax(285px,.75fr)}.engineering-task{grid-template-columns:63px 100px minmax(210px,1.3fr) 105px 85px 105px;gap:5px;padding-left:10px;padding-right:10px}.engineering-task>strong{font-size:10px}.engineering-task>small{font-size:8px}.task-completeness,.engineering-task time,.task-id{font-size:8px}}
@media(max-width:1100px){html,body{min-width:0}.engineering-header{align-items:flex-start}.engineering-header__actions{align-items:flex-end;flex-direction:column}.engineering-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.engineering-toolbar{grid-template-columns:1fr 180px}.engineering-filters{grid-column:1/-1;grid-row:2}.engineering-layout{grid-template-columns:1fr}.engineering-detail{position:static}.engineering-task{grid-template-columns:70px 100px minmax(230px,1.4fr) 120px 95px 115px}.engineering-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.engineering-detail>header,.engineering-detail>footer{grid-column:1/-1}.engineering-detail>section{min-width:0}.detail-assignment{grid-column:2;grid-row:2/4}}
@media(max-width:760px){.engineering-workspace{margin-left:64px;padding:0 10px 24px}.engineering-header{min-height:0;align-items:stretch;flex-direction:column;margin:0 -10px;padding:15px 13px}.engineering-header h1{font-size:21px}.engineering-header__actions{align-items:stretch}.prototype-label{align-self:flex-start}.engineering-header__actions .button{width:100%}.engineering-kpis{grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.engineering-kpis article{padding:12px}.engineering-kpis b{font-size:18px}.engineering-toolbar{grid-template-columns:1fr;margin-bottom:9px;padding:9px}.engineering-select,.engineering-filters{grid-column:1;grid-row:auto}.engineering-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.engineering-filters button{width:100%}.engineering-layout{gap:9px}.engineering-task{grid-template-columns:auto 1fr auto;grid-template-areas:"priority id deadline" "title title title" "complete owner owner";min-height:0;gap:7px;padding:12px}.engineering-task>strong{font-size:13px}.engineering-task>small{grid-area:title;align-self:auto;margin-top:23px;font-size:11px}.task-priority,.task-id,.task-completeness,.engineering-task time{font-size:10px}.task-owner{justify-self:end;font-size:11px}.engineering-detail{display:block}.engineering-detail h2{font-size:15px}.detail-checklist{grid-template-columns:1fr}.engineering-detail>footer{grid-template-columns:1fr}.engineering-live{font-size:11px}}
@media(max-width:420px){.engineering-kpis{grid-template-columns:1fr}.engineering-header h1{font-size:19px}.engineering-task{grid-template-columns:auto 1fr;grid-template-areas:"priority id" "title title" "complete complete" "owner deadline"}.engineering-task time{justify-self:end}.engineering-task>small{margin-top:24px}.engineering-detail>header{flex-direction:column}.detail-state{align-self:flex-start}}

/* Final accessibility and exception states. */
.engineering-task>small,.task-id,.task-completeness,.engineering-task time{font-size:10px}.detail-admission small,.detail-assignment small,.engineering-detail dt,.engineering-detail>header p,.detail-checklist li,.engineering-detail>footer button{font-size:10px}.detail-admission.is-exception{background:#fff9ef}.detail-admission.is-exception i{background:#f9e8cc;color:#94631f}.detail-admission.is-exception b,.detail-admission.is-exception small{color:#80571e}.detail-assignment .button:disabled{border-color:#d8dede;background:#eef1f1;color:#929c9e;cursor:not-allowed}.engineering-detail:focus{outline:3px solid rgba(9,124,130,.22);outline-offset:2px}
@media(max-width:760px){.task-priority,.task-id,.task-completeness,.engineering-task time,.engineering-queue>header p,.engineering-queue>header button{font-size:11px}.task-owner,.detail-state,.engineering-detail>header p,.detail-admission small,.detail-assignment small,.detail-checklist li,.engineering-detail dt,.engineering-detail>footer button{font-size:12px}.engineering-detail h3{font-size:13px}.detail-admission b,.detail-assignment b,.engineering-detail dd{font-size:13px}}

/* Link to the first implemented engineering task card. */
.engineering-detail>footer a{min-height:34px;display:grid;place-items:center;background:#f0f5f4;color:var(--teal);font-size:10px;text-align:center;text-decoration:none}.engineering-detail>footer a.is-disabled{color:#8c9899;cursor:not-allowed}
@media(max-width:760px){.engineering-detail>footer a{font-size:12px}}