/* Shared visual tokens and action-oriented views; legacy data is unchanged. */
.oa-request-name{margin-bottom:24px}
/* One brief block per image. Shared production controls stay collapsed. */
.oa-simple-image-group{min-width:0}.oa-simple-image-group+.oa-simple-image-group{border-top:1px solid var(--oa-line);margin-top:28px;padding-top:24px}
.oa-production-options{margin-bottom:20px}.oa-production-options>button{margin-top:20px}
.oa-single-image{padding:24px 0;border-bottom:1px solid var(--oa-line);scroll-margin-top:24px}
.oa-single-image>.request-reference-item{border:0;padding-top:0;margin-top:0}
.oa-single-image .oa-board{margin-top:24px}.oa-image-block-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.oa-image-block-head h3{font-size:18px}.oa-image-block-head button{font-size:14px}
.oa-image-add{padding-top:24px}.oa-image-add button{min-height:42px}
.oa-quantity>span{display:flex;align-items:center;min-width:40px;font-size:16px}
.oa-brief-files{display:grid;gap:8px;margin-top:16px}.oa-brief-file{display:flex;align-items:center;gap:12px;border:1px solid var(--oa-line);border-radius:8px;padding:12px 16px}.oa-brief-file .oa-file-grid{display:block;flex:1;min-width:0;margin:0}.oa-brief-file .oa-file{border:0;padding:0;background:none}.oa-brief-file .oa-file img{width:52px;height:52px;object-fit:contain}.oa-brief-file>span{font-size:14px}.oa-brief-file>button{flex:none}
@media(max-width:680px){.oa-brief-file{flex-wrap:wrap}.oa-brief-file .oa-file-grid{flex-basis:100%}.oa-image-edit-actions{justify-content:flex-start}.oa-image-tabs{margin-inline:-2px}}
.product-search-composer .oa-product-series{flex:0 0 148px}.oa-product-result-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#5c707a;font-size:14px;padding:8px 0}.oa-product-result-meta>span:last-child{display:flex;align-items:center;gap:10px}.oa-product-result-meta button{min-height:40px}.oa-product-result-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.oa-product-result-list .product-search-result{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;text-align:left}.oa-product-result-list .product-search-result>span:first-child{min-width:0;overflow-wrap:anywhere}.oa-product-result-list .product-search-result strong,.oa-product-result-list .product-search-result small{display:block}.oa-product-result-list .product-search-result:disabled{opacity:1;background:#f1f7f5;border-color:#cce1da;cursor:default}.oa-product-pick-action{flex:none;color:#168578!important;font-size:14px!important}
@media(max-width:680px){.product-search-composer .oa-product-series{flex:auto;width:100%}.oa-product-result-list{grid-template-columns:1fr}.oa-product-result-meta{flex-wrap:wrap}}
.oa-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.oa-progress{display:grid;gap:8px;min-width:0}.oa-progress>strong{overflow-wrap:anywhere}.oa-progress-track{display:flex;gap:5px;padding:0;margin:0;list-style:none;width:100%;max-width:240px;min-height:7px}.oa-progress-track>li{flex:1;min-width:3px;height:7px;border-radius:3px;background:#e6ecee;box-sizing:border-box}.oa-progress-track>li.done{background:#168578}.oa-progress-track>li.current{flex:1.7;background:#4b85cf;outline:1px solid #326bab;outline-offset:1px}.oa-progress-track>li.confirmed{background:#a2cec4}.oa-progress-track>li.review{background:#87afb6}.oa-progress-track>li.blocked{background:#e3a03e}.oa-progress-track>li.unknown{background:transparent;border:1px solid #cedadd}.oa-progress-line{display:flex;align-items:center;gap:10px;max-width:230px}.oa-progress-line .oa-progress-track{flex:0 1 110px;min-width:60px;max-width:110px}.oa-progress-line>small{flex:none;white-space:nowrap;color:#5c707a;font-weight:400;font-variant-numeric:tabular-nums}.oa-progress.is-complete>strong{color:#168578}
.oa-demand-tools{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.oa-demand-tabs{display:flex;gap:4px;margin-right:auto}.oa-demand-center .oa-demand-tabs button{background:transparent;border:0;border-radius:0;color:#5c707a;padding:10px 12px;border-bottom:2px solid transparent}.oa-demand-center .oa-demand-tabs button[aria-pressed=true]{color:#087f70;border-bottom-color:#168578;font-weight:650}.oa-demand-center .oa-demand-tools input{width:280px;flex:0 1 280px}.oa-demand-center .oa-demand-tools select{width:150px}.oa-demand-tools>span{white-space:nowrap}
.oa-demand-table{border:1px solid #e4ebed;border-radius:12px;background:#fff;overflow-x:auto}.oa-demand-head,.oa-demand-row{display:grid;grid-template-columns:minmax(300px,1fr) 172px 172px 106px 140px;align-items:center;gap:24px;padding:20px 24px;min-width:990px;box-sizing:border-box}.oa-demand-head{padding-top:14px;padding-bottom:14px;font-size:14px;color:#5c707a;border-bottom:1px solid #e4ebed;background:#fafcfc}.oa-demand-row{min-height:96px;border-bottom:1px solid #e4ebed;transition:background .12s}.oa-demand-row:last-child{border-bottom:0}.oa-demand-row:hover{background:#f7faf9}.oa-demand-name{min-width:0}.oa-demand-center button.oa-demand-title{display:block;border:0;padding:0;min-height:0;background:none;color:#17252b;font-size:16px;font-weight:600;line-height:1.5;text-align:left;overflow-wrap:anywhere}.oa-demand-center button.oa-demand-title:hover{color:#168578}.oa-demand-center .oa-demand-name p{margin:5px 0 0;color:#5c707a;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.oa-demand-date{display:grid;gap:4px;font-size:14px;font-variant-numeric:tabular-nums}.oa-demand-date small{color:#5c707a}.oa-demand-date.is-late,.oa-demand-date.is-late small{color:#bb3d45}.oa-demand-handler{display:flex;align-items:center;gap:10px;font-size:16px;min-width:0;overflow-wrap:anywhere}.oa-demand-handler small{display:block;margin-top:4px;color:#5c707a;font-size:14px}.oa-avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#e7f4f1;color:#168578;font-size:14px;font-weight:600}.oa-demand-action{display:flex;justify-content:flex-end}.oa-demand-action button{width:140px}.oa-demand-row .demand-row-status{font-size:14px;font-weight:500}
@media(max-width:820px){.oa-demand-center .oa-demand-tools input{flex:1 1 220px;width:auto}.oa-demand-tabs{width:100%}.oa-demand-table{overflow:visible}.oa-demand-head{display:none}.oa-demand-row{grid-template-columns:minmax(0,1fr) auto;min-width:0;gap:16px;padding:20px}.oa-demand-name{grid-column:1/-1}.oa-demand-date{grid-column:1}.oa-demand-handler{grid-column:1}.oa-demand-row>.demand-row-status{grid-column:2;grid-row:2;justify-self:end}.oa-demand-action{grid-column:2;grid-row:3}.oa-demand-center .oa-demand-name p{white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.oa-demand-action button{width:auto;max-width:140px}}
:root{--oa-bg:#f6f8f8;--oa-ink:#17252b;--oa-muted:#5c707a;--oa-line:#e4ebed;--oa-brand:#168578;--oa-side:216px}
body.oa-workbench{--bg:var(--oa-bg);--ink:var(--oa-ink);--muted:var(--oa-muted);--line:var(--oa-line);--accent:var(--oa-brand);--soft:#eaf5f1}
body.oa-workbench #center :is(.tiny,.smalltext,small,.project-status,.project-risk-copy,.due-label,.eta-label,.demand-list-count){font-size:14px;line-height:1.5}
body.oa-workbench #center .project-list-action button{min-height:40px;font-size:15px}
body.oa-workbench .project-center-title h1{font-size:28px!important}
body.oa-workbench .project-list-head,body.oa-workbench .project-list-row{grid-template-columns:minmax(190px,1.5fr) minmax(140px,1fr) minmax(240px,1.7fr) minmax(130px,.9fr) minmax(130px,.9fr) minmax(100px,.65fr);min-width:1080px;gap:16px}
body.oa-workbench :is(.project-list-todo>strong,.project-list-dates>strong,.project-list-owner strong,.project-center-stage>strong){font-size:16px;line-height:1.5}
body.oa-workbench .oa-page fieldset{border:1px solid var(--oa-line);border-radius:8px;margin:0;padding:12px 16px}.oa-page legend{font-size:14px;color:var(--oa-muted);padding:0 4px}
body.oa-workbench .oa-page .product-cover{height:80px;min-height:80px}body.oa-workbench .oa-page .product-library-card{padding:20px}
body.oa-workbench .oa-page .library-page{padding:0}body.oa-workbench .oa-page .library-page small{font-size:14px}
body.oa-workbench .oa-page .library-tabs button{font-size:16px}body.oa-workbench .oa-page .library-filters label{font-size:14px}
body.oa-workbench .overview-simple{max-width:1200px;margin:auto}body.oa-workbench .overview-simple-work-copy>strong{font-size:18px}body.oa-workbench .overview-simple-work-copy>span{font-size:16px}
body.oa-workbench{background:var(--oa-bg);color:var(--oa-ink);font-size:16px;line-height:1.55;padding-left:var(--oa-side)}
.oa-sidebar{position:fixed;inset:0 auto 0 0;width:var(--oa-side);z-index:35;background:#fff;border-right:1px solid var(--oa-line);padding:30px 18px;display:flex;flex-direction:column;gap:32px;box-sizing:border-box}
.oa-logo{display:flex;align-items:center;gap:9px;padding:0 12px;color:#164f4d;font-size:23px;font-weight:750;font-style:italic;letter-spacing:-1px}.oa-logo small{font-size:10px;line-height:1.15;letter-spacing:.6px;font-style:normal}
.oa-sidebar nav{display:grid;gap:8px}.oa-sidebar button{display:flex;align-items:center;gap:14px;min-height:48px;padding:12px 16px;border:0;background:transparent;text-align:left;font-size:16px;color:var(--oa-muted);border-radius:10px}
.oa-sidebar button[aria-current=page]{color:#087f70;background:#e7f5f1;font-weight:600}.oa-sidebar button:hover{background:#f1f7f5}.oa-sidebar svg{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6}
.oa-sidebar-footer{margin-top:auto;padding:16px 12px 0;border-top:1px solid var(--oa-line);font-size:14px;color:var(--oa-muted)}
body.oa-workbench .topbar{position:relative;top:auto;width:100%;min-height:68px;height:auto;justify-content:flex-end;padding:12px 32px;background:#fff;border-bottom:1px solid var(--oa-line);box-shadow:none}
body.oa-workbench .topbar>.row:first-child,body.oa-workbench .topbar>.global-nav{display:none}body.oa-workbench .topbar button{min-height:40px;font-size:14px}
body.oa-workbench .workspace{min-height:calc(100vh - 68px);height:auto;max-width:none;grid-template-columns:minmax(0,1fr);padding:0;margin:0;overflow:visible}
body.oa-workbench .workspace>.left,body.oa-workbench .workspace>.right{display:none!important}
body.oa-workbench .workspace>.center,body.oa-workbench.global-view .center,body.oa-workbench.project-center-active .center{min-width:0;overflow:visible;border:0;padding:32px clamp(24px,3vw,56px);background:transparent;max-width:none;height:auto}
body.oa-workbench #overview{display:none!important}
.oa-page{max-width:1200px;margin:0 auto}.oa-page.oa-wide{max-width:1600px}.oa-page h1,.oa-workbench .my-work-page h1{font-size:28px;font-weight:650;line-height:1.3;margin:0;letter-spacing:-.5px}.oa-page h2{font-size:20px;font-weight:600;margin:0 0 20px}.oa-page h3{font-size:18px;font-weight:600;margin:0}.oa-page h4{font-size:16px;margin:0}.oa-page p{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.oa-muted,.oa-meta{color:var(--oa-muted);font-size:14px}.oa-meta{display:flex;gap:8px 20px;flex-wrap:wrap;margin-top:10px}.oa-page-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.oa-page-head>div{min-width:0}.oa-page-head h1{overflow-wrap:anywhere}.oa-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.oa-actions.end{justify-content:flex-end}
.oa-section{padding:24px;border:1px solid var(--oa-line);border-radius:12px;background:#fff;margin:0 0 24px;box-shadow:none}.oa-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.oa-section-head h2{margin:0}
.oa-page label{display:grid;gap:8px;min-width:0;font-size:16px;margin:0;color:var(--oa-ink)}
.oa-page input:not([type=checkbox]):not([type=radio]),.oa-page select,.oa-page textarea{width:100%;min-height:42px;border:1px solid #d5dfe3;background:#fff;color:var(--oa-ink);border-radius:7px;padding:9px 12px;font-size:16px;line-height:1.5;box-sizing:border-box}.oa-page textarea{resize:vertical;min-height:108px}.oa-page input[type=checkbox],.oa-page input[type=radio]{width:18px;height:18px;min-height:0;margin:0;accent-color:var(--oa-brand);flex:none}
.oa-page button,.oa-workbench .work-record-action{min-height:42px;padding:9px 16px;border:1px solid #d5dfe3;border-radius:7px;background:#fff;color:#36525b;font-size:15px;font-weight:550;line-height:1.4;white-space:normal}.oa-page button.primary,.oa-workbench .work-record-action.primary{color:#fff;background:var(--oa-brand);border-color:var(--oa-brand)}.oa-page button:disabled{opacity:.5;cursor:not-allowed}.oa-page button:hover:not(:disabled){filter:brightness(.97)}.oa-workbench :is(button,a,input,textarea,select,summary):focus-visible{outline:3px solid #58ae9c;outline-offset:3px}
.oa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}.oa-span{grid-column:1/-1}.oa-check{display:flex!important;align-items:center;gap:10px!important}.oa-checks{display:flex;flex-wrap:wrap;gap:16px 24px}.oa-quantity{display:grid;grid-template-columns:minmax(70px,1fr) 110px;gap:8px}
.oa-page details>summary{cursor:pointer;font-size:15px;color:#3b6664;padding:8px 0}.oa-page details[open]>summary{margin-bottom:12px}.oa-page details .oa-grid{margin-top:12px}.oa-optional{border-top:1px solid var(--oa-line);padding-top:12px;margin-top:20px}.oa-note{font-size:14px;color:#895f22;background:#fff8ed;border-left:3px solid #d8a151;padding:12px 16px;margin:12px 0}.oa-note.error{color:#a33b3b;background:#fff4f4;border-color:#cc6868}
.oa-empty{padding:40px 24px;text-align:center;color:var(--oa-muted);border:1px solid var(--oa-line);border-radius:12px;background:#fff}.oa-empty h2{color:var(--oa-ink);margin-bottom:12px}.oa-overdue{color:#b74646}.oa-status{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#19796e;background:#edf7f4;border-radius:6px;padding:4px 10px;white-space:nowrap}.oa-status.wait{color:#8c6328;background:#fff5e8}
.oa-workbench .my-work-page{max-width:1200px;margin:auto;padding:0}.oa-workbench .my-work-tools{display:flex;justify-content:space-between;align-items:center;margin:24px 0 20px;gap:24px}.oa-workbench .work-record-list{display:block;border:1px solid var(--oa-line);border-radius:12px;background:#fff;overflow:hidden;padding:0}.oa-workbench .work-record{border:0;border-bottom:1px solid var(--oa-line);border-radius:0;box-shadow:none;margin:0;padding:22px 24px;gap:32px;background:#fff}.oa-workbench .work-record:last-child{border-bottom:0}.oa-workbench .work-record-project{font-size:14px;font-weight:400;color:var(--oa-muted)}.oa-workbench .work-record-title{font-size:18px;line-height:1.5;margin:6px 0;font-weight:600}.oa-workbench .work-record-info{font-size:14px;line-height:1.6;display:block}.oa-workbench .work-record-meta{font-size:14px}.oa-workbench .work-record:hover{background:#fcfdfd}
.oa-request .demand-product-mode{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.oa-request .demand-product-mode label{display:flex;gap:9px;align-items:center;padding:9px 12px;border:1px solid var(--oa-line);border-radius:7px;white-space:nowrap}.oa-request .product-search-composer{display:flex;align-items:end;gap:12px}.oa-request .product-search-composer>label{flex:1}.oa-request .selected-product-card{border:0;border-top:1px solid var(--oa-line);border-radius:0;padding:18px 0;margin-top:16px}.oa-request .selected-product-card small{font-size:14px}.oa-request .selected-product-materials label{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:14px}.oa-request .selected-product-materials label>span{display:flex;align-items:center;gap:8px}.oa-request .demand-field-summary,.oa-request .product-version-check{font-size:14px}
.oa-item{border-top:1px solid var(--oa-line);padding-top:24px;margin-top:24px}.oa-item:first-child{border:0;padding-top:0;margin-top:0}.oa-item>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.oa-item>header strong{font-size:18px}.oa-item-fold{display:flex!important;justify-content:space-between;text-align:left;gap:24px;border:0!important;width:100%;padding:0!important;background:transparent!important}.oa-item-fold>span{display:grid;gap:4px}.oa-item-fold small{font-size:14px;font-weight:400;color:var(--oa-muted)}
.oa-board{margin-top:24px;border:1px solid var(--oa-line);background:#fafcfc;border-radius:10px;padding:20px;display:grid;gap:20px}.oa-file-grid{display:flex;flex-wrap:wrap;gap:12px}.oa-file{display:grid;gap:6px;max-width:210px;overflow-wrap:anywhere;font-size:14px}.oa-file img{width:180px;height:110px;object-fit:contain;background:#f1f4f4;border-radius:6px}.oa-file-icon{height:60px;width:60px;background:#f1f5f4;border-radius:8px;display:grid;place-items:center;font-size:14px;color:var(--oa-brand)}.oa-submit-bar{display:flex;justify-content:flex-end;gap:12px;padding:0 0 24px}
.oa-brief{padding-bottom:20px;border-bottom:1px solid var(--oa-line);margin-bottom:24px}.oa-brief:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}.oa-brief .oa-meta{margin-bottom:12px}.oa-collab{border-top:1px solid var(--oa-line);padding-top:16px;margin-top:16px}.oa-collab-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.oa-plan-item{border-top:1px solid var(--oa-line);padding-top:24px;margin-top:24px}.oa-plan-item:first-child{border:0;margin:0;padding:0}
.oa-task-list{background:#fff;border:1px solid var(--oa-line);border-radius:12px;overflow:hidden}.oa-task-row{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 24px;border-bottom:1px solid var(--oa-line)}.oa-task-row:last-child{border:0}.oa-task-row h3{font-size:18px;margin:0 0 6px}.oa-task-row p{margin:0}.oa-task-row>div:first-child{min-width:0}.oa-task-row .oa-actions{flex-shrink:0}.oa-task-row .oa-actions button{white-space:nowrap}.oa-text-link{border:0!important;background:transparent!important;color:var(--oa-brand)!important;padding:8px 0!important}
.oa-delivery-row{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:20px;align-items:start;padding:24px 0;border-bottom:1px solid var(--oa-line)}.oa-delivery-row:last-child{border-bottom:0}.oa-delivery-thumb{width:90px;height:90px;object-fit:contain;background:#f4f7f6;border-radius:8px}.oa-delivery-row .oa-actions{justify-content:flex-end}
.oa-review{max-width:none}.oa-review-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 20px}.oa-review-toolbar select{width:auto;max-width:380px;flex:0 1 auto}.oa-review-toolbar .oa-actions{margin-left:auto}.oa-review-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.oa-art-area{min-width:0;background:#eaf0ef;border-radius:10px;padding:24px;overflow:auto}.oa-artboard{position:relative;width:100%;margin:0 auto}.oa-artboard img{width:100%;height:auto;display:block}.oa-artboard.oa-actual{width:max-content;max-width:none}.oa-artboard.oa-actual img{width:auto;max-width:none}.oa-pin{position:absolute!important;transform:translate(-50%,-50%);width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border-radius:50%!important;background:#168578!important;border:2px solid white!important;color:white!important;font-size:14px!important}.oa-pin.selected{outline:4px solid #e4a048;outline-offset:1px}.oa-opinions{position:sticky;top:20px;background:#fff;border:1px solid var(--oa-line);border-radius:12px;padding:20px;min-width:0;max-height:calc(100vh - 40px);overflow:auto}.oa-opinion{padding:14px 0;border-bottom:1px solid var(--oa-line);scroll-margin:30px}.oa-opinion.selected{border-left:3px solid var(--oa-brand);padding-left:12px}.oa-opinion>button{text-align:left;border:0;width:100%;padding:0;color:var(--oa-ink);font-size:16px;min-height:0;background:transparent;font-weight:400}.oa-opinion p{font-size:14px;color:var(--oa-muted)}.oa-opinions textarea{min-height:86px}.oa-opinions .oa-actions{margin-top:12px}.oa-thumbs{display:flex;gap:12px;padding:14px 0;flex-wrap:wrap}.oa-thumbs button{border:2px solid transparent;padding:4px;min-width:64px}.oa-thumbs button.active{border-color:var(--oa-brand)}.oa-thumbs img{width:64px;height:48px;object-fit:contain}.oa-review:fullscreen{background:var(--oa-bg);padding:24px;overflow:auto}.oa-location-hint{font-size:14px;color:var(--oa-brand);margin:0 0 12px}
.oa-workbench .project-center-page{max-width:1600px;margin:auto}.oa-workbench .project-center-meta,.oa-workbench .project-center-code{font-size:14px!important}.oa-workbench .review-page{max-width:none}.oa-workbench.design-review-view .workspace>.right{display:block!important;border:0;position:static;max-width:none;width:340px}.oa-workbench.design-review-view .workspace{grid-template-columns:minmax(0,1fr) 360px}.oa-workbench.design-review-view .workspace>.center{padding:24px}.oa-workbench.design-review-view .right{padding:24px 20px 24px 0}.oa-workbench.design-review-empty .workspace,.oa-workbench.design-review-missing-file .workspace{grid-template-columns:1fr}.oa-workbench.design-review-empty .workspace>.right,.oa-workbench.design-review-missing-file .workspace>.right{display:none!important}
@media(min-width:1800px){:root{--oa-side:236px}.oa-page.oa-wide{max-width:1560px}}
@media(max-width:1150px){:root{--oa-side:180px}.oa-logo{font-size:20px;padding:0}.oa-sidebar{padding:24px 12px}.oa-sidebar button{padding:12px}.oa-review-layout{grid-template-columns:minmax(0,1fr) 300px}.oa-page-head{align-items:flex-start}}
@media(max-width:820px){body.oa-workbench{padding-left:0}.oa-sidebar{position:relative;inset:auto;width:100%;padding:16px 20px;gap:14px;display:block;border-right:0;border-bottom:1px solid var(--oa-line)}.oa-logo{margin-bottom:16px}.oa-sidebar nav{grid-template-columns:repeat(4,1fr);gap:4px}.oa-sidebar button{justify-content:center;padding:10px 4px;font-size:14px;gap:6px;min-height:42px}.oa-sidebar button svg{display:none}.oa-sidebar-footer{display:none}body.oa-workbench .topbar{padding:8px 20px;min-height:56px}body.oa-workbench .workspace>.center{padding:24px 20px!important}.oa-grid,.oa-collab-row{grid-template-columns:1fr}.oa-span{grid-column:auto}.oa-section{padding:20px}.oa-page-head{flex-wrap:wrap;gap:16px}.oa-task-row{flex-wrap:wrap;padding:20px;gap:16px}.oa-delivery-row{grid-template-columns:64px minmax(0,1fr);gap:16px}.oa-delivery-thumb{width:64px;height:64px}.oa-delivery-row>.oa-actions{grid-column:2}.oa-review-layout{grid-template-columns:1fr}.oa-opinions{position:static;max-height:none;overflow:visible}.oa-art-area{padding:16px}.oa-review-toolbar .oa-actions{margin:0}.oa-review-toolbar select{max-width:100%;width:100%}.oa-workbench .my-work-tools{flex-wrap:wrap;gap:12px}.oa-workbench .work-record{padding:20px;gap:20px}.oa-workbench .work-record-action{align-self:flex-start}.oa-workbench.design-review-view .workspace{grid-template-columns:1fr}.oa-workbench.design-review-view .workspace>.right{width:auto!important;padding:20px!important}.oa-request .product-search-composer{flex-wrap:wrap}.oa-request .product-search-composer>label{flex-basis:100%}}

/* My work: shared shell, compact overview, actionable list and contextual sidebar. */
.oa-workbench .my-work-page.oa-home{--home-gap:20px;--home-pad:24px;width:100%;max-width:1600px}
.oa-home .oa-page-head{align-items:center;margin-bottom:24px}
.oa-home .oa-page-head h1{font-size:30px;letter-spacing:-.6px}
.oa-home .oa-meta{margin-top:8px;color:#748791;font-size:14px}
.oa-home button.oa-home-department{display:flex;align-items:center;gap:12px;background:#edf8f5;border-color:transparent;color:#087f70;padding-inline:24px;white-space:nowrap}
.oa-home-department>span{font-size:20px;line-height:1}
.oa-home-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
.oa-home button.oa-home-stat{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-width:0;max-width:none;width:100%;margin:0;min-height:124px;padding:20px 24px;background:#fff;border:1px solid var(--oa-line);border-radius:14px;text-align:left;font-weight:400;transition:border-color .15s,background .15s}
.oa-home button.oa-home-stat:hover{background:#fbfdfc;border-color:#b6d4cb;filter:none}
.oa-home button.oa-home-stat>span{font-size:14px;color:#6d828d}
.oa-home button.oa-home-stat>strong{font-size:32px;line-height:1.1;font-weight:650;letter-spacing:-.8px;color:#18333e;font-variant-numeric:tabular-nums}
.oa-home button.oa-home-stat>small{font-size:14px;color:#7d919b;font-weight:400;line-height:1.5}
.oa-home button.oa-home-stat.risk>strong{color:#b8731e}
.oa-home-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,31%);gap:var(--home-gap);align-items:stretch}
.oa-home-panel{background:#fff;border:1px solid var(--oa-line);border-radius:14px;min-width:0;overflow:hidden}
.oa-home-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px var(--home-pad) 12px;min-height:68px;box-sizing:border-box}
.oa-home .oa-home-panel-head h2{display:flex;align-items:center;gap:10px;font-size:18px;line-height:1.5;margin:0;font-weight:650}
.oa-home .oa-home-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:2px 9px;background:#e9f5f1;color:#087f70;border-radius:5px;font-size:14px;font-weight:550;white-space:nowrap}
.oa-home .oa-home-count.warning{background:#fff1df;color:#ad6b17;min-width:50px;padding:5px 10px}
.oa-home button.oa-home-link{min-height:32px;padding:4px 0;border:0;background:transparent;border-radius:4px;color:#087f70;font-size:14px;font-weight:550;white-space:nowrap}
.oa-home button.oa-home-link:hover{color:#056153;filter:none;text-decoration:underline;text-underline-offset:4px}
.oa-home-task-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 var(--home-pad);border-bottom:1px solid var(--oa-line)}
.oa-home-tabs{display:flex;align-items:center;gap:24px;min-width:0;overflow:auto}
.oa-home .oa-home-tabs button{position:relative;min-height:46px;flex:none;padding:10px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#6b808c;font-size:15px;font-weight:400;white-space:nowrap}
.oa-home .oa-home-tabs button[aria-pressed=true]{color:#087f70;border-bottom-color:#168578;font-weight:600}
.oa-home .oa-home-task-tools select{flex:none;width:112px;min-height:34px;padding:4px 8px;font-size:14px;border-color:#e0e8ea;margin-bottom:4px}
.oa-home-search-note{padding:10px 24px;background:#f6faf9;font-size:14px;display:flex;align-items:center;gap:16px;overflow-wrap:anywhere}
.oa-home-table-scroll{width:100%;overflow-x:auto}
.oa-home-table{width:100%;min-width:720px;table-layout:fixed;border-collapse:collapse;text-align:left;font-size:16px;border:0;margin:0}
.oa-home-table col.home-state-col{width:100px}.oa-home-table col.home-due-col{width:128px}.oa-home-table col.home-owner-col{width:116px}.oa-home-table col.home-action-col{width:138px}
.oa-home-table th{height:46px;padding:12px 16px;background:#f6f9f9;color:#758892;font-size:14px;font-weight:550;border:0;border-bottom:1px solid var(--oa-line);line-height:1.5;box-sizing:border-box}
.oa-home-table td{padding:20px 16px;border:0;border-bottom:1px solid var(--oa-line);vertical-align:middle;line-height:1.5;overflow-wrap:anywhere;height:96px;box-sizing:border-box}
.oa-home-table :is(th,td):first-child{padding-left:24px}.oa-home-table :is(th,td):last-child{padding-right:24px}
.oa-home-table tr:last-child td{border-bottom:0}.oa-home-table tbody tr:hover{background:#f9fcfb}
.oa-home-table .oa-home-task-title{display:block;font-size:16px;font-weight:600;line-height:1.55;color:#19313e;overflow-wrap:anywhere}
.oa-home-task-meta{font-size:14px;color:#7a8c97;line-height:1.55;margin-top:4px;overflow-wrap:anywhere}
.oa-home-status{display:inline-flex;align-items:center;justify-content:center;border-radius:5px;padding:3px 10px;max-width:100%;font-size:14px;line-height:1.5;white-space:nowrap;font-weight:500}
.oa-home-status.neutral{color:#657d89;background:#eff3f5}.oa-home-status.active,.oa-home-status.review{color:#3d70a8;background:#eaf2ff}.oa-home-status.complete{color:#087f70;background:#e6f5ef}.oa-home-status.blocked{color:#a66a21;background:#fff1df}.oa-home-status.late{color:#b8404b;background:#fff0f1}
.oa-home-due{font-size:14px;font-variant-numeric:tabular-nums;color:#253b47}.oa-home-due time{display:block;line-height:1.6}.oa-home-due small{display:block;font-size:14px}.oa-home-due.is-late{color:#b8404b}
.oa-home-owner{color:#657c89;font-size:14px}
.oa-home button.oa-home-action,.oa-home-dialog button.oa-home-action{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:36px;padding:7px 8px;font-size:14px;line-height:1.4;border-radius:7px;border:1px solid #d8e3e6;background:#fff;color:#3d5e6b;font-weight:550;white-space:normal}
.oa-home button.oa-home-action.primary,.oa-home-dialog button.oa-home-action.primary{color:#fff;background:#168578;border-color:#168578}
.oa-home-aside{display:grid;gap:20px;min-width:0}
.oa-home-attention{padding:0 24px 12px}
.oa-home button.oa-home-attention-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:92px;text-align:left;padding:16px 0;border:0;border-bottom:1px solid var(--oa-line);border-radius:0;background:transparent;color:#19313e}
.oa-home button.oa-home-attention-row:last-child{border-bottom:0}
.oa-home-attention-row>span:first-child{min-width:0}.oa-home-attention-row strong{display:block;font-size:16px;font-weight:550;line-height:1.5;overflow-wrap:anywhere}
.oa-home-attention-row small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;font-size:14px;line-height:1.55;color:#7a8c97;font-weight:400}
.oa-home-attention-row>.oa-home-status{flex:none;font-size:14px}
.oa-home .oa-home-see-more{margin:0 24px 16px}
.oa-home-activity-list{list-style:none;padding:0 24px 12px;margin:0}.oa-home-activity-list>li{margin:0;border-bottom:1px solid var(--oa-line)}.oa-home-activity-list>li:last-child{border-bottom:0}
.oa-home button.oa-home-event,.oa-home-dialog button.oa-home-event{display:flex;align-items:flex-start;gap:12px;border:0;border-radius:0;background:transparent;width:100%;padding:16px 0;min-height:80px;text-align:left;color:#294452;font-weight:400;white-space:normal}
.oa-home-event>span:last-child{min-width:0}.oa-home-event-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#168578;margin-top:9px}
.oa-home-event strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:16px;font-weight:400;line-height:1.5;overflow-wrap:anywhere}
.oa-home-event small,.oa-home-event time{display:block;font-size:14px;font-weight:400;line-height:1.55;color:#7b8f9a;margin-top:3px;overflow-wrap:anywhere}
.oa-home-empty{padding:64px 24px;text-align:center;font-size:16px;color:#718690;line-height:1.6}.oa-home-empty.compact{padding:28px 0;font-size:14px}.oa-home-clear-mark{display:block;color:#168578;font-size:24px;margin-bottom:8px}
.oa-home-tasks{min-height:470px}.oa-home-dialog{font-size:16px}.oa-home-dialog .oa-home-table{min-width:800px}.oa-home-dialog .oa-home-activity-list{padding-inline:0}
body.oa-workbench .topbar .oa-home-top-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:1;min-width:0;margin-right:20px}
.oa-home-search{display:flex;align-items:center;gap:12px;width:min(440px,100%);height:40px;border:1px solid #dbe5e9;border-radius:9px;background:#fff;padding:0 14px;box-sizing:border-box;margin:0}
.oa-home-search svg,.oa-home-notification svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none;flex:none}
.oa-home-search svg{color:#91a4ad}.oa-home-search input{border:0!important;outline:0;background:transparent;min-width:0;width:100%;height:36px;padding:0!important;font-size:14px;color:#233e4b;box-shadow:none!important}.oa-home-search input::placeholder{color:#91a4ad}.oa-home-search:focus-within{outline:2px solid #58ae9c;outline-offset:2px}
body.oa-workbench .topbar button.oa-home-notification{display:flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;color:#607984;white-space:nowrap;padding:8px}
.oa-home-notification>span{min-width:20px;border-radius:5px;background:#e8f5f0;padding:1px 5px;color:#087f70;font-size:14px}
@media(min-width:1800px){.oa-home-layout{gap:24px}.oa-home-table col.home-state-col{width:118px}.oa-home-table col.home-owner-col{width:138px}.oa-home-table col.home-action-col{width:158px}.oa-home-table td{padding-block:20px}.oa-home-tasks{min-height:488px}}
@media(max-width:1550px){.oa-home-layout{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.oa-home-panel-head{padding-inline:20px}.oa-home-task-tools{flex-wrap:wrap;gap:0;padding-inline:20px}.oa-home-tabs{gap:18px;flex:1}.oa-home .oa-home-task-tools select{width:104px}.oa-home-table{min-width:650px}.oa-home-table col.home-state-col{width:90px}.oa-home-table col.home-due-col{width:112px}.oa-home-table col.home-owner-col{width:94px}.oa-home-table col.home-action-col{width:112px}.oa-home-table :is(th,td){padding-inline:12px}.oa-home-table :is(th,td):first-child{padding-left:20px}.oa-home-table :is(th,td):last-child{padding-right:20px}.oa-home button.oa-home-stat{padding:20px}.oa-home-attention,.oa-home-activity-list{padding-inline:20px}}
@media(max-width:1320px){.oa-home-layout{grid-template-columns:minmax(0,1fr)}.oa-home-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.oa-home-tasks{min-height:360px}.oa-home-table{min-width:720px}.oa-home-table col.home-state-col{width:110px}.oa-home-table col.home-due-col{width:128px}.oa-home-table col.home-owner-col{width:120px}.oa-home-table col.home-action-col{width:140px}}
@media(max-width:820px){.oa-home-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.oa-home button.oa-home-stat{min-height:114px;padding:18px}.oa-home .oa-page-head{align-items:flex-start}.oa-home .oa-page-head h1{font-size:28px}.oa-home .oa-page-head .oa-meta{max-width:100%}.oa-home .oa-home-department{font-size:14px;padding-inline:14px!important}.oa-home-aside{grid-template-columns:1fr}.oa-home .oa-home-panel-head h2{font-size:17px}.oa-home-panel-head{gap:8px}body.oa-workbench .topbar .oa-home-top-tools{margin-right:8px;gap:8px}.oa-home-top-tools .oa-home-notification{font-size:0!important;gap:3px!important}.oa-home-search{padding-inline:10px}.oa-home-search input{font-size:14px}.oa-home-tabs{gap:20px}.oa-home .oa-home-task-tools select{margin:4px 0 10px}.oa-home-tasks{min-height:0}}
@media(max-width:520px){.oa-home .oa-page-head{gap:16px}.oa-home button.oa-home-stat{min-height:120px;padding:16px}.oa-home button.oa-home-stat>strong{font-size:28px}.oa-home-panel-head{flex-wrap:wrap;padding-inline:16px}.oa-home-task-tools{padding-inline:16px}.oa-home-tabs{flex-basis:100%}.oa-home-search{width:100%}.oa-home-top-tools .oa-home-notification{display:none!important}body.oa-workbench .topbar{padding-inline:16px}.oa-home-search svg{display:none}.oa-home .oa-meta{line-height:1.6}}

/* Reference-matched review workspace. */
.oa-workbench.design-review-view .workspace{grid-template-columns:minmax(0,1fr) 350px}.oa-workbench.design-review-view .workspace>.center{padding:28px 20px 38px}.oa-workbench.design-review-view .workspace>.right{padding:112px 20px 28px 0;width:350px;background:transparent}
.oa-reference-review{max-width:1500px;margin:0 auto}.oa-reference-review-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.oa-reference-review-head p{font-size:14px;color:#758a94;margin:0 0 5px}.oa-reference-review-head h1{font-size:28px;line-height:1.25;margin:0;color:#172c38}.oa-reference-review-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.oa-reference-review-actions>button,.oa-reference-review-actions>span{min-height:42px}.oa-reference-review-actions>button{padding:9px 20px;background:#fff;border:1px solid #d7e2e6;border-radius:8px;font-size:15px;font-weight:550}.oa-reference-review-actions>button.primary{background:#168578;border-color:#168578;color:#fff}.oa-reference-review-state{display:inline-flex;align-items:center;padding:8px 18px;background:#fff1df;border-radius:7px;color:#a86918;font-size:14px}
.oa-reference-review-grid{display:grid;grid-template-columns:218px minmax(0,1fr);gap:16px;min-height:720px}.oa-reference-review-nav,.oa-reference-canvas,.oa-workbench.design-review-view .right{border:1px solid #e1e9ea;border-radius:13px;background:#fff}.oa-reference-review-nav{padding:18px}.oa-reference-review-nav h2{font-size:18px;margin:0 0 12px}.oa-reference-review-nav h2:nth-of-type(2){margin-top:24px}.oa-reference-review-nav button{width:100%;min-height:49px;border:0;border-bottom:1px solid #e9eeee;border-radius:0;background:transparent;padding:10px 0;text-align:left;font-size:15px;color:#28404c}.oa-reference-version{display:flex;align-items:center;justify-content:space-between;gap:8px}.oa-reference-version em{font-style:normal;padding:3px 9px;border-radius:5px;background:#eef2f3;color:#71838b;font-size:13px}.oa-reference-version.active em{background:#fff0d9;color:#aa6a17}.oa-reference-page{display:flex;align-items:center;justify-content:space-between}.oa-reference-page b{font-size:20px;font-weight:400;color:#9aabb2}
.oa-reference-canvas{padding:0;overflow:hidden;background:#e9eeef}.oa-reference-canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;color:#85969e;font-size:14px}.oa-reference-canvas-toolbar>div{display:flex;gap:6px}.oa-reference-canvas-toolbar button{min-height:34px;padding:5px 11px;background:#fff;border:1px solid #d8e1e4;border-radius:7px;color:#526b76}.oa-reference-canvas .review-canvas-shell{height:650px;min-height:500px;margin:0 18px 18px;border-radius:8px;background:#e6ebec;padding:28px}.oa-reference-canvas .review-canvas{width:min(72%,720px);background:#0c1218}.oa-reference-canvas .review-canvas.fit-width{width:min(72%,720px);max-width:720px}.oa-reference-canvas .review-empty{margin:0 18px 18px;min-height:620px}
.oa-workbench.design-review-view .right{overflow:auto}.oa-workbench.design-review-view .right .review-side-title{padding-inline:18px}.oa-workbench.design-review-view .right .review-opinions,.oa-workbench.design-review-view .right .review-more,.oa-workbench.design-review-view .right .review-resolved{margin-inline:18px}.oa-workbench.design-review-view .right .review-opinion{padding:14px;background:#fff}.oa-workbench.design-review-view .right .review-opinion.selected{border-color:#e8b970;background:#fff9f0}.oa-target-version-history{display:grid}.oa-target-version-history button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:14px 0;text-align:left;border:0;border-bottom:1px solid #e5ecee;border-radius:0}.oa-target-version-history button span{font-size:14px;color:#6d828b}.oa-target-version-history button span:last-child{grid-column:2;grid-row:1/3}

/* Reference-matched asset hub. */
.oa-reference-library{max-width:1600px;margin:0 auto;color:#172c38}.oa-reference-library-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.oa-reference-library-head h1{font-size:30px;line-height:1.25;margin:0}.oa-reference-library-head p{font-size:14px;color:#82949d;margin:6px 0 0}.oa-reference-library-head button{min-width:180px;min-height:42px}.oa-reference-library>h2{font-size:19px;margin:18px 0 12px}.oa-reference-library-search{display:grid;grid-template-columns:auto minmax(320px,1fr) 120px 120px 150px;align-items:center;gap:12px;padding:14px 18px;border:1px solid #e1e9ea;border-radius:13px;background:#fff}.oa-reference-library-search>span{color:#93a4ac}.oa-reference-library-search input,.oa-reference-library-search select{min-height:42px;border:1px solid #dce5e8;border-radius:8px;padding:8px 12px;font-size:14px}.oa-reference-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.oa-reference-product{display:flex;align-items:center;gap:14px;min-height:82px;padding:14px 16px;border:1px solid #e0e8e9;border-radius:13px;background:#fff;text-align:left}.oa-reference-product-icon{display:grid;place-items:center;width:54px;height:54px;flex:none;border-radius:9px;background:#122027}.oa-reference-product-icon i{display:block;width:34px;height:19px;border:1px solid #697a80;border-radius:4px;box-shadow:inset 0 0 10px #2c424a}.oa-reference-product strong,.oa-reference-product small{display:block}.oa-reference-product strong{font-size:18px}.oa-reference-product small{margin-top:3px;font-size:14px;color:#82949d;font-weight:400}.oa-reference-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.oa-reference-categories button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:center;min-height:126px;padding:18px;border:1px solid #e0e8e9;border-radius:13px;background:#fff;text-align:left}.oa-reference-categories button>span{grid-row:1/3;align-self:start;display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#e8f5f2;color:#168578;font-size:20px}.oa-reference-categories strong{font-size:18px;align-self:end}.oa-reference-categories small{font-size:14px;color:#82949d;align-self:start}.oa-reference-recent{margin-top:22px;border:1px solid #e1e9ea;border-radius:13px;background:#fff;overflow:hidden}.oa-reference-recent>header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px}.oa-reference-recent h2{font-size:18px;margin:0}.oa-reference-recent>header button{border:0;background:transparent;color:#168578}.oa-reference-file-head,.oa-reference-file-row{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(130px,.8fr) minmax(160px,.9fr) minmax(160px,1fr) 110px;gap:18px;align-items:center;padding:14px 20px;text-align:left}.oa-reference-file-head{background:#f6f9f9;color:#748993;font-size:14px}.oa-reference-file-row{width:100%;min-height:74px;border:0;border-top:1px solid #e7edef;border-radius:0;background:#fff;font-size:15px}.oa-reference-file-row strong,.oa-reference-file-row small{display:block}.oa-reference-file-row small{color:#83949c;font-size:13px}.oa-reference-file-row .link{color:#168578}.oa-reference-file-row .status{display:inline-flex;justify-content:center;border-radius:5px;padding:3px 9px;background:#eef2f3;color:#667b84}.oa-reference-file-row .status.wait{background:#fff0da;color:#a96b19}.oa-reference-file-row .status.done{background:#e5f4ef;color:#168578}

/* Shorter request product selector. */
.oa-request .oa-product-result-list{max-height:190px;overflow:auto;scrollbar-gutter:stable}.oa-request .oa-product-result-list .product-search-result{min-height:54px;padding:8px 12px}.oa-request .selected-product-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:12px 0;margin-top:8px}.oa-request .selected-product-card>div:first-child{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:2px 14px;align-items:center}.oa-request .selected-product-card>div:first-child>strong{font-size:16px}.oa-request .selected-product-card>div:first-child>span,.oa-request .selected-product-card>div:first-child>small{font-size:13px}.oa-request .selected-product-card .product-version-check{min-height:34px;padding:5px 10px}.oa-request .selected-product-materials{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.oa-request .selected-product-materials>strong{grid-column:1/-1;font-size:14px;margin-top:4px}.oa-request .selected-product-materials label{padding:5px 0}
@media(max-width:1250px){.oa-reference-products,.oa-reference-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.oa-reference-library-search{grid-template-columns:auto minmax(220px,1fr) repeat(3,110px)}.oa-reference-review-grid{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:820px){.oa-workbench.design-review-view .workspace>.right{padding:0 20px 24px;width:auto}.oa-reference-review-head{align-items:flex-start;flex-direction:column}.oa-reference-review-grid{grid-template-columns:1fr}.oa-reference-review-nav{display:none}.oa-reference-canvas .review-canvas-shell{height:60vh}.oa-reference-library-search{grid-template-columns:auto minmax(0,1fr)}.oa-reference-library-search select{display:none}.oa-reference-products,.oa-reference-categories{grid-template-columns:1fr}.oa-reference-file-head{display:none}.oa-reference-file-row{grid-template-columns:1fr auto}.oa-reference-file-row>span:nth-child(2),.oa-reference-file-row>span:nth-child(3),.oa-reference-file-row>span:nth-child(4){display:none}.oa-request .selected-product-materials{grid-template-columns:1fr}}

/* Project overview matched to the supplied project workspace. */
body.overview-view .overview{padding:28px 44px 0;background:#f6f8f8!important;border:0}body.overview-view .center{max-width:none;padding:18px 44px 54px;background:#f6f8f8}body.overview-view .clear-nav{display:none}
.oa-project-overview-head,.oa-project-overview{max-width:1474px;margin:0 auto}.oa-project-crumb{font-size:12px;color:#8b9ba2;margin-bottom:10px}.oa-project-title{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.oa-project-title h1{margin:0;color:#172c36!important;font-size:28px!important;font-weight:650}.oa-project-title p{margin:5px 0 0;color:#84969d;font-size:13px}.oa-project-title span{display:block;width:410px;margin-top:2px;text-align:center;background:#fff0d9;color:#a56a1b;font-size:11px;line-height:23px}.oa-project-title>button{min-width:136px;height:42px;background:#fff;border:1px solid #dce5e6;color:#425d67;font-weight:600}
.oa-project-overview{color:#172c36}.oa-project-progress{background:#fff;border:1px solid #e3e9ea;border-radius:15px;padding:20px 26px 18px}.oa-project-progress header{display:flex;align-items:center;justify-content:space-between;gap:20px}.oa-project-progress h2{font-size:17px;margin:0}.oa-project-progress header p{font-size:12px;color:#8b9ba2}.oa-project-progress-bars{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}.oa-project-progress-bars span{display:grid;gap:8px;text-align:center;color:#8a999f;font-size:12px}.oa-project-progress-bars i{height:6px;border-radius:5px;background:#e4ebeb}.oa-project-progress-bars .done i{background:#168578}.oa-project-progress-bars .active i{background:#dc9a3f}.oa-project-progress-bars .active{color:#344c55}
.oa-project-tabs{display:flex;gap:34px;margin:17px 0 18px;border-bottom:1px solid #dfe7e7}.oa-project-tabs button{padding:0 0 11px;border:0;border-radius:0;background:transparent;color:#8a999f;font-size:14px}.oa-project-tabs button.active{color:#168578;font-weight:650;border-bottom:3px solid #168578}.oa-project-columns{display:grid;grid-template-columns:minmax(560px,1.8fr) minmax(340px,1fr);gap:20px;align-items:start}.oa-project-columns>aside{display:grid;gap:18px}.oa-project-panel{background:#fff;border:1px solid #e3e9ea;border-radius:15px;overflow:hidden}.oa-project-panel>header{min-height:66px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.oa-project-panel>header h2{font-size:17px;margin:0}.oa-project-panel>header button{border:0;background:transparent;color:#168578;font-weight:600;padding:4px}
.oa-project-task{width:100%;min-height:82px;display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:14px;padding:15px 24px;border:0;border-top:1px solid #edf1f1;border-radius:0;background:#fff;text-align:left}.oa-project-task:hover{background:#f7fbfa}.oa-project-task>i{width:8px;height:8px;border-radius:50%;border:1px solid #adbec2;background:#fff}.oa-project-task.active>i{width:14px;height:14px;border:2px solid #fff;background:#dc9a3f;box-shadow:0 0 0 1px #dc9a3f}.oa-project-task>span{display:grid;gap:4px}.oa-project-task strong{font-size:14px}.oa-project-task small{font-size:12px;color:#8a9ba1}.oa-project-task em{min-width:76px;text-align:center;padding:7px 12px;border-radius:7px;font-size:11px;font-style:normal;background:#edf1f2;color:#75878d}.oa-project-task em.done{background:#e4f3ee;color:#168578}.oa-project-task em.active{background:#fff0dc;color:#b27320}
.oa-project-needs>header span{min-width:48px;text-align:center;padding:8px;border-radius:8px;background:#fff0dc;color:#a86d21;font-size:11px}.oa-project-need{margin:0 20px 22px;padding:20px;border:1px solid #f2d6ad;border-radius:12px;background:#fffaf3;display:grid;gap:9px}.oa-project-need strong{font-size:15px}.oa-project-need p,.oa-project-need small{font-size:12px;color:#7e8d92;line-height:1.6}.oa-project-need button{width:100%;margin-top:4px;background:#168578;border-color:#168578}.oa-project-updates{padding-bottom:12px}.oa-project-updates>button{width:calc(100% - 40px);margin:0 20px;display:grid;grid-template-columns:8px 1fr;gap:5px 12px;padding:13px 0;border:0;border-top:1px solid #edf1f1;border-radius:0;background:transparent;text-align:left}.oa-project-updates>button i{grid-row:1/3;width:6px;height:6px;margin-top:6px;border-radius:50%;background:#168578}.oa-project-updates>button span{font-size:12px}.oa-project-updates>button small{font-size:11px;color:#91a0a5}.oa-project-empty{padding:24px;color:#8b9ba2;font-size:12px}
@media(max-width:1050px){.oa-project-columns{grid-template-columns:1fr}.oa-project-title span{width:auto}.oa-project-overview-head,.oa-project-overview{max-width:none}}@media(max-width:700px){body.overview-view .overview,body.overview-view .center{padding-left:16px;padding-right:16px}.oa-project-title{display:grid}.oa-project-progress header{align-items:flex-start;flex-direction:column}.oa-project-progress-bars small{font-size:10px}.oa-project-tabs{gap:18px;overflow:auto}.oa-project-title span{width:100%}}

/* Use the full content width after the fixed navigation, as in the references. */
.oa-project-overview-head,.oa-project-overview,.oa-reference-review{width:100%;max-width:none}
body.overview-view .overview{padding-left:32px;padding-right:32px}body.overview-view .center{padding-left:32px;padding-right:32px}
.oa-workbench.design-review-view .workspace>.center{padding-left:32px;padding-right:14px}.oa-workbench.design-review-view .workspace>.right{padding-right:32px}
.oa-reference-review-grid{grid-template-columns:218px minmax(0,1fr);min-height:650px}.oa-reference-canvas .review-canvas-shell{height:620px;min-height:560px}.oa-reference-canvas .review-canvas{width:min(62%,620px);max-width:620px}.oa-reference-canvas .review-canvas.fit-width{width:min(62%,620px);max-width:620px}
.oa-reference-canvas .review-canvas .design-screen{height:390px;padding:38px 34px}.oa-reference-canvas .review-canvas .design-screen h2{font-size:36px}.oa-reference-canvas .review-canvas .product-shape{height:82px;margin:24px auto 10px}.oa-reference-canvas .review-canvas .design-lines{margin-top:20px}
@media(min-width:1800px){.oa-reference-canvas .review-canvas-shell{height:650px}.oa-reference-canvas .review-canvas,.oa-reference-canvas .review-canvas.fit-width{width:min(56%,640px);max-width:640px}}

/* Project-center summary before the existing filters and table. */
.project-center-title{align-items:flex-start!important;margin-bottom:18px!important}.project-center-title>div p{margin-top:5px!important;font-size:13px!important}.project-center-title .oa-project-new{min-width:140px;min-height:40px;background:#168578;border-color:#168578;color:#fff;font-size:14px}.oa-project-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 22px}.oa-project-stats article{min-height:108px;padding:20px;border:1px solid #e1e8e9;border-radius:13px;background:#fff}.oa-project-stats span,.oa-project-stats small{display:block;color:#81939b;font-size:12px}.oa-project-stats strong{display:block;margin:4px 0 1px;color:#172c38;font-size:29px;line-height:1.25;font-weight:650}.project-center-page .project-filter-bar{margin-top:0}
@media(max-width:900px){.oa-project-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.oa-project-stats{grid-template-columns:1fr 1fr;gap:9px}.oa-project-stats article{min-height:92px;padding:14px}.project-center-title{flex-direction:column}.project-center-title .oa-project-new{width:100%}}

/* Preserve the reference table's six columns (risk stays with the next action). */
.project-list-head,.project-list-row{box-sizing:border-box;grid-template-columns:minmax(190px,1.4fr) minmax(125px,.9fr) minmax(225px,1.55fr) minmax(140px,1fr) minmax(130px,.9fr) minmax(120px,.8fr)!important}
.oa-project-list-panel .project-list-dates{display:flex!important;flex-direction:column;align-items:flex-start;gap:3px}
.project-center-title .oa-project-actions{display:flex;gap:8px;align-items:center}
.project-center-title .oa-project-export{min-width:112px;min-height:40px;padding:8px 14px;border:1px solid #d5e0e3;border-radius:8px;background:#fff;color:#38505c;font-size:14px}
.project-center-title .oa-project-new{min-height:40px}
.project-list-risk-col{display:flex;align-items:center}.project-list-risk-col span{display:inline-flex;align-items:center;justify-content:center;min-width:82px;padding:3px 10px;border-radius:6px;font-size:12px;line-height:1.4;background:#e6f4ef;color:#168578}.project-list-risk-col span.late{background:#fdebed;color:#c43d46}.project-list-risk-col span.blocked{background:#fff0d9;color:#ac6a13}.project-list-risk-col span.delivered{background:#e6f4ef;color:#168578}.project-list-dates{display:block!important}.project-list-dates>strong{font-size:14px!important}.project-list-dates>strong.is-late{color:#c43d46!important}
@media(max-width:1250px){.project-list-head,.project-list-row{min-width:1250px!important}}

/* Keep long-image controls reachable while preserving scrollable full-resolution art. */
.oa-art-area{max-height:72vh;overflow:auto}.oa-opinions{max-height:78vh;overflow:auto}.oa-feedback-actions{display:flex;flex-wrap:wrap;gap:6px}.oa-feedback-actions button{font-size:12px;min-height:34px;padding:5px 8px}.oa-opinion textarea{min-height:65px}.oa-file-error{padding:20px;background:#fff0dc;color:#9b421b}
@media(max-width:820px){.oa-art-area{max-height:55vh}.oa-opinions{max-height:none}.oa-review-toolbar select{max-width:100%}}
.modal-backdrop{grid-template-columns:minmax(0,1fr);justify-items:center}.modal{width:min(570px,calc(100vw - 32px));min-width:0}.modal.wide{width:min(820px,calc(100vw - 32px))}.modal input,.modal textarea,.modal form{min-width:0;max-width:100%}
.oa-upload-help{margin:12px 0;padding:16px;background:#f2f8f7;border:1px solid #d8e9e5;border-radius:10px}.oa-upload-help small{display:block;line-height:1.7;color:#56717c}.oa-optimize{display:flex!important;align-items:center;gap:8px;margin:12px 0!important}.oa-optimize input{width:auto!important;flex:none}.oa-selected-file{display:flex;align-items:center;gap:12px;padding:6px 0;overflow-wrap:anywhere}.oa-selected-file img{width:56px;height:56px;object-fit:contain;background:white;border:1px solid #dce5e8;border-radius:6px}.oa-upload-error{padding:12px 16px;background:#fff2e2;color:#94510f;border-radius:8px;line-height:1.7}.oa-upload-error[hidden]{display:none}.oa-upload-context{padding:12px 16px;background:#eaf3fd;color:#365d88;border-radius:8px}.oa-upload-copy{font-size:12px;color:#805e24;line-height:1.6}
@media(max-width:820px){.modal-backdrop{padding:16px}.modal{padding:20px}.oa-reference-review-grid{grid-template-columns:minmax(0,1fr)}.oa-reference-canvas .review-canvas,.oa-reference-canvas .review-canvas.fit-width{width:100%;max-width:100%}.oa-reference-canvas .review-canvas .design-screen{padding:24px 16px}.oa-reference-canvas .review-canvas .design-screen h2{font-size:24px}}
.oa-uploading>.oa-review-toolbar>.oa-actions>button.primary{display:none}.oa-uploading>.oa-section{margin-bottom:18px}.oa-uploading .oa-section h2{margin-bottom:14px}.oa-uploading textarea[name=note]{min-height:80px}.oa-uploading .oa-upload-help{padding:12px 14px}.oa-uploading .oa-upload-help small{font-size:12px}.oa-uploading .oa-selected-file img{width:44px;height:44px}
.oa-demand-preview-item{padding:18px 0;border-bottom:1px solid #dce5e8}.oa-demand-preview-item>h3{font-size:15px;color:#657e89;margin-bottom:12px}.oa-demand-preview .oa-file img{width:100px;height:80px;object-fit:contain}.oa-demand-preview-info{display:flex;flex-wrap:wrap;gap:4px 24px;color:#657e89;font-size:13px}.oa-demand-preview .oa-actions{margin-top:12px}
/* Reference review proportions; responsive behavior remains below. */
body.oa-workbench.design-review-view .workspace{grid-template-columns:minmax(0,1fr) 316px!important;gap:14px!important;padding:28px 24px!important}body.oa-workbench.design-review-view .workspace>.center{padding:0!important;overflow:visible!important}body.oa-workbench.design-review-view .workspace>.right{margin-top:70px!important;padding:18px!important;min-height:654px;align-self:stretch;background:#fff!important}.oa-reference-review-head{height:50px;margin-bottom:20px;align-items:flex-start}.oa-reference-review-head h1{font-size:24px}.oa-reference-review-head p{font-size:12px}.oa-reference-review-grid{grid-template-columns:194px minmax(0,1fr);gap:14px;min-height:654px}.oa-reference-review-nav{padding:18px}.oa-reference-review-nav h2{font-size:16px}.oa-reference-review-nav button{font-size:12px;min-height:52px}.oa-reference-review-nav .oa-reference-page{min-height:40px}.oa-reference-review-actions>button,.oa-reference-review-actions>span{min-height:36px;font-size:12px;padding:7px 18px}.oa-reference-canvas{position:relative;background:#e9eeef;min-height:654px}.oa-reference-canvas-toolbar{padding:16px;font-size:12px;height:48px}.oa-zoom{display:flex;align-items:center;background:white;border:1px solid #d9e3e6;border-radius:8px;padding:0 6px}.oa-reference-canvas-toolbar .oa-zoom button{border:0;min-height:26px;padding:2px 7px}.oa-zoom span{font-weight:600}.oa-reference-canvas .review-canvas-shell{height:550px;min-height:0;margin:0;background:transparent;padding:10px 20px 24px;overflow:auto}.oa-reference-canvas .review-canvas{max-width:none!important;border-radius:4px;overflow:hidden}.oa-canvas-hint{position:absolute;bottom:16px;left:20px;color:#879da5;font-size:11px}.review-side-title{padding:0 0 20px;border:0}.review-side-title h2{font-size:16px}.review-side-title>span{background:#fff0de;color:#b9751f;border-radius:5px;padding:5px 16px;font-size:12px}.review-opinions{padding:0;gap:14px}.oa-reference-opinion{padding:16px;border-radius:11px;gap:10px}.oa-reference-opinion.needs-change,.oa-reference-opinion.selected{background:#fffaf3;border-color:#f2d2a9;box-shadow:none}.review-opinion-pin{border-radius:5px;background:#e9f2ff;color:#4584c9;width:42px;height:29px;font-size:12px}.needs-change .review-opinion-pin{background:#ffefd9;color:#bd7924}.review-opinion-text{font-size:13px;font-weight:650;line-height:29px}.oa-comment-body{font-size:12px;line-height:1.8;white-space:pre-wrap}.review-opinion-meta{padding:0;font-size:12px;color:#8b9ea7}.oa-comment-state{font-size:11px;text-align:center;background:#fff0dc;color:#b97622;border-radius:5px}.oa-reference-opinion details{font-size:11px;color:#66848b}.oa-reference-reply{display:grid;gap:8px;margin-top:24px}.oa-reference-reply input{height:36px;font-size:12px}.oa-reference-reply button{height:36px;font-size:13px;background:#098779!important}.oa-comment-reply{font-size:12px;color:#56737d}.review-review-form{margin:0 0 16px}.review-review-form textarea{min-height:60px}
@media(max-width:1050px){body.oa-workbench.design-review-view .workspace{grid-template-columns:minmax(0,1fr) 280px!important;padding:20px 16px!important}.oa-reference-review-grid{grid-template-columns:150px minmax(0,1fr)}.oa-reference-review-head{height:auto;min-height:50px}.oa-reference-review-actions{gap:4px}.oa-reference-review-nav{padding:12px}}
@media(max-width:820px){body.oa-workbench.design-review-view .workspace{display:flex!important;flex-direction:column!important;padding:16px!important}.oa-reference-review-grid{grid-template-columns:1fr}.oa-reference-review-nav{display:none}body.oa-workbench.design-review-view .workspace>.right{margin-top:0!important;min-height:0;width:100%!important}.oa-reference-review-head{height:auto}.oa-reference-canvas .review-canvas-shell{height:55vh}.oa-reference-canvas{min-height:calc(55vh + 90px)}.oa-reference-review-grid{min-height:0}}
body.oa-workbench.design-review-view .workspace>.right{width:auto!important;min-width:0!important;box-sizing:border-box!important}.oa-reference-review-head{width:calc(100% + 330px)}@media(max-width:1050px){.oa-reference-review-head{width:calc(100% + 294px)}}@media(max-width:820px){.oa-reference-review-head{width:100%}}
.oa-plan-page{padding-bottom:70px}.oa-plan-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.oa-plan-stepper{display:flex;align-items:center;gap:14px;padding:22px;background:white;border:1px solid #e1e9ea;border-radius:12px;margin-bottom:16px;color:#7b8d9b;font-size:13px}.oa-plan-stepper strong{color:#137e73}.oa-plan-stepper i{height:1px;background:#dce4e9;flex:1}.oa-plan-form>.oa-section{margin-bottom:14px;padding:20px}.oa-plan-form h2{display:flex;align-items:center;gap:12px;font-size:18px;margin-bottom:18px}.oa-plan-form h2>b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0e877b;color:white;font-size:16px;flex:none}.oa-plan-form h2 small{font-size:12px;font-weight:400;color:#83939e}.oa-plan-types{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.oa-plan-form .oa-plan-type{display:grid;position:relative;justify-items:center;align-content:center;gap:8px;min-height:116px;padding:14px 6px;border:1px solid #dce5e9;background:white}.oa-plan-type>span{display:grid;place-items:center;width:38px;height:38px;background:#edf5f7;color:#168478;border-radius:50%;font-size:24px}.oa-plan-type strong{font-size:13px}.oa-plan-type small{font-size:12px;color:#81939d}.oa-plan-type.selected{border-color:#168e81;background:#effaf6}.oa-plan-type.selected b{position:absolute;top:0;right:0;background:#168e81;color:white;padding:1px 5px;border-radius:0 5px 0 5px}.oa-plan-type:disabled{opacity:.65!important}.oa-plan-group{margin-top:16px}.oa-plan-group>h3{font-size:14px;margin:12px 0}.oa-plan-table-wrap{overflow:auto;border:1px solid #e2e9ed;border-radius:8px}.oa-plan-table{width:100%;border-collapse:collapse;min-width:570px}.oa-plan-table th{text-align:left;background:#f6f9fa;color:#6a8190;font-size:12px;font-weight:500}.oa-plan-table td,.oa-plan-table th{padding:12px;border-bottom:1px solid #e6ecef}.oa-plan-table td:first-child{font-size:13px;font-weight:600;white-space:nowrap}.oa-plan-table input,.oa-plan-table select{font-size:13px!important;min-height:36px!important;padding:6px!important}.oa-plan-settings{display:flex;gap:20px;align-items:end;flex-wrap:wrap}.oa-plan-settings>.oa-actions{flex:1}.oa-plan-settings label{font-size:12px}.oa-plan-settings button{font-size:12px;padding:8px 12px}.oa-plan-aside{min-width:0}.oa-plan-aside .oa-section{padding:18px;margin-bottom:16px}.oa-plan-aside h2{font-size:18px}.oa-plan-aside h3{font-size:15px;margin-top:12px}.oa-plan-aside p,.oa-plan-aside dl{font-size:13px;color:#698190}.oa-plan-aside dl{display:grid;grid-template-columns:70px 1fr;gap:14px;margin:20px 0}.oa-plan-aside dd{margin:0;color:#203c48}.oa-plan-cover{width:100%;height:140px;object-fit:contain;background:#f1f6f5;border-radius:8px}.oa-plan-noimage{height:110px;display:grid;place-items:center;border-radius:8px;background:#f3f7f7;color:#83979f;font-size:13px}.oa-plan-preview-row{display:grid;grid-template-columns:1fr auto;gap:4px;padding:10px 0;font-size:12px;border-bottom:1px solid #eef2f4}.oa-plan-preview-row small{grid-column:1/-1;color:#80939e}.oa-plan-footer{position:sticky;bottom:0;display:flex;gap:10px;padding:14px;background:#fffffff5;border-top:1px solid #e2e8eb;z-index:20}.oa-plan-footer>span{flex:1}.oa-plan-footer button{font-size:13px}.oa-plan-aside .oa-file-grid{grid-template-columns:1fr}.oa-plan-form textarea[name=planNote]{min-height:76px}.oa-plan-group .oa-collab summary,.oa-plan-group .oa-optional summary{font-size:13px}
@media(max-width:1180px){.oa-plan-layout{grid-template-columns:minmax(0,1fr) 260px}.oa-plan-types{grid-template-columns:repeat(3,minmax(0,1fr))}.oa-plan-form h2{flex-wrap:wrap}.oa-plan-form h2 small{flex-basis:100%;padding-left:42px}}
@media(max-width:820px){.oa-plan-layout{grid-template-columns:1fr}.oa-plan-aside{display:grid;gap:12px;grid-template-columns:1fr}.oa-plan-stepper{font-size:11px;padding:14px;gap:5px}.oa-plan-form>.oa-section{padding:16px}.oa-plan-types{gap:6px}.oa-plan-footer{flex-wrap:wrap}.oa-plan-footer>span{display:none}.oa-plan-footer button{flex:1}}
.oa-unified-review{width:100%;max-width:none}.oa-unified-review>.oa-page-head{margin-bottom:20px;align-items:flex-start;gap:16px}.oa-unified-review>.oa-page-head h1{font-size:28px}.oa-review-breadcrumb{font-size:12px!important;color:#8195a0;margin:0 0 8px!important}.oa-unified-review .oa-review-layout{grid-template-columns:218px minmax(0,1fr) 354px;gap:14px;align-items:stretch}.oa-unified-canvas{background:#e8edef;border:1px solid #e1e9eb;border-radius:14px;position:relative;min-width:0;padding-bottom:48px}.oa-unified-review .oa-art-area{background:transparent;padding:16px 20px 30px;height:590px;max-height:72vh;overflow:auto}.oa-unified-review .oa-artboard{margin:auto;max-width:none!important}.oa-unified-review .oa-opinions{position:static;max-height:736px;overflow:auto;min-width:0;border:1px solid #e1e9eb;border-radius:14px;padding:20px;background:white}.oa-unified-review .oa-opinions>h2{display:flex;justify-content:space-between;align-items:center;font-size:18px;margin-bottom:20px}.oa-opinion-count{background:#fff0dd;color:#b67822;border-radius:5px;padding:7px 14px;font-size:12px}.oa-unified-review .oa-reference-review-nav{min-height:736px}.oa-unified-review .oa-opinion{border-radius:12px;padding:16px;border-color:#dce5e9;margin-bottom:14px}.oa-unified-review .oa-opinion.selected{background:#fff9f1;border-color:#f0d0a4}.oa-unified-review .oa-opinion>button{font-size:14px;font-weight:600}.oa-unified-review .oa-opinion p{font-size:12px;line-height:1.8}.oa-unified-review .oa-opinion textarea{min-height:38px;font-size:12px}.oa-unified-review .oa-feedback-actions button{font-size:11px;padding:5px 8px}.oa-unified-review .oa-reference-page span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oa-unified-review .oa-reference-review-actions{margin-left:auto}
@media(max-width:1500px){.oa-unified-review .oa-review-layout{grid-template-columns:190px minmax(0,1fr) 300px}.oa-unified-review .oa-opinions{padding:16px}.oa-unified-review .oa-art-area{padding-inline:12px}}
@media(max-width:1100px){.oa-unified-review .oa-review-layout{grid-template-columns:150px minmax(0,1fr) 260px}.oa-unified-review .oa-reference-review-nav{padding:12px}.oa-unified-review>.oa-page-head{flex-wrap:wrap}.oa-unified-review .oa-reference-review-actions{margin-left:0}}
@media(max-width:820px){.oa-unified-review .oa-review-layout{grid-template-columns:minmax(0,1fr)}.oa-unified-review .oa-reference-review-nav{display:none}.oa-unified-review .oa-opinions{max-height:none}.oa-unified-review .oa-art-area{height:55vh;max-height:55vh}.oa-unified-review .oa-reference-review-actions{flex-wrap:wrap}}

/* Use the full remaining desktop height; scroll long artwork inside the canvas. */
@media(min-width:821px){
 .oa-reference-review-grid,.oa-unified-review .oa-review-layout{height:var(--oa-review-height,calc(100dvh - 190px));min-height:0!important;align-items:stretch}
 .oa-reference-review-grid>.oa-reference-review-nav,.oa-unified-review .oa-reference-review-nav{height:100%;min-height:0!important;overflow:auto;box-sizing:border-box}
 .oa-reference-canvas,.oa-unified-canvas{height:100%;min-height:0!important;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding-bottom:42px}
 .oa-reference-canvas-toolbar{flex:0 0 48px;box-sizing:border-box}
 .oa-reference-canvas .review-canvas-shell,.oa-unified-review .oa-art-area{flex:1 1 0;height:auto!important;min-height:0!important;max-height:none!important;overflow:auto}
 body.oa-workbench.design-review-view .workspace>.right{height:var(--oa-review-height,calc(100dvh - 190px));min-height:0!important;overflow:auto;box-sizing:border-box}
 .oa-unified-review .oa-opinions{height:100%;max-height:none!important;min-height:0;box-sizing:border-box;overflow:auto}
}

/* Fill the main workspace on wide screens. */
.oa-workbench .my-work-page.oa-home{width:100%;max-width:none;margin:0}

/* Product UX pass: reduce dashboard chrome and keep the next action in view. */
.oa-home .oa-page-head{margin-bottom:16px}
.oa-home .oa-page-head h1{font-size:26px}
.oa-home-stats{gap:10px;margin-bottom:14px}
.oa-home button.oa-home-stat{min-height:82px;padding:12px 16px;gap:2px;border-radius:10px}
.oa-home button.oa-home-stat>span{font-size:12px}
.oa-home button.oa-home-stat>strong{font-size:25px}
.oa-home button.oa-home-stat>small{font-size:12px;line-height:1.35}
.oa-home-layout{--home-gap:14px;grid-template-columns:minmax(0,1fr) minmax(280px,27%)}
.oa-home-aside{gap:12px}
.oa-home-panel{border-radius:10px}
.oa-home-panel-head{min-height:54px;padding:12px 16px 8px}
.oa-home .oa-home-panel-head h2{font-size:16px}
.oa-home-task-tools{padding-inline:16px}
.oa-home .oa-home-tabs{gap:18px}
.oa-home .oa-home-tabs button{min-height:40px;font-size:14px}
.oa-home-table{font-size:14px}
.oa-home-table th{height:38px;padding:9px 12px;font-size:12px}
.oa-home-table td{height:70px;padding:12px;font-size:13px}
.oa-home-table :is(th,td):first-child{padding-left:16px}
.oa-home-table :is(th,td):last-child{padding-right:16px}
.oa-home-table .oa-home-task-title{font-size:14px;line-height:1.4}
.oa-home-task-meta{font-size:12px;line-height:1.4;margin-top:2px}
.oa-home-status,.oa-home-due,.oa-home-owner{font-size:12px}
.oa-home button.oa-home-action{min-height:32px;font-size:12px}
.oa-home-attention{padding:0 16px 10px}
.oa-home-panel:has(.oa-home-clear-mark){display:none}
.ops-content-single{grid-template-columns:minmax(0,1fr)}
.ops-stage-issues{margin-top:18px;padding-top:12px;border-top:1px solid #edf0f2}
.ops-stage-issue{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #eef1f2}
.ops-stage-issue>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#354a52;font-size:13px}
.ops-stage-issue small{color:#74858b;font-size:12px;white-space:nowrap}
.ops-stage-issue button{min-height:30px;padding:5px 10px;border:1px solid #d6e3df;border-radius:6px;background:#fff;color:#087c6d;font-size:12px;font-weight:600}
.ops-stage-issue button:hover{background:#f2f8f6}
@media(max-width:1000px){.oa-home-layout{grid-template-columns:minmax(0,1fr) minmax(260px,32%)}}
@media(max-width:820px){.oa-home-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.oa-home button.oa-home-stat{min-height:72px;padding:10px 12px}.oa-home-layout{grid-template-columns:1fr}.ops-stage-issue{grid-template-columns:minmax(0,1fr) auto}.ops-stage-issue small{grid-column:1}.ops-stage-issue button{grid-column:2;grid-row:1/3}}
@media(max-width:520px){.oa-home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.oa-home button.oa-home-stat>small{font-size:11px}.oa-home-task-tools{align-items:flex-start;flex-direction:column}.ops-stage-issue{grid-template-columns:1fr}.ops-stage-issue>span{white-space:normal}.ops-stage-issue small,.ops-stage-issue button{grid-column:1;grid-row:auto;justify-self:start}}

.oa-design-back{display:inline-flex;align-items:center;min-height:32px;margin:0 12px 8px 0;padding:4px 10px;border:1px solid #d7e2e6;border-radius:7px;background:#fff;color:#526b76;font-size:12px;cursor:pointer}
.oa-feedback-actions button{cursor:pointer}
.project-list-head,.project-list-row{grid-template-columns:minmax(230px,1.45fr) minmax(130px,.85fr) minmax(220px,1.4fr) minmax(140px,.9fr) minmax(110px,.7fr) minmax(110px,.7fr);min-width:1100px}.project-list-row{align-items:center;min-height:84px;padding-block:16px}.project-list-row .project-list-name>strong{display:flex;align-items:center;gap:8px}.project-list-row .project-list-name>strong>.project-list-badges{order:2}.project-list-row .project-center-stage>strong{font-size:14px}.project-list-row .project-mini-steps i{height:6px}.project-row-risk{display:inline-flex;margin-top:5px;padding:3px 9px;border-radius:5px;font-size:11px;font-weight:600}.project-row-risk.normal{background:#e7f4ef;color:#098276}.project-row-risk.blocked{background:#fff1dd;color:#a96511}.project-row-risk.late{background:#fdebed;color:#bd424a}.project-center-toolbar{margin:0 0 12px;padding:16px 20px;border:1px solid #e1e9eb;border-radius:12px;background:#fff}.project-center-toolbar>div{display:flex;justify-content:space-between;gap:12px}.project-center-toolbar>div strong{font-size:17px}.project-center-toolbar>div span{font-size:12px;color:#82949d}.oa-demo-workspace{width:100%;max-width:none;color:#172c38}.oa-demo-breadcrumb{font-size:12px;color:#82949d;margin:0 0 12px}.oa-demo-workspace>header,.oa-demo-panel>header{display:flex;align-items:center;justify-content:space-between;gap:20px}.oa-demo-workspace>header h1{font-size:28px;margin:0}.oa-demo-workspace>header p{color:#82949d;font-size:13px}.oa-demo-workspace>header button,.oa-demo-workspace nav button{background:#fff;border:1px solid #dce5e8;border-radius:8px;padding:10px 14px}.oa-demo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.oa-demo-stats article,.oa-demo-panel{padding:20px;border:1px solid #e1e9eb;border-radius:12px;background:white}.oa-demo-stats small,.oa-demo-stats strong{display:block}.oa-demo-stats small,.oa-demo-panel header span{color:#82949d;font-size:12px}.oa-demo-stats strong{margin-top:8px;font-size:20px}.oa-demo-workspace nav{display:flex;gap:24px;border-bottom:1px solid #dfe7e9;margin-bottom:18px}.oa-demo-workspace nav button{border:0;border-radius:0;background:transparent;color:#728892}.oa-demo-workspace nav button.active{border-bottom:2px solid #098779;color:#098779;font-weight:600}.oa-demo-panel{margin:14px 0}.oa-demo-panel h2{margin:0;font-size:18px}.oa-demo-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}.oa-demo-steps article{display:grid;gap:10px;padding:16px;border:1px solid #e1e9eb;border-radius:8px}.oa-demo-steps article.done{background:#f2f9f6}.oa-demo-steps article.active{border-color:#098779;background:#f1faf8}.oa-demo-steps small,.oa-demo-steps span,.oa-demo-task-list small{color:#82949d;font-size:12px}.oa-demo-task-list>div{display:grid;grid-template-columns:1fr 130px 180px;gap:12px;padding:15px 4px;border-bottom:1px solid #edf1f2}.oa-demo-task-list>div:last-child{border:0}@media(max-width:760px){.oa-demo-stats,.oa-demo-steps{grid-template-columns:1fr 1fr}.oa-demo-task-list>div{grid-template-columns:1fr 1fr}.oa-demo-task-list small{grid-column:1/-1}}

/* Keep the project title, filters and six-column list together like the reference. */
.oa-project-list-panel{padding:20px;border:1px solid #e1e8e9;border-radius:12px;background:#fff}
.oa-project-list-panel .project-center-toolbar{margin:0 0 16px;padding:0;border:0;border-radius:0;background:transparent}
.oa-project-list-panel .project-filter-bar{margin-bottom:16px}
.oa-project-list-panel .project-list-wrap{border-radius:8px}
.project-list-head,.project-list-row{box-sizing:border-box;grid-template-columns:minmax(190px,1.4fr) minmax(125px,.9fr) minmax(225px,1.55fr) minmax(140px,1fr) minmax(130px,.9fr) minmax(120px,.8fr)!important}
.project-list-row .project-list-owner>span:last-child{min-width:92px}
/* Demand details: keep the request, materials, owner and history in one reviewable view. */
.modal.wide:has(.oa-demand-detail){width:min(960px,calc(100vw - 32px))}.oa-demand-detail{color:#243b47;font-size:14px}.oa-demand-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:0 0 16px;border-bottom:1px solid #e3ebec;color:#72838d;font-size:12px}.oa-demand-status{padding:5px 10px;border-radius:5px;background:#e8f2fc;color:#34638f;font-weight:700}.oa-demand-detail-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,.9fr);gap:18px;padding-top:16px}.oa-demand-detail-main,.oa-demand-detail-side{min-width:0}.oa-demand-detail-main>section,.oa-demand-detail-side>section{padding:16px;border:1px solid #e3ebec;border-radius:9px;background:#fff;margin-bottom:14px}.oa-demand-detail h3{margin:0 0 12px;color:#20363f;font-size:15px}.oa-demand-detail-main .oa-demand-preview-item{padding:8px 0 12px}.oa-demand-detail-main .oa-demand-preview-item:last-child{border-bottom:0}.oa-demand-detail-main .oa-demand-preview-item>h3{font-size:13px;color:#647984}.oa-demand-detail-main .oa-brief{padding:0;border:0;box-shadow:none}.oa-demand-detail .oa-file-grid{gap:8px}.oa-demand-detail .oa-file img{width:112px;height:78px;object-fit:cover}.oa-demand-project{background:#eef8f5!important;border-color:#d5e9e3!important}.oa-demand-project>strong{color:#075f55;font-size:15px}.oa-demand-project p{margin:7px 0 10px;color:#4a6870;line-height:1.55}.oa-demand-project .oa-actions{margin:0}.oa-demand-detail-side dl{display:grid;grid-template-columns:88px 1fr;gap:12px 8px;margin:0}.oa-demand-detail-side dt{color:#7c8f97}.oa-demand-detail-side dd{margin:0;color:#263b44;font-weight:600;overflow-wrap:anywhere}.oa-demand-record{padding:12px 0;border-top:1px solid #e9eeee}.oa-demand-record strong{font-size:13px}.oa-demand-record time{float:right;color:#8a9ba1;font-size:11px}.oa-demand-record p{margin:6px 0 0;line-height:1.55;color:#50666e}.oa-demand-warning{background:#fff8ed!important;border-color:#f1d7aa!important}.oa-demand-warning h3{color:#a66318}.oa-demand-warning p{margin:0;line-height:1.6}.oa-demand-detail-footer{display:flex;justify-content:flex-end;padding-top:12px;border-top:1px solid #e3ebec}@media(max-width:760px){.oa-demand-detail-grid{grid-template-columns:1fr}.oa-demand-detail-side dl{grid-template-columns:100px 1fr}}
/* Project center directory, matched to the compact reference layout. */
body.global-view.project-center-active .center{padding:28px 38px;background:#f7f9f9}.oa-project-directory{max-width:1600px}.oa-project-directory .project-center-title{align-items:flex-start;margin-bottom:20px}.oa-project-directory .project-center-title h1{font-size:29px!important;font-weight:700}.oa-project-directory .project-center-title p{margin-top:4px!important;font-size:14px!important}.oa-project-directory .oa-project-new{min-height:45px;padding:9px 20px;border-radius:8px;background:#087c6d;border-color:#087c6d;color:#fff;font-size:15px;font-weight:650}.oa-directory-toolbar{display:flex;align-items:center;gap:18px;padding:14px;border:1px solid #e2e9e8;border-radius:12px;background:#fff;margin-bottom:10px}.oa-directory-search{flex:0 1 340px;min-width:220px}.oa-directory-search input{width:100%;height:43px;margin:0;padding:9px 14px;border:1px solid #dce5e5;border-radius:8px;background:#fff;font-size:14px}.oa-directory-toolbar nav{display:flex;align-items:center;gap:7px;overflow-x:auto;white-space:nowrap}.oa-directory-toolbar nav button{min-height:42px;padding:9px 15px;border:1px solid #e5ebea;border-radius:8px;background:#fff;color:#536873;font-size:14px}.oa-directory-toolbar nav button.active{border-color:#d8ede7;background:#e8f5f0;color:#087868;font-weight:700}.oa-directory-toolbar nav button span{font-weight:500}.oa-directory-advanced{margin:0 0 8px;color:#748891;font-size:12px}.oa-directory-advanced summary{display:inline-block;cursor:pointer;padding:4px 0}.oa-directory-extra{display:flex;flex-wrap:wrap;gap:10px;align-items:end;padding:12px 0}.oa-directory-extra label{display:grid;gap:4px}.oa-directory-extra select,.oa-directory-extra button{min-height:35px;border:1px solid #dce5e5;border-radius:6px;background:#fff;padding:5px 9px;color:#35515b}.oa-project-directory .project-list-wrap{border:0;border-radius:10px;box-shadow:none;background:#fff}.oa-project-directory .project-list-head,.oa-project-directory .project-list-row{display:grid!important;grid-template-columns:minmax(220px,1.55fr) minmax(95px,.72fr) minmax(105px,.92fr) minmax(95px,.85fr) minmax(110px,.76fr) minmax(145px,.8fr)!important;gap:14px;min-width:840px!important;padding:0 20px}.oa-project-directory .project-list-head{height:44px;background:#f7f9f8;color:#71858e;font-size:13px}.oa-project-directory .project-list-row{min-height:66px;padding-top:8px;padding-bottom:8px;border-bottom:1px solid #e9eeee}.oa-project-directory .project-list-name{gap:2px}.oa-project-directory .project-list-name strong{font-size:15px;color:#172e3a}.oa-project-directory .project-list-name small{font-size:11px;color:#91a0a5}.oa-directory-owner,.oa-directory-stage,.oa-directory-due{font-size:14px;color:#344b57}.oa-directory-due{font-variant-numeric:tabular-nums}.oa-directory-state{display:inline-flex;justify-content:center;min-width:72px;padding:5px 10px;border-radius:6px;font-size:13px;font-weight:650}.oa-directory-state.done{background:#e4f5ee;color:#078166}.oa-directory-state.review{background:#fff1e2;color:#ce6d17}.oa-directory-state.revision{background:#fdebed;color:#c84956}.oa-directory-state.active{background:#e7f2fd;color:#2779bd}.oa-directory-state.pending{background:#eef1f3;color:#657985}.oa-directory-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.oa-directory-actions button{min-height:36px;padding:6px 11px;border:1px solid #dce5e6;border-radius:7px;background:#fff;color:#233d49;font-size:13px;white-space:nowrap}.oa-directory-actions .more{width:34px;padding:6px}.oa-directory-info p{padding:8px 0;margin:0;border-bottom:1px solid #edf1f1;line-height:1.5}.oa-directory-info strong{display:inline-block;width:84px;color:#6d8189;font-weight:500}.oa-directory-info .oa-actions{justify-content:flex-end}@media(max-width:1100px){.oa-directory-toolbar{display:block}.oa-directory-search{display:block;margin-bottom:10px}.oa-directory-toolbar nav{padding-bottom:2px}}@media(max-width:650px){body.global-view.project-center-active .center{padding:18px 14px}.oa-project-directory .project-center-title{gap:12px}.oa-project-directory .project-center-title h1{font-size:23px!important}.oa-project-directory .oa-project-new{min-height:38px;padding:7px 10px;font-size:13px}.oa-directory-toolbar{padding:10px}}
