@import url('neutral.css');
/* D3D technical study: one dark frame, two neutral working surfaces. */
:root{--surface:#ededeb;--surface-secondary:#dedfdd;--surface-line:#c9ccca;--copy:#101b22;--copy-secondary:#58636a;--frame:#101b20}
html{background:#071115}body{background-color:#071115;background-image:linear-gradient(#1b2a30d9,#14232ae3),url('technical-background.svg');background-size:cover;background-position:center;background-attachment:fixed;min-height:100vh;color:var(--copy)}.shell{background:transparent}aside{background:#071115;border-right:1px solid #ffffff0b}header{background:#101b20;color:#bac2c6;border-bottom:1px solid #ffffff09}.demo{background:#172126;color:#a9b2b7}.compare-link{color:#bac2c6}
#app[data-view=overview] .role-hero{background:var(--frame);color:#f2f4f5;border:0;border-radius:5px;box-shadow:none;padding:22px 24px;margin-bottom:0}#app[data-view=overview] .role-hero h1{font-size:28px;letter-spacing:-.8px}#app[data-view=overview] .role-hero .muted{color:#b2bdc3;font-size:13px}
#app[data-view=overview] .role-summary{background:var(--surface-secondary);border:0;border-radius:5px;margin:16px 0 24px;overflow:hidden}#app[data-view=overview] .role-summary button{background:transparent;border-color:#c1c6c5;padding:18px 20px;gap:14px}#app[data-view=overview] .role-summary strong{color:var(--copy);font-size:26px}#app[data-view=overview] .role-summary span{color:var(--copy-secondary);font-size:13px}#app[data-view=overview] .role-summary button:hover{background:var(--surface)}
.overview-columns{gap:24px}.overview-columns .order-workspace,.overview-columns .task-board,.overview-columns .waiting-board{background:var(--surface);border:0;border-radius:5px;box-shadow:0 8px 24px #00000013;overflow:hidden}.overview-columns .section-title,.overview-columns .board-title,.overview-columns .task-board .board-title{background:var(--frame);color:#f0f3f4;border:0;padding:20px 22px}.overview-columns .section-title h2,.overview-columns .board-title h2{font-size:20px;color:#f0f3f4;letter-spacing:-.4px}.overview-columns .section-title .link{color:#bac5cb;border-color:#627179}.overview-columns .task-count{right:22px;top:19px;border-radius:3px;color:#111;background:#ff641b}.overview-columns .task-board{border-top:0}
.overview-columns .list-tools{background:var(--surface);border-bottom:1px solid var(--surface-line);padding:13px 22px}.overview-columns .list-tools input,.overview-columns .list-tools select{background:#f7f7f5;color:var(--copy);border-color:#bac2c4;border-radius:3px}.overview-columns .list-tools button{background:transparent;color:var(--copy-secondary);border-color:#bac2c4;border-radius:3px}.overview-columns .list-tools label,.overview-columns .result-count{color:var(--copy-secondary)}
.overview-columns .cluster-title{background:var(--surface-secondary);border-top:0;border-bottom:1px solid var(--surface-line);padding:13px 22px}.overview-columns .cluster-title h3{color:var(--copy);font-size:16px}.overview-columns .cluster-title small,.overview-columns .cluster-title>span{color:var(--copy-secondary)}
.overview-columns .production-row,.overview-columns .production-row:nth-child(odd){background:var(--surface);border-bottom:1px solid var(--surface-line);padding:18px 22px}.overview-columns .row-part h3 button{color:var(--copy)}.overview-columns .row-part>span,.overview-columns .row-part .row-process,.overview-columns .row-part>small,.overview-columns .row-progress>small,.overview-columns .row-date>small{color:var(--copy-secondary)}.overview-columns .row-part>.cad-missing{color:#68747a}.overview-columns .row-date>strong,.overview-columns .row-progress>strong{color:var(--copy)}.overview-columns .track i{background:#c2c9cb}.overview-columns .track i.done{background:#ff641b}.overview-columns .row-progress{border-left:0;padding-left:0}.overview-columns .row-date{padding-left:0}
.overview-columns .work-task,.overview-columns .waiting-row{background:var(--surface);color:var(--copy);border-color:var(--surface-line);padding:17px 22px}.overview-columns .work-task:hover,.overview-columns .waiting-row:hover{background:#f6f6f3}.overview-columns .work-task small{color:#a74110}.overview-columns .work-task em,.overview-columns .task-open,.overview-columns .waiting-row small,.overview-columns .waiting-row>span:last-child{color:var(--copy-secondary)}.overview-columns .work-task strong,.overview-columns .waiting-row strong{font-size:14px;line-height:1.45}.overview-columns .sync-note{background:var(--surface-secondary);color:var(--copy-secondary);border-color:var(--surface-line)}
.overview-columns .schedule-alert{background:var(--surface);color:#944218;border:0;border-left:3px solid #ff641b;border-bottom:1px solid var(--surface-line);padding:11px 19px;font-size:12px}.badge{background:#dce5df;color:#365846}.badge.warn{background:#f1dfd2;color:#853e14}.badge.neutral{background:#d9dfe1;color:#485c66}.back{color:#c4cdd2}
.panel,.order-tab-content,.document-group,.commercial,#app[data-view=requests] .order{background:var(--surface);border-color:var(--surface-line)}.position,.files>div,.discussion>.scroll,.message{background:var(--surface-secondary);border-color:var(--surface-line)}.role-empty{color:var(--copy-secondary)}
@media(max-width:800px){body{background-attachment:scroll;background-size:auto 1200px;background-repeat:repeat-y}}
@media(max-width:600px){#app[data-view=overview] .role-summary button{padding:14px 12px;gap:10px}#app[data-view=overview] .role-summary span{font-size:12px}#app[data-view=overview] .role-hero{padding:20px}.overview-columns{gap:18px}.overview-columns .production-row{padding:17px 18px}.overview-columns .section-title,.overview-columns .board-title,.overview-columns .task-board .board-title{padding:18px}.overview-columns .task-count{right:18px;top:17px}}
/* Compact order list uses the established neutral surfaces. */
.compact-order{background:#ededeb;border-color:#c9ccca}.compact-order>summary{color:#101b22}.compact-order>summary:hover{background:#e4e6e3}.compact-identity small,.compact-identity span,.compact-progress small,.compact-date small,.compact-position small{color:#58636a}.compact-warning,.position-warning{color:#944218}.compact-positions{background:#dedfdd}.compact-position{border-color:#bec5c3}.compact-position button,.compact-positions>.link{color:#233f4b}.compact-position strong,.compact-position>span{color:#101b22}.compact-search input,.compact-search select{background:#1d2a30;border-color:#516168;color:#edf0f1}.compact-search input::placeholder{color:#b5c1c7}.compact-count{color:#b5c1c7}.overview-columns .section-title h2{font-size:19px}

/* Overview: actions first, full-width production, waiting last. */
#app[data-view=overview] .overview-columns{display:flex;flex-direction:column;gap:24px}
#app[data-view=overview] .overview-side{display:contents}
#app[data-view=overview] .task-board{order:0}
#app[data-view=overview] .overview-main{order:1;min-width:0}
#app[data-view=overview] .waiting-board{order:2}
.overview-columns .task-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}
.overview-columns .work-task{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid #c9ccca;border-right:1px solid #c9ccca}
.overview-columns .work-task .task-arrow,.overview-columns .work-task small{display:none}
.overview-columns .work-task strong{font-size:15px}
.overview-columns .work-task em{display:block;margin-top:5px;font-size:12px}
.overview-columns .work-task .task-open{display:block;flex-shrink:0;background:#ff641b;color:#071115;padding:10px 12px;border-radius:3px;font-size:12px;font-weight:750}
.overview-columns .work-task:hover .task-open{background:#ec5711}
.overview-columns .waiting-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}
.overview-columns .waiting-row{gap:12px;align-items:start;border-right:1px solid #c9ccca}
.overview-columns .waiting-row>span:last-child{white-space:nowrap;font-size:11px}
.overview-columns .section-title{flex-wrap:nowrap;gap:20px}
.overview-columns .compact-search{width:auto;flex:1;max-width:520px;margin:0;order:0}
.overview-columns .section-title>.link{order:2;white-space:nowrap}
.compact-order>summary{grid-template-columns:minmax(280px,1.7fr) minmax(180px,1fr) 165px 20px;padding:20px 24px;gap:24px;min-height:110px}
.compact-identity:not([data-preview-request])::before{content:'◇';display:grid;place-items:center;flex:0 0 62px;height:62px;background:#dce0de;border:1px solid #c3cbc8;border-radius:4px;color:#7a898e;font-size:30px}
.compact-identity strong{font-size:16px;line-height:1.4}.compact-progress strong{font-size:14px}.compact-date strong{font-size:16px}.compact-identity small,.compact-identity span,.compact-progress small,.compact-date small{font-size:12px}
.compact-order.has-risk{border-left:4px solid #ff641b}.compact-order.has-risk>summary{padding-left:20px;background:#f3e9df}
.compact-warning{display:inline-block;background:#ff641b;color:#071115;padding:4px 8px;border-radius:3px;font-size:11px;font-weight:750;margin-top:7px}
@media(max-width:1150px){.overview-columns .section-title{flex-wrap:wrap}.overview-columns .compact-search{flex-basis:100%;max-width:none;order:3}.overview-columns .task-list{grid-template-columns:1fr}.overview-columns .waiting-list{grid-template-columns:1fr}.compact-order>summary{grid-template-columns:minmax(230px,1.5fr) minmax(140px,1fr) 125px 16px;gap:16px}}
@media(max-width:700px){.compact-order>summary{grid-template-columns:1fr 1fr 16px;gap:14px;padding:18px}.compact-identity{grid-column:1/3}.compact-order.has-risk>summary{padding-left:14px}.compact-order .expand-indicator{grid-column:3;grid-row:1}.compact-progress{grid-column:1;grid-row:2}.compact-date{grid-column:2;grid-row:2}.overview-columns .work-task{flex-wrap:wrap;gap:12px}.overview-columns .compact-search{flex-wrap:wrap}.compact-search input{min-width:0;flex-basis:100%}.compact-identity strong{font-size:15px}}
#app[data-view=overview] .overview-columns{align-items:stretch}#app[data-view=overview] .overview-main,#app[data-view=overview] .task-board,#app[data-view=overview] .waiting-board,#app[data-view=overview] .order-workspace{width:100%;max-width:none;box-sizing:border-box}

/* Equal action and waiting panels with CAD thumbnails. */
#app[data-view=overview] .overview-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
#app[data-view=overview] .task-board{grid-column:1;grid-row:1}
#app[data-view=overview] .waiting-board{grid-column:2;grid-row:1}
#app[data-view=overview] .overview-main{grid-column:1/-1;grid-row:2}
.overview-columns .task-list,.overview-columns .waiting-list{display:flex;flex-direction:column}
.overview-columns .work-task,.overview-columns .waiting-row{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px 14px;padding:18px 20px;text-align:left;align-items:center}
.overview-columns .work-thumb{grid-column:1;grid-row:1/3;width:56px;height:56px;display:grid;place-items:center;background:#dce0de;border:1px solid #c3cbc8;border-radius:4px;overflow:hidden;flex-shrink:0}
.overview-columns .work-thumb-empty{font-size:28px;color:#7a898e}
.overview-columns .work-copy{grid-column:2;min-width:0}
.overview-columns .work-task .task-open{grid-column:2;justify-self:start;padding:7px 10px;font-size:11px}
.overview-columns .waiting-row>span:last-child{grid-column:2;font-size:11px;justify-self:start}
.overview-columns .work-thumb .cad-preview{display:block!important;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;min-height:0}
.overview-columns .work-thumb .cad-preview>span{display:block;width:100%;height:100%}
.overview-columns .work-thumb .cad-preview img{display:block;width:100%;height:100%;object-fit:contain}
.overview-columns .work-thumb figcaption{display:none}
.overview-columns .waiting-row small{display:block;margin-top:5px}
@media(max-width:850px){#app[data-view=overview] .overview-columns{grid-template-columns:1fr}#app[data-view=overview] .task-board{grid-column:1;grid-row:1}#app[data-view=overview] .waiting-board{grid-column:1;grid-row:2}#app[data-view=overview] .overview-main{grid-column:1;grid-row:3}}
/* Main portal headline. */
#app[data-view=overview] .role-hero h1{font-size:clamp(32px,3.2vw,44px);line-height:1.12;letter-spacing:-1.3px}
#app[data-view=overview] .role-hero{padding:30px 24px}
#app[data-view=overview] .role-hero .muted{font-size:14px;margin-top:12px}
@media(max-width:600px){#app[data-view=overview] .role-hero h1{font-size:32px;letter-spacing:-.8px}#app[data-view=overview] .role-hero{padding:24px 20px}}
/* Quiet summary strip: orientation without competing with actions. */
#app[data-view=overview] .role-summary button{padding:12px 18px;gap:12px;border-color:#cdd1ce}
#app[data-view=overview] .role-summary strong{font-size:22px;line-height:1.2}
#app[data-view=overview] .role-summary span{font-size:12px}
@media(max-width:600px){#app[data-view=overview] .role-summary button{padding:11px 12px;gap:9px}#app[data-view=overview] .role-summary strong{font-size:21px}}
/* Compact action rows; keep readable type and previews. */
.overview-columns .work-task,.overview-columns .waiting-row{grid-template-columns:48px minmax(0,1fr) auto;gap:12px;padding:15px 18px;min-height:86px;box-sizing:border-box}
.overview-columns .work-thumb{grid-column:1;grid-row:1;width:48px;height:48px}
.overview-columns .work-copy{grid-column:2;grid-row:1}
.overview-columns .work-task .task-open,.overview-columns .waiting-row>span:last-child{grid-column:3;grid-row:1;justify-self:end;align-self:center}
.overview-columns .work-task .task-open{padding:9px 10px}
@media(max-width:1100px) and (min-width:851px), (max-width:480px){.overview-columns .work-task,.overview-columns .waiting-row{grid-template-columns:44px minmax(0,1fr);padding:12px 15px;gap:6px 12px}.overview-columns .work-thumb{width:44px;height:44px;grid-row:1/3}.overview-columns .work-task .task-open,.overview-columns .waiting-row>span:last-child{grid-column:2;grid-row:2;justify-self:start}.overview-columns .work-task .task-open{padding:7px 10px}}
/* Three visible items; additional tasks scroll inside their panel. */
.overview-columns .task-list,.overview-columns .waiting-list{max-height:258px;overflow-y:auto;overscroll-behavior-y:auto;scrollbar-width:thin;scrollbar-color:#87948f #dedfdd;scrollbar-gutter:stable}
.overview-columns .work-task,.overview-columns .waiting-row{flex-shrink:0;min-height:86px}
.overview-columns .task-list::-webkit-scrollbar,.overview-columns .waiting-list::-webkit-scrollbar{width:7px}
.overview-columns .task-list::-webkit-scrollbar-track,.overview-columns .waiting-list::-webkit-scrollbar-track{background:#dedfdd}
.overview-columns .task-list::-webkit-scrollbar-thumb,.overview-columns .waiting-list::-webkit-scrollbar-thumb{background:#87948f;border-radius:5px}
/* Consistent section hierarchy, echoing the main D3D heading. */
.overview-columns .board-title,.overview-columns .task-board .board-title,.overview-columns .section-title{padding:22px;min-height:96px;box-sizing:border-box}
.overview-columns .board-title h2,.overview-columns .section-title h2{font-size:24px;line-height:1.25;font-weight:750;letter-spacing:-.5px;color:#fff;margin:0}
.overview-columns .board-title h2::before,.overview-columns .section-title h2::before{content:'';display:block;width:28px;height:3px;background:#ff641b;margin-bottom:12px}
.overview-columns .task-board .board-title{padding-right:65px}
.overview-columns .task-count{top:43px;right:22px}
@media(max-width:600px){.overview-columns .board-title,.overview-columns .task-board .board-title,.overview-columns .section-title{padding:20px;min-height:92px}.overview-columns .board-title h2,.overview-columns .section-title h2{font-size:22px}.overview-columns .task-board .board-title{padding-right:60px}.overview-columns .task-count{right:20px;top:40px}}
/* Lighter backdrop provides hierarchy; section type can stay restrained. */
.overview-columns .board-title h2,.overview-columns .section-title h2{font-size:21px;letter-spacing:-.35px}
@media(max-width:600px){.overview-columns .board-title h2,.overview-columns .section-title h2{font-size:20px}}

/* Visual production cards within the full-width overview. */
.overview-columns .production-list{padding:16px;background:#dedfdd;display:flex;flex-direction:column;gap:10px}
.compact-order{border:1px solid #cbd0cd;border-radius:6px;overflow:hidden}
.compact-order>summary{grid-template-columns:minmax(240px,1.5fr) minmax(170px,1fr) minmax(160px,.8fr);gap:20px;padding:18px 20px}
.compact-identity .cad-preview,.compact-identity:not([data-preview-request])::before{width:76px;height:76px;flex-basis:76px;min-width:76px}
.compact-identity .cad-preview{margin:0;border-radius:5px;overflow:hidden}.compact-identity .cad-preview a,.compact-identity .cad-preview img{width:76px;height:76px;object-fit:contain}
.compact-identity{gap:15px}
.compact-order .expand-indicator{grid-column:1/-1;display:flex;gap:8px;align-items:center;justify-content:flex-end;font-size:11px;color:#58636a;transform:none!important;border-top:1px solid #d9ddda;padding-top:9px;margin-top:-5px}
.compact-order .expand-indicator b{font-size:15px}.compact-order[open] .expand-indicator b{transform:rotate(180deg)}
.order-stage-track{display:flex;gap:4px;margin-top:12px;max-width:220px}.order-stage-track i{display:block;flex:1;height:5px;background:#ced5d1;border-radius:2px}.order-stage-track i.reached{background:#537366}
.progress-mixed{display:block;color:#58636a;font-size:11px;margin-top:8px}.order-date-note{display:block;color:#58636a;font-size:11px;line-height:1.4;margin-top:7px;max-width:180px}
.compact-order.has-risk{border-left:3px solid #ff641b}.compact-order.has-risk>summary{background:#ededeb;padding-left:18px}.compact-warning{background:#f6decf;color:#963d12;font-size:11px;padding:4px 7px}.compact-date strong{font-size:18px}
@media(max-width:1050px){.compact-order>summary{grid-template-columns:minmax(200px,1.4fr) minmax(140px,1fr) 150px;gap:15px}.compact-identity .cad-preview,.compact-identity:not([data-preview-request])::before{width:62px;height:62px;flex-basis:62px;min-width:62px}.compact-identity .cad-preview a,.compact-identity .cad-preview img{width:62px;height:62px}}
@media(max-width:700px){.compact-order>summary{grid-template-columns:1fr 1fr;padding:16px;gap:15px}.compact-identity{grid-column:1/-1}.compact-progress{grid-column:1;grid-row:2}.compact-date{grid-column:2;grid-row:2}.compact-order .expand-indicator{grid-column:1/-1;grid-row:3}.overview-columns .production-list{padding:10px}}

/* Compact rows retain thumbnails and production stages. */
.overview-columns .production-list{padding:10px;gap:6px}
.compact-order>summary{grid-template-columns:minmax(220px,1.45fr) minmax(150px,1fr) minmax(130px,.8fr) 115px;padding:13px 16px;gap:16px;min-height:100px}
.compact-order.has-risk>summary{padding-left:14px}
.compact-order .expand-indicator{grid-column:4;grid-row:1;border:0;padding:0;margin:0;justify-content:flex-end;font-size:11px;gap:6px}
.compact-identity .cad-preview,.compact-identity:not([data-preview-request])::before{width:64px;height:64px;min-width:64px;flex-basis:64px}
.compact-identity .cad-preview a,.compact-identity .cad-preview img{width:64px;height:64px}
.compact-date strong{font-size:16px}.order-stage-track{margin-top:9px}
@media(max-width:1150px){.compact-order>summary{grid-template-columns:minmax(210px,1.4fr) minmax(140px,1fr) 135px;gap:12px}.compact-order .expand-indicator{grid-column:3;grid-row:2;margin-top:-5px;justify-content:flex-start}.compact-identity{grid-row:1/3}.compact-progress{grid-row:1/3}}
@media(max-width:700px){.compact-order>summary{grid-template-columns:1fr 1fr;padding:13px;gap:12px}.compact-identity{grid-column:1/-1;grid-row:1}.compact-progress{grid-column:1;grid-row:2}.compact-date{grid-column:2;grid-row:2}.compact-order .expand-indicator{grid-column:2;grid-row:3;margin:0}.compact-identity strong{font-size:15px}}

.overview-all{padding:12px 20px 18px;background:#dedfdd;text-align:center}.overview-all .link{color:#233f4b;font-weight:700;font-size:13px}
.compact-order .expand-indicator{white-space:nowrap}.compact-order>summary{grid-template-columns:minmax(220px,1.45fr) minmax(150px,1fr) minmax(130px,.8fr) 66px}
.compact-identity>div{min-width:0}.compact-identity strong{overflow-wrap:anywhere}
@media(max-width:1150px){.compact-order>summary{grid-template-columns:minmax(200px,1.4fr) minmax(140px,1fr) 135px}}
@media(max-width:700px){.compact-order>summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.compact-identity{min-width:0}.compact-search select{max-width:100%}}

/* Shared approved design across every portal subpage. */
#app:not([data-view=overview]) .heading{background:#101b20;border:0;border-radius:5px;padding:30px 24px;min-height:160px;margin-bottom:20px;color:#fff;box-shadow:none}
#app:not([data-view=overview]) .heading>div{max-width:100%;min-width:0}
#app:not([data-view=overview]) .heading h1{font-size:clamp(32px,3.2vw,44px);line-height:1.12;letter-spacing:-1.3px;overflow-wrap:anywhere}
#app:not([data-view=overview]) .heading .muted{font-size:14px;color:#b2bdc3}
#app:not([data-view=overview]) .panel{background:#ededeb;color:#101b22;border:0;border-radius:5px;padding:22px;overflow-wrap:anywhere}
#app:not([data-view=overview]) .panel>h2{background:#101b20;color:#fff;font-size:21px;line-height:1.25;padding:20px 22px;margin:-22px -22px 22px;border-radius:5px 5px 0 0}
#app:not([data-view=overview]) .panel>h2::before{content:'';display:block;width:28px;height:3px;background:#ff641b;margin-bottom:12px}
#app:not([data-view=overview]) .panel>h2:not(:first-child){margin-top:16px;border-radius:4px}
#app:not([data-view=overview]) .list-tools{background:#dedfdd;border:0;border-radius:5px;padding:12px 18px;gap:14px;align-items:end}
#app:not([data-view=overview]) .list-tools label,#app:not([data-view=overview]) .result-count{color:#58636a;font-size:12px}
#app:not([data-view=overview]) input,#app:not([data-view=overview]) select,#app:not([data-view=overview]) textarea{background:#f7f7f5;color:#101b22;border:1px solid #bac2c4;border-radius:4px;font-size:14px;max-width:100%}
#app:not([data-view=overview]) label{color:#374e57;font-size:13px}
#app:not([data-view=overview]) button:not(.primary):not(.link):not([role=tab]){background:#dedfdd;color:#233f4b;border-color:#bac2c4;border-radius:4px}
#app:not([data-view=overview]) .heading button:not(.primary){background:transparent;color:#dce2e4;border-color:#516168}
#app:not([data-view=overview]) .link,#app:not([data-view=overview]) .files a{color:#233f4b}
#app:not([data-view=overview]) .back{color:#d0d9dc}
#app:not([data-view=overview]) .note,#app:not([data-view=overview]) .meta,#app:not([data-view=overview]) .company,#app:not([data-view=overview]) .files small{color:#58636a}
#app[data-view=orders]>.panel,#app[data-view=requests]>.panel{background:#dedfdd;padding:10px;display:flex;flex-direction:column;gap:6px}
#app[data-view=orders] .production-row,#app[data-view=requests] .order{background:#ededeb;border:1px solid #cbd0cd;border-radius:6px;padding:16px;margin:0;color:#101b22}
#app[data-view=orders] .production-row{grid-template-columns:minmax(0,1.5fr) minmax(150px,1fr) 160px;gap:20px;align-items:center}
#app[data-view=orders] .row-part h3 button,#app[data-view=requests] .orderhead h3 button{background:none;border:0;padding:0;color:#101b22;font-size:16px;text-align:left;overflow-wrap:anywhere}
#app[data-view=orders] .row-progress{background:none;color:#101b22;padding:0;border:0}
#app[data-view=orders] .row-progress small,#app[data-view=orders] .row-date small,#app[data-view=orders] .row-part>small,#app[data-view=orders] .row-part>span{color:#58636a}
#app[data-view=orders] .row-progress strong{font-size:14px}#app[data-view=orders] .row-date strong{color:#101b22;font-size:18px}
#app[data-view=orders] .track i{background:#ced5d1;height:5px;border-radius:2px}#app[data-view=orders] .track i.done{background:#537366}
#app:not([data-view=overview]) .cad-missing{background:#dedfdd;border:1px solid #c3cbc8;color:#58636a;border-radius:4px}
#app:not([data-view=overview]) .cad-preview{border-radius:5px;overflow:hidden}
#app:not([data-view=overview]) .position,#app:not([data-view=overview]) .files>div,#app:not([data-view=overview]) .message{background:#dedfdd;color:#101b22;border:1px solid #c9ccca;border-radius:4px}
#app:not([data-view=overview]) .notice{background:#dedfdd;color:#465a63;border-color:#c9ccca}
#app:not([data-view=overview]) .alert{background:#f6decf;color:#963d12;border-left:3px solid #ff641b}
#app:not([data-view=overview]) .drop-zone{background:#e3e6e2;border:1px dashed #87948f;border-radius:5px}
#app:not([data-view=overview]) .drop-hint,#app:not([data-view=overview]) .selected-files{color:#465a63}
#app:not([data-view=overview]) .decision-status{background:#dedfdd;color:#465a63;border-radius:3px}
#app:not([data-view=overview]) .commercial{border-top:0}
#app:not([data-view=overview]) .discussion>.scroll{background:#dedfdd;border-color:#c9ccca;border-radius:4px}
#app:not([data-view=overview]) .order-brief{background:#101b20;border:0;border-radius:5px;color:#fff}
#app:not([data-view=overview]) .order-tabs{background:#dedfdd;border-color:#c9ccca;border-radius:5px 5px 0 0}
#app:not([data-view=overview]) .order-tabs button{color:#58636a;background:transparent}
#app:not([data-view=overview]) .order-tabs button[aria-selected=true]{color:#101b22;border-bottom-color:#ff641b}
#app:not([data-view=overview]) .order-tab-content{background:#ededeb;border:0;border-radius:0 0 5px 5px;color:#101b22}
#app:not([data-view=overview]) .part-sheet h2{font-size:21px;color:#101b22}
#app:not([data-view=overview]) .part-sheet dt,#app:not([data-view=overview]) .audit,#app:not([data-view=overview]) summary{color:#58636a}
#app:not([data-view=overview]) .part-sheet dl>div{border-color:#c9ccca}
#app[data-view=docs]>.panel{padding:0;background:none}
#app[data-view=docs] .document-group{background:#ededeb;border:0;border-radius:5px;overflow:hidden}
#app[data-view=docs] .document-group>h3{background:#101b20;font-size:21px;border:0;color:#fff}
#app[data-view=docs] .document-group>h3::before{content:'';display:block;width:28px;height:3px;background:#ff641b;margin-bottom:12px}
#app:not([data-view=overview]) .no-results{background:#ededeb;color:#58636a;border:0;border-radius:5px}
#app[data-view=accounts] .order{padding:16px;background:#dedfdd;border:1px solid #c9ccca;border-radius:5px;margin:8px 0}
#app .login{background:#ededeb;color:#101b22;border-radius:5px;border-top:3px solid #ff641b}
@media(max-width:850px){#app[data-view=orders] .production-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#app[data-view=orders] .row-part{grid-column:1/-1}#app[data-view=orders] .row-progress{grid-column:1}#app[data-view=orders] .row-date{grid-column:2}#app:not([data-view=overview]) .heading{padding:24px 20px;min-height:0}#app:not([data-view=overview]) .heading h1{font-size:32px}#app:not([data-view=overview]) .list-tools{flex-wrap:wrap}}
@media(max-width:560px){#app:not([data-view=overview]) .panel{padding:18px}#app:not([data-view=overview]) .panel>h2{margin:-18px -18px 18px;padding:18px}#app[data-view=orders]>.panel,#app[data-view=requests]>.panel{padding:8px}#app[data-view=docs]>.panel{padding:0}#app:not([data-view=overview]) .heading h1{letter-spacing:-.8px}#app:not([data-view=overview]) .document-group{display:block}}
#app:not([data-view=overview]) .orderhead h3 button,#app:not([data-view=overview]) .row-part h3 button{background:transparent!important;border:0!important;padding:0!important}
#app[data-view=request] .commercial{display:flex;flex-direction:column}
#app[data-view=request] .commercial>h2{order:-1;margin-top:-22px}
#app[data-view=request] .commercial>.eyebrow{display:none}
#app[data-view=request] .decision-status{align-self:start;margin-bottom:16px}
#app[data-view=requests] .cad-missing,#app[data-view=orders] .cad-missing{font-size:0;min-height:64px}
#app[data-view=requests] .cad-missing::before,#app[data-view=orders] .cad-missing::before{content:'◇';font-size:28px;color:#7a898e}
#app:not([data-view=overview]) .primary{border-radius:4px}
@media(max-width:560px){#app[data-view=request] .commercial>h2{margin-top:-18px}}

/* Linked status strip and unified search/list workspace. */
#app:not([data-view=overview]) .page-summary{display:flex;background:#dedfdd;border-radius:5px;margin:0 0 24px;overflow:hidden}
#app:not([data-view=overview]) .page-summary button{flex:1;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 18px;border:0;border-right:1px solid #cdd1ce;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#101b22}
#app:not([data-view=overview]) .page-summary button:last-child{border-right:0}
#app:not([data-view=overview]) .page-summary button[aria-pressed=true]{border-bottom-color:#ff641b;background:#e9ebe7}
.page-summary strong{font-size:22px;line-height:1.2}.page-summary span{font-size:12px;color:#58636a}
#app:not([data-view=overview]) .list-tools{background:#101b20;margin-bottom:0;border-radius:5px 5px 0 0;padding:18px 20px}
#app:not([data-view=overview]) .list-tools label,#app:not([data-view=overview]) .list-tools .result-count{color:#b5c1c7}
#app:not([data-view=overview]) .list-tools input,#app:not([data-view=overview]) .list-tools select{background:#1d2a30;color:#edf0f1;border-color:#516168}
#app:not([data-view=overview]) .list-tools input::placeholder{color:#b5c1c7}
#app:not([data-view=overview]) .list-tools button{background:transparent;color:#dce2e4;border-color:#516168}
#app[data-view=requests]>.panel,#app[data-view=orders]>.panel,#app[data-view=docs]>.panel{margin-top:0;border-radius:0 0 5px 5px}
#app[data-view=docs]>.panel{background:#dedfdd;padding:10px}
#app:not([data-view=overview]) .no-results{margin:0;border-radius:0;padding:18px 20px}
@media(max-width:700px){#app:not([data-view=overview]) .page-summary{flex-wrap:wrap}#app:not([data-view=overview]) .page-summary button{flex-basis:50%;padding:12px}.page-summary strong{font-size:21px}.page-summary span{font-size:11px}}

/* Final readability and document-density pass. */
#app .meta,#app .note,#app .files small,#app .company,#app .compact-identity small,#app .compact-identity span,#app .compact-progress small,#app .compact-date small,#app .compact-position small{font-size:12px;line-height:1.5;color:#4c5b63}
#app .work-task em,#app .waiting-row small,#app .waiting-row>span:last-child,#app .progress-mixed,#app .order-date-note{font-size:12px;color:#4c5b63;line-height:1.45}
#app .row-part>small,#app .row-part>span,#app .row-progress>small,#app .row-date>small{font-size:12px;color:#4c5b63}
#app .list-tools .result-count{font-size:12px;line-height:1.4;max-width:155px;color:#c5ced2}
#app .compact-count{font-size:12px;color:#c5ced2}
#app .brief-date>span,#app .order-brief p{font-size:12px;color:#c5ced2}
#app[data-view=docs] .document-group{grid-template-columns:220px minmax(0,1fr);margin-bottom:6px;align-items:stretch}
#app[data-view=docs] .document-group:last-child{margin-bottom:0}
#app[data-view=docs] .document-group>h3{padding:16px 18px;font-size:17px;line-height:1.3;display:flex;flex-direction:column;justify-content:center}
#app[data-view=docs] .document-group>h3::before{width:22px;height:2px;margin-bottom:8px}
#app[data-view=docs] .document-group>h3 small{font-size:11px;margin-top:6px;color:#c5ced2}
#app[data-view=docs] .document-group>.files{padding:6px 14px;display:flex;flex-direction:column;justify-content:center}
#app[data-view=docs] .document-group .files>div{padding:10px 0;margin:0;background:transparent;border:0;border-bottom:1px solid #c9ccca;border-radius:0;min-height:0}
#app[data-view=docs] .document-group .files>div:last-child{border-bottom:0}
#app[data-view=docs] .files a{font-size:14px;line-height:1.4;font-weight:600}
#app[data-view=docs] .files small{margin-top:4px;font-size:12px}
@media(max-width:600px){#app[data-view=docs] .document-group{display:block}#app[data-view=docs] .document-group>h3{padding:13px 16px}#app[data-view=docs] .document-group>.files{padding:4px 16px}}

/* Audit corrections: selection, contrast and aligned commercial header. */
#app:not([data-view=overview]) .page-summary button[aria-pressed=true]:not(.primary):not(.link):not([role=tab]){border-bottom:3px solid #ff641b;background:#e9ebe7}
#app .brief-date>.badge{color:#365846;background:#dce5df}#app .brief-date>.badge.warn{color:#853e14;background:#f1dfd2}
#app[data-view=request] .panel.commercial>h2:not(:first-child){margin-top:-22px;border-radius:5px 5px 0 0}
@media(max-width:560px){#app[data-view=request] .panel.commercial>h2:not(:first-child){margin-top:-18px}}

#leave-dialog{max-width:440px;background:#ededeb;color:#101b22;border:0;border-top:3px solid #ff641b;border-radius:6px;padding:26px}#leave-dialog::backdrop{background:#071115b3}#leave-dialog h2{font-size:21px}#leave-dialog button{margin-top:12px}