body:has(.oa-quick-demand) #center{padding:28px clamp(20px,5vw,56px) 42px;background:#f5f8f7}
.oa-quick-demand{max-width:1180px;margin:0 auto;display:grid;gap:14px}
.oqf-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:2px}
.oqf-heading h1{margin:0;color:#1c3339;font-size:26px;line-height:1.2}.oqf-heading p{margin:5px 0;color:#536a70;font-size:14px}.oqf-heading span{font-size:12px;color:#829095}
.oqf-heading>button,.oqf-actions button,.oqf-section>header>button{min-height:38px;padding:8px 13px;border:1px solid #d7e2e0;border-radius:7px;background:#fff;color:#29474c;font-weight:600}
.oqf-name,.oqf-section{padding:16px 18px;border:1px solid #e0e8e6;border-radius:10px;background:#fff}
.oqf-name{display:grid;gap:7px;color:#344d52;font-size:13px;font-weight:650}.oqf-name input{min-height:42px}
.oqf-section>header{display:flex;align-items:center;gap:11px;margin-bottom:13px}.oqf-section>header>b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#128c7c;color:#fff;font-size:13px}.oqf-section>header h2{margin:0;color:#263e43;font-size:17px}.oqf-section>header small{display:block;margin-top:2px;color:#829197;font-size:12px}.oqf-section>header>button{margin-left:auto;color:#087d70}
.oqf-items{display:grid;gap:10px}.oqf-item{padding:12px 14px;border:1px solid #e4ebe9;border-radius:8px;background:#fbfcfc}.oqf-item>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;color:#50666b;font-size:12px}.oqf-item>header button{border:0;background:none;color:#9a6262;font-size:12px}
.oqf-fields{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(130px,1fr) minmax(200px,1.7fr) minmax(120px,.75fr);gap:10px}.oqf-fields label,.oqf-date>label,.oqf-extra-grid label{display:grid;align-content:start;gap:5px;color:#50666b;font-size:12px}.oqf-fields input,.oqf-fields select,.oqf-date input,.oqf-extra select,.oqf-extra textarea{min-width:0;min-height:38px;padding:7px 9px;border:1px solid #d6e2df;border-radius:6px;background:#fff;color:#233c41;font-size:13px}.oqf-fields small{min-height:14px;color:#859398;font-size:10px}.oqf-quantity{display:flex;align-items:center;gap:7px}.oqf-quantity input{width:80px}.oqf-quantity span{color:#718389;font-size:12px}
.oqf-requirement{display:grid;gap:5px;margin-top:10px;color:#50666b;font-size:12px}.oqf-requirement textarea,.oqf-purpose textarea{min-height:54px;padding:8px 10px;border:1px solid #d6e2df;border-radius:6px;resize:vertical;color:#233c41;font-size:13px;line-height:1.45}
.oqf-reference{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.oqf-reference>div{display:grid;gap:2px}.oqf-reference strong{color:#50666b;font-size:12px}.oqf-reference small{color:#88969a;font-size:11px}.oqf-add-file{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 11px;border:1px solid #cfe1dc;border-radius:6px;background:#f2f9f6;color:#087d70;font-size:12px;font-weight:650;cursor:pointer}.oqf-add-file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.oqf-files{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}.oqf-empty-files{color:#a1abad;font-size:11px}.oqf-file{display:flex;align-items:center;gap:7px;width:min(240px,100%);margin:0;padding:5px 7px;border:1px solid #e5ecea;border-radius:6px;background:#fff}.oqf-file img{width:38px;height:34px;object-fit:cover;border-radius:4px;background:#f1f4f3}.oqf-file-icon{display:grid;place-items:center;width:38px;height:34px;border-radius:4px;background:#f1f4f3;color:#637a7e;font-size:10px}.oqf-file figcaption{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;flex:1}.oqf-file figcaption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#50666b;font-size:10px}.oqf-file figcaption button{border:0;background:transparent;color:#8d6767;font-size:16px}
.oqf-extra{margin-top:8px;border-top:1px solid #e8eeec;padding-top:7px}.oqf-extra summary{cursor:pointer;color:#5d7779;font-size:11px}.oqf-extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.oqf-extra textarea{min-height:48px;resize:vertical}.oqf-time{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.oqf-time>header{grid-column:1/-1;margin-bottom:0}.oqf-date{display:flex;align-items:end;gap:15px}.oqf-date>label:first-child{min-width:180px}.oqf-urgent{display:flex!important;align-items:center;gap:6px!important;padding-bottom:9px;white-space:nowrap}.oqf-urgent input{min-height:auto}.oqf-purpose{display:grid;gap:5px;color:#50666b;font-size:12px}.oqf-supplement{grid-column:1/-1;margin:0;padding:8px 10px;border-left:3px solid #d79b41;background:#fff8ea;color:#715625;font-size:12px}
.oqf-actions{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid #dfe8e5;border-radius:9px;background:#fffffff2;backdrop-filter:blur(8px)}.oqf-actions>span{color:#728388;font-size:11px}.oqf-actions>div{display:flex;gap:8px;flex:none}.oqf-actions button.primary{border-color:#118b7a;background:#118b7a;color:#fff}
@media(max-width:800px){body:has(.oa-quick-demand) #center{padding:18px 14px 30px}.oqf-fields{grid-template-columns:1fr 1fr}.oqf-fields label:nth-child(3){grid-column:1/-1}.oqf-time{grid-template-columns:1fr}.oqf-time>header{grid-column:auto}.oqf-date{align-items:start;flex-direction:column}.oqf-urgent{padding-bottom:0}.oqf-actions{align-items:flex-start;flex-direction:column}.oqf-actions>div{width:100%}.oqf-actions button{flex:1}}
@media(max-width:500px){.oqf-heading{align-items:flex-start}.oqf-heading h1{font-size:22px}.oqf-section,.oqf-name{padding:13px}.oqf-fields{grid-template-columns:1fr}.oqf-fields label:nth-child(3){grid-column:auto}.oqf-extra-grid{grid-template-columns:1fr}.oqf-reference{align-items:flex-start}.oqf-actions>span{line-height:1.4}}
.oa-project-directory .project-list-wrap{overflow-x:auto!important;border:1px solid #e1e9e7!important;border-radius:10px!important;background:#fff!important}
.oa-project-directory .project-list-head,.oa-project-directory .oqf-project-row{display:grid!important;grid-template-columns:minmax(220px,1.5fr) minmax(150px,1fr) minmax(240px,1.55fr) minmax(80px,.5fr) minmax(105px,.7fr) minmax(155px,1fr) minmax(120px,.7fr)!important;gap:16px!important;min-width:1210px!important;padding-inline:20px!important}
.oa-project-directory .project-list-head{height:48px!important;border-bottom:1px solid #e5ecea!important;background:#fff!important;color:#72868c!important;font-size:12px!important}
.oa-project-directory .oqf-project-row{min-height:88px!important;border-bottom:1px solid #e8eeec!important;background:#fff!important;align-items:center!important}.oa-project-directory .oqf-project-row.is-current{box-shadow:inset 2px 0 #0c9a86}
.oqf-project-name{display:grid;gap:6px;min-width:0}.oqf-project-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1e3339;font-size:15px}.oqf-project-name small{color:#839398;font-size:11px}.oqf-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px}.oqf-progress>strong{grid-column:1/-1;color:#213a40;font-size:14px}.oqf-progress>small{color:#6d8388;font-size:11px}.oqf-track{display:flex;gap:4px}.oqf-track i{width:18px;height:6px;border:1px solid #cfdcda;border-radius:99px;background:#fff}.oqf-track i.done{border-color:#168d7e;background:#168d7e}.oqf-track i.active{border-color:#4385d7;background:#4385d7;box-shadow:0 0 0 1px #cfe0f7}.oqf-next{display:grid;gap:5px;min-width:0}.oqf-next strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#20373d;font-size:13px}.oqf-next small{color:#73878c;font-size:11px}.oqf-risk-cell{display:flex;justify-content:flex-start}.oqf-risk{display:inline-flex;justify-content:center;min-width:66px;padding:5px 9px;border-radius:6px;font-size:11px;font-weight:650}.oqf-risk.normal,.oqf-risk.delivered{background:#e7f4ef;color:#087e70}.oqf-risk.blocked{background:#fff1dd;color:#aa6812}.oqf-risk.late{background:#fdebed;color:#bc3b46}.oqf-due{font-size:12px;color:#283e43;font-variant-numeric:tabular-nums}.oqf-due.late{color:#bd3b46}.oqf-owner{display:flex;align-items:center;gap:9px;min-width:0}.oqf-owner>i{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid #dce7e3;border-radius:50%;background:#eff7f4;color:#178578;font-size:13px;font-style:normal}.oqf-owner span{display:grid;gap:3px;min-width:0}.oqf-owner strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#223a40;font-size:13px}.oqf-owner small{color:#7d8d91;font-size:10px}.oqf-project-action{display:flex;justify-content:flex-end}.oqf-project-action button{min-height:36px;padding:6px 11px;border:1px solid #d5e2df;border-radius:7px;background:#fff;color:#2e4d52;font-size:12px;font-weight:600;white-space:nowrap}.oqf-project-action button.primary{border-color:#148b7c;background:#148b7c;color:#fff}
.oa-arrange-page{max-width:1450px!important;margin:0 auto;padding:26px clamp(18px,4vw,52px)!important;color:#203840}.oa-arrange-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.oa-arrange-head h1{margin:0;font-size:26px}.oa-arrange-head p{margin:6px 0;color:#6d8288;font-size:13px}.oa-arrange-head>button,.oa-arrange-actions button{min-height:40px;padding:8px 14px;border:1px solid #d6e2df;border-radius:7px;background:#fff;color:#29474d;font-weight:600}.oa-arrange-steps{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:17px 20px;border:1px solid #e0e8e6;border-radius:10px;background:#fff;color:#829095;font-size:13px}.oa-arrange-steps span.active,.oa-arrange-steps span.done{color:#078374;font-weight:650}.oa-arrange-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:16px}.oa-arrange-form{display:grid;gap:14px}.oa-arrange-card,.oa-arrange-info{padding:17px;border:1px solid #e0e8e6;border-radius:10px;background:#fff}.oa-arrange-card>header{display:flex;align-items:center;gap:9px;margin-bottom:13px}.oa-arrange-card>header>b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#118d7e;color:#fff}.oa-arrange-card h2{margin:0;font-size:17px}.oa-arrange-card>header small{color:#7b8e92;font-size:11px}.oa-arrange-kinds{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.oa-arrange-kind{position:relative;display:grid;justify-items:center;gap:5px;min-height:100px;padding:12px 6px;border:1px solid #e0e8e6;border-radius:7px;background:#fff;color:#415e63}.oa-arrange-kind.selected{border-color:#108b7b;background:#f0f9f6}.oa-arrange-kind.disabled{color:#aab5b7}.oa-arrange-kind-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f1f6f4;color:#078c7e;font-size:18px}.oa-arrange-kind strong{font-size:12px}.oa-arrange-kind small{color:#87969a;font-size:10px}.oa-arrange-kind i{position:absolute;top:4px;right:4px;color:#118d7e;font-style:normal}.oa-arrange-item{margin-top:9px;padding:12px;border:1px solid #e5ecea;border-radius:8px;background:#fcfdfd}.oa-arrange-item header{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;color:#243b40;font-size:12px}.oa-arrange-item header span{color:#75888c}.oa-arrange-table{display:grid;grid-template-columns:1fr 1.1fr 1fr 1fr;gap:7px;align-items:center}.oa-arrange-table>span{color:#819196;font-size:10px}.oa-arrange-table>strong{font-size:12px}.oa-arrange-table label input,.oa-arrange-table label select{width:100%;min-height:35px;padding:6px;border:1px solid #d7e2df;border-radius:6px;background:#fff;font-size:12px}.oa-arrange-actions{display:flex;justify-content:flex-end;gap:8px;padding:6px 0}.oa-arrange-actions .primary{border-color:#118d7c;background:#118d7c;color:#fff}.oa-arrange-info{position:sticky;top:14px}.oa-arrange-info h2{margin:0 0 12px;font-size:17px}.oa-arrange-cover{width:100%;max-height:150px;object-fit:contain;border-radius:7px;background:#f2f6f5}.oa-arrange-info>strong{display:block;margin-top:12px;font-size:14px}.oa-arrange-info p{font-size:12px;color:#60757a;line-height:1.5}.oa-arrange-info dl{display:grid;grid-template-columns:1fr auto;gap:9px;margin:14px 0;font-size:11px}.oa-arrange-info dt{color:#7f9093}.oa-arrange-info dd{margin:0;text-align:right}.oa-arrange-note{padding:9px;border-left:3px solid #e0a44b;background:#fff9ed;color:#805c22!important}
.oqf-workbench{max-width:1320px!important;margin:0 auto;padding:18px 0 36px!important}.oqf-work-hero,.oqf-work-block,.oqf-work-next,.oqf-work-brief{padding:18px 20px;border:1px solid #e1e9e7;border-radius:10px;background:#fff}.oqf-work-hero{display:grid;grid-template-columns:1fr auto;gap:10px 18px;margin-bottom:12px}.oqf-work-hero>div:first-child small{color:#087e70;font-size:12px;font-weight:650}.oqf-work-hero h1{margin:5px 0;font-size:23px;color:#203840}.oqf-work-hero p,.oqf-work-block p,.oqf-work-next p{margin:4px 0;color:#6d8186;font-size:13px;line-height:1.5}.oqf-work-hero>span{align-self:start;padding:6px 10px;border-radius:6px;background:#e8f5f1;color:#087e70;font-size:12px;font-weight:650}.oqf-work-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:12px;border-top:1px solid #ebf0ee}.oqf-work-metrics>div{display:grid;gap:4px}.oqf-work-metrics small{color:#819094;font-size:11px}.oqf-work-metrics strong{font-size:14px}.oqf-work-block{display:grid;gap:9px;margin-bottom:12px}.oqf-work-block h2{margin:0;color:#273f45;font-size:15px}.oqf-assign-form,.oqf-progress-form{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.oqf-assign-form label,.oqf-work-block form>label{display:grid;flex:1;gap:5px;color:#53686d;font-size:12px}.oqf-assign-form input,.oqf-assign-form select,.oqf-work-block textarea,.oqf-work-block input,.oqf-work-block select{min-height:37px;padding:7px 9px;border:1px solid #d7e2df;border-radius:6px;background:#fff;font-size:13px}.oqf-work-block textarea{resize:vertical}.oqf-work-block button,.oqf-work-next button{min-height:37px;padding:7px 12px;border:1px solid #d5e2de;border-radius:6px;background:#fff;color:#315254;font-weight:600}.oqf-work-block button.primary,.oqf-work-next button.primary{border-color:#128c7b;background:#128c7b;color:#fff}.oqf-progress-form label{display:flex;align-items:center;gap:5px;color:#667b80;font-size:12px}.oqf-progress-form input{width:70px}.oqf-last-update{padding-top:8px;border-top:1px solid #edf1ef}.oqf-gate{display:grid;gap:6px;margin-bottom:12px;padding:12px 16px;border-left:3px solid #d49a43;background:#fff9ee;color:#715426;font-size:12px}.oqf-gate button{justify-self:start;border:0;background:none;color:#087d70;cursor:pointer}.oqf-work-next{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.oqf-work-next strong{color:#2a4247;font-size:15px}.oqf-work-brief summary{cursor:pointer;color:#436066;font-size:13px;font-weight:650}.oqf-work-brief[open] summary{margin-bottom:12px}
@media(max-width:1000px){.oa-arrange-layout{grid-template-columns:1fr}.oa-arrange-info{position:static}.oa-arrange-kinds{grid-template-columns:repeat(3,minmax(0,1fr))}.oa-project-directory .project-list-head,.oa-project-directory .oqf-project-row{min-width:1150px!important}}
@media(max-width:600px){.oa-arrange-head{align-items:flex-start;flex-direction:column}.oa-arrange-steps{overflow:auto;white-space:nowrap;justify-content:flex-start}.oa-arrange-kinds{grid-template-columns:repeat(2,minmax(0,1fr))}.oa-arrange-table{grid-template-columns:1fr 1fr}.oa-arrange-table>span:nth-child(3),.oa-arrange-table>span:nth-child(4){display:none}.oqf-work-hero{grid-template-columns:1fr}.oqf-work-hero>span{grid-row:1}.oqf-work-metrics{grid-template-columns:1fr 1fr 1fr}.oqf-work-next{align-items:flex-start;flex-direction:column}.oqf-assign-form{align-items:stretch;flex-direction:column}}
.oqf-fields label small button{padding:0;border:0;background:transparent;color:#087e70;font-size:10px;text-decoration:underline;cursor:pointer}.oqf-product-detail{max-height:65vh;overflow:auto;color:#344c51;font-size:13px;line-height:1.6}.oqf-product-detail h3{margin:16px 0 7px;font-size:14px}.oqf-product-material{display:grid;gap:4px;padding:10px 0;border-top:1px solid #e8eeec}.oqf-product-material strong{color:#263f44}.oqf-product-material span,.oqf-product-material a{color:#728589;font-size:11px}.oqf-product-material a{justify-self:start;color:#087e70}

/* Project Center: keep the title compact and let the counted filters carry risk totals. */
.oa-project-directory .project-center-title{margin-bottom:12px!important}
.oa-project-directory .oa-directory-toolbar nav button{min-height:40px}.oa-project-directory .oa-directory-toolbar nav button.active{border-color:#d4eae2;background:#e7f4ef;color:#087e70}.oa-project-directory .oa-directory-toolbar nav button:nth-child(2){border-color:#eadfc9;background:#fffaf1;color:#8b6428}.oa-project-directory .oa-directory-toolbar nav button:nth-child(2).active{border-color:#e8d3aa;background:#fff1d6;color:#765822}
.oa-project-directory .project-list-head,.oa-project-directory .oqf-project-row{grid-template-columns:minmax(250px,1.5fr) minmax(260px,1.35fr) minmax(210px,1fr) minmax(175px,.85fr)!important;gap:20px!important;min-width:950px!important;padding-inline:24px!important}
.oa-project-directory .project-list-head{height:48px!important;background:#fbfcfc!important;color:#73858a!important;font-size:12px!important}
.oa-project-directory .oqf-project-row{min-height:86px!important;padding-block:14px!important;cursor:pointer;transition:background-color .14s ease,box-shadow .14s ease}.oa-project-directory .oqf-project-row:hover{background:#f6faf8!important}.oa-project-directory .oqf-project-row:focus-visible{outline:2px solid #168d7e;outline-offset:-2px;background:#f6faf8!important}.oa-project-directory .oqf-project-row.is-current{box-shadow:inset 3px 0 #168d7e}
.oqf-project-name{gap:6px}.oqf-project-name strong{font-size:15px;line-height:1.4}.oqf-project-name small{font-size:11px;letter-spacing:.1px}
.oqf-project-stage{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 10px;min-width:0}.oqf-project-stage>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#21393e;font-size:14px;font-weight:650;line-height:1.4}.oqf-project-stage>small{grid-column:1/-1;color:#72858a;font-size:11px;line-height:1.4;font-variant-numeric:tabular-nums}.oqf-project-state{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:999px;background:#edf2f1;color:#607276;font-size:10px;font-weight:650;line-height:1.35;white-space:nowrap}.oqf-project-state.done{background:#e7f4ef;color:#087e70}.oqf-project-state.late,.oqf-delivery-state.late{background:#fdebed;color:#bc3b46}.oqf-project-state.blocked,.oqf-delivery-state.blocked{background:#fff1dd;color:#aa6812}.oqf-project-state.review,.oqf-delivery-state.soon,.oqf-delivery-state.today{background:#fff3df;color:#9a641b}.oqf-project-state.revision{background:#f5edf6;color:#825589}.oqf-project-state.active{background:#eaf2fa;color:#3472a6}.oqf-project-state.pending{background:#eef1f2;color:#6b7c82}
.oqf-project-delivery{display:flex;align-items:center;gap:9px;min-width:0}.oqf-project-delivery>strong{color:#293f43;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.oqf-delivery-state{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:3px 7px;border-radius:999px;background:#edf4f1;color:#658078;font-size:10px;font-weight:650;white-space:nowrap}.oqf-delivery-state.normal{background:#edf4f1;color:#658078}.oqf-delivery-state.soon,.oqf-delivery-state.today{background:#fff3df;color:#9a641b}.oqf-delivery-state.done{background:#e7f4ef;color:#087e70}
.oqf-project-stage>strong{grid-column:1;grid-row:1}.oqf-project-stage>small{grid-column:1/-1;grid-row:2}.oqf-project-stage>.oqf-project-state{grid-column:2;grid-row:1;justify-self:end}
.oa-project-directory .oqf-project-row .oqf-owner{gap:9px}.oa-project-directory .oqf-project-row .oqf-owner strong{font-size:13px}.oa-project-directory .oqf-project-row .oqf-owner small{font-size:10px}
@media(max-width:1000px){.oa-project-directory .project-list-head,.oa-project-directory .oqf-project-row{min-width:900px!important;gap:16px!important;padding-inline:18px!important}}
@media(max-width:600px){.oa-project-directory .project-list-head,.oa-project-directory .oqf-project-row{min-width:900px!important}}
.oa-project-directory .project-list-head,.oa-project-directory .oqf-project-row{grid-template-columns:minmax(220px,1.3fr) minmax(150px,.9fr) minmax(255px,1.5fr) minmax(180px,1fr) minmax(150px,.9fr) minmax(110px,.6fr)!important;gap:16px!important;min-width:1230px!important;padding-inline:22px!important}
.oa-project-directory .project-list-head{grid-template-columns:minmax(220px,1.3fr) minmax(150px,.9fr) minmax(255px,1.5fr) minmax(180px,1fr) minmax(150px,.9fr) minmax(110px,.6fr)!important}
.oa-project-directory .oqf-project-row{min-height:102px!important;cursor:pointer}
.oa-project-directory .oqf-project-stage>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oqf-project-name strong{display:flex;align-items:center;justify-content:space-between;gap:10px}
.oqf-project-open-cue{color:#8a9a9d;font-size:21px;font-weight:400;line-height:1}
.oqf-project-handling{display:grid;gap:4px;min-width:0}
.oqf-project-handling>strong{overflow:hidden;color:#20373d;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.oqf-project-handling>small{overflow:hidden;color:#6e8186;font-size:11px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.oqf-project-handling>em{overflow:hidden;color:#168578;font-size:11px;font-style:normal;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.oqf-project-deadline{display:grid;gap:5px;min-width:0}
.oqf-project-risk-reason{color:#a96922;font-size:11px;line-height:1.4}
.oqf-project-row-action{display:flex;justify-content:flex-end}
.oqf-project-row-action button{min-height:34px;padding:6px 11px;border:1px solid #d5e2df;border-radius:7px;background:#fff;color:#087e70;font-size:12px;font-weight:650;white-space:nowrap;cursor:pointer}
.oqf-project-row-action button:hover{background:#eaf5f1;border-color:#b8d9d0}
@media(max-width:1000px){.oa-project-directory .project-list-head,.oa-project-directory .oqf-project-row{min-width:1230px!important;gap:14px!important;padding-inline:18px!important}}
.oa-demo-workspace .oa-demo-anchor-nav{position:sticky;top:0;z-index:2;display:flex;gap:6px;overflow-x:auto;margin:0 0 18px;padding:8px 0;border-bottom:1px solid #dfe7e9;background:#f7faf9}
.oa-demo-workspace .oa-demo-anchor-nav a{flex:none;padding:9px 12px;border-radius:7px;color:#526b70;font-size:13px;text-decoration:none;white-space:nowrap}
.oa-demo-workspace .oa-demo-anchor-nav a:hover,.oa-demo-workspace .oa-demo-anchor-nav a:focus-visible{outline:none;background:#e8f4f0;color:#087e70}
.oa-demo-workspace .oa-demo-panel[id]{scroll-margin-top:76px}
.oa-demo-detail-panel .oa-demo-detail-card{margin-top:14px;padding:16px;border:1px solid #e7edeb;border-radius:9px;background:#fbfcfc}
.oa-demo-detail-card>strong{color:#2b4247;font-size:14px}.oa-demo-detail-card p{margin:8px 0 0;color:#718388;font-size:12px;line-height:1.6}
.oa-demo-change-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.oa-demo-change-summary>strong{color:#2b4247;font-size:13px}
.oa-demo-detail-card dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;margin:14px 0 0;font-size:12px}.oa-demo-detail-card dt{color:#819094}.oa-demo-detail-card dd{margin:0;color:#344c51;overflow-wrap:anywhere}
@media(max-width:600px){.oa-demo-workspace .oa-demo-anchor-nav{top:0}.oa-demo-detail-card dl{grid-template-columns:1fr;gap:4px}.oa-demo-detail-card dd{margin-bottom:8px}}

/* Demo project workspace: one operational page, honest stage data, and a visible design-review area. */
.oa-demo-workspace.oqf-demo-workspace{max-width:1320px;margin:0 auto;padding:10px 0 34px;color:#203840}
.oqf-demo-workspace .oa-demo-breadcrumb{margin:0 0 8px;font-size:11px}
.oa-demo-workspace.oqf-demo-workspace>.oqf-demo-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0 16px;border-bottom:1px solid #e3eae8}
.oqf-demo-hero>div:first-child{min-width:0}.oqf-demo-hero>div:first-child>small{color:#82949d;font-size:11px;letter-spacing:.04em}
.oa-demo-workspace.oqf-demo-workspace>.oqf-demo-hero h1{margin:3px 0 4px;color:#203840;font-size:25px;line-height:1.25}
.oqf-demo-hero p{margin:0!important;color:#73858a!important;font-size:12px!important}.oqf-demo-hero p span{padding:0 5px;color:#b2bfbd}
.oqf-demo-hero-actions{display:flex;align-items:center;gap:10px;flex:none}.oqf-demo-hero-actions button{padding:8px 11px;border:1px solid #dce5e3;border-radius:7px;background:#fff;color:#425a5f;font-size:12px;font-weight:600;cursor:pointer}
.oqf-demo-stage,.oqf-demo-panel,.oqf-demo-records{border:1px solid #e2eae7;border-radius:10px;background:#fff}
.oqf-demo-stage{margin:14px 0 22px;padding:0;border:0;border-radius:0;background:transparent}
.oqf-demo-section-head,.oqf-demo-panel>header{display:flex;align-items:center;justify-content:space-between;gap:14px}
.oqf-demo-section-head h2,.oqf-demo-panel h2{margin:0;color:#263f44;font-size:16px}
.oqf-demo-phase-label{color:#718388;font-size:12px}
.oqf-demo-stage .oqf-demo-section-head{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.oqf-demo-stage ol{display:flex;align-items:center;gap:4px;max-width:1000px;margin:0 auto;padding:7px;border:1px solid #e4ece9;border-radius:10px;background:#fff;list-style:none}
.oqf-demo-stage li{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0;height:42px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#718388}
.oqf-demo-stage li:not(:last-child)::after{position:absolute;right:-5px;z-index:2;color:#aab9b5;font-size:15px;line-height:1;content:"›"}
.oqf-demo-stage li>span{flex:none;color:#8b9b9c;font-size:11px;font-variant-numeric:tabular-nums}
.oqf-demo-stage li strong{overflow:hidden;color:#53696c;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550}
.oqf-demo-stage li.is-current{background:#eaf6f2;color:#087e70}.oqf-demo-stage li.is-current>span,.oqf-demo-stage li.is-current strong{color:#087e70}.oqf-demo-stage li.is-current strong{font-weight:700}.oqf-demo-stage li small{margin-left:auto;padding:3px 6px;border-radius:5px;background:#d7eee7;color:#087e70;font-size:10px;font-weight:700;white-space:nowrap}
.oqf-demo-muted{margin:10px 0 0;color:#829195;font-size:11px;line-height:1.5}
.oqf-demo-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.85fr);align-items:start;gap:22px}
.oqf-demo-main-column,.oqf-demo-side-column{display:grid;gap:20px;min-width:0}
.oqf-demo-panel{padding:19px 20px}.oqf-demo-panel>header{margin-bottom:15px}.oqf-demo-panel>header>div>small{display:block;margin-bottom:3px;color:#839397;font-size:11px}.oqf-demo-panel>header h2{font-size:16px}
.oqf-demo-current{border-top:2px solid #148b7b}
.oqf-demo-panel>header>.oqf-project-state,.oqf-demo-count{flex:none}.oqf-demo-count{color:#829195;font-size:10px}
.oqf-demo-next{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;border:1px solid #e5eeea;border-radius:8px;background:#f7faf9}
.oqf-demo-next p{margin:0;color:#6f8185;font-size:12px}.oqf-demo-next p strong{margin-left:5px;color:#314d52;font-size:13px}
.oqf-demo-deadline small{display:block;color:#839397;font-size:10px}
.oqf-demo-deadline{flex:none;min-width:100px;padding-left:14px;border-left:1px solid #e1e9e6}.oqf-demo-deadline strong{display:block;margin-top:5px;color:#344d51;font-size:12px;font-variant-numeric:tabular-nums}
.oqf-demo-maker{margin:12px 0 0;color:#839397;font-size:11px}.oqf-demo-maker strong{margin-left:5px;color:#435d61;font-weight:600}
.oqf-demo-work-items{display:grid;gap:0;margin:12px 0 0;padding:0;list-style:none;border-top:1px solid #edf1ef}
.oqf-demo-work-items li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:10px 2px;border-bottom:1px solid #edf1ef}
.oqf-demo-work-items li strong{color:#344d51;font-size:12px}.oqf-demo-work-items li>span,.oqf-demo-work-items li small{color:#819094;font-size:10px}.oqf-demo-work-items li small{grid-column:1/-1}
.oqf-demo-risk{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:7px;background:#fff9ee}.oqf-demo-risk strong{color:#815d25;font-size:12px;line-height:1.45}
.oqf-demo-empty-line{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid #e9f0ec;border-radius:7px;background:#f8fbf9}.oqf-demo-empty-line>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e7f4ef;color:#087e70;font-size:12px}
.oqf-demo-empty-line strong,.oqf-demo-empty-line small{display:block}.oqf-demo-empty-line strong{color:#405b5e;font-size:11px}.oqf-demo-empty-line small{margin-top:3px;color:#849396;font-size:10px}
.oqf-demo-preview-empty{display:grid;justify-items:center;min-height:225px;align-content:center;padding:20px;text-align:center;border:1px dashed #d7e3df;border-radius:8px;background:#fafcfb}
.oqf-demo-preview-empty>span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:9px;border-radius:11px;background:#edf5f2;color:#128677;font-size:24px}
.oqf-demo-preview-empty strong{color:#354e52;font-size:14px}
.oqf-demo-review-state{display:flex;justify-content:space-between;gap:10px;margin-top:14px;padding:13px 0 0;border-top:1px solid #edf1ef;color:#839397;font-size:11px}.oqf-demo-review-state strong{color:#66797d;font-weight:600}
.oqf-demo-records{margin-top:14px;padding:0 15px}.oqf-demo-records summary{padding:13px 0;color:#486167;font-size:12px;font-weight:650;cursor:pointer}.oqf-demo-records[open] summary{border-bottom:1px solid #edf1ef}
.oqf-demo-records>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px 0}
.oqf-demo-records h3{margin:0;color:#435d61;font-size:11px}.oqf-demo-records p{margin:5px 0 0;color:#849396;font-size:10px;line-height:1.5}
@media(max-width:850px){.oqf-demo-layout{grid-template-columns:1fr}.oqf-demo-preview-empty{min-height:160px}}
@media(max-width:600px){.oa-demo-workspace.oqf-demo-workspace{padding-top:8px}.oa-demo-workspace.oqf-demo-workspace>.oqf-demo-hero{align-items:flex-start;flex-direction:column}.oqf-demo-hero-actions{width:100%;justify-content:space-between}.oa-demo-workspace.oqf-demo-workspace>.oqf-demo-hero h1{font-size:21px}.oqf-demo-stage ol{max-width:none;overflow-x:auto;justify-content:flex-start;padding:6px}.oqf-demo-stage li{flex:0 0 auto;min-width:104px;height:38px;padding:0 8px}.oqf-demo-stage li strong{font-size:11px}.oqf-demo-next{align-items:flex-start;flex-direction:column}.oqf-demo-deadline{width:100%;padding:9px 0 0;border-top:1px solid #e1e9e6;border-left:0}.oqf-demo-records>div{grid-template-columns:1fr}.oqf-demo-panel{padding:15px}}