:root{color-scheme:light;--paper:#fffefa;--bg:#f7f7f2;--ink:#252e29;--muted:#626c62;--line:#e1e5dc;--green:#304e3d;--on-green:#fff;--soft:#eaf0e6;--gold:#c6a97b;--radius:14px;font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box;min-width:0}
body{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
button{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:9px 15px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
button:hover{background:#f0f3eb;border-color:#aab8a6}
button.primary{background:var(--green);color:var(--on-green);border-color:var(--green);box-shadow:0 2px 3px #24412c0c}
button.primary:hover{background:#233e2d}
button:disabled{opacity:.5;cursor:default}
button[aria-current=page]{background:var(--soft);border-color:var(--green)}
a{color:var(--green);text-underline-offset:3px}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b18544;outline-offset:3px}
body>header{height:56px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;position:sticky;top:var(--shell-dev-height,0px);z-index:20}
.brand{text-decoration:none;display:flex;align-items:center;gap:16px;flex-shrink:0}
.brand-logo{display:block;width:148px;height:auto;mix-blend-mode:multiply}
.brand span{font:11px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.2px;color:var(--muted);border-left:1px solid var(--line);padding-left:18px}
#identity{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px}
#identity>span{font-weight:600}
#identity label{margin:0;font-size:12px;color:var(--muted)}
#identity select{width:auto;padding:6px 10px;font-size:12px}
#identity button{padding:6px 10px;font-size:12px}
#identity a{font-size:12px;color:var(--muted)}
#development{position:sticky;top:0;z-index:21;padding:3px 24px;background:#e9eddf;color:#59634f;font-size:11px;border-bottom:1px solid #dce2d3;letter-spacing:.1px}
#studio{margin:auto;min-height:calc(100dvh - var(--shell-header-height,56px) - var(--shell-dev-height,0px))}
.layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100dvh - var(--shell-header-height,56px) - var(--shell-dev-height,0px))}
aside{padding:16px 10px 10px;background:#f0f2ea;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.workspace-nav-label{font-size:12px;font-weight:700;letter-spacing:1.8px;color:#858e7b;padding:0 12px}
.workspace-links{display:grid;gap:4px}
.workspace-links button{border:0;background:transparent;font-size:13px;font-weight:550;padding:11px 14px;text-align:left}
.workspace-links button[aria-current=page]{background:#dfe8d9;color:var(--green)}
.workspace-links button:hover{background:#e4eadd}
.sidebar-section{padding:0}
.sidebar-section>h2{font-size:11px;font-weight:650;letter-spacing:1.3px;margin:0 10px 12px;color:#626e59;display:flex;align-items:center;justify-content:space-between}
.sidebar-section>h2 span{letter-spacing:0;background:#e0e6d8;padding:1px 6px;border-radius:4px}
.sidebar-section button{display:block;width:100%;text-align:left;margin-bottom:3px;background:transparent;border:1px solid transparent;font-size:12px;padding:9px 12px}
.sidebar-section button[aria-current=page]{background:var(--paper);border-color:#d5dfcb;box-shadow:0 1px 3px #283d2210}
.sidebar-section>button{margin-top:18px;border:1px dashed #bac9b0;color:var(--green)}
.customer-nav-group{margin:12px 0}
.customer-nav-group h3{font-size:12px;color:#7a826f;margin:0 12px 6px;font-weight:550;overflow-wrap:anywhere}
.customer-nav-group button{overflow-wrap:anywhere}
.sidebar-note{margin-top:auto;padding:25px 12px 0;display:flex;gap:12px;align-items:center}
.sidebar-note p{color:#8a917f;font-size:12px;line-height:1.6}
.sidebar-mark{font:italic 30px Georgia,serif;color:#a2ae92}
.sidebar-section summary{font-size:12px;color:var(--muted)}
main{padding:34px 42px 56px;max-width:100%;overflow-wrap:anywhere}
.topline,.section-heading,.workspace-heading,.project-heading{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center}
.workspace-heading{margin-bottom:26px}
.workspace-heading h1{margin:5px 0 6px}
.workspace-heading p{margin:0}
.workspace-heading .primary{padding:11px 19px}
.section-heading{margin-bottom:20px}
.section-heading h2,.section-heading h3{margin:0}
.section-heading .eyebrow{margin-bottom:6px}
h1,h2,h3,h4{font-weight:550;line-height:1.3;letter-spacing:-.35px}
h1{font-size:32px}
h2{font-size:23px}
h3{font-size:18px}
h4{font-size:14px}
.eyebrow{text-transform:uppercase;color:#7c886f;font-size:12px;letter-spacing:1.65px;font-weight:600}
.muted{color:var(--muted)}
.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.fine-print{font-size:12px;color:var(--muted);line-height:1.5}
.workspace-welcome{background:#344a3a;border-radius:16px;padding:32px 36px;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;min-height:250px;color:#f1f1e7}
.workspace-welcome>div:first-child{z-index:1}
.welcome-label{text-transform:uppercase;font-size:12px;letter-spacing:1.8px;color:#bdcab1}
.workspace-welcome h2{font:38px/1.15 Georgia,serif;letter-spacing:-.8px;margin:16px 0 12px}
.workspace-welcome p{color:#c7d1bd;font-size:12px;max-width:340px}
.workspace-welcome button{background:#f2f1df;border:0;color:#344a3a;margin-top:6px;font-size:12px}
.room-illustration{position:relative;min-height:230px;background:radial-gradient(ellipse at 60% 100%,#6a775530,transparent 65%)}
.illustration-floor{position:absolute;left:8%;right:0;bottom:7%;height:1px;background:#718064}
.illustration-window{position:absolute;width:90px;height:140px;left:14%;top:7%;border:6px solid #6b7b60;border-radius:52px 52px 0 0;background:linear-gradient(90deg,transparent 47%,#6b7b60 48%,#6b7b60 53%,transparent 54%),linear-gradient(0deg,#76856950 45%,#899573 46%,#899573 49%,#82916e70 50%)}
.illustration-art{position:absolute;left:67%;top:10%;width:56px;height:76px;border:5px solid #738263;background:radial-gradient(ellipse at 70% 100%,#acb08a 50%,transparent 51%),#9da889;box-shadow:inset 0 0 0 7px #b6bb9d}
.illustration-sofa{position:absolute;bottom:16%;left:20%;width:65%;height:65px;border-radius:9px 9px 4px 4px;background:linear-gradient(90deg,#9aa17c 2%,#aab18b 4%,#aab18b 48%,#89976f 49%,#aab18b 50%,#aab18b 96%,#8b986f 97%);box-shadow:0 -22px 0 -4px #96a47a,0 9px 0 -5px #263e2d}
.illustration-sofa:before,.illustration-sofa:after{content:'';position:absolute;top:10px;width:16px;height:52px;background:#b4bc93;border-radius:6px}
.illustration-sofa:before{left:-7px}
.illustration-sofa:after{right:-7px}
.illustration-table{position:absolute;width:75px;height:18px;border-radius:50%;background:#c4b48a;left:45%;bottom:14%;box-shadow:0 10px 0 -3px #95875e}
.illustration-table:after{content:'';position:absolute;height:25px;width:4px;left:36px;top:10px;background:#ab9b70}
.illustration-vase{position:absolute;left:54%;bottom:23%;height:25px;width:15px;border-radius:4px 4px 6px 6px;background:#d4caa9}
.illustration-vase:before{content:'';position:absolute;left:6px;top:-17px;width:2px;height:22px;background:#b5c094;transform:rotate(-10deg)}
.illustration-lamp{position:absolute;left:8%;bottom:10%;height:83px;width:3px;background:#9da27d}
.illustration-lamp:before{content:'';position:absolute;left:-20px;top:-20px;width:43px;height:26px;background:#c2b98c;clip-path:polygon(22% 0,78% 0,100% 100%,0 100%)}
.workspace-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0 34px}
.workspace-metrics>div{padding:14px 18px;background:var(--paper);border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}
.workspace-metrics .icon{color:#7d8e70;background:#edf1e6;width:34px;height:34px;padding:8px;border-radius:8px}
.workspace-metrics strong{color:var(--ink);font-size:18px;margin-right:5px}
.workspace-search{display:flex;align-items:center;gap:8px;margin:0;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:0 12px;min-width:250px}
.workspace-search .icon{width:15px;color:#8a927f}
.workspace-search input{border:0;background:none;box-shadow:none;padding:9px 0;font-size:12px}
.project-filters{display:flex;gap:18px;border-bottom:1px solid var(--line);margin-bottom:22px}
.project-filters button{border:0;background:none;border-radius:0;padding:0 0 11px;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}
.project-filters button[aria-pressed=true]{color:var(--green);border-bottom-color:var(--green)}
.project-filters button span{font-size:12px;border-radius:4px;background:#e8ecdf;padding:1px 5px;margin-left:4px}
.project-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,265px),1fr));gap:22px}
.project-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:box-shadow .15s,transform .15s}
.project-card:hover{box-shadow:0 6px 22px #34442a0b;transform:translateY(-2px)}
.project-cover{height:130px;position:relative;padding:22px;display:flex;gap:10px;align-items:flex-end;overflow:hidden;background:#e5e9da;color:#6f7f5a;font-size:12px;letter-spacing:.4px}
.project-cover:before{content:'';position:absolute;width:180px;height:180px;border:1px solid #a7b68d55;right:-30px;top:18px;transform:rotate(25deg);border-radius:36px;box-shadow:0 0 0 18px #b3be9f20,0 0 0 36px #b3be9f18}
.project-cover .icon{height:34px;width:34px;opacity:.7}
.cover-designer{background:#e6e6dc;color:#7b7b66}
.cover-retail{background:#ece4d6;color:#9a8567}
.project-status{position:absolute;right:13px;top:12px;background:#fffdf4c9;border:1px solid #ffffff6b;border-radius:4px;padding:3px 7px;font-size:12px;letter-spacing:0}
.project-card-body{padding:20px}
.project-card-body .eyebrow{font-size:12px;margin:0 0 6px}
.project-card-body h2{font-size:19px;margin:0 0 12px}
.project-card-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);flex-wrap:wrap}
.project-open{display:flex;justify-content:space-between;width:100%;border:0;border-top:1px solid var(--line);background:none;border-radius:0;padding:15px 0 0;margin-top:18px;font-size:12px;color:var(--green)}
.project-open .icon{width:17px}
.library-empty{padding:44px 20px;text-align:center;border:1px dashed #cad4bf;border-radius:12px;background:#f4f6ee}
.library-empty>.icon{width:34px;height:34px;color:#93a482}
.library-empty h3{font-size:18px}
.library-empty p{font-size:13px}
.project-heading{align-items:flex-start;margin-bottom:24px}
.project-heading h1{margin:3px 0 10px;font-size:34px}
.project-heading .actions{max-width:460px;justify-content:flex-end;margin-top:40px}
.project-heading .actions button{font-size:12px;padding:8px 11px}
.project-heading .actions button[data-action=share]{background:var(--green);color:white;border-color:var(--green)}
.project-heading>.actions button[data-action=projectEdit],.project-heading>.actions button[data-action=assignCustomer],.project-heading>.actions button[data-action=tab]{font-size:12px}
.project-heading p{margin:7px 0;font-size:12px}
.project-heading .eyebrow{font-size:12px}
.project-breadcrumb{display:flex;align-items:center;gap:10px;color:#8a9281;font-size:12px;margin:0 0 16px}
.project-breadcrumb button{padding:0;border:0;background:none;color:#7a856e;font-size:12px}
.tabs{display:flex;gap:0;flex-wrap:wrap;padding:0;margin:0 0 28px;border-bottom:1px solid var(--line);row-gap:0}
.tabs button{background:none;border:0;border-radius:0;border-bottom:2px solid transparent;padding:10px 12px;color:#7a826f;font-size:12px}
.tabs button[aria-current=page]{background:none;border-bottom-color:var(--green);color:var(--green);font-weight:650}
.tabs button:hover{background:#eaf0e560}
.surface{padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow-wrap:anywhere}
.surface+.surface{margin-top:20px}
.grid>.surface+.surface{margin-top:0}
.fields,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px}
.fields{gap:0 18px}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:15px 0}
.empty{max-width:580px;padding:40px 0}
.pill{display:inline-block;border-radius:5px;padding:4px 9px;background:var(--soft);font-size:12px;color:#5a704b;line-height:1.5}
.row{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line)}
.requirement{margin:22px 0}
.option{margin-top:14px;padding:0 0 18px;overflow:hidden}
.option>h3,.option>p,.option>a,.option>details,.option>.actions,.option>label{margin-left:18px;margin-right:18px}
.option>h3{font-size:17px}
.option p{font-size:12px;margin-top:8px;margin-bottom:8px}
.option .actions button{font-size:12px}
.option.selected{border-color:#6d8b56;box-shadow:0 0 0 1px #6d8b5620}
.selected>.pill{background:#e0ead7}
.options-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,255px),1fr))}
.product-photo{min-height:140px;display:grid;place-items:center;background:#f1f1e9;padding:18px;border-bottom:1px solid var(--line);font-size:12px;color:#939b87}
.product-photo img{max-width:100%;width:100%;height:210px;object-fit:contain}
.price{font-weight:600;font-size:16px}
details{margin:15px 0}
summary{cursor:pointer;color:#637253;font-size:12px}
.error,#dialog-error{color:#973724}
label{display:grid;gap:6px;margin:16px 0;font-size:12px;font-weight:500}
input,select,textarea{background:var(--paper);border:1px solid #d9dfd1;border-radius:7px;padding:10px 12px;width:100%;font-size:13px}
input::placeholder,textarea::placeholder{color:#9a9f91}
textarea{min-height:90px;resize:vertical}
input[type=checkbox]{width:auto;accent-color:var(--green)}
fieldset{border:1px solid var(--line);border-radius:9px;padding:15px}
legend{padding:0 6px;font-size:12px;color:var(--muted)}
.next-step{display:flex;align-items:center;gap:20px;padding:24px 28px;background:#ebf0e3;border:1px solid #dce6cf;border-radius:12px;margin-bottom:22px}
.next-step-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#dce7ce;color:#627d4c;flex-shrink:0}
.next-step>div:nth-child(2){flex:1}
.next-step h3{font-size:18px;margin:4px 0 6px}
.next-step p{font-size:12px;margin:0;color:#75806b;max-width:500px}
.next-step>button{font-size:12px;flex-shrink:0}
.overview-metrics{display:grid;grid-template-columns:repeat(3,1fr);background:var(--paper);border:1px solid var(--line);border-radius:12px;margin-bottom:22px}
.overview-metrics>section{padding:22px 24px}
.overview-metrics>section+section{border-left:1px solid var(--line)}
.metric-label{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}
.overview-metrics strong{font-size:28px;display:block;font-weight:550;line-height:1.3}
.overview-metrics strong small{font-size:12px;color:#8a9280;font-weight:400}
.overview-metrics strong.cost-value{font-size:22px;padding:3px 0}
.overview-metrics>section>small{font-size:12px;color:var(--muted)}
.overview-metrics button{padding:4px 0;border:0;background:none;color:#5c7650;font-size:12px;margin-top:8px}
.progress-track{height:5px;width:100%;border:0;display:block;border-radius:4px;overflow:hidden;margin:15px 0 0;accent-color:#7c9863;background:#e9ede2}
.progress-track::-webkit-progress-bar{background:#e9ede2}
.progress-track::-webkit-progress-value{background:#7c9863}
.overview-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;margin-bottom:22px}
.overview-columns>.surface+.surface{margin-top:0}
.room-overview-row{display:flex;gap:13px;align-items:center;padding:17px 0;border-top:1px solid var(--line)}
.room-symbol{display:grid;place-items:center;flex-shrink:0;background:#f0f2e8;color:#92a17d;width:44px;height:44px;border-radius:9px}
.room-overview-row>div{flex:1}
.room-overview-row h4{margin:0 0 5px}
.room-overview-row p{margin:0;color:#8b9380;font-size:12px}
.room-overview-row button{font-size:12px;padding:7px 9px}
.attention-panel>h3{margin-top:8px}
.attention-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #edf0e6}
.attention-item>.icon{color:#94a57b;width:17px;height:17px;margin-top:3px}
.attention-item strong{display:block;font-size:12px;font-weight:500;text-transform:capitalize}
.attention-item small{display:block;color:#8a937e;font-size:12px;margin-top:3px}
.attention-panel .actions button{font-size:12px}
.recent-activity{margin-top:0}
.activity-entry{display:flex;gap:12px;padding:12px 0;border-top:1px solid #eef0e8}
.activity-dot{width:7px;height:7px;flex-shrink:0;background:#9bad86;border-radius:50%;margin:7px 0}
.activity-entry p{margin:0;font-size:12px;text-transform:capitalize}
.activity-entry small{font-size:12px;color:#8a937f}
.new-marker{display:inline-block;font-size:12px;background:#ebf2dd;color:#6f8355;margin-left:9px;padding:2px 5px;border-radius:4px;text-transform:none}
.customer-avatar{width:46px;height:46px;display:grid;place-items:center;background:#e8eddf;color:#7e8e6d;font:22px Georgia,serif;border-radius:12px;margin-bottom:20px}
.customer-card{transition:box-shadow .15s}
.customer-card:hover{box-shadow:0 5px 20px #34442a0b}
.customer-card h2{font-size:19px}
.customer-card p{font-size:12px}
.customer-count{font-size:12px;border-top:1px solid var(--line);padding-top:14px;color:#8a937c}
#status{max-width:1760px;padding:10px 30px;min-height:40px;margin:0 auto;font-size:12px}
#status:not(:empty){border-top:1px solid var(--line);background:var(--paper)}
dialog{border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);padding:32px;width:calc(100% - 32px);max-width:660px;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 24px 100px #1c2d2530}
dialog h2{font-size:25px;margin:0 0 22px}
dialog::backdrop{background:#1e30296b;backdrop-filter:blur(3px)}
dialog .muted{font-size:12px}
.skip{position:absolute;left:10px;top:-80px}
.skip:focus{top:10px;background:var(--paper);padding:10px;z-index:20}
[hidden]{display:none!important}
.invitation-link{overflow-wrap:anywhere;word-break:break-all}
.proposal-note{padding:15px 0;border-top:1px solid var(--line);font-size:12px}
.published-preview{margin-top:30px;border-color:#a3b690}
.publication-feedback{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.published-dimensions{display:block;color:var(--muted);margin-top:4px}
.published-preview .row span{overflow-wrap:anywhere}
.comparison-scroll{overflow:auto;max-width:100%}
.comparison-scroll table{border-collapse:collapse;min-width:600px;width:100%;font-size:12px}
.comparison-scroll th,.comparison-scroll td{padding:12px;text-align:left;border:1px solid var(--line);vertical-align:top}
.comparison-scroll th{background:#f1f4eb}
.import-report{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto}
@media(min-width:1400px){
main{padding:40px 54px 60px}
.workspace-welcome{padding:38px 42px}
.workspace-welcome h2{font-size:43px}
.project-library{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
}
@media(max-width:1100px){
.layout{grid-template-columns:205px minmax(0,1fr)}
main{padding:28px}
.project-heading .actions{margin-top:0;justify-content:flex-start;max-width:none}
.overview-columns{grid-template-columns:1fr}
.workspace-welcome{padding:28px}
.workspace-welcome h2{font-size:32px}
.overview-metrics>section{padding:18px}
.next-step{flex-wrap:wrap}
.next-step>button{margin-left:68px}
.workspace-metrics>div{padding:11px;font-size:12px}
.workspace-metrics .icon{display:none}
.brand span{display:none}
.workspace-search{min-width:210px}
}
@media(max-width:700px){
body>header{padding:8px 16px;height:auto;min-height:56px;gap:8px}
.brand-logo{width:130px}
#identity{gap:7px;font-size:12px}
#identity label,#identity a{display:none}
#identity>span{display:none}
#identity select{font-size:12px;max-width:145px}
#development{padding:3px 16px;font-size:11px}
.layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
aside{padding:12px 20px;gap:10px;border-right:0;border-bottom:1px solid var(--line);display:block}
.workspace-nav-label,.sidebar-note,.sidebar-section>h2{display:none}
.workspace-links{display:flex;gap:6px}
.workspace-links button{padding:7px 14px;font-size:12px}
.sidebar-section{display:flex;align-items:center;flex-wrap:wrap;gap:6px;border:0;padding:8px 0 0}
.customer-nav-group{display:contents}
.customer-nav-group h3{display:none}
.customer-nav-group button,.sidebar-section>button{width:auto;margin:0;padding:5px 10px;font-size:12px}
.sidebar-section details{margin:0}
.sidebar-section details button{width:auto;font-size:12px}
main{padding:25px 20px 40px}
.workspace-heading h1{font-size:27px}
.workspace-heading .primary{font-size:12px;padding:9px 13px}
.workspace-heading p.muted{font-size:12px}
.workspace-welcome{grid-template-columns:1.3fr 1fr;padding:24px;min-height:220px}
.workspace-welcome h2{font-size:29px}
.workspace-welcome p{font-size:12px}
.welcome-label{font-size:12px;letter-spacing:1px}
.room-illustration{min-height:190px;opacity:.8;margin-right:-30px}
.illustration-window{width:50px;height:90px;left:8%;top:12%;border-width:4px}
.illustration-art{display:none}
.illustration-sofa{width:90%;left:0;height:42px}
.illustration-sofa:before,.illustration-sofa:after{width:10px;height:35px}
.illustration-table{left:15%;width:60px}
.illustration-vase{left:36%;bottom:24%}
.illustration-lamp{left:5%;height:45px}
.workspace-metrics{gap:8px;margin:15px 0 28px}
.workspace-metrics>div{font-size:12px;padding:12px 9px;line-height:1.3}
.workspace-metrics strong{display:block;font-size:21px;margin-bottom:5px}
.section-heading h2{font-size:21px}
.workspace-search{width:100%;min-width:0}
.project-filters{gap:15px}
.project-filters button{font-size:12px}
.project-library{gap:17px}
.project-cover{height:115px}
.project-card-body{padding:18px}
.project-heading h1{font-size:29px}
.project-heading .actions{gap:6px;margin:10px 0 0}
.project-heading .actions button{font-size:12px;padding:7px 10px;min-height:36px}
.project-breadcrumb{margin-bottom:12px}
.tabs{margin:0 0 22px}
.tabs button{padding:10px 9px;font-size:12px;min-height:40px}
.surface{padding:20px}
.next-step{padding:20px;gap:14px}
.next-step-icon{width:38px;height:38px}
.next-step h3{font-size:16px}
.next-step>div:nth-child(2){flex-basis:calc(100% - 60px)}
.next-step>button{margin-left:52px}
.overview-metrics{grid-template-columns:1fr}
.overview-metrics>section{padding:15px 20px}
.overview-metrics>section+section{border-left:0;border-top:1px solid var(--line)}
.overview-metrics strong{font-size:25px}
.overview-metrics .cost-value{font-size:24px}
.overview-columns{gap:18px}
.room-overview-row{flex-wrap:wrap;gap:10px}
.room-overview-row button{margin-left:54px}
.room-overview-row>div{flex-basis:calc(100% - 60px)}
.section-heading .eyebrow{font-size:12px}
.grid{gap:16px}
.fields{grid-template-columns:1fr}
.product-photo img{height:220px}
.option{padding:0 0 18px}
.row{gap:10px}
button{min-height:40px}
dialog{padding:24px}
dialog h2{font-size:23px}
#status{padding:8px 20px}
}
@media(prefers-reduced-motion:reduce){
*{scroll-behavior:auto!important;transition:none!important}
}
.discussion-entry{border-bottom:1px solid var(--line);padding:14px 0}
.discussion-entry p{margin:4px 0;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}
.discussion-entry small{font-size:12px;color:var(--muted)}
#project-discussion{margin-bottom:24px}
#invitation-inbox{margin-top:28px}
#invitation-inbox .surface{background:#f0f4e9}
#invitation-inbox h2{font-size:20px}
#invitation-inbox article{padding:12px 0;border-bottom:1px solid var(--line)}
@media(min-width:701px){
aside{position:sticky;top:calc(var(--shell-header-height,56px) + var(--shell-dev-height,0px));height:calc(100dvh - var(--shell-header-height,56px) - var(--shell-dev-height,0px));align-self:start}
.sidebar-section{overflow:auto;min-height:0;flex:1;scrollbar-width:none;overscroll-behavior:contain}
.sidebar-section::-webkit-scrollbar{display:none}
.sidebar-section:focus-visible{outline:2px solid #b18544;outline-offset:-2px;border-radius:6px}
.sidebar-note{padding-top:0;margin-top:0}
}
@media(max-width:700px){
aside{position:static;height:auto}
.sidebar-section{display:block;white-space:nowrap;overflow:auto;max-height:52px;padding-bottom:4px;scrollbar-width:thin}
.customer-nav-group{display:inline}
.customer-nav-group button,.sidebar-section>button{display:inline-block;max-width:220px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;margin-right:5px}
.sidebar-section details{display:inline-block;vertical-align:middle}
.workspace-links{justify-content:flex-start}
.room-illustration{margin-right:-15px}
}
.project-heading .eyebrow{text-transform:none}
.tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}
.tabs button{flex-shrink:0}
.room-detail-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0 22px;color:var(--muted);font-size:12px}
/* Role-scoped navigation follows the shared NILX application shell. */
.selected-project-nav{margin:4px 0 10px 8px;padding:0 0 2px 10px;border-left:1px solid #d1dbc7}
.nav-project-title{font-size:12px;font-weight:600;margin:4px 0 8px;color:var(--green);overflow-wrap:anywhere}
.nav-project-title span{display:block;font-size:12px;font-weight:400;color:#87917a;margin-top:3px}
.project-nav-group{margin:8px 0}
.project-nav-group h3{font-size:12px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:#8a947c;margin:0 0 5px 9px}
.project-nav-group button{padding:7px 9px;font-size:12px;border-radius:5px;margin-bottom:1px}
.project-nav-group button[aria-current=page]{background:#dfe9d6;border-color:transparent;box-shadow:none;color:#36512c;font-weight:600}
.sidebar-section .selected-project-nav summary{font-size:12px;color:var(--green)}
.sidebar-system:empty{display:none}
.sidebar-system{padding:15px 0 0;border-top:1px solid #dce1d4}
.admin-navigation-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-size:12px;color:#53634a;padding:10px 12px;border-radius:6px}
.admin-navigation-link:hover{background:#e3eadc}
.sidebar-system .workspace-nav-label{display:block;font-size:12px}
.sidebar-account{border-top:1px solid #dce1d4;padding:8px 0 0}
.project-heading{padding-bottom:24px;border-bottom:1px solid var(--line)}
@media(min-width:701px){
.selected-project-nav>details{margin:0}
.selected-project-nav>details>summary{display:none}
.sidebar-section{scroll-padding-top:14px}
.sidebar-account{flex-shrink:0}
.sidebar-system{flex-shrink:0}
aside{gap:10px}
}
.header-workspace-tools{display:flex;align-items:center;gap:8px}
.workspace-menu{position:relative;margin:0}
.workspace-menu>summary{display:flex;align-items:center;gap:var(--control-gap,8px);min-height:var(--control-height,40px);padding:8px 12px;border:1px solid transparent;border-radius:8px;color:var(--ink);font-size:13px;list-style:none;font-weight:500}
.workspace-menu>summary::-webkit-details-marker{display:none}
.workspace-menu>summary:hover,.workspace-menu[open]>summary{background:var(--soft);border-color:var(--line)}
.workspace-menu>nav{position:absolute;right:0;top:calc(100% + 8px);width:200px;padding:6px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 36px #25372c24;display:grid;gap:2px}
.workspace-menu>nav>button{min-height:var(--control-height,40px);width:100%;text-align:left;border-color:transparent;box-shadow:none}
.header-workspace-tools>button{position:relative;display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;min-height:40px;padding:8px;border-color:transparent;background:transparent}
.header-workspace-tools>button:hover,.header-workspace-tools>button[aria-current=page]{background:var(--soft);border-color:var(--line)}
.notification-count,.notification-unavailable{position:absolute;right:-2px;top:0;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:var(--green);color:var(--on-green);font-size:10px;font-weight:650;line-height:17px;text-align:center}
.notification-unavailable{background:#8b482f}
@media(max-width:700px){
.header-workspace-tools{gap:2px}
.workspace-menu>summary{min-height:44px;padding:8px;font-size:12px;gap:6px}
.header-workspace-tools>button{width:44px;height:44px;min-height:44px}
.workspace-menu>nav{max-width:calc(100vw - 32px)}
}
@media(max-width:700px){
.sidebar-section{max-height:none;white-space:normal;overflow:visible;scrollbar-width:none}
.sidebar-section::-webkit-scrollbar{display:none}
.customer-nav-group{display:none}
.customer-nav-group:has(button[aria-current=page]){display:block}
.customer-nav-group:has(button[aria-current=page])>h3{display:none}
.customer-nav-group:has(button[aria-current=page])>button{display:none}
.customer-nav-group:has(button[aria-current=page])>.selected-project-nav{display:block;margin:0;padding:0;border:0}
.nav-project-title{display:none}
.selected-project-nav>details{margin:7px 0}
.selected-project-nav summary{padding:8px 11px;border:1px solid #d7e0ce;border-radius:7px;background:#e7eedf;list-style-position:inside;font-size:12px}
.project-nav-group{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}
.project-nav-group h3{width:100%;margin:4px 0}
.project-nav-group button{display:inline-block;width:auto;margin:0;padding:7px 10px;font-size:12px;white-space:nowrap;max-width:100%;min-height:36px}
.sidebar-section>button[data-action=create]{margin:4px 0}
.sidebar-account{padding:10px 0 0;margin-top:6px}
.sidebar-system{padding-top:8px;margin-top:6px;display:flex;align-items:center;gap:12px}
.sidebar-system .workspace-nav-label{font-size:12px;padding:0}
.admin-navigation-link{padding:5px 8px;font-size:12px}
.project-heading{margin-top:4px}
.project-heading .actions{margin-bottom:0}
}