/* Spirutube premium design system. References: supplied Project workspace + Kit Engine.
   Loaded after the legacy skin; existing domain interactions and selectors stay intact. */
@font-face{font-family:Inter;src:url('/inter-variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('/jakarta-variable.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
:root{
 --font-body:Inter,'Segoe UI',Arial,sans-serif;--font-heading:'Plus Jakarta Sans',Inter,'Segoe UI',sans-serif;
 --ink:#171827;--ink-secondary:#52566f;--ink-muted:#626780;--paper:#f6f6fd;--surface:#fff;--surface-soft:#f4f3fb;
 --violet:#7526ee;--violet-deep:#5823c9;--violet-light:#eee7ff;--violet-gradient:linear-gradient(135deg,#9a51ff 0%,#7825f0 52%,#6624dd 100%);
 --line:#e1e1ef;--line-strong:#cfcee3;--text:var(--ink);--muted:var(--ink-muted);
 --forest:#1d1e2d;--forest-dark:#151622;--green:var(--violet);--green-light:var(--violet-light);--mint:#cbb4ff;
 --shadow:0 3px 10px #25234b05,0 9px 28px #31264b04;--shadow-raised:0 10px 35px #30234112;--radius:13px;
 --sidebar-width:224px;--positive:#13824f;--negative:#b43f4e;--warning:#93601e;
 font-family:var(--font-body);font-size:14px;color:var(--ink);background:var(--paper);color-scheme:light;
}
body{background:radial-gradient(ellipse at 78% 2%,#f0eafd66,transparent 42%),var(--paper);color:var(--ink);font:14px/1.5 var(--font-body);-webkit-font-smoothing:antialiased}
body,button,input,select,textarea{font-family:var(--font-body)}
h1,h2,h3,h4,.brand{font-family:var(--font-heading)}
h1{font-size:27px;line-height:1.25;letter-spacing:-1.05px;font-weight:750;color:var(--ink)}
h2{font-size:17px;letter-spacing:-.5px;font-weight:700;color:var(--ink)}
h3{font-size:14px;font-weight:700;color:var(--ink);letter-spacing:-.25px}
button,a,input,select,textarea{transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}
:focus-visible{outline:3px solid #b99bff;outline-offset:3px}
[hidden]{display:none!important}
.sidebar{width:var(--sidebar-width);padding:23px 12px 17px;color:#e5e4f2;background:radial-gradient(ellipse at 14% 93%,#4b327c55,transparent 36%),linear-gradient(168deg,#262736 0%,#191a28 75%);border-right:1px solid #353345;box-shadow:8px 0 30px #26233b05}
.brand{padding:0 13px 25px;gap:10px;color:#fff;font-size:26px;font-weight:750;letter-spacing:-1px;line-height:1.3}
.brand>span:last-child{font-size:26px!important}.brand>span:last-child:before,.brand>span:last-child:after{content:none!important}
.brand-icon{height:30px;width:30px;border-radius:10px;background:linear-gradient(145deg,#bd86ff,#7f35e9);color:#fff;box-shadow:0 3px 12px #a25cff28;font-size:29px;padding:0;letter-spacing:-2px;flex-shrink:0}
.workspace{margin:0 2px 23px;padding:10px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff04;gap:9px}
.workspace-icon{height:30px;width:30px;background:#ffffff0d;border:1px solid #ffffff16;color:#d8c3ff;border-radius:8px;padding-top:5px;font-size:12px;flex-shrink:0}
.workspace strong{font-size:11px;font-weight:600;color:#f0edf7;white-space:nowrap}.workspace small{font-size:10px;color:#bab7cd;margin-top:2px}.workspace-dot{background:#a286ff;box-shadow:0 0 0 3px #a286ff10;flex-shrink:0}
.nav-caption{font-size:9px;font-weight:600;letter-spacing:1.2px;color:#aaa7be;padding:0 13px 11px}
#nav{gap:5px;scrollbar-width:thin;scrollbar-color:#49445d transparent}
#nav a{font-size:12px;font-weight:500;min-height:43px;border-radius:9px;padding:10px 12px;gap:11px;color:#e2e0ee;line-height:1.35;border:1px solid transparent;letter-spacing:-.1px}
#nav a:hover{color:#fff;background:#ffffff09;border-color:#ffffff0b}
#nav a.active{color:#fff;background:linear-gradient(110deg,#7041b2,#6232ab);border-color:#9b6bd84f;box-shadow:inset 0 1px 0 #c4a3ff20,0 4px 14px #13062a1f}
#nav .nav-icon{height:20px;width:20px;font-size:18px;color:inherit;flex-shrink:0}#nav .nav-icon svg{width:19px;height:19px}
#nav .nav-count{background:#ffffff15;color:#e7d9ff;font-size:10px;border:1px solid #ffffff0b;border-radius:5px;padding:1px 6px}
#nav .nav-break{border-color:#ffffff13;margin-top:12px;padding-top:15px}
.sidebar-bottom{margin:22px 3px 0;padding:16px 10px 0;border-color:#ffffff18;color:#c9c5dd}.sidebar-bottom strong{font-size:10px;color:#e5dff2}.sidebar-bottom small{font-size:9px;line-height:1.7;color:#b7b0ca}.sidebar-bottom .version{color:#b7b0ca;font-size:10px}.system-dot{background:#9b77df;box-shadow:0 0 0 4px #9b77df14}
.app-shell{margin-left:var(--sidebar-width);min-width:0}
.topbar{height:68px;min-height:68px;padding:0 25px;border-bottom:1px solid #e0dfee;background:linear-gradient(110deg,#ffffffeb,#f8f7feeb);gap:20px;backdrop-filter:blur(16px)}
.breadcrumb{font-size:12px;color:var(--ink-muted);gap:10px;min-width:0}.breadcrumb strong{font-size:12px;font-weight:550;color:#37394e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slash{color:#b4b2ca}
.top-actions{gap:14px;min-width:0}.search-trigger{background:#f3f2fa;border:1px solid #d9d7eb;border-radius:9px;padding:9px 12px;min-height:37px;color:#62617c;gap:10px;font-size:12px;box-shadow:inset 0 1px 0 #fff;white-space:nowrap}.search-trigger:hover{background:#efedf9;border-color:#bfb5df}.search-trigger>span:first-child{font-size:19px;color:#6f688c}.search-trigger kbd{font-size:10px;background:#e9e6f3;border:0;padding:2px 5px;color:#6e6881;border-radius:4px}.demo-badge{font-size:8px;font-weight:600;letter-spacing:.7px;padding:5px 7px;border:1px solid #e4e0f1;color:#77718c;background:#f7f5fc;border-radius:5px}.avatar{height:32px;width:32px;border:2px solid #fff;box-shadow:0 0 0 1px #e3dfed;background:linear-gradient(145deg,#dcc8ff,#bca2ef);color:#4a2681;font-size:10px;font-weight:700}
main{max-width:none;padding:25px 25px 18px;min-width:0;flex:1}
.app-footer{font-size:10px;color:#686b82;padding:17px 25px 20px;line-height:1.6;gap:12px}.app-footer>span:last-child{color:#77768c}
.page-top{align-items:center;gap:20px;margin-bottom:24px}.eyebrow{font-size:10px;font-weight:600;color:#79639a;letter-spacing:1.3px;margin-bottom:7px}.page-subtitle{font-size:13px;color:var(--ink-muted);line-height:1.7;margin-top:9px;max-width:840px}.page-actions{align-items:center;gap:9px;padding-top:0;flex-wrap:wrap}
.button{border-radius:8px;min-height:39px;padding:10px 15px;font-size:12px;font-weight:600;letter-spacing:-.12px;gap:8px;line-height:1.3;border:1px solid transparent}
.button-primary{color:#fff;background:var(--violet-gradient);border-color:#a16aff;box-shadow:inset 0 1px 0 #dec7ff4d,0 4px 12px #6c26df1a}
.button-primary:hover{background:linear-gradient(135deg,#a363ff,#7320e8);box-shadow:inset 0 1px 0 #dec7ff4d,0 6px 18px #6c26df30;transform:translateY(-1px)}
.button-secondary{background:linear-gradient(180deg,#fff,#f9f8fd);border-color:#dcd8eb;color:#3e3c54;box-shadow:0 1px 2px #29243d04}.button-secondary:hover{border-color:#bca7e6;background:#f3eefd;color:#652fba}
.button-ghost{border-color:transparent;color:#7031d4;background:transparent}.button-ghost:hover{background:#eee7fb}.button-small{font-size:11px;padding:7px 11px;min-height:33px}
.icon-button{background:linear-gradient(180deg,#fff,#f8f7fc);border:1px solid #dedced;color:#5f5976;border-radius:8px;min-width:34px;height:34px;font-size:18px;box-shadow:0 1px 2px #32294d05}.icon-button:hover{border-color:#bfa8e4;color:#7139c7;background:#f5efff}
.button:disabled,.icon-button:disabled{transform:none;box-shadow:none;opacity:.48}
.panel,.project-card{background:linear-gradient(145deg,#fff 0%,#fdfcff 100%);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.panel-header{padding:19px 20px;border-bottom-color:var(--line);gap:12px;align-items:center}.panel-header h2{font-size:16px;color:var(--ink);letter-spacing:-.5px}.panel-header p{font-size:12px;line-height:1.7;color:var(--ink-muted);margin-top:5px}.panel-bottom{font-size:11px;color:var(--ink-muted);border-color:var(--line);padding:13px 20px;background:#fcfbff}.section-gap{margin-top:20px}
.tabs{gap:3px;margin-bottom:20px;flex-wrap:wrap;border-bottom:1px solid #dedbed;padding:0 0 5px}.tab-button{border-radius:6px 6px 0 0;color:#67637e;padding:10px 14px;font-size:12px;min-height:39px;border:0;border-bottom:2px solid transparent;background:transparent}.tab-button.active{color:#7525e8;background:#f5f0ff;box-shadow:none;border-color:#8133ee;font-weight:650}.tab-button:hover{background:#f0eafa;color:#6a2cc7}
.badge{font-size:10px;font-weight:600;letter-spacing:-.05px;padding:5px 9px;border:0;border-radius:6px;background:#f0eff7;color:#67637d;line-height:1.25}.badge.green{background:#e2f5eb;color:#168454}.badge.red{background:#fde8ed;color:#b63e58}.badge.orange{background:#fff2dc;color:#98651c}.badge.blue,.badge.purple{background:#ece3ff;color:#7130ce}
.count-pill{font-size:10px;border:1px solid #e1ddec;background:#f4f1fb;color:#75638c;border-radius:5px;padding:2px 6px}.text-link{font-size:12px;color:#7723e3;font-weight:600}.text-link:hover{text-decoration:underline;text-underline-offset:3px}
.resource-toolbar{padding:14px 20px;border-color:var(--line);gap:12px;background:#fcfbff;flex-wrap:wrap}.filter-input{border:1px solid #dcd7e9;border-radius:8px;padding:10px 12px;background:#fff;color:#3d3b51;font-size:12px;min-height:39px;min-width:230px}.filter-input:focus{border-color:#a37adb;box-shadow:0 0 0 3px #813eea0c;outline:none}.filter-input::placeholder{color:#807b93}.resource-count{font-size:11px;color:var(--ink-muted)}
.table-wrap{max-width:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#c7bedb transparent}
table{font-size:12px;color:#27263a}th{font-size:10px;font-weight:600;color:#626079;background:#f7f6fc;padding:12px 17px;border-color:#e5e1ef;letter-spacing:.1px}td{font-size:12px;padding:14px 17px;border-color:#e8e4f1;line-height:1.5;vertical-align:middle}tbody tr{transition:background .12s}tbody tr:hover{background:#f7f2ff}.cell-title{font-size:12px;font-weight:600;color:#302b44}.cell-sub{font-size:10px;color:#6b6680;line-height:1.6}.detail-trigger{font-size:inherit;color:#3f355b;text-decoration-color:#d7cae9;text-underline-offset:4px}.detail-trigger:hover{color:#7733d2;text-decoration-color:#9e6bdd}.mono{font-size:10px;color:#746d89}.row-action{font-size:11px;color:#7037b9;background:#f3ecff;border:1px solid #ddd0f2;min-height:31px;padding:6px 9px;border-radius:6px}.row-action:hover{background:#e9dcfb;border-color:#bea3e0}.stock-positive{color:#198157}.stock-zero{color:#9a6a2e}.summary-line{color:#615c77;font-size:11px;border-color:var(--line);padding:12px 20px;background:#fbf9ff}
.progress{background:#ece7f7;height:7px;border-radius:12px;overflow:hidden}.progress>span,.progress>i,.progress-bar{background:var(--violet-gradient);border-radius:12px}
.field{font-size:12px;font-weight:550;color:#545067;gap:7px}.field input,.field select,.field textarea{border:1px solid #d9d5e7;border-radius:8px;background:#fdfcff;color:#2d2940;font-size:13px;padding:11px 12px;min-height:42px;box-shadow:inset 0 1px 2px #29233e03}.field input::placeholder,.field textarea::placeholder{color:#8b859c}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#a57bdc;box-shadow:0 0 0 3px #a879ec13;background:#fff}.field small{font-size:11px;font-weight:400;color:#706881;line-height:1.65}.field input[type=checkbox]{accent-color:#7b2be3}.form-grid{gap:19px;padding:24px 27px}.form-error{font-size:12px;color:#b13852;line-height:1.7;padding:0 27px 20px}.flow-hint,.settings-note{font-size:11px!important;line-height:1.8!important;color:#655d79!important}
dialog{border:1px solid #dcd5ed;border-radius:16px;background:#fff;box-shadow:0 32px 100px #1a102c35;color:var(--ink)}dialog::backdrop{background:#19132566;backdrop-filter:blur(5px)}.dialog-header{padding:23px 27px;border-color:var(--line);background:linear-gradient(115deg,#fff,#faf6ff);gap:18px}.dialog-header h2{font-size:21px;letter-spacing:-.65px}.dialog-header .eyebrow{font-size:9px;color:#7b5b9f}.dialog-footer{padding:18px 27px;background:#faf8ff;border-color:var(--line)}.dialog-footer>span{font-size:10px;color:#6c627c}.dialog-info{font-size:12px;color:#625970;line-height:1.9;padding:0 27px 25px}.detail-actions{padding:15px 22px;background:#f9f6fe;border-color:var(--line)}.key-value{font-size:12px;line-height:1.8;gap:13px;padding:22px}.key-value dt{color:#736a84}.key-value dd{color:#312a43}.record-properties dt{font-size:11px;color:#746a84}.record-properties dd{color:#42334f}.flow-section-title{font-size:15px;padding:20px 22px 13px}.flow-editor-section{border-color:var(--line)}.flow-pre{color:#615574;font-size:12px}.secret-value{background:#f1eafa;border-color:#d7c7eb;color:#5b347d}.message-body{font:13px/1.85 var(--font-body);color:#4e435e;background:#f8f4fd}.document-summary{background:linear-gradient(120deg,#faf8ff,#fff);border-bottom:1px solid var(--line)}.document-summary strong{font:700 28px var(--font-heading);color:#332340}.document-summary span,.document-summary small{color:#736581;font-size:11px}.document-line .icon-button{margin-bottom:4px}details>summary{font-size:13px;color:#6c38a6}.flow-upload{border-color:var(--line)}
.notice{border:1px solid #e0d5ef;border-radius:9px;background:#f5effd;color:#64487e;font-size:12px;line-height:1.7;padding:13px 16px}.notice.amber{background:#fff8e9;border-color:#eddfb9;color:#8a6428}.notice.error,.error-banner{background:#fff0f2;border-color:#efced6;color:#a0445c;font-size:12px}.error-banner{border-radius:10px}.empty-state{padding:44px 24px;color:#70627e}.empty-state h3{color:#4d3c63;font-size:15px;margin-bottom:8px}.empty-state p{font-size:12px;line-height:1.8}.loading{font-size:13px;color:#756384}.loader{border-color:#e9def7;border-top-color:#8436e7}.toast{background:#30203f;color:#fff;border:1px solid #9c6bca;box-shadow:0 15px 45px #3112492b;font-size:13px;padding:15px 20px;border-radius:11px}.toast.error{background:#782d46;border-color:#c77b93;color:#fff}
#search-dialog{border-color:#d9ceed;width:min(720px,calc(100% - 32px))}.search-heading{padding:17px 21px;border-color:var(--line);background:#fcfaff}.search-heading>span{color:#8a5bb7}.search-heading input{color:#34263e;font-size:15px}.search-result{padding:14px;border-radius:9px}.search-result:hover{background:#f1e8fd}.search-result strong{font-size:13px;color:#3c2a4a;font-weight:600}.search-result small{font-size:11px;color:#76657f}.search-footer{border-color:var(--line);color:#756780;font-size:11px}.search-results{max-height:440px}
/* Project workspace: the split composition follows supplied reference 1. */
.project-workspace{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:24px;align-items:start;min-width:0}
.project-workspace>*{min-width:0}.project-context,.project-engine{display:flex;flex-direction:column;gap:17px;min-width:0}.project-engine{border-left:1px solid #e1ddeb;padding-left:22px;margin-left:-1px}
.project-hero{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:3px}.project-hero h1{font-size:27px;letter-spacing:-.9px;line-height:1.25}.project-hero h1 small{font:500 12px var(--font-body);display:block;letter-spacing:0;color:#746884;margin-bottom:9px}.project-hero .project-reference{font-size:11px;color:#706582;letter-spacing:.3px;font-weight:600}.project-hero-actions{display:flex;gap:7px;flex-shrink:0}
.project-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;align-items:center}.project-meta>span,.project-meta>a{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;font-size:10px;background:#eeedf5;border:1px solid #e9e5f0;border-radius:6px;color:#4d455f;line-height:1.3}.project-meta svg{width:13px;height:13px}.project-meta .badge{border:0;background:#e8ddff;color:#6f2bd0}.project-meta .badge.green{background:#e1f4e8;color:#238353}
.project-tabs{display:flex;gap:5px;align-items:center;overflow-x:auto;border-bottom:1px solid #dbd7e8;margin:0 0 2px;padding:0;scrollbar-width:none}.project-tabs button,.project-tabs a{font-size:11px;white-space:nowrap;color:#4f4664;padding:12px 11px 11px;border-bottom:3px solid transparent;background:none;min-height:43px;border-radius:4px 4px 0 0}.project-tabs button.active,.project-tabs button[aria-selected=true],.project-tabs a.active{border-bottom-color:#852fff;color:#7524ea;font-weight:650;background:linear-gradient(0deg,#f2eaff55,transparent)}.project-tabs button:hover,.project-tabs a:hover{color:#7a29df;background:#f4edfc}
.project-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}.project-split-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}.project-split-panels>*{min-width:0}
.project-status-card,.project-budget-card,.project-stock-card,.project-logistics-card,.project-thread,.project-card-surface{border:1px solid #dfdbea;border-radius:12px;background:linear-gradient(145deg,#fff,#fcfaff);box-shadow:0 3px 12px #30244703;min-width:0;overflow:hidden}
.project-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 15px 0}.project-card-title{display:flex;align-items:center;gap:7px;font-family:var(--font-body);font-size:12px;font-weight:650;color:#242033;letter-spacing:-.15px}.project-card-title svg{width:16px;height:16px;color:#5d4d78}.project-card-head .text-link{font-size:10px;white-space:nowrap}.project-card-body{padding:14px 15px 17px}.project-card-number{font-family:var(--font-heading);font-size:25px;font-weight:750;letter-spacing:-.9px;color:#181320;line-height:1.3}.project-card-caption{font-size:10px;color:#766b84;line-height:1.6}.project-card-number small{font:400 10px var(--font-body);letter-spacing:0;color:#7b7187;margin-left:8px}
.project-status-card{background:radial-gradient(ellipse at 88% 110%,#7b39c4c9,transparent 53%),linear-gradient(130deg,#272334,#392b53);border-color:#9a76be80;color:#fff;box-shadow:0 5px 20px #36165312;position:relative}
.project-status-card .project-card-head,.project-status-card .project-card-body{position:relative;z-index:1}.project-status-card:after{content:'';position:absolute;width:300px;height:115px;border:1px solid #bb7aff24;border-radius:50%;right:-95px;bottom:-86px;box-shadow:0 -12px 0 -11px #c192ff27,0 -24px 0 -23px #c192ff27,0 -36px 0 -35px #c192ff27,0 -48px 0 -47px #c192ff27;transform:rotate(-18deg);pointer-events:none}.project-status-card .project-card-title,.project-status-card .project-card-title svg{color:#eee7f9}.project-status-card .project-card-title{font-size:11px;font-weight:500}.project-status-card h2{color:#fff;font-size:22px;line-height:1.25;font-weight:700;letter-spacing:-.6px;margin:8px 0 18px}.project-status-card .project-card-caption{color:#e4d9f1}.project-status-number{margin-left:auto;text-align:right;font-size:23px;font-weight:750;font-family:var(--font-heading);line-height:1.2}.project-status-number small{display:block;color:#e0cfee;font:400 9px/1.5 var(--font-body);margin-top:3px}
.project-process{display:flex;justify-content:space-between;position:relative;gap:4px;isolation:isolate;margin:11px 0 0;padding-top:2px}.project-process:before{content:'';position:absolute;top:10px;left:11px;right:11px;height:4px;background:#655879;z-index:-1;border-radius:10px}.project-step{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:35px;color:#dbd0e9;font-size:9px;text-align:center;position:relative}.project-step>i,.project-step .step-dot{width:18px;height:18px;border-radius:50%;border:2px solid #9a8eae;background:#443653;display:grid;place-items:center;font-style:normal;font-size:10px;line-height:1;box-shadow:0 0 0 2px #382b4c}.project-step.done>i,.project-step.done .step-dot{background:#9b38ff;border-color:#b36bff;color:white}.project-step.active>i,.project-step.active .step-dot{background:#ae49ff;border:3px solid #d2a5ff;box-shadow:0 0 0 5px #a960ec38,0 0 13px #ba75fb88;color:#fff}.project-step.active{color:#fff;font-weight:650}.project-logistics-card .project-process:before{background:#e0d8ec;height:2px;top:10px}.project-logistics-card .project-step{color:#766a87}.project-logistics-card .project-step>i{box-shadow:none;background:#fff;border-color:#afa2c3}.project-logistics-card .project-step.done>i{color:#fff;background:#26b76a;border-color:#26b76a}.project-logistics-card .project-step.active>i{background:#9353ee;border-color:#b791f4;box-shadow:0 0 0 4px #b58ae529}.project-logistics-card .project-step.active{color:#6e35b5}
.project-budget-card .project-progress-track{margin:13px 0 11px}.project-progress-track{height:9px;border-radius:20px;background:#e9ddfb;overflow:hidden}.project-progress-track>i,.project-progress-track>span{height:100%;display:block;background:linear-gradient(90deg,#8a31f7,#b27bff);border-radius:20px;max-width:100%}.project-budget-breakdown{display:grid;gap:6px;font-size:10px;color:#655a76}.project-budget-breakdown>div{display:flex;align-items:center;gap:7px}.project-budget-breakdown strong{margin-left:auto;font-size:11px;color:#383042;font-weight:600}.legend-dot{width:7px;height:7px;display:inline-block;border-radius:3px;background:#8a3bf0;flex-shrink:0}.legend-dot.light{background:#c7a5f5}.legend-dot.gray{background:#d9d4e3}.legend-dot.blue{background:#4781ee}.legend-dot.green{background:#30ac75}
.project-stock-body{display:flex;align-items:center;gap:17px;padding:16px 15px 18px}.project-donut{--value:0%;position:relative;width:104px;height:104px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#8436f3 var(--value),#e4d5f8 0);isolation:isolate}.project-donut:before{content:'';position:absolute;inset:15px;border-radius:50%;background:#fff;z-index:-1;box-shadow:inset 0 0 10px #34265f03}.project-donut>div{text-align:center;color:#2b203a;font-family:var(--font-heading);font-size:23px;font-weight:750;line-height:1.2;letter-spacing:-.6px}.project-donut small{font:400 9px/1.5 var(--font-body);display:block;color:#796d88;letter-spacing:0;margin-top:2px}.project-stock-legend{display:grid;gap:10px;font-size:10px;flex:1;min-width:0}.project-stock-legend>div{display:flex;align-items:center;gap:6px;color:#5f526d;flex-wrap:wrap}.project-stock-legend strong{margin-left:auto;color:#2a2038;font-size:11px;font-weight:600}
.project-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.project-kpis>div{background:#ffffff09;border:1px solid #ffffff14;padding:11px 9px;border-radius:8px;color:#ede7f6;min-width:0}.project-kpis strong{display:block;font-size:14px;line-height:1.4;font-family:var(--font-heading);font-weight:700;letter-spacing:-.25px;overflow-wrap:anywhere}.project-kpis span,.project-kpis small{display:block;font-size:9px;line-height:1.6;color:#d1c5e2;margin-top:3px}
.project-kit-hero{background:radial-gradient(ellipse at 98% 40%,#6a4c9b9c,transparent 49%),linear-gradient(115deg,#292638,#262333 65%,#453255);border:1px solid #74638d;border-radius:12px;padding:21px 20px 17px;color:#f1edfa;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff10,0 5px 20px #3021440b}.project-kit-hero h2{color:#f7f3ff;font-size:27px;line-height:1.2;font-weight:750;letter-spacing:-.7px;max-width:80%;margin-bottom:8px}.project-kit-hero p{font-size:12px;color:#e4ddee;line-height:1.6;max-width:78%;margin-bottom:18px}.project-kit-hero .project-kpis{margin:13px 0}.project-kit-actions{display:flex;gap:9px;margin-top:17px;position:relative;z-index:2;flex-wrap:wrap}.project-kit-actions .button{flex:1;min-width:130px;justify-content:center;font-size:11px;min-height:40px}.project-kit-actions .button-secondary{background:#f9f7fc;color:#2b2238;border-color:#f0e9fa}.project-kit-hero canvas{display:block;width:100%;height:230px;border:1px solid #ffffff12;border-radius:9px;margin:13px 0 0}.project-kit-viewer{position:relative;margin:15px -7px 0;border-radius:10px;overflow:hidden;min-width:0}.project-kit-viewer canvas{margin:0;border:0;width:100%;height:245px}.project-kit-viewer .viewer-info{color:#d7c8eb;font-size:9px;left:12px;top:10px}.project-engine .tabs{margin-bottom:0}.project-engine .tabs .tab-button{font-size:11px;padding-inline:11px}
.project-bom-table{background:linear-gradient(145deg,#fff,#fbf9ff);border:1px solid #dfd9ec;border-radius:12px;overflow:hidden}.project-bom-table th{font-size:9px;padding:10px 12px;white-space:normal;color:#51485f;background:#f8f5fd}.project-bom-table td{font-size:10px;padding:11px 12px;border-color:#e4dfed}.project-bom-table .cell-title,.project-bom-table .detail-trigger{font-size:11px;font-weight:600}.project-bom-table .badge{font-size:9px;padding:4px 7px}.project-bom-table .bom-row.selected{background:#f0e5ff}.project-bom-table .bom-note{background:#f7f2fe;font-size:10px;color:#685577;border-color:#e0d5ec}.project-bom-total{display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:13px 15px;border-top:1px solid #dcd3ea;background:#f9f6ff;font-size:11px;color:#51425f}.project-bom-total strong{font-family:var(--font-heading);font-size:22px;color:#20152d;font-weight:750;letter-spacing:-.6px}
.project-offer-row{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid #e2daef;border-radius:9px;margin:8px 12px;background:linear-gradient(100deg,#fff,#faf6ff);font-size:11px;min-width:0}.project-offer-row.selected,.project-offer-row.is-selected{border-color:#a866fa;background:linear-gradient(100deg,#f6edff,#fff);box-shadow:inset 0 0 0 1px #b17be71a}.project-offer-row .supplier-avatar{width:28px;height:28px;display:grid;place-items:center;background:#eee5fc;color:#8c4cb6;border-radius:50%;font-weight:700;flex-shrink:0}.project-offer-row strong{font-size:12px;display:block;color:#302039;font-weight:650}.project-offer-row small{font-size:10px;color:#776181;display:block}.project-offer-row .offer-amount{margin-left:auto;text-align:right;white-space:nowrap}.project-offer-row .offer-amount strong{font-family:var(--font-heading);font-size:13px;color:#382346}
.project-thread .thread-item{display:flex;gap:9px;padding:13px 14px;border-bottom:1px solid #e8e1ef}.project-thread .thread-item:last-child{border:0}.project-thread .avatar{width:28px;height:28px;font-size:9px;flex-shrink:0}.project-thread .thread-item strong{font-size:11px;color:#40314c}.project-thread .thread-item time{font-size:9px;color:#8b7b93;margin-left:7px}.project-thread .thread-item p{font-size:11px;line-height:1.7;color:#554360;margin-top:5px;overflow-wrap:anywhere}.project-thread form{display:flex;align-items:flex-end;gap:8px;padding:12px;background:#fbf7ff;border-top:1px solid #e8e0ef}.project-thread textarea{width:100%;min-height:43px;max-height:130px;resize:vertical;border:1px solid #ddd1eb;background:#fff;border-radius:7px;padding:10px;font-size:11px;color:#513861}.project-thread form .button{min-height:39px;padding:9px 12px}
.project-subsection{padding:0 0 3px}.project-muted{font-size:11px;line-height:1.7;color:#756582}.project-card-body .empty-state{padding:20px 8px}.project-card-body .empty-state p{font-size:11px}
/* Keep existing modules within the same type, depth, action hierarchy. */
.metric-card{border:1px solid #e0daed;background:linear-gradient(145deg,#fff,#faf7ff);box-shadow:var(--shadow);border-radius:13px;padding:20px}.metric-label{font-size:11px;color:#766582}.metric-value{color:#2b1a3e;font-family:var(--font-heading);font-size:28px;font-weight:750;letter-spacing:-.8px}.metric-note{font-size:11px;color:#796884;line-height:1.7}.metric-symbol{background:#f0e5fc;color:#8641d1;border:1px solid #e5d3f8;border-radius:10px}.metrics{gap:16px;margin-bottom:22px}.project-card{padding:22px}.project-card h3{font-size:18px;color:#34213f;letter-spacing:-.5px}.project-card p{font-size:12px;color:#786481;line-height:1.7}.project-card-footer{font-size:11px;border-color:#e5dbee;color:#71617c}.project-card-footer strong{color:#6f32b2}.project-card-links{gap:8px}.project-card-head h3{font-size:15px}.project-card-list{gap:19px}.project-summary{border-color:var(--line);padding:16px 20px;background:#faf6ff}.project-summary span{color:#776781;font-size:11px}.project-summary strong{color:#463054;font-size:17px}.dashboard-model-note{color:#7a6787;font-size:11px;padding:0 20px 15px}.project-bar{padding:20px}.project-bar h3{font-size:19px;color:#34263f}.project-bar p{font-size:12px;color:#776482}.activity-list,.attention-list{padding-inline:20px}.attention-item{border-color:#e8e0ef}.attention-item strong,.attention-item h3{font-size:13px;color:#3a2544}.attention-item p{font-size:11px;color:#776681}.attention-icon{background:#eee2fa;color:#8c48c3}.activity-item{border-color:#e7dfed}.activity-item strong,.activity-item p{font-size:12px;color:#574060}.activity-item small{font-size:10px;color:#82708c}.finance-total{background:#f7efff;border-color:#dfd2ed;color:#553361}.finance-total strong{color:#4c276a;font-family:var(--font-heading);font-weight:750}.finance-total span{font-size:11px;color:#7e668c}.capability{border-color:#e8e0ef}.capability strong{font-size:13px;color:#4d315c}.capability p{font-size:11px;color:#7c6589}.inline-code{font-size:11px;background:#f0e8f7;color:#745483;padding:4px 6px}.assistant-answer{background:#f8f1ff;border-color:#dfceef;color:#573363;font-size:13px}.assistant-compose textarea{background:#fcf8ff;border-color:#ded0e9;color:#533460;font-size:13px;border-radius:9px}.assistant-suggestion{font-size:11px;background:#f6effb;border-color:#e1d1ec;color:#78548a;padding:8px 10px}.settings-note{color:#756081}
/* Technical universe: existing data-driven viewport remains central. */
.kit-layout{gap:20px;grid-template-columns:300px minmax(0,1fr)}.kit-settings{padding:21px}.kit-settings h3{font-size:14px;color:#5a346d}.kit-settings .field{margin-bottom:15px}.kit-settings hr{border-color:#e5d9ef}.kit-advanced summary{font-size:12px!important;color:#67417e}.kit-basin-card{background:#fcf7ff;border-color:#e4d4ee}.kit-installation h4,.kit-installation legend{color:#6f4387}.kit-metrics{padding:18px 20px;gap:12px;background:#fcf8ff}.kit-metrics span{font-size:10px;color:#7b6389;line-height:1.6}.kit-metrics strong{font-size:22px;color:#5a2a75;font-weight:700;font-family:var(--font-heading)}.kit-metrics small{font-size:10px;color:#856d92}.kit-saving{padding:17px 20px;background:#f8f1fd;border-color:#e1d3ed;gap:10px}.kit-warning{background:#fff8e8;color:#8c6a32;border-color:#ebdcb5;font-size:11px;line-height:1.7}.bom-note{font-size:11px;line-height:1.8;background:#faf6ff;border-color:#e3d4ef;color:#735b83}.bom-row.selected{background:#eee0fc}.viewer-panel{border-color:#dcd7e9}.viewer-controls button{border-color:#d9d2e7;background:#ffffffed;color:#6e4e87;min-width:32px;height:32px}.kit-view-tools{background:#fbf7ff;border-color:#e3d5ee!important}.kit-color-legend span{font-size:10px!important;background:#f4edf9!important;color:#725b80!important}.kit-view-context{font-size:11px;color:#806c8e}.kit-money-grid>div{background:linear-gradient(145deg,#fbf6ff,#fff)!important;border-color:#e3d5ed!important;border-radius:11px!important}.kit-money-grid strong{color:#4b285f!important;font-family:var(--font-heading);font-size:23px!important}.kit-money-grid span,.kit-money-grid small{font-size:11px!important;color:#7b6489!important}.kit-subline{font-size:10px!important;color:#7d648c!important}.kit-order-details h4{color:#67447a}.kit-order-details p{color:#796185}.kit-check{font-size:12px!important}.kit-check input{accent-color:#8529f0}.kit-plan-toolbar{padding-inline:20px!important}
@keyframes premium-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.project-workspace,.page-top{animation:premium-enter .2s ease both}
@media(min-width:1600px){main{padding:24px 27px 18px}.topbar{padding-inline:27px}.project-workspace{gap:25px}.project-engine{padding-left:24px}.project-hero h1{font-size:28px}.project-context,.project-engine{gap:18px}}
@media(max-width:1350px){:root{--sidebar-width:212px}.sidebar{padding-inline:10px}.brand{font-size:25px;padding-inline:12px}.brand>span:last-child{font-size:25px!important}#nav a{font-size:11px;padding-inline:11px}.workspace{padding:9px;gap:8px}.workspace strong{font-size:10px}.workspace small{font-size:9px}.topbar{padding-inline:21px}main{padding:22px 21px 18px}.project-workspace{gap:18px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.project-engine{padding-left:17px}.project-hero h1{font-size:23px}.project-tabs button,.project-tabs a{padding-inline:8px;font-size:10px}.project-kit-hero{padding:18px 16px 15px}.project-kit-hero h2{font-size:24px;max-width:100%}.project-kit-hero p{max-width:100%;font-size:11px}.project-kpis{gap:6px}.project-kpis>div{padding:9px 7px}.project-kpis strong{font-size:12px}.project-kpis span{font-size:8px}.project-stat-grid,.project-split-panels{gap:11px}.project-card-head{padding:13px 12px 0}.project-card-body{padding:12px}.project-card-title{font-size:11px}.project-status-card h2{font-size:19px}.project-status-number{font-size:21px}.project-stock-body{padding:14px 12px;gap:11px}.project-donut{height:88px;width:88px}.project-donut:before{inset:12px}.project-donut>div{font-size:21px}.project-stock-legend{font-size:9px}.project-stock-legend strong{font-size:10px}.project-kit-actions .button{font-size:10px;padding-inline:10px;min-width:110px}.project-bom-table td,.project-bom-table th{padding-inline:9px}.search-trigger{font-size:11px}.top-actions{gap:10px}}
@media(max-width:1120px){.project-workspace{grid-template-columns:minmax(0,1fr)}.project-engine{border-left:0;padding-left:0;margin-left:0;padding-top:3px}.project-context,.project-engine{gap:17px}.project-hero h1{font-size:26px}.project-tabs button,.project-tabs a{font-size:12px;padding-inline:13px}.project-status-card h2{font-size:23px}.project-card-title{font-size:13px}.project-card-head{padding:17px 17px 0}.project-card-body{padding:15px 17px}.project-stock-body{padding:17px;gap:22px}.project-donut{width:104px;height:104px}.project-kpis strong{font-size:15px}.project-kpis span{font-size:10px}.project-kit-hero h2{font-size:27px}.project-kit-hero p{font-size:12px}.project-kit-viewer canvas{height:300px}.project-kit-actions .button{font-size:12px}.project-stock-legend{font-size:11px}.project-stock-legend strong{font-size:12px}.project-bom-table th{font-size:10px}.project-bom-table td{font-size:12px}.project-kit-hero{padding:22px}.search-trigger>span:nth-child(2){display:inline}.demo-badge{display:none}.kit-layout{grid-template-columns:270px minmax(0,1fr)}.kit-settings{padding:17px}}
@media(max-width:1000px){.kit-layout{grid-template-columns:minmax(0,1fr)}.kit-layout>div{order:0}.kit-layout>section{order:1}.kit-settings{padding:21px;grid-template-columns:repeat(3,minmax(0,1fr))}.kit-advanced .field-row{display:grid}.panel-header{flex-wrap:wrap}.topbar{gap:12px}.search-trigger{max-width:330px}.page-top{flex-wrap:wrap}.page-subtitle{font-size:13px}.page-actions{justify-content:flex-start}.two-columns{gap:18px}.metric-card{padding:18px}.metric-value{font-size:27px}}
@media(max-width:760px){:root{--sidebar-width:224px}.sidebar{width:var(--sidebar-width);transform:translateX(-100%);box-shadow:8px 0 80px #17112640;padding:22px 12px}.sidebar.open{transform:translateX(0)}.app-shell{margin-left:0}.brand{padding-inline:13px;font-size:26px}.brand>span:last-child{font-size:26px!important}#nav a{font-size:13px;min-height:45px}.workspace strong{font-size:11px}.workspace small{font-size:10px}.mobile-menu{display:grid;flex-shrink:0;width:34px;height:36px;border:1px solid #e1daef;background:#fbf7ff;font-size:18px;color:#6d4b8b}.topbar{height:62px;min-height:62px;padding:0 16px;gap:12px}.top-actions{gap:8px}.breadcrumb{font-size:11px;flex:1;min-width:0}.breadcrumb strong{font-size:11px}.breadcrumb>span:first-child,.breadcrumb .slash{display:none}.search-trigger{padding:7px;min-height:34px;min-width:34px;width:34px;border-radius:8px;justify-content:center}.search-trigger>span:nth-child(2),.search-trigger kbd,.top-actions .demo-badge{display:none}.search-trigger>span:first-child{font-size:20px}.avatar{display:none}main{padding:21px 16px 15px}.app-footer{padding:16px;font-size:10px;display:block}.app-footer span{display:block;margin-top:3px}.page-top{margin-bottom:21px;gap:15px}h1{font-size:25px;line-height:1.27}.eyebrow{font-size:9px}.page-subtitle{font-size:12px;line-height:1.8}.page-actions{gap:8px}.page-actions .button{font-size:12px;padding:10px 13px;min-height:41px}.button{min-height:41px;font-size:12px;padding:10px 14px}.button-small{font-size:11px;min-height:35px;padding:8px 10px}.icon-button{min-width:36px;height:36px}.panel-header{padding:17px}.panel-header h2{font-size:16px}.panel-header p{font-size:12px}.badge{font-size:10px}.field{font-size:12px}.field input,.field select,.field textarea{font-size:16px;min-height:44px}.field small{font-size:11px}.form-grid{padding:21px;gap:18px;grid-template-columns:1fr}.dialog-header{padding:21px}.dialog-header h2{font-size:20px}.dialog-footer{padding:17px 21px;gap:8px}.dialog-footer>span{font-size:10px}.form-error{padding-inline:21px;font-size:12px}dialog{max-height:calc(100dvh - 30px)}#workflow-dialog{width:calc(100% - 24px)}.detail-actions{padding:14px 17px;gap:8px}.flow-actions .button{font-size:11px;padding:8px 10px;min-height:35px}.flow-editor-section{padding:18px}.resource-toolbar{padding:13px 16px;gap:10px}.filter-input{font-size:16px;min-width:0;width:100%;min-height:43px;flex:1 1 100%}.resource-count{font-size:11px}th{font-size:10px;padding:11px 14px}td{font-size:12px;padding:13px 14px}.cell-title{font-size:12px}.cell-sub{font-size:10px}.notice,.error-banner{font-size:12px;line-height:1.75;padding:13px 14px}.tab-button{font-size:12px;padding:10px 12px;min-height:41px}.row-action{min-height:34px;font-size:11px}.empty-state p{font-size:12px}.toast{font-size:12px;right:16px;bottom:16px;padding:14px 16px}.metrics{gap:11px}.metric-card{padding:17px;border-radius:12px}.metric-label{font-size:11px}.metric-value{font-size:26px}.metric-note{font-size:10px}.project-workspace{gap:20px}.project-context,.project-engine{gap:15px}.project-hero{gap:10px}.project-hero h1{font-size:23px;letter-spacing:-.8px}.project-hero-actions{gap:5px}.project-meta{gap:6px;margin-top:11px}.project-meta>span,.project-meta>a{font-size:10px;padding:5px 7px}.project-tabs{gap:1px;margin-bottom:2px}.project-tabs button,.project-tabs a{padding:11px 10px;font-size:11px}.project-stat-grid,.project-split-panels{gap:11px}.project-card-head{padding:14px 13px 0;gap:7px}.project-card-title{font-size:11px;gap:6px}.project-card-title svg{width:14px;height:14px}.project-card-body{padding:12px 13px 15px}.project-status-card h2{font-size:19px;margin:9px 0 17px}.project-status-number{font-size:20px}.project-status-number small{font-size:8px}.project-step{font-size:8px;min-width:28px}.project-step>i,.project-step .step-dot{height:17px;width:17px}.project-card-number{font-size:23px}.project-card-number small{display:block;margin:4px 0 0;font-size:9px}.project-card-caption{font-size:10px}.project-stock-body{padding:13px;gap:11px;flex-wrap:wrap}.project-donut{height:82px;width:82px}.project-donut:before{inset:12px}.project-donut>div{font-size:20px}.project-donut small{font-size:8px}.project-stock-legend{gap:7px;font-size:9px;min-width:80px}.project-stock-legend strong{font-size:10px}.project-budget-breakdown{font-size:9px}.project-budget-breakdown strong{font-size:10px}.project-kit-hero{padding:20px 16px 16px}.project-kit-hero h2{font-size:25px;max-width:100%}.project-kit-hero p{font-size:12px;max-width:100%;margin-bottom:15px}.project-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.project-kpis>div{padding:11px}.project-kpis strong{font-size:15px}.project-kpis span{font-size:10px}.project-kit-viewer{margin-top:12px}.project-kit-viewer canvas{height:240px}.project-kit-actions{gap:8px;margin-top:14px}.project-kit-actions .button{font-size:11px;min-width:110px;min-height:42px}.project-bom-table th{font-size:10px;padding:10px}.project-bom-table td{font-size:11px;padding:11px 10px}.project-bom-total{font-size:11px;padding:13px}.project-bom-total strong{font-size:21px}.project-offer-row{margin:8px 10px;padding:11px 10px;gap:8px}.project-offer-row strong{font-size:11px}.project-offer-row small{font-size:10px}.project-offer-row .offer-amount strong{font-size:12px}.project-thread .thread-item{padding:13px}.project-thread .thread-item strong{font-size:11px}.project-thread .thread-item p{font-size:12px}.project-thread textarea{font-size:16px}.project-thread form{padding:11px}.project-card{padding:20px}.project-card h3{font-size:18px}.project-card p{font-size:12px}.kit-settings{grid-template-columns:minmax(0,1fr);padding:20px}.kit-advanced .field-row{grid-template-columns:minmax(0,1fr)}.kit-metrics{padding:17px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.kit-metrics span{font-size:9px}.kit-metrics strong{font-size:22px}.kit-saving{padding:17px;gap:12px}.kit-saving .field{min-width:0}.kit-saving .button{width:100%}.kit-plan-toolbar{padding-inline:17px!important}.kit-plan-toolbar .field{min-width:0;flex-basis:100%}.kit-money-grid{grid-template-columns:1fr!important}.record-properties{grid-template-columns:1fr}.record-properties dd{overflow-wrap:anywhere}}
@media(max-width:460px){.project-stat-grid,.project-split-panels{grid-template-columns:minmax(0,1fr)}.project-hero h1{font-size:22px}.project-stock-body{flex-wrap:nowrap}.project-donut{height:100px;width:100px}.project-stock-legend{font-size:11px;gap:10px}.project-stock-legend strong{font-size:12px}.project-card-title{font-size:13px}.project-card-number{font-size:27px}.project-status-card h2{font-size:23px}.project-status-number{font-size:24px}.project-step{font-size:10px;min-width:40px}.project-step>i,.project-step .step-dot{width:19px;height:19px}.project-process:before{top:11px}.project-status-number small{font-size:9px}.project-card-head{padding:17px 16px 0}.project-card-body{padding:14px 16px 17px}.project-budget-breakdown{font-size:11px}.project-budget-breakdown strong{font-size:12px}.project-card-number small{display:inline;margin-left:8px}.project-kit-actions .button{flex-basis:100%}.project-hero-actions .icon-button{min-width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Production Project DOM bindings. */
.project-workspace .project-card{padding:0}
.project-workspace .project-hero{display:block;margin:0}
.project-breadcrumb{display:flex;align-items:center;gap:8px;font-size:11px;color:#635873;margin:0 0 15px;min-width:0}
.project-breadcrumb>a{color:#5b4c70}.project-breadcrumb>a:hover{color:#7c29df}
.project-breadcrumb>svg{width:11px;height:11px;color:#8f829d}
.project-breadcrumb>span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}
.project-breadcrumb .project-menu{margin-left:auto;display:flex;gap:7px;position:relative}
.project-menu .icon-button svg{height:16px;width:16px}
.project-action-menu{position:absolute;right:0;top:43px;min-width:230px;padding:7px;border:1px solid #ddd2eb;background:#fff;border-radius:11px;box-shadow:0 14px 45px #33204424;display:grid;gap:3px;z-index:12}
.project-action-menu .button{display:flex;justify-content:flex-start;gap:9px;box-shadow:none;background:none;border-color:transparent;color:#4b355c;min-height:38px;font-size:12px}.project-action-menu .button:hover{background:#f4eafb}.project-action-menu .button svg{width:15px;height:15px}
.project-hero>.project-meta{margin:12px 0 0}.project-hero h1{font-size:26px;font-weight:800;letter-spacing:-1px}.project-meta>span:has(.badge){padding:0;background:transparent;border:0}
.project-status-card{padding:15px 15px 18px;min-height:166px}
.project-status-card .project-card-head{padding:0;font-size:11px;color:#e9e0f2;align-items:flex-start}
.project-status-card .project-card-head>b{margin-left:auto;color:#fff;font:750 22px/1.1 var(--font-heading);letter-spacing:-.5px}
.project-status-card h2{margin:10px 0 18px;font-size:22px;max-width:100%;line-height:1.22}
.project-step small{font-size:9px;color:inherit;font-weight:500}.project-step i svg{width:11px;height:11px}
.project-large-number{font:750 33px/1.2 var(--font-heading);letter-spacing:-1px;color:#1d1428;margin:0 0 11px}
.project-large-number>span{font:400 10px var(--font-body);letter-spacing:0;color:#73627f;display:block;margin-top:5px}
.project-avatar-list{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.project-avatar{width:29px;height:29px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#eee4fd;color:#8551bb;font-size:10px;font-weight:650;border:1px solid #e8ddf7}.project-avatar:nth-child(3n+2){background:#def5e9;color:#248465;border-color:#d3eddf}.project-avatar:nth-child(3n){background:#fff0e6;color:#b17c58;border-color:#f3e4db}.project-avatar svg{width:15px;height:15px}.project-avatar-list .button{min-height:29px;font-size:9px;padding:6px 8px;margin-left:auto}.project-avatar-list .button svg{width:11px;height:11px}
.project-amount{font:750 25px/1.25 var(--font-heading);color:#1e1329;letter-spacing:-.8px;overflow-wrap:anywhere}
.project-amount>small{display:block;font:400 9px/1.7 var(--font-body);letter-spacing:0;color:#7a6a87;margin-top:4px}
.project-workspace .project-kpis{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:12px 0 0}
.project-workspace .project-kpis>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0;background:none;border:0;color:#685473;border-radius:0}
.project-workspace .project-kpis dt{font-size:10px;color:#71627d;line-height:1.6;margin:0;display:flex;gap:6px;align-items:center}
.project-budget-card .project-kpis dt:before{content:'';height:7px;width:7px;border-radius:2px;background:#9860eb;display:inline-block}
.project-budget-card .project-kpis>div:nth-child(2) dt:before{background:#ccb2ed}
.project-workspace .project-kpis dd{font-size:11px;color:#34213f;font-weight:650;margin:0;text-align:right;font-variant-numeric:tabular-nums}
.project-stock-summary{display:flex;align-items:center;gap:16px;min-width:0;margin:0 0 10px}
.project-stock-summary>.project-kpis{flex:1;min-width:0;margin:0;gap:12px}
.project-donut>span{display:block;text-align:center;color:#25182f;line-height:1.2;letter-spacing:-.6px}
.project-donut>span>b{font-family:var(--font-heading);font-size:25px;line-height:1.2;font-weight:750}
.project-donut>span>small{font:400 9px/1.5 var(--font-body);display:block;letter-spacing:0;color:#776883;margin-top:3px}
.project-stock-summary+.project-muted{font-size:9px;line-height:1.5;margin-top:11px;color:#786787}
.project-shipment{padding:0 0 13px;margin:0 0 13px;border-bottom:1px solid #e8dfef}
.project-shipment:last-child{padding-bottom:0;margin-bottom:0;border:0}
.project-shipment>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.project-shipment b{display:flex;align-items:center;gap:7px;font-size:13px;color:#44304f;font-weight:650}.project-shipment b svg{height:13px;width:13px;color:#9a7aba}
.project-shipment .project-meta{background:none;font-size:10px;color:#786389;margin-top:10px;display:flex;justify-content:space-between}.project-shipment .text-link{font-size:10px;display:flex;gap:4px;align-items:center}.project-shipment .text-link svg{width:11px;height:11px}
.project-history{display:grid;gap:13px}.project-history>div{display:flex;align-items:flex-start;gap:9px}.project-history>div>svg{width:15px;height:15px;color:#9762d5;flex-shrink:0;margin-top:2px}.project-history b{font-size:10px;color:#503b5e;font-weight:600;display:block}.project-history small{display:block;color:#8b7697;font-size:9px;margin-top:2px}
.project-thread .project-card-body{padding-top:12px}.project-thread-items{display:grid;gap:12px}.project-thread-items>article{display:flex;align-items:flex-start;gap:8px;padding-bottom:11px;border-bottom:1px solid #ebe2f2}.project-thread-items>article:last-child{border:0;padding-bottom:0}.project-thread-items>article>div{min-width:0}.project-thread-items>article b{font-size:10px;color:#4e355d;display:block;line-height:1.4}.project-thread-items>article small{font-size:8px;color:#8a7495;line-height:1.4;display:block;margin-top:2px}.project-thread-items>article p{font-size:10px;line-height:1.65;color:#624c70;overflow-wrap:anywhere;margin-top:6px}
.project-thread .project-comment-form{display:flex;gap:6px;padding:11px 0 0;margin-top:10px;background:none;border:0;align-items:center}.project-comment-form input{font:11px var(--font-body);min-height:36px;width:100%;min-width:0;border:1px solid #ded1eb;background:#faf7fd;border-radius:7px;padding:9px;color:#5e416f}.project-comment-form .button{flex-shrink:0;padding:8px;min-width:33px;min-height:34px;border-radius:7px}.project-comment-form .button svg{width:14px;height:14px}
.project-empty{padding:13px 5px 15px;text-align:center;color:#796287;display:flex;flex-direction:column;align-items:center;gap:8px}.project-empty>svg{height:25px;width:25px;color:#ac8bc5}.project-empty>p{font-size:11px;line-height:1.7;max-width:280px;color:#7a6488}.project-workspace .project-card>.project-card-body>.button{margin-bottom:13px}
.project-engine-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0;height:39px;margin-bottom:1px}
.project-segment{display:flex;align-items:center;background:#eeecf6;border-radius:8px;padding:3px;gap:3px;min-width:0}
.project-segment>button{font-size:10px;line-height:1.3;border-radius:6px;padding:8px 10px;white-space:nowrap;color:#524360;font-weight:500;min-height:31px}.project-segment>button.active{background:var(--violet-gradient);box-shadow:0 2px 6px #7621da22;color:#fff;font-weight:600}
.project-engine-toolbar>select{border:1px solid #d8d0e7;border-radius:7px;color:#51405e;background:#fcfaff;font:10px var(--font-body);padding:8px;min-width:0;max-width:42%;height:33px}
.project-kit-hero{padding:20px 17px 16px;background:radial-gradient(ellipse at 8% 110%,#6c41978c,transparent 65%),#353154;min-height:250px}
.project-kit-copy{position:relative;z-index:2;max-width:65%;pointer-events:none;min-height:91px}
.project-eyebrow{font-size:8px;letter-spacing:1.1px;color:#d2b6ef;font-weight:600;display:block;margin-bottom:5px}
.project-kit-copy h2{font-size:25px;max-width:100%;line-height:1.18;margin-bottom:9px;font-weight:750;color:#f9f4ff}
.project-kit-copy p{font-size:11px;max-width:100%;line-height:1.65;color:#e4d8f0;margin:0}
.project-kit-hero>#project-kit-viewer{position:absolute;top:13px;right:-4px;width:43%;height:148px;border:0;border-radius:0;margin:0;z-index:1;mask-image:linear-gradient(90deg,transparent,#000 13%,#000);background:#353154}
.project-kit-placeholder{position:absolute;top:22px;right:25px;color:#9e81c552;transform:rotate(-8deg)}.project-kit-placeholder>svg{width:110px;height:110px;stroke-width:.7}
.project-kit-metrics{display:grid;grid-template-columns:.8fr .65fr 1.55fr;gap:7px;position:relative;z-index:2;margin:15px 0 0}
.project-kit-metrics>div{padding:10px 8px;border:1px solid #ffffff13;border-radius:8px;background:#201b325c;display:grid;grid-template-columns:17px minmax(0,1fr);column-gap:7px;align-items:center;min-width:0;color:#f0e6fa;backdrop-filter:blur(3px)}
.project-kit-metrics>div>svg{width:17px;height:17px;grid-row:1/3;color:#e6d4fb}
.project-kit-metrics b{font:650 12px/1.3 var(--font-heading);color:#fff;letter-spacing:-.2px;overflow-wrap:anywhere}
.project-kit-metrics span{font-size:8px;line-height:1.5;color:#d8c6eb;display:block;margin-top:3px}
.project-kit-actions{margin-top:15px;display:flex;gap:8px;flex-wrap:nowrap}
.project-kit-actions .button{font-size:10px;gap:6px;min-width:0;padding:10px 9px;min-height:39px;border-radius:8px;flex:1}
.project-kit-actions .button:first-child{flex:1.4}.project-kit-actions .button svg{width:14px;height:14px;flex-shrink:0}.project-kit-actions .button:last-child{flex:.7}
.project-subtabs{display:flex;align-items:center;gap:12px;padding:0 3px 10px;border-bottom:1px solid #e0d7ed;font-size:10px;min-width:0;margin:-2px 0 -3px}.project-subtabs b{color:#7731cf;font-size:11px;white-space:nowrap}.project-subtabs>span{color:#806b8f;font-size:9px}.project-subtabs a{margin-left:auto;font-size:10px;color:#7846a2;display:flex;gap:4px;align-items:center;white-space:nowrap}.project-subtabs a svg{width:11px;height:11px}
.project-bom>.project-card-head{padding-bottom:13px;align-items:center}.project-bom>.resource-toolbar{padding:9px 12px;gap:9px;background:#fbf8ff}.project-bom>.resource-toolbar .filter-input{min-width:0;width:auto;max-width:none;flex:1;padding:8px 10px;min-height:33px;font-size:10px}.project-bom>.resource-toolbar .icon-button{min-width:32px;height:32px}.project-bom>.resource-toolbar .icon-button svg{width:15px;height:15px}
.project-bom .project-bom-table{border:0;border-radius:0;background:none;box-shadow:none;width:100%}.project-bom-table tr.selected{background:#f1e8ff}.project-component{display:flex;align-items:center;gap:8px;padding:0;text-align:left;background:none;border:0;color:#3e2d4b;width:100%;min-width:0}.project-component>span:last-child{min-width:0}.project-component b{font-size:10px;font-weight:650;display:block;line-height:1.4}.project-component small{font-size:8px;color:#8a7299;display:block;line-height:1.5;margin-top:2px}.project-part-icon{width:25px;height:25px;border:1px solid #e0d2ef;border-radius:7px;background:#f7f1ff;color:#8b5fae;display:grid;place-items:center;flex-shrink:0}.project-part-icon svg{width:15px;height:15px}.project-bom-table td>small{font-size:8px;color:#8a7399}.project-bom-table .icon-button{min-width:27px;height:27px;border-radius:6px}.project-bom-table .icon-button svg{width:12px;height:12px}
.project-bom-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;gap:15px;background:#f9f5ff;border-top:1px solid #dfd2ef}.project-bom-footer>span{color:#786084;font-size:9px;line-height:1.6}.project-bom-footer>b{font:750 19px var(--font-heading);color:#312039;letter-spacing:-.5px;white-space:nowrap}
.project-offer-heading{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:9px;font-size:10px;color:#7a6188}.project-offer-heading>span{overflow-wrap:anywhere}.project-offer-heading .button{min-height:26px;padding:5px 7px;font-size:9px}.project-offer-heading .button svg{width:10px;height:10px}
.project-workspace .project-offer-row{width:100%;margin:7px 0;padding:10px 9px;gap:8px;text-align:left;display:flex}.project-offer-row .project-avatar{height:25px;width:25px;font-size:9px}.project-offer-row>span:nth-child(2){min-width:0;flex:1}.project-offer-row>span:last-child{margin-left:auto;text-align:right;flex-shrink:0}.project-offer-row b{font-size:10px;line-height:1.4;color:#3a2745;display:block;font-weight:650}.project-offer-row small{font-size:8px;color:#846b92;display:block;line-height:1.6;margin-top:2px}.project-offer-row>span:last-child b{font:650 11px var(--font-heading);color:#382140}.project-stock-illustration{height:66px;margin:-2px 0 12px;display:grid;place-items:center;border-radius:9px;background:radial-gradient(ellipse at 50% 100%,#d9c5ec,#f6effb 70%);color:#9866b3;position:relative;overflow:hidden}.project-stock-illustration:before,.project-stock-illustration:after{content:'';position:absolute;width:40px;height:40px;border:1px solid #c7a7df;transform:rotate(30deg) skewY(-18deg);left:calc(50% - 43px);top:17px;opacity:.5}.project-stock-illustration:after{left:calc(50% + 7px);top:7px}.project-stock-illustration>svg{width:39px;height:39px;z-index:1;background:#f2e8fb;border-radius:7px;padding:7px}.project-stock-illustration+h3{font-size:11px;line-height:1.5;margin-bottom:12px}.project-stock-illustration~.project-kpis{gap:8px}.project-stock-illustration~.button{margin-top:15px;min-height:33px;font-size:9px;width:100%;justify-content:center;padding-inline:8px}.project-stock-illustration~.button svg{width:12px;height:12px}
.project-revision{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #e7dbee;text-align:left;color:#573762}.project-revision:last-child{border:0}.project-revision>span{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:10px;align-items:center;min-width:0}.project-revision>span>svg{width:19px;height:19px;grid-row:1/3;color:#a375bf}.project-revision b{font-size:12px;font-weight:650}.project-revision small{font-size:10px;color:#876b94;margin-top:3px}.project-revision>svg{height:15px;width:15px;color:#9e78b8}
.project-loading{padding:75px 20px 30px;display:flex;flex-direction:column;gap:15px;align-items:center;text-align:center;min-height:60vh;color:#765387}.project-loading h2{font-size:22px;color:#50315f}.project-loading p{font-size:13px;color:#887194}.project-skeleton-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(750px,100%);margin-top:25px}.project-skeleton-grid i{display:block;height:150px;border:1px solid #e6dced;border-radius:13px;background:linear-gradient(110deg,#f4eff9 20%,#fcf9ff 45%,#f4eff9 70%);background-size:220% 100%;animation:project-shimmer 1.8s ease-in-out infinite}
@keyframes project-shimmer{to{background-position:-200% 0}}
#workflow-dialog.context-drawer{position:fixed;inset:14px 14px 14px auto;margin:0;width:min(580px,calc(100vw - 28px));max-width:none;max-height:none;height:calc(100dvh - 28px);border-radius:15px;border:1px solid #d9c8e6;box-shadow:-16px 10px 80px #23112c2c}.context-drawer .dialog-header{position:sticky;top:0;z-index:3;background:#fcf9ff}.context-drawer .detail-actions{background:#faf5ff;position:relative}.context-drawer::backdrop{background:#2010273b;backdrop-filter:blur(2px)}
@media(max-width:1350px){.project-status-card{padding:13px;min-height:158px}.project-status-card h2{font-size:19px}.project-status-card .project-card-head{font-size:10px}.project-status-card .project-card-head>b{font-size:20px}.project-large-number{font-size:30px}.project-avatar-list{gap:5px}.project-avatar-list .button{font-size:8px;padding:5px 6px}.project-avatar-list .project-avatar{height:24px;width:24px;font-size:8px}.project-stock-summary{gap:10px;flex-wrap:wrap}.project-donut{width:84px;height:84px}.project-donut>span>b{font-size:22px}.project-stock-summary>.project-kpis{min-width:70px}.project-stock-summary>.project-kpis dt{font-size:9px}.project-stock-summary>.project-kpis dd{font-size:10px}.project-engine-toolbar{gap:7px}.project-segment>button{font-size:9px;padding:7px 8px}.project-engine-toolbar>select{font-size:9px;width:40%;max-width:40%}.project-kit-copy h2{font-size:22px}.project-kit-copy p{font-size:10px}.project-kit-hero{padding:18px 14px 15px}.project-kit-actions .button{font-size:9px;padding:9px 7px}.project-kit-actions .button svg{width:12px;height:12px}.project-kit-metrics>div{padding:9px 7px;grid-template-columns:14px minmax(0,1fr);column-gap:5px}.project-kit-metrics>div>svg{width:14px;height:14px}.project-kit-metrics b{font-size:11px}.project-kit-metrics span{font-size:8px}.project-subtabs{gap:9px}.project-subtabs b{font-size:10px}.project-subtabs span{font-size:8px}.project-subtabs a{font-size:9px}.project-bom-footer>b{font-size:17px}.project-offer-row>span:last-child b{font-size:10px}.project-offer-row b{font-size:9px}.project-workspace .project-offer-row{padding:9px 7px;gap:6px}.project-thread-items>article{gap:6px}.project-thread-items .project-avatar{width:24px;height:24px}.project-thread-items>article p{font-size:10px}}
@media(min-width:1121px){.project-workspace .project-thread .project-card-body{padding-bottom:11px}.project-stock-summary>.project-kpis>div{flex-direction:column;align-items:flex-start;gap:3px}.project-stock-summary>.project-kpis dd{text-align:left}.project-bom-table th{white-space:nowrap}}
@media(max-width:1120px){.project-workspace .project-hero h1{font-size:27px}.project-status-card{padding:18px;min-height:180px}.project-status-card h2{font-size:24px;margin-bottom:22px}.project-status-card .project-card-head{font-size:12px}.project-status-card .project-card-head>b{font-size:27px}.project-process{gap:8px}.project-step small{font-size:10px}.project-large-number{font-size:38px}.project-large-number>span{font-size:12px}.project-avatar-list .project-avatar{width:31px;height:31px;font-size:10px}.project-avatar-list .button{min-height:33px;padding:8px 11px;font-size:11px}.project-amount{font-size:29px}.project-amount small{font-size:11px}.project-workspace .project-kpis dt{font-size:12px}.project-workspace .project-kpis dd{font-size:13px}.project-donut{width:110px;height:110px}.project-donut>span>b{font-size:29px}.project-donut>span>small{font-size:10px}.project-stock-summary{gap:24px;flex-wrap:nowrap}.project-stock-summary+.project-muted{font-size:11px}.project-engine-toolbar{height:43px;margin-top:5px}.project-segment>button{font-size:12px;padding:9px 13px}.project-engine-toolbar>select{font-size:12px;height:38px;max-width:43%}.project-kit-hero{padding:23px 20px 20px;min-height:286px}.project-kit-copy{max-width:62%;min-height:112px}.project-kit-copy h2{font-size:29px}.project-kit-copy p{font-size:13px}.project-eyebrow{font-size:10px}.project-kit-hero>#project-kit-viewer{width:44%;height:185px;top:10px}.project-kit-metrics{gap:9px;margin-top:14px}.project-kit-metrics>div{padding:13px;grid-template-columns:22px minmax(0,1fr);column-gap:10px}.project-kit-metrics>div>svg{width:22px;height:22px}.project-kit-metrics b{font-size:15px}.project-kit-metrics span{font-size:10px}.project-kit-actions .button{font-size:12px;min-height:42px;padding:11px 14px}.project-kit-actions .button svg{width:16px;height:16px}.project-subtabs{padding-bottom:13px;gap:16px}.project-subtabs b{font-size:13px}.project-subtabs span{font-size:11px}.project-subtabs a{font-size:12px}.project-component b{font-size:12px}.project-component small{font-size:10px}.project-part-icon{height:31px;width:31px}.project-part-icon svg{width:19px;height:19px}.project-bom-footer>b{font-size:22px}.project-bom-footer>span{font-size:11px}.project-workspace .project-offer-row{padding:13px 12px;gap:10px}.project-offer-row .project-avatar{width:32px;height:32px;font-size:11px}.project-offer-row b{font-size:13px}.project-offer-row small{font-size:11px}.project-offer-row>span:last-child b{font-size:14px}.project-offer-heading{font-size:12px}.project-offer-heading .button{font-size:11px;padding:8px 10px;min-height:32px}.project-stock-illustration{height:85px}.project-stock-illustration+h3{font-size:13px}.project-stock-illustration~.button{min-height:38px;font-size:11px}.project-thread-items>article b{font-size:12px}.project-thread-items>article small{font-size:10px}.project-thread-items>article p{font-size:12px}.project-thread .project-comment-form input{font-size:13px;min-height:41px}.project-comment-form .button{height:39px;min-width:39px}.project-history b{font-size:12px}.project-history small{font-size:11px}}
@media(max-width:760px){.project-breadcrumb{margin-bottom:13px;gap:6px}.project-breadcrumb>span{max-width:160px;font-size:9px}.project-breadcrumb .project-menu{gap:5px}.project-breadcrumb .icon-button{min-width:31px;height:31px}.project-workspace .project-hero h1{font-size:23px}.project-status-card{padding:15px;min-height:163px}.project-status-card h2{font-size:21px;margin:10px 0 19px}.project-status-card .project-card-head{font-size:10px}.project-status-card .project-card-head>b{font-size:23px}.project-step small{font-size:8px}.project-large-number{font-size:31px}.project-large-number>span{font-size:10px}.project-avatar-list .project-avatar{width:27px;height:27px;font-size:9px}.project-avatar-list .button{font-size:9px;padding:6px 8px;min-height:30px}.project-amount{font-size:24px}.project-amount small{font-size:10px}.project-workspace .project-kpis dt{font-size:10px}.project-workspace .project-kpis dd{font-size:11px}.project-donut{width:88px;height:88px}.project-donut>span>b{font-size:24px}.project-donut>span>small{font-size:9px}.project-stock-summary{gap:13px;flex-wrap:wrap}.project-stock-summary>.project-kpis{min-width:75px}.project-stock-summary+.project-muted{font-size:10px}.project-engine-toolbar{height:auto;min-height:40px;flex-wrap:wrap;gap:9px;margin-bottom:0}.project-segment{flex:1}.project-segment>button{font-size:10px;flex:1;min-height:33px;padding:8px 9px}.project-engine-toolbar>select{font-size:11px;width:100%;max-width:none;height:37px}.project-kit-hero{padding:20px 16px 17px;min-height:265px}.project-kit-copy{max-width:70%;min-height:100px}.project-kit-copy h2{font-size:23px;line-height:1.22}.project-kit-copy p{font-size:11px}.project-eyebrow{font-size:8px}.project-kit-hero>#project-kit-viewer{right:-30px;top:18px;width:49%;height:150px}.project-kit-metrics{grid-template-columns:.8fr .65fr 1.45fr;gap:7px;margin-top:16px}.project-kit-metrics>div{padding:10px 8px;grid-template-columns:16px minmax(0,1fr);gap:5px}.project-kit-metrics>div>svg{height:16px;width:16px}.project-kit-metrics b{font-size:12px}.project-kit-metrics span{font-size:8px}.project-kit-actions{gap:8px;flex-wrap:wrap;margin-top:15px}.project-kit-actions .button{font-size:11px;min-height:42px;padding:10px 11px;flex:1 1 130px}.project-kit-actions .button:first-child{flex:1 1 100%}.project-kit-actions .button:last-child{flex:1 1 90px}.project-kit-actions .button svg{width:15px;height:15px}.project-subtabs{gap:10px;padding-inline:1px;padding-bottom:12px;flex-wrap:wrap}.project-subtabs b{font-size:11px}.project-subtabs>span{font-size:9px}.project-subtabs a{font-size:10px}.project-bom>.resource-toolbar .filter-input{font-size:16px;min-height:39px}.project-component b{font-size:11px}.project-component small{font-size:9px}.project-part-icon{height:29px;width:29px}.project-bom-footer>b{font-size:19px}.project-bom-footer>span{font-size:10px}.project-offer-heading{font-size:11px}.project-offer-heading .button{font-size:10px;min-height:31px}.project-workspace .project-offer-row{padding:11px 9px;gap:8px}.project-offer-row b{font-size:11px}.project-offer-row small{font-size:10px}.project-offer-row>span:last-child b{font-size:12px}.project-offer-row .project-avatar{width:28px;height:28px;font-size:9px}.project-stock-illustration{height:75px}.project-stock-illustration+h3{font-size:12px}.project-stock-illustration~.button{font-size:11px;min-height:39px}.project-thread-items>article b{font-size:11px}.project-thread-items>article small{font-size:9px}.project-thread-items>article p{font-size:12px}.project-thread .project-comment-form input{font-size:16px;min-height:43px}.project-comment-form .button{height:42px;min-width:40px}.project-empty>p{font-size:12px}.project-history b{font-size:11px}.project-history small{font-size:10px}.project-action-menu{right:0;min-width:220px}.project-action-menu .button{font-size:12px;min-height:42px}.project-skeleton-grid{gap:12px}.project-skeleton-grid i{height:120px}#workflow-dialog.context-drawer{inset:8px 8px 8px auto;width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:13px}}
@media(max-width:460px){.project-status-card{padding:18px;min-height:175px}.project-status-card .project-card-head{font-size:12px}.project-status-card .project-card-head>b{font-size:27px}.project-status-card h2{font-size:24px;margin-bottom:22px}.project-step small{font-size:10px}.project-large-number{font-size:36px}.project-large-number>span{font-size:12px}.project-avatar-list .project-avatar{width:31px;height:31px;font-size:10px}.project-avatar-list .button{font-size:11px;min-height:35px;padding:8px 11px}.project-amount{font-size:29px}.project-amount small{font-size:11px}.project-workspace .project-kpis dt{font-size:12px}.project-workspace .project-kpis dd{font-size:13px}.project-donut{width:112px;height:112px}.project-donut>span>b{font-size:29px}.project-stock-summary{gap:22px;flex-wrap:nowrap}.project-stock-summary+.project-muted{font-size:11px}.project-card-head .project-card-title{font-size:13px}.project-history b{font-size:12px}.project-history small{font-size:11px}.project-workspace .project-offer-row{padding:12px;gap:9px}.project-offer-row b{font-size:12px}.project-offer-row small{font-size:11px}.project-offer-row>span:last-child b{font-size:13px}.project-stock-illustration~.button{font-size:12px;min-height:43px}.project-thread-items>article b{font-size:12px}.project-thread-items>article small{font-size:10px}}
/* Shared SVG primitives and live user/command controls. */
.ui-icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex-shrink:0}
.button{display:inline-flex;align-items:center;justify-content:center}.button>.ui-icon{width:16px;height:16px}.button-small>.ui-icon{width:14px;height:14px}.icon-button{display:inline-grid;place-items:center;padding:0}.icon-button>.ui-icon{width:17px;height:17px}
.brand-icon:has(svg){background:none;box-shadow:none;padding:0}.brand-icon>svg{display:block;width:32px;height:32px;overflow:visible}.brand-name{text-transform:none}
.user-menu{display:flex;align-items:center;gap:10px;padding:4px 3px 4px 12px;border-left:1px solid #e2dced;min-height:43px;flex-shrink:0}.user-menu:hover .user-meta strong{color:#762cc2}.user-meta{display:block;line-height:1.45}.user-meta strong{display:block;font-size:11px;font-weight:650;color:#32243e}.user-meta small{display:block;font-size:10px;color:#766583;margin-top:2px}
.topbar>.breadcrumb{display:none}.top-actions{width:100%;min-width:0}.top-actions .search-trigger{margin-right:auto;width:min(510px,44vw);justify-content:flex-start}.search-trigger>.ui-icon{color:#736781;flex-shrink:0}.search-trigger kbd{margin-left:auto}
#command-dialog{width:min(620px,calc(100% - 30px));margin-top:100px}.command-list{display:grid;gap:3px;padding:10px;max-height:min(60vh,550px);overflow-y:auto}.command-option{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid transparent;padding:12px 13px;border-radius:9px;font-size:13px;min-height:44px;color:#594068;background:none}.command-option>svg{color:#a27abb;width:18px;height:18px}.command-option>svg:last-child{margin-left:auto;width:14px;height:14px;color:#ae8cc0}.command-option:hover{background:#f4eafa;border-color:#eadbf5;color:#773bb0}.command-option:focus-visible{outline:2px solid #b388db;outline-offset:0}
@media(max-width:760px){.topbar>.breadcrumb{display:flex}.top-actions{width:auto;margin-left:auto;gap:8px}.top-actions .search-trigger{width:34px;min-width:34px;margin:0;padding:7px}.top-actions .search-trigger>span,.top-actions .search-trigger kbd{display:none}.search-trigger>.ui-icon{width:18px;height:18px}.user-meta{display:none}.user-menu{padding:0;border:0;min-height:34px}.user-menu .avatar{display:inline-flex;width:30px;height:30px;font-size:9px}.top-actions .icon-button{min-width:33px;height:34px}.topbar{gap:10px}.topbar>.breadcrumb{flex:1;overflow:hidden}.topbar>.breadcrumb strong{font-size:10px}#command-dialog{margin-top:55px}.command-option{font-size:14px;min-height:47px}}
/* Reset native button chrome in the reference's in-page navigation. */
.project-tabs button{appearance:none;-webkit-appearance:none;border:0;border-bottom:3px solid transparent;background:transparent;box-shadow:none}
.project-tabs button.active,.project-tabs button[aria-selected=true]{border-bottom-color:#852fff;background:linear-gradient(0deg,#f2eaff55,transparent)}
.project-segment>button{appearance:none;-webkit-appearance:none;border:0;background:transparent;box-shadow:none}
.project-segment>button.active{background:var(--violet-gradient);box-shadow:0 2px 6px #7621da22}
main:has(>.project-workspace){padding-top:14px}
.text-link{border:0;background:none;padding:0;display:inline-flex;align-items:center;gap:5px;line-height:1.5;text-align:left}
.text-link>.ui-icon{width:13px;height:13px}
@media(min-width:1121px){
 .project-bom>.project-card-head{padding:12px 14px 10px;min-height:40px}.project-bom>.project-card-head .project-card-title{font-size:12px;line-height:1.4}
 .project-bom>.resource-toolbar{padding:6px 12px}.project-bom>.resource-toolbar .filter-input{min-height:31px;height:31px;padding:6px 9px}.project-bom>.resource-toolbar .icon-button{height:30px;min-width:30px}
 .project-bom-table th{padding:8px 10px;line-height:1.35}.project-bom-table td{padding:8px 10px;font-size:11px;line-height:1.4}.project-component b{font-size:11px;line-height:1.35}.project-component small{font-size:8px;line-height:1.4;margin-top:1px}.project-part-icon{height:24px;width:24px}.project-bom-table .icon-button{height:27px;min-width:27px}
 .project-bom-footer{padding:8px 14px;min-height:38px}.project-bom-footer>b{font-size:18px;line-height:1.2}
 .project-engine>.project-split-panels>.project-card>.project-card-head{padding:13px 13px 0}.project-engine>.project-split-panels>.project-card>.project-card-body{padding:10px 13px 12px}
 .project-stock-illustration{height:40px;margin:0 0 8px}.project-stock-illustration>svg{width:30px;height:30px;padding:5px}.project-stock-illustration:before,.project-stock-illustration:after{height:28px;width:28px;top:9px}
 .project-stock-illustration+h3{font-size:11px;line-height:1.4;margin-bottom:8px}.project-stock-illustration~.project-kpis{margin-top:6px;gap:6px}.project-stock-illustration~.project-kpis dt{font-size:10px;line-height:1.4}.project-stock-illustration~.project-kpis dd{font-size:11px;line-height:1.4}.project-stock-illustration~.button{min-height:32px;margin-top:10px;padding:7px 9px}
 .project-workspace .project-offer-row{padding:9px 8px;margin:6px 0}.project-offer-heading{margin-bottom:7px}
}
/* Desktop uses the full navigation; the menu trigger is reserved for small screens. */
.mobile-menu{display:none}.brand-name{text-transform:capitalize}
@media(max-width:760px){.mobile-menu{display:inline-grid}}
/* Keep screen-reader-only table headers inside their horizontal scroll region. */
.table-wrap{position:relative}
#nav a.nav-break{border:1px solid transparent;border-top-color:#ffffff15;border-radius:0}
#nav a.nav-break.active{border-color:#9b6bd84f;border-radius:9px}