.projectDetailContent,.projectBoardContent{max-width:1360px;margin-inline:auto;min-width:0}
.projectDetailContent h1{font-size:28px;line-height:1.3;letter-spacing:-.02em}.projectDetailContent h2{font-size:19px;line-height:1.4;margin:0 0 18px}.projectHeading p{line-height:1.8;overflow-wrap:anywhere}.projectPrimaryActions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:4px 0 20px}.projectPrimaryActions:empty{display:none}.projectPrimaryActions .btn{min-height:42px}.dangerAction{color:#9a382e!important}.projectDetailContent .projectStatus{background:#eaf5ef;padding:16px 20px;border-radius:10px;gap:20px}.projectDetailContent .projectFacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:20px 0}.projectDetailContent .projectFacts>span{display:flex;flex-direction:column;gap:6px;font-size:13px}.projectDetailContent .projectFacts b{font-size:16px;color:#173e37}.projectDetailContent .projectTabs{margin:0 0 24px;gap:28px;overflow:auto;white-space:nowrap}.projectDetailContent .projectTabs button{font-size:16px;padding-block:15px;min-height:48px}.projectDetailContent [data-projectpanel]>section,.projectDetailContent .requirementUpdate{background:#fff;border:1px solid #dce7e2;border-radius:12px;padding:24px;margin:0 0 20px}.projectDetailContent .projectOwners>.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}.projectOwners select{width:210px!important;max-width:100%;min-height:42px}.projectOwners .row>label{display:flex;align-items:center;gap:12px;min-width:0}.projectOwners .muted{flex-basis:100%;margin-top:0;font-size:13px}.projectOwners .btn{min-height:42px}.projectDetailContent .bottom{justify-content:flex-start;margin-top:18px}.projectDetailContent .documentWorkspace{background:white;border:1px solid #dce7e2;border-radius:12px;padding:22px;grid-template-columns:240px minmax(0,1fr);gap:24px}.projectDetailContent .documentIndex h3{font-size:14px;overflow-wrap:anywhere}.projectDetailContent .documentItem{min-height:48px}.projectDetailContent .documentActions{display:flex;gap:10px;flex-wrap:wrap}.projectDetailContent .documentActions input{flex-basis:100%;max-width:460px}.projectDetailContent .projectProductWithImage{display:flow-root}.projectDetailContent .projectProductWithImage>h2{font-size:19px}.projectDetailContent .projectProductWithImage p{line-height:1.7;max-width:78ch}.projectDetailContent .projectProductWithImage code{font-family:Inter,'Segoe UI',sans-serif;font-weight:650;overflow-wrap:anywhere}.projectTimeline{margin:0;padding-left:22px;max-width:85ch}.projectTimeline li{padding:0 0 18px 8px;line-height:1.65;overflow-wrap:anywhere}.requirementText{white-space:pre-wrap;line-height:1.7;max-width:80ch}.requestReview{display:flex;gap:10px;margin:18px 0}.requestHistory{padding:14px 0;border-bottom:1px solid #dce7e2}.requestHistory summary{cursor:pointer;font-size:14px}.actionError{color:#9a382e}#demandActionForm textarea{width:100%;margin:8px 0 16px}#demandActionForm label{display:block}.projectBoardContent .boardFilters{align-items:center;gap:10px;padding:16px 0;flex-wrap:wrap}.projectBoardContent .boardFilters>input{width:300px;flex:0 1 300px;min-width:180px}.projectBoardContent .boardFilters>select{width:155px;flex:0 1 155px}.projectBoardContent .boardFilters input,.projectBoardContent .boardFilters select{min-height:42px}.projectBoardContent .projectBoard{display:flex;gap:18px;overflow-x:auto;padding-bottom:14px;scroll-snap-type:x proximity}.projectBoardContent .boardColumn{flex:1 0 250px;min-width:0;scroll-snap-align:start;background:#edf2ef;border-radius:12px;padding:16px}.projectBoardContent .boardColumn h2{font-size:17px;display:flex;justify-content:space-between;align-items:center;margin:0}.projectBoardContent .boardColumn h2 span{font-size:13px;background:#fff;border-radius:5px;padding:3px 8px}.projectBoardContent .columnOwner{font-size:12px;margin:9px 0 18px;color:#526a63}.projectBoardContent .projectCard{padding:18px;margin-bottom:12px;border:1px solid #dce7e2;box-shadow:none}.projectBoardContent .projectCardTitle{font-size:16px;line-height:1.5;overflow-wrap:anywhere}.projectBoardContent .projectCard p{font-size:13px;margin:8px 0}.projectBoardContent .projectCard>.textAction{display:none}.projectBoardContent .nextAction{font-size:13px;line-height:1.6;margin-block:12px}.projectBoardContent .cardMeta{font-size:12px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.projectBoardContent .boardStats{max-width:900px}.projectBoardContent .boardStats strong{font-size:28px;font-variant-numeric:tabular-nums}
@media(max-width:760px){.projectDetailContent h1{font-size:24px}.projectDetailContent .projectFacts{grid-template-columns:1fr 1fr;gap:16px}.projectDetailContent .projectProgress{overflow-x:auto}.projectDetailContent .projectProgress li{min-width:80px}.projectDetailContent .documentWorkspace{grid-template-columns:1fr;padding:16px}.projectDetailContent [data-projectpanel]>section,.projectDetailContent .requirementUpdate{padding:18px}.projectOwners .row>label{flex-wrap:wrap}.projectDetailContent .projectTabs{gap:22px}.projectPrimaryActions{gap:8px}.projectPrimaryActions .btn{font-size:14px}.projectBoardContent .boardFilters>input{flex-basis:100%;width:100%}.projectBoardContent .boardFilters>select{flex:1 1 130px}.projectBoardContent .boardColumn{flex-basis:275px}.projectDetailContent .projectProductWithImage>.productCardImage{width:90px;margin-right:14px}}

.projectDetailContent .projectHeading p{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:16px}.projectDetailContent .projectHeading p span{display:flex;flex-direction:column;gap:4px;border:0;padding:0;margin:0}.projectDetailContent .projectHeading p small{font-size:12px;color:#63786f}.projectDetailContent .projectHeading p b{font-size:14px;color:#294d42;font-weight:500}.projectDetailContent .projectProgress{margin:14px 0;font-size:13px}.deliveryFactList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0}.deliveryFactList dt{font-size:13px;color:#63786f;margin-bottom:5px}.deliveryFactList dd{font-size:15px;margin:0;color:#173e37}.deliveryNote{border-top:1px solid #dce7e2;margin-top:20px;padding-top:18px}.deliveryNote p{line-height:1.7;white-space:pre-wrap}.requirementUpdate{padding:20px;background:#f0f8f3;border:1px solid #cbded1;border-radius:12px;margin-bottom:20px}@media(max-width:600px){.deliveryFactList{grid-template-columns:1fr 1fr}.projectDetailContent .projectHeading p{gap:12px 20px}}

.anchoredSuggestions{position:fixed;z-index:10020;overflow:auto;background:#fff;border:1px solid #cbded1;border-radius:8px;box-shadow:0 8px 20px #183b2820;padding:5px;box-sizing:border-box;overscroll-behavior:contain}.anchoredSuggestions>[role=option]{padding:10px 12px;min-height:40px;line-height:1.45;cursor:pointer;font-size:14px;color:#21483b;overflow-wrap:anywhere;border-radius:5px}.anchoredSuggestions>[role=option]:hover,.anchoredSuggestions>[aria-selected=true]{background:#e7f3ec}.suggestionsEmpty{padding:12px;color:#576e63;font-size:13px}dialog .formgrid{align-items:start;gap:16px}dialog .field{min-width:0}dialog select,dialog input:not([type=checkbox]):not([type=radio]),dialog textarea{box-sizing:border-box;max-width:100%;width:100%}dialog select,dialog input:not([type=file]):not([type=checkbox]):not([type=radio]){min-height:42px}dialog label{line-height:1.5}#boardFilters select{max-width:220px}

.projectOwners>.ownerAssignmentRow{display:grid!important;grid-template-columns:110px minmax(180px,240px) 120px;gap:12px;align-items:center;margin:14px 0}.projectOwners>.ownerAssignmentRow>label{display:block;margin:0;font-size:14px}.projectOwners>.ownerAssignmentRow>select{width:100%!important}.projectDetailContent .projectProgress{padding:10px 0 16px;min-height:0}.projectDetailContent .projectFacts{padding:16px 0}.projectDetailContent .projectStatus{color:#215341}.projectDetailContent .projectStatus strong{color:#14634c}.projectPrimaryActions .textAction{padding:10px 6px;min-height:42px}.projectDetailContent .projectHeading{margin-bottom:18px}@media(max-width:650px){.projectOwners>.ownerAssignmentRow{grid-template-columns:1fr;gap:8px}.projectOwners>.ownerAssignmentRow>select{max-width:100%;width:100%!important}.projectOwners>.ownerAssignmentRow>.btn{justify-self:start}}

.workbench>.titlebar,.projectBoardContent>.titlebar{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px;margin-bottom:26px}.workbench>.titlebar>.btn,.projectBoardContent>.titlebar>.btn{min-height:44px;padding:10px 22px}.workbench>.titlebar p,.projectBoardContent>.titlebar p{margin-bottom:0}.projectBoardContent .boardFilters>label{display:flex;align-items:center;gap:7px;font-size:13px}.projectDetailContent [data-projectpanel=overview]{max-width:1000px}.projectDetailContent .projectOwners{padding-bottom:18px}

@media(max-width:600px){header #role{width:90px;min-width:0;max-width:90px}header>div:last-child{gap:5px;min-width:0}header #interfaceLanguage{width:65px;min-width:0}header{box-sizing:border-box;max-width:100%}}

.filePreview{margin:12px 0;padding:14px;border:1px solid #dce7e2;border-radius:8px;background:#fff;min-width:0}.filePreview>div{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.filePreview strong{font-size:14px;overflow-wrap:anywhere;min-width:0}.filePreview .detailLink{flex-shrink:0;min-height:36px}.documentFrame{width:100%;height:65vh;min-height:320px;border:1px solid #dce7e2;margin-top:12px;display:block}.documentFrame[hidden]{display:none}.previewHint{font-size:13px;color:#586f66}@media(max-width:600px){.documentFrame{height:60vh;min-height:280px}.filePreview{padding:10px}}

.uploadPolicyHint{display:block;margin-top:6px;color:#586f66;font-size:12px}
.uploadProgress{position:fixed;top:88px;right:24px;z-index:10010;width:min(340px,calc(100vw - 32px));box-sizing:border-box;padding:18px 20px;background:#fff;color:#193b32;box-shadow:0 8px 30px #193b3229;border-radius:12px;font-size:14px;display:grid;gap:10px}.uploadProgress strong{font-size:16px}.uploadProgressName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uploadProgress progress{width:100%;height:8px;accent-color:#087561}.uploadProgress progress::-webkit-progress-bar{background:#e4eee9;border-radius:5px}.uploadProgress progress::-webkit-progress-value{background:#087561;border-radius:5px}.uploadProgress button{justify-self:end;background:transparent;border:0;color:#087561;font:inherit;cursor:pointer;min-height:32px}.uploadProgress button[hidden]{display:none}.uploadProgressError{color:#8c2929}@media(max-width:600px){.uploadProgress{top:72px;right:16px}}
/* The preview is a single main view at every size; native image saving remains available. */
.configurator>.deviceStage,.workspaceMode .configurator>.deviceStage{position:relative;top:auto;align-self:start}
.deviceStage .deviceRender{display:block;width:100%;height:320px;object-fit:contain;user-select:auto;-webkit-user-select:auto;-webkit-touch-callout:default}
.deviceStage .loadManagementBadge{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin:8px auto 14px;padding:8px 12px;border:1px solid #80c6b855;border-radius:8px;color:#a9e4d4;font-size:13px}
.deviceStage .loadManagementBadge svg{position:static;width:120px!important;height:64px!important;min-height:0;margin:0;fill:none;stroke:currentColor;stroke-width:2}
.loadManagementBadge small{display:block;font-size:11px;color:#abc1cb;line-height:1.5}
.deviceStage .deviceLinks{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
.deviceStage .deviceLinks .detailLink{white-space:nowrap;min-height:36px;display:inline-flex;align-items:center;font-size:14px}
.deviceStage .renderNotice{font-size:11px;line-height:1.5;color:#a6becb;margin:10px 0 0}
@media(max-width:760px){
 .workspaceMode .deviceStage,html[lang=en] .workspaceMode .deviceStage{display:flex;flex-direction:column;gap:0;position:static;height:auto;min-height:0;padding:20px}
 .workspaceMode .deviceStage h3,html[lang=en] .workspaceMode .deviceStage h3{width:100%;margin:0 0 12px}
 .workspaceMode .deviceStage>svg,html[lang=en] .workspaceMode .deviceStage>svg{width:100%;height:230px;max-height:none;margin:0 auto}
 .workspaceMode .deviceStage>img.deviceRender,html[lang=en] .workspaceMode .deviceStage>img.deviceRender{width:100%;height:250px;max-height:40vh;object-fit:contain;margin:0 auto 14px}
 .workspaceMode .deviceStage .liveModel,html[lang=en] .workspaceMode .deviceStage .liveModel{width:100%;border-top:1px solid #ffffff20;margin:0;padding-top:12px;display:flex;flex-direction:column;gap:5px}
 .workspaceMode .deviceStage .liveSpecs,html[lang=en] .workspaceMode .deviceStage .liveSpecs{display:flex;flex-wrap:wrap;gap:6px;width:100%;margin:12px 0 0}
 .workspaceMode .deviceStage .deviceLinks,html[lang=en] .workspaceMode .deviceStage .deviceLinks{width:100%;margin-top:14px;padding-top:10px;gap:4px 16px}
 .workspaceMode .deviceStage .deviceLinks .detailLink{min-height:44px;font-size:14px}
}

.ownerAssignmentRow .assignmentCurrent{grid-column:2/-1;margin:0;font-size:13px;line-height:1.6;color:#526a63}.ownerAssignmentRow .btn{min-height:44px}.ownerAssignmentRow .btn[aria-busy=true]{cursor:wait}@media(max-width:650px){.ownerAssignmentRow .assignmentCurrent{grid-column:1/-1}}

/* Authentication actions: DingTalk first, account sign-in secondary. */
.trialLogin #trialLoginForm .dingtalkLogin{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;margin:12px 0 0;background:#066ad7;border:1px solid #066ad7;color:#fff;text-decoration:none;font-weight:600}
.trialLogin #trialLoginForm .dingtalkLogin:hover{background:#075bb5;border-color:#075bb5}
.trialLogin .dingtalkLogin img{display:block;flex-shrink:0;filter:brightness(0) invert(1)}
.trialLogin #trialLoginForm .accountLogin{width:100%;min-height:48px;margin:0;background:#fff;color:#087561;border:1px solid #087561;font-weight:600}
.trialLogin #trialLoginForm .accountLogin:hover{background:#edf8f3;color:#075b4c}
.trialLogin #trialLoginForm .btn:focus-visible{outline:2px solid #066ad7;outline-offset:3px}

.confirmationQueue{max-width:1180px;margin-inline:auto}.confirmationQueue .titlebar{margin-bottom:20px}.confirmationSummary{font-size:14px;color:#526a63;margin:0 0 14px}.confirmationQueue .tablewrap{background:#fff;border:1px solid #dce7e2;border-radius:12px;overflow:hidden}.confirmationQueue table{width:100%;table-layout:fixed}.confirmationQueue th:nth-child(1){width:40%}.confirmationQueue th:nth-child(2){width:28%}.confirmationQueue th:nth-child(3){width:16%}.confirmationQueue th:nth-child(4){width:16%}.confirmationQueue th,.confirmationQueue td{padding:18px 20px;text-align:left;vertical-align:middle}.confirmationQueue td strong{display:block;font-size:16px;line-height:1.5;overflow-wrap:anywhere}.confirmationQueue td small{display:block;font-size:13px;line-height:1.6;color:#526a63;margin-top:6px}.confirmationCustomer{display:block;font-size:14px;margin-top:5px;overflow-wrap:anywhere}.confirmationStatus{display:inline-block;color:#075b4c;background:#e8f5ef;border-radius:5px;padding:5px 9px;font-size:14px;font-weight:600}.confirmationQueue .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap;text-decoration:none}.confirmationEmpty{background:#fff;border:1px solid #dce7e2;border-radius:12px;padding:36px 24px;color:#526a63}
@media(max-width:700px){.confirmationQueue .tablewrap{border:0;background:transparent;overflow:visible}.confirmationQueue table,.confirmationQueue tbody{display:block}.confirmationQueue thead{display:none}.confirmationQueue tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;background:#fff;border:1px solid #dce7e2;border-radius:12px;padding:18px;margin-bottom:12px}.confirmationQueue td{display:block;padding:0;border:0;min-width:0}.confirmationQueue td:first-child{grid-column:1/-1}.confirmationQueue td:nth-child(3){grid-column:1;font-size:13px;color:#526a63}.confirmationQueue td:last-child{grid-column:2;grid-row:2/4;align-self:center}.confirmationQueue .btn{padding-inline:14px}}

.projectDetailContent .projectSummaryHeader{background:#fff;border:1px solid #dce7e2;border-radius:12px;padding:24px;margin-bottom:24px}.projectSummaryHeader .projectHeading{margin:0;gap:24px}.projectSummaryHeader .projectHeading>div:first-child{flex:1;min-width:0}.projectSummaryHeader .projectHeading p{gap:24px;margin-bottom:16px}.projectSummaryHeader .projectHeading p>span{border:0;padding:0;min-width:100px}.projectSummaryHeader .projectKeyFacts{display:flex;flex-wrap:wrap;gap:14px 32px;padding:0;border:0;margin:0 0 18px}.projectSummaryHeader .projectKeyFacts>span{font-size:13px;gap:3px;min-width:110px}.projectSummaryHeader .projectKeyFacts b{font-size:16px}.projectSummaryHeader .projectStatus{padding:12px 16px;margin:0;gap:14px}.projectSummaryHeader .projectPrimaryActions{padding:14px 0 0;margin:0;gap:10px}.projectSummaryHeader .projectProgress{margin:18px 0 0;padding-top:18px;border-top:1px solid #dce7e2}.projectSummaryHeader .projectProgress li{font-size:13px}.projectSummaryHeader h1{margin-top:12px}
.deliveryRequirementsOverview{background:#fff;border:1px solid #dce7e2;border-radius:12px;padding:24px;margin-bottom:20px}.deliveryOverviewHeading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.deliveryOverviewHeading h2{margin:0 0 6px}.deliveryOverviewHeading p{margin:0;color:#526a63;font-size:14px}.reviewPending{display:flex;align-items:center;gap:12px}.reviewPending>span{color:#775011;background:#fff4df;border-radius:5px;padding:6px 10px;font-size:14px}.reviewPendingNote{color:#526a63;font-size:14px;line-height:1.7;margin-bottom:0}.deliveryProductRequirements{padding-top:20px;margin-top:20px;border-top:1px solid #dce7e2}.deliveryProductRequirements>h3{font-size:17px;margin:0 0 16px}.requirementGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.deliveryRequirement{min-width:0;padding:0 0 16px;border-bottom:1px solid #dce7e2}.requirementHeading{display:flex;justify-content:space-between;align-items:center;gap:12px}.requirementHeading h4{font-size:16px;margin:0}.requirementState{font-size:13px;color:#075b4c;background:#e8f5ef;border-radius:5px;padding:4px 8px;white-space:nowrap}.deliveryRequirement .requirementText{margin:12px 0;font-size:14px}.requirementReferences{font-size:13px}.requirementReferences .filepreview{max-height:170px;overflow:auto}.requirementReferences img{max-height:150px;width:auto;max-width:100%;object-fit:contain}.requirementVersion{font-size:13px;color:#526a63}.deliveryRequirement .btn{min-height:42px}.projectDetailContent .documentWorkspace{scroll-margin-top:20px}
@media(max-width:700px){.projectDetailContent .projectSummaryHeader,.deliveryRequirementsOverview{padding:18px}.projectSummaryHeader .projectKeyFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.projectSummaryHeader .projectHeading p{gap:12px}.projectSummaryHeader .projectPrimaryActions{gap:8px}.projectSummaryHeader .projectPrimaryActions .btn{font-size:14px}.requirementGrid{grid-template-columns:1fr}.projectSummaryHeader .projectProgress li{font-size:11px}}

.projectMilestoneDates{display:flex;flex-wrap:wrap;gap:16px 32px;margin-top:16px;color:#526a63;font-size:12px}.projectMilestoneDates>span{display:flex;flex-direction:column;gap:4px}.projectMilestoneDates b{font-size:13px;font-weight:500;color:#193b32}.projectMoreActions{position:relative}.projectMoreActions summary{cursor:pointer;padding:11px 12px;color:#526a63;font-size:14px;min-height:42px}.projectMoreActions>div{position:absolute;z-index:5;top:100%;left:0;min-width:145px;background:#fff;border:1px solid #dce7e2;border-radius:8px;padding:6px;display:flex;flex-direction:column;align-items:stretch}.projectMoreActions button{text-align:left;white-space:nowrap}
/* Selected direction 2: a quiet, flat project workbench. */
body.flatProjectMode{background:#fff;color:#1d1d1f;--ui-ink:#1d1d1f;--ui-muted:#6e6e73;--ui-line:#e5e5e7}
.flatProjectMode>aside{display:none}.flatProjectMode>.shell{margin-left:0}.flatProjectMode .shell>header{background:#fff;border-bottom:1px solid #e5e5e7;padding:14px 28px;gap:20px;min-height:68px}.flatProjectMode #crumb{display:none}.flatProjectNav{display:flex;align-items:center;gap:28px;min-width:0;flex:1}.flatProjectNav>img{width:180px;height:auto;max-width:24vw}.flatProjectNav>div{display:flex;align-items:center;gap:22px;border-left:1px solid #d2d2d7;padding-left:26px}.flatProjectNav button{border:0;background:none;padding:8px 0;font:inherit;font-size:15px;color:#1d1d1f;cursor:pointer;white-space:nowrap}.flatProjectNav button:hover{color:#087561}.flatProjectMode main{max-width:1304px;margin:auto;padding:32px}.flatProjectMode footer{background:#fff;color:#6e6e73}
.flatProjectMode .projectDetailContent{max-width:1240px}.flatProjectMode .projectSummaryHeader{border:0;border-radius:0;padding:0;margin:0 0 24px;background:#fff}.flatProjectMode .projectHeading{align-items:flex-start;gap:28px}.flatProjectMode .projectHeading h1{font-size:28px;color:#1d1d1f;margin:22px 0 10px;display:inline-block;vertical-align:middle;line-height:1.3}.flatProjectMode .projectHeading .detailLink{color:#424245!important}.flatProjectMode .flatProjectStatus{display:inline-flex;background:#f5f5f7;border:1px solid #e5e5e7;border-radius:20px;padding:5px 12px;margin:18px 0 8px 16px;vertical-align:middle;font-size:13px}.flatProjectMode .flatProjectStatus strong{font-weight:500;color:#424245}.flatProjectMode .flatProjectStatus>span{display:none}.flatProjectMode .projectHeading p{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 12px;line-height:1.7}.flatProjectMode .projectHeading p>span{display:inline-flex;flex-direction:row;align-items:baseline;gap:6px;min-width:0;border:0;padding:0}.flatProjectMode .projectHeading p small{font-size:13px;color:#6e6e73}.flatProjectMode .projectHeading p b{font-size:14px;font-weight:400;color:#424245}.flatProjectMode .projectKeyFacts{display:flex;gap:8px 22px;padding:0;margin:0}.flatProjectMode .projectKeyFacts>span{display:inline-flex;flex-direction:row;align-items:baseline;gap:6px;min-width:0;font-size:13px;color:#6e6e73}.flatProjectMode .projectKeyFacts b{font-size:14px;font-weight:500;color:#1d1d1f}.flatHeaderActions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;padding-top:50px}.flatProjectMode .projectPrimaryActions{padding:0;justify-content:flex-end;margin:0;gap:8px;flex-wrap:wrap}.flatProjectMode .btn{border-color:#d2d2d7;color:#424245;background:#fff;border-radius:8px;box-shadow:none;min-height:42px;transition:background-color 120ms ease,color 120ms ease}.flatProjectMode .btn.primary{background:#087561;border-color:#087561;color:#fff}.flatProjectMode .btn.primary:hover{background:#065c4d}.flatProjectMode .btn:disabled{background:#f1f1f3;color:#86868b;border-color:#ededf0;opacity:1}.flatProjectMode .btn:not(:disabled):active{transform:scale(.99)}.flatProjectMode .projectProgress{display:flex;gap:12px;justify-content:flex-start;flex-wrap:wrap;border:0;margin:22px 0 0;padding:0}.flatProjectMode .projectProgress:before,.flatProjectMode .projectProgress:after,.flatProjectMode .projectProgress li:before,.flatProjectMode .projectProgress li:after{display:none}.flatProjectMode .projectProgress li{display:inline-flex;flex-direction:row;align-items:center;gap:5px;color:#86868b;font-size:13px;flex:none}.flatProjectMode .projectProgress li+li{border-left:1px solid #e5e5e7;padding-left:12px}.flatProjectMode .projectProgress li.current{font-weight:600;color:#1d1d1f}.flatProjectMode .projectProgress li.complete{color:#6e6e73}.flatProjectMode .projectProgress li span{width:auto;height:auto;min-width:0;background:none;border:0;border-radius:0;font-size:12px;color:inherit}.flatProjectMode .projectProgress li.complete span{color:#087561}.flatProjectMode .projectMilestoneDates{gap:12px 24px;margin-top:12px;font-size:12px}.flatProjectMode .projectMilestoneDates>span{flex-direction:row;gap:6px}.flatProjectMode .projectMilestoneDates b{font-size:12px;font-weight:400;color:#6e6e73}
.flatProjectMode .projectTabs{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#f5f5f7;border:0;border-radius:14px;padding:5px;margin:24px 0;overflow:visible;isolation:isolate}.flatProjectMode .projectTabs button{z-index:1;padding:10px 8px;border:0;background:none;min-height:42px;color:#6e6e73;font-size:15px;white-space:nowrap;text-align:center;transition:color 120ms ease}.flatProjectMode .projectTabs button[aria-selected=true]{color:#1d1d1f;font-weight:600}.flatProjectMode .projectTabIndicator{position:absolute;z-index:0;top:5px;bottom:5px;left:5px;width:calc((100% - 10px)/4);border-radius:11px;background:#fff;transform:translateX(calc(var(--tab-index)*100%));pointer-events:none}.flatProjectMode .projectTabs button:focus-visible{outline:2px solid #087561;outline-offset:-2px;border-radius:10px}
.flatProjectMode .documentWorkspace{border:0;border-top:1px solid #e5e5e7;border-radius:0;padding:28px 0 0;grid-template-columns:300px minmax(0,1fr);gap:28px;background:#fff}.flatProjectMode .documentIndex{border-right:1px solid #e5e5e7;padding:0 24px 0 0;min-width:0}.flatDocumentTitle{font-size:20px;margin:0 0 12px!important}.flatProjectMode .documentCount{color:#6e6e73;font-size:13px;background:none;padding:0;margin:0 0 20px}.flatProjectMode .documentIndex section>h3{background:none;padding:0;margin:16px 0 10px;color:#424245;font-size:13px}.flatProjectMode .documentItem{background:#fff;border:0;border-radius:8px;padding:12px 10px;min-height:48px;gap:8px;color:#424245;transition:background-color 120ms ease}.flatProjectMode .documentItem:hover{background:#f7f7f8}.flatProjectMode .documentItem.active{background:#f1f1f3;color:#1d1d1f}.flatProjectMode .documentItem small{font-size:12px}.flatProjectMode .tag{background:#f5f5f7;color:#52525a;font-size:12px;border-radius:12px;padding:4px 8px}.flatRequirementContext{margin-top:24px;padding-top:20px;border-top:1px solid #e5e5e7}.flatProjectMode .flatRequirementContext>h3{font-size:17px!important;font-weight:600;color:#1d1d1f!important;margin-top:0!important}.flatRequirementContext details{margin:12px 0;border:0;background:none;padding:0}.flatRequirementContext summary{display:flex;justify-content:space-between;gap:8px;font-size:14px;cursor:pointer;list-style:none}.flatRequirementContext summary small{font-size:12px;color:#6e6e73}.flatRequirementContext .requirementText{font-size:14px;line-height:1.7;margin:10px 0;color:#424245;overflow-wrap:anywhere}.flatReferenceFiles img{max-width:100%;max-height:110px;width:auto;height:auto;object-fit:contain;background:#f5f5f7;border-radius:8px;padding:10px;box-sizing:border-box}.flatReferenceFiles .file{font-size:12px;padding:8px;overflow-wrap:anywhere;background:#f5f5f7}.flatProjectMode .documentPreview{min-width:0}.flatProjectMode .documentPreview>.panelhead{margin:0 0 12px}.flatProjectMode .documentPreview>.panelhead h3{font-size:20px}.flatProjectMode .documentCanvas{background:#f5f5f7;border-radius:12px;border:0;min-height:300px;padding:20px}.flatProjectMode .documentCanvas img{max-height:520px;object-fit:contain}.flatProjectMode .documentActions{justify-content:flex-end;border-top:1px solid #e5e5e7;padding-top:16px;margin-top:18px}.flatProjectMode .documentActions input{flex-basis:100%;max-width:none}.flatProjectMode [data-projectpanel]>section,.flatProjectMode .deliveryRequirementsOverview{border:0;border-top:1px solid #e5e5e7;border-radius:0;box-shadow:none;padding:24px 0;background:#fff}.flatProjectMode .requirementGrid{gap:24px}.flatProjectMode .requirementState{background:#f5f5f7;color:#52525a}.flatProjectMode .reviewPending>span{background:#fff4df;color:#775011}.flatProjectMode .projectMoreActions>div{border-color:#e5e5e7}
@media(max-width:900px){.flatProjectMode .shell>header{padding:12px 16px;flex-wrap:wrap}.flatProjectNav{flex-basis:100%}.flatProjectNav>div{gap:18px}.flatProjectMode main{padding:24px}.flatProjectMode .documentWorkspace{grid-template-columns:240px minmax(0,1fr);gap:20px}.flatProjectMode .projectHeading{flex-wrap:wrap}.flatHeaderActions{padding-top:0;align-items:flex-start;flex-basis:100%}.flatProjectMode .projectPrimaryActions{justify-content:flex-start}}
@media(max-width:650px){.flatProjectMode main{padding:20px 16px}.flatProjectNav{gap:16px}.flatProjectNav>img{width:140px;max-width:34vw}.flatProjectNav>div{gap:12px;padding-left:14px}.flatProjectNav button{font-size:13px}.flatProjectMode .projectHeading h1{font-size:24px;margin-top:14px}.flatProjectMode .flatProjectStatus{margin-left:8px}.flatProjectMode .projectKeyFacts{gap:8px 14px}.flatProjectMode .projectTabs{padding:4px;border-radius:11px}.flatProjectMode .projectTabs button{font-size:13px;padding:8px 3px;min-height:44px}.flatProjectMode .projectTabIndicator{top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/4);border-radius:8px}.flatProjectMode .documentWorkspace{grid-template-columns:1fr;gap:20px}.flatProjectMode .documentIndex{border-right:0;border-bottom:1px solid #e5e5e7;padding:0 0 20px}.flatProjectMode .documentCanvas{min-height:220px;padding:12px}.flatProjectMode .documentActions .btn{flex:1}.flatProjectMode .projectMilestoneDates{gap:6px 16px}}
@media(prefers-reduced-motion:reduce){.flatProjectMode *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.flatProjectMode .btn:active{transform:none}}

.flatProjectMode .shell>header{height:auto}.flatProjectNav{margin:0;overflow:visible}.flatProjectNav button{min-width:0;margin:0}.flatProjectMode .projectTabs button{min-width:0}

.flatProjectMode .projectHeading>div:first-child>.detailLink{display:block!important;width:max-content;margin:0 0 18px}.flatProjectMode .projectHeading h1{margin-top:0}.flatProjectMode .flatProjectStatus{margin-top:0}.flatProjectMode .projectDetailContent .badge{display:inline-flex;align-items:center;gap:5px;background:#f5f5f7;color:#52525a;border-radius:12px;padding:4px 8px;font-size:12px}.flatProjectMode .badge[data-flatstate]::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:#86868b}.flatProjectMode .badge[data-flatstate=done]::before{background:#087561}.flatProjectMode .badge[data-flatstate=pending]::before{background:#b57b04}.flatProjectMode .badge[data-flatstate=attention]::before{background:#a43a31}
.flatProjectMode .shell>header>.row{display:none}
@media(max-width:650px){.flatProjectNav{flex-wrap:wrap;gap:12px}.flatProjectNav>div{border:0;padding:0;width:100%;justify-content:space-between;gap:14px}.flatProjectMode .shell>header>div:last-child{display:flex;flex-wrap:wrap;gap:8px;min-width:0;max-width:100%}.flatProjectMode #mobileMenu{display:none}.flatProjectMode .documentWorkspace{display:flex;flex-direction:column}.flatProjectMode .documentIndex{display:contents}.flatProjectMode .documentIndex>.flatRequirementContext{order:3;margin-top:4px}.flatProjectMode .documentPreview{order:2}.flatProjectMode .documentIndex>section:not(.flatRequirementContext){margin-bottom:0}.flatProjectMode .documentCount{margin-bottom:0}.flatProjectMode .flatDocumentTitle{margin-bottom:0!important}}

@media(min-width:651px) and (max-width:1100px){.flatProjectMode .shell>header{flex-wrap:wrap}.flatProjectNav{flex-basis:100%}.flatProjectMode .shell>header>div:last-child{display:flex;flex-basis:100%;justify-content:flex-end;flex-wrap:wrap;gap:10px}}
/* Quiet operational workspace: Kontu reference, scoped to authenticated screens. */
body.quietWorkspace{background:#fafafa;color:#242424}.quietWorkspace>aside,.quietWorkspace.flatProjectMode>aside{display:flex;width:224px;padding:28px 18px;background:#f7f7f7;border-right:1px solid #e8e8e8;box-shadow:none}.quietWorkspace .shell,.quietWorkspace.flatProjectMode .shell{margin-left:224px}.quietWorkspace aside .brand{margin:0 8px 26px}.quietWorkspace aside .brand img{max-width:160px}.quietWorkspace aside .workspace{background:transparent;border:0;border-bottom:1px solid #e7e7e7;border-radius:0;padding:14px 8px;margin:0 0 22px}.quietWorkspace aside nav{display:grid;gap:6px}.quietWorkspace aside nav button{display:flex;align-items:center;gap:12px;text-align:left;color:#6a6a6a;border:0;border-radius:12px;background:transparent;min-height:46px;padding:11px 14px;transition:background-color .12s}.quietWorkspace aside nav button.active{color:#242424;background:#eaeaea;font-weight:600}.quietWorkspace aside nav button:hover{background:#ededed}.quietNavIcon{font-size:19px;line-height:1;width:22px;text-align:center;color:#848484}.quietWorkspace .shell>header,.quietWorkspace.flatProjectMode .shell>header{background:#fff;border-bottom:1px solid #e8e8e8;min-height:68px;height:auto;gap:16px;padding:14px 28px;flex-wrap:wrap}.quietWorkspace.flatProjectMode .shell>header>.row{display:flex}.quietWorkspace main{max-width:1600px;margin:auto;padding:32px}.quietWorkspace .projectSummaryHeader{background:#fff;border:1px solid #e8e8e8;border-radius:18px;padding:26px;margin-bottom:24px}.quietWorkspace .projectHeading{gap:24px}.quietWorkspace .projectKeyFacts{gap:14px 28px}.quietWorkspace .projectStageCard{margin-top:24px;padding:22px;background:#fafafa;border:1px solid #e8e8e8;border-radius:16px}.stageCardHeading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.stageCardHeading>div{display:grid;gap:6px}.stageCardHeading small,.stageDateGrid small{color:#777;font-size:12px}.stageCardHeading strong{font-size:20px;font-weight:600;color:#242424}.stageCardHeading>span{font-size:13px;color:#777}.projectStageTrack{height:8px;border-radius:6px;background:#e7e7e7;overflow:hidden}.projectStageTrack>span{display:block;height:100%;border-radius:6px;background:#59b58f}.projectStageNodes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:12px 0 22px;padding:0;gap:12px}.projectStageNodes li{display:flex;gap:7px;align-items:center;color:#8a8a8a;font-size:12px;min-width:0}.projectStageNodes li b{font-weight:400}.projectStageNodes li>span{width:7px;height:7px;flex:none;border-radius:50%;background:#d1d1d1}.projectStageNodes .complete>span,.projectStageNodes .current>span{background:#59b58f}.projectStageNodes .current{color:#242424}.projectStageNodes .current b{font-weight:600}.stageDateGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border-top:1px solid #e5e5e5;padding-top:18px}.stageDateGrid>div{display:grid;gap:7px;min-width:0}.stageDateGrid strong{font-size:13px;font-weight:500;color:#333;overflow-wrap:anywhere}.stageProgressNote{font-size:11px;color:#888;margin:16px 0 0}.quietWorkspace .boardStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border:0;background:transparent}.quietWorkspace .boardStats>div{border:1px solid #e7e7e7!important;background:#fff;border-radius:16px;padding:22px!important}.quietWorkspace .boardStats strong{font-size:30px;color:#262626}.quietWorkspace .boardStats span{color:#737373}.quietWorkspace .boardFilters{padding:18px;background:#fff;border:1px solid #e8e8e8;border-radius:14px;gap:10px}.quietWorkspace .boardColumn{background:#f3f3f3;border:1px solid #e9e9e9;border-radius:16px;padding:16px;min-width:250px}.quietWorkspace .boardColumn h2{color:#333;font-size:15px}.quietWorkspace .projectCard{background:#fff;border:1px solid #e6e6e6;border-radius:12px;padding:18px;box-shadow:0 2px 4px #00000002;transition:border-color .12s,box-shadow .12s}.quietWorkspace .projectCard:hover{border-color:#c8c8c8;box-shadow:0 3px 12px #00000006}.quietWorkspace .nextAction{background:#f6f6f6;color:#555;border-radius:8px;padding:10px}.quietWorkspace.flatProjectMode [data-projectpanel]>section{border:1px solid #e7e7e7;border-radius:16px;padding:24px;background:#fff;margin-bottom:18px}.quietWorkspace .projectTimeline{background:#fff}.quietWorkspace .flatHeaderActions{align-items:flex-end}.quietWorkspace .projectPrimaryActions{flex-wrap:wrap}.quietWorkspace #mobileMenu{display:none}
@media(max-width:1100px){.quietWorkspace main{padding:24px}.stageDateGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.quietWorkspace .boardStats{grid-template-columns:repeat(2,minmax(0,1fr))}.quietWorkspace .shell>header>div:last-child{flex-wrap:wrap}.quietWorkspace .projectSummaryHeader{padding:20px}}
@media(max-width:760px){.quietWorkspace>aside,.quietWorkspace.flatProjectMode>aside{display:none;width:245px}.quietWorkspace.navopen>aside,.quietWorkspace.flatProjectMode.navopen>aside{display:flex;box-shadow:0 0 0 100vw #0005}.quietWorkspace .shell,.quietWorkspace.flatProjectMode .shell{margin-left:0}.quietWorkspace #mobileMenu,.quietWorkspace.flatProjectMode #mobileMenu{display:block}.quietWorkspace .shell>header,.quietWorkspace.flatProjectMode .shell>header{padding:12px 16px}.quietWorkspace main,.quietWorkspace.flatProjectMode main{padding:20px 16px}.quietWorkspace .projectSummaryHeader{padding:18px}.quietWorkspace .projectStageCard{padding:16px}.projectStageNodes{gap:8px}.projectStageNodes li{display:grid;gap:7px;font-size:11px;line-height:1.5}.stageDateGrid{gap:16px 10px}.quietWorkspace .flatHeaderActions{align-items:flex-start}.quietWorkspace.flatProjectMode [data-projectpanel]>section{padding:18px}.quietWorkspace .boardStats{gap:10px}.quietWorkspace .boardStats>div{padding:16px!important}}
@media(prefers-reduced-motion:reduce){.quietWorkspace *{transition:none!important;animation:none!important}}
.quietNavIcon{flex:0 0 20px;display:inline-flex;align-items:center;justify-content:center}.quietNavIcon svg{display:block;width:20px;height:20px}.quietWorkspace .projectBoard{gap:16px;padding-bottom:16px}.quietWorkspace .boardEmpty{background:transparent;border:1px dashed #ddd;border-radius:10px;color:#888;padding:22px 12px}
.quietNavIcon{order:-1}
.projectSearchTrigger{border:1px solid #e5e5e5;background:#fafafa;color:#777;border-radius:9px;padding:8px 14px;min-height:36px;margin-left:18px}.projectSearchDialog{padding:0;width:min(680px,calc(100vw - 32px));max-height:75vh;margin:12vh auto auto;border:1px solid #e6e6e6;border-radius:16px;background:#fff;color:#242424;box-shadow:0 20px 80px #0002;overflow:hidden}.projectSearchDialog::backdrop{background:#1113}.projectSearchInput{display:flex;gap:14px;align-items:center;padding:20px;border-bottom:1px solid #eee}.projectSearchInput>span{font-size:24px;color:#777}.projectSearchInput input{border:0;background:transparent;flex:1;width:0;min-width:0;outline:none;font-size:16px;padding:0}.projectSearchInput button{background:#f5f5f5;color:#777;border:1px solid #eee;border-radius:5px;padding:4px 7px}.projectSearchHint{padding:0 20px;color:#888;font-size:12px;margin:16px 0 8px}.projectSearchResults{padding:8px 12px;max-height:48vh;overflow:auto}.projectSearchResults button{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px 10px;border:0;border-radius:10px;background:#fff;color:#333}.projectSearchResults button.selected,.projectSearchResults button:hover{background:#f3f3f3}.projectSearchThumbnail{width:40px;height:40px;border-radius:9px;background:#eaeaea;color:#999;display:grid;place-items:center;flex:none;font-size:20px}.projectSearchText{display:grid;gap:6px;min-width:0;flex:1}.projectSearchText strong{font-weight:500;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projectSearchText small,.projectSearchResults button>small{font-size:12px;color:#888;overflow-wrap:anywhere}.projectSearchFooter{padding:12px 20px;background:#fafafa;border-top:1px solid #eee;font-size:11px;color:#999}.projectSearchEmpty{padding:24px;color:#888}.projectSearchInput:focus-within{box-shadow:inset 0 -2px #087561}@media(max-width:650px){.projectSearchTrigger{margin-left:6px;padding:8px;font-size:12px}.projectSearchResults button>small{display:none}.projectSearchHint{font-size:11px}}
.boardSearchField{position:relative;flex:1 1 280px;min-width:200px}.boardSearchField>input{width:100%;box-sizing:border-box}.boardSearchResults{position:absolute;top:calc(100% + 10px);left:0;width:min(680px,calc(100vw - 300px));min-width:100%;max-height:440px;overflow-y:auto;background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:8px;box-shadow:0 14px 40px #00000014;z-index:30;box-sizing:border-box}.boardSearchResults[hidden]{display:none!important}.boardSearchResults button{min-height:76px;gap:16px;padding:14px 12px;margin:0;border-radius:12px}.boardSearchResults button>small{white-space:nowrap;flex:none}.boardSearchResults .projectSearchText strong{font-size:15px}.boardSearchResults .projectSearchText small{font-size:12px;line-height:1.5}.boardSearchResults .projectSearchThumbnail{width:42px;height:42px}.boardSearchResults button.selected,.boardSearchResults button:hover{background:#f3f3f3}.boardFilters{overflow:visible!important}@media(max-width:760px){.boardSearchField{flex-basis:100%;min-width:0}.boardSearchResults{width:calc(100vw - 68px);max-height:50vh;min-width:100%}.boardSearchResults button{gap:10px;padding:12px 8px}.boardSearchResults button>small{display:block;white-space:normal;font-size:10px;max-width:58px}.boardSearchResults .projectSearchText strong{font-size:14px}.boardSearchResults .projectSearchText small{font-size:11px}.boardSearchResults .projectSearchThumbnail{width:34px;height:34px}}
.productSummaryHero{display:flex;align-items:flex-start;gap:24px;padding-bottom:24px;border-bottom:1px solid #ececee}.productSummaryHero .productCardImage{float:none!important;margin:0!important;width:142px;min-width:142px;height:176px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f6f7f7;border-radius:12px;padding:12px}.productSummaryHero .productCardImage img,.productSummaryHero .productCardImage svg{width:100%;height:136px;max-height:136px;object-fit:contain}.productSummaryHero figcaption{font-size:11px;color:#777;text-align:center;margin-top:8px}.productSummaryIdentity{flex:1;min-width:0}.productIndexLabel{font-size:12px;color:#888}.productSummaryIdentity h2{font-size:21px!important;line-height:1.45!important;margin:8px 0 14px!important;overflow-wrap:anywhere}.productModelStatus p{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0!important}.productModelStatus code{font-size:14px}.productQty{font-size:14px;font-weight:500;background:#f5f5f7;border-radius:9px;padding:7px 12px;white-space:nowrap}.productDetailGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.productInfoBlock{padding:20px;background:#f6f8fc;border:1px solid #e7ebf3;border-radius:12px}.productInfoDelivery{background:#f5f7f5;border-color:#e6eae6}.productInfoBlock h3,.productCustomGroup>h3,.productModelReview>h3{font-size:16px;font-weight:600;margin:0 0 14px;color:#3d526b}.productDetailPairs{display:grid;margin:0}.productDetailPairs>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;padding:9px 0;border-bottom:1px solid #00000008;align-items:start}.productDetailPairs>div:last-child{border:0}.productDetailPairs dt{font-size:13px;color:#71717a;line-height:1.65}.productDetailPairs dd{margin:0;font-size:14px;line-height:1.65;color:#29292d;overflow-wrap:anywhere}.productCustomGroup{margin-top:24px}.productCustomGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.productCustomCard{min-width:0;border:1px solid #e5e5ec;background:#faf9fc;border-radius:12px;padding:20px}.productCustomHeading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.productCustomHeading h4{margin:0;font-size:15px;line-height:1.5;font-weight:600}.productCustomHeading .requirementState{font-size:11px;white-space:nowrap;background:#efedf5;color:#686277;padding:4px 7px;border-radius:7px}.productCustomCard .requirementText{margin:16px 0;font-size:14px;line-height:1.75}.productCustomFiles{margin-top:16px;padding-top:14px;border-top:1px solid #e9e6ef}.productCustomFiles>strong{display:block;font-size:12px;color:#71717a;font-weight:500;margin-bottom:10px}.productCustomFiles img,.productCustomFiles svg{display:block;max-height:100px!important;max-width:100%!important;width:auto!important;height:auto!important;object-fit:contain;margin:10px 0;background:white;padding:10px;border-radius:8px;box-sizing:border-box}.productCustomFiles .file{margin:8px 0;font-size:12px;overflow-wrap:anywhere;background:#f0eef5}.productModelReview{margin-top:22px;border-top:1px solid #e8e8ea;padding-top:20px}.productReuseNote{font-size:12px;color:#777}.quietWorkspace .deliveryRequirement{border:1px solid #e6e5ec!important;background:#faf9fc!important;border-radius:12px!important;padding:20px!important;margin:0!important;min-width:0}.quietWorkspace .requirementGrid{gap:16px!important}.quietWorkspace .requirementReferences img{max-width:100%;max-height:110px!important;object-fit:contain;background:white;border-radius:8px;padding:10px;display:block;margin:10px 0}.quietWorkspace .requirementReferences .file{font-size:12px;overflow-wrap:anywhere}.quietWorkspace .flatRequirementContext details{padding:14px;background:#faf9fc;border:1px solid #e6e5ec;border-radius:10px}.quietWorkspace .flatRequirementContext summary{gap:10px}@media(max-width:760px){.productSummaryHero{gap:14px;flex-wrap:wrap}.productSummaryHero .productCardImage{width:96px;min-width:96px;height:140px;padding:8px}.productSummaryHero .productCardImage img,.productSummaryHero .productCardImage svg{height:104px;max-height:104px}.productSummaryIdentity h2{font-size:18px!important}.productQty{font-size:12px;padding:5px 9px}.productDetailGrid,.productCustomGrid{grid-template-columns:1fr;gap:12px}.productInfoBlock,.productCustomCard{padding:16px}.productDetailPairs>div{grid-template-columns:94px minmax(0,1fr);gap:10px}.productSummaryIdentity{flex-basis:calc(100% - 112px)}.productSummaryHero>.productQty{margin-left:110px;margin-top:-12px}.quietWorkspace .requirementGrid{grid-template-columns:1fr!important}.productCustomHeading{flex-wrap:wrap}}
/* Keep each attachment action next to its own filename. */
body .file{justify-content:flex-start!important;align-items:center;gap:12px;flex-wrap:wrap}body .file>span{flex:0 1 auto;min-width:0;max-width:min(100%,480px);overflow-wrap:anywhere;line-height:1.6}body .file>a{flex:none;margin-left:0!important;min-height:32px;display:inline-flex;align-items:center;white-space:nowrap;font-size:12px;padding:2px 4px}body .file>a:focus-visible{outline:2px solid #1677ff;outline-offset:2px}@media(max-width:650px){body .file{gap:6px 10px}body .file>span{max-width:100%}body .file>a{min-height:40px}}
.productConfigurationColumns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.productSelectionCard,.productCustomizationCard{min-width:0;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.quietWorkspace.flatProjectMode [data-projectpanel=products]>.projectProductWithImage{padding:0;border:0;background:transparent}.productSelectionCard .productSummaryHero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:0 0 22px}.productSelectionCard .productSummaryHero>.productCardImage{grid-column:1/-1;width:100%;height:292px;margin:0!important;padding:18px;background:#f5f7f8;border-radius:12px}.productSelectionCard .productCardImage img,.productSelectionCard .productCardImage svg{height:244px;max-height:244px;width:100%;object-fit:contain}.productSelectionCard .productSummaryIdentity h2{font-size:19px!important;margin:6px 0 12px!important}.productSelectionCard .productDetailGrid{grid-template-columns:1fr;gap:0;margin-top:4px}.productSelectionCard .productInfoBlock{background:transparent;border:0;border-radius:0;padding:18px 0}.productSelectionCard .productInfoBlock+.productInfoBlock{border-top:1px solid #ececee}.productSelectionCard .productQty{align-self:start}.productCustomizationCard{display:flex;flex-direction:column;gap:20px}.productColumnTitle{order:-2;font-size:18px;margin:0;font-weight:600}.productCustomizationCard .productCustomGroup{order:-1;margin:0}.productCustomizationCard .productCustomGrid{grid-template-columns:1fr;gap:16px}.productCustomizationCard .productCustomCard{padding:18px}.productTaskLinks{padding-top:18px;border-top:1px solid #ececee}.productTaskLinks h3{font-size:15px;margin:0 0 12px}.productTaskLinks .row{flex-wrap:wrap;gap:8px}.productSelectionCard .productModelReview .formgrid{grid-template-columns:1fr;gap:14px}.productSelectionCard .productModelReview input{width:100%;min-width:0}@media(max-width:900px){.productConfigurationColumns{grid-template-columns:1fr;gap:16px}.productSelectionCard,.productCustomizationCard{padding:20px}.productSelectionCard .productSummaryHero>.productCardImage{height:260px}.productSelectionCard .productCardImage img,.productSelectionCard .productCardImage svg{height:212px;max-height:212px}.productSelectionCard .productSummaryHero>.productQty{margin:0}.productSelectionCard .productSummaryIdentity{flex-basis:auto}}
.productRequirementSection{display:grid;gap:12px;min-width:0}.productRequirementSection>h4{font-size:14px;font-weight:600;margin:0;color:#536780}.productRequirement-render>.productCustomCard{background:#f4f8fc;border-color:#e0e8f1}.productRequirement-other>h4{color:#71637f}.productDeliveredFiles{margin-top:18px;border-top:1px solid #e4e7ed;padding-top:16px}.productDeliveredFiles h5{font-size:13px;font-weight:600;margin:0 0 12px;color:#596778}.productDeliveredFiles>img{display:block;max-width:100%;max-height:240px;object-fit:contain;background:#fff;border-radius:8px;padding:10px;box-sizing:border-box;margin:8px 0}.productDeliveredFiles .file{font-size:12px}.productDeliveredFiles .documentFrame{width:100%;max-width:100%;min-height:280px}.productCustomActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.productCustomActions .btn{font-size:13px}.productDeliveredFiles .muted{font-size:12px}.productDeliveredFiles .filePreview{max-width:100%;overflow:hidden}.productDeliveredFiles .filePreview>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.productDeliveredFiles .filePreview strong{font-size:12px;overflow-wrap:anywhere}
.productPendingCount{display:inline-grid;place-items:center;vertical-align:middle;margin-left:7px;min-width:18px;height:18px;padding:0 5px;background:#d93848;color:white;border-radius:999px;font-size:11px;line-height:1;font-weight:600}.customizationCompletePrompt{padding:12px 4px}.completionCheck{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#edf7f1;color:#087561;font-size:24px;margin-bottom:20px}.customizationCompletePrompt h2{font-size:21px;margin:0 0 12px}.customizationCompletePrompt p{font-size:14px;line-height:1.75}.completionPendingNote{padding:12px 14px;border-radius:10px;background:#fff8ed;color:#805f28}.customizationCompletePrompt .bottom{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}

.customerTaskBoard{display:grid;gap:32px}.customerTaskHeader{display:flex;align-items:baseline;gap:14px;margin:0 0 14px}.customerTaskHeader h2{font-size:23px!important;letter-spacing:-.5px;margin:0;color:#202124}.customerTaskHeader>span{font-size:13px;color:#85858c}.customerProjectGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.customerProjectCard{background:#fff;border:1px solid #e7e7eb;border-radius:18px;padding:22px;display:flex;flex-direction:column;min-width:0;transition:border-color .18s,box-shadow .18s}.customerProjectCard:hover{border-color:#cccdd4;box-shadow:0 5px 20px #19192706}.taskCardIdentity h3{font-size:18px!important;margin:0 0 5px;overflow-wrap:anywhere}.taskCardIdentity small{font-size:12px;color:#85858c}.taskCardCounts{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0 12px;gap:12px}.taskCardCounts dt{font-size:12px;color:#80818a}.taskCardCounts dd{font-size:23px;font-weight:600;margin:3px 0 0;color:#353840}.taskCardCounts .taskCountPending dd{color:#b47918}.taskCardCounts .taskCountDone dd{color:#258262}.taskCardProgress{height:5px;border-radius:4px;background:#efeff2;overflow:hidden;margin-bottom:14px}.taskCardProgress>span{display:block;height:100%;background:#55ae8c;border-radius:inherit}.taskCardItems{list-style:none;padding:0;margin:0 0 20px}.taskCardItems li{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #f0f0f3;padding:11px 0}.taskCardItems strong{display:block;font-size:14px;font-weight:500}.taskCardItems small{display:block;font-size:11px;color:#92929a;overflow-wrap:anywhere}.taskItemStatus{font-size:11px;white-space:nowrap;color:#6c7080;background:#f3f4f7;border-radius:6px;padding:4px 7px}.taskItemStatus.isDone{color:#348464;background:#eef7f2}.taskItemStatus.isPending{color:#9c721f;background:#fcf5e8}.customerProjectCard footer{margin-top:auto}.customerProjectCard footer .btn{min-height:39px;font-size:13px;padding:9px 14px}@media(max-width:1200px){.customerProjectGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.customerProjectGrid{grid-template-columns:minmax(0,1fr)}.customerProjectCard{padding:18px}.customerTaskHeader h2{font-size:20px!important}}@media(prefers-reduced-motion:reduce){.customerProjectCard{transition:none}}
.taskDrawerTrigger{border:0;background:none;text-align:left;padding:0;min-width:0;cursor:pointer;color:inherit;font:inherit}.taskDrawerTrigger:hover strong{color:#087c68;text-decoration:underline}.taskDeliveryDrawer{width:min(760px,96vw)!important;max-width:96vw!important}.taskDeliveryDrawer .optionHelpHead{align-items:flex-start}.taskDeliveryDrawer .optionHelpHead h2{font-size:22px;margin:5px 0;letter-spacing:-.4px}.taskDeliveryDrawer .optionHelpHead p,.taskDeliveryDrawer .optionHelpHead small{font-size:13px;color:#85858d;margin:0}.taskDrawerBody{padding:20px;background:#f7f7f9;overflow:auto}.taskDrawerCard{padding:24px;border:1px solid #e6e6eb;border-radius:16px;background:#fff;margin-bottom:18px;scroll-margin-top:16px}.taskDrawerCardHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.taskDrawerCardHead h3{font-size:19px;margin:0;letter-spacing:-.3px}.taskDrawerCardHead>span{font-size:12px;background:#f2f3f6;border-radius:6px;padding:5px 9px}.taskDrawerMeta{font-size:12px;color:#85858d;margin:7px 0 22px}.taskDrawerCard section{margin:20px 0}.taskDrawerCard h4{font-size:13px;color:#71717b;font-weight:500;margin:0 0 8px}.taskRequirementCopy{font-size:15px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.taskDrawerCard img{max-width:100%;max-height:190px;object-fit:contain}.taskDrawerCard .file{justify-content:flex-start;gap:12px}.taskDrawerCard label{display:block;font-size:13px;margin:16px 0 8px}.taskDrawerCard input,.taskDrawerCard textarea{display:block;width:100%;margin-top:8px}.taskDrawerActions{display:flex;gap:10px;flex-wrap:wrap}.taskDrawerCard details{font-size:12px;margin-top:20px;color:#73737d}.taskReturnReason,.taskReturnForm{padding:14px;background:#fff6ec;border-radius:10px;color:#976224}.taskDrawerCard .muted{font-size:12px;line-height:1.7}.productSelectionCard{display:grid;grid-template-columns:minmax(130px,34%) minmax(0,1fr);gap:0 22px;align-content:start}.productSelectionCard>.productSummaryHero{display:contents}.productSelectionCard .productCardImage{grid-column:1;grid-row:1 / span 3;width:100%;align-self:start}.productSelectionCard .productSummaryIdentity{grid-column:2;grid-row:1}.productSelectionCard .productQty{grid-column:2;grid-row:2;justify-self:start;margin:8px 0}.productSelectionCard>.productDetailGrid{grid-column:2}.productSelectionCard>.productModelReview,.productSelectionCard>.productReuseNote{grid-column:1/-1}.productSelectionCard .productSummaryIdentity h2{font-size:19px!important;line-height:1.5}.productSelectionCard .productDetailPairs>div{grid-template-columns:minmax(75px,.8fr) minmax(0,1.4fr);gap:10px}.productSelectionCard .productDetailPairs dd{overflow-wrap:anywhere}@media(max-width:600px){.productSelectionCard{display:block}.productSelectionCard>.productSummaryHero{display:flex}.productSelectionCard .productCardImage{width:120px}.taskDrawerBody{padding:12px}.taskDrawerCard{padding:18px}}
.taskDeliveryDrawer[open]{display:flex;flex-direction:column;height:100dvh;max-height:100dvh;overflow:hidden;padding:0}.taskDeliveryDrawer>.optionHelpHead{position:static;flex:0 0 auto;padding:22px 24px;background:#fff;border-bottom:1px solid #e7e7eb;margin:0}.taskDeliveryDrawer>.taskDrawerBody{flex:1;min-height:0}.taskDrawerCard img{width:auto!important;max-width:100%!important}.taskDrawerCard .filePreview{max-height:190px}
.productSelectionCard .productSummaryHero>.productCardImage{grid-column:1;grid-row:1/span 3;width:100%;min-width:0;height:240px;padding:10px;box-sizing:border-box}.productSelectionCard .productCardImage img,.productSelectionCard .productCardImage svg{height:190px;max-height:190px;min-width:0}.productSelectionCard .productSummaryHero>.productQty{grid-column:2;grid-row:2}@media(max-width:600px){.productSelectionCard .productSummaryHero>.productCardImage{width:120px;min-width:120px;height:180px}.productSelectionCard .productCardImage img,.productSelectionCard .productCardImage svg{height:140px;max-height:140px}.productSelectionCard .productSummaryHero{flex-wrap:wrap}}
.productConfigurationColumns.configurationOnly{grid-template-columns:minmax(0,1fr)}.configurationOnly .productSelectionCard{grid-template-columns:minmax(160px,28%) minmax(0,1fr)}.deliveryCustomizationCards{display:grid;gap:24px}.deliveryCustomizationCards .productCustomizationCard{padding:26px}.deliveryCustomizationCards .productColumnTitle{line-height:1.5;overflow-wrap:anywhere}.deliveryCustomizationCards .productCustomGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.deliveryCustomizationCards .productRequirementSection{min-width:0}.deliveryAdvancedPreview{margin-top:24px;border:1px solid #e5e7eb;border-radius:14px;padding:18px;background:#fff}.deliveryAdvancedPreview>summary{font-size:14px;color:#73737d;cursor:pointer}.deliveryAdvancedPreview[open]>summary{margin-bottom:20px}@media(max-width:850px){.deliveryCustomizationCards .productCustomGrid{grid-template-columns:1fr}}@media(max-width:600px){.configurationOnly .productSelectionCard{display:block}.deliveryCustomizationCards .productCustomizationCard{padding:18px}}
.productSelectionCard.configuratorSummary{display:grid;grid-template-columns:minmax(260px,34%) minmax(0,1fr);gap:0;padding:0;overflow:hidden}.projectVisualSummary{display:flex;flex-direction:column;min-width:0;padding:28px;background:#142630;color:#edf8ff;position:static;width:auto;min-height:480px;border:0}.projectVisualHeading{display:flex;align-items:center;justify-content:space-between;gap:12px}.projectVisualHeading strong{font-size:18px}.projectVisualHeading span{color:#76d6bb;white-space:nowrap;font-size:12px}.projectVisualHeading b{font-size:36px;font-weight:650;letter-spacing:-1px}.configuratorSummary .projectVisualSummary>.productCardImage{background:transparent;min-width:0;width:100%;height:330px;margin:14px 0 20px!important;padding:0;border-radius:0;float:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.configuratorSummary .projectVisualSummary .productCardImage img,.configuratorSummary .projectVisualSummary .productCardImage svg{height:290px;max-height:290px;width:100%;object-fit:contain}.projectVisualSummary figcaption{font-size:11px;color:#a4b9c3;margin-top:10px}.projectVisualSummary>.productModelStatus{border-top:1px solid #ffffff25;padding-top:18px;margin-top:8px}.projectVisualSummary>small{font-size:12px;color:#a4b9c3}.projectVisualSummary .productModelStatus p{display:flex;flex-wrap:wrap;gap:10px;margin:0}.projectVisualSummary code{color:#eef7ff;font-size:23px;background:transparent;padding:0;letter-spacing:-.5px}.projectVisualSummary .badge{font-size:11px}.projectConfigurationInformation{padding:30px;min-width:0}.projectConfigurationTitle{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid #ececf0}.projectConfigurationTitle .productQty{margin:0}.configuratorSummary .projectConfigurationInformation .productDetailGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:8px}.configuratorSummary .productInfoBlock+.productInfoBlock{border:0}.configuratorSummary .productDetailPairs>div{grid-template-columns:86px minmax(0,1fr);gap:12px}.projectConfigurationInformation .productModelReview{margin-top:20px}@media(max-width:1100px){.configuratorSummary .projectConfigurationInformation .productDetailGrid{grid-template-columns:1fr;gap:0}.productSelectionCard.configuratorSummary{grid-template-columns:minmax(230px,34%) minmax(0,1fr)}}@media(max-width:700px){.productSelectionCard.configuratorSummary{grid-template-columns:1fr}.projectVisualSummary{min-height:0;padding:22px}.configuratorSummary .projectVisualSummary>.productCardImage{height:270px}.configuratorSummary .projectVisualSummary .productCardImage img,.configuratorSummary .projectVisualSummary .productCardImage svg{height:230px;max-height:230px}.projectConfigurationInformation{padding:22px}}

/* Keep category headings and first customization cards on the same baseline. */
.deliveryCustomizationCards .productCustomGrid{align-items:stretch}.deliveryCustomizationCards .productRequirementSection{display:flex;flex-direction:column;gap:12px;align-self:stretch}.deliveryCustomizationCards .productRequirementSection>h4{margin:0;line-height:22px;min-height:22px}.deliveryCustomizationCards .productRequirementSection>.productCustomCard{margin:0;flex:1}

/* Configuration is a focused workspace; quiet navigation must not overlay it. */
.quietWorkspace.workspaceMode>aside,.quietWorkspace.flatProjectMode.workspaceMode>aside{display:none}
.quietWorkspace.workspaceMode>.shell,.quietWorkspace.flatProjectMode.workspaceMode>.shell{margin-left:0}
.workspaceMode .requestPurpose,.workspaceMode #workflowDraftStatus{display:none}

.approvalNodeNames,.stageCardHeading .stageApprovalNames{display:block;font-size:12px;font-weight:400;line-height:1.6;color:#53675f;margin-top:6px;overflow-wrap:anywhere}.projectStageNodes li{align-items:flex-start}.projectStageNodes li>span{margin-top:6px}.projectStageNodes b{min-width:0}