:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#f1f1f2;background:#0f0f10;font-synthesis:none;--green-950: #7d1028;--green-900: #c41e42;--green-800: var(--accent);--green-700: var(--accent);--green-100: color-mix(in srgb, var(--accent) 14%, transparent);--cyan: var(--accent-2)}.production-batch-create-page>form{display:grid;gap:14px}.production-batch-create-page .panel{margin:0}.batch-create-meta,.batch-sku-section,.batch-po-preview{padding:20px 22px}.batch-section-heading{margin-bottom:18px;display:flex;align-items:center;gap:11px}.batch-section-heading>div{min-width:0}.batch-section-heading h2{margin:0;color:var(--ink);font-size:17px}.batch-section-heading p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.batch-sku-picker{padding:12px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;background:color-mix(in srgb,var(--accent) 3%,var(--surface))}.batch-sku-picker select{min-width:0}.batch-empty-state{min-height:180px;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}.batch-empty-state strong{color:var(--ink);font-size:14px}.batch-empty-state span{font-size:11px}.batch-empty-state.compact{min-height:115px;border:1px dashed var(--line);border-radius:10px}.batch-sku-list{margin-top:14px;display:grid;gap:12px}.batch-sku-card{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.batch-sku-card>header{min-height:62px;padding:11px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;background:color-mix(in srgb,var(--surface-2) 74%,var(--surface))}.batch-sku-card>header>div{min-width:0;display:flex;align-items:center;gap:10px}.batch-sku-card>header>div>span{width:32px;height:32px;border-radius:9px;color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,transparent);display:grid;place-items:center;font-size:11px;font-weight:800}.batch-sku-card>header p{min-width:0;margin:0;display:flex;flex-direction:column;gap:3px}.batch-sku-card>header p strong{overflow:hidden;color:var(--ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.batch-sku-card>header p small{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.batch-sku-fields{padding:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.batch-sku-master{min-height:61px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:9px;display:flex;flex-direction:column;justify-content:center;gap:2px;background:color-mix(in srgb,var(--accent) 4%,var(--surface))}.batch-sku-master span,.batch-sku-master small{color:var(--muted);font-size:9px}.batch-sku-master strong{color:var(--ink);font-size:11px}.batch-inline-warning{margin:0 14px 12px;padding:9px 11px;border:1px solid color-mix(in srgb,#d39119 35%,var(--line));border-radius:9px;color:#9b6508;background:color-mix(in srgb,#ffb52d 10%,var(--surface));display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.5}.batch-inline-warning svg{flex:0 0 auto;margin-top:1px}.batch-bom-details{border-top:1px solid var(--line)}.batch-bom-details>summary{padding:11px 14px;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;-webkit-user-select:none;user-select:none}.batch-bom-details>summary::-webkit-details-marker{display:none}.batch-bom-details>summary span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.batch-bom-details>summary small{color:var(--muted);font-size:9px}.batch-bom-details[open]>summary{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--accent) 3%,var(--surface))}.batch-bom-lines{padding:10px 14px 14px;display:grid;gap:8px}.batch-bom-lines>article{padding:10px;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:minmax(170px,1.25fr) minmax(150px,1fr) repeat(3,minmax(105px,.75fr)) minmax(130px,.9fr);gap:8px;align-items:end}.batch-bom-name{align-self:center;min-width:0;display:flex;flex-direction:column;gap:3px}.batch-bom-name strong{overflow:hidden;color:var(--ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.batch-bom-name small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.batch-bom-required{min-height:58px;padding:7px 9px;border-radius:8px;background:var(--surface-2);display:flex;flex-direction:column;justify-content:center;gap:2px}.batch-bom-required span,.batch-bom-required small{color:var(--muted);font-size:8px}.batch-bom-required strong{color:var(--ink);font-size:11px}.batch-rule-note{margin-bottom:14px;padding:9px 11px;border-radius:9px;color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface));display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.5}.batch-preview-block+.batch-preview-block{margin-top:17px}.batch-preview-title{margin-bottom:9px;display:flex;align-items:center;justify-content:space-between;gap:12px}.batch-preview-title>div{color:var(--ink);display:flex;align-items:center;gap:7px;font-size:12px}.batch-preview-title>span{padding:4px 8px;border-radius:999px;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);font-size:9px;font-weight:750}.batch-factory-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.batch-factory-groups>article,.batch-material-groups>article{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.batch-factory-groups article>header{padding:10px 11px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-2)}.batch-factory-groups article>header>div{color:var(--accent);display:flex;align-items:center;gap:7px}.batch-factory-groups article>header strong{color:var(--ink);font-size:11px}.batch-factory-groups article>p{margin:0;padding:8px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px}.batch-factory-groups article>p+p{border-top:1px dashed var(--line)}.batch-factory-groups article>p span{min-width:0;overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.batch-factory-groups article>p small{flex:0 0 auto;color:var(--muted);font-size:9px}.batch-material-groups{display:grid;gap:10px}.batch-material-groups>article>header{min-height:58px;padding:10px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;background:color-mix(in srgb,var(--surface-2) 74%,var(--surface))}.batch-material-groups>article>header>div{min-width:0;display:flex;align-items:center;gap:9px}.batch-material-groups>article>header p{min-width:0;margin:0;display:flex;flex-direction:column;gap:2px}.batch-material-groups>article>header p strong{color:var(--ink);font-size:12px}.batch-material-groups>article>header p small{color:var(--muted);font-size:9px}.batch-material-groups>article>header>strong{color:var(--ink);font-size:13px}.batch-purchase-lines{padding:10px 12px 12px;display:grid;gap:8px}.batch-purchase-lines>article{padding:9px;border:1px solid var(--line);border-radius:9px;display:grid;grid-template-columns:minmax(180px,1.25fr) minmax(120px,.75fr) minmax(130px,.8fr) minmax(120px,.75fr) minmax(105px,.65fr);gap:8px;align-items:end}.batch-purchase-lines>article.invalid{border-color:#d65b5b;background:color-mix(in srgb,#d65b5b 5%,var(--surface))}.batch-purchase-material{min-width:0;align-self:center;display:flex;flex-direction:column;gap:3px}.batch-purchase-material strong{overflow:hidden;color:var(--ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.batch-purchase-material small{color:var(--muted);font-size:8px;line-height:1.45}.batch-suggestion,.batch-redundancy{min-height:58px;padding:7px 9px;border-radius:8px;background:var(--surface-2);display:flex;flex-direction:column;justify-content:center;gap:2px}.batch-suggestion span,.batch-redundancy span,.batch-redundancy small{color:var(--muted);font-size:8px}.batch-suggestion strong,.batch-redundancy strong{color:var(--ink);font-size:10px}.batch-adjustment-reason{grid-column:1 / -1}.batch-total-summary{margin-top:16px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:11px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.batch-total-summary>span{min-height:55px;padding:7px 10px;border-radius:8px;background:var(--surface);display:flex;flex-direction:column;justify-content:center;gap:3px}.batch-total-summary small{color:var(--muted);font-size:9px}.batch-total-summary strong{color:var(--ink);font-size:12px}.batch-total-summary .grand{background:var(--accent)}.batch-total-summary .grand small,.batch-total-summary .grand strong{color:#fff}.batch-total-summary .grand strong{font-size:15px}.batch-submit-error{margin:0}.batch-create-actions{margin:0;padding:4px 0 10px}@media(max-width:1100px){.batch-bom-lines>article{grid-template-columns:repeat(3,minmax(0,1fr))}.batch-purchase-lines>article{grid-template-columns:repeat(3,minmax(0,1fr))}.batch-adjustment-reason{grid-column:1 / -1}}@media(max-width:760px){.batch-create-meta,.batch-sku-section,.batch-po-preview{margin:0 -3px;padding:14px 12px}.batch-section-heading{margin-bottom:13px;align-items:flex-start}.batch-section-heading h2{font-size:15px}.batch-section-heading p{font-size:10px}.batch-sku-picker{grid-template-columns:1fr}.batch-sku-picker .primary-button{width:100%;justify-content:center}.batch-sku-card>header{padding:10px 11px}.batch-sku-fields{padding:11px;grid-template-columns:1fr}.batch-sku-master{min-height:54px}.batch-bom-details>summary{padding:10px 11px;align-items:flex-start;flex-direction:column}.batch-bom-lines{padding:9px 10px 11px}.batch-bom-lines>article{grid-template-columns:1fr}.batch-bom-name{padding-bottom:6px;border-bottom:1px dashed var(--line)}.batch-factory-groups{grid-template-columns:1fr}.batch-factory-groups article>p{align-items:flex-start;flex-direction:column;gap:3px}.batch-purchase-lines{padding:9px}.batch-purchase-lines>article{grid-template-columns:1fr}.batch-purchase-material{padding-bottom:6px;border-bottom:1px dashed var(--line)}.batch-adjustment-reason{grid-column:auto}.batch-total-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.batch-create-actions{padding:2px 0 8px;display:grid;grid-template-columns:1fr}.batch-create-actions button{width:100%;justify-content:center}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--muted);background:#f7faf8}.loading-mark{width:48px;height:48px;border-radius:15px;border:1px solid #cde1da;display:grid;place-items:center;transform:rotate(45deg)}.loading-mark span{width:17px;height:17px;border-radius:5px;background:var(--green-700);animation:pulse 1s infinite ease-in-out}@keyframes pulse{50%{opacity:.45;transform:scale(.8)}}.brand{display:flex;align-items:center;gap:12px}.brand-mark{position:relative;width:37px;height:37px;border-radius:11px;background:var(--green-800);overflow:hidden;flex:0 0 auto}.brand-mark span{position:absolute;display:block;background:#c7eadf;border-radius:8px;transform:rotate(-34deg)}.brand-mark span:nth-child(1){width:9px;height:28px;left:8px;top:8px}.brand-mark span:nth-child(2){width:9px;height:23px;left:18px;top:-4px;opacity:.82}.brand-mark span:nth-child(3){width:9px;height:16px;right:3px;bottom:-2px;opacity:.6}.brand-mark-light{background:#ffffff24;border:1px solid rgba(255,255,255,.18)}.brand-mark-light span{background:#fff}.brand div:last-child{display:flex;flex-direction:column}.brand strong{font-size:19px;letter-spacing:.04em}.brand small{color:#75837e;font-size:11px;margin-top:1px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,46%) 1fr;background:#fbfcfb}.login-story{position:relative;min-height:100vh;padding:52px clamp(42px,6vw,92px);color:#fff;background:radial-gradient(circle at 82% 18%,rgba(87,187,156,.34),transparent 27%),linear-gradient(145deg,#063b32,#075244 55%,#096451);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.login-story:after{content:"";position:absolute;width:280px;height:280px;right:-90px;bottom:-90px;border-radius:50%;background:#9de0cc14}.login-brand{display:flex;gap:12px;align-items:center;position:relative;z-index:2}.login-brand strong{font-size:21px;letter-spacing:.04em}.story-copy{position:relative;z-index:2;max-width:600px;margin-top:6vh}.eyebrow{margin:0 0 10px;color:var(--green-700);font-size:12px;font-weight:700;letter-spacing:.16em}.eyebrow.light{color:#8cd1bb}.story-copy h1{font-size:clamp(42px,4.2vw,68px);line-height:1.18;letter-spacing:-.035em;margin:0 0 28px}.story-copy>p:last-child{color:#ffffffb8;font-size:17px;line-height:1.9;max-width:530px}.story-proof{position:relative;z-index:2;display:flex;gap:13px;align-items:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.13);max-width:430px}.story-proof>span{display:flex;flex-direction:column;gap:3px}.story-proof strong{font-size:14px}.story-proof small{color:#ffffff8f;font-size:12px}.story-orbit{position:absolute;border-radius:50%;border:1px solid rgba(149,220,199,.11)}.orbit-one{width:620px;height:620px;right:-330px;top:10%}.orbit-two{width:440px;height:440px;right:-220px;top:20%}.login-panel{display:grid;place-items:center;padding:44px}.login-card{width:min(440px,100%)}.mobile-login-brand{display:none}.login-heading{margin-bottom:37px}.login-heading h2{font-size:31px;margin:0 0 10px;letter-spacing:-.02em}.login-heading>p:last-child{margin:0;color:var(--muted);font-size:15px}.field-label{display:block;font-weight:600;font-size:14px;margin:0 0 9px}.input-wrap{display:flex;align-items:center;gap:11px;height:52px;border:1px solid #dbe3df;border-radius:11px;padding:0 15px;margin-bottom:20px;color:#8b9894;background:#fff;transition:.2s}.input-wrap:focus-within{border-color:var(--green-700);box-shadow:0 0 0 3px #0d806a17}.input-wrap input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:15px}.input-wrap button{display:grid;place-items:center;padding:5px;border:0;background:transparent;color:#86958f}.primary-button,.secondary-button{border:0;border-radius:9px;min-height:42px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14px}.primary-button{color:#fff;background:var(--green-800);box-shadow:0 7px 18px #0b6b5929}.primary-button:hover{background:var(--green-700)}.secondary-button{background:#eef3f1;color:#496159}.login-submit{width:100%;height:53px;justify-content:space-between;padding:0 20px;margin-top:6px}.form-error{color:#c73e37;font-size:13px;margin:-7px 0 14px}.login-footnote{text-align:center;color:#9aa5a1;font-size:12px;margin-top:25px}.app-shell{min-height:100vh;display:flex}.sidebar{width:246px;flex:0 0 246px;height:100vh;position:sticky;top:0;background:#fbfcfb;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:50}.sidebar-head{height:78px;display:flex;align-items:center;padding:0 23px;border-bottom:1px solid #edf1ef}.sidebar-close{display:none!important}.side-nav{padding:22px 13px;flex:1;overflow-y:auto}.nav-group{margin-bottom:22px}.nav-group>p{margin:0 11px 8px;color:#9aa6a2;font-size:10px;font-weight:700;letter-spacing:.14em}.nav-group a{min-height:42px;margin:3px 0;padding:0 11px;border-radius:8px;color:#5a6d66;display:flex;align-items:center;gap:11px;font-size:14px;font-weight:500}.nav-group a:hover{background:#f0f5f3;color:var(--ink)}.nav-group a.active{color:var(--green-800);background:#e6f2ee;font-weight:600}.sidebar-status{margin:16px;padding:13px;border-radius:9px;background:#f1f6f4;display:flex;gap:10px;align-items:center}.status-dot{width:8px;height:8px;border-radius:50%;background:#29a86f;box-shadow:0 0 0 4px #29a86f1f}.sidebar-status div{display:flex;flex-direction:column;gap:2px}.sidebar-status strong{font-size:11px}.sidebar-status small{font-size:10px;color:#8b9994}.app-main{flex:1;min-width:0}.topbar{height:78px;padding:0 30px;background:#ffffffdb;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-title{display:flex;align-items:center;gap:12px}.topbar-title>div:last-child{display:flex;flex-direction:column;gap:2px}.topbar-title span{color:#929f9a;font-size:11px}.topbar-title strong{font-size:15px}.icon-button{border:0;background:transparent;color:#65766f;display:grid;place-items:center;padding:7px}.menu-button{display:none}.profile-wrap{position:relative}.profile-button{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:7px;border-radius:9px}.profile-button:hover{background:#f2f6f4}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--green-800);background:#dfeee9}.profile-name{display:flex;flex-direction:column;text-align:left;min-width:85px}.profile-name strong{font-size:13px}.profile-name small{margin-top:2px;font-size:10px;color:#8d9995;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-popover{position:absolute;right:0;top:53px;width:210px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 18px 40px #16332a1f}.profile-popover>div{padding:8px 9px 12px;display:flex;flex-direction:column;border-bottom:1px solid var(--line)}.profile-popover strong{font-size:13px}.profile-popover span{font-size:11px;color:var(--muted);margin-top:3px}.profile-popover button{width:100%;margin-top:7px;padding:9px;border:0;border-radius:7px;display:flex;gap:8px;align-items:center;color:#b34842;background:transparent;font-size:13px}.profile-popover button:hover{background:#fff2f1}.page-content{padding:30px;max-width:1540px;margin:0 auto}.no-access{min-height:65vh;display:grid;place-content:center;justify-items:center;text-align:center}.no-access span{color:#c8d4d0;font-size:53px;font-weight:700}.no-access h1{margin:8px 0;font-size:22px}.no-access p{margin:0;color:var(--muted);font-size:13px}.page-heading{margin-bottom:26px}.page-heading h1{font-size:28px;margin:0 0 7px;letter-spacing:-.025em}.page-heading>div>p:last-child,.page-heading>p:last-child{color:var(--muted);margin:0;font-size:14px}.page-heading-action,.dashboard-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.today-chip{padding:10px 13px;border-radius:8px;color:#60736b;background:#fff;border:1px solid var(--line);display:flex;gap:8px;align-items:center;font-size:12px}.dashboard-section{margin-bottom:22px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-title>div{display:flex;align-items:baseline;gap:10px}.section-title h2,.data-toolbar h2,.role-list-head h2,.permission-head h2{margin:0;font-size:16px}.section-title span,.data-toolbar span,.role-list-head span{color:#8a9893;font-size:11px}.section-title a{color:var(--green-700);display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.metric-card{min-height:126px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow);display:flex;align-items:flex-start;gap:15px;position:relative;transition:.2s}.metric-card:hover{transform:translateY(-2px);border-color:#c7ddd5}.metric-icon,.soft-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto}.metric-icon.teal,.soft-icon.teal{color:var(--green-700);background:#e2f2ed}.metric-icon.blue,.soft-icon.blue{color:var(--blue);background:#e7eef8}.metric-icon.amber,.soft-icon.amber{color:var(--amber);background:#fbefdc}.metric-card>div{display:flex;flex-direction:column}.metric-card p{margin:0 0 5px;color:#5f706a;font-size:12px}.metric-card strong{font-size:28px;letter-spacing:-.03em}.metric-card small{margin-top:6px;color:#95a19d;font-size:10px}.card-arrow{position:absolute;right:16px;top:18px;color:#a7b1ad}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.92fr);gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.production-overview,.inventory-panel{padding:21px}.production-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e7ecea;border-radius:10px;overflow:hidden;margin-bottom:18px}.production-metrics>div{min-height:101px;padding:15px;border-right:1px solid #e7ecea}.production-metrics>div:last-child{border-right:0}.production-metrics span{color:var(--green-700)}.production-metrics strong{display:block;margin-top:8px;font-size:23px}.production-metrics p{margin:3px 0 0;color:var(--muted);font-size:10px}.production-metrics .danger{background:#fff6f4}.mini-table-head,.mini-table-row{display:grid;grid-template-columns:2.3fr .55fr 1.1fr .75fr;gap:13px;align-items:center}.mini-table-head{padding:0 10px 8px;color:#95a09c;font-size:10px}.mini-table-row{min-height:58px;padding:8px 10px;border-top:1px solid #edf0ef;font-size:11px}.mini-table-row>span:first-child{display:flex;flex-direction:column;gap:3px}.mini-table-row strong{font-size:11px}.mini-table-row small{color:#929f9a;font-size:9px}.progress-cell{display:flex;gap:6px;align-items:center}.progress-cell i{width:55px;height:5px;overflow:hidden;border-radius:4px;background:#e8eeeb}.progress-cell b{display:block;height:100%;border-radius:4px;background:var(--green-700)}.status-pill,.table-status{display:inline-block;padding:4px 7px;border-radius:20px;color:var(--green-800);background:#e5f2ee;font-style:normal;font-size:9px;white-space:nowrap}.status-pill.danger,.table-status.warning{color:#b34039;background:#fff0ee}.status-pill.success{color:#357c5b;background:#e6f3eb}.table-status.muted{color:#6f7c78;background:#ecefed}.inventory-alert{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #f2d7d3;border-radius:10px;background:#fff7f6}.inventory-alert>span{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:var(--danger);background:#fff}.inventory-alert>div{flex:1;display:flex;gap:7px;align-items:baseline}.inventory-alert strong{color:var(--danger);font-size:26px}.inventory-alert p{margin:0;font-size:11px}.inventory-alert small{color:var(--danger);font-size:9px;font-weight:600}.inventory-alert.clear{border-color:#d6e7e0;background:#f4faf7}.inventory-alert.clear>span{color:var(--green-700);background:#e4f3ed}.inventory-alert.clear strong,.inventory-alert.clear small{color:var(--green-700)}.inventory-row{padding:14px 3px;border-bottom:1px solid #edf0ef;display:flex;gap:12px;align-items:center}.inventory-row .soft-icon{width:35px;height:35px}.inventory-row>div{flex:1;display:flex;justify-content:space-between;align-items:baseline}.inventory-row p{margin:0;color:#61706b;font-size:11px}.inventory-row strong{font-size:17px}.inventory-row strong small{color:#8a9792;font-weight:400;font-size:9px}.health-card{margin-top:15px;padding:15px;border-radius:10px;background:#f2f7f5}.health-card>div:first-child{display:flex;justify-content:space-between;align-items:baseline}.health-card span{font-size:11px;font-weight:600}.health-card strong{font-size:21px;color:var(--green-800)}.health-card strong small{color:#84938e;font-size:10px}.health-track{height:6px;border-radius:5px;background:#d9e5e1;margin:8px 0;overflow:hidden}.health-track span{display:block;width:86%;height:100%;background:linear-gradient(90deg,#17916f,#50b997)}.health-card p{margin:0;display:flex;align-items:center;gap:5px;color:#70817b;font-size:9px}.dashboard-empty{min-height:166px;padding:24px;border:1px dashed var(--line);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--muted);background:var(--inset);text-align:center}.dashboard-empty strong{color:var(--ink);font-size:13px}.dashboard-empty span{font-size:10px;line-height:1.6}.dashboard-load-error button{display:inline-flex;grid:none;align-items:center;gap:5px;font-weight:600}.business-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.business-metric{min-height:115px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);display:flex;gap:13px}.business-metric>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.business-metric>span.teal{color:var(--green-700);background:#e4f2ee}.business-metric>span.amber{color:var(--amber);background:#fff1df}.business-metric>span.blue{color:var(--blue);background:#e9eff8}.business-metric>div{display:flex;flex-direction:column}.business-metric p{margin:0 0 3px;color:var(--muted);font-size:11px}.business-metric strong{font-size:24px}.business-metric small{margin-top:5px;color:#95a09c;font-size:9px}.data-panel{overflow:hidden}.data-toolbar{min-height:70px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.data-toolbar>div{display:flex;align-items:baseline;gap:10px}.search-box{width:250px;height:36px;border:1px solid #dfe6e3;border-radius:8px;padding:0 10px;display:flex;align-items:center;gap:8px;color:#89958f}.search-box input{min-width:0;flex:1;border:0;outline:0;font-size:11px}.table-scroll{overflow-x:auto}table{width:100%;min-width:780px;border-collapse:collapse;text-align:left}th{padding:11px 20px;color:#8d9994;background:#f8faf9;font-size:10px;font-weight:600}td{padding:14px 20px;border-top:1px solid #edf0ef;color:#485c54;font-size:11px}tbody tr:hover{background:#fafcfb}.table-action,.text-button{padding:4px;border:0;background:transparent;color:var(--green-700);display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600}.empty-cell{text-align:center;padding:50px;color:var(--muted)}.mobile-record-list{display:none}.mobile-record-card{padding:15px;border:1px solid var(--line);border-radius:11px;background:#fff}.mobile-record-head{display:flex;align-items:center;gap:10px}.mobile-record-head>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.mobile-record-head>div>strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-record-head>div>small{color:var(--muted);font-size:10px}.mobile-record-head>span:last-child{display:flex;align-items:center;flex:0 0 auto}.mobile-record-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 0;margin-top:12px;border-top:1px solid #edf0ef}.mobile-record-grid>div{min-width:0;display:flex;flex-direction:column;gap:4px}.mobile-record-grid small{color:#8c9994;font-size:9px}.mobile-record-grid strong{color:#435850;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.mobile-card-action{width:100%;min-height:36px;border:0;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--green-700);background:#eef6f3;font-size:11px;font-weight:600}.mobile-empty{margin:0;padding:38px 16px;text-align:center;color:var(--muted);font-size:12px}.notice{min-height:41px;margin:-10px 0 16px;padding:0 14px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.notice.success{color:#276c51;background:#e7f5ef}.notice.error{color:#aa3a34;background:#fff0ee}.notice button{border:0;background:transparent;color:inherit;display:grid;place-items:center}.user-cell{display:flex;align-items:center;gap:9px}.user-cell i{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:#e3f1ed;color:var(--green-800);font-style:normal;font-weight:700}.user-cell strong{font-size:11px}.modal-backdrop{position:fixed;inset:0;z-index:100;padding:24px;background:#071f197a;display:grid;place-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-card{width:min(610px,100%);max-height:calc(100vh - 48px);overflow-y:auto;padding:23px;background:#fff;border-radius:15px;box-shadow:0 30px 80px #051f1840}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:19px;border-bottom:1px solid var(--line)}.modal-head>div{display:flex;align-items:center;gap:12px}.modal-head h2{font-size:17px;margin:0 0 4px}.modal-head p{color:var(--muted);font-size:10px;margin:0}.modal-head>button{border:0;background:transparent;color:#71817b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:21px 0}.form-grid label{display:flex;flex-direction:column;gap:7px}.form-grid label>span,.form-grid legend{font-size:11px;font-weight:600}.form-grid label>span em{margin-left:3px;color:var(--danger);font-style:normal}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:0 11px;border:1px solid #dbe3e0;border-radius:8px;outline:0;color:var(--ink);background:#fff;font-size:12px}.form-grid input,.form-grid select{height:41px}.form-grid textarea{min-height:76px;padding-top:10px;line-height:1.6;resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--green-700);box-shadow:0 0 0 3px #0d806a12}.form-grid .full{grid-column:1 / -1}.form-grid fieldset{margin:0;padding:0;border:0}.form-grid legend{margin-bottom:8px}.role-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.role-options>button{padding:11px;text-align:left;border:1px solid #e0e6e3;border-radius:9px;background:#fff;display:flex;gap:8px}.role-options>button.selected{border-color:var(--green-700);background:#eff7f4}.role-options>button>span{width:17px;height:17px;border:1px solid #ced8d4;border-radius:5px;display:grid;place-items:center;color:#fff}.role-options>button.selected>span{background:var(--green-700);border-color:var(--green-700)}.role-options>button div{display:flex;flex-direction:column}.role-options strong{font-size:11px}.role-options small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.4}.modal-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:18px;border-top:1px solid var(--line)}.roles-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:17px;align-items:start}.role-list{padding:10px}.role-list-head{padding:10px 9px 14px;display:flex;justify-content:space-between;align-items:baseline}.role-list>button{width:100%;min-height:82px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;padding:12px;display:flex;gap:10px}.role-list>button:hover{background:#f5f8f7}.role-list>button.selected{border-color:#cde2db;background:#edf6f3}.role-icon{width:34px;height:34px;flex:0 0 auto;border-radius:9px;color:var(--green-700);background:#fff;display:grid;place-items:center}.role-list>button>div{min-width:0;display:flex;flex-direction:column}.role-list strong{font-size:12px}.role-list strong small{margin-left:6px;padding:2px 5px;border-radius:4px;color:var(--green-700);background:#d9ede6;font-size:8px}.role-list p{margin:5px 0;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-list em{color:#95a09c;font-size:9px;font-style:normal}.permission-panel{padding:20px}.permission-head{min-height:55px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;border-bottom:1px solid var(--line)}.permission-head p{color:var(--muted);font-size:10px;margin:6px 0 0}.primary-button.small{min-height:35px;padding:0 13px;font-size:11px}.locked{padding:7px 10px;border-radius:7px;color:#6d7975;background:#eff2f1;display:flex;align-items:center;gap:6px;font-size:10px}.permission-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;padding-top:18px}.permission-groups fieldset{margin:0;padding:12px;border:1px solid #e3e9e6;border-radius:9px}.permission-groups legend{padding:0 5px;color:#71817a;font-size:10px;font-weight:600}.permission-groups label{min-height:39px;padding:5px 4px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #f0f2f1;cursor:pointer}.permission-groups label:last-child{border-bottom:0}.permission-groups label.disabled{cursor:default;opacity:.7}.permission-groups input{position:absolute;opacity:0;pointer-events:none}.custom-checkbox{width:17px;height:17px;flex:0 0 auto;border:1px solid #cbd6d2;border-radius:4px;display:grid;place-items:center;color:transparent}.permission-groups input:checked+.custom-checkbox{color:#fff;background:var(--green-700);border-color:var(--green-700)}.permission-groups label>div{display:flex;flex-direction:column}.permission-groups strong{font-size:10px}.permission-groups small{margin-top:2px;color:#9ba5a1;font-size:8px}.role-modal{width:min(760px,100%)}.role-modal .permission-groups{padding:5px 0 20px}.suppliers-page table{min-width:900px}.supplier-cell{display:flex;align-items:center;gap:9px;min-width:210px}.supplier-cell>i{width:31px;height:31px;flex:0 0 auto;border-radius:8px;display:grid;place-items:center;color:var(--green-700);background:#e5f2ee}.supplier-cell>span,.contact-cell{display:flex;flex-direction:column;gap:3px}.supplier-cell strong,.contact-cell strong{color:#334941;font-size:11px}.supplier-cell small,.contact-cell small{max-width:230px;color:#8b9893;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grade-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;margin-right:6px;border-radius:6px;color:#687770;background:#eef1f0;font-size:9px;font-weight:700}.grade-badge.grade-a{color:#1f7656;background:#def1e8}.grade-badge.grade-b{color:#356cae;background:#e5eef9}.grade-badge.grade-c{color:#a96816;background:#fcebd4}.supplier-status{vertical-align:middle}.supplier-modal{width:min(820px,100%);padding-bottom:18px}.supplier-form-section{padding-top:20px}.supplier-form-section+.supplier-form-section{border-top:1px solid var(--line)}.form-section-title{display:flex;align-items:flex-start;gap:9px;color:var(--green-700)}.form-section-title>div{display:flex;flex-direction:column;gap:3px}.form-section-title strong{color:var(--ink);font-size:12px}.form-section-title span{color:#8b9893;font-size:9px}.supplier-form-grid{padding-top:15px}.supplier-form-error{margin:4px 0 15px;padding:9px 11px;border-radius:7px;background:#fff0ee}.input-with-icon{height:41px;padding:0 11px;border:1px solid #dbe3e0;border-radius:8px;display:flex;align-items:center;gap:8px;color:#8a9893;background:#fff}.input-with-icon:focus-within{border-color:var(--green-700);box-shadow:0 0 0 3px #0d806a12}.form-grid .input-with-icon input{height:38px;padding:0;border:0;box-shadow:none}.upload-field{display:flex;flex-direction:column;gap:7px}.upload-field>span{font-size:11px;font-weight:600}.upload-dropzone{min-height:82px;padding:14px;border:1px dashed #bed5cd;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--green-700);background:#f5faf8;cursor:pointer}.upload-dropzone:hover{border-color:var(--green-700);background:#eef7f4}.upload-dropzone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-dropzone div,.screenshot-preview>div{display:flex;flex-direction:column;gap:3px}.upload-dropzone strong,.screenshot-preview strong{color:#42564f;font-size:11px}.upload-dropzone small,.screenshot-preview small{color:#8b9893;font-size:9px}.screenshot-preview{min-height:82px;padding:9px;border:1px solid #dbe6e2;border-radius:10px;display:flex;align-items:center;gap:12px;background:#f8faf9}.screenshot-preview img{width:62px;height:62px;border-radius:8px;object-fit:cover;border:1px solid #e1e7e4}.screenshot-preview>div{min-width:0;flex:1}.screenshot-preview strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screenshot-preview button{width:34px;height:34px;border:0;border-radius:8px;display:grid;place-items:center;color:#b04b44;background:#fff0ee}.supplier-detail-modal{width:min(790px,100%);padding-bottom:18px}.detail-loading,.detail-error{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;color:var(--muted)}.detail-loading p,.detail-error p{margin:0;font-size:12px}.detail-spinner{width:28px;height:28px;border:3px solid #dbe8e4;border-top-color:var(--green-700);border-radius:50%;animation:detail-spin .8s linear infinite}@keyframes detail-spin{to{transform:rotate(360deg)}}.supplier-detail-content{padding-top:20px}.supplier-detail-hero{min-height:112px;padding:20px;border-radius:12px;display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,#eef7f4,#f8fbfa);border:1px solid #dceae5}.supplier-detail-hero>span{width:52px;height:52px;flex:0 0 auto;border-radius:14px;display:grid;place-items:center;color:var(--green-700);background:#fff;box-shadow:0 7px 18px #15574314}.supplier-detail-hero>div:nth-child(2){min-width:0;flex:1}.supplier-detail-hero p{margin:0 0 4px;color:var(--green-700);font-size:10px;font-weight:600}.supplier-detail-hero h3{margin:0;font-size:20px;letter-spacing:-.02em}.supplier-detail-hero small{display:block;margin-top:5px;color:#7b8b85;font-size:10px}.supplier-detail-status{display:flex;align-items:center}.supplier-detail-section{padding:20px 2px 4px}.supplier-detail-section+.supplier-detail-section{margin-top:4px;border-top:1px solid var(--line)}.detail-section-heading{display:flex;align-items:center;gap:8px;color:var(--green-700)}.detail-section-heading h4{margin:0;color:var(--ink);font-size:13px}.supplier-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin:12px 0 0}.supplier-detail-item{min-width:0;padding:11px 0;border-bottom:1px solid #edf1ef}.supplier-detail-item.wide{grid-column:1 / -1}.supplier-detail-item dt{margin-bottom:5px;color:#8b9893;font-size:9px}.supplier-detail-item dd{margin:0;color:#3e534b;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.supplier-detail-item.note dd{white-space:pre-wrap}.detail-screenshot-block{margin-top:14px;padding:12px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f6f9f8;border:1px solid #e4eae7}.detail-screenshot-block>div{min-width:0;display:flex;flex-direction:column;gap:3px}.detail-screenshot-block strong{font-size:11px}.detail-screenshot-block small{color:#87948f;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-screenshot-block a{display:flex;align-items:center;gap:9px;color:var(--green-700);font-size:10px;font-weight:600}.detail-screenshot-block img{width:58px;height:58px;border-radius:8px;object-fit:cover;border:1px solid #dde5e2}@media(max-width:1050px){.login-page{grid-template-columns:40% 1fr}.login-story{padding:40px}.story-copy h1{font-size:41px}.sidebar{position:fixed;left:0;overflow-x:hidden;transform:translate(-102%);box-shadow:14px 0 40px #0b2b2229;transition:transform .25s}.sidebar.is-open{transform:translate(0)}.sidebar-close,.menu-button{display:grid!important}.sidebar-head{padding:0 14px;justify-content:space-between}.sidebar-head .brand{min-width:0;gap:9px}.sidebar-head .brand>div:last-child{min-width:0}.sidebar-head .brand strong{font-size:16px;white-space:nowrap}.sidebar-head .brand small{font-size:9px;white-space:nowrap}.sidebar-overlay{position:fixed;inset:0;z-index:40;border:0;background:#06201961}.dashboard-grid{grid-template-columns:1fr}.roles-layout{grid-template-columns:260px 1fr}}@media(max-width:760px){.login-page{display:block}.login-story{display:none}.login-panel{min-height:100vh;padding:28px}.mobile-login-brand{display:flex;align-items:center;gap:11px;margin-bottom:55px}.topbar{padding:0 12px;height:64px}.profile-name{display:none}.profile-popover{position:fixed;top:60px;right:12px}.page-content{padding:20px 13px 30px}.page-heading{margin-bottom:20px}.page-heading h1{font-size:24px}.page-heading-action,.dashboard-heading{align-items:flex-start;flex-direction:column;gap:15px}.page-heading-action>.primary-button{width:100%;min-height:45px}.today-chip{align-self:stretch}.work-grid,.business-metrics{grid-template-columns:1fr}.dashboard-grid .section-title{align-items:flex-start}.dashboard-grid .section-title>div{min-width:0;align-items:flex-start;flex-direction:column;gap:4px}.dashboard-grid .section-title h2{white-space:nowrap}.dashboard-grid .section-title a{flex:0 0 auto}.production-metrics{grid-template-columns:repeat(2,1fr)}.production-metrics>div:nth-child(2){border-right:0}.production-metrics>div:nth-child(-n+2){border-bottom:1px solid #e7ecea}.mini-table-head{display:none}.mini-table-row{grid-template-columns:1fr auto}.mini-table-row>span:nth-child(3),.mini-table-row>span:nth-child(4){display:none}.business-metric{min-height:98px}.data-panel{border-radius:11px;box-shadow:none;background:transparent;border:0;overflow:visible}.data-toolbar{align-items:flex-start;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--line);border-radius:11px;background:#fff}.search-box{width:100%;height:40px}.desktop-table{display:none}.mobile-record-list{display:grid;gap:10px;margin-top:10px}.roles-layout{grid-template-columns:1fr}.role-list{max-height:300px;overflow-y:auto}.permission-groups,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.role-options{grid-template-columns:1fr}.modal-backdrop{padding:0;display:flex;align-items:flex-end}.modal-card{width:100%;max-height:94dvh;padding:18px 15px;border-radius:18px 18px 0 0}.modal-head{position:sticky;top:-18px;z-index:3;margin:-18px -15px 0;padding:17px 15px 14px;background:#fff;border-radius:18px 18px 0 0}.modal-actions{position:sticky;bottom:-18px;z-index:3;margin:0 -15px -18px;padding:13px 15px calc(13px + env(safe-area-inset-bottom));background:#fff}.modal-actions>button{flex:1;min-height:44px}.supplier-form-section{padding-top:17px}.supplier-form-grid{gap:13px;padding:13px 0 17px}.form-grid input,.form-grid select{height:44px;font-size:13px}.input-with-icon{height:44px}.form-grid .input-with-icon input{height:41px}.upload-dropzone{min-height:92px}.mobile-record-grid{grid-template-columns:1fr;gap:10px}.supplier-mobile-list .mobile-record-grid{grid-template-columns:1fr 1fr}.supplier-mobile-list .mobile-record-head>span:last-child{flex-direction:column;align-items:flex-end;gap:4px}.supplier-mobile-list .grade-badge{margin-right:0}.supplier-detail-content{padding-top:15px}.supplier-detail-hero{padding:15px;align-items:flex-start;flex-wrap:wrap}.supplier-detail-hero>span{width:44px;height:44px}.supplier-detail-hero>div:nth-child(2){width:calc(100% - 60px);flex:initial}.supplier-detail-hero h3{font-size:17px}.supplier-detail-status{width:100%;padding-left:59px}.supplier-detail-grid{grid-template-columns:1fr;gap:0}.supplier-detail-item.wide{grid-column:auto}.detail-screenshot-block{align-items:flex-start}.detail-screenshot-block a{flex-direction:column;align-items:flex-end}.detail-screenshot-block img{width:72px;height:72px}}.brand small{font-size:12px}.eyebrow,.story-proof small,.login-footnote{font-size:13px}.primary-button,.secondary-button{font-size:15px}.nav-group>p{font-size:11px}.nav-group a{font-size:15px}.sidebar-status strong,.topbar-title span,.profile-name small,.profile-popover span{font-size:12px}.sidebar-status small{font-size:11px}.topbar-title strong{font-size:16px}.profile-name strong,.profile-popover strong,.profile-popover button{font-size:14px}.page-heading>div>p:last-child,.page-heading>p:last-child{font-size:15px}.today-chip{font-size:13px}.section-title h2,.data-toolbar h2,.role-list-head h2,.permission-head h2{font-size:17px}.section-title span,.data-toolbar span,.role-list-head span{font-size:12px}.section-title a,.metric-card p{font-size:13px}.metric-card small,.production-metrics p,.mini-table-head{font-size:11px}.mini-table-row,.mini-table-row strong{font-size:12px}.mini-table-row small,.inventory-alert small,.inventory-row strong small,.health-card strong small,.status-pill,.table-status{font-size:10px}.inventory-alert p,.inventory-row p,.health-card span{font-size:12px}.health-card p{font-size:10px}.business-metric p{font-size:12px}.business-metric small{font-size:10px}.search-box input{font-size:13px}th{font-size:11px}td{font-size:13px}.table-action,.text-button{font-size:12px}.mobile-record-head>div>strong{font-size:14px}.mobile-record-head>div>small,.mobile-record-grid small{font-size:11px}.mobile-record-grid strong,.mobile-card-action,.mobile-empty,.notice{font-size:13px}.user-cell strong{font-size:12px}.modal-head h2{font-size:18px}.modal-head p{font-size:12px}.form-grid label>span,.form-grid legend,.upload-field>span{font-size:13px}.form-grid input,.form-grid select,.form-grid textarea{font-size:14px}.role-options strong,.supplier-cell strong,.contact-cell strong,.upload-dropzone strong,.screenshot-preview strong{font-size:12px}.role-options small,.supplier-cell small,.contact-cell small,.upload-dropzone small,.screenshot-preview small{font-size:10px}.role-list strong{font-size:13px}.role-list strong small{font-size:9px}.role-list p,.role-list em{font-size:10px}.permission-head p,.permission-groups legend,.locked{font-size:11px}.primary-button.small,.permission-groups strong{font-size:12px}.permission-groups small,.grade-badge{font-size:10px}.form-section-title strong{font-size:13px}.form-section-title span{font-size:11px}.detail-loading p,.detail-error p{font-size:13px}.supplier-detail-hero p,.supplier-detail-hero small{font-size:11px}.detail-section-heading h4{font-size:14px}.supplier-detail-item dt{font-size:11px}.supplier-detail-item dd{font-size:13px}.detail-screenshot-block strong{font-size:12px}.detail-screenshot-block small,.detail-screenshot-block a{font-size:11px}@media(max-width:760px){.page-heading h1{font-size:25px}.mobile-record-head>div>strong{font-size:15px}.mobile-record-grid strong,.mobile-card-action{font-size:13px}.form-grid input,.form-grid select,.form-grid textarea{font-size:15px}.supplier-detail-hero h3{font-size:18px}}.sample-heading-stats{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:9px}.sample-stat{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 10px;border:1px solid var(--line);border-radius:13px;color:color-mix(in srgb,var(--ink) 72%,transparent);background:var(--surface);font-size:12px}.sample-stat strong{color:var(--ink);font-size:13px}.sample-stat.alert{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent);background:color-mix(in srgb,var(--danger) 7%,transparent)}.sample-stat.alert strong{color:var(--danger)}.sample-stat-note{margin-left:4px;color:var(--muted);font-size:12px}.sample-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sample-toolbar-title{flex:0 0 auto}.sample-toolbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sample-search{width:280px}.sample-filter-select{height:36px;padding:0 26px 0 10px;border:1px solid var(--line);border-radius:8px;color:color-mix(in srgb,var(--ink) 80%,transparent);background:var(--input-bg);outline:0;font-size:13px}.sample-export-actions{display:inline-flex;align-items:center;gap:6px;padding-left:10px;border-left:1px solid var(--line)}.sample-export-actions button{min-height:36px;padding:0 11px;border:1px solid var(--line);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:color-mix(in srgb,var(--ink) 72%,transparent);background:var(--surface);font-size:12px;font-weight:600}.sample-export-actions button:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.sample-export-actions button:disabled{opacity:.55}.samples-table{min-width:1400px}.sample-name-cell{display:flex;align-items:center;gap:10px;min-width:240px}.sample-name-cell>i{width:34px;height:34px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;color:var(--green-700);background:#e5f2ee}.sample-name-cell>span{min-width:0;display:flex;flex-direction:column;gap:3px}.sample-name-cell strong{color:#334941;font-size:13px}.sample-name-cell small,.feedback-reminder{color:#87958f;font-size:10px}.sample-supplier-names{max-width:190px;line-height:1.6}.sample-row-actions{min-width:151px;display:flex;align-items:center;justify-content:flex-end;gap:5px}.sample-icon-action{position:relative;width:34px;height:34px;min-width:34px;min-height:34px;padding:0;border:1px solid transparent;border-radius:8px;display:inline-grid;place-items:center;flex:0 0 auto;color:var(--green-700);background:#edf7f3;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.sample-icon-action:hover{border-color:currentColor;transform:translateY(-1px)}.sample-icon-action:focus-visible{outline:0;border-color:currentColor;box-shadow:0 0 0 3px #0d806a1f}.sample-icon-action svg{pointer-events:none}.sample-icon-action.feedback{color:#356cae;background:#f0f5fb}.sample-icon-action.logs{color:#8c6530;background:#fbf5eb}.sample-icon-action:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 7px);z-index:8;min-width:max-content;padding:5px 7px;border-radius:6px;opacity:0;visibility:hidden;transform:translate(-50%,3px);color:#fff;background:#1f2f29f0;box-shadow:0 7px 16px #1f2f2929;font-size:10px;font-weight:650;line-height:1;pointer-events:none;transition:opacity .14s ease,transform .14s ease,visibility .14s ease}.sample-icon-action:hover:after,.sample-icon-action:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%)}.sample-mobile-actions{margin-top:12px;padding-top:11px;border-top:1px solid #edf1ef;display:flex;align-items:center;justify-content:flex-end;gap:8px}.sample-mobile-actions .sample-icon-action{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:10px}.sample-mobile-actions .sample-icon-action:after{display:none}.feedback-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:20px;color:#6f7c78;background:#eef1f0;font-size:11px;font-weight:600;white-space:nowrap}.feedback-badge>span{width:6px;height:6px;border-radius:50%;background:currentColor}.feedback-badge.complete{color:#287557;background:#e3f2eb}.feedback-badge.pending{color:#4b719e;background:#e9f0f8}.feedback-badge.due_soon{color:#a96a17;background:#fff0da}.feedback-badge.overdue{color:#b23f39;background:#ffedeb}.feedback-badge.not_started,.feedback-badge.closed{color:#6f7c78;background:#eef1f0}.feedback-reminder{display:block;margin-top:5px;white-space:nowrap}.sample-status{display:inline-block;padding:5px 8px;border-radius:7px;color:#5e6e68;background:#eef1f0;font-size:11px;white-space:nowrap}.sample-status.pending_receipt{color:#366aa9;background:#e8eff8}.sample-status.received{color:#287557;background:#e3f2eb}.sample-status.returned{color:#5e6e68;background:#e8ecea}.sample-status.lost{color:#b23f39;background:#ffedeb}.sample-status.damaged{color:#a96a17;background:#fff0da}.sample-modal{width:min(900px,100%);padding-bottom:18px}.sample-form-section{padding-top:20px}.sample-form-section+.sample-form-section{border-top:1px solid var(--line)}.sample-form-grid{padding-top:15px}.sample-supplier-selector legend{width:100%;margin-bottom:9px;font-size:13px;font-weight:600}.sample-supplier-selector legend em{margin-left:3px;color:var(--danger);font-style:normal}.sample-supplier-selector legend small{margin-left:7px;color:#8a9893;font-size:11px;font-weight:400}.supplier-search-select{position:relative;display:grid;gap:8px}.supplier-search-chips{display:flex;gap:6px;flex-wrap:wrap}.supplier-search-chip{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:0 6px 0 9px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:14px;color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);font-size:12px;font-weight:600}.supplier-search-chip button{display:inline-grid;place-items:center;width:17px;height:17px;padding:0;border:0;border-radius:50%;color:inherit;background:transparent;cursor:pointer}.supplier-search-chip button:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.supplier-search-box{display:flex;align-items:center;gap:7px;height:38px;padding:0 11px;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:var(--input-bg)}.supplier-search-box:focus-within{border-color:var(--accent)}.supplier-search-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.supplier-search-backdrop{position:fixed;inset:0;z-index:60;cursor:default}.supplier-search-dropdown{position:absolute;left:0;right:0;top:100%;margin-top:4px;z-index:61;display:grid;gap:2px;max-height:260px;overflow-y:auto;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 12px 30px color-mix(in srgb,var(--ink) 18%,transparent)}.supplier-search-dropdown button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.supplier-search-dropdown button:hover,.supplier-search-dropdown button:focus-visible{background:color-mix(in srgb,var(--accent) 9%,transparent)}.supplier-search-dropdown strong{color:color-mix(in srgb,var(--ink) 88%,transparent);font-size:13px}.supplier-search-dropdown small{color:var(--muted);font-size:11px}.supplier-search-empty{margin:0;padding:12px;color:var(--muted);font-size:12px;text-align:center}.sample-photo-field{display:flex;flex-direction:column;gap:8px}.sample-photo-field>span{font-size:13px;font-weight:600}.sample-photo-field>span>small{margin-left:8px;color:#82918b;font-size:11px;font-weight:400}.sample-photo-field>small{color:#87948f;font-size:11px}.sample-photo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.sample-photo-preview,.sample-photo-add{position:relative;aspect-ratio:1;min-width:0;border-radius:10px;overflow:hidden}.sample-photo-preview{border:1px solid #dce5e1;background:#f3f6f5}.sample-photo-preview img{width:100%;height:100%;object-fit:cover}.sample-photo-preview button{position:absolute;top:5px;right:5px;width:28px;height:28px;border:0;border-radius:7px;display:grid;place-items:center;color:#fff;background:#2f211fad}.sample-photo-add{border:1px dashed #bcd3cb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--green-700);background:#f3f9f7;cursor:pointer}.sample-photo-add input{position:absolute;width:1px;height:1px;opacity:0}.sample-photo-add span{font-size:11px;font-weight:600}.sample-photo-add small{color:#82918b;font-size:10px}.courier-photo-field{margin-top:4px;padding-top:14px;border-top:1px dashed #dce5e1}.sample-described-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sample-described-photo{min-width:0;border:1px solid #dce5e1;border-radius:11px;overflow:hidden;background:#f8faf9}.sample-described-photo>div{position:relative;aspect-ratio:1.7;background:#eef3f1}.sample-described-photo img{width:100%;height:100%;display:block;object-fit:cover}.sample-described-photo>div>button{position:absolute;top:6px;right:6px;width:29px;height:29px;border:0;border-radius:7px;display:grid;place-items:center;color:#fff;background:#2f211fb3}.sample-described-photo label{padding:9px;display:flex;flex-direction:column;gap:5px}.sample-described-photo label>span{font-size:11px;font-weight:600}.sample-described-photo label em{color:var(--danger);font-style:normal}.sample-described-photo input{width:100%;height:36px;padding:0 9px;border:1px solid #dbe4e0;border-radius:7px;outline:0;font-size:12px;background:#fff}.sample-described-photo input:focus{border-color:var(--green-700);box-shadow:0 0 0 3px #0d806a12}.sample-photo-add.described-add{min-height:168px;aspect-ratio:auto}.sample-photo-upload-modal{width:min(820px,100%);padding-bottom:18px}.sample-upload-summary{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #deebe6;border-radius:11px;background:#f4f9f7}.sample-upload-summary>div{min-height:72px;padding:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.sample-upload-summary>div+div{border-left:1px solid #deebe6}.sample-upload-summary strong{color:var(--green-700);font-size:21px}.sample-upload-summary span{color:#73857e;font-size:11px}.sample-upload-guidance{margin-top:13px;padding:11px 13px;border-radius:9px;display:flex;align-items:flex-start;gap:9px;color:var(--green-700);background:#eef7f4}.sample-upload-guidance>div{display:flex;flex-direction:column;gap:2px}.sample-upload-guidance strong{color:#3f554d;font-size:13px}.sample-upload-guidance span{color:#71827c;font-size:11px}.sample-upload-list{padding:14px 0 18px;display:grid;gap:9px}.sample-upload-list article{min-width:0;padding:9px;border:1px solid #e0e7e4;border-radius:10px;display:grid;grid-template-columns:92px 1fr 34px;align-items:center;gap:11px;background:#fbfcfc}.sample-upload-image{position:relative;width:92px;height:72px;border-radius:8px;overflow:hidden;background:#edf2f0}.sample-upload-image img{width:100%;height:100%;object-fit:cover}.sample-upload-image span{position:absolute;left:5px;top:5px;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;color:#fff;background:#08503fc7;font-size:11px;font-weight:700}.sample-upload-list article>label{min-width:0;display:flex;flex-direction:column;gap:4px}.sample-upload-list article>label>span{font-size:12px;font-weight:600}.sample-upload-list article label em{color:var(--danger);font-style:normal}.sample-upload-list textarea{width:100%;min-height:54px;padding:8px 9px;border:1px solid #dce4e1;border-radius:8px;outline:0;resize:vertical;font:inherit;font-size:13px;line-height:1.5;background:#fff}.sample-upload-list textarea:focus{border-color:var(--green-700);box-shadow:0 0 0 3px #0d806a12}.sample-upload-list article label small{align-self:flex-end;color:#89958f;font-size:10px}.sample-upload-list article>button{width:32px;height:32px;border:0;border-radius:8px;display:grid;place-items:center;color:#a84943;background:#fff0ee}.sample-upload-picker{min-height:92px;border:1px dashed #acd0c4;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--green-700);background:#f2f9f6;cursor:pointer}.sample-upload-picker input{position:absolute;width:1px;height:1px;opacity:0}.sample-upload-picker strong{font-size:13px}.sample-upload-picker span{color:#7b8b85;font-size:11px}.sample-detail-modal{width:min(850px,100%);padding-bottom:18px}.sample-detail-content{padding-top:20px}.sample-detail-hero{min-height:112px;padding:20px;border:1px solid #dceae5;border-radius:12px;display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,#edf7f3,#f9fbfa)}.sample-detail-hero>span{width:53px;height:53px;flex:0 0 auto;border-radius:14px;display:grid;place-items:center;color:var(--green-700);background:#fff;box-shadow:0 7px 18px #15574314}.sample-detail-hero>div:nth-child(2){min-width:0;flex:1}.sample-detail-hero p{margin:0 0 4px;color:var(--green-700);font-size:11px;font-weight:600}.sample-detail-hero h3{margin:0;font-size:21px}.sample-detail-hero small{display:block;margin-top:5px;color:#71827b;font-size:12px}.sample-detail-hero>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.sample-feedback-alert{margin-top:14px;padding:13px 15px;border-radius:10px;display:flex;align-items:center;gap:10px;color:#956018;background:#fff3e1;border:1px solid #f2dfc1}.sample-feedback-alert.overdue{color:#a63d37;background:#fff0ee;border-color:#f1d5d2}.sample-feedback-alert>div{display:flex;flex-direction:column;gap:3px}.sample-feedback-alert strong{font-size:13px}.sample-feedback-alert span{font-size:11px}.sample-detail-section{padding:20px 2px 4px}.sample-detail-section+.sample-detail-section{margin-top:4px;border-top:1px solid var(--line)}.sample-detail-section .detail-section-heading>span{margin-left:auto;color:#84928d;font-size:11px}.sample-detail-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:13px}.sample-detail-gallery a{min-width:0;border:1px solid #e0e7e4;border-radius:10px;overflow:hidden;color:#52645d;background:#f6f9f8}.sample-detail-gallery img{width:100%;aspect-ratio:1.25;display:block;object-fit:cover}.sample-detail-gallery span{min-width:0;padding:7px;display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sample-detail-gallery.described span{align-items:flex-start;flex-direction:column;white-space:normal}.sample-detail-gallery.described span strong{width:100%;color:#3f544c;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.sample-detail-gallery.described span small{width:100%;display:flex;align-items:center;justify-content:space-between;gap:5px;color:#87948f;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sample-no-photo{min-height:85px;margin-top:12px;border:1px dashed #d5dfdb;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;color:#8a9892;background:#f8faf9;font-size:12px}.sample-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin:12px 0 0}.sample-detail-item{min-width:0;padding:11px 0;border-bottom:1px solid #edf1ef}.sample-detail-item.wide{grid-column:1 / -1}.sample-detail-item dt{margin-bottom:5px;color:#83918c;font-size:11px}.sample-detail-item dd{margin:0;color:#3e534b;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.sample-detail-item.highlight dd{color:var(--green-700);font-size:15px;font-weight:700}.sample-linked-suppliers{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.sample-linked-suppliers>span{min-width:200px;padding:10px;border:1px solid #e1e7e4;border-radius:9px;display:grid;grid-template-columns:18px 1fr;gap:2px 7px;color:var(--green-700);background:#f7faf9}.sample-linked-suppliers strong{color:#3f534c;font-size:12px}.sample-linked-suppliers small{grid-column:2;color:#82908b;font-size:10px}.sample-feedback-section textarea{width:100%;min-height:105px;margin-top:13px;padding:11px;border:1px solid #dbe3e0;border-radius:9px;outline:0;resize:vertical;font:inherit;font-size:14px;line-height:1.65}.sample-feedback-section textarea:focus{border-color:var(--green-700);box-shadow:0 0 0 3px #0d806a12}.sample-feedback-section select{height:42px;padding:0 30px 0 11px;border:1px solid #dbe3e0;border-radius:9px;color:#42554e;background:#fff;font-size:13px}.sample-feedback-readonly{margin-top:13px;padding:14px;border:1px solid #e0e7e4;border-radius:10px;display:flex;align-items:flex-start;gap:10px;color:#798983;background:#f7f9f8}.sample-feedback-readonly>div{display:flex;flex-direction:column;gap:4px}.sample-feedback-readonly strong{color:#53665f;font-size:12px}.sample-feedback-readonly p{margin:0;color:#43574f;font-size:13px;line-height:1.65;white-space:pre-wrap}.readonly-action{color:#909d98;font-size:12px}.action-permission-groups{grid-template-columns:1fr;gap:16px}.action-permission-groups fieldset{padding:14px}.permission-menu{margin-top:9px;border:1px solid #e3e9e6;border-radius:10px;overflow:hidden;background:#fafcfb}.permission-menu.enabled{border-color:#cfe2dc;background:#fff}.permission-menu-head{min-height:58px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:12px}.action-permission-groups .permission-menu-head label{min-width:0;flex:1;padding:0;border:0}.permission-page-name{min-width:0;display:flex;flex-direction:column}.permission-page-name strong{color:#344a42;font-size:13px}.permission-page-name small{margin-top:2px;color:#8d9a95;font-size:10px}.permission-kind{flex:0 0 auto;padding:5px 8px;border-radius:7px;display:inline-flex;align-items:center;gap:5px;color:#6f7e78;background:#eef2f0;font-size:10px;font-weight:600}.permission-menu.enabled .permission-kind{color:var(--green-700);background:#e7f3ef}.permission-actions{padding:10px 11px 12px 39px;border-top:1px solid #edf1ef;background:#f8faf9}.permission-actions>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.permission-actions>div:first-child>span{display:flex;align-items:center;gap:5px;color:#73827d;font-size:11px;font-weight:600}.permission-actions>div:first-child>button{padding:3px 6px;border:0;border-radius:5px;color:var(--green-700);background:transparent;font-size:10px}.permission-actions>div:first-child>button:disabled{color:#a5afab}.permission-action-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.permission-action-options>button{min-height:30px;padding:4px 9px;border:1px solid #dce4e1;border-radius:7px;display:inline-flex;align-items:center;gap:5px;color:#70807a;background:#fff;font-size:11px}.permission-action-options>button>span{width:15px;height:15px;border:1px solid #ccd7d3;border-radius:4px;display:grid;place-items:center;color:transparent}.permission-action-options>button.selected{border-color:#a9cfc2;color:var(--green-700);background:#edf7f3}.permission-action-options>button.selected>span{border-color:var(--green-700);color:#fff;background:var(--green-700)}.permission-action-options>button:disabled{cursor:default;opacity:.52}.permission-actions>p{margin:7px 0 0;color:#98a39f;font-size:10px}.role-modal{width:min(920px,100%)}@media(max-width:760px){.permission-panel{padding:15px}.permission-head{min-height:72px}.permission-menu-head{align-items:flex-start}.permission-kind{margin-top:2px}.permission-actions{padding-left:12px}.permission-action-options{display:grid;grid-template-columns:1fr 1fr}.permission-action-options>button{justify-content:flex-start;min-height:38px;font-size:12px}}@media(max-width:1100px){.sample-photo-grid{grid-template-columns:repeat(4,1fr)}.sample-described-photo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sample-toolbar-actions{width:100%;margin-left:0}.sample-search{flex:1;width:auto}.sample-filter-select{flex:1;height:40px}.sample-export-actions{margin-left:auto;padding-left:0;border-left:0}.sample-export-actions button{min-height:40px}.sample-stat-note{flex-basis:100%;margin-left:0}.sample-mobile-list .mobile-record-head{align-items:flex-start}.sample-mobile-list .mobile-record-head>.feedback-badge{flex:0 0 auto}.sample-mobile-list .mobile-record-grid{grid-template-columns:1fr 1fr}.sample-form-section{padding-top:17px}.sample-form-grid{gap:13px;padding:13px 0 17px}.sample-photo-grid{grid-template-columns:repeat(3,1fr)}.sample-described-photo-grid{grid-template-columns:1fr}.sample-photo-add.described-add{min-height:108px}.sample-upload-summary>div{min-height:65px}.sample-upload-list article{grid-template-columns:74px 1fr 32px;gap:8px;padding:8px}.sample-upload-image{width:74px;height:68px}.sample-upload-list textarea{font-size:14px}.sample-detail-content{padding-top:15px}.sample-detail-hero{padding:15px;align-items:flex-start;flex-wrap:wrap}.sample-detail-hero>span{width:45px;height:45px}.sample-detail-hero>div:nth-child(2){width:calc(100% - 61px);flex:initial}.sample-detail-hero h3{font-size:18px}.sample-detail-hero>div:last-child{width:100%;padding-left:60px;flex-direction:row;align-items:center}.sample-feedback-alert{align-items:flex-start}.sample-detail-gallery{grid-template-columns:repeat(2,1fr)}.sample-detail-grid{grid-template-columns:1fr;gap:0}.sample-detail-item.wide{grid-column:auto}.sample-linked-suppliers{flex-direction:column}.sample-linked-suppliers>span{width:100%}.sample-feedback-section>div:last-child{flex-direction:column}.sample-feedback-section select,.sample-feedback-section .primary-button{width:100%;min-height:44px}}.material-heading-actions{display:flex;align-items:center;gap:9px}.material-heading-actions .secondary-button{min-height:40px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.material-metrics{grid-template-columns:repeat(4,1fr)}.material-toolbar{gap:18px;align-items:flex-start}.material-toolbar-controls{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.material-toolbar-controls .search-box{width:300px}.material-toolbar-controls>select{height:37px;min-width:120px;padding:0 30px 0 10px;border:1px solid #dfe6e3;border-radius:8px;color:#52645d;background:#fff;outline:0;font-size:13px}.material-toolbar-controls>select:focus{border-color:var(--green-700);box-shadow:0 0 0 3px #0d806a12}.material-export-button{min-height:37px;padding:0 12px;border:1px solid #cfe0da;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--green-700);background:#f4f9f7;font-size:12px;font-weight:650}.material-export-button:hover:not(:disabled){border-color:#91bcae;background:#edf7f3}.material-export-button:disabled{opacity:.55}.materials-table{min-width:1660px}.materials-table th:last-child,.materials-table td:last-child{position:sticky;right:0;z-index:1;background:#fff;box-shadow:-10px 0 16px #22463a0d}.materials-table th:last-child{z-index:2;background:#f8faf9}.material-name-cell{min-width:205px;display:flex;align-items:center;gap:9px}.material-name-cell>i{width:32px;height:32px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;color:var(--green-700);background:#e5f2ee}.material-name-cell>span{min-width:0;display:flex;flex-direction:column;gap:3px}.material-name-cell strong{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.material-name-cell small{color:#87958f;font-size:10px;font-weight:600}.material-attribute-summary{max-width:250px;color:#5d7068;font-size:11px;line-height:1.65}.material-linked-projects{min-width:235px;max-width:290px;display:flex;flex-direction:column;gap:7px}.material-linked-projects.empty{min-width:150px;color:#94a09b;font-size:11px}.material-linked-project-count{display:inline-flex;align-items:center;gap:5px;color:var(--green-700)}.material-linked-project-count strong{font-size:11px}.material-linked-projects>div{display:grid;gap:5px}.material-linked-projects:not(.mobile)>div{max-height:88px;padding-right:3px;overflow-y:auto;scrollbar-width:thin}.material-linked-project{min-width:0;padding:3px 4px;border-radius:5px;display:flex;flex-direction:column;gap:1px;background:#0d806a09}.material-linked-project strong,.material-linked-project small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-linked-project strong{color:#43594f;font-size:10px}.material-linked-project small{color:#829089;font-size:9px}.material-linked-projects em{color:#788981;font-size:9px;font-style:normal}.material-linked-boms{min-width:265px;max-width:330px;display:flex;flex-direction:column;gap:7px}.material-linked-boms.empty{min-width:170px;color:#94a09b;font-size:11px}.material-linked-bom-count{display:inline-flex;align-items:center;gap:5px;color:var(--green-700)}.material-linked-bom-count strong{font-size:11px}.material-linked-boms>div{display:grid;gap:5px}.material-linked-boms:not(.mobile)>div{max-height:82px;padding-right:3px;overflow-y:auto;scrollbar-width:thin}.material-linked-bom{width:100%;min-width:0;padding:4px 5px;border:0;border-radius:5px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;color:inherit;background:transparent;text-align:left;cursor:help}.material-linked-bom:hover,.material-linked-bom:focus-visible{outline:0;background:#0d806a12}.material-linked-bom strong{max-width:100%;overflow:hidden;color:#43594f;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.material-linked-bom small{max-width:100%;overflow:hidden;color:#829089;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.material-linked-boms em{color:#788981;font-size:9px;font-style:normal}.material-bom-hover-card{position:fixed;z-index:230;width:min(560px,calc(100vw - 24px));max-height:min(650px,calc(100dvh - 24px));border:1px solid #d8e5e0;border-radius:14px;overflow:hidden;color:#33483f;background:#fff;box-shadow:0 20px 55px #14352b38;animation:material-bom-preview-in .16s ease-out}.material-bom-hover-card.above{transform:translateY(-100%);transform-origin:bottom left}@keyframes material-bom-preview-in{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}.material-bom-hover-card>header{min-height:112px;padding:13px;border-bottom:1px solid #e2e9e6;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#edf7f3,#f8fbfa)}.material-bom-hover-image{position:relative;width:84px;height:84px;flex:0 0 auto;overflow:hidden;border:1px solid #dce7e3;border-radius:11px;background:#fff}.material-bom-hover-image img{width:100%;height:100%;display:block;object-fit:cover}.material-bom-hover-image>span{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:5px;color:#8aa098}.material-bom-hover-image small{font-size:9px}.material-bom-hover-card>header>div:nth-child(2){min-width:0;flex:1}.material-bom-hover-card>header p{margin:0 0 4px;overflow:hidden;color:#527368;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.material-bom-hover-card>header h4{margin:0;overflow:hidden;color:#253b33;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.material-bom-hover-card>header span{display:block;margin-top:5px;overflow:hidden;color:#71837c;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.material-bom-hover-card>header>em{align-self:flex-start;padding:4px 7px;border-radius:6px;color:var(--green-700);background:#dff0ea;font-size:9px;font-style:normal;font-weight:700;white-space:nowrap}.material-bom-hover-state{min-height:120px;padding:25px;display:flex;align-items:center;justify-content:center;gap:9px;color:#73847d;font-size:11px}.material-bom-hover-state.error{color:#a34f47}.material-bom-hover-heading{padding:11px 13px 8px;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.material-bom-hover-heading strong{font-size:12px}.material-bom-hover-heading small{color:#81918b;font-size:9px}.material-bom-hover-items{max-height:410px;padding:0 10px 11px;display:grid;gap:7px;overflow-y:auto}.material-bom-hover-items>article{padding:10px;border:1px solid #e1e8e5;border-left:3px solid #c8d8d2;border-radius:9px;background:#fafcfb}.material-bom-hover-items>article.critical{border-left-color:#b79253}.material-bom-hover-items>article.current{border-color:#83b6a5;border-left-color:var(--green-700);background:#f2f9f6}.material-bom-hover-material{display:flex;align-items:center;gap:8px}.material-bom-hover-material>span{width:23px;height:23px;flex:0 0 auto;border-radius:6px;display:grid;place-items:center;color:var(--green-700);background:#e5f2ee;font-size:9px;font-weight:750}.material-bom-hover-material>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.material-bom-hover-material strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.material-bom-hover-material small{overflow:hidden;color:#83918b;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.material-bom-hover-material>em{padding:3px 6px;border-radius:5px;color:var(--green-700);background:#dcefe8;font-size:8px;font-style:normal;font-weight:700;white-space:nowrap}.material-bom-hover-meta{margin-top:8px;display:grid;grid-template-columns:.9fr .7fr 1.4fr;gap:6px}.material-bom-hover-meta>span{min-width:0;padding:6px 7px;border-radius:6px;display:flex;flex-direction:column;gap:2px;background:#fff}.material-bom-hover-meta small{color:#8b9893;font-size:8px}.material-bom-hover-meta strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.material-bom-hover-items article>p{margin:7px 0 0;color:#6e8078;font-size:9px;line-height:1.45}.material-row-actions{min-width:128px;display:flex;align-items:center;justify-content:flex-end;gap:6px}.material-icon-action{position:relative;width:34px;height:34px;min-width:34px;min-height:34px;padding:0;border:1px solid transparent;border-radius:8px;display:inline-grid;place-items:center;flex:0 0 auto;color:var(--green-700);background:#edf7f3;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.material-icon-action:hover{border-color:currentColor;transform:translateY(-1px)}.material-icon-action:focus-visible{outline:0;border-color:currentColor;box-shadow:0 0 0 3px #0d806a1f}.material-icon-action svg{pointer-events:none}.material-icon-action.edit{color:#356cae;background:#f0f5fb}.material-icon-action.status{color:#8c6530;background:#fbf5eb}.material-icon-action.status.reactivate{color:#287058;background:#e8f5ef}.material-icon-action:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 7px);z-index:8;min-width:max-content;padding:5px 7px;border-radius:6px;opacity:0;visibility:hidden;transform:translate(-50%,3px);color:#fff;background:#1f2f29f0;box-shadow:0 7px 16px #1f2f2929;font-size:10px;font-weight:650;line-height:1;pointer-events:none;transition:opacity .14s ease,transform .14s ease,visibility .14s ease}.material-icon-action:hover:after,.material-icon-action:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%)}.material-status.muted{color:#7b8581;background:#edf0ef}.material-mobile-spec{margin:11px 0 0;padding:10px;border-radius:8px;color:#4f635b;background:#f5f8f7;font-size:12px;line-height:1.55}.material-linked-projects.mobile{max-width:none;margin-top:12px;padding:10px;border:1px solid #e3eae7;border-radius:9px;background:#f8faf9}.material-linked-projects.mobile.empty{min-width:0}.material-linked-boms.mobile{max-width:none;margin-top:12px;padding:10px;border:1px solid #e3eae7;border-radius:9px;background:#f8faf9}.material-linked-boms.mobile.empty{min-width:0}.material-mobile-actions{margin-top:12px;padding-top:11px;border-top:1px solid #e3eae7;display:flex;align-items:center;justify-content:flex-end;gap:8px}.material-mobile-actions .material-icon-action{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:10px}.material-mobile-actions .material-icon-action:after{display:none}.material-form-modal{width:min(980px,100%);padding-bottom:18px}.material-form-section{padding-top:20px}.material-form-section+.material-form-section{margin-top:3px;border-top:1px solid var(--line)}.material-form-grid{padding:15px 0 18px}.material-form-grid label>span>small{margin-left:7px;color:#92a09a;font-size:10px;font-weight:400}.material-fixed-sample{min-height:56px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--success) 30%,var(--line));border-radius:9px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;color:var(--success);background:color-mix(in srgb,var(--success) 5%,var(--surface))}.material-fixed-sample>div{min-width:0;display:flex;flex-direction:column;gap:3px}.material-fixed-sample strong{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.material-fixed-sample small{color:var(--muted);font-size:10px;line-height:1.45}.material-switch-field{min-height:54px;padding:10px 12px;border:1px solid #dfe6e3;border-radius:9px;display:flex;align-items:center;gap:10px;background:#fafcfb;cursor:pointer}.material-switch-field input{width:17px;height:17px;accent-color:var(--green-700)}.material-switch-field span{display:flex;flex-direction:column;gap:3px}.material-switch-field strong{font-size:12px}.material-switch-field small{color:#899791;font-size:10px}.material-empty-section{min-height:80px;margin:15px 0 19px;padding:18px;border:1px dashed #d6e1dd;border-radius:10px;display:grid;place-items:center;color:#84928c;background:#f8faf9;text-align:center;font-size:12px}.material-dynamic-fields:empty{display:none}.material-supplier-editor{padding:15px 0 19px;display:grid;gap:10px}.material-supplier-editor>article{padding:13px;border:1px solid #dfe7e4;border-radius:11px;background:#fafcfb}.material-supplier-index{margin-bottom:10px;display:flex;align-items:center;gap:9px}.material-supplier-index>span{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:var(--green-700);background:#e5f2ee;font-size:11px;font-weight:700}.material-supplier-index label{margin-left:auto;display:flex;align-items:center;gap:6px;cursor:pointer}.material-supplier-index label input{accent-color:var(--green-700)}.material-supplier-index label strong{font-size:11px}.material-supplier-index>button{width:28px;height:28px;border:0;border-radius:7px;display:grid;place-items:center;color:#aa524a;background:#fff0ee}.material-supplier-grid{grid-template-columns:repeat(3,1fr);gap:11px}.material-add-supplier{min-height:40px;border:1px dashed #adcdc2;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--green-700);background:#f4f9f7;font-size:12px;font-weight:650}.material-add-supplier:hover{border-color:var(--green-700);background:#edf7f3}.material-detail-modal{width:min(900px,100%);padding-bottom:18px}.material-detail-content{padding-top:20px}.material-detail-hero{min-height:116px;padding:20px;border:1px solid #dceae5;border-radius:13px;display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,#edf7f3,#fafcfb)}.material-detail-hero>span{width:54px;height:54px;flex:0 0 auto;border-radius:15px;display:grid;place-items:center;color:var(--green-700);background:#fff;box-shadow:0 7px 18px #15574314}.material-detail-hero>div:nth-child(2){min-width:0;flex:1}.material-detail-hero p{margin:0 0 4px;color:var(--green-700);font-size:11px;font-weight:650}.material-detail-hero h3{margin:0;font-size:21px;letter-spacing:-.02em}.material-detail-hero small{display:block;margin-top:6px;color:#71827b;font-size:12px}.material-detail-count{margin-left:auto;color:#87958f;font-size:11px}.material-attribute-detail-grid .retired{opacity:.65}.material-supplier-detail-list{padding-top:13px;display:grid;gap:9px}.material-supplier-detail-list>article{padding:13px;border:1px solid #e0e7e4;border-radius:10px;background:#fafcfb}.material-supplier-detail-list>article.retired{opacity:.62;background:#f4f5f5}.material-supplier-detail-list>article>div{display:flex;align-items:center;gap:9px}.material-supplier-detail-list>article>div>span{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;color:var(--green-700);background:#e6f2ee}.material-supplier-detail-list>article>div>div{display:flex;flex-direction:column;gap:2px}.material-supplier-detail-list strong{font-size:12px}.material-supplier-detail-list strong em{margin-left:7px;padding:2px 6px;border-radius:5px;color:var(--green-700);background:#dff0ea;font-size:9px;font-style:normal}.material-supplier-detail-list small{color:#84928c;font-size:10px}.material-supplier-detail-list dl{margin:11px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.material-supplier-detail-list dl>div{padding:8px 9px;border-radius:7px;background:#fff}.material-supplier-detail-list dt{color:#8c9994;font-size:9px}.material-supplier-detail-list dd{margin:4px 0 0;color:#41564e;font-size:11px}.material-bom-detail-list{padding-top:13px;display:grid;gap:9px}.material-bom-detail-list>article{padding:13px;border:1px solid #e0e7e4;border-radius:10px;background:#fafcfb}.material-bom-detail-head{display:flex;align-items:center;gap:9px}.material-bom-detail-head>span{width:31px;height:31px;flex:0 0 auto;border-radius:8px;display:grid;place-items:center;color:var(--green-700);background:#e6f2ee}.material-bom-detail-head>div:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.material-bom-detail-list strong{font-size:12px}.material-bom-detail-list small{color:#84928c;font-size:10px}.material-bom-detail-tags{display:flex;align-items:center;justify-content:flex-end;gap:5px}.material-bom-detail-tags em{padding:3px 6px;border-radius:5px;color:var(--green-700);background:#dff0ea;font-size:9px;font-style:normal;font-weight:700;white-space:nowrap}.material-bom-detail-tags em.bom-draft{color:#697771;background:#edf0ef}.material-bom-detail-tags em.bom-pending{color:#8c6530;background:#fbf0df}.material-bom-detail-tags em.bom-retired{color:#7b8581;background:#edf0ef}.material-bom-detail-list dl{margin:11px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.material-bom-detail-list dl>div{min-width:0;padding:8px 9px;border-radius:7px;background:#fff}.material-bom-detail-list dt{color:#8c9994;font-size:9px}.material-bom-detail-list dd{margin:4px 0 0;overflow-wrap:anywhere;color:#41564e;font-size:11px}.material-project-detail-list{padding-top:13px;display:grid;gap:9px}.material-project-detail-list>article{padding:13px;border:1px solid #e0e7e4;border-radius:10px;background:#fafcfb}.material-project-detail-list>article>div{display:flex;align-items:center;gap:9px}.material-project-detail-list>article>div>span{width:31px;height:31px;flex:0 0 auto;border-radius:8px;display:grid;place-items:center;color:var(--green-700);background:#e6f2ee}.material-project-detail-list>article>div>div{min-width:0;display:flex;flex-direction:column;gap:2px}.material-project-detail-list strong{font-size:12px}.material-project-detail-list strong em{margin-left:7px;padding:2px 6px;border-radius:5px;color:var(--green-700);background:#dff0ea;font-size:9px;font-style:normal;white-space:nowrap}.material-project-detail-list strong em.converted{color:#356cae;background:#e9f1fa}.material-project-detail-list strong em.archived{color:#7b8581;background:#edf0ef}.material-project-detail-list small{color:#84928c;font-size:10px}.material-project-detail-list dl{margin:11px 0 0;display:grid;grid-template-columns:1.4fr 1fr;gap:8px}.material-project-detail-list dl>div{min-width:0;padding:8px 9px;border-radius:7px;background:#fff}.material-project-detail-list dt{color:#8c9994;font-size:9px}.material-project-detail-list dd{margin:4px 0 0;overflow-wrap:anywhere;color:#41564e;font-size:11px}.material-detail-actions{margin-top:19px;padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.material-detail-actions .secondary-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.material-master-modal{width:min(1080px,100%);padding-bottom:18px}.material-master-layout{min-height:570px;padding-top:18px;display:grid;grid-template-columns:320px minmax(0,1fr);gap:15px}.material-master-categories,.material-master-attributes{min-width:0;border:1px solid #e1e8e5;border-radius:12px;background:#fafcfb}.material-master-categories{padding:12px;display:flex;flex-direction:column}.material-master-heading{padding:2px 4px 10px;border-bottom:1px solid #e5ebe8}.material-master-heading>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.material-master-heading h3,.material-master-selected-head h3,.material-attribute-list-head h4,.material-inline-create h4,.material-attribute-create h4{margin:0;font-size:14px}.material-master-heading span,.material-attribute-list-head span{color:#87958f;font-size:10px}.material-master-category-list{max-height:300px;padding:8px 0;display:grid;gap:5px;overflow-y:auto}.material-master-category-list>button{width:100%;min-height:57px;padding:9px;border:1px solid transparent;border-radius:9px;display:flex;align-items:center;gap:9px;text-align:left;background:transparent}.material-master-category-list>button:hover{background:#f1f6f4}.material-master-category-list>button.selected{border-color:#c2ddd4;background:#eaf5f1}.material-master-category-list>button>span{width:32px;height:32px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;color:var(--green-700);background:#fff}.material-master-category-list>button>div{min-width:0;display:flex;flex-direction:column;gap:4px}.material-master-category-list strong{font-size:12px}.material-master-category-list strong em{margin-left:6px;color:#8c6e45;font-size:9px;font-style:normal}.material-master-category-list small{color:#83928c;font-size:10px}.material-inline-create{margin-top:auto;padding:13px 3px 2px;border-top:1px solid #e3eae7;display:grid;gap:7px}.material-inline-create input,.material-inline-create textarea{width:100%;min-height:36px;padding:8px 10px;border:1px solid #dbe3e0;border-radius:8px;color:var(--ink);background:#fff;outline:0;font:inherit;font-size:12px;resize:vertical}.material-inline-create input:focus,.material-inline-create textarea:focus{border-color:var(--green-700);box-shadow:0 0 0 3px #0d806a12}.material-master-attributes{padding:15px;overflow-y:auto}.material-master-selected-head{min-height:58px;padding-bottom:13px;border-bottom:1px solid #e3eae7;display:flex;align-items:flex-start;gap:10px}.material-master-selected-head>div:first-child{min-width:0;flex:1;display:flex;align-items:flex-start;gap:9px}.material-master-selected-head>div:first-child>span{width:34px;height:34px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;color:var(--green-700);background:#e7f3ef}.material-master-selected-head p{margin:4px 0 0;color:#84928c;font-size:10px;line-height:1.5}.material-master-selected-head .secondary-button{min-height:35px;padding:0 11px;display:inline-flex;align-items:center;gap:5px;font-size:11px}.material-attribute-list{padding-top:14px}.material-attribute-list-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.material-attribute-list>article{min-height:58px;margin-top:7px;padding:10px;border:1px solid #e1e8e5;border-radius:9px;display:flex;align-items:center;gap:9px;background:#fff}.material-attribute-list>article.retired{opacity:.65;background:#f2f4f3}.material-attribute-list>article>span{width:30px;height:30px;flex:0 0 auto;border-radius:8px;display:grid;place-items:center;color:var(--green-700);background:#ecf5f2}.material-attribute-list>article>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.material-attribute-list>article strong{font-size:12px}.material-attribute-list>article strong em{margin-left:6px;padding:2px 5px;border-radius:4px;color:#376e5c;background:#e4f1ed;font-size:9px;font-style:normal}.material-attribute-list>article strong em.retired-label{color:#806a4d;background:#eee9e1}.material-attribute-list>article small{color:#81908a;font-size:10px;line-height:1.45;overflow-wrap:anywhere}.material-attribute-list>article>button{min-height:29px;padding:0 9px;border:1px solid #dce4e1;border-radius:7px;color:#687970;background:#f8faf9;font-size:10px}.material-attribute-create{margin-top:16px;padding-top:15px;border-top:1px solid #e3eae7}.material-attribute-create .material-form-grid{padding-bottom:10px}.material-required-toggle{min-height:41px;margin-top:20px;padding:0 11px;border:1px solid #dbe3e0;border-radius:8px;display:flex;align-items:center;gap:8px;background:#fff;cursor:pointer}.material-required-toggle input{width:16px;height:16px;accent-color:var(--green-700)}.material-required-toggle span{font-size:12px;font-weight:600}@media(max-width:1050px){.material-metrics{grid-template-columns:repeat(2,1fr)}.material-toolbar{align-items:stretch;flex-direction:column}.material-toolbar-controls{margin-left:0;justify-content:flex-start}.material-toolbar-controls .search-box{width:min(100%,390px)}.material-master-layout{grid-template-columns:280px minmax(0,1fr)}}@media(max-width:760px){.material-heading-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.material-heading-actions>button{width:100%;min-height:45px}.material-metrics{grid-template-columns:1fr}.material-toolbar-controls{width:100%;display:grid;grid-template-columns:1fr 1fr}.material-toolbar-controls .search-box{width:100%;grid-column:1 / -1}.material-toolbar-controls>select{width:100%;min-width:0;height:42px}.material-export-button{min-height:42px;grid-column:1 / -1}.material-bom-hover-card{max-height:calc(100dvh - 20px)}.material-bom-hover-card>header{position:relative;min-height:92px;padding:10px;align-items:flex-start}.material-bom-hover-image{width:70px;height:70px}.material-bom-hover-card>header>div:nth-child(2){padding-right:48px}.material-bom-hover-card>header>em{position:absolute;top:10px;right:10px}.material-bom-hover-heading{align-items:flex-start;flex-direction:column;gap:3px}.material-bom-hover-items{max-height:360px}.material-bom-hover-meta{grid-template-columns:1fr 1fr}.material-bom-hover-meta>span:last-child{grid-column:1 / -1}.material-form-section{padding-top:17px}.material-form-grid{gap:13px;padding:13px 0 17px}.material-supplier-grid{grid-template-columns:1fr}.material-supplier-editor>article{padding:11px}.material-detail-hero{padding:15px;align-items:flex-start;flex-wrap:wrap}.material-detail-hero>span{width:44px;height:44px}.material-detail-hero>div:nth-child(2){width:calc(100% - 60px);flex:initial}.material-detail-hero>div:last-child{width:100%;padding-left:59px}.material-detail-hero h3{font-size:18px}.material-supplier-detail-list dl,.material-bom-detail-list dl{grid-template-columns:1fr 1fr}.material-bom-detail-head{align-items:flex-start;flex-wrap:wrap}.material-bom-detail-tags{width:100%;padding-left:40px;justify-content:flex-start}.material-project-detail-list dl{grid-template-columns:1fr}.material-detail-actions{display:grid;grid-template-columns:1fr}.material-detail-actions>button{width:100%}.material-master-modal{max-height:96dvh}.material-master-layout{min-height:0;display:block}.material-master-categories,.material-master-attributes{border-radius:10px}.material-master-category-list{max-height:235px}.material-inline-create{margin-top:8px}.material-master-attributes{margin-top:12px;padding:12px;overflow:visible}.material-master-selected-head{align-items:stretch;flex-direction:column}.material-master-selected-head .secondary-button{width:100%;min-height:40px;justify-content:center}.material-attribute-list>article{align-items:flex-start}.material-attribute-list>article>button{min-height:34px}.material-required-toggle{margin-top:0;min-height:44px}}.products-table{min-width:1280px}.products-table th:last-child,.products-table td:last-child,.supplier-lifecycle-table th:last-child,.supplier-lifecycle-table td:last-child{position:sticky;right:0;z-index:1;background:#fff;box-shadow:-10px 0 16px #22463a0d}.products-table th:last-child,.supplier-lifecycle-table th:last-child{z-index:2;background:#f8faf9}.product-name-cell{min-width:235px}.product-binding-missing{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:6px;color:#77857f;background:#eef2f0;font-size:10px;font-weight:650}.product-binding-missing.warning{color:#9a6b2f;background:#fbf0df}.product-status.muted{color:#74817c;background:#edf0ef}.product-row-actions{min-width:305px}.product-row-actions .table-action.bind{color:#4b6f5f;background:#edf6f2}.product-form-modal{width:min(840px,100%)}.product-binding-modal{width:min(690px,100%);padding-bottom:18px}.product-binding-rule{margin-top:18px;padding:13px;border:1px solid #d9e7e2;border-radius:10px;display:flex;align-items:center;gap:10px;color:var(--green-700);background:#f1f8f5}.product-binding-rule>div{display:flex;flex-direction:column;gap:4px}.product-binding-rule strong{color:#38564b;font-size:12px}.product-binding-rule span{color:#788a83;font-size:10px}.product-binding-form{padding-top:18px}.product-current-binding{margin-top:13px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.product-current-binding>article{min-height:76px;padding:13px;border:1px solid #dfe8e4;border-radius:10px;display:flex;align-items:center;gap:10px;background:#fafcfb}.product-current-binding>article.missing{border-color:#ead9bd;background:#fffaf2}.product-current-binding>article>span{width:35px;height:35px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;color:#8b6a36;background:#f7ead6}.product-current-binding>article>span.primary{color:var(--green-700);background:#e5f3ee}.product-current-binding>article>div{min-width:0;display:flex;flex-direction:column;gap:3px}.product-current-binding small{color:#87958f;font-size:9px}.product-current-binding strong{font-size:12px}.product-current-binding em{color:#74857e;font-size:9px;font-style:normal}.product-current-binding>div{grid-column:1 / -1;padding:12px 13px;border-radius:9px;background:#f5f8f7}.product-current-binding>div small{display:block}.product-current-binding>div strong{display:block;margin-top:4px}.product-current-binding>div p{margin:7px 0 0;color:#60736b;font-size:11px;line-height:1.6}.product-binding-history{margin-top:13px;display:grid;gap:9px}.product-binding-history>article{padding:13px;border:1px solid #dfe7e4;border-radius:10px;background:#fafcfb}.product-binding-history>article.retired{opacity:.7;background:#f3f5f4}.product-binding-history>article>div{display:flex;align-items:center;gap:9px}.product-binding-history>article>div>span{padding:3px 7px;border-radius:5px;color:var(--green-700);background:#e1f1eb;font-size:9px;font-weight:700}.product-binding-history>article.retired>div>span{color:#707d78;background:#e4e8e6}.product-binding-history>article>div>strong{font-size:11px}.product-binding-history>article>div>small{margin-left:auto;color:#84918c;font-size:9px}.product-binding-history dl{margin:6px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.supplier-lifecycle-table{min-width:980px!important}.supplier-status-stack{display:inline-flex;align-items:center;gap:5px}.supplier-status-stack .grade-badge{margin-right:0}.supplier-binding-role{display:inline-flex;align-items:center;gap:6px;min-height:25px;padding:0 8px;border-radius:6px;color:#66766f;background:#eef2f0;font-size:10px;font-weight:650}.supplier-binding-role.primary{color:#1d7558;background:#e3f2ec}.supplier-binding-role.backup{color:#8c6530;background:#f8eddc}.supplier-binding-role.both{color:#3468a1;background:#e8eff8}.supplier-binding-role small{color:inherit;font-size:9px;opacity:.78}.qualification-date{display:flex;flex-direction:column;gap:3px;font-size:11px}.qualification-date small{color:#87938e;font-size:9px}.qualification-date.risk{color:#a4574d;font-weight:650}.qualification-date.risk small{color:#b1675c}.supplier-row-actions{min-width:134px}.supplier-lifecycle-modal{width:min(900px,100%)}.supplier-lifecycle-detail{width:min(880px,100%)}.supplier-bound-product-list{margin-top:13px;display:grid;gap:8px}.supplier-bound-product-list>article{min-height:62px;padding:11px;border:1px solid #e0e7e4;border-radius:9px;display:flex;align-items:center;gap:10px;background:#fafcfb}.supplier-bound-product-list>article>span{width:32px;height:32px;flex:0 0 auto;border-radius:8px;display:grid;place-items:center;color:var(--green-700);background:#e5f3ee}.supplier-bound-product-list>article>span.backup{color:#956c31;background:#f8ecd9}.supplier-bound-product-list>article>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.supplier-bound-product-list strong{font-size:12px}.supplier-bound-product-list strong em{margin-left:7px;padding:2px 6px;border-radius:4px;color:var(--green-700);background:#e1f1eb;font-size:9px;font-style:normal}.supplier-bound-product-list small{color:#84928c;font-size:10px}.supplier-bound-product-list time{color:#798a83;font-size:10px}.supplier-mobile-actions{grid-template-columns:1fr 1fr}@media(min-width:761px)and (max-width:1050px){.products-page .desktop-table,.suppliers-page .desktop-table{display:none}.products-page .mobile-record-list,.suppliers-page .mobile-record-list{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:12px}.products-page .data-panel,.suppliers-page .data-panel{padding-bottom:12px;background:transparent;border:0;box-shadow:none;overflow:visible}.products-page .data-toolbar,.suppliers-page .data-toolbar{border:1px solid var(--line);border-radius:11px;background:#fff}.products-page .mobile-record-grid,.suppliers-page .mobile-record-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.product-toolbar-controls,.supplier-toolbar-controls{grid-template-columns:1fr 1fr}.product-toolbar-controls>select{grid-column:auto}.supplier-toolbar-controls>select:last-of-type{grid-column:1 / -1}.product-current-binding{grid-template-columns:1fr}.product-current-binding>div{grid-column:auto}.product-binding-history>article>div{align-items:flex-start;flex-wrap:wrap}.product-binding-history>article>div>small{width:100%;margin-left:0}.product-binding-history dl{grid-template-columns:1fr}.supplier-status-stack{align-items:flex-end;flex-direction:column}.supplier-bound-product-list>article{align-items:flex-start}.supplier-bound-product-list time{margin-left:auto;text-align:right}}.supplier-workspace{margin-top:14px}.supplier-stage-readiness{min-height:58px;padding:10px 12px;border:1px solid #dce8e4;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f7faf9}.supplier-stage-readiness>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.supplier-stage-readiness span{min-height:28px;padding:0 9px;border-radius:7px;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:650}.supplier-stage-readiness span.ready{color:#247257;background:#e1f1eb}.supplier-stage-readiness span.blocked{color:#9a6643;background:#f8eadf}.secondary-button.compact{min-height:34px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;font-size:11px}.supplier-workspace-tabs{margin-top:11px;padding:5px;border:1px solid #e0e8e5;border-radius:10px;display:grid;grid-template-columns:repeat(7,1fr);gap:4px;background:#f5f8f7}.supplier-workspace-tabs button{min-width:0;min-height:37px;padding:0 7px;border:0;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:6px;color:#72827c;background:transparent;font-size:10px;font-weight:650;white-space:nowrap}.supplier-workspace-tabs button:hover{color:#315f50;background:#edf4f1}.supplier-workspace-tabs button.active{color:var(--green-700);background:#fff;box-shadow:0 2px 8px #1e493c14}.supplier-workspace-pane{min-height:330px}.supplier-workspace-heading{min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:10px}.supplier-workspace-heading>div{display:flex;align-items:center;gap:8px;color:var(--green-700)}.supplier-workspace-heading h4{margin:0;color:var(--ink);font-size:13px}.supplier-workspace-heading>div>span{min-width:22px;min-height:20px;padding:0 6px;border-radius:10px;display:grid;place-items:center;color:#65776f;background:#edf2f0;font-size:9px}.supplier-workspace-empty{min-height:76px;margin-top:12px;padding:16px;border:1px dashed #d6e1dd;border-radius:9px;display:grid;place-items:center;color:#85938e;background:#fafcfb;font-size:11px;text-align:center}.supplier-workspace-error{margin:10px 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.supplier-workspace-error button{border:0;display:grid;place-items:center;color:inherit;background:transparent}.supplier-workspace-form{margin:13px 0 4px;padding:14px;border:1px solid #dbe7e2;border-radius:11px;background:#f8fbfa}.supplier-workspace-form .supplier-form-grid{padding:0}.supplier-workspace-form-actions{margin-top:13px;padding-top:12px;border-top:1px solid #e1e9e6;display:flex;justify-content:flex-end;gap:8px}.supplier-workspace-form-actions button{min-height:38px}.supplier-inline-check{min-height:40px;padding:0 11px;border:1px solid #dfe6e3;border-radius:8px;display:flex!important;align-items:center;gap:8px;color:#53665e!important;background:#fff;font-size:11px!important;font-weight:550!important}.supplier-inline-check input{width:16px;height:16px;accent-color:var(--green-700)}.supplier-file-input{min-height:41px;padding:8px 10px;border:1px dashed #b9d0c7;border-radius:8px;display:flex!important;align-items:center;gap:8px;color:var(--green-700)!important;background:#fff}.supplier-file-input input{min-width:0;padding:0;border:0;font-size:10px}.supplier-contact-list,.supplier-qualification-list,.supplier-review-list,.supplier-risk-list{margin-top:12px;display:grid;gap:8px}.supplier-contact-list{grid-template-columns:1fr 1fr}.supplier-contact-list>article{min-width:0;padding:12px;border:1px solid #e0e7e4;border-radius:10px;background:#fafcfb}.supplier-contact-list>article.retired{opacity:.62;background:#f1f3f2}.supplier-contact-list>article>div:first-child{display:flex;align-items:center;gap:9px}.supplier-contact-list>article>div:first-child>div{min-width:0;display:flex;flex-direction:column;gap:3px}.supplier-contact-list strong{font-size:11px}.supplier-contact-list strong em,.supplier-relation-grid strong em{margin-left:6px;padding:2px 5px;border-radius:4px;color:var(--green-700);background:#e0f0ea;font-size:9px;font-style:normal}.supplier-contact-list small,.supplier-contact-list p{color:#7e8d87;font-size:9px;overflow-wrap:anywhere}.supplier-contact-list p{margin:9px 0 0;line-height:1.5}.supplier-record-actions{margin-top:10px;display:flex;align-items:center;justify-content:flex-end;gap:6px}.supplier-record-actions button,.supplier-record-actions a,.supplier-risk-list>article>button{min-height:29px;padding:0 9px;border:1px solid #dce5e1;border-radius:7px;display:inline-flex;align-items:center;gap:5px;color:#536d63;background:#fff;font-size:9px;font-weight:650}.supplier-gate-summary{margin-top:12px;padding:12px;border:1px solid;border-radius:9px;display:flex;align-items:center;gap:9px}.supplier-gate-summary.ready{color:#287058;border-color:#cae2da;background:#eff8f4}.supplier-gate-summary.blocked{color:#94643d;border-color:#ecd7c4;background:#fff8ef}.supplier-gate-summary>div{display:flex;flex-direction:column;gap:3px}.supplier-gate-summary strong{font-size:11px}.supplier-gate-summary span{opacity:.78;font-size:9px}.supplier-qualification-list{grid-template-columns:1fr 1fr}.supplier-qualification-list>article{padding:12px;border:1px solid #e0e7e4;border-radius:10px;background:#fafcfb}.supplier-qualification-list>article.expiring,.supplier-qualification-list>article.expired{border-color:#ead5bd;background:#fffaf2}.supplier-qualification-list>article.retired{opacity:.62;background:#f2f4f3}.supplier-qualification-list>article>div:first-child{display:flex;align-items:flex-start;gap:8px}.supplier-qualification-list>article>div:first-child>div{display:flex;flex-direction:column;gap:3px}.supplier-qualification-list strong{font-size:11px}.supplier-qualification-list small{color:#81908a;font-size:9px}.qualification-state{min-height:21px;padding:0 6px;border-radius:5px;display:inline-flex;align-items:center;color:#287058;background:#e2f1eb;font-size:9px;font-weight:700}.qualification-state.expiring,.qualification-state.expired{color:#9b6239;background:#f7e8d8}.qualification-state.retired{color:#78837f;background:#e7eae8}.supplier-qualification-list dl{margin:10px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.supplier-qualification-list .supplier-detail-item{padding:8px;border:0;border-radius:7px;background:#fff}.supplier-review-list>article{padding:13px;border:1px solid #dfe7e4;border-radius:10px;display:flex;align-items:flex-start;gap:12px;background:#fafcfb}.supplier-review-score{width:54px;height:54px;flex:0 0 auto;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--green-700);background:#e5f3ee}.supplier-review-score strong{font-size:18px}.supplier-review-score span{margin-top:2px;font-size:8px}.supplier-review-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}.supplier-review-main>div{display:flex;align-items:center;gap:8px}.supplier-review-main strong{font-size:12px}.review-result{padding:2px 6px;border-radius:5px;color:#287058;background:#e2f1eb;font-size:9px}.review-result.conditional{color:#8d6739;background:#f6ebdc}.review-result.fail{color:#a5524a;background:#fae7e5}.supplier-review-main p{margin:0;color:#52665e;font-size:11px;line-height:1.55}.supplier-review-main small{color:#81908a;font-size:9px;line-height:1.55}.supplier-review-main em{padding:7px 9px;border-radius:6px;color:#746047;background:#f8f2e9;font-size:9px;font-style:normal;line-height:1.5}.supplier-review-main a{display:inline-flex;align-items:center;gap:5px;color:var(--green-700);font-size:9px;font-weight:650}.supplier-risk-list>article{padding:13px;border:1px solid #e0e7e4;border-left:4px solid #d4b267;border-radius:10px;background:#fafcfb}.supplier-risk-list>article.high,.supplier-risk-list>article.critical{border-left-color:#c9685f}.supplier-risk-list>article.closed{opacity:.68;border-left-color:#8eb8a8}.supplier-risk-list>article>div{display:flex;align-items:center;gap:8px}.supplier-risk-list>article>div span{padding:2px 6px;border-radius:5px;color:#95643e;background:#f6e9d8;font-size:9px;font-weight:700}.supplier-risk-list>article>div strong{font-size:12px}.supplier-risk-list>article>div em{margin-left:auto;color:#74847e;font-size:9px;font-style:normal}.supplier-risk-list p{margin:9px 0 4px;color:#53675f;font-size:11px;line-height:1.6}.supplier-risk-list small{color:#85928d;font-size:9px}.supplier-risk-list blockquote,.supplier-status-timeline blockquote{margin:8px 0 0;padding:8px 10px;border:0;border-radius:7px;color:#536b62;background:#eef5f2;font-size:9px;line-height:1.55}.supplier-risk-list>article>button{margin-top:10px}.supplier-relation-grid{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.supplier-relation-grid>article{min-width:0;padding:12px;border:1px solid #e0e7e4;border-radius:9px;display:flex;flex-direction:column;gap:5px;background:#fafcfb}.supplier-relation-grid strong{font-size:11px}.supplier-relation-grid small{color:#788a83;font-size:9px}.supplier-relation-grid p{margin:0;color:#63766e;font-size:10px}.supplier-status-blockers{padding:11px;border:1px solid #ecd6c1;border-radius:8px;display:flex;align-items:center;gap:9px;color:#94643d;background:#fff8ef}.supplier-status-blockers>div{display:flex;flex-direction:column;gap:3px}.supplier-status-blockers strong{font-size:11px}.supplier-status-blockers span{font-size:9px}.supplier-status-timeline{margin-top:14px;padding-left:8px}.supplier-status-timeline>article{position:relative;min-height:82px;padding:0 0 17px 26px;border-left:1px solid #d6e2dd}.supplier-status-timeline>article:last-child{border-left-color:transparent}.supplier-status-timeline>article>span{position:absolute;top:2px;left:-6px;width:11px;height:11px;border:3px solid #dcece6;border-radius:50%;background:var(--green-700)}.supplier-status-timeline>article>div{display:flex;align-items:flex-start;flex-direction:column;gap:5px}.supplier-status-timeline strong{font-size:11px}.supplier-status-timeline em{padding:2px 6px;border-radius:5px;color:#965f3c;background:#f7e8da;font-size:9px;font-style:normal}.supplier-status-timeline p{margin:0;color:#52665e;font-size:10px}.supplier-status-timeline small{color:#84928d;font-size:9px}@media(max-width:760px){.supplier-lifecycle-detail{width:100%}.supplier-stage-readiness{align-items:stretch;flex-direction:column}.supplier-stage-readiness .secondary-button{width:100%;min-height:40px;justify-content:center}.supplier-workspace-tabs{display:flex;overflow-x:auto;scrollbar-width:none}.supplier-workspace-tabs::-webkit-scrollbar{display:none}.supplier-workspace-tabs button{min-width:116px;min-height:41px}.supplier-workspace-pane{min-height:280px}.supplier-workspace-heading{align-items:flex-start;flex-direction:column}.supplier-workspace-heading>button{width:100%;min-height:38px;justify-content:center}.supplier-workspace-form{padding:11px}.supplier-workspace-form-actions{display:grid;grid-template-columns:1fr 1fr}.supplier-workspace-form-actions button{width:100%;min-height:43px}.supplier-contact-list,.supplier-qualification-list,.supplier-relation-grid{grid-template-columns:1fr}.supplier-review-list>article{flex-direction:column}.supplier-review-score{width:100%;height:47px;border-radius:9px;flex-direction:row;gap:6px}.supplier-review-score strong{font-size:16px}.supplier-qualification-list dl{grid-template-columns:1fr 1fr}.supplier-risk-list>article>div{align-items:flex-start;flex-wrap:wrap}.supplier-risk-list>article>div em{width:100%;margin-left:0}.supplier-bound-product-list>article{flex-wrap:wrap}.supplier-bound-product-list time{width:100%;margin-left:42px;text-align:left}}@media(min-width:761px){.page-content{font-size:15px;line-height:1.55}.page-heading h1{font-size:31px}.page-heading>div>p:last-child,.page-heading>p:last-child{font-size:16px;line-height:1.6}.section-title h2,.data-toolbar h2,.role-list-head h2,.permission-head h2{font-size:19px}.section-title span,.data-toolbar span,.role-list-head span,.section-title a,.today-chip,.metric-card p,.business-metric p,.production-metrics p,.inventory-alert p,.inventory-row p,.health-card span{font-size:14px}.metric-card small,.business-metric small,.inventory-alert small,.inventory-row strong small,.health-card strong small,.health-card p{font-size:13px;line-height:1.45}.mini-table-head{font-size:13px}.mini-table-row,.mini-table-row strong{font-size:15px}.mini-table-row small{font-size:13px}.search-box input,.page-content input,.page-content select,.page-content textarea{font-size:15px}.sample-filter-select,.material-toolbar-controls>select{font-size:15px}.sample-export-actions button,.material-export-button{font-size:14px}th{padding-top:13px;padding-bottom:13px;font-size:13px;line-height:1.4}td{padding-top:16px;padding-bottom:16px;font-size:15px;line-height:1.55}.table-action,.text-button{min-height:30px;padding:5px 6px;font-size:14px}.status-pill,.table-status,.grade-badge,.feedback-badge,.sample-status,.product-binding-missing,.supplier-binding-role,.qualification-state,.review-result,.permission-kind{font-size:12px}.supplier-binding-role small{font-size:11px}.supplier-cell strong,.contact-cell strong,.material-name-cell strong,.sample-name-cell strong,.product-name-cell strong{font-size:15px}.supplier-cell small,.contact-cell small,.material-name-cell small,.sample-name-cell small,.feedback-reminder{font-size:13px;line-height:1.45}.material-attribute-summary,.qualification-date{font-size:14px}.qualification-date small{font-size:12px}.material-linked-project-count strong,.material-linked-project strong,.material-linked-bom-count strong,.material-linked-bom strong{font-size:13px}.material-linked-project small,.material-linked-projects em,.material-linked-projects.empty,.material-linked-bom small,.material-linked-boms em,.material-linked-boms.empty{font-size:12px}.material-bom-hover-card>header h4{font-size:16px}.material-bom-hover-card>header p,.material-bom-hover-card>header span,.material-bom-hover-heading small,.material-bom-hover-state{font-size:12px}.material-bom-hover-card>header>em,.material-bom-hover-image small{font-size:11px}.material-bom-hover-heading strong{font-size:14px}.material-bom-hover-material strong{font-size:13px}.material-bom-hover-material small,.material-bom-hover-items article>p{font-size:11px}.material-bom-hover-material>em,.material-bom-hover-meta small{font-size:10px}.material-bom-hover-meta strong{font-size:12px}.modal-head h2{font-size:21px}.modal-head p{font-size:14px;line-height:1.5}.form-grid label>span,.form-grid legend,.upload-field>span,.sample-supplier-selector legend,.sample-photo-field>span{font-size:14px}.form-section-title strong{font-size:16px}.form-section-title span,.material-form-grid label>span>small{font-size:13px}.upload-dropzone strong,.screenshot-preview strong{font-size:14px}.upload-dropzone small,.screenshot-preview small{font-size:13px}.role-list strong,.permission-page-name strong,.permission-groups strong{font-size:15px}.role-list p,.role-list em,.permission-head p,.permission-page-name small,.permission-groups small,.permission-groups legend{font-size:13px;line-height:1.45}.permission-actions>div:first-child>span,.permission-action-options>button{font-size:13px}.permission-actions>div:first-child>button{font-size:12px}.detail-section-heading h4,.supplier-workspace-heading h4{font-size:16px}.supplier-detail-hero p,.supplier-detail-hero small,.material-detail-hero p,.material-detail-hero small,.sample-detail-hero p,.sample-detail-hero small,.supplier-detail-item dt,.sample-detail-item dt{font-size:13px}.supplier-detail-item dd,.sample-detail-item dd{font-size:15px}.detail-screenshot-block strong,.sample-linked-suppliers strong,.material-supplier-detail-list strong,.material-bom-detail-list strong{font-size:14px}.detail-screenshot-block small,.detail-screenshot-block a,.sample-linked-suppliers small,.material-supplier-detail-list small,.material-bom-detail-list small,.material-supplier-detail-list dt,.material-bom-detail-list dt{font-size:12px}.material-supplier-detail-list dd,.material-bom-detail-list dd{font-size:14px}.sample-supplier-selector strong,.sample-upload-guidance strong,.sample-upload-list article>label>span,.sample-feedback-alert strong,.sample-feedback-readonly strong{font-size:14px}.sample-supplier-selector small,.sample-photo-field>span>small,.sample-photo-field>small,.sample-upload-summary span,.sample-upload-guidance span,.sample-upload-list article label small,.sample-feedback-alert span,.sample-detail-section .detail-section-heading>span,.sample-detail-gallery span,.sample-feedback-readonly p,.readonly-action{font-size:13px}.sample-photo-add span,.sample-described-photo label>span,.sample-described-photo input,.sample-upload-picker span{font-size:13px}.material-switch-field strong,.material-supplier-index label strong,.material-master-category-list strong,.material-attribute-list>article strong{font-size:14px}.material-switch-field small,.material-master-heading span,.material-attribute-list-head span,.material-master-category-list small,.material-master-selected-head p,.material-attribute-list>article small{font-size:12px}.material-master-heading h3,.material-master-selected-head h3,.material-attribute-list-head h4,.material-inline-create h4,.material-attribute-create h4{font-size:16px}.material-inline-create input,.material-inline-create textarea,.material-required-toggle span,.material-add-supplier{font-size:14px}.material-attribute-list>article>button{font-size:13px}.product-binding-rule strong,.product-current-binding strong,.product-binding-history>article>div>strong,.supplier-bound-product-list strong{font-size:14px}.product-binding-rule span,.product-current-binding small,.product-current-binding em,.product-current-binding>div p,.product-binding-history>article>div>small,.supplier-bound-product-list small,.supplier-bound-product-list time{font-size:12px}.supplier-stage-readiness span,.supplier-workspace-tabs button,.secondary-button.compact{font-size:13px}.supplier-workspace-heading>div>span{font-size:11px}.supplier-workspace-empty{font-size:13px}.supplier-inline-check{font-size:14px!important}.supplier-file-input input{font-size:13px}.supplier-contact-list strong,.supplier-qualification-list strong,.supplier-gate-summary strong,.supplier-review-main strong,.supplier-risk-list>article>div strong,.supplier-relation-grid strong,.supplier-status-blockers strong,.supplier-status-timeline strong{font-size:14px}.supplier-contact-list small,.supplier-contact-list p,.supplier-qualification-list small,.supplier-gate-summary span,.supplier-review-main p,.supplier-review-main small,.supplier-review-main em,.supplier-review-main a,.supplier-risk-list p,.supplier-risk-list small,.supplier-risk-list blockquote,.supplier-relation-grid small,.supplier-relation-grid p,.supplier-status-blockers span,.supplier-status-timeline p,.supplier-status-timeline small,.supplier-status-timeline blockquote{font-size:12px;line-height:1.55}.supplier-record-actions button,.supplier-record-actions a,.supplier-risk-list>article>button{min-height:32px;font-size:13px}.supplier-review-score span,.supplier-risk-list>article>div span,.supplier-risk-list>article>div em,.supplier-status-timeline em,.supplier-contact-list strong em,.supplier-relation-grid strong em{font-size:11px}}@media(min-width:1051px){.data-toolbar.material-toolbar>div:first-child{flex:0 0 auto;white-space:nowrap}.supplier-toolbar-controls,.product-toolbar-controls{flex-wrap:nowrap}.supplier-toolbar-controls .search-box{width:260px}.supplier-toolbar-controls>select{min-width:110px}.product-toolbar-controls .search-box{width:220px}.product-toolbar-controls>select{min-width:100px}.product-toolbar-controls .material-export-button{min-width:104px;white-space:nowrap}}.entity-hero-cover{width:54px;height:54px;flex:0 0 auto;border:3px solid white;border-radius:15px;display:block;overflow:hidden;box-shadow:0 7px 18px #15574321}.supplier-detail-hero>.entity-hero-cover{width:52px;height:52px;border-radius:14px}.entity-hero-cover img{width:100%;height:100%;display:block;object-fit:cover}.image-archive-section{padding-bottom:17px}.image-archive-heading{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px}.image-archive-heading>div{min-width:0;display:flex;align-items:center;gap:8px;color:var(--green-700)}.image-archive-heading h4{margin:0;color:var(--ink);font-size:13px}.image-archive-heading>div>span{padding:3px 7px;border-radius:10px;color:#697b74;background:#edf2f0;font-size:10px;white-space:nowrap}.image-archive-form{margin:13px 0 4px;padding:14px;border:1px solid #dbe7e2;border-radius:11px;background:#f8fbfa}.image-archive-form .supplier-form-grid{padding:0}.image-archive-form-head{align-items:end}.image-archive-form label>span>small{margin-left:7px;color:#899891;font-size:10px;font-weight:400}.image-upload-preview-grid{margin-top:13px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.image-upload-preview-grid>article{min-width:0;padding:9px;border:1px solid #dfe8e4;border-radius:10px;display:grid;gap:5px;background:#fff}.image-upload-preview-grid>article>div{position:relative;aspect-ratio:4 / 3;border-radius:8px;overflow:hidden;background:#edf2f0}.image-upload-preview-grid img{width:100%;height:100%;display:block;object-fit:cover}.image-upload-preview-grid>article>div>button{position:absolute;top:6px;right:6px;width:28px;height:28px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:#27332fc2}.image-upload-preview-grid strong{overflow:hidden;text-overflow:ellipsis;color:#384c44;font-size:11px;white-space:nowrap}.image-upload-preview-grid small{color:#86948e;font-size:9px}.image-upload-preview-grid textarea{min-height:60px;padding:8px;border:1px solid #dfe6e3;border-radius:7px;resize:vertical;font-size:11px;line-height:1.45}.image-archive-error{margin:11px 0 0}.image-archive-grid{margin-top:13px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.image-archive-grid>article{min-width:0;border:1px solid #dfe7e4;border-radius:11px;overflow:hidden;background:#fafcfb}.image-archive-grid>article.retired{opacity:.64;filter:grayscale(.3);background:#f1f3f2}.image-archive-thumb{position:relative;aspect-ratio:4 / 3;display:block;overflow:hidden;background:#edf2f0}.image-archive-thumb img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .2s ease}.image-archive-thumb:hover img{transform:scale(1.025)}.image-archive-thumb>span{position:absolute;top:8px;left:8px;min-height:25px;padding:0 8px;border-radius:7px;display:inline-flex;align-items:center;gap:4px;color:#76551f;background:#fff3cc;box-shadow:0 3px 10px #4637181f;font-size:10px;font-weight:700}.image-archive-card-body{padding:11px;display:flex;flex-direction:column;gap:5px}.image-archive-card-body>div{display:flex;align-items:center;gap:7px}.image-archive-card-body strong{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#354b42;font-size:11px;white-space:nowrap}.image-archive-card-body em{margin-left:auto;padding:2px 6px;border-radius:5px;color:#247057;background:#e0f0ea;font-size:9px;font-style:normal;white-space:nowrap}.image-archive-card-body em.retired{color:#737f7a;background:#e3e7e5}.image-archive-card-body p{min-height:32px;margin:0;color:#52665e;font-size:10px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.image-archive-card-body small{overflow:hidden;text-overflow:ellipsis;color:#85938d;font-size:9px;white-space:nowrap}.image-archive-card-actions{min-height:39px;padding:7px 8px;border-top:1px solid #e3e9e6;display:flex;align-items:center;gap:5px;flex-wrap:wrap;background:#fff}.image-archive-card-actions button{min-height:27px;padding:0 7px;border:1px solid #dbe5e1;border-radius:6px;display:inline-flex;align-items:center;gap:4px;color:#536b62;background:#f8fbfa;font-size:9px;font-weight:650}.image-archive-card-actions button:disabled{opacity:.5}@media(min-width:761px){.image-archive-heading h4{font-size:16px}.image-archive-heading>div>span{font-size:12px}.image-archive-form label>span>small{font-size:13px}.image-upload-preview-grid strong,.image-archive-card-body strong{font-size:14px}.image-upload-preview-grid small,.image-archive-card-body small{font-size:12px}.image-upload-preview-grid textarea,.image-archive-card-body p{font-size:13px}.image-archive-thumb>span,.image-archive-card-body em{font-size:11px}.image-archive-card-actions button{min-height:31px;font-size:12px}}@media(max-width:760px){.entity-hero-cover,.supplier-detail-hero>.entity-hero-cover{width:44px;height:44px;border-radius:12px}.image-archive-heading{align-items:stretch;flex-direction:column}.image-archive-heading>button{width:100%;min-height:40px;justify-content:center}.image-archive-form{padding:11px}.image-upload-preview-grid{grid-template-columns:1fr}.image-upload-preview-grid>article{grid-template-columns:86px minmax(0,1fr);column-gap:9px}.image-upload-preview-grid>article>div{grid-row:1 / span 3;aspect-ratio:1}.image-upload-preview-grid textarea{grid-column:1 / -1;min-height:65px}.image-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.image-archive-card-body{padding:9px}.image-archive-card-body p{min-height:44px;font-size:11px}.image-archive-card-body small{font-size:10px}.image-archive-card-actions{align-items:stretch;flex-direction:column}.image-archive-card-actions button{width:100%;min-height:32px;justify-content:center;font-size:11px}}:root,:root[data-theme=tiktok]{color-scheme:dark;--bg: #0f0f10;--sidebar-bg: #0c0c0e;--topbar-bg: rgba(12, 12, 14, .82);--surface: #1a1a1d;--surface-2: #222226;--inset: #141417;--input-bg: #16161a;--ink: #f1f1f2;--muted: rgba(241, 241, 242, .55);--line: rgba(255, 255, 255, .09);--accent: #fe2c55;--accent-hover: #ff3d64;--accent-2: #25f4ee;--on-accent: #ffffff;--danger: #ff4d67;--amber: #ffb02e;--blue: #25c4ee;--success: #2ee6a8;--shadow: 0 14px 40px rgba(0, 0, 0, .45);--overlay: rgba(0, 0, 0, .62);--scrollbar: #2c2c31;--scrollbar-hover: #3d3d44;--brand-gradient: linear-gradient(135deg, #25f4ee 0%, #fe2c55 62%, #c41e42 100%);--track-gradient: linear-gradient(90deg, #25f4ee, #fe2c55);--story-eyebrow: #25f4ee;--login-story-bg: radial-gradient(circle at 80% 14%, rgba(37, 244, 238, .16), transparent 30%), radial-gradient(circle at 16% 84%, rgba(254, 44, 85, .26), transparent 36%), linear-gradient(150deg, #0a0a0b 0%, #131316 55%, #1d0e14 100%)}:root[data-theme=light]{color-scheme:light;--bg: #f3f6f5;--sidebar-bg: #fbfcfb;--topbar-bg: rgba(255, 255, 255, .86);--surface: #ffffff;--surface-2: #eef3f1;--inset: #f6faf8;--input-bg: #ffffff;--ink: #152821;--muted: #6e7d78;--line: #e0e7e4;--accent: #0d806a;--accent-hover: #0b6b59;--accent-2: #3e76bf;--on-accent: #ffffff;--danger: #da4e45;--amber: #d88a20;--blue: #3e76bf;--success: #219e6c;--shadow: 0 12px 38px rgba(27, 62, 50, .06);--overlay: rgba(7, 31, 25, .48);--scrollbar: #c9d6d2;--scrollbar-hover: #a7bab4;--brand-gradient: linear-gradient(135deg, #17b394 0%, #0b6b59 100%);--track-gradient: linear-gradient(90deg, #17916f, #50b997);--story-eyebrow: #8cd1bb;--login-story-bg: radial-gradient(circle at 82% 18%, rgba(87, 187, 156, .34), transparent 27%), linear-gradient(145deg, #063b32 0%, #075244 55%, #096451 100%)}:root[data-theme=ocean]{color-scheme:light;--bg: #f1f6fb;--sidebar-bg: #f8fbfe;--topbar-bg: rgba(248, 251, 254, .86);--surface: #ffffff;--surface-2: #e9f0f9;--inset: #f4f8fc;--input-bg: #ffffff;--ink: #12273d;--muted: #5c7186;--line: #dce7f2;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-2: #06b6d4;--on-accent: #ffffff;--danger: #e0483f;--amber: #e8930c;--blue: #2563eb;--success: #0ea371;--shadow: 0 12px 36px rgba(18, 39, 61, .08);--overlay: rgba(9, 26, 43, .5);--scrollbar: #c3d2e4;--scrollbar-hover: #9fb4cc;--brand-gradient: linear-gradient(135deg, #38bdf8 0%, #2563eb 100%);--track-gradient: linear-gradient(90deg, #06b6d4, #2563eb);--story-eyebrow: #7dd3fc;--login-story-bg: radial-gradient(circle at 80% 14%, rgba(56, 189, 248, .3), transparent 30%), radial-gradient(circle at 16% 84%, rgba(37, 99, 235, .36), transparent 38%), linear-gradient(150deg, #0b1e33 0%, #10365e 58%, #14508f 100%)}:root[data-theme=sakura]{color-scheme:light;--bg: #fbf5f6;--sidebar-bg: #fdf9fa;--topbar-bg: rgba(253, 249, 250, .88);--surface: #ffffff;--surface-2: #f7e8ec;--inset: #fbf1f3;--input-bg: #ffffff;--ink: #3a1d26;--muted: #8a6a73;--line: #f0dde2;--accent: #e14389;--accent-hover: #c93278;--accent-2: #f59e0b;--on-accent: #ffffff;--danger: #dc4440;--amber: #e8930c;--blue: #4f83e0;--success: #22a06f;--shadow: 0 12px 36px rgba(90, 30, 50, .08);--overlay: rgba(46, 14, 26, .5);--scrollbar: #e8cbd5;--scrollbar-hover: #d3a3b4;--brand-gradient: linear-gradient(135deg, #f9a8d4 0%, #e14389 100%);--track-gradient: linear-gradient(90deg, #f9a8d4, #e14389);--story-eyebrow: #fbcfe8;--login-story-bg: radial-gradient(circle at 80% 14%, rgba(255, 255, 255, .22), transparent 28%), radial-gradient(circle at 16% 84%, rgba(255, 255, 255, .12), transparent 34%), linear-gradient(150deg, #571c3a 0%, #8f2b5c 55%, #c0437e 100%)}:root[data-theme=midnight]{color-scheme:dark;--bg: #0b1114;--sidebar-bg: #090e11;--topbar-bg: rgba(9, 14, 17, .84);--surface: #142024;--surface-2: #1b2a2f;--inset: #101a1e;--input-bg: #101a1e;--ink: #e8f1f2;--muted: rgba(232, 241, 242, .55);--line: rgba(255, 255, 255, .08);--accent: #14b8a6;--accent-hover: #2dd4bf;--accent-2: #38bdf8;--on-accent: #ffffff;--danger: #fb5f6f;--amber: #fbbf24;--blue: #38bdf8;--success: #34d399;--shadow: 0 14px 40px rgba(0, 0, 0, .5);--overlay: rgba(0, 0, 0, .64);--scrollbar: #27363c;--scrollbar-hover: #3a4e56;--brand-gradient: linear-gradient(135deg, #38bdf8 0%, #14b8a6 100%);--track-gradient: linear-gradient(90deg, #38bdf8, #14b8a6);--story-eyebrow: #5eead4;--login-story-bg: radial-gradient(circle at 78% 16%, rgba(56, 189, 248, .16), transparent 30%), radial-gradient(circle at 18% 82%, rgba(20, 184, 166, .22), transparent 34%), linear-gradient(150deg, #081114 0%, #0d1f24 55%, #103033 100%)}body{background:var(--bg);color:var(--ink)}::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:6px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.app-loading{color:var(--muted);background:var(--bg)}.loading-mark{border-color:var(--line)}.loading-mark span{background:var(--accent)}.brand-mark{background:var(--brand-gradient);box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 32%,transparent)}.brand-mark span{background:#fff}.brand-mark-light{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);box-shadow:none}.brand strong{color:var(--ink);letter-spacing:.02em}.brand small{color:var(--muted);letter-spacing:.04em;white-space:nowrap}.login-page{background:var(--bg)}.login-story{color:#fff;background:var(--login-story-bg)}.login-story:after{background:color-mix(in srgb,var(--story-eyebrow) 8%,transparent)}.login-brand strong{color:#fff}.eyebrow{color:var(--accent)}.eyebrow.light{color:var(--story-eyebrow)}.story-copy>p:last-child{color:#ffffffad}.story-proof{border-top-color:#ffffff24}.story-proof small{color:#ffffff94}.story-orbit{border-color:color-mix(in srgb,var(--story-eyebrow) 14%,transparent)}.login-heading h2{color:var(--ink)}.login-heading>p:last-child{color:var(--muted)}.field-label{color:color-mix(in srgb,var(--ink) 85%,transparent)}.input-wrap{border-color:var(--line);color:var(--muted);background:var(--input-bg)}.input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.input-wrap input{color:var(--ink)}.input-wrap input::placeholder{color:color-mix(in srgb,var(--ink) 32%,transparent)}.input-wrap button{color:var(--muted)}.primary-button{color:var(--on-accent);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 30%,transparent)}.primary-button:hover{background:linear-gradient(135deg,var(--accent-hover) 0%,var(--accent) 100%)}.primary-button:disabled{opacity:.65;cursor:wait}.secondary-button{background:var(--surface-2);color:color-mix(in srgb,var(--ink) 82%,transparent)}.secondary-button:hover{background:color-mix(in srgb,var(--ink) 12%,var(--surface-2))}.form-error{color:var(--danger)}.login-footnote{color:var(--muted)}.sidebar{background:var(--sidebar-bg);border-right-color:var(--line)}.sidebar-head{border-bottom-color:var(--line)}.nav-group>p{color:color-mix(in srgb,var(--ink) 38%,transparent)}.nav-group a{color:color-mix(in srgb,var(--ink) 62%,transparent)}.nav-group a:hover{background:color-mix(in srgb,var(--ink) 5%,transparent);color:var(--ink)}.nav-group a.active{color:var(--ink);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 22%,transparent),color-mix(in srgb,var(--accent) 8%,transparent));box-shadow:inset 2px 0 0 var(--accent);font-weight:600}.sidebar-status{background:var(--inset);border:1px solid var(--line)}.status-dot{background:var(--accent-2);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-2) 14%,transparent)}.sidebar-status strong{color:color-mix(in srgb,var(--ink) 85%,transparent)}.sidebar-status small{color:var(--muted)}.topbar{background:var(--topbar-bg);border-bottom-color:var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-title span{color:var(--muted)}.topbar-title strong{color:var(--ink)}.icon-button{color:color-mix(in srgb,var(--ink) 66%,transparent)}.profile-button:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.avatar{color:#fff;background:var(--brand-gradient)}.profile-name strong{color:color-mix(in srgb,var(--ink) 90%,transparent)}.profile-name small{color:var(--muted)}.profile-popover{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}.profile-popover>div{border-bottom-color:var(--line)}.profile-popover strong{color:var(--ink)}.profile-popover span{color:var(--muted)}.profile-popover button{color:color-mix(in srgb,var(--ink) 80%,transparent)}.profile-popover button:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.profile-popover button.profile-logout{color:var(--danger)}.profile-popover button.profile-logout:hover{background:color-mix(in srgb,var(--danger) 12%,transparent)}.no-access span{color:color-mix(in srgb,var(--ink) 16%,transparent)}.no-access h1{color:var(--ink)}.no-access p{color:var(--muted)}.page-heading h1{color:var(--ink)}.page-heading>div>p:last-child,.page-heading>p:last-child{color:var(--muted)}.today-chip{color:color-mix(in srgb,var(--ink) 70%,transparent);background:var(--surface);border-color:var(--line)}.section-title h2,.data-toolbar h2,.role-list-head h2,.permission-head h2{color:var(--ink)}.section-title span,.data-toolbar span,.role-list-head span{color:var(--muted)}.section-title a{color:var(--accent)}.metric-card,.panel,.business-metric,.mobile-record-card{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}.metric-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.metric-card p,.business-metric p{color:var(--muted)}.metric-card strong,.business-metric strong{color:var(--ink)}.metric-card small,.business-metric small{color:var(--muted)}.card-arrow{color:color-mix(in srgb,var(--ink) 30%,transparent)}.metric-icon.teal,.soft-icon.teal{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.metric-icon.blue,.soft-icon.blue{color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 12%,transparent)}.metric-icon.amber,.soft-icon.amber{color:var(--amber);background:color-mix(in srgb,var(--amber) 14%,transparent)}.business-metric>span.teal{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.business-metric>span.amber{color:var(--amber);background:color-mix(in srgb,var(--amber) 14%,transparent)}.business-metric>span.blue{color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 12%,transparent)}.production-metrics{border-color:var(--line)}.production-metrics>div{border-right-color:var(--line);background:var(--surface)}.production-metrics span{color:var(--accent)}.production-metrics strong{color:var(--ink)}.production-metrics p{color:var(--muted)}.production-metrics .danger{background:color-mix(in srgb,var(--danger) 10%,transparent)}.production-metrics .danger span,.production-metrics .danger strong{color:var(--danger)}.mini-table-head{color:var(--muted)}.mini-table-row{border-top-color:var(--line);color:color-mix(in srgb,var(--ink) 78%,transparent)}.mini-table-row strong{color:var(--ink)}.mini-table-row small{color:var(--muted)}.progress-cell i{background:color-mix(in srgb,var(--ink) 10%,transparent)}.progress-cell b{background:var(--track-gradient)}.status-pill,.table-status{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.status-pill.danger,.table-status.warning{color:var(--danger);background:color-mix(in srgb,var(--danger) 13%,transparent)}.status-pill.success{color:var(--success);background:color-mix(in srgb,var(--success) 13%,transparent)}.table-status.muted{color:var(--muted);background:var(--surface-2)}.inventory-alert{border-color:color-mix(in srgb,var(--danger) 32%,transparent);background:color-mix(in srgb,var(--danger) 8%,transparent)}.inventory-alert>span{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent)}.inventory-alert strong{color:var(--danger)}.inventory-alert p{color:color-mix(in srgb,var(--ink) 72%,transparent)}.inventory-alert small{color:var(--danger)}.inventory-row{border-bottom-color:var(--line)}.inventory-row p{color:color-mix(in srgb,var(--ink) 68%,transparent)}.inventory-row strong{color:var(--ink)}.inventory-row strong small{color:var(--muted)}.health-card{background:var(--inset);border:1px solid var(--line)}.health-card span{color:color-mix(in srgb,var(--ink) 78%,transparent)}.health-card strong{color:var(--accent-2)}.health-card strong small{color:var(--muted)}.health-track{background:color-mix(in srgb,var(--ink) 10%,transparent)}.health-track span{background:var(--track-gradient)}.health-card p{color:var(--muted)}.data-toolbar{border-bottom-color:var(--line)}.search-box{border-color:var(--line);color:var(--muted);background:var(--input-bg)}.search-box:focus-within{border-color:var(--accent)}.search-box input{color:var(--ink);background:transparent}.search-box input::placeholder{color:color-mix(in srgb,var(--ink) 30%,transparent)}th{color:var(--muted);background:var(--inset)}td{border-top-color:var(--line);color:color-mix(in srgb,var(--ink) 78%,transparent)}tbody tr:hover{background:color-mix(in srgb,var(--ink) 3%,transparent)}.table-action,.text-button{color:var(--accent)}.empty-cell,.mobile-empty{color:var(--muted)}.materials-table td:last-child,.supplier-lifecycle-table td:last-child{background:var(--surface);box-shadow:-10px 0 16px var(--sticky-shadow, rgba(0, 0, 0, .35))}tbody tr:hover .materials-table td:last-child,tbody tr:hover .supplier-lifecycle-table td:last-child{background:var(--surface-2)}.materials-table th:last-child,.products-table th:last-child,.supplier-lifecycle-table th:last-child{background:var(--inset)}:root[data-theme=light],:root[data-theme=ocean],:root[data-theme=sakura]{--sticky-shadow: rgba(34, 70, 58, .05)}.mobile-record-head>div>strong{color:var(--ink)}.mobile-record-head>div>small{color:var(--muted)}.mobile-record-grid{border-top-color:var(--line)}.mobile-record-grid small{color:var(--muted)}.mobile-record-grid strong{color:color-mix(in srgb,var(--ink) 85%,transparent)}.mobile-card-action{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.notice.success{color:var(--success);background:color-mix(in srgb,var(--success) 10%,transparent)}.notice.error{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.user-cell i{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.user-cell strong{color:var(--ink)}.modal-backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card{background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 90px #00000059}.modal-head{border-bottom-color:var(--line)}.modal-head h2{color:var(--ink)}.modal-head p{color:var(--muted)}.modal-head>button{color:var(--muted)}.modal-actions{border-top-color:var(--line)}.form-grid label>span,.form-grid legend{color:color-mix(in srgb,var(--ink) 80%,transparent)}.form-grid label>span em{color:var(--danger)}.form-grid input,.form-grid select,.form-grid textarea{border-color:var(--line);color:var(--ink);background:var(--input-bg)}.form-grid input::placeholder,.form-grid textarea::placeholder{color:color-mix(in srgb,var(--ink) 30%,transparent)}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.input-with-icon{border-color:var(--line);color:var(--muted);background:var(--input-bg)}.input-with-icon:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.role-options>button{border-color:var(--line);background:var(--input-bg)}.role-options>button.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.role-options>button>span{border-color:color-mix(in srgb,var(--ink) 24%,transparent);color:var(--on-accent)}.role-options>button.selected>span{background:var(--accent);border-color:var(--accent)}.role-options strong{color:color-mix(in srgb,var(--ink) 88%,transparent)}.role-options small{color:var(--muted)}.role-list>button:hover{background:color-mix(in srgb,var(--ink) 4%,transparent)}.role-list>button.selected{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.role-icon{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.role-list strong{color:color-mix(in srgb,var(--ink) 90%,transparent)}.role-list strong small{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.role-list p,.role-list em{color:var(--muted)}.permission-head{border-bottom-color:var(--line)}.permission-head p{color:var(--muted)}.locked{color:var(--muted);background:var(--surface-2)}.permission-groups fieldset{border-color:var(--line)}.permission-groups legend{color:var(--muted)}.permission-groups label{border-bottom-color:color-mix(in srgb,var(--ink) 5%,transparent)}.custom-checkbox{border-color:color-mix(in srgb,var(--ink) 24%,transparent)}.permission-groups input:checked+.custom-checkbox{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.permission-groups strong{color:color-mix(in srgb,var(--ink) 85%,transparent)}.permission-groups small{color:var(--muted)}.permission-menu{border-color:var(--line);background:var(--inset)}.permission-menu.enabled{border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:var(--surface)}.permission-page-name strong{color:color-mix(in srgb,var(--ink) 90%,transparent)}.permission-page-name small{color:var(--muted)}.permission-kind{color:var(--muted);background:var(--surface-2)}.permission-menu.enabled .permission-kind{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.permission-actions{border-top-color:var(--line);background:var(--inset)}.permission-actions>div:first-child>span{color:color-mix(in srgb,var(--ink) 70%,transparent)}.permission-actions>div:first-child>button:disabled{color:color-mix(in srgb,var(--ink) 30%,transparent)}.permission-action-options>button{border-color:var(--line);color:color-mix(in srgb,var(--ink) 72%,transparent);background:var(--surface-2)}.permission-action-options>button>span{border-color:color-mix(in srgb,var(--ink) 24%,transparent)}.permission-action-options>button.selected{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.permission-actions>p{color:var(--muted)}.supplier-cell>i{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.supplier-cell strong,.contact-cell strong{color:color-mix(in srgb,var(--ink) 90%,transparent)}.supplier-cell small,.contact-cell small{color:var(--muted)}.grade-badge{color:var(--muted);background:var(--surface-2)}.grade-badge.grade-a{color:var(--success);background:color-mix(in srgb,var(--success) 13%,transparent)}.grade-badge.grade-b{color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 12%,transparent)}.grade-badge.grade-c{color:var(--amber);background:color-mix(in srgb,var(--amber) 14%,transparent)}.form-section-title{color:var(--accent)}.form-section-title strong{color:var(--ink)}.form-section-title span{color:var(--muted)}.supplier-form-section+.supplier-form-section{border-top-color:var(--line)}.supplier-form-error{background:color-mix(in srgb,var(--danger) 10%,transparent)}.upload-dropzone{border-color:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.upload-dropzone:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.upload-dropzone strong,.screenshot-preview strong{color:color-mix(in srgb,var(--ink) 85%,transparent)}.upload-dropzone small,.screenshot-preview small{color:var(--muted)}.screenshot-preview{border-color:var(--line);background:var(--inset)}.screenshot-preview img{border-color:var(--line)}.screenshot-preview button{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.detail-spinner{border-color:color-mix(in srgb,var(--ink) 12%,transparent);border-top-color:var(--accent)}.detail-error{color:var(--danger)}.supplier-detail-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),color-mix(in srgb,var(--accent-2) 5%,transparent));border-color:color-mix(in srgb,var(--accent) 26%,transparent)}.supplier-detail-hero>span{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:none}.supplier-detail-hero p{color:var(--accent)}.supplier-detail-hero h3{color:var(--ink)}.supplier-detail-hero small{color:var(--muted)}.supplier-detail-section+.supplier-detail-section{border-top-color:var(--line)}.detail-section-heading{color:var(--accent)}.detail-section-heading h4{color:var(--ink)}.supplier-detail-item{border-bottom-color:color-mix(in srgb,var(--ink) 6%,transparent)}.supplier-detail-item dt{color:var(--muted)}.supplier-detail-item dd{color:color-mix(in srgb,var(--ink) 88%,transparent)}.detail-screenshot-block strong{color:color-mix(in srgb,var(--ink) 85%,transparent)}.detail-screenshot-block small,.detail-screenshot-block a,.detail-loading,.detail-error{color:var(--muted)}.sample-name-cell>i{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.sample-name-cell strong{color:color-mix(in srgb,var(--ink) 90%,transparent)}.sample-name-cell small,.feedback-reminder{color:var(--muted)}.sample-icon-action{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface-2))}.sample-icon-action.feedback{color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,var(--surface-2))}.sample-icon-action.logs{color:var(--amber);background:color-mix(in srgb,var(--amber) 10%,var(--surface-2))}.sample-icon-action:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,currentColor 14%,transparent)}.sample-mobile-actions{border-top-color:var(--line)}.feedback-badge{color:var(--muted);background:var(--surface-2)}.feedback-badge.complete{color:var(--success);background:color-mix(in srgb,var(--success) 13%,transparent)}.feedback-badge.pending{color:var(--blue);background:color-mix(in srgb,var(--blue) 13%,transparent)}.feedback-badge.due_soon{color:var(--amber);background:color-mix(in srgb,var(--amber) 14%,transparent)}.feedback-badge.overdue{color:var(--danger);background:color-mix(in srgb,var(--danger) 13%,transparent)}.feedback-badge.not_started,.feedback-badge.closed,.sample-status{color:var(--muted);background:var(--surface-2)}.sample-status.pending_receipt{color:var(--blue);background:color-mix(in srgb,var(--blue) 13%,transparent)}.sample-status.received{color:var(--success);background:color-mix(in srgb,var(--success) 13%,transparent)}.sample-status.returned{color:var(--muted);background:var(--surface-2)}.sample-status.lost{color:var(--danger);background:color-mix(in srgb,var(--danger) 13%,transparent)}.sample-status.damaged{color:var(--amber);background:color-mix(in srgb,var(--amber) 14%,transparent)}.sample-form-section+.sample-form-section{border-top-color:var(--line)}.sample-supplier-selector legend{color:color-mix(in srgb,var(--ink) 85%,transparent)}.sample-supplier-selector legend small{color:var(--muted)}.sample-photo-field>span{color:color-mix(in srgb,var(--ink) 85%,transparent)}.sample-photo-field>span>small,.sample-photo-field>small{color:var(--muted)}.sample-photo-preview{border-color:var(--line);background:var(--inset)}.sample-photo-preview button{color:#fff;background:#0000008c}.sample-photo-add{border-color:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.sample-photo-add small{color:var(--muted)}.courier-photo-field{border-top-color:var(--line)}.sample-described-photo{border-color:var(--line);background:var(--inset)}.sample-described-photo>div{background:var(--surface-2)}.sample-described-photo>div>button{color:#fff;background:#0000008c}.sample-described-photo label>span{color:color-mix(in srgb,var(--ink) 80%,transparent)}.sample-described-photo input{border-color:var(--line);color:var(--ink);background:var(--input-bg)}.sample-described-photo input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.sample-upload-summary{border-color:var(--line);background:var(--inset)}.sample-upload-summary>div+div{border-left-color:var(--line)}.sample-upload-summary strong{color:var(--accent)}.sample-upload-summary span{color:var(--muted)}.sample-upload-guidance{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.sample-upload-guidance strong{color:color-mix(in srgb,var(--ink) 88%,transparent)}.sample-upload-guidance span{color:var(--muted)}.sample-upload-list article{border-color:var(--line);background:var(--inset)}.sample-upload-image{background:var(--surface-2)}.sample-upload-image span{color:#fff;background:color-mix(in srgb,var(--accent) 85%,transparent)}.sample-upload-list article>label>span{color:color-mix(in srgb,var(--ink) 82%,transparent)}.sample-upload-list textarea{border-color:var(--line);color:var(--ink);background:var(--input-bg)}.sample-upload-list textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.sample-upload-list article label small{color:var(--muted)}.sample-upload-list article>button{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.sample-upload-picker{border-color:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.sample-upload-picker strong{color:var(--accent)}.sample-upload-picker span{color:var(--muted)}.sample-detail-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),color-mix(in srgb,var(--accent-2) 5%,transparent));border-color:color-mix(in srgb,var(--accent) 26%,transparent)}.sample-detail-hero small{color:var(--muted)}.sample-feedback-alert{color:var(--amber);background:color-mix(in srgb,var(--amber) 9%,transparent);border-color:color-mix(in srgb,var(--amber) 30%,transparent)}.sample-feedback-alert.overdue{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,transparent);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.sample-detail-section .detail-section-heading>span{color:var(--muted)}.sample-detail-gallery a{border-color:var(--line);color:color-mix(in srgb,var(--ink) 75%,transparent);background:var(--inset)}.sample-detail-gallery.described span strong{color:color-mix(in srgb,var(--ink) 88%,transparent)}.sample-detail-gallery.described span small{color:var(--muted)}.sample-no-photo{border-color:color-mix(in srgb,var(--ink) 14%,transparent);color:var(--muted);background:var(--inset)}.sample-detail-item{border-bottom-color:color-mix(in srgb,var(--ink) 6%,transparent)}.sample-detail-item dt{color:var(--muted)}.sample-detail-item dd{color:color-mix(in srgb,var(--ink) 88%,transparent)}.sample-linked-suppliers>span{border-color:var(--line);color:var(--accent);background:var(--inset)}.sample-linked-suppliers strong{color:color-mix(in srgb,var(--ink) 88%,transparent)}.sample-linked-suppliers small{color:var(--muted)}.sample-feedback-section textarea{border-color:var(--line);color:var(--ink);background:var(--input-bg)}.sample-feedback-section select{border-color:var(--line);color:color-mix(in srgb,var(--ink) 82%,transparent);background:var(--input-bg)}.sample-feedback-readonly{border-color:var(--line);color:var(--muted);background:var(--inset)}.sample-feedback-readonly strong{color:color-mix(in srgb,var(--ink) 85%,transparent)}.sample-feedback-readonly p{color:color-mix(in srgb,var(--ink) 80%,transparent)}.readonly-action{color:var(--muted)}.material-toolbar-controls>select{border-color:var(--line);color:color-mix(in srgb,var(--ink) 80%,transparent);background:var(--input-bg)}.material-export-button{border-color:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.material-export-button:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.material-name-cell>i{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.material-name-cell small{color:var(--muted)}.material-attribute-summary{color:color-mix(in srgb,var(--ink) 66%,transparent)}.material-linked-project-count{color:var(--accent)}.material-linked-project{background:color-mix(in srgb,var(--accent) 4%,transparent)}.material-linked-project strong{color:color-mix(in srgb,var(--ink) 88%,transparent)}.material-linked-project small,.material-linked-projects em,.material-linked-projects.empty{color:var(--muted)}.material-linked-bom-count{color:var(--accent)}.material-linked-bom strong{color:color-mix(in srgb,var(--ink) 88%,transparent)}.material-linked-bom small,.material-linked-boms em,.material-linked-boms.empty{color:var(--muted)}.material-linked-bom:hover,.material-linked-bom:focus-visible{background:color-mix(in srgb,var(--accent) 8%,transparent)}.material-bom-hover-card{border-color:var(--line);color:var(--ink);background:var(--surface);box-shadow:0 20px 55px color-mix(in srgb,var(--ink) 24%,transparent)}.material-bom-hover-card>header{border-bottom-color:var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface-2))}.material-bom-hover-image{border-color:var(--line);background:var(--surface)}.material-bom-hover-image>span,.material-bom-hover-card>header span,.material-bom-hover-state,.material-bom-hover-heading small{color:var(--muted)}.material-bom-hover-card>header p{color:var(--accent)}.material-bom-hover-card>header h4{color:var(--ink)}.material-bom-hover-card>header>em{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.material-bom-hover-state.error{color:var(--danger)}.material-bom-hover-items>article{border-color:var(--line);background:var(--inset)}.material-bom-hover-items>article.critical{border-left-color:var(--amber)}.material-bom-hover-items>article.current{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--inset))}.material-bom-hover-material>span{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.material-bom-hover-material small,.material-bom-hover-meta small,.material-bom-hover-items article>p{color:var(--muted)}.material-bom-hover-material>em{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.material-bom-hover-meta>span{background:var(--surface)}.material-icon-action{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface-2))}.material-icon-action.edit{color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,var(--surface-2))}.material-icon-action.status{color:var(--amber);background:color-mix(in srgb,var(--amber) 10%,var(--surface-2))}.material-icon-action.status.reactivate{color:var(--success);background:color-mix(in srgb,var(--success) 10%,var(--surface-2))}.material-icon-action:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,currentColor 14%,transparent)}.material-status.muted{color:var(--muted);background:var(--surface-2)}.material-mobile-spec{color:color-mix(in srgb,var(--ink) 72%,transparent);background:var(--inset)}.material-linked-projects.mobile,.material-linked-boms.mobile{border-color:var(--line);background:var(--inset)}.material-mobile-actions{border-top-color:var(--line)}.material-form-grid label>span>small{color:var(--muted)}.material-switch-field{border-color:var(--line);background:var(--input-bg)}.material-switch-field small{color:var(--muted)}.material-empty-section{border-color:color-mix(in srgb,var(--ink) 14%,transparent);color:var(--muted);background:var(--inset)}.material-supplier-editor>article{border-color:var(--line);background:var(--inset)}.material-supplier-index>span{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.material-supplier-index>button{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.material-add-supplier{border-color:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.material-add-supplier:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.material-detail-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),color-mix(in srgb,var(--accent-2) 5%,transparent));border-color:color-mix(in srgb,var(--accent) 26%,transparent)}.material-detail-hero small,.material-detail-count{color:var(--muted)}.material-supplier-detail-list>article{border-color:var(--line);background:var(--inset)}.material-supplier-detail-list>article.retired{background:var(--surface-2)}.material-supplier-detail-list>article>div>span{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.material-supplier-detail-list strong em{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.material-supplier-detail-list small,.material-supplier-detail-list dt{color:var(--muted)}.material-supplier-detail-list dd{color:color-mix(in srgb,var(--ink) 85%,transparent)}.material-bom-detail-list>article{border-color:var(--line);background:var(--inset)}.material-bom-detail-head>span{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.material-bom-detail-tags em{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.material-bom-detail-tags em.bom-draft,.material-bom-detail-tags em.bom-retired{color:var(--muted);background:var(--surface-2)}.material-bom-detail-tags em.bom-pending{color:var(--amber);background:color-mix(in srgb,var(--amber) 12%,var(--surface-2))}.material-bom-detail-list small,.material-bom-detail-list dt{color:var(--muted)}.material-bom-detail-list dl>div{background:var(--surface)}.material-bom-detail-list dd{color:color-mix(in srgb,var(--ink) 85%,transparent)}.material-project-detail-list>article{border-color:var(--line);background:var(--inset)}.material-project-detail-list>article>div>span{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.material-project-detail-list strong em{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.material-project-detail-list strong em.converted{color:var(--blue);background:color-mix(in srgb,var(--blue) 13%,transparent)}.material-project-detail-list strong em.archived{color:var(--muted);background:var(--surface-2)}.material-project-detail-list small,.material-project-detail-list dt{color:var(--muted)}.material-project-detail-list dl>div{background:var(--surface)}.material-project-detail-list dd{color:color-mix(in srgb,var(--ink) 85%,transparent)}.material-master-categories,.material-master-attributes{border-color:var(--line);background:var(--inset)}.material-master-heading{border-bottom-color:var(--line)}.material-master-heading span,.material-attribute-list-head span{color:var(--muted)}.material-master-category-list>button:hover{background:color-mix(in srgb,var(--ink) 4%,transparent)}.material-master-category-list>button.selected{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.material-master-category-list strong em{color:var(--amber)}.material-master-category-list small{color:var(--muted)}.material-inline-create{border-top-color:var(--line)}.material-inline-create input,.material-inline-create textarea{border-color:var(--line);color:var(--ink);background:var(--input-bg)}.material-master-selected-head{border-bottom-color:var(--line)}.material-master-selected-head>div:first-child>span{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.material-master-selected-head p{color:var(--muted)}.material-attribute-list>article{border-color:var(--line);background:var(--surface-2)}.material-attribute-list>article.retired{background:var(--inset)}.material-attribute-list>article>span{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.material-attribute-list>article strong em{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.material-attribute-list>article strong em.retired-label{color:var(--amber);background:color-mix(in srgb,var(--amber) 14%,transparent)}.material-attribute-list>article small{color:var(--muted)}.material-attribute-list>article>button{border-color:var(--line);color:color-mix(in srgb,var(--ink) 72%,transparent);background:var(--input-bg)}.material-attribute-create{border-top-color:var(--line)}.material-required-toggle{border-color:var(--line);background:var(--input-bg)}.product-binding-missing{color:var(--muted);background:var(--surface-2)}.product-binding-missing.warning{color:var(--amber);background:color-mix(in srgb,var(--amber) 13%,transparent)}.product-status.muted{color:var(--muted);background:var(--surface-2)}.product-row-actions .table-action.bind{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.product-binding-rule{border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}.product-binding-rule strong{color:color-mix(in srgb,var(--ink) 88%,transparent)}.product-binding-rule span{color:var(--muted)}.product-current-binding>article{border-color:var(--line);background:var(--inset)}.product-current-binding>article.missing{border-color:color-mix(in srgb,var(--amber) 35%,transparent);background:color-mix(in srgb,var(--amber) 7%,transparent)}.product-current-binding>article>span{color:var(--amber);background:color-mix(in srgb,var(--amber) 14%,transparent)}.product-current-binding>article>span.primary{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.product-current-binding small,.product-current-binding em{color:var(--muted)}.product-current-binding>div{background:var(--surface-2)}.product-current-binding>div p{color:color-mix(in srgb,var(--ink) 70%,transparent)}.product-binding-history>article{border-color:var(--line);background:var(--inset)}.product-binding-history>article.retired{background:var(--surface-2)}.product-binding-history>article>div>span{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.product-binding-history>article.retired>div>span{color:var(--muted);background:var(--surface-2)}.product-binding-history>article>div>small{color:var(--muted)}.supplier-binding-role{color:var(--muted);background:var(--surface-2)}.supplier-binding-role.primary{color:var(--success);background:color-mix(in srgb,var(--success) 13%,transparent)}.supplier-binding-role.backup{color:var(--amber);background:color-mix(in srgb,var(--amber) 13%,transparent)}.supplier-binding-role.both{color:var(--blue);background:color-mix(in srgb,var(--blue) 13%,transparent)}.qualification-date small{color:var(--muted)}.qualification-date.risk,.qualification-date.risk small{color:var(--danger)}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:20px 0}.theme-option{position:relative;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--inset);display:flex;flex-direction:column;gap:9px;text-align:left;transition:.18s}.theme-option:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.theme-option.selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.theme-preview{height:74px;border-radius:9px;overflow:hidden;border:1px solid var(--line);display:flex}.theme-preview-side{width:26%;height:100%;display:flex;flex-direction:column;gap:4px;padding:7px 5px}.theme-preview-side i{height:5px;border-radius:3px;background:currentColor;opacity:.35}.theme-preview-side i:first-child{opacity:1;width:70%}.theme-preview-main{flex:1;padding:8px;display:flex;flex-direction:column;gap:6px}.theme-preview-main i{border-radius:4px}.theme-preview-card{height:26px;box-shadow:0 2px 8px #00000014}.theme-preview-bar{height:6px;width:64%}.theme-option>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.theme-option>div>span:first-child{min-width:0;display:flex;flex-direction:column;gap:2px}.theme-option strong{color:var(--ink);font-size:14px}.theme-option small{color:var(--muted);font-size:12px}.theme-option .theme-check{width:20px;height:20px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;color:var(--on-accent);background:var(--accent);opacity:0;transform:scale(.6);transition:.18s}.theme-option.selected .theme-check{opacity:1;transform:scale(1)}.theme-grid-note{margin:0;padding-bottom:4px;color:var(--muted);font-size:13px}.account-password-modal{width:min(480px,100%)}.account-password-form{grid-template-columns:1fr;padding-bottom:16px}.password-field-control{position:relative;display:block}.form-grid .password-field-control input{padding-right:43px}.password-field-control>button{position:absolute;top:50%;right:7px;width:32px;height:32px;padding:0;border:0;border-radius:7px;display:grid;place-items:center;color:var(--muted);background:transparent;transform:translateY(-50%)}.password-field-control>button:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}.password-change-note{margin:0 0 18px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:9px;display:flex;align-items:flex-start;gap:8px;color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface));font-size:12px;line-height:1.55}.password-change-note svg{flex:0 0 auto;margin-top:1px}.account-password-error{margin:-7px 0 16px}@media(max-width:760px){.theme-grid{grid-template-columns:1fr}.account-password-form{gap:13px;padding:16px 0}}@media(max-width:1050px){.sidebar{box-shadow:14px 0 40px #00000080}.sidebar-overlay{background:var(--overlay)}}@media(max-width:760px){.data-panel{background:transparent}.data-toolbar{border-color:var(--line);background:var(--surface)}.modal-head,.modal-actions{background:var(--surface)}.production-metrics>div:nth-child(-n+2){border-bottom-color:var(--line)}}.contact-editor{display:grid;gap:10px;padding:15px 0 5px}.contact-card{border:1px solid var(--line);border-radius:11px;background:var(--inset)}.contact-card-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line)}.contact-card-head>span:first-child{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent);font-size:13px;font-weight:700}.contact-primary-check{display:flex;align-items:center;gap:6px;color:color-mix(in srgb,var(--ink) 75%,transparent);font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.contact-primary-check input{accent-color:var(--accent)}.contact-card-head>button{margin-left:auto;width:30px;height:30px;border:0;border-radius:8px;display:grid;place-items:center;color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.contact-card-head>button:hover{background:color-mix(in srgb,var(--danger) 20%,transparent)}.contact-card .supplier-form-grid{padding:13px 12px 15px}.contact-add{min-height:42px;border:1px dashed color-mix(in srgb,var(--accent) 35%,transparent);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent);font-size:14px;font-weight:600}.contact-add:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.entity-hero-cover{border-color:var(--surface);box-shadow:var(--shadow)}.image-archive-heading>div{color:var(--accent)}.image-archive-heading h4{color:var(--ink)}.image-archive-heading>div>span{color:var(--muted);background:var(--surface-2)}.image-archive-form{border-color:var(--line);background:var(--inset)}.image-archive-form label>span>small{color:var(--muted)}.image-upload-preview-grid>article{border-color:var(--line);background:var(--surface)}.image-upload-preview-grid>article>div{background:var(--surface-2)}.image-upload-preview-grid>article>div>button{color:#fff;background:#0000008c}.image-upload-preview-grid strong{color:color-mix(in srgb,var(--ink) 88%,transparent)}.image-upload-preview-grid small{color:var(--muted)}.image-upload-preview-grid textarea{border-color:var(--line);color:var(--ink);background:var(--input-bg)}.image-archive-grid>article{border-color:var(--line);background:var(--inset)}.image-archive-grid>article.retired{background:var(--surface-2)}.image-archive-thumb{background:var(--surface-2)}.image-archive-thumb>span{color:var(--amber);background:color-mix(in srgb,var(--amber) 16%,transparent);box-shadow:none}.image-archive-card-body strong{color:color-mix(in srgb,var(--ink) 88%,transparent)}.image-archive-card-body em{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.image-archive-card-body em.retired{color:var(--muted);background:var(--surface-2)}.image-archive-card-body p{color:color-mix(in srgb,var(--ink) 72%,transparent)}.image-archive-card-body small{color:var(--muted)}.image-archive-card-actions{border-top-color:var(--line);background:var(--surface)}.image-archive-card-actions button{border-color:var(--line);color:color-mix(in srgb,var(--ink) 75%,transparent);background:var(--surface-2)}.image-archive-card-actions button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.supplier-name-link{border:0;background:transparent;padding:0;text-align:left;cursor:pointer;font:inherit}.supplier-name-link strong{color:color-mix(in srgb,var(--ink) 90%,transparent);transition:color .15s}.supplier-name-link:hover strong,.supplier-name-link:focus-visible strong{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.supplier-name-link:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:3px;border-radius:6px}.mobile-record-card-link{cursor:pointer;transition:border-color .15s,transform .15s}.mobile-record-card-link:active{transform:scale(.99);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.supplier-hero-edit{flex:0 0 auto;align-self:center;margin-left:4px}@media(max-width:760px){.supplier-hero-edit{width:calc(100% - 59px);margin:10px 0 0 59px;justify-content:center}}.supply-link{border:0;background:transparent;padding:0;display:flex;flex-direction:column;gap:3px;text-align:left;cursor:pointer;font:inherit}.supply-link strong{color:color-mix(in srgb,var(--ink) 88%,transparent);font-size:13px;transition:color .15s}.supply-link small{color:var(--muted);font-size:11px}.supply-link:hover strong,.supply-link:focus-visible strong{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.supply-link:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:3px;border-radius:6px}.supply-empty{color:var(--muted);font-size:13px}.mobile-record-grid .supply-link strong{font-size:inherit}.supply-modal{width:min(560px,100%)}.supply-group{padding:16px 0 4px}.supply-group+.supply-group{border-top:1px solid var(--line)}.supply-group h3{margin:0 0 10px;display:flex;align-items:baseline;gap:8px;color:var(--ink);font-size:15px}.supply-group h3 small{color:var(--muted);font-size:12px;font-weight:400}.supply-group ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}.supply-group li{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--inset)}.supply-group li>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.supply-group li strong{color:color-mix(in srgb,var(--ink) 88%,transparent);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supply-group li small{color:var(--muted);font-size:11px}.supply-group li em{flex:0 0 auto;padding:3px 8px;border-radius:6px;font-size:11px;font-style:normal;font-weight:600}.supply-group li em.primary{color:var(--success);background:color-mix(in srgb,var(--success) 13%,transparent)}.supply-group li em.backup{color:var(--amber);background:color-mix(in srgb,var(--amber) 13%,transparent)}.supply-group li em.supply{color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 12%,transparent)}.supply-modal-empty{margin:18px 0 6px;color:var(--muted);font-size:14px;text-align:center}@media(max-width:760px){.supplier-mobile-list .mobile-record-grid>div:nth-child(3){grid-column:1 / -1}}.supply-group li{display:block;padding:0;overflow:hidden}.supply-row{width:100%;border:0;background:transparent;padding:9px 11px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;font:inherit}.supply-row:hover{background:color-mix(in srgb,var(--ink) 3%,transparent)}.supply-thumb{width:44px;height:44px;flex:0 0 auto;border-radius:9px;object-fit:cover;border:1px solid var(--line);background:var(--surface-2)}.supply-thumb-fallback{display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.supply-row>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.supply-row strong{color:color-mix(in srgb,var(--ink) 88%,transparent);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supply-row small{color:var(--muted);font-size:11px}.supply-row em{flex:0 0 auto;padding:3px 8px;border-radius:6px;font-size:11px;font-style:normal;font-weight:600}.supply-chevron{flex:0 0 auto;color:var(--muted);transition:transform .18s}.supply-group li.expanded .supply-chevron{transform:rotate(180deg);color:var(--accent)}.supply-group li.expanded{border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.supply-row-detail{padding:0 11px 11px;border-top:1px dashed var(--line)}.supply-detail-cover{width:100%;max-height:170px;margin-top:11px;border-radius:10px;object-fit:cover;border:1px solid var(--line);display:block}.supply-detail-grid{margin:11px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.supply-detail-grid>div{padding:7px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 5%,transparent)}.supply-detail-grid>div.wide{grid-column:1 / -1}.supply-detail-grid dt{color:var(--muted);font-size:11px}.supply-detail-grid dd{margin:2px 0 0;color:color-mix(in srgb,var(--ink) 85%,transparent);font-size:13px;line-height:1.5;overflow-wrap:anywhere}@media(max-width:760px){.supply-detail-grid{grid-template-columns:1fr 1fr;gap:0 14px}}@media(min-width:761px){.supplier-detail-modal{height:calc(100vh - 48px);display:flex;flex-direction:column;overflow-y:hidden}.supplier-detail-modal>.modal-head{flex:0 0 auto}.supplier-detail-modal .supplier-detail-content{flex:1 1 auto;min-height:0;overflow-y:auto}.supplier-detail-modal .detail-loading,.supplier-detail-modal .detail-error{flex:1 1 auto;min-height:0}}.workspace-filter{width:100%;max-width:360px;height:36px;margin:12px 0 4px}.workspace-filter input{font-size:13px}.page-back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:14px;font-weight:600;margin-bottom:14px}.page-back:hover{color:var(--accent)}.project-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:18px 20px 20px}.project-card{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:flex;flex-direction:column;gap:12px;transition:.18s}.project-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent);transform:translateY(-2px)}.project-card.converted{opacity:.72}.project-card-head{display:flex;align-items:center;gap:10px}.project-card-head>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.project-card-head strong{color:var(--ink);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card-head small{color:var(--muted);font-size:11px}.project-card-state{flex:0 0 auto;padding:3px 8px;border-radius:6px;color:var(--success);background:color-mix(in srgb,var(--success) 13%,transparent);font-size:11px;font-style:normal;font-weight:600}.project-card-meta{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.project-card-product{color:color-mix(in srgb,var(--ink) 82%,transparent);font-size:13px;display:flex;flex-direction:column;gap:2px}.project-card-product small{color:var(--accent);font-size:11px;font-weight:600}.project-card-meta>span:last-child{color:var(--muted);font-size:11px;display:flex;flex-direction:column;gap:2px;text-align:right}.project-card-meta>span:last-child strong{color:color-mix(in srgb,var(--ink) 85%,transparent);font-size:13px}.project-progress{display:flex;align-items:center;gap:9px}.project-progress i{flex:1;height:6px;border-radius:5px;background:color-mix(in srgb,var(--ink) 10%,transparent);overflow:hidden}.project-progress i b{display:block;height:100%;border-radius:5px;background:var(--track-gradient)}.project-progress span{color:var(--muted);font-size:12px}.project-progress.hero i{height:8px}.project-card-foot{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}.project-new-form{display:grid;gap:16px}.project-new-section{padding:20px}.project-new-section .supplier-form-grid{padding-top:15px}.project-new-section .upload-dropzone{margin-top:15px}.project-file-grid{margin-top:13px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.project-file-grid>article{position:relative;min-width:0;padding:10px;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;gap:7px;background:var(--inset)}.project-file-grid>article>img,.project-file-icon{width:100%;aspect-ratio:16 / 10;border-radius:8px;object-fit:cover;background:var(--surface-2);display:grid;place-items:center;color:var(--accent)}.project-file-icon.small{width:34px;height:34px;flex:0 0 auto;aspect-ratio:auto;border-radius:8px}.project-file-grid .project-file-meta{display:flex;flex-direction:column;gap:2px}.project-file-grid .project-file-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb,var(--ink) 86%,transparent);font-size:12px}.project-file-grid .project-file-meta small{color:var(--muted);font-size:10px}.project-file-grid textarea{width:100%;min-height:46px;padding:7px 8px;border:1px solid var(--line);border-radius:7px;resize:vertical;color:var(--ink);background:var(--input-bg);font:inherit;font-size:12px;line-height:1.5}.project-file-grid>article>button{position:absolute;top:14px;right:14px;width:26px;height:26px;border:0;border-radius:7px;display:grid;place-items:center;color:#fff;background:#0000008c}.project-new-actions{display:flex;justify-content:flex-end;gap:10px}.project-detail-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}.project-detail-top .page-back{margin-bottom:0}.project-detail-actions{display:flex;align-items:center;gap:9px}.project-converted-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:8px;color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent);font-size:13px;font-weight:600}.project-hero{padding:18px 20px;margin-bottom:16px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.project-hero-main{min-width:0;flex:1;display:flex;align-items:center;gap:13px}.project-hero-main>span{width:46px;height:46px;border-radius:13px}.project-hero-main>div{min-width:0}.project-hero-main p{margin:0 0 3px;color:var(--accent);font-size:11px;font-weight:600}.project-hero-main h1{margin:0;font-size:22px;letter-spacing:-.02em;color:var(--ink)}.project-hero-main small{display:block;margin-top:4px;color:var(--muted);font-size:12px}.project-hero-progress{flex:0 0 240px}.project-hero-progress>div:first-child{display:flex;align-items:baseline;gap:8px;margin-bottom:7px}.project-hero-progress strong{color:var(--accent);font-size:20px}.project-hero-progress span{color:var(--muted);font-size:11px}.project-hero-idea{flex:0 0 100%;border-top:1px dashed var(--line);padding-top:10px}.project-hero-idea summary{color:var(--accent);font-size:13px;font-weight:600;cursor:pointer}.project-hero-idea p{margin:8px 0 0;color:color-mix(in srgb,var(--ink) 78%,transparent);font-size:13px;line-height:1.7;white-space:pre-wrap}.stage-form{padding:13px 15px;margin-bottom:16px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.stage-form strong{color:var(--ink);font-size:14px}.stage-form input{height:38px;padding:0 11px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--input-bg);outline:0;font-size:13px}.project-detail-layout{display:block}.stage-panel{padding:18px 20px}.icon-button.danger:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent);border-radius:7px}.project-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.stage-task-edit-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:12px}.project-side{display:grid;gap:14px}.project-side-card{padding:15px}.project-side-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.project-side-head h3{margin:0;display:flex;align-items:center;gap:7px;color:var(--ink);font-size:14px}.project-side-head>span{color:var(--muted);font-size:11px}.project-upload{position:relative;cursor:pointer}.project-side-empty{margin:0;padding:12px;border:1px dashed var(--line);border-radius:9px;color:var(--muted);font-size:12px;text-align:center}.supplier-role{flex:0 0 auto;padding:3px 7px;border-radius:6px;font-size:10px;font-style:normal;font-weight:700;color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 12%,transparent)}.supplier-role.confirmed{color:var(--success);background:color-mix(in srgb,var(--success) 13%,transparent)}.supplier-role.sample{color:var(--amber);background:color-mix(in srgb,var(--amber) 13%,transparent)}.stage-file-mini{flex:0 0 auto;min-height:26px;padding:0 8px;border:1px solid var(--line);border-radius:7px;font-size:11px;color:var(--muted);background:var(--surface)}.stage-file-mini.confirmed{color:var(--success);border-color:color-mix(in srgb,var(--success) 40%,transparent)}.project-file-list{display:grid;gap:8px}.project-file-list>article{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--inset)}.project-file-list>article>img{width:40px;height:40px;flex:0 0 auto;border-radius:8px;object-fit:cover;border:1px solid var(--line)}.project-file-list>article>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.project-file-list strong{color:color-mix(in srgb,var(--ink) 86%,transparent);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-file-list small{color:var(--muted);font-size:10px}.report-modal{width:min(680px,100%)}.report-body{padding-top:16px}.report-section-title{margin:18px 0 9px;padding-top:14px;border-top:1px solid var(--line);color:var(--ink);font-size:14px}.report-stage-list{margin:0;padding:0;list-style:none;display:grid;gap:6px}.report-stage-list li{display:flex;align-items:center;gap:9px}.report-stage-dot{width:19px;height:19px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--surface-2)}.report-stage-dot.done{background:var(--success)}.report-stage-list strong{color:color-mix(in srgb,var(--ink) 86%,transparent);font-size:13px}.report-stage-list small{color:var(--muted);font-size:11px}.report-stage-list em{margin-left:auto;color:var(--accent);font-size:11px;font-style:normal}.report-supplier-list{margin:0;padding:0;list-style:none;display:grid;gap:6px}.report-supplier-list li{display:flex;align-items:center;gap:9px}.report-supplier-list em{padding:3px 7px;border-radius:6px;color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 12%,transparent);font-size:10px;font-style:normal;font-weight:700}.report-supplier-list strong{color:color-mix(in srgb,var(--ink) 86%,transparent);font-size:13px}.report-supplier-list small{color:var(--muted);font-size:11px}.report-empty{margin:0;color:var(--muted);font-size:13px}@media(max-width:1050px){.project-card-grid{grid-template-columns:repeat(2,1fr)}.project-detail-layout{grid-template-columns:1fr}}@media(max-width:760px){.project-card-grid{grid-template-columns:1fr;padding:14px}.project-file-grid{grid-template-columns:1fr 1fr}.project-hero{gap:13px}.project-hero-progress{flex:1 1 100%}.stage-panel{padding:14px}.project-detail-actions{width:100%}.project-detail-actions>button,.project-detail-actions>.secondary-button{flex:1;justify-content:center}}.confirm-dialog{width:min(420px,100%);padding:22px}.confirm-dialog h3{margin:0 0 10px;color:var(--ink);font-size:17px}.confirm-dialog p{margin:0 0 18px;color:color-mix(in srgb,var(--ink) 72%,transparent);font-size:14px;line-height:1.65}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:9px}@media(max-width:760px){.confirm-dialog-actions>button{flex:1;min-height:42px}}.stage-tabs{display:flex;gap:4px;margin-bottom:15px;border-bottom:1px solid var(--line);overflow-x:auto}.stage-tabs button{position:relative;border:0;background:transparent;padding:9px 13px;color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap}.stage-tabs button:hover{color:var(--ink)}.stage-tabs button.active{color:var(--accent)}.stage-tabs button.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--accent)}.stage-pane{display:grid;gap:10px}.stage-pane-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stage-pane-toolbar .workspace-filter{margin:0;flex:1;min-width:220px}.file-owner{flex:0 0 auto;max-width:220px;padding:3px 8px;border-radius:6px;color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 10%,transparent);font-size:10px;font-style:normal;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-owner.competitor{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.supplier-record-actions{flex:0 0 auto;display:flex;gap:6px}.supplier-record-actions a,.supplier-record-actions button{display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:0 8px;border:1px solid var(--line);border-radius:7px;color:var(--accent);background:var(--surface);font-size:11px;font-weight:600}.supplier-record-actions button:hover,.supplier-record-actions a:hover{border-color:var(--accent)}.supplier-record-actions button{color:var(--danger)}.activity-log-list{position:relative;display:grid;gap:0;padding-left:6px}.activity-log-list:before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:var(--line)}.activity-log-list>article{position:relative;display:flex;gap:12px;padding:8px 0 8px 6px}.activity-log-dot{position:relative;z-index:2;width:8px;height:8px;flex:0 0 auto;margin-top:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.activity-log-list>article>div{display:flex;flex-direction:column;gap:2px}.activity-log-list strong{color:color-mix(in srgb,var(--ink) 85%,transparent);font-size:13px;font-weight:500}.activity-log-list small{color:var(--muted);font-size:11px}@media(max-width:760px){.stage-tabs button{padding:8px 10px;font-size:12px}.file-owner{max-width:140px}}.danger-text{color:var(--danger)}.project-archived-badge{display:inline-flex;align-items:center;padding:8px 13px;border-radius:8px;color:var(--muted);background:var(--surface-2);font-size:13px;font-weight:600}.project-card-state.archived{color:var(--muted);background:var(--surface-2)}.sample-projects-block{margin-top:4px;display:grid;gap:9px}.sample-projects-label{color:var(--muted);font-size:11px;font-weight:600}.sample-linked-suppliers>span{position:relative}.sample-project-unlink{position:absolute;top:-5px;right:-5px;width:17px;height:17px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--danger)}.sample-project-link-form{display:flex;align-items:center;gap:8px}.sample-project-link-form select{flex:1;max-width:340px;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--input-bg);outline:0;font-size:13px}.sample-picker-modal{width:min(640px,100%);display:flex;flex-direction:column;max-height:calc(100vh - 60px)}.picker-search{width:100%;margin:14px 0 10px}.picker-list{flex:1 1 auto;min-height:160px;overflow-y:auto;display:grid;gap:8px;padding:2px 2px 4px}.picker-row{display:flex;align-items:center;gap:12px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:var(--inset);text-align:left;cursor:pointer;font:inherit;transition:border-color .15s}.picker-row:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.picker-row:disabled{opacity:.65;cursor:wait}.picker-thumb{width:52px;height:52px;flex:0 0 auto;border-radius:9px;object-fit:cover;border:1px solid var(--line);background:var(--surface-2)}.picker-thumb-fallback{display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.picker-row-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.picker-row-main strong{color:color-mix(in srgb,var(--ink) 88%,transparent);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-row-main small{color:var(--muted);font-size:11px}.picker-row-side{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.picker-row-side small{color:var(--muted);font-size:10px;white-space:nowrap}.picker-empty{margin:0;padding:30px 16px;text-align:center;color:var(--muted);font-size:13px}.picker-footnote{margin:10px 0 0;color:var(--muted);font-size:11px;text-align:center}@media(max-width:760px){.sample-picker-modal{max-height:94dvh}.picker-row-side{display:none}}.stage-task-copy small{white-space:pre-wrap;overflow-wrap:anywhere}.report-body dd{white-space:pre-wrap}.users-table{min-width:1260px}.users-table th:last-child,.users-table td:last-child{min-width:330px}.user-form-modal{width:min(720px,100%)}.user-reset-modal{width:min(520px,100%)}.user-form-modal .form-grid legend em{margin-left:3px;color:var(--danger);font-style:normal}.user-form-modal input:disabled{color:var(--muted);background:var(--surface-2);cursor:not-allowed;opacity:.8}.user-role-options>button:disabled{cursor:not-allowed;opacity:.58}.user-role-options>button.selected:disabled{opacity:.82}.user-security-note{margin:0 0 15px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--warning) 30%,var(--line));border-radius:9px;color:color-mix(in srgb,var(--warning) 72%,var(--ink));background:color-mix(in srgb,var(--warning) 9%,transparent);font-size:12px;line-height:1.6}.user-reset-grid{padding-bottom:14px}.user-perms-modal{width:min(680px,100%)}.user-perms-list{display:grid;gap:8px;padding:14px 0 4px;max-height:56vh;overflow-y:auto}.user-perm-row{border:1px solid var(--line);border-radius:10px;background:var(--inset)}.user-perm-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px}.user-perm-name{border:0;background:transparent;padding:0;display:flex;align-items:baseline;gap:9px;text-align:left;font:inherit;cursor:pointer}.user-perm-name strong{color:color-mix(in srgb,var(--ink) 88%,transparent);font-size:14px}.user-perm-name small{color:var(--muted);font-size:11px}.user-perm-actions{border-top:1px solid var(--line);padding:5px 11px 8px 30px;display:grid;gap:2px}.user-perm-actions.muted{opacity:.55}.user-perm-action-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0}.user-perm-action-row>span{color:color-mix(in srgb,var(--ink) 72%,transparent);font-size:12px}.tri-state{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;flex:0 0 auto}.tri-state button{border:0;padding:5px 10px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:600}.tri-state button+button{border-left:1px solid var(--line)}.tri-state button:hover:not(:disabled){color:var(--ink)}.tri-state button.active.follow{color:color-mix(in srgb,var(--ink) 75%,transparent);background:var(--surface-2)}.tri-state button.active.allow{color:var(--success);background:color-mix(in srgb,var(--success) 13%,transparent)}.tri-state button.active.deny{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.tri-state button:disabled{cursor:not-allowed}.user-row-actions{display:flex;align-items:center;gap:5px 10px;flex-wrap:wrap}.user-row-actions .text-button{white-space:nowrap}.user-mobile-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.user-mobile-actions .mobile-card-action{border-radius:0}.user-mobile-actions .mobile-card-action:nth-child(odd){border-left:0}.user-mobile-actions .mobile-card-action:nth-child(n+3){border-top:1px solid var(--line)}@media(max-width:760px){.users-page .mobile-record-grid{grid-template-columns:1fr 1fr}.user-form-modal .role-options{max-height:42vh;overflow-y:auto}.user-security-note{font-size:13px}.user-perm-head{align-items:flex-start;flex-direction:column;gap:8px}.user-perm-actions{padding-left:14px}}.board-view-controls{display:flex;align-items:center;gap:10px}.board-view-switch{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.board-view-switch button{border:0;padding:7px 13px;display:inline-flex;align-items:center;gap:5px;background:var(--surface);color:var(--muted);font-size:13px;font-weight:600}.board-view-switch button.active{color:var(--on-accent);background:var(--accent)}.project-board{display:grid;gap:14px;padding:16px 18px 18px}.board-project{overflow:hidden}.board-project.delayed{border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.board-project-head{width:100%;border:0;background:transparent;padding:14px 16px;display:flex;align-items:center;gap:13px;text-align:left;font:inherit;cursor:pointer}.board-project-head:hover{background:color-mix(in srgb,var(--ink) 2%,transparent)}.board-project-title{min-width:0;flex:0 0 auto;display:flex;flex-direction:column;gap:3px}.board-project-title strong{display:flex;align-items:baseline;gap:8px;color:var(--ink);font-size:15px}.board-project-title strong small{color:var(--muted);font-size:11px;font-weight:400}.board-project-meta{color:var(--muted);font-size:11px}.board-stage-flow{flex:1;min-width:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.board-stage-pill{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:0 8px;border:1px solid var(--line);border-radius:14px;background:var(--inset);color:var(--muted);font-size:11px}.board-stage-pill small{opacity:.75;font-size:10px}.board-stage-pill.done{color:var(--success);border-color:color-mix(in srgb,var(--success) 40%,transparent);background:color-mix(in srgb,var(--success) 8%,transparent)}.board-stage-pill.delayed{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent);background:color-mix(in srgb,var(--danger) 8%,transparent)}.board-stage-pill.active{color:var(--blue);border-color:color-mix(in srgb,var(--blue) 40%,transparent);background:color-mix(in srgb,var(--blue) 8%,transparent)}.board-project-progress{flex:0 0 auto;display:flex;align-items:center;gap:7px}.board-project-progress i{width:72px;height:6px;border-radius:5px;background:color-mix(in srgb,var(--ink) 10%,transparent);overflow:hidden}.board-project-progress i b{display:block;height:100%;border-radius:5px;background:var(--track-gradient)}.board-project-progress span{color:var(--muted);font-size:12px}.board-stage-delayed{padding:1px 6px;border-radius:5px;color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent);font-size:10px;font-style:normal;font-weight:700}.board-project-foot{padding:0 16px 14px;display:flex;justify-content:flex-end}.board-detail-scroll{overflow-x:auto;border-top:1px solid var(--line)}.board-detail-table{min-width:1080px}.board-detail-table th{position:sticky;top:0;background:var(--inset);font-size:11px}.board-detail-table td{font-size:12px;vertical-align:top}.board-stage-cell{width:128px;background:color-mix(in srgb,var(--accent) 5%,transparent);border-right:1px solid var(--line)}.board-stage-cell strong{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:6px;border-radius:6px;color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent);font-size:12px}.board-stage-cell small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.board-stage-cell .board-stage-delayed{display:inline-block;margin-top:4px}.board-stage-status-wrap{position:relative;display:block;margin-top:6px}.board-stage-status{display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:0 8px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:var(--surface);font-size:11px;font-weight:600;white-space:nowrap;cursor:pointer}.board-stage-status:disabled{cursor:default}.board-stage-status:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.board-stage-status.in_progress{color:var(--blue);border-color:color-mix(in srgb,var(--blue) 40%,transparent);background:color-mix(in srgb,var(--blue) 9%,transparent)}.board-stage-status.partial{color:var(--warning, #d97706);border-color:color-mix(in srgb,var(--warning, #d97706) 40%,transparent);background:color-mix(in srgb,var(--warning, #d97706) 10%,transparent)}.board-stage-status.done{color:var(--success);border-color:color-mix(in srgb,var(--success) 40%,transparent);background:color-mix(in srgb,var(--success) 9%,transparent)}.board-stage-status.abandoned{color:color-mix(in srgb,var(--ink) 45%,transparent);background:color-mix(in srgb,var(--ink) 6%,transparent);text-decoration:line-through}.board-stage-status-backdrop{position:fixed;inset:0;z-index:40;cursor:default}.board-stage-status-menu{position:absolute;left:0;top:calc(100% + 4px);z-index:41;display:flex;flex-direction:column;min-width:118px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 10px 28px color-mix(in srgb,var(--ink) 18%,transparent)}.board-stage-status-menu button{display:flex;align-items:center;gap:7px;min-height:30px;padding:0 9px;border:0;border-radius:7px;color:color-mix(in srgb,var(--ink) 80%,transparent);background:transparent;font-size:12px;white-space:nowrap;cursor:pointer}.board-stage-status-menu button:hover{background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent)}.board-stage-status-menu button.current{color:var(--accent);font-weight:700}.board-stage-status-menu button.current svg:last-child{margin-left:auto}.board-stage-pill.abandoned{color:color-mix(in srgb,var(--ink) 45%,transparent);background:color-mix(in srgb,var(--ink) 6%,transparent);text-decoration:line-through}.board-milestone-row.abandoned td{color:color-mix(in srgb,var(--ink) 40%,transparent);text-decoration:line-through}.board-stage-cell{position:relative}.board-stage-cell.has-corner{padding-right:34px}.board-cell-add{position:absolute;top:7px;right:7px;display:inline-grid;place-items:center;width:22px;height:22px;padding:0;border:1px dashed color-mix(in srgb,var(--accent) 45%,transparent);border-radius:7px;color:var(--accent);background:var(--surface);cursor:pointer;opacity:.6;transition:opacity .12s,border-color .12s}.board-cell-add:hover,.board-cell-add:focus-visible{opacity:1;border-style:solid;border-color:var(--accent)}@media(hover:none){.board-cell-add{opacity:1}}.board-cell-more{position:absolute;top:33px;right:7px}.board-cell-more-btn{display:inline-grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid transparent;border-radius:7px;color:var(--muted);background:transparent;cursor:pointer;opacity:.6}.board-cell-more-btn:hover,.board-cell-more-btn:focus-visible{opacity:1;color:var(--ink);border-color:var(--line);background:var(--surface)}@media(hover:none){.board-cell-more-btn{opacity:1}}.board-cell-menu{left:auto;right:0;top:calc(100% + 4px);min-width:128px}.board-cell-menu button.danger{color:var(--danger)}.board-cell-menu button.danger:hover{background:color-mix(in srgb,var(--danger) 9%,transparent);color:var(--danger)}.stage-tabs-add{display:inline-flex;align-items:center;gap:5px;align-self:center;min-height:28px;padding:0 11px;border:1px dashed color-mix(in srgb,var(--accent) 45%,transparent);border-radius:8px;color:var(--accent);background:transparent;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer}.stage-tabs-add:hover{border-style:solid;background:color-mix(in srgb,var(--accent) 8%,transparent)}.stage-tabs-side{margin-left:auto;display:inline-flex;gap:8px;align-self:center}.board-fullscreen{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;background:var(--bg, var(--inset))}.board-fullscreen-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 20px;border-bottom:1px solid var(--line);background:var(--surface)}.board-fullscreen-head>div{display:flex;flex-direction:column;gap:2px;min-width:0}.board-fullscreen-head strong{color:var(--ink);font-size:16px}.board-fullscreen-head small{color:var(--muted);font-size:12px}.board-fullscreen-head>button{flex:0 0 auto;display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:var(--surface);cursor:pointer}.board-fullscreen-head>button:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.board-fullscreen-tools{flex:0 0 auto;display:flex;align-items:center;gap:12px}.board-fullscreen-tools>button{flex:0 0 auto;display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:var(--surface);cursor:pointer}.board-fullscreen-tools>button:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.board-zoom{display:flex;align-items:center;gap:7px;color:var(--muted)}.board-zoom input[type=range]{width:130px;accent-color:var(--accent);cursor:pointer}.board-zoom-value{min-width:44px;min-height:26px;padding:0 7px;border:1px solid var(--line);border-radius:7px;color:color-mix(in srgb,var(--ink) 75%,transparent);background:var(--surface);font-size:12px;font-weight:600;cursor:pointer}.board-zoom-value:hover{color:var(--accent);border-color:var(--accent)}@media(max-width:760px){.board-zoom input[type=range]{width:84px}}.board-fullscreen-body{flex:1;min-height:0;overflow:auto;padding:16px 20px 22px}.board-fullscreen-body .board-detail-scroll{border-top:0}.board-fullscreen-body .board-detail-table{width:100%}@media(max-width:760px){.board-fullscreen-head{padding:11px 14px}.board-fullscreen-body{padding:12px 12px 16px}}.board-task-title{min-width:130px;font-weight:600;color:color-mix(in srgb,var(--ink) 86%,transparent)}.board-task-mark{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:color-mix(in srgb,var(--ink) 25%,transparent);vertical-align:middle}.board-task-mark.in_progress{background:var(--blue)}.board-task-mark.done{background:var(--success)}.board-detail-table tr.task-done td{color:color-mix(in srgb,var(--ink) 45%,transparent)}.board-task-detail{max-width:300px;color:color-mix(in srgb,var(--ink) 68%,transparent);white-space:pre-wrap;overflow-wrap:anywhere}.board-task-note{max-width:200px;color:color-mix(in srgb,var(--ink) 68%,transparent);white-space:pre-wrap;overflow-wrap:anywhere}.board-task-empty{color:var(--muted);text-align:center}.board-overdue{color:var(--danger);font-weight:600}.board-overdue em{margin-left:5px;padding:1px 5px;border-radius:5px;color:#fff;background:var(--danger);font-size:10px;font-style:normal}.board-milestone-row td{padding:8px 12px;background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent);font-size:12px;font-weight:700;text-align:center}.board-milestone-row.done td{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.board-milestone-row svg{vertical-align:-2px;margin-right:5px}@media(max-width:760px){.board-project-head{flex-wrap:wrap}.board-stage-flow{flex:1 1 100%;order:3;margin-top:8px}.board-project-progress i{width:52px}}.board-heading-actions{display:flex;align-items:center;gap:10px}.board-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.board-legend span{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.board-legend .legend-done{color:var(--success)}.board-legend .legend-active{color:var(--blue)}.board-legend .legend-delayed{color:var(--danger)}.board-legend .legend-pending{color:var(--muted)}.board-page .project-board{padding:0}@media(max-width:760px){.board-heading-actions{width:100%;flex-direction:column;align-items:stretch}.board-heading-actions .secondary-button,.board-heading-actions .primary-button{justify-content:center}.board-legend{align-self:flex-start}}.range-picker{position:relative}.range-picker-trigger{width:100%;height:41px;padding:0 11px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:8px;color:var(--muted);background:var(--input-bg);font:inherit;font-size:13px;text-align:left;transition:.15s}.range-picker-trigger:hover,.range-picker-trigger.open{border-color:var(--accent)}.range-picker-trigger.open{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.range-picker-value{display:flex;align-items:center;gap:6px;color:var(--ink)}.range-picker-value i{color:var(--muted);font-style:normal}.range-clear{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:2px;border-radius:50%;color:var(--muted);background:color-mix(in srgb,var(--ink) 8%,transparent);cursor:pointer}.range-clear:hover{color:#fff;background:var(--danger)}.range-picker-placeholder{color:color-mix(in srgb,var(--ink) 35%,transparent)}.range-picker-pop{position:absolute;z-index:60;top:calc(100% + 6px);left:0;width:292px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.range-picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.range-picker-head strong{color:var(--ink);font-size:14px}.range-picker-head button{width:28px;height:28px;border:0;border-radius:7px;display:grid;place-items:center;color:var(--muted);background:transparent}.range-picker-head button:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}.range-picker-week{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.range-picker-week span{text-align:center;color:var(--muted);font-size:11px;padding:3px 0}.range-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.range-picker-grid button{height:34px;border:0;border-radius:8px;background:transparent;color:color-mix(in srgb,var(--ink) 82%,transparent);font-size:13px}.range-picker-grid button:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.range-picker-grid button.outside{color:color-mix(in srgb,var(--ink) 28%,transparent)}.range-picker-grid button.today{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent)}.range-picker-grid button.in-range{background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:0}.range-picker-grid button.range-edge{color:#fff;background:var(--accent);font-weight:700}.range-picker-foot{display:flex;align-items:center;justify-content:space-between;margin-top:9px;padding-top:9px;border-top:1px solid var(--line)}.range-picker-foot span{color:var(--muted);font-size:11px}.range-picker-foot button{min-height:28px;padding:0 10px;border:1px solid var(--line);border-radius:7px;color:var(--accent);background:var(--surface);font-size:12px;font-weight:600}.range-picker-foot button:hover{border-color:var(--accent)}.stage-file-mini.accent{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent);font-weight:700}.board-detail-table tr.task-clickable{cursor:pointer;transition:background .12s}.board-detail-table tr.task-clickable:hover td{background:color-mix(in srgb,var(--accent) 5%,transparent)}.task-edit-modal{width:min(620px,100%)}.board-add-stage{flex:0 0 auto;margin-left:10px}.board-stage-form{border-top:1px solid var(--line);border-radius:0;box-shadow:none}.board-stage-form .form-error{color:var(--danger);font-size:12px}.board-add-task-row td{padding:4px 10px!important;border-top:0}.board-add-task{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 10px;border:1px dashed color-mix(in srgb,var(--accent) 40%,transparent);border-radius:7px;color:var(--accent);background:transparent;font-size:12px;font-weight:600}.board-add-task:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:var(--accent)}.board-task-empty .board-add-task{margin:4px 0}.board-drag-hint{display:block;margin-top:4px;color:var(--muted);font-size:9px;font-weight:400}tr.stage-dragging{opacity:.45}tr.stage-dragover td{box-shadow:inset 0 2px 0 var(--accent)}tr.stage-dragover+tr td{box-shadow:none}.board-stage-cell[draggable=true]{cursor:grab}.board-stage-cell[draggable=true]:active{cursor:grabbing}.board-grip{display:inline-grid;place-items:center;margin-left:5px;color:var(--muted);vertical-align:middle;cursor:grab}tr.stage-dragging{opacity:1}tr.stage-dragging td{background:color-mix(in srgb,var(--accent) 12%,transparent);font-weight:600}tr.stage-dragging td:first-child{box-shadow:inset 3px 0 0 var(--accent)}tr.stage-dragover td{box-shadow:inset 0 3px 0 var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}.board-detail-table.drag-active tbody tr:not(.stage-dragging):not(.stage-dragover){opacity:.55}.board-drag-tip{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:10px;color:var(--accent);background:var(--surface);box-shadow:var(--shadow);font-size:13px;font-weight:700;animation:drag-tip-in .15s ease-out}.board-drag-tip small{color:var(--muted);font-size:11px;font-weight:400}@keyframes drag-tip-in{0%{transform:translateY(-6px);opacity:0}}.audit-filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.audit-filter-bar .audit-filter-search{flex:1;min-width:200px;margin:0}.audit-filter-bar select,.audit-filter-bar input[type=date]{height:36px;padding:0 9px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--input-bg);outline:0;font-size:13px}.audit-action{display:inline-block;padding:2px 8px;border-radius:6px;color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 10%,transparent);font-size:11px;font-weight:600;white-space:nowrap}.audit-result{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.audit-result.success{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.audit-result.failure{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.audit-result.muted{color:var(--muted);background:color-mix(in srgb,var(--ink) 6%,transparent)}.audit-summary{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb,var(--ink) 75%,transparent)}.audit-username,.audit-ip{color:var(--muted);font-size:11px}.audit-mobile-summary{margin:8px 0 0;color:color-mix(in srgb,var(--ink) 70%,transparent);font-size:12px;word-break:break-all}.audit-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px}.audit-pagination>span{color:var(--muted);font-size:12px}@media(max-width:760px){.audit-filter-bar select,.audit-filter-bar input[type=date]{flex:1 1 45%}.audit-filter-bar .primary-button,.audit-filter-bar .secondary-button{flex:1;justify-content:center}}.sample-photo-strip-row>td{padding-top:0;border-top:0}.sample-photo-strip{display:flex;gap:8px;flex-wrap:wrap;padding:2px 0 6px 4px}.sample-thumb{position:relative;display:inline-block;width:46px;height:46px}.sample-thumb>img:first-child{width:46px;height:46px;object-fit:cover;border-radius:8px;border:1px solid var(--line);cursor:zoom-in}.sample-thumb-zoom{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:240px;height:240px;object-fit:cover;border-radius:12px;border:2px solid var(--surface);box-shadow:0 14px 36px color-mix(in srgb,var(--ink) 28%,transparent);z-index:70;pointer-events:none}.sample-thumb:hover .sample-thumb-zoom{display:block}.sample-photo-strip.mobile{padding:4px 0 2px}.sample-photo-strip.mobile a{display:inline-block}.sample-photo-strip.mobile img{width:52px;height:52px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.feedback-modal{width:min(640px,100%)}.feedback-form{display:grid;gap:9px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--inset)}.feedback-form textarea{width:100%;min-height:68px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;resize:vertical;color:var(--ink);background:var(--input-bg);outline:0;font:inherit;font-size:13px;line-height:1.6}.feedback-form textarea:focus{border-color:var(--accent)}.feedback-form-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap}.feedback-photo-strip{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.feedback-photo-preview{position:relative;display:inline-block;width:46px;height:46px}.feedback-photo-preview img{width:46px;height:46px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.feedback-photo-preview button{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:50%;color:#fff;background:var(--danger);cursor:pointer}.feedback-photo-add{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:46px;height:46px;border:1px dashed color-mix(in srgb,var(--accent) 45%,transparent);border-radius:8px;color:var(--accent);cursor:pointer}.feedback-photo-add input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.feedback-photo-add span{font-size:10px}.feedback-history{display:grid;gap:10px;margin-top:14px;max-height:46vh;overflow-y:auto}.feedback-item{padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.feedback-item header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.feedback-item header strong{color:var(--ink);font-size:13px}.feedback-item header small{color:var(--muted);font-size:11px}.feedback-item>p{margin:0;color:color-mix(in srgb,var(--ink) 80%,transparent);font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.feedback-item-photos{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.feedback-item-photos img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--line);cursor:zoom-in}.table-action.feedback,.mobile-card-action.feedback{color:var(--accent-2)}.sample-detail-edit-grid{padding:4px 0 10px}.sample-detail-edit-grid input:disabled,.sample-detail-edit-grid select:disabled,.sample-detail-edit-grid textarea:disabled{opacity:.75}.sample-detail-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}@media(max-width:760px){.sample-detail-footer>button{flex:1;justify-content:center;min-height:42px}}.sample-detail-gallery a{position:relative}.feedback-tag{position:absolute;top:5px;left:5px;z-index:2;padding:1px 6px;border-radius:5px;color:#fff;background:color-mix(in srgb,var(--accent) 88%,transparent);font-size:10px;font-style:normal;font-weight:700}.project-sample-list{display:grid;gap:12px}.project-sample-card{padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:grid;gap:10px}.project-sample-card.confirmed{border-color:color-mix(in srgb,var(--success) 45%,transparent);background:color-mix(in srgb,var(--success) 4%,transparent)}.project-sample-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.project-sample-title{min-width:0;display:flex;flex-direction:column;gap:3px}.project-sample-title strong{color:var(--ink);font-size:14px}.project-sample-title small{color:var(--muted);font-size:11px}.project-sample-badges{flex:0 0 auto;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.project-sample-confirmed{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:7px;color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent);font-size:11px;font-style:normal;font-weight:700}.project-sample-pending{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:7px;color:var(--amber);background:color-mix(in srgb,var(--amber) 11%,transparent);font-size:11px;font-style:normal;font-weight:700}.project-sample-confirm-note{margin:0;display:flex;align-items:center;gap:6px;color:var(--success);font-size:12px;font-weight:600}.project-sample-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.project-sample-actions .icon-button{margin-left:auto}.stage-file-mini.unconfirm{color:var(--muted);border-style:solid}.stage-file-mini.unconfirm:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.sample-photo-strip.project{padding:0}.sample-thumb .thumb-kind{position:absolute;bottom:3px;left:3px;padding:0 4px;border-radius:4px;color:#fff;background:color-mix(in srgb,var(--ink) 62%,transparent);font-size:9px;font-style:normal;font-weight:700}@media(max-width:760px){.project-sample-actions .stage-file-mini{flex:1 1 45%;justify-content:center;min-height:36px}.project-sample-actions .icon-button{margin-left:0;flex:0 0 auto}}.report-sample-list{display:grid;gap:10px}.report-sample-card{padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--inset);display:grid;gap:9px}.report-sample-card.confirmed{border-color:color-mix(in srgb,var(--success) 40%,transparent);background:color-mix(in srgb,var(--success) 4%,transparent)}.report-sample-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.report-sample-card>header>div{min-width:0;display:flex;flex-direction:column;gap:2px}.report-sample-card>header strong{color:var(--ink);font-size:14px}.report-sample-card>header small{color:var(--muted);font-size:11px}.report-sample-card>header em{flex:0 0 auto;padding:3px 8px;border-radius:7px;color:var(--muted);background:color-mix(in srgb,var(--ink) 7%,transparent);font-size:11px;font-style:normal;font-weight:700}.report-sample-card>header em.confirmed{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.report-sample-card>dl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 14px;margin:0}.report-sample-card>dl .wide{grid-column:1 / -1}.report-sample-card>dl dt{color:var(--muted);font-size:11px}.report-sample-card>dl dd{margin:1px 0 0;color:color-mix(in srgb,var(--ink) 82%,transparent);font-size:12px}.report-sample-photos{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.report-sample-photos img{width:44px;height:44px;object-fit:cover;border-radius:7px;border:1px solid var(--line);cursor:zoom-in}.report-sample-photos>span{color:var(--muted);font-size:11px}@media(max-width:760px){.report-sample-card>dl{grid-template-columns:1fr 1fr}}.sample-decision-group{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.sample-decision-group button{min-height:28px;padding:0 12px;border:0;color:var(--muted);background:var(--surface);font-size:12px;font-weight:600;cursor:pointer}.sample-decision-group button+button{border-left:1px solid var(--line)}.sample-decision-group button:not(.active):hover{color:var(--ink);background:var(--inset)}.sample-decision-group button.active{cursor:default}.sample-decision-group button.active.selected{color:#fff;background:var(--success)}.sample-decision-group button.active.pending{color:#fff;background:var(--muted)}.sample-decision-group button.active.eliminated{color:#fff;background:var(--danger)}.project-sample-card.eliminated{opacity:.62}.project-sample-card.eliminated .project-sample-title strong{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--ink) 45%,transparent)}.project-sample-eliminated{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:7px;color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent);font-size:11px;font-style:normal;font-weight:700}.project-sample-confirm-note.eliminated{color:var(--danger)}.report-panel{padding:18px 20px}.report-panel+.report-panel{margin-top:14px}.report-title-icon{width:44px;height:44px}.dict-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start}.dict-groups{padding:8px;display:grid;gap:3px}.dict-groups button{display:flex;align-items:center;gap:9px;min-height:42px;padding:6px 10px;border:0;border-radius:9px;color:color-mix(in srgb,var(--ink) 72%,transparent);background:transparent;text-align:left;cursor:pointer}.dict-groups button:hover{background:var(--inset)}.dict-groups button.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.dict-groups button>span{display:flex;flex-direction:column;gap:1px}.dict-groups button strong{font-size:13px}.dict-groups button small{color:var(--muted);font-size:10px}.dict-panel{padding:18px 20px}.dict-add-form{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.dict-add-form input{flex:1;min-width:160px;height:38px;padding:0 11px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--input-bg);outline:0;font-size:13px}.dict-add-form .dict-code-input{flex:0 1 220px}.dict-item-list{display:grid;gap:8px}.dict-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.dict-item.disabled{opacity:.6}.dict-item>strong{flex:1;min-width:0;display:flex;align-items:center;gap:8px;color:color-mix(in srgb,var(--ink) 86%,transparent);font-size:13px}.dict-item-code{padding:1px 6px;border-radius:5px;color:var(--muted);background:color-mix(in srgb,var(--ink) 6%,transparent);font-size:10px;font-weight:400}.dict-item-sort{color:var(--muted);font-size:11px}.dict-item-actions{display:flex;gap:4px}.dict-edit-form{flex:1;display:flex;gap:7px;align-items:center}.dict-edit-form input{height:34px;padding:0 9px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--input-bg);outline:0;font-size:13px}.dict-edit-form input:first-child{flex:1}.dict-edit-form .dict-sort-input{width:80px}@media(max-width:760px){.dict-layout{grid-template-columns:1fr}.dict-groups{display:flex;overflow-x:auto;padding:6px}.dict-groups button{flex:0 0 auto}.dict-item{flex-wrap:wrap}}.placeholder-panel{min-height:300px;padding:40px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.placeholder-panel .soft-icon{width:54px;height:54px}.placeholder-panel h2{margin:0;color:var(--ink);font-size:18px}.placeholder-panel p{margin:0;color:var(--muted);font-size:13px}.material-master-layout.page{min-height:0;padding-top:0}.material-master-layout.page .material-master-categories,.material-master-layout.page .material-master-attributes{border-color:var(--line);background:var(--surface)}.order-page{min-width:0}.order-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.order-metrics>div{min-height:105px;padding:17px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);display:flex;gap:12px;align-items:flex-start}.order-metrics>div>span{width:38px;height:38px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center}.order-metrics>div>span.teal{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.order-metrics>div>span.amber{color:var(--amber);background:color-mix(in srgb,var(--amber) 14%,transparent)}.order-metrics>div>span.blue{color:var(--blue);background:color-mix(in srgb,var(--blue) 13%,transparent)}.order-metrics p{margin:0;display:flex;flex-direction:column;color:var(--muted);font-size:12px;line-height:1.3}.order-metrics p strong{margin-top:4px;color:var(--ink);font-size:25px;letter-spacing:-.03em}.order-metrics p small{margin-top:4px;color:var(--muted);font-size:11px}.order-toolbar-controls{display:flex;gap:9px;align-items:center}.order-toolbar-controls .search-box{width:310px}.order-toolbar-controls>select{height:36px;min-width:140px;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--input-bg);font-size:13px;outline:0}.order-table{min-width:1120px}.production-order-table{min-width:1450px}.order-primary-cell{min-width:220px;display:flex;align-items:center;gap:9px}.order-primary-cell>i{width:32px;height:32px;flex:0 0 auto;border-radius:8px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,transparent)}.order-primary-cell>span{min-width:0;display:flex;flex-direction:column;gap:3px}.order-primary-cell strong{color:var(--ink);font-size:13px}.order-primary-cell small{max-width:240px;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.production-po-cell{min-width:150px;display:flex;flex-wrap:wrap;gap:4px}.production-po-cell a,.mobile-production-pos a{min-height:24px;padding:3px 7px;border-radius:6px;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);display:inline-flex;align-items:center;font-size:10px;font-weight:700}.production-po-cell .factory-po-chip,.mobile-production-pos .factory-po-chip{min-height:24px;padding:3px 7px;border-radius:6px;color:var(--blue);background:color-mix(in srgb,var(--blue) 11%,transparent);display:inline-flex;align-items:center;font-size:10px;font-weight:750}.production-po-cell small,.muted-cell{color:var(--muted);font-size:10px}.production-total-cell{min-width:105px;display:flex;flex-direction:column;gap:2px}.production-total-cell strong{color:var(--ink);font-size:13px}.production-total-cell small{color:var(--muted);font-size:9px}.table-action-group{display:flex;align-items:center;gap:5px}.order-status{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border-radius:999px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);font-size:11px;font-weight:700;white-space:nowrap}.order-status.warning{color:var(--amber);background:color-mix(in srgb,var(--amber) 14%,transparent)}.order-status.blue{color:var(--blue);background:color-mix(in srgb,var(--blue) 13%,transparent)}.order-status.success{color:var(--success);background:color-mix(in srgb,var(--success) 13%,transparent)}.order-status.muted{color:var(--muted);background:var(--inset)}.order-status.danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.order-progress-cell{min-width:120px;display:flex;flex-direction:column;gap:5px}.order-progress-cell i,.mobile-order-readiness i,.production-readiness-track>i,.order-line-progress i{display:block;height:6px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--ink) 9%,transparent)}.order-progress-cell b,.mobile-order-readiness b,.production-readiness-track b,.order-line-progress b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.order-progress-cell small{color:var(--muted);font-size:10px}.readiness-badge{min-width:78px;display:inline-flex;flex-direction:column;gap:1px}.readiness-badge strong{color:var(--amber);font-size:14px}.readiness-badge small{color:var(--muted);font-size:10px}.readiness-badge.ready strong{color:var(--success)}.readiness-badge.blocked strong{color:var(--danger)}.mobile-order-readiness{margin-top:13px;padding:12px;border-radius:10px;background:var(--inset);display:grid;gap:7px}.mobile-order-readiness>div{display:flex;align-items:baseline;justify-content:space-between}.mobile-order-readiness span,.mobile-order-readiness small{color:var(--muted);font-size:11px}.mobile-order-readiness strong{color:var(--accent);font-size:16px}.order-form-modal{width:min(960px,100%)}.production-form-modal{width:min(1020px,100%)}.production-create-page{width:100%;max-width:1240px;margin:0 auto}.production-create-back{flex:0 0 auto}.production-create-panel{overflow:hidden;padding:0 22px 22px}.production-create-panel-head{min-height:76px;margin:0 -22px;padding:15px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px;background:color-mix(in srgb,var(--surface-2) 72%,var(--surface))}.production-create-panel-head>div{min-width:0}.production-create-panel-head h2{margin:0;color:var(--ink);font-size:17px}.production-create-panel-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.production-create-panel .order-header-form{padding-top:22px}.production-create-actions{padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.production-create-loading{min-height:220px;padding:30px;color:var(--muted);display:grid;place-items:center;font-size:13px}.order-header-form{padding-bottom:17px}.order-line-section{padding:18px 0;border-top:1px solid var(--line)}.order-line-heading{margin-bottom:11px;display:flex;align-items:center;justify-content:space-between;gap:12px}.order-line-heading>div{display:flex;flex-direction:column;gap:3px}.order-line-heading strong{color:var(--ink);font-size:14px}.order-line-heading span{color:var(--muted);font-size:11px}.order-line-heading>button{min-height:32px;padding:0 10px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:8px;color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface));display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700}.order-line-editor{display:grid;gap:10px}.order-line-editor>article{padding:0 14px 14px;border:1px solid var(--line);border-radius:11px;background:var(--inset)}.order-line-editor>article>header{min-height:38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.order-line-editor>article>header>span{color:var(--muted);font-size:11px;font-weight:700}.order-line-editor>article>header>button{padding:5px;border:0;color:var(--danger);background:transparent;display:inline-flex;align-items:center;gap:4px;font-size:11px}.order-line-grid{grid-template-columns:repeat(3,1fr);gap:11px;padding:13px 0 0}.production-material-grid{grid-template-columns:repeat(3,1fr)}.order-line-amount{align-self:end;min-height:41px;padding:6px 10px;border:1px dashed color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:8px;display:flex;flex-direction:column;justify-content:center;background:color-mix(in srgb,var(--accent) 4%,var(--surface))}.order-line-amount span{color:var(--muted);font-size:10px}.order-line-amount strong{margin-top:1px;color:var(--ink);font-size:13px}.order-critical-toggle{grid-column:1 / -1;min-height:34px;display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;color:var(--muted);font-size:12px}.order-critical-toggle input{width:17px!important;height:17px!important;accent-color:var(--accent)}.order-critical-toggle span{font-weight:500!important}.production-purchase-preview{margin:2px 0 18px;padding:15px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 4%,var(--surface))}.production-purchase-preview .order-line-heading>em{min-width:76px;padding:6px 10px;border-radius:999px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);text-align:center;font-size:11px;font-style:normal;font-weight:750}.production-factory-po-preview{margin-bottom:10px;padding:12px;border:1px solid color-mix(in srgb,var(--blue) 28%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--blue) 6%,var(--surface))}.production-factory-po-preview>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.production-factory-po-preview>header>div{min-width:0;display:flex;align-items:center;gap:8px;color:var(--blue)}.production-factory-po-preview>header span{min-width:0;display:flex;flex-direction:column;gap:2px}.production-factory-po-preview>header strong{color:var(--ink);font-size:13px}.production-factory-po-preview>header small,.production-factory-po-preview>small{color:var(--muted);font-size:10px}.production-factory-po-preview>p{margin:10px 0 7px;display:flex;flex-wrap:wrap;gap:7px}.production-factory-po-preview>p span{padding:5px 8px;border-radius:7px;color:var(--ink);background:var(--surface);font-size:10px}.production-purchase-warning{min-height:38px;margin-bottom:10px;padding:8px 10px;border-radius:8px;color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,transparent);display:flex;align-items:center;gap:7px;font-size:11px}.production-purchase-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.production-purchase-preview-grid>article{min-width:0;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.production-purchase-preview-grid article>header{padding-bottom:8px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.production-purchase-preview-grid article>header>div{min-width:0;display:flex;align-items:center;gap:7px;color:var(--accent)}.production-purchase-preview-grid article>header span{min-width:0;display:flex;flex-direction:column;gap:2px}.production-purchase-preview-grid article>header strong{color:var(--ink);font-size:12px}.production-purchase-preview-grid article>header small{color:var(--muted);font-size:9px}.production-purchase-preview-grid ul{margin:8px 0 0;padding:0;display:grid;gap:7px;list-style:none}.production-purchase-preview-grid li{display:flex;align-items:center;justify-content:space-between;gap:9px}.production-purchase-preview-grid li>span{min-width:0;color:var(--ink);display:flex;flex-direction:column;gap:2px;font-size:11px}.production-purchase-preview-grid li small{color:var(--muted);font-size:9px}.production-purchase-preview-grid li>strong{flex:0 0 auto;color:var(--ink);font-size:11px}.production-cost-total,.purchase-amount-summary{margin-top:11px;padding:11px;border-radius:9px;background:var(--inset);display:flex;align-items:center;justify-content:flex-end;gap:14px}.production-cost-total>span,.purchase-amount-summary>span{min-width:118px;display:flex;flex-direction:column;gap:3px}.production-cost-total small,.purchase-amount-summary small,.purchase-amount-summary>span{color:var(--muted);font-size:10px}.production-cost-total strong,.purchase-amount-summary strong{color:var(--ink);font-size:15px}.production-cost-total>b{color:var(--muted);font-size:14px}.production-cost-total .grand,.purchase-amount-summary .grand{padding-left:13px;border-left:1px solid var(--line)}.production-cost-total .grand strong,.purchase-amount-summary .grand strong{color:var(--accent);font-size:18px}.purchase-amount-editor{margin:0 0 18px;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.purchase-amount-editor .form-grid{margin:0}.purchase-amount-summary>span{color:var(--muted)}.purchase-amount-summary strong{margin-top:2px;display:block}.order-detail-modal{width:min(920px,100%);padding-bottom:0}.production-detail-modal{width:min(1040px,100%)}.order-detail-content{padding:18px 0}.order-detail-hero{min-height:115px;padding:20px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface));display:flex;justify-content:space-between;gap:20px;align-items:center}.order-detail-hero>div:first-child{min-width:0}.order-detail-hero>div:first-child>span{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.05em}.order-detail-hero h3{margin:5px 0 4px;color:var(--ink);font-size:21px}.order-detail-hero p{margin:0;color:var(--muted);font-size:12px}.order-detail-hero>div:last-child{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.order-detail-hero>div:last-child>strong{margin-top:6px;color:var(--ink);font-size:20px}.order-detail-hero>div:last-child>small{color:var(--muted);font-size:10px}.production-order-hero>div:last-child>strong{color:var(--accent);font-size:28px}.order-detail-grid{margin:16px 0 0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:11px;overflow:hidden}.order-detail-grid>div{min-height:68px;padding:12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.order-detail-grid>div:nth-child(4n){border-right:0}.order-detail-grid>div.wide{grid-column:1 / -1;border-right:0}.order-detail-grid dt{color:var(--muted);font-size:10px}.order-detail-grid dd{margin:0;color:color-mix(in srgb,var(--ink) 84%,transparent);font-size:12px;line-height:1.55;overflow-wrap:anywhere}.order-detail-section{margin-top:18px}.order-section-title{min-height:35px;display:flex;align-items:center;justify-content:space-between}.order-section-title>div{display:flex;align-items:center;gap:7px;color:var(--accent)}.order-section-title h4{margin:0;color:var(--ink);font-size:14px}.order-section-title>span{color:var(--muted);font-size:11px}.order-detail-lines,.production-material-list{display:grid;gap:9px}.order-detail-lines>article,.production-material-list>article{padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.order-detail-lines article>header,.production-material-list article>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.order-detail-lines article>header>div{min-width:0;display:flex;flex-direction:column;gap:2px}.order-detail-lines article>header strong,.production-material-list article>header strong{color:var(--ink);font-size:13px}.order-detail-lines article>header small,.production-material-list article>header small{color:var(--muted);font-size:10px}.order-detail-lines article>header>strong{flex:0 0 auto}.order-line-progress{margin-top:11px;display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:10px;align-items:center}.order-line-progress span{color:var(--muted);font-size:10px}.order-detail-lines article>dl,.production-material-list article>dl{margin:10px 0 0;padding-top:9px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.order-detail-lines dt,.production-material-list dt{color:var(--muted);font-size:9px}.order-detail-lines dd,.production-material-list dd{margin:2px 0 0;color:color-mix(in srgb,var(--ink) 80%,transparent);font-size:11px}.order-timeline{padding-left:5px}.order-timeline>div{min-height:48px;display:flex;gap:11px;position:relative}.order-timeline>div:before{content:"";position:absolute;left:5px;top:12px;bottom:-8px;width:1px;background:var(--line)}.order-timeline>div:last-child:before{display:none}.order-timeline i{position:relative;z-index:1;width:11px;height:11px;margin-top:5px;flex:0 0 auto;border:3px solid color-mix(in srgb,var(--accent) 25%,var(--surface));border-radius:50%;background:var(--accent)}.order-timeline>div>div{display:flex;flex-direction:column;gap:3px}.order-timeline strong{color:color-mix(in srgb,var(--ink) 84%,transparent);font-size:12px;font-weight:600}.order-timeline small{color:var(--muted);font-size:10px}.order-detail-actions{position:sticky;bottom:0;z-index:3;min-height:66px;margin:0 -23px;padding:12px 23px;border-top:1px solid var(--line);background:var(--surface);display:flex;justify-content:flex-end;gap:9px}.order-quantity-modal{width:min(670px,100%)}.order-nested-backdrop{z-index:120}.order-quantity-list{padding:15px 0;display:grid;gap:9px}.order-quantity-list>article{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--inset);display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.8fr);gap:14px;align-items:end}.order-quantity-list>article>div:first-child{min-width:0;display:flex;flex-direction:column;gap:3px;align-self:center}.order-quantity-list strong{color:var(--ink);font-size:13px}.order-quantity-list small{color:var(--muted);font-size:10px}.order-quantity-list label,.order-inspection-inputs label{display:flex;flex-direction:column;gap:5px}.order-quantity-list label>span,.order-inspection-inputs label>span{color:color-mix(in srgb,var(--ink) 80%,transparent);font-size:11px;font-weight:600}.order-quantity-list input,.order-inspection-inputs input{width:100%;height:39px;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--input-bg);outline:0;font-size:13px}.order-inspection-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.finished-receipt-summary{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.finished-receipt-summary span{padding:12px;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:var(--inset);display:flex;flex-direction:column;gap:3px;font-size:11px}.finished-receipt-summary strong{color:var(--ink);font-size:15px}.order-workflow-steps{margin:15px 0;padding:12px 10px;border:1px solid var(--line);border-radius:11px;background:var(--inset);display:grid;grid-template-columns:repeat(10,1fr);overflow-x:auto}.order-workflow-steps>div{min-width:65px;position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--muted)}.order-workflow-steps>div:after{content:"";position:absolute;top:13px;left:calc(50% + 14px);width:calc(100% - 28px);height:2px;background:var(--line)}.order-workflow-steps>div:last-child:after{display:none}.order-workflow-steps i{position:relative;z-index:1;width:27px;height:27px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--muted);background:var(--surface);font-size:10px;font-style:normal;font-weight:700}.order-workflow-steps span{text-align:center;font-size:9px;white-space:nowrap}.order-workflow-steps>div.done:after{background:var(--success)}.order-workflow-steps>div.done i{color:#fff;border-color:var(--success);background:var(--success)}.order-workflow-steps>div.done span{color:var(--success)}.order-workflow-steps>div.active i{color:#fff;border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent)}.order-workflow-steps>div.active span{color:var(--accent);font-weight:700}.production-readiness-card{padding:15px;border:1px solid var(--line);border-radius:11px;background:var(--surface);display:grid;grid-template-columns:minmax(180px,.75fr) minmax(260px,1.4fr) minmax(180px,.8fr);gap:17px;align-items:center}.production-readiness-score{display:flex;align-items:center;gap:10px;color:var(--accent)}.production-readiness-score>div{display:flex;flex-direction:column}.production-readiness-score strong{color:var(--ink);font-size:24px}.production-readiness-score span{color:var(--muted);font-size:11px}.production-readiness-track{display:grid;gap:6px}.production-readiness-track span{color:var(--muted);font-size:10px}.production-gate{min-height:40px;padding:8px 10px;border-radius:9px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.production-gate.ready{color:var(--success);background:color-mix(in srgb,var(--success) 10%,transparent)}.production-gate.blocked{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.production-material-list>article.ready{border-color:color-mix(in srgb,var(--success) 26%,var(--line))}.production-material-list>article.shortage{border-color:color-mix(in srgb,var(--danger) 25%,var(--line))}.production-material-list article>header>div{min-width:0;display:flex;align-items:center;gap:9px}.production-material-list article>header>div>span{width:30px;height:30px;flex:0 0 auto;border-radius:8px;display:grid;place-items:center}.production-material-list article>header>div>span.ready{color:var(--success);background:color-mix(in srgb,var(--success) 11%,transparent)}.production-material-list article>header>div>span.shortage{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.production-material-list article>header>div>div{min-width:0;display:flex;flex-direction:column;gap:2px}.production-material-list article>header em{margin-left:6px;padding:1px 5px;border-radius:5px;color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent);font-size:9px;font-style:normal}.production-material-list article>header>strong{flex:0 0 auto;color:var(--danger)}.production-material-list article.ready>header>strong{color:var(--success)}.material-linked-po{margin:8px 0 0;color:var(--muted);display:flex;align-items:center;gap:5px;font-size:10px}.material-buy-action{width:fit-content;min-height:31px;margin-top:9px;padding:0 10px;border-radius:8px;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700}.production-linked-po-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.production-linked-po-list>a{min-width:0;padding:11px;border:1px solid var(--line);border-radius:10px;color:inherit;background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:10px;transition:border-color .15s ease,transform .15s ease}.production-linked-po-list>a:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));transform:translateY(-1px)}.production-linked-po-list>a>div{min-width:0;display:flex;align-items:center;gap:8px}.production-linked-po-list>a>div:first-child p{min-width:0;margin:0;display:flex;flex-direction:column;gap:2px}.production-linked-po-list>a>div:first-child strong{color:var(--ink);font-size:12px}.production-linked-po-list>a>div:first-child small{overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:9px;white-space:nowrap}.production-linked-po-list>a>div:last-child{flex:0 0 auto;align-items:flex-end;flex-direction:column;gap:3px}.production-linked-po-list>a>div:last-child>strong{color:var(--ink);font-size:12px}.production-linked-po-list>a>div:last-child>small{color:var(--amber);font-size:9px}.production-factory-po-card{padding:14px;border:1px solid color-mix(in srgb,var(--blue) 28%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--blue) 5%,var(--surface))}.production-factory-po-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.production-factory-po-card>header>div{min-width:0;display:flex;align-items:center;gap:9px}.production-factory-po-card>header p{min-width:0;margin:0;display:flex;flex-direction:column;gap:2px}.production-factory-po-card>header p strong{color:var(--ink);font-size:14px}.production-factory-po-card>header p small{color:var(--muted);font-size:10px}.production-factory-po-card>header>div:last-child{flex:0 0 auto;align-items:flex-end;flex-direction:column;gap:4px}.production-factory-po-card>header>div:last-child>strong{color:var(--ink);font-size:15px}.production-factory-po-card>dl{margin:12px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:9px;overflow:hidden}.production-factory-po-card>dl>div{min-width:0;min-height:60px;padding:9px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.production-factory-po-card>dl>div:last-child{border-right:0}.production-factory-po-card dt{color:var(--muted);font-size:9px}.production-factory-po-card dd{margin:0;color:var(--ink);font-size:11px;font-weight:650}.production-factory-po-card>p{margin:10px 0 0;color:var(--muted);font-size:10px}.mobile-production-pos{margin-top:9px;display:flex;flex-wrap:wrap;gap:5px}.mobile-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mobile-card-actions .mobile-card-action{width:100%}@media(max-width:1100px){.order-metrics{grid-template-columns:1fr 1fr}.production-readiness-card{grid-template-columns:1fr 1.4fr}.production-gate{grid-column:1 / -1}.order-detail-grid{grid-template-columns:1fr 1fr}.order-detail-grid>div:nth-child(4n){border-right:1px solid var(--line)}.order-detail-grid>div:nth-child(2n){border-right:0}.order-line-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.order-page .page-heading-action{align-items:stretch}.order-page .page-heading-action>button,.order-page .page-heading-action>a{width:100%}.production-create-panel{margin:0 -3px;padding:0 13px 13px}.production-create-panel-head{min-height:70px;margin:0 -13px;padding:13px;align-items:flex-start}.production-create-panel-head h2{font-size:15px}.production-create-panel-head p{font-size:10px;line-height:1.5}.production-create-panel .order-header-form{padding-top:16px}.production-create-actions{align-items:stretch;flex-direction:column-reverse}.production-create-actions>button{width:100%;min-height:46px}.order-metrics{grid-template-columns:1fr 1fr;gap:9px}.order-metrics>div{min-height:94px;padding:12px;gap:9px}.order-metrics>div>span{width:33px;height:33px}.order-metrics p{font-size:11px}.order-metrics p strong{font-size:21px}.order-metrics p small{font-size:9px}.order-toolbar-controls{width:100%;display:grid;grid-template-columns:1fr}.order-toolbar-controls .search-box{width:100%}.order-toolbar-controls>select{width:100%;height:40px}.order-mobile-list{margin-top:10px}.order-status{min-height:22px;padding:2px 7px;font-size:9px}.order-form-modal,.production-form-modal,.order-detail-modal,.production-detail-modal{width:100%}.order-line-heading{align-items:flex-start}.order-line-heading>div{flex:1}.order-line-grid,.production-material-grid{grid-template-columns:1fr}.order-line-amount{min-height:48px}.order-critical-toggle{grid-column:auto}.order-detail-hero{min-height:105px;padding:15px;align-items:flex-start}.order-detail-hero h3{font-size:17px}.order-detail-hero>div:last-child>strong{font-size:18px}.production-order-hero>div:last-child>strong{font-size:24px}.order-detail-grid{grid-template-columns:1fr 1fr}.order-detail-grid>div{min-height:62px;padding:10px}.order-detail-grid dd{font-size:11px}.order-detail-lines article>dl,.production-material-list article>dl{grid-template-columns:1fr 1fr}.order-line-progress{grid-template-columns:1fr;gap:5px}.order-detail-actions{margin:0 -15px -18px;padding:12px 15px calc(12px + env(safe-area-inset-bottom));flex-wrap:wrap}.order-detail-actions>button{flex:1 1 100%;min-height:44px}.order-quantity-list>article{grid-template-columns:1fr}.order-inspection-inputs{grid-template-columns:1fr 1fr}.finished-receipt-summary{grid-template-columns:1fr}.order-workflow-steps{margin-left:-2px;margin-right:-2px;grid-template-columns:repeat(10,68px);justify-content:start}.production-readiness-card{grid-template-columns:1fr;gap:12px}.production-gate{grid-column:auto}.production-material-list article>header{align-items:flex-start}.production-material-list article>header>strong{max-width:105px;text-align:right;font-size:11px}.production-purchase-preview{padding:12px}.production-purchase-preview-grid,.production-linked-po-list{grid-template-columns:1fr}.production-factory-po-card>header{align-items:flex-start}.production-factory-po-card>dl{grid-template-columns:1fr 1fr}.production-factory-po-card>dl>div:nth-child(2){border-right:0}.production-factory-po-card>dl>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.production-cost-total,.purchase-amount-summary{align-items:stretch;flex-direction:column;gap:8px}.production-cost-total>span,.purchase-amount-summary>span{min-width:0;flex-direction:row;align-items:center;justify-content:space-between}.production-cost-total .grand,.purchase-amount-summary .grand{padding:8px 0 0;border-top:1px solid var(--line);border-left:0}.production-cost-total>b{display:none}}.sku-form-modal{width:min(1040px,100%)}.sku-create-page{width:100%;max-width:1240px;margin:0 auto}.sku-create-back{flex:0 0 auto}.sku-create-page-shell{width:100%}.sku-create-page-panel{overflow:hidden;padding:0 22px 22px}.sku-create-panel-head{min-height:76px;margin:0 -22px;padding:15px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;background:color-mix(in srgb,var(--surface-2) 72%,var(--surface))}.sku-create-panel-head>div{min-width:0;display:flex;align-items:center;gap:11px}.sku-create-panel-head h2{margin:0;color:var(--ink);font-size:17px}.sku-create-panel-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.sku-create-tabs{margin:0 -22px;padding:14px 22px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);align-items:center;gap:8px;background:var(--surface);scroll-margin-top:74px}.sku-create-tabs>button{min-width:0;min-height:62px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;text-align:left;color:var(--muted);background:var(--surface-2);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.sku-create-tabs>button:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 34%,var(--line));transform:translateY(-1px)}.sku-create-tabs>button>span{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;color:var(--muted);background:var(--surface);font-size:12px;font-weight:800}.sku-create-tabs>button>div{min-width:0;display:flex;flex-direction:column;gap:3px}.sku-create-tabs>button strong{color:var(--ink);font-size:12px;line-height:1.35}.sku-create-tabs>button small{overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10px;white-space:nowrap}.sku-create-tabs>button.active{border-color:color-mix(in srgb,var(--accent) 54%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--surface));box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 12%,transparent)}.sku-create-tabs>button.active>span{color:#fff;border-color:var(--accent);background:var(--accent)}.sku-create-tabs>button.complete:not(.active)>span{color:var(--success);border-color:color-mix(in srgb,var(--success) 32%,var(--line));background:color-mix(in srgb,var(--success) 8%,var(--surface))}.sku-create-tabs>i{height:1px;display:block;background:color-mix(in srgb,var(--accent) 28%,var(--line))}.sku-create-page-panel [role=tabpanel]{animation:sku-create-tab-in .22s ease both}@keyframes sku-create-tab-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.sku-create-actions{padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.sku-create-actions>div{display:flex;align-items:center;justify-content:flex-end;gap:9px}.sku-create-actions button{min-height:42px}.sku-create-actions .sku-create-cancel{color:var(--muted)}.sku-create-loading{min-height:220px;padding:30px;color:var(--muted);display:grid;place-items:center;font-size:13px}.sku-create-review{padding-top:20px}.sku-create-review-hero{min-height:92px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:13px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--surface)),var(--surface))}.sku-create-review-hero>div{min-width:0}.sku-create-review-hero p{margin:0 0 3px;color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.16em}.sku-create-review-hero h3{margin:0;overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-size:17px;white-space:nowrap}.sku-create-review-hero>div>span{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:11px;white-space:nowrap}.sku-create-review-grid{margin-top:13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sku-create-review-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.sku-create-review-card.wide{grid-column:1 / -1}.sku-create-review-card>header{min-height:56px;padding:10px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-2)}.sku-create-review-card>header>div{min-width:0;display:flex;align-items:center;gap:8px}.sku-create-review-card>header>div>svg{flex:0 0 auto;color:var(--accent)}.sku-create-review-card>header span{min-width:0;display:flex;flex-direction:column;gap:2px}.sku-create-review-card>header strong{color:var(--ink);font-size:12px}.sku-create-review-card>header small{overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10px;white-space:nowrap}.sku-create-review-card>header>button{min-height:30px;padding:0 9px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:7px;flex:0 0 auto;color:var(--accent);background:var(--surface);font-size:10px;font-weight:700}.sku-create-review-details{margin:0;padding:5px 13px 11px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 18px}.sku-create-review-details .wide{grid-column:1 / -1}.sku-create-review-suppliers{padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sku-create-review-suppliers>div{min-width:0;min-height:76px;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:9px;display:flex;flex-direction:column;gap:4px;background:color-mix(in srgb,var(--accent) 5%,var(--surface-2))}.sku-create-review-suppliers>div.muted{border-color:var(--line);background:var(--surface-2)}.sku-create-review-suppliers small,.sku-create-review-suppliers span{overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10px;white-space:nowrap}.sku-create-review-suppliers strong{overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-size:12px;white-space:nowrap}.sku-create-review-images{max-height:260px;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow-y:auto}.sku-create-review-images figure{min-width:0;margin:0;padding:7px;border:1px solid var(--line);border-radius:9px;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:8px;background:var(--surface-2)}.sku-create-review-images img{width:58px;height:58px;border-radius:7px;display:block;object-fit:cover;background:var(--surface)}.sku-create-review-images figcaption{min-width:0;display:flex;flex-direction:column;gap:4px}.sku-create-review-images figcaption strong,.sku-create-review-images figcaption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sku-create-review-images figcaption strong{color:var(--ink);font-size:10px}.sku-create-review-images figcaption span{color:var(--muted);font-size:9px}.sku-create-review-empty{min-height:100px;padding:18px;display:grid;place-items:center;color:var(--muted);background:var(--surface);font-size:11px;text-align:center}.sku-create-review-materials{padding:12px;display:grid;gap:9px}.sku-create-review-materials>article{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.sku-create-review-materials>article>header{min-height:48px;padding:8px 10px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;background:var(--surface)}.sku-create-review-materials>article>header>span{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);font-size:10px;font-weight:800}.sku-create-review-materials>article>header>div{min-width:0;display:flex;flex-direction:column;gap:2px}.sku-create-review-materials>article>header strong,.sku-create-review-materials>article>header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sku-create-review-materials>article>header strong{color:var(--ink);font-size:11px}.sku-create-review-materials>article>header small{color:var(--muted);font-size:9px}.sku-create-review-materials>article>header em{min-height:23px;margin-left:auto;padding:0 7px;border-radius:6px;display:inline-flex;align-items:center;flex:0 0 auto;color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent);font-size:9px;font-style:normal;font-weight:700}.sku-create-review-materials dl{margin:0;padding:3px 11px 9px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}.sku-create-review-confirm{min-height:76px;margin-top:13px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--warning) 34%,var(--line));border-radius:12px;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px;color:color-mix(in srgb,var(--warning) 80%,var(--ink));background:color-mix(in srgb,var(--warning) 7%,var(--surface));cursor:pointer}.sku-create-review-confirm.checked{color:var(--success);border-color:color-mix(in srgb,var(--success) 34%,var(--line));background:color-mix(in srgb,var(--success) 7%,var(--surface))}.sku-create-review-confirm input{width:18px;height:18px;margin:0;accent-color:var(--success)}.sku-create-review-confirm>span{min-width:0;display:flex;flex-direction:column;gap:4px}.sku-create-review-confirm strong{color:var(--ink);font-size:12px}.sku-create-review-confirm small{color:var(--muted);font-size:10px;line-height:1.5}.products-page .material-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.product-toast-stack{position:fixed;right:22px;bottom:22px;z-index:220;width:min(390px,calc(100vw - 28px));max-height:calc(100dvh - 44px);display:flex;flex-direction:column;justify-content:flex-end;gap:10px;overflow:hidden;pointer-events:none}.product-toast{position:relative;min-height:72px;overflow:hidden;padding:13px 12px 15px;border:1px solid var(--line);border-left-width:4px;border-radius:12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 16px 42px color-mix(in srgb,var(--ink) 19%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;animation:product-toast-in .26s cubic-bezier(.2,.85,.3,1) both}.product-toast.success{border-left-color:var(--success)}.product-toast.error{border-left-color:var(--danger)}.product-toast.leaving{animation:product-toast-out .26s ease-in both}.product-toast-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.product-toast.success .product-toast-icon{color:var(--success);background:color-mix(in srgb,var(--success) 11%,transparent)}.product-toast.error .product-toast-icon{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.product-toast>div{min-width:0;padding-top:1px}.product-toast strong{display:block;color:var(--ink);font-size:12px}.product-toast p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere}.product-toast>button{width:28px;height:28px;border:0;border-radius:8px;display:grid;place-items:center;color:var(--muted);background:transparent}.product-toast>button:hover{color:var(--ink);background:var(--surface-2)}.product-toast-timer{position:absolute;right:0;bottom:0;left:0;height:3px;display:block;background:currentColor;opacity:.5;transform-origin:left center;animation:product-toast-timer 4s linear both}.product-toast.success .product-toast-timer{color:var(--success)}.product-toast.error .product-toast-timer{color:var(--danger)}@keyframes product-toast-in{0%{opacity:0;transform:translate(34px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes product-toast-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(34px) scale(.98)}}@keyframes product-toast-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.product-hierarchy-legend{margin:0 14px 10px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:color-mix(in srgb,var(--surface-2) 70%,var(--surface))}.product-hierarchy-legend>div{min-width:0;display:flex;align-items:center;gap:9px}.product-hierarchy-legend>div>span{min-width:0;display:flex;flex-direction:column;gap:2px}.product-hierarchy-legend strong{color:var(--ink);font-size:11px}.product-hierarchy-legend small{overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10px;white-space:nowrap}.product-entity-badge{min-width:39px;min-height:25px;padding:0 8px;border:1px solid transparent;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:10px;font-style:normal;font-weight:800;letter-spacing:.04em;line-height:1;white-space:nowrap}.product-entity-badge.spu{color:#fff;border-color:var(--accent);background:var(--accent)}.product-entity-badge.sku{color:var(--blue);border-color:color-mix(in srgb,var(--blue) 36%,var(--line));background:color-mix(in srgb,var(--blue) 9%,var(--surface))}.product-entity-badge.ungrouped{color:color-mix(in srgb,var(--warning) 82%,var(--ink));border-color:color-mix(in srgb,var(--warning) 38%,var(--line));background:color-mix(in srgb,var(--warning) 10%,var(--surface));letter-spacing:0}.product-name-cell>.product-entity-badge{align-self:center}.product-sku-thumbnail{width:48px;height:48px;overflow:hidden;border:1px solid color-mix(in srgb,var(--blue) 20%,var(--line));border-radius:10px;display:grid;place-items:center;flex:0 0 auto;color:color-mix(in srgb,var(--blue) 65%,var(--muted));background:color-mix(in srgb,var(--blue) 7%,var(--surface-2))}.product-sku-thumbnail.has-image{background:var(--surface)}.product-sku-thumbnail img{width:100%;height:100%;display:block;object-fit:cover}.product-sku-title{min-width:0;display:flex;align-items:center;gap:7px}.product-sku-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-name-cell>span:last-child{min-width:0}.product-spu-batch-bar{min-height:58px;margin:0 14px 2px;padding:10px 12px;border:1px dashed color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);background:color-mix(in srgb,var(--accent) 3%,var(--surface-2))}.product-spu-batch-bar.active{border-style:solid;border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.product-spu-batch-bar.invalid{border-color:color-mix(in srgb,var(--danger) 44%,var(--line));background:color-mix(in srgb,var(--danger) 6%,var(--surface))}.product-spu-batch-bar>div{display:flex;align-items:center;gap:8px}.product-spu-batch-bar>div:first-child{min-width:0;flex-wrap:wrap}.product-spu-batch-bar svg{flex:0 0 auto;color:var(--accent)}.product-spu-batch-bar span{color:var(--ink);font-size:13px}.product-spu-batch-bar small{font-size:12px}.product-spu-batch-bar .product-spu-selection-warning{display:inline-flex;align-items:center;gap:5px;color:var(--danger);font-weight:650}.product-spu-batch-bar .product-spu-selection-warning svg,.product-spu-batch-bar.invalid>div:first-child>svg{color:var(--danger)}.product-spu-batch-bar .secondary-button,.product-spu-batch-bar .primary-button{min-height:38px;padding:0 12px}.product-spu-batch-bar button:disabled{opacity:.45;cursor:not-allowed}.sku-bom-form-section .form-section-title{align-items:center}.sku-bom-form-section .form-section-title>button{margin-left:auto}.sku-bom-editor{margin-top:15px;display:grid;gap:12px}.sku-supply-rule{min-height:49px;margin-top:13px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:10px;display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--accent) 5%,var(--surface-2))}.sku-supply-rule strong{flex:0 0 auto;padding:4px 8px;border-radius:7px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);font-size:12px}.sku-supply-rule span{color:var(--muted);font-size:12px;line-height:1.5}.sku-supply-rule.factory_supplied{border-color:color-mix(in srgb,var(--warning) 30%,var(--line));background:color-mix(in srgb,var(--warning) 6%,var(--surface-2))}.sku-supply-rule.factory_supplied strong{color:var(--warning);background:color-mix(in srgb,var(--warning) 12%,transparent)}.sku-bom-line{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.sku-bom-line>header{min-height:44px;padding:8px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface-2)}.sku-bom-line>header>div{min-width:0;display:flex;align-items:center;gap:8px}.sku-bom-line>header>div>span{width:25px;height:25px;flex:0 0 auto;border-radius:7px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,transparent);font-size:11px;font-weight:750}.sku-bom-line>header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-size:13px;white-space:nowrap}.sku-bom-line>header>button{min-height:30px;padding:0 8px;border:0;border-radius:7px;display:inline-flex;align-items:center;gap:5px;color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent);font-size:11px;font-weight:650}.sku-bom-line-grid{grid-template-columns:1.4fr 1fr 1fr;gap:12px;padding:13px}.form-grid .sku-critical-toggle{min-height:42px;margin-top:20px;padding:0 11px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:7px;color:var(--ink);background:var(--input-bg);font-size:12px;font-weight:650}.sku-critical-toggle input{width:16px!important;height:16px!important;margin:0;accent-color:var(--accent)}.sku-material-snapshot{padding:0 13px 13px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sku-material-snapshot>div{min-width:0;min-height:66px;padding:10px;border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:9px;display:flex;flex-direction:column;gap:4px;background:color-mix(in srgb,var(--surface-2) 72%,transparent)}.sku-material-snapshot small{color:var(--muted);font-size:10px}.sku-material-snapshot strong{overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-size:12px;white-space:nowrap}.sku-material-snapshot span{overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10px;white-space:nowrap}.sku-create-image-controls{padding-bottom:13px}.sku-create-images-section .supplier-file-input{min-width:0;overflow:hidden}.sku-create-images-section .supplier-file-input input{width:0;flex:1}.form-grid .sku-code-input[readonly]{color:var(--muted);background:var(--surface-2);cursor:not-allowed}.form-grid .sku-cover-toggle{min-height:40px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--warning) 30%,var(--line));border-radius:9px;display:flex;align-items:center;flex-direction:row;gap:7px;color:color-mix(in srgb,var(--warning) 80%,var(--ink));background:color-mix(in srgb,var(--warning) 8%,transparent);font-size:12px;font-weight:650}.sku-cover-toggle input{width:16px!important;height:16px!important;margin:0;accent-color:var(--warning)}.sku-create-image-grid{margin-bottom:17px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sku-create-image-grid>article{min-width:0;padding:9px;border:1px solid var(--line);border-radius:11px;display:grid;gap:5px;background:var(--surface)}.sku-create-image-grid>article>div{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:8px;background:var(--surface-2)}.sku-create-image-grid img{width:100%;height:100%;display:block;object-fit:cover}.sku-create-image-grid>article>div>button{position:absolute;top:6px;right:6px;width:27px;height:27px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:#141c19ad}.sku-create-image-grid>article>div>span{position:absolute;left:6px;bottom:6px;min-height:24px;padding:0 7px;border-radius:6px;display:inline-flex;align-items:center;gap:4px;color:#725113;background:#fff1bd;font-size:10px;font-weight:750}.sku-create-image-grid strong{overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-size:11px;white-space:nowrap}.sku-create-image-grid small{color:var(--muted);font-size:10px}.sku-create-image-grid textarea{min-height:64px;padding:8px;border:1px solid var(--line);border-radius:8px;resize:vertical;color:var(--ink);background:var(--input-bg);font:inherit;font-size:11px;line-height:1.45}.sku-edit-image-note{margin:16px 0;min-height:45px;padding:10px 12px;border-radius:9px;display:flex;align-items:center;gap:8px;color:var(--muted);background:var(--surface-2);font-size:12px}.sku-bom-detail-list{margin-top:12px;display:grid;gap:9px}.sku-bom-detail-list>article{padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.sku-bom-detail-list article>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sku-bom-detail-list article>header>div{min-width:0;display:flex;align-items:center;gap:9px}.sku-bom-detail-list article>header>div>span{min-width:34px;height:27px;padding:0 7px;border-radius:7px;display:grid;place-items:center;color:var(--muted);background:var(--surface);font-size:10px;font-weight:700}.sku-bom-detail-list article>header>div>span.critical{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,transparent)}.sku-bom-detail-list article>header>div>div{min-width:0;display:flex;flex-direction:column;gap:3px}.sku-bom-detail-list article>header strong{color:var(--ink);font-size:12px}.sku-bom-detail-list article>header small,.sku-bom-detail-list article>p{color:var(--muted);font-size:10px}.sku-bom-detail-list article>header>strong{flex:0 0 auto;color:var(--accent)}.sku-bom-detail-list article>p{margin:9px 0 0}.sku-bom-detail-list article>dl{margin:9px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 18px}.production-sku-prefill{min-height:56px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:9px;background:var(--surface-2)}.production-sku-prefill.ready{color:var(--success);border-color:color-mix(in srgb,var(--success) 24%,var(--line))}.production-sku-prefill.warning{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 30%,var(--line))}.production-sku-prefill>div{min-width:0;display:flex;flex-direction:column;gap:4px}.production-sku-prefill strong{color:var(--ink);font-size:12px}.production-sku-prefill span{color:var(--muted);font-size:10px}.spu-group-list{padding:14px;display:grid;gap:14px}.spu-group-card{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.spu-group-card>header,.mobile-spu-group>header{min-height:62px;padding:11px 14px;display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--accent) 5%,var(--surface-2))}.spu-group-card.ungrouped,.mobile-spu-group.ungrouped{border-style:dashed;border-color:color-mix(in srgb,var(--warning) 35%,var(--line))}.spu-group-card.ungrouped>header,.mobile-spu-group.ungrouped>header{background:color-mix(in srgb,var(--warning) 7%,var(--surface-2))}.spu-group-card>header>div,.mobile-spu-group>header>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.spu-group-card>header strong,.mobile-spu-group>header strong{overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-size:14px;white-space:nowrap}.spu-group-card>header small,.mobile-spu-group>header small{color:var(--muted);font-size:10px}.spu-group-card>header em,.mobile-spu-group>header em{padding:5px 8px;border-radius:7px;color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,transparent);font-size:10px;font-style:normal;font-weight:750;white-space:nowrap}.spu-group-card .table-scroll{border-top:1px solid var(--line)}.spu-sku-table{min-width:1380px}.spu-sku-table .product-name-cell{min-width:280px}.spu-sku-table thead th{background:var(--surface-2)}.spu-sku-table tbody tr:last-child td{border-bottom:0}.spu-sku-table tbody tr.selected td{background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.spu-sku-table .product-select-column{width:58px;min-width:58px;text-align:center}.spu-sku-table .product-select-column input,.mobile-product-select input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.spu-sku-table .product-select-column input:disabled,.mobile-product-select input:disabled{opacity:.35;cursor:not-allowed}.product-row-actions{min-width:146px;gap:4px}.product-icon-action{position:relative;width:34px;height:34px;min-width:34px;min-height:34px;padding:0!important;border:1px solid transparent!important;border-radius:8px;display:inline-grid!important;place-items:center;flex:0 0 auto;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface-2))!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.product-icon-action:hover{border-color:color-mix(in srgb,currentColor 28%,var(--line))!important;transform:translateY(-1px)}.product-icon-action:focus-visible{outline:0;border-color:currentColor!important;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 14%,transparent)}.product-icon-action svg{pointer-events:none}.product-icon-action.view{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface-2))!important}.product-icon-action.edit{color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,var(--surface-2))!important}.product-icon-action.bind{color:color-mix(in srgb,var(--accent) 72%,var(--ink));background:color-mix(in srgb,var(--accent) 8%,var(--surface-2))!important}.product-icon-action.status{color:var(--amber);background:color-mix(in srgb,var(--amber) 10%,var(--surface-2))!important}.product-icon-action.status.reactivate{color:var(--success);background:color-mix(in srgb,var(--success) 10%,var(--surface-2))!important}.product-icon-action:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 7px);z-index:8;min-width:max-content;padding:5px 7px;border-radius:6px;opacity:0;visibility:hidden;transform:translate(-50%,3px);color:#fff;background:color-mix(in srgb,var(--ink) 92%,transparent);box-shadow:0 7px 16px color-mix(in srgb,var(--ink) 16%,transparent);font-size:10px;font-weight:650;line-height:1;pointer-events:none;transition:opacity .14s ease,transform .14s ease,visibility .14s ease}.product-icon-action:hover:after,.product-icon-action:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%)}.product-mobile-actions{margin-top:12px;padding-top:11px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:8px}.product-mobile-actions .product-icon-action{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:10px}.product-mobile-actions .product-icon-action:after{display:none}.product-supply-mode{width:fit-content;min-height:27px;padding:4px 8px;border-radius:7px;display:inline-flex;align-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);font-size:12px;font-weight:700;white-space:nowrap}.product-supply-mode.factory_supplied{color:var(--warning);background:color-mix(in srgb,var(--warning) 11%,transparent)}.product-supply-mode.brand_supplied{color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,transparent)}.product-category-badge{width:fit-content;min-height:27px;padding:4px 8px;border:1px solid color-mix(in srgb,var(--blue) 20%,var(--line));border-radius:7px;display:inline-flex;align-items:center;color:color-mix(in srgb,var(--blue) 80%,var(--ink));background:color-mix(in srgb,var(--blue) 7%,var(--surface));font-size:11px;font-weight:700;white-space:nowrap}.spu-mode-switch{width:fit-content;margin:14px 0;padding:3px;border:1px solid var(--line);border-radius:9px;display:flex;gap:3px;background:var(--surface-2)}.spu-mode-switch button{min-height:34px;padding:0 13px;border:0;border-radius:7px;color:var(--muted);background:transparent;font-size:11px;font-weight:700}.spu-mode-switch button.active{color:var(--accent);background:var(--surface);box-shadow:0 1px 3px color-mix(in srgb,var(--ink) 10%,transparent)}.sku-edit-manufacturer-note{margin:16px 0;min-height:48px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:10px;display:flex;align-items:center;gap:9px;color:var(--muted);background:color-mix(in srgb,var(--accent) 6%,transparent);font-size:11px;line-height:1.55}.sku-edit-manufacturer-note svg{flex:0 0 auto;color:var(--accent)}.sku-edit-manufacturer-note strong{color:var(--ink)}.spu-sibling-skus{margin-top:12px;display:flex;flex-wrap:wrap;gap:7px}.spu-sibling-skus button{min-width:112px;min-height:48px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:flex-start;flex-direction:column;gap:3px;color:var(--ink);background:var(--surface-2);text-align:left}.spu-sibling-skus button.active{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.spu-sibling-skus strong{font-size:11px}.spu-sibling-skus small{color:var(--muted);font-size:9px}.mobile-spu-group{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.mobile-spu-group>.mobile-record-card{margin:9px;background:var(--surface-2)}.mobile-spu-group>.mobile-record-card.selected{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent)}.mobile-record-head>.product-sku-thumbnail{width:52px;height:52px;border-radius:11px}.mobile-record-head .product-sku-title{gap:6px}.mobile-record-head .product-sku-title strong{color:var(--ink);font-size:13px}.mobile-product-select{min-width:32px;min-height:38px;display:grid;place-items:center;cursor:pointer}.product-spu-modal{width:min(780px,100%)}.product-spu-selection-summary{margin-top:17px;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.product-spu-selection-summary>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.product-spu-selection-summary>div:first-child strong{color:var(--ink);font-size:14px}.product-spu-selection-summary>div:first-child span{color:var(--muted);font-size:12px}.product-spu-selection-summary>p{margin:10px 0 0;padding:8px 9px;border-radius:8px;display:flex;align-items:flex-start;gap:6px;color:color-mix(in srgb,var(--warning) 78%,var(--ink));background:color-mix(in srgb,var(--warning) 9%,transparent);font-size:12px;line-height:1.5}.product-spu-selection-summary>p svg{margin-top:1px;flex:0 0 auto}.product-spu-selected-list{max-height:220px;margin-top:11px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow-y:auto}.product-spu-selected-list article{min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:auto 1fr;gap:3px 8px;background:var(--surface)}.product-spu-selected-list article span{color:var(--accent);font-size:12px;font-weight:750}.product-spu-selected-list article strong{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-size:12px;white-space:nowrap}.product-spu-selected-list article small{grid-column:1 / -1;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:11px;white-space:nowrap}@media(max-width:1050px){.products-page .spu-group-list.desktop-table{display:none}.products-page .spu-mobile-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:12px}}@media(max-width:900px){.products-page .material-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sku-bom-line-grid,.sku-material-snapshot{grid-template-columns:1fr 1fr}.sku-create-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sku-create-review-details{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.products-page .material-metrics,.products-page .spu-mobile-list{grid-template-columns:1fr}.product-toast-stack{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));left:10px;width:auto;max-height:calc(100dvh - 20px - env(safe-area-inset-bottom))}.product-toast{min-height:68px;padding:11px 10px 14px}.product-hierarchy-legend{margin:0 10px 10px;grid-template-columns:1fr}.product-hierarchy-legend small{white-space:normal}.sku-create-page .page-heading-action{align-items:stretch}.sku-create-page .page-heading-action>a{width:100%}.sku-create-page-panel{margin:0 -3px;padding:0 13px 13px}.sku-create-panel-head{min-height:70px;margin:0 -13px;padding:13px;align-items:flex-start}.sku-create-panel-head h2{font-size:15px}.sku-create-panel-head p{font-size:10px;line-height:1.5}.sku-create-tabs{margin:0 -13px;padding:10px 13px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;scroll-margin-top:62px}.sku-create-tabs>i{display:none}.sku-create-tabs>button{min-height:86px;padding:8px 6px;grid-template-columns:1fr;align-content:center;justify-items:center;gap:6px;text-align:center}.sku-create-tabs>button>span{width:29px;height:29px}.sku-create-tabs>button strong{font-size:10px}.sku-create-tabs>button small{max-width:100%;font-size:9px;white-space:normal;line-height:1.35}.sku-create-actions{align-items:stretch;flex-direction:column-reverse}.sku-create-actions>button,.sku-create-actions>div{width:100%}.sku-create-actions>div{display:grid;grid-template-columns:1fr}.sku-create-actions button{width:100%;min-height:46px;justify-content:center}.sku-create-review{padding-top:14px}.sku-create-review-hero{min-height:96px;padding:12px;grid-template-columns:auto minmax(0,1fr);align-items:start}.sku-create-review-hero>.product-status{grid-column:2;justify-self:start}.sku-create-review-hero h3,.sku-create-review-hero>div>span{white-space:normal}.sku-create-review-grid{grid-template-columns:1fr}.sku-create-review-card.wide{grid-column:auto}.sku-create-review-card>header{align-items:flex-start}.sku-create-review-card>header>button{min-height:34px}.sku-create-review-details{grid-template-columns:1fr 1fr;gap:0 12px}.sku-create-review-suppliers,.sku-create-review-images{grid-template-columns:1fr}.sku-create-review-materials dl{grid-template-columns:1fr 1fr;gap:0 12px}.sku-create-review-confirm{align-items:start;padding:12px}.spu-mobile-list{gap:12px}.mobile-spu-group>header{padding:10px}.mobile-record-head>.product-sku-thumbnail{width:48px;height:48px}.mobile-record-head .product-sku-title .product-entity-badge{min-width:34px;padding:0 6px}.product-spu-batch-bar{margin:0 10px 2px;align-items:stretch;flex-direction:column}.product-spu-batch-bar>div:last-child{display:grid;grid-template-columns:1fr 1fr}.product-spu-batch-bar>div:last-child>button:only-child{grid-column:1 / -1}.product-spu-batch-bar .secondary-button,.product-spu-batch-bar .primary-button{width:100%;min-height:43px}.product-spu-batch-bar .product-spu-selection-warning{width:100%;align-items:flex-start;line-height:1.5}.product-spu-modal{max-height:calc(100dvh - 10px)}.product-spu-selection-summary>div:first-child{align-items:flex-start;flex-direction:column;gap:4px}.product-spu-selected-list{grid-template-columns:1fr}.spu-mode-switch{width:100%}.spu-mode-switch button{flex:1}.sku-bom-form-section .form-section-title{align-items:stretch;flex-direction:column}.sku-bom-form-section .form-section-title>button{width:100%;min-height:40px;margin-left:0;justify-content:center}.sku-bom-line-grid{grid-template-columns:1fr}.form-grid .sku-critical-toggle{margin-top:0;justify-content:flex-start}.sku-material-snapshot{grid-template-columns:1fr}.sku-material-snapshot>div{min-height:58px}.sku-create-image-grid{grid-template-columns:1fr}.sku-create-image-grid>article{grid-template-columns:88px minmax(0,1fr)}.sku-create-image-grid>article>div{grid-row:1 / span 2;aspect-ratio:1}.sku-create-image-grid textarea{grid-column:1 / -1;min-height:68px}.sku-bom-detail-list article>header{align-items:flex-start;flex-direction:column}.sku-bom-detail-list article>dl{grid-template-columns:1fr 1fr}}.stage-file-mini.generate-sku,.stage-file-mini.generated-sku{min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;font-weight:700}.stage-file-mini.generate-sku{color:#fff;border-color:var(--accent);background:var(--accent)}.stage-file-mini.generate-sku:hover{color:#fff;filter:brightness(.97)}.stage-file-mini.generated-sku{color:var(--success);border-color:color-mix(in srgb,var(--success) 34%,var(--line));background:color-mix(in srgb,var(--success) 9%,var(--surface))}.project-sample-generated-sku,.project-sample-sku-hint{min-height:30px;padding:0 8px;border-radius:7px;display:inline-flex;align-items:center;gap:5px;color:var(--success);background:color-mix(in srgb,var(--success) 9%,var(--surface));font-size:11px;font-weight:650}.project-sample-sku-hint{color:var(--muted);background:var(--surface-2);font-weight:500}.project-sample-compose-bar{padding:12px 14px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface-2);transition:border-color .18s ease,background .18s ease}.project-sample-compose-bar.ready{border-color:color-mix(in srgb,var(--success) 38%,var(--line));background:color-mix(in srgb,var(--success) 5%,var(--surface))}.project-sample-compose-bar>div{min-width:0;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:start;gap:2px 8px}.project-sample-compose-bar>div>svg{grid-row:1 / span 2;color:var(--accent)}.project-sample-compose-bar>div>span{color:var(--ink);font-size:12px;font-weight:650}.project-sample-compose-bar>div>span strong{color:var(--accent);font-size:15px}.project-sample-compose-bar>div>small{color:var(--muted);font-size:10px}.project-sample-compose-bar>a,.project-sample-compose-bar>button{flex:0 0 auto;min-height:38px;text-decoration:none}.project-sample-compose-bar>button:disabled{color:var(--muted);border-color:var(--line);background:var(--surface);opacity:1;box-shadow:none;cursor:not-allowed}.project-sample-source-check{min-height:34px;padding:0 9px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:8px;display:inline-flex;align-items:center;gap:6px;color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--surface));font-size:11px;font-weight:700;cursor:pointer}.project-sample-source-check input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.project-sample-source-check.disabled{color:var(--muted);border-color:var(--line);background:var(--surface-2);cursor:not-allowed}.project-sample-material-match{margin-top:3px;width:fit-content;padding:3px 7px;border-radius:6px;font-weight:650}.project-sample-material-match.matched{color:var(--success);background:color-mix(in srgb,var(--success) 9%,var(--surface))}.project-sample-material-match.unmatched{color:var(--warning);background:color-mix(in srgb,var(--warning) 10%,var(--surface))}.project-sample-material-match.ambiguous{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface))}.project-sample-material-binding{margin:10px 0 0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:9px;display:grid;grid-template-columns:minmax(115px,.32fr) minmax(260px,1fr);align-items:center;gap:5px 11px;background:color-mix(in srgb,var(--accent) 3%,var(--surface))}.project-sample-material-binding>span{color:var(--ink);font-size:11px;font-weight:700}.project-sample-material-binding>span em{color:var(--danger);font-style:normal}.project-sample-material-binding select{width:100%;min-width:0;height:38px;padding:0 32px 0 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--input-bg);outline:0;font-size:12px}.project-sample-material-binding select:focus{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.project-sample-material-binding select:disabled{color:var(--muted);cursor:not-allowed;opacity:.78}.project-sample-material-binding>small{grid-column:2;color:var(--muted);font-size:10px;line-height:1.45}.project-sample-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px 14px;flex-wrap:wrap}.project-sample-toolbar .stage-pane-toolbar{margin:0}.project-sample-filters{min-height:36px;padding:3px;border:1px solid var(--line);border-radius:9px;display:inline-flex;align-items:center;gap:2px;background:var(--surface-2)}.project-sample-filters button{min-height:28px;padding:0 9px;border:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);background:transparent;font-size:11px;font-weight:650;cursor:pointer}.project-sample-filters button:hover{color:var(--ink);background:var(--surface)}.project-sample-filters button.active{color:var(--accent);background:var(--surface);box-shadow:0 1px 3px color-mix(in srgb,var(--ink) 8%,transparent)}.project-sample-filters button span{min-width:17px;height:17px;padding:0 4px;border-radius:9px;display:inline-grid;place-items:center;color:inherit;background:color-mix(in srgb,currentColor 9%,transparent);font-size:9px}.project-sample-state-legend{min-height:34px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;background:var(--surface-2)}.project-sample-state-legend>span{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:10px}.project-sample-state-legend i{width:12px;height:12px;border:1px solid var(--line);border-radius:4px;background:var(--surface);box-shadow:inset 3px 0 0 var(--muted)}.project-sample-state-legend strong{color:var(--ink);font-size:10px}.project-sample-state-legend .ready i{border-color:color-mix(in srgb,var(--danger) 48%,var(--line));background:color-mix(in srgb,var(--danger) 10%,var(--surface));box-shadow:inset 3px 0 0 var(--danger)}.project-sample-state-legend .selected-pending i{border-color:color-mix(in srgb,var(--amber) 52%,var(--line));background:color-mix(in srgb,var(--amber) 12%,var(--surface));box-shadow:inset 3px 0 0 var(--amber)}.project-sample-state-legend .not-selected i{border-color:color-mix(in srgb,var(--muted) 24%,var(--line));background:color-mix(in srgb,var(--muted) 5%,var(--surface));box-shadow:inset 3px 0 color-mix(in srgb,var(--muted) 58%,transparent)}.project-supplier-sample-groups{display:grid;gap:15px}.project-supplier-sample-group{min-width:0;padding:12px;border:1px solid var(--line);border-radius:13px;display:grid;grid-template-columns:minmax(190px,220px) minmax(0,1fr);align-items:start;gap:12px;background:var(--surface-2)}.project-sample-supplier-summary{position:sticky;top:90px;z-index:2;min-width:0;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 15%,var(--line));border-radius:11px;display:grid;gap:12px;background:var(--surface);box-shadow:0 3px 12px color-mix(in srgb,var(--ink) 5%,transparent)}.project-sample-supplier-title{min-width:0;display:flex;align-items:center;gap:9px}.project-sample-supplier-title>span{width:36px;height:36px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.project-sample-supplier-title>div{min-width:0;display:flex;flex-direction:column;gap:2px}.project-sample-supplier-title small{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.05em}.project-sample-supplier-title strong{overflow:hidden;color:var(--ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.project-sample-supplier-summary>dl{margin:0;display:grid;gap:8px}.project-sample-supplier-summary>dl>div{min-width:0}.project-sample-supplier-summary dt{color:var(--muted);font-size:9px;font-weight:650}.project-sample-supplier-summary dd{margin:2px 0 0;color:color-mix(in srgb,var(--ink) 82%,transparent);font-size:11px;line-height:1.45;overflow-wrap:anywhere}.project-sample-supplier-relation{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.project-sample-supplier-relation em,.project-sample-supplier-relation span{padding:3px 7px;border-radius:6px;color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 9%,var(--surface));font-size:9px;font-style:normal;font-weight:700}.project-sample-supplier-relation span.confirmed{color:var(--success);background:color-mix(in srgb,var(--success) 10%,var(--surface))}.project-sample-supplier-relation span.candidate{color:var(--warning);background:color-mix(in srgb,var(--warning) 10%,var(--surface))}.project-sample-supplier-count{padding-top:10px;border-top:1px solid var(--line);display:flex;align-items:baseline;gap:5px}.project-sample-supplier-count strong{color:var(--accent);font-size:24px;line-height:1}.project-sample-supplier-count span{color:var(--muted);font-size:10px}.project-sample-supplier-decisions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.project-sample-supplier-decisions span{min-width:0;padding:4px 2px;border-radius:6px;color:var(--muted);background:var(--surface-2);font-size:9px;font-weight:700;text-align:center;white-space:nowrap}.project-sample-supplier-decisions span.selected{color:var(--success);background:color-mix(in srgb,var(--success) 9%,var(--surface))}.project-sample-supplier-decisions span.pending{color:var(--warning);background:color-mix(in srgb,var(--warning) 9%,var(--surface))}.project-sample-supplier-decisions span.eliminated{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface))}.project-supplier-group-samples{min-width:0;align-self:start;gap:8px}.project-sample-card{position:relative;padding:0;gap:0;overflow:visible}.project-sample-card.flow-ready{border-color:color-mix(in srgb,var(--danger) 48%,var(--line));background:color-mix(in srgb,var(--danger) 8%,var(--surface));box-shadow:inset 4px 0 0 var(--danger)}.project-sample-card.flow-selected-pending{border-color:color-mix(in srgb,var(--amber) 54%,var(--line));background:color-mix(in srgb,var(--amber) 11%,var(--surface));box-shadow:inset 4px 0 0 var(--amber)}.project-sample-card.flow-not-selected{border-color:color-mix(in srgb,var(--muted) 24%,var(--line));background:color-mix(in srgb,var(--muted) 4%,var(--surface));box-shadow:inset 4px 0 color-mix(in srgb,var(--muted) 55%,transparent)}.project-sample-compact-main{min-width:0;padding:10px 12px 9px;display:grid;grid-template-columns:68px minmax(0,1fr);align-items:start;gap:11px}.project-sample-cover{position:relative;width:68px;height:68px;border:1px solid var(--line);border-radius:10px;overflow:visible;color:var(--accent);background:var(--surface-2)}.project-sample-cover>img:first-child{width:100%;height:100%;border-radius:9px;display:block;object-fit:cover}.project-sample-cover.empty{overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-style:dashed;color:var(--muted)}.project-sample-cover.empty>span{font-size:9px}.project-sample-cover>.project-sample-cover-kind,.project-sample-cover>em{position:absolute;z-index:2;bottom:4px;padding:1px 4px;border-radius:5px;color:#fff;background:color-mix(in srgb,var(--ink) 70%,transparent);font-size:8px;font-style:normal;font-weight:700}.project-sample-cover>.project-sample-cover-kind{left:4px}.project-sample-cover>em{right:4px}.project-sample-cover-zoom{display:none;position:absolute;top:0;left:calc(100% + 9px);z-index:65;width:260px;height:260px;border:2px solid var(--surface);border-radius:12px;object-fit:cover;box-shadow:0 15px 38px color-mix(in srgb,var(--ink) 25%,transparent);pointer-events:none}.project-sample-cover:hover .project-sample-cover-zoom{display:block}.project-sample-compact-body{min-width:0;display:grid;gap:7px}.project-sample-compact-meta{margin:0;display:grid;grid-template-columns:minmax(90px,.65fr) minmax(100px,.7fr) minmax(130px,1fr);gap:6px 14px}.project-sample-compact-meta>div{min-width:0}.project-sample-compact-meta dt{color:var(--muted);font-size:9px;font-weight:650}.project-sample-compact-meta dd{margin:1px 0 0;overflow:hidden;color:color-mix(in srgb,var(--ink) 82%,transparent);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.project-sample-compact-material{min-width:0;min-height:29px;padding:4px 7px;border:1px solid var(--line);border-radius:7px;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:5px 7px;background:var(--surface-2)}.project-sample-compact-material>span{color:var(--muted);font-size:9px;font-weight:650}.project-sample-compact-material>strong{padding:2px 6px;border-radius:5px;color:var(--muted);background:var(--surface);font-size:9px;white-space:nowrap}.project-sample-compact-material>p{min-width:0;margin:0;overflow:hidden;color:color-mix(in srgb,var(--ink) 76%,transparent);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.project-sample-compact-material.ready{border-color:color-mix(in srgb,var(--success) 24%,var(--line));background:color-mix(in srgb,var(--success) 4%,var(--surface))}.project-sample-compact-material.ready>strong{color:var(--success);background:color-mix(in srgb,var(--success) 10%,var(--surface))}.project-sample-compact-material.pending{border-color:color-mix(in srgb,var(--warning) 22%,var(--line))}.project-sample-compact-material.pending>strong{color:var(--warning);background:color-mix(in srgb,var(--warning) 9%,var(--surface))}.project-sample-compact-material.retired{border-color:color-mix(in srgb,var(--danger) 22%,var(--line))}.project-sample-compact-material.retired>strong{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,var(--surface))}.project-sample-compact-skus{min-width:0;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.project-sample-compact-skus>span{margin-right:2px;color:var(--muted);font-size:9px;font-weight:650}.project-sample-compact-skus>a,.project-sample-compact-skus>em{padding:2px 6px;border-radius:5px;color:var(--success);background:color-mix(in srgb,var(--success) 9%,var(--surface));font-size:9px;font-style:normal;font-weight:700;text-decoration:none}.project-sample-feedback-panel{border-top:1px solid var(--line)}.project-sample-feedback-panel>summary{min-height:35px;padding:0 12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;color:var(--muted);list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}.project-sample-feedback-panel>summary::-webkit-details-marker{display:none}.project-sample-feedback-panel>summary:hover,.project-sample-feedback-panel[open]>summary{color:var(--accent);background:color-mix(in srgb,var(--accent) 4%,var(--surface))}.project-sample-feedback-panel>summary>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.project-sample-feedback-panel>summary b{color:color-mix(in srgb,var(--ink) 76%,transparent);font-size:10px}.project-sample-feedback-panel>summary em{min-width:17px;height:17px;padding:0 4px;border-radius:9px;display:inline-grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface));font-size:9px;font-style:normal;font-weight:700}.project-sample-feedback-panel>summary small{min-width:0;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.project-sample-feedback-panel>summary>svg{transition:transform .16s ease}.project-sample-feedback-panel[open]>summary>svg{transform:rotate(90deg)}.project-sample-feedback-list{max-height:320px;padding:0 12px 11px 36px;display:grid;gap:6px;overflow-y:auto}.project-sample-feedback-list>p{margin:0;padding:9px 10px;border-radius:7px;color:var(--muted);background:var(--surface-2);font-size:10px}.project-sample-feedback-list>article{position:relative;padding:8px 10px;border:1px solid var(--line);border-radius:8px;display:grid;gap:4px;background:var(--surface-2)}.project-sample-feedback-list>article:before{content:"";position:absolute;left:-14px;top:13px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 11%,transparent)}.project-sample-feedback-list header{display:flex;align-items:center;justify-content:space-between;gap:8px}.project-sample-feedback-list header strong{color:var(--ink);font-size:10px}.project-sample-feedback-list header time{color:var(--muted);font-size:9px}.project-sample-feedback-list article>p{margin:0;color:color-mix(in srgb,var(--ink) 80%,transparent);font-size:11px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.project-sample-feedback-photos{display:flex;gap:5px;flex-wrap:wrap}.project-sample-feedback-photos a,.project-sample-feedback-photos img{width:38px;height:38px;border-radius:6px;display:block;object-fit:cover}.project-sample-feedback-photos img{border:1px solid var(--line)}.project-sample-head{flex-wrap:nowrap}.project-sample-title{flex:1 1 auto}.project-sample-title-row{min-width:0;display:flex;align-items:center;gap:7px 10px;flex-wrap:wrap}.project-sample-title-row>strong{min-width:0;overflow-wrap:anywhere}.project-sample-title-row .project-sample-badges{flex:0 1 auto}.project-sample-card.source-selected{outline:2px solid color-mix(in srgb,var(--accent) 62%,transparent);outline-offset:2px}.project-sample-head-controls{margin-left:auto;display:flex;align-items:center;gap:6px;flex:0 0 auto}.project-sample-source-toggle,.project-sample-source-unavailable{min-height:32px;padding:0 9px;border:1px solid var(--line);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);background:var(--surface);font-size:10px;font-weight:700;white-space:nowrap}.project-sample-source-toggle{cursor:pointer}.project-sample-source-toggle input{width:15px;height:15px;margin:0;accent-color:var(--accent);cursor:pointer}.project-sample-source-toggle:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 34%,var(--line))}.project-sample-source-toggle.selected{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.project-sample-source-unavailable{color:color-mix(in srgb,var(--muted) 75%,transparent);background:var(--surface-2);cursor:not-allowed}.project-sample-action-menu{position:relative;z-index:2;flex:0 0 auto}.project-sample-action-menu[open]{z-index:40}.project-sample-action-menu>summary{min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);background:var(--surface);font-size:11px;font-weight:700;list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}.project-sample-action-menu>summary::-webkit-details-marker{display:none}.project-sample-action-menu>summary:hover,.project-sample-action-menu[open]>summary{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.project-sample-action-popover{position:absolute;top:calc(100% + 7px);right:0;z-index:40;width:266px;padding:6px;border:1px solid var(--line);border-radius:11px;display:grid;background:var(--surface);box-shadow:0 14px 34px color-mix(in srgb,var(--ink) 18%,transparent)}.project-sample-action-popover>section{padding:6px;display:grid;gap:4px}.project-sample-action-popover>section+section{border-top:1px solid var(--line)}.project-sample-action-popover>section>span{padding:1px 4px 4px;color:var(--muted);font-size:9px;font-weight:750;letter-spacing:.05em}.project-sample-action-popover>section>button{width:100%;min-height:34px;padding:0 9px;border:0;border-radius:7px;display:flex;align-items:center;gap:7px;color:color-mix(in srgb,var(--ink) 78%,transparent);background:transparent;font-size:11px;font-weight:600;text-align:left;cursor:pointer}.project-sample-action-popover>section>button:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.project-sample-action-popover>section>button.selected{color:var(--success);background:color-mix(in srgb,var(--success) 8%,var(--surface))}.project-sample-action-popover>section>button.danger{color:var(--danger)}.project-sample-action-popover>section>button:disabled{opacity:.58;cursor:default}.project-sample-action-popover>section>small{padding:3px 4px;color:var(--muted);font-size:9px;line-height:1.45}.project-sample-action-popover .sample-decision-group{width:100%}.project-sample-action-popover .sample-decision-group button{min-width:0;flex:1;padding:0 7px}.project-sample-info-grid{margin:0;padding-top:10px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 18px}.project-sample-info-grid>div{min-width:0}.project-sample-info-grid>.span-two{grid-column:span 2}.project-sample-info-grid>.span-four{grid-column:1 / -1}.project-sample-info-grid dt{color:var(--muted);font-size:9px;font-weight:650}.project-sample-info-grid dd{margin:3px 0 0;color:color-mix(in srgb,var(--ink) 82%,transparent);font-size:11px;line-height:1.5;overflow-wrap:anywhere}.project-sample-material-info{padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.project-sample-material-info dd{display:flex;align-items:center;gap:6px 9px;flex-wrap:wrap}.project-sample-material-info dd strong{padding:2px 7px;border-radius:6px;color:var(--muted);background:var(--surface);font-size:10px;white-space:nowrap}.project-sample-material-info.ready{border-color:color-mix(in srgb,var(--success) 26%,var(--line));background:color-mix(in srgb,var(--success) 4%,var(--surface))}.project-sample-material-info.ready dd strong{color:var(--success);background:color-mix(in srgb,var(--success) 10%,var(--surface))}.project-sample-material-info.pending{border-color:color-mix(in srgb,var(--warning) 26%,var(--line))}.project-sample-material-info.pending dd strong{color:var(--warning);background:color-mix(in srgb,var(--warning) 10%,var(--surface))}.project-sample-material-info.retired{border-color:color-mix(in srgb,var(--danger) 25%,var(--line))}.project-sample-material-info.retired dd strong{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,var(--surface))}.project-sample-generated-info dd{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.project-sample-generated-info dd a,.project-sample-generated-info dd span{padding:2px 7px;border-radius:6px;color:var(--success);background:color-mix(in srgb,var(--success) 9%,var(--surface));font-size:10px;font-weight:700;text-decoration:none}.project-sample-photo-info{padding-top:10px;border-top:1px solid var(--line);display:grid;gap:7px}.project-sample-photo-info>span{color:var(--muted);font-size:9px;font-weight:650}.sample-material-link-modal{width:min(760px,100%);padding-bottom:18px}.sample-material-link-toolbar{padding-top:17px;display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:9px}.sample-material-link-toolbar .search-box{width:100%;margin:0}.sample-material-link-toolbar>select{width:100%;height:40px;padding:0 31px 0 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--input-bg);outline:0;font-size:12px}.sample-material-link-toolbar>select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)}.sample-material-link-summary{min-height:30px;display:flex;align-items:baseline;justify-content:flex-end;gap:4px;color:var(--muted);font-size:10px}.sample-material-link-summary strong{color:var(--accent);font-size:14px}.sample-material-link-list{max-height:46vh;padding:4px;border:1px solid var(--line);border-radius:11px;display:grid;gap:4px;overflow-y:auto;background:var(--surface-2)}.sample-material-link-list>button{width:100%;min-height:70px;padding:10px;border:1px solid transparent;border-radius:9px;display:grid;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;gap:9px;color:var(--ink);background:var(--surface);text-align:left;cursor:pointer}.sample-material-link-list>button:hover{border-color:color-mix(in srgb,var(--accent) 24%,var(--line));background:color-mix(in srgb,var(--accent) 3%,var(--surface))}.sample-material-link-list>button.selected{border-color:color-mix(in srgb,var(--accent) 52%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 5%,transparent)}.sample-material-link-list>button>span,.sample-material-link-list>button>i{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.sample-material-link-list>button>i{width:24px;height:24px;border:1px solid var(--line);border-radius:50%;color:#fff;background:var(--surface)}.sample-material-link-list>button.selected>i{border-color:var(--accent);background:var(--accent)}.sample-material-link-list>button>div{min-width:0;display:flex;flex-direction:column;gap:2px}.sample-material-link-list strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.sample-material-link-list small{color:var(--accent);font-size:10px;font-weight:650}.sample-material-link-list p{margin:1px 0 0;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.sample-material-link-empty{min-height:150px;margin:0;padding:20px;display:grid;place-items:center;color:var(--muted);font-size:12px;line-height:1.65;text-align:center}.sample-material-link-selection{min-height:48px;margin-top:10px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-2)}.sample-material-link-selection span{color:var(--muted);font-size:10px}.sample-material-link-selection strong{color:var(--ink);font-size:11px;text-align:right}.sample-material-link-actions>span{flex:1}.secondary-button.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,var(--line));background:color-mix(in srgb,var(--danger) 4%,var(--surface))}.development-bom-pane{gap:14px}.development-bom-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.development-bom-summary>div{min-height:74px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:1fr auto;align-content:center;gap:2px 10px;background:var(--surface-2)}.development-bom-summary span{color:var(--muted);font-size:11px}.development-bom-summary strong{grid-row:1 / span 2;grid-column:2;align-self:center;color:var(--accent);font-size:22px}.development-bom-summary small{color:color-mix(in srgb,var(--ink) 68%,transparent);font-size:11px}.development-bom-intro{min-height:58px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:color-mix(in srgb,var(--accent) 4%,var(--surface))}.development-bom-intro>div{min-width:0;display:flex;align-items:center;gap:9px;color:var(--accent)}.development-bom-intro>div>span{min-width:0;display:flex;flex-direction:column;gap:2px}.development-bom-intro strong{color:var(--ink);font-size:12px}.development-bom-intro small{color:var(--muted);font-size:10px;line-height:1.5}.development-bom-intro>em{flex:0 0 auto;padding:5px 8px;border-radius:7px;color:var(--warning);background:color-mix(in srgb,var(--warning) 10%,var(--surface));font-size:10px;font-style:normal}.development-bom-empty{min-height:220px;padding:28px;border:1px dashed var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);background:var(--surface-2);text-align:center}.development-bom-empty strong{color:var(--ink);font-size:14px}.development-bom-empty p{max-width:500px;margin:0 0 5px;font-size:11px;line-height:1.6}.development-bom-list{display:grid;gap:14px}.development-bom-card{padding:0 15px 13px;border:1px solid var(--line);border-radius:13px;background:var(--surface);overflow:hidden}.development-bom-card.retired{background:color-mix(in srgb,var(--muted) 3%,var(--surface))}.development-bom-head{min-height:68px;margin:0 -15px;padding:10px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface-2)}.development-bom-head>div:first-child{min-width:0;display:flex;align-items:center;gap:10px}.development-bom-head>div:first-child>span{width:36px;height:36px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.development-bom-head>div:first-child>div{min-width:0;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:start;gap:2px 7px}.development-bom-head small{grid-column:1 / -1;color:var(--accent);font-size:9px;font-weight:750;letter-spacing:.03em}.development-bom-head strong{overflow:hidden;color:var(--ink);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.development-bom-head em{padding:2px 6px;border-radius:5px;color:var(--success);background:color-mix(in srgb,var(--success) 10%,var(--surface));font-size:9px;font-style:normal;font-weight:700}.development-bom-card.retired .development-bom-head em{color:var(--muted);background:color-mix(in srgb,var(--muted) 10%,var(--surface))}.development-bom-head-actions{flex:0 0 auto;display:flex;align-items:center;gap:7px}.development-bom-head-actions>a,.development-bom-head-actions>button{min-height:36px;text-decoration:none}.development-bom-master-grid{padding:14px 0;display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(100px,.5fr) minmax(160px,.8fr);gap:10px}.development-bom-master-grid>label,.development-bom-item-grid>label{min-width:0;display:flex;flex-direction:column;gap:5px}.development-bom-master-grid>label>span,.development-bom-item-grid>label>span{color:var(--muted);font-size:10px;font-weight:650}.development-bom-master-grid label>span em{color:var(--danger);font-style:normal}.development-bom-master-grid input,.development-bom-master-grid select,.development-bom-master-grid textarea,.development-bom-item-grid input[type=number],.development-bom-item-grid select{width:100%;min-width:0;min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--input-bg);outline:0;font:inherit;font-size:12px}.development-bom-master-grid textarea{min-height:54px;padding:8px 10px;resize:vertical}.development-bom-master-grid input:focus,.development-bom-master-grid select:focus,.development-bom-master-grid textarea:focus,.development-bom-item-grid input:focus,.development-bom-item-grid select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)}.development-bom-master-grid :disabled,.development-bom-item-grid :disabled{color:color-mix(in srgb,var(--ink) 62%,transparent);background:var(--surface-2);opacity:1;cursor:default}.development-bom-master-grid .wide{grid-column:1 / -1}.development-bom-items-head{min-height:42px;padding:7px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.development-bom-items-head>div{display:flex;flex-direction:column;gap:2px}.development-bom-items-head strong{color:var(--ink);font-size:12px}.development-bom-items-head small{color:var(--muted);font-size:10px}.development-bom-items{display:grid;gap:9px}.development-bom-items>article{padding:0 11px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.development-bom-items>article.sourced{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:color-mix(in srgb,var(--accent) 3%,var(--surface))}.development-bom-items>article>header{min-height:56px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.development-bom-items>article>header>div{min-width:0;display:flex;align-items:center;gap:7px}.development-bom-items>article>header .development-bom-item-index{width:22px;height:22px;flex:0 0 auto;border-radius:6px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));font-size:9px;font-weight:750}.material-source-thumbnail{position:relative;width:42px;height:42px;flex:0 0 auto;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;overflow:hidden;color:var(--muted);background:var(--surface)}.material-source-thumbnail img{width:100%;height:100%;display:block;object-fit:cover}.material-source-thumbnail.empty{border-style:dashed;background:var(--surface-2)}.development-bom-item-title{min-width:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.development-bom-items>article>header strong{overflow:hidden;color:var(--ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.development-bom-items>article>header em{padding:2px 6px;border-radius:5px;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface));font-size:9px;font-style:normal;font-weight:700}.development-bom-items>article>header button{min-height:28px;padding:0 7px;border:0;display:inline-flex;align-items:center;gap:4px;color:var(--danger);background:transparent;font-size:10px}.development-bom-sources{padding:8px 0 0;display:flex;flex-wrap:wrap;gap:5px}.development-bom-sources>span{min-height:28px;padding:4px 7px;border-radius:7px;display:inline-flex;align-items:center;gap:4px;color:color-mix(in srgb,var(--ink) 76%,transparent);background:color-mix(in srgb,var(--accent) 7%,var(--surface));font-size:9px}.development-bom-sources svg,.development-bom-sources b{color:var(--accent)}.development-bom-sources em{margin-left:3px;color:var(--muted);font-style:normal}.development-bom-item-grid{padding-top:10px;display:grid;grid-template-columns:minmax(190px,1.45fr) minmax(100px,.65fr) minmax(95px,.55fr) minmax(160px,1fr);gap:9px;align-items:end}.development-bom-material-snapshot{margin-top:8px;padding:7px 8px;border-radius:7px;display:flex;flex-wrap:wrap;gap:5px 13px;color:var(--muted);background:var(--surface);font-size:9px;line-height:1.5}.development-bom-material-snapshot span:first-child{color:var(--accent);font-weight:700}.development-bom-products{margin-top:11px;padding:9px 10px;border-radius:8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:color-mix(in srgb,var(--success) 6%,var(--surface))}.development-bom-products>span{margin-right:3px;color:var(--muted);font-size:10px}.development-bom-products>a,.development-bom-products>em{padding:4px 7px;border-radius:6px;color:var(--success);background:var(--surface);font-size:10px;font-style:normal;font-weight:700;text-decoration:none}.development-bom-card>footer{min-height:48px;padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:10px}.development-bom-card>footer>small{color:var(--muted);font-size:9px}.development-bom-card>footer>button{min-height:36px}.packaging-design-pane{gap:14px}.packaging-design-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.packaging-design-summary>div{min-height:74px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:1fr auto;align-content:center;gap:2px 10px;background:var(--surface-2)}.packaging-design-summary span{color:var(--muted);font-size:11px}.packaging-design-summary strong{grid-row:1 / span 2;grid-column:2;align-self:center;color:var(--accent);font-size:22px}.packaging-design-summary small{color:color-mix(in srgb,var(--ink) 68%,transparent);font-size:11px}.packaging-design-toolbar{justify-content:space-between}.packaging-design-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.packaging-design-toolbar select{min-width:150px;height:38px;padding:0 31px 0 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--input-bg);outline:0}.packaging-readonly-note{color:var(--muted);font-size:12px}.packaging-design-upload-form{padding:14px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:11px;display:grid;gap:12px;background:color-mix(in srgb,var(--accent) 3%,var(--surface))}.packaging-design-upload-form>div:first-child{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(170px,.8fr) minmax(240px,1.8fr);gap:10px}.packaging-design-upload-form label{display:grid;gap:6px}.packaging-design-upload-form label>span{color:var(--muted);font-size:11px;font-weight:600}.packaging-design-upload-form label>span em{color:var(--danger);font-style:normal}.packaging-design-upload-form select,.packaging-design-upload-form input[type=text],.packaging-design-upload-form input:not([type]){width:100%;height:40px;padding:0 11px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--input-bg);outline:0;font-size:13px}.packaging-design-file-picker{position:relative;min-height:74px;padding:12px 14px;border:1px dashed color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:11px!important;color:var(--accent);background:var(--surface);cursor:pointer}.packaging-design-file-picker>span{display:flex;flex-direction:column;gap:3px}.packaging-design-file-picker strong{color:var(--ink);font-size:13px}.packaging-design-file-picker small{color:var(--muted);font-size:10px;line-height:1.5}.packaging-design-file-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.packaging-selected-files{display:flex;gap:6px;flex-wrap:wrap}.packaging-selected-files span{max-width:280px;min-height:29px;padding:4px 7px;border-radius:7px;display:inline-flex;align-items:center;gap:5px;color:color-mix(in srgb,var(--ink) 78%,transparent);background:var(--surface-2);font-size:11px}.packaging-selected-files span small{color:var(--muted)}.packaging-design-upload-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.packaging-design-upload-actions>label{display:flex;align-items:center;grid-template-columns:auto 1fr;gap:7px;color:color-mix(in srgb,var(--ink) 78%,transparent);font-size:12px}.packaging-design-upload-actions>label input{width:17px;height:17px;accent-color:var(--accent)}.packaging-design-upload-actions>div{display:flex;gap:8px}.packaging-design-table-wrap{border:1px solid var(--line);border-radius:11px;overflow-x:auto}.packaging-design-table{width:100%;min-width:1120px;border-collapse:collapse;background:var(--surface)}.packaging-design-table th{padding:10px 12px;color:var(--muted);background:var(--surface-2);font-size:11px;text-align:left;white-space:nowrap}.packaging-design-table td{padding:10px 12px;border-top:1px solid var(--line);color:color-mix(in srgb,var(--ink) 80%,transparent);font-size:12px;vertical-align:middle}.packaging-design-table tr.retired{opacity:.62}.packaging-design-file{min-width:240px;display:flex;align-items:center;gap:9px}.packaging-design-file>img,.packaging-design-file>span{width:42px;height:42px;flex:0 0 auto;border:1px solid var(--line);border-radius:8px;object-fit:cover;display:grid;place-items:center;color:var(--accent);background:var(--surface-2)}.packaging-design-file>div{min-width:0;display:flex;flex-direction:column;gap:2px}.packaging-design-file strong{max-width:250px;color:var(--ink);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.packaging-design-file small{color:var(--muted);font-size:10px}.packaging-design-kind{display:block;color:var(--accent);font-size:11px;font-weight:700;white-space:nowrap}.packaging-design-version{display:block;margin-top:3px;color:var(--ink);font-size:13px;white-space:nowrap}.packaging-design-statuses{display:flex;gap:4px;flex-wrap:wrap}.packaging-design-statuses em{padding:3px 7px;border-radius:6px;color:var(--muted);background:var(--surface-2);font-size:10px;font-style:normal;font-weight:700;white-space:nowrap}.packaging-design-statuses em.current{display:inline-flex;align-items:center;gap:3px;color:#fff;background:var(--success)}.packaging-design-statuses em.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.packaging-design-statuses em.retired{color:var(--muted)}.packaging-design-note{display:block;min-width:150px;max-width:260px;line-height:1.55;overflow-wrap:anywhere}.packaging-design-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.packaging-design-actions a,.packaging-design-actions button{min-height:30px;padding:0 8px;border:1px solid var(--line);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:4px;color:var(--accent);background:var(--surface);font-size:11px;text-decoration:none;white-space:nowrap;cursor:pointer}.packaging-design-actions .danger{color:var(--danger)}.packaging-design-mobile-list{margin-top:0}.packaging-mobile-head{display:flex;align-items:center;gap:9px}.packaging-mobile-head>img,.packaging-mobile-head>span{width:46px;height:46px;flex:0 0 auto;border:1px solid var(--line);border-radius:9px;object-fit:cover;display:grid;place-items:center;color:var(--accent);background:var(--surface-2)}.packaging-mobile-head>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.packaging-mobile-head strong{overflow:hidden;color:var(--ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.packaging-mobile-head small{color:var(--muted);font-size:10px}.packaging-mobile-head>em{padding:3px 6px;border-radius:6px;display:inline-flex;align-items:center;gap:3px;color:#fff;background:var(--success);font-size:10px;font-style:normal;font-weight:700}.packaging-design-mobile-list article>p{margin:10px 0;color:color-mix(in srgb,var(--ink) 72%,transparent);font-size:12px;line-height:1.55}.packaging-design-mobile-list article>dl{margin:0 0 11px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.packaging-design-mobile-list dt{color:var(--muted);font-size:10px}.packaging-design-mobile-list dd{margin:2px 0 0;color:var(--ink);font-size:11px;overflow-wrap:anywhere}.packaging-design-mobile-list article.retired{opacity:.66}.sku-development-source{margin-bottom:14px;padding:14px 16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px 14px;border-color:color-mix(in srgb,var(--success) 28%,var(--line));background:color-mix(in srgb,var(--success) 4%,var(--surface))}.sku-development-source-main{display:flex;flex-direction:column;gap:2px}.sku-development-source-main p{margin:0;color:var(--success);font-size:10px;font-weight:750}.sku-development-source-main strong{color:var(--ink);font-size:14px}.sku-development-source-main small{color:var(--muted);font-size:11px}.sku-development-source-samples{grid-column:2 / -1;display:grid;gap:7px}.sku-development-source-samples>article{min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:9px;display:grid;grid-template-columns:auto minmax(150px,1fr) minmax(180px,1fr) auto;align-items:center;gap:8px 10px;background:var(--surface)}.sku-development-source-samples>article.sku-development-material-row{grid-template-columns:44px minmax(150px,1fr) minmax(180px,1fr) auto auto}.sku-development-source-index,.product-source-sample-list>article>span{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));font-size:10px;font-weight:750}.sku-development-material-thumbnail{width:44px;height:44px}.sku-development-source-samples>article>div:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:2px}.sku-development-source-samples>article>div:nth-child(2) strong{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.sku-development-source-samples>article>div:nth-child(2) small{color:var(--muted);font-size:10px}.sku-development-source-suppliers{min-width:0;display:flex;gap:5px;flex-wrap:wrap}.sku-development-source-suppliers em{padding:3px 7px;border-radius:6px;color:var(--muted);background:var(--surface-2);font-size:10px;font-style:normal}.sku-development-source-suppliers em.eligible{color:var(--success);background:color-mix(in srgb,var(--success) 10%,var(--surface))}.sku-development-source-detail-button{min-height:31px;padding:0 8px;border:1px solid var(--line);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:4px;color:var(--accent);background:var(--surface);font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap}.sku-development-source-detail-button:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.material-match{padding:4px 7px;border-radius:6px;color:var(--muted);background:var(--surface-2);font-size:10px;white-space:nowrap}.material-match.matched,.material-match.confirmed{color:var(--success);background:color-mix(in srgb,var(--success) 9%,var(--surface))}.material-match.unmatched{color:var(--warning);background:color-mix(in srgb,var(--warning) 10%,var(--surface))}.material-match.ambiguous{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface))}.sku-development-source>p{grid-column:2 / -1;margin:0;display:flex;align-items:center;gap:5px;color:color-mix(in srgb,var(--ink) 68%,transparent);font-size:11px}.sku-development-source>a,.product-development-source-detail>a{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-size:11px;font-weight:650;text-decoration:none}.sku-development-source>a{grid-column:3;grid-row:1}.sku-development-source-error{margin-bottom:14px;padding:16px;display:flex;align-items:center;gap:12px;border-color:color-mix(in srgb,var(--danger) 30%,var(--line));color:var(--danger)}.sku-development-source-error>div:nth-child(2){min-width:0;flex:1}.sku-development-source-error strong{color:var(--ink);font-size:14px}.sku-development-source-error p{margin:3px 0 0;color:var(--muted);font-size:12px}.sku-development-source-error>div:last-child{display:flex;gap:7px}.source-material-detail-modal{width:min(720px,100%)}.source-material-detail-content{padding-top:16px;display:grid;gap:14px;overflow-y:auto}.source-material-detail-hero{min-height:146px;padding:12px;border:1px solid var(--line);border-radius:11px;display:grid;grid-template-columns:124px minmax(0,1fr);align-items:center;gap:16px;background:var(--surface-2)}.source-material-detail-image{width:124px;height:124px;border-radius:11px}.source-material-detail-hero>div{min-width:0}.source-material-detail-hero small{color:var(--accent);font-size:10px;font-weight:700}.source-material-detail-hero h3{margin:5px 0 4px;color:var(--ink);font-size:18px}.source-material-detail-hero p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.source-material-detail-grid{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.source-material-detail-grid>div{min-width:0;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.source-material-detail-grid dt{color:var(--muted);font-size:10px}.source-material-detail-grid dd{margin:3px 0 0;color:var(--ink);font-size:12px;overflow-wrap:anywhere}.source-material-detail-samples{padding:11px;border:1px solid var(--line);border-radius:10px;display:grid;gap:8px}.source-material-detail-samples>header{display:flex;align-items:center;gap:6px;color:var(--accent)}.source-material-detail-samples>header strong{color:var(--ink);font-size:12px}.source-material-detail-samples>header span{margin-left:auto;color:var(--muted);font-size:10px}.source-material-detail-samples>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.source-material-detail-samples article{min-width:0;padding:8px 9px;border-radius:8px;display:flex;flex-direction:column;gap:2px;background:var(--surface-2)}.source-material-detail-samples article strong{overflow:hidden;color:var(--ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.source-material-detail-samples article small,.source-material-detail-samples>p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.product-development-source-detail>a{margin-top:10px}.sku-bom-line.sourced{border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}.sku-bom-line.sourced>header{background:color-mix(in srgb,var(--accent) 4%,var(--surface-2))}.sku-bom-line>header em{padding:3px 6px;border-radius:6px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));font-size:10px;font-style:normal;font-weight:700;white-space:nowrap}.sku-bom-source-sample{margin:11px 13px 0;padding:9px 10px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:9px;display:grid;grid-template-columns:auto minmax(140px,.8fr) minmax(180px,1.2fr);align-items:center;gap:8px 10px;background:color-mix(in srgb,var(--accent) 4%,var(--surface))}.sku-bom-source-sample>svg{color:var(--accent)}.sku-bom-source-sample>div{min-width:0;display:flex;flex-direction:column;gap:2px}.sku-bom-source-sample strong{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.sku-bom-source-sample small{color:var(--muted);font-size:10px}.sku-bom-source-sample>span{color:color-mix(in srgb,var(--ink) 70%,transparent);font-size:10px;line-height:1.45}.source-sample-review{color:var(--accent)!important;font-weight:650}.product-source-sample-list{display:grid;gap:7px}.product-source-sample-list>article{padding:9px 10px;border:1px solid var(--line);border-radius:9px;display:grid;grid-template-columns:auto minmax(150px,1fr) minmax(180px,1fr);align-items:center;gap:8px 10px;background:var(--surface-2)}.product-source-sample-list>article>div{min-width:0;display:flex;flex-direction:column;gap:2px}.product-source-sample-list>article strong{color:var(--ink);font-size:12px}.product-source-sample-list>article small,.product-source-sample-list>article em{color:var(--muted);font-size:10px;font-style:normal}.product-source-sample-list>article>b{color:var(--accent);font-size:11px;text-align:right}@media(max-width:1050px){.development-bom-item-grid{grid-template-columns:minmax(180px,1.3fr) repeat(2,minmax(100px,.7fr))}.development-bom-item-grid .material{grid-column:1 / -1}}@media(max-width:900px){.development-bom-master-grid{grid-template-columns:1fr 1fr}.development-bom-master-grid>label:first-child,.development-bom-master-grid .wide{grid-column:1 / -1}.sku-development-source{grid-template-columns:auto minmax(0,1fr)}.sku-development-source-samples,.sku-development-source>p,.sku-development-source>a{grid-column:2;grid-row:auto}.sku-development-source-samples>article{grid-template-columns:auto minmax(0,1fr) auto}.sku-development-source-suppliers{grid-column:2 / -1}.sku-development-source-samples>article.sku-development-material-row{grid-template-columns:44px minmax(0,1fr) auto}.sku-development-material-row .sku-development-material-thumbnail{grid-column:1;grid-row:1 / span 2}.sku-development-material-row .sku-development-material-main{grid-column:2;grid-row:1}.sku-development-material-row .sku-development-source-detail-button{grid-column:3;grid-row:1}.sku-development-material-row .sku-development-source-suppliers{grid-column:2 / 4;grid-row:2}.sku-development-material-row .material-match{grid-column:2;grid-row:3;width:fit-content}}@media(max-width:760px){.development-bom-summary{grid-template-columns:1fr}.development-bom-summary>div{min-height:64px}.development-bom-intro{align-items:flex-start;flex-direction:column}.development-bom-intro>em{width:100%;line-height:1.5}.development-bom-card{padding:0 10px 10px}.development-bom-head{margin:0 -10px;padding:10px;align-items:stretch;flex-direction:column}.development-bom-head-actions{display:grid;grid-template-columns:1fr 1fr}.development-bom-head-actions>a,.development-bom-head-actions>button{width:100%;min-height:42px;justify-content:center}.development-bom-head-actions>:only-child{grid-column:1 / -1}.development-bom-master-grid{grid-template-columns:1fr}.development-bom-master-grid>label:first-child,.development-bom-master-grid .wide{grid-column:1}.development-bom-master-grid input,.development-bom-master-grid select{min-height:43px}.development-bom-items-head{align-items:stretch;flex-direction:column}.development-bom-items-head>button{width:100%;min-height:40px;justify-content:center}.development-bom-items>article>header{align-items:flex-start;padding:7px 0}.development-bom-items>article>header>div{flex-wrap:wrap}.development-bom-sources{flex-direction:column}.development-bom-sources>span{width:100%;flex-wrap:wrap}.development-bom-item-grid{grid-template-columns:1fr}.development-bom-item-grid .material{grid-column:1}.development-bom-item-grid input[type=number],.development-bom-item-grid select{min-height:43px}.development-bom-material-snapshot{flex-direction:column;gap:4px}.development-bom-card>footer{align-items:stretch;flex-direction:column}.development-bom-card>footer>button{width:100%;min-height:42px;justify-content:center}.project-sample-actions .stage-file-mini.generate-sku,.project-sample-actions .stage-file-mini.generated-sku,.project-sample-generated-sku,.project-sample-sku-hint{flex:1 1 100%;min-height:40px;justify-content:center}.project-sample-toolbar{align-items:stretch;flex-direction:column}.project-sample-toolbar .stage-pane-toolbar{width:100%}.project-sample-toolbar .stage-pane-toolbar>button,.project-sample-toolbar .stage-pane-toolbar>a{flex:1 1 40%;min-height:40px;justify-content:center}.project-sample-filters{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.project-sample-filters button{min-width:0;padding:0 4px}.project-sample-compose-bar{align-items:stretch;flex-direction:column}.project-sample-compose-bar>a.primary-button.small,.project-sample-compose-bar>button.primary-button.small,.project-sample-compose-bar>.project-sample-sku-hint{width:100%;min-height:42px;justify-content:center}.project-supplier-sample-groups{gap:12px}.project-supplier-sample-group{padding:9px;grid-template-columns:1fr;gap:9px}.project-sample-supplier-summary{position:static;padding:12px;gap:10px}.project-sample-supplier-summary>dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px}.project-sample-supplier-summary>dl>div:last-child:nth-child(odd){grid-column:1 / -1}.project-sample-supplier-count{padding-top:8px}.project-sample-supplier-count strong{font-size:21px}.project-supplier-group-samples{gap:9px}.project-sample-title{flex:1 1 auto}.project-sample-title-row{align-items:flex-start;flex-direction:column;gap:5px}.project-sample-badges{justify-content:flex-start}.project-sample-head-controls{align-items:flex-start}.project-sample-source-toggle,.project-sample-source-unavailable{min-height:38px;padding:0 8px}.project-sample-action-menu>summary{min-height:38px;padding:0 9px}.project-sample-action-popover{width:min(286px,calc(100vw - 52px))}.project-sample-action-popover>section>button{min-height:42px}.project-sample-action-popover .sample-decision-group button{min-height:40px}.project-sample-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.project-sample-info-grid>.span-two,.project-sample-info-grid>.span-four{grid-column:1 / -1}.project-sample-material-info dd{align-items:flex-start;flex-direction:column}.project-sample-compact-main{padding:9px;grid-template-columns:58px minmax(0,1fr);gap:9px}.project-sample-cover{width:58px;height:58px}.project-sample-cover-zoom{display:none!important}.project-sample-compact-body .project-sample-head{flex-wrap:wrap;gap:6px}.project-sample-compact-body .project-sample-title-row{align-items:center;flex-direction:row;gap:5px 7px}.project-sample-compact-body .project-sample-head-controls{width:100%;margin-left:0;justify-content:flex-end}.project-sample-compact-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 8px}.project-sample-compact-material{grid-template-columns:auto auto minmax(0,1fr);gap:4px 5px}.project-sample-feedback-panel>summary{min-height:39px;padding:0 9px;grid-template-columns:1fr auto}.project-sample-feedback-panel>summary>small{display:none}.project-sample-feedback-list{max-height:42vh;padding:0 9px 9px 25px}.project-sample-material-binding{grid-template-columns:1fr}.project-sample-material-binding select{min-height:43px}.project-sample-material-binding>small{grid-column:1}.sample-material-link-toolbar{grid-template-columns:1fr}.sample-material-link-toolbar>select{min-height:43px}.sample-material-link-list{max-height:42vh}.sample-material-link-list>button{min-height:76px;grid-template-columns:32px minmax(0,1fr) 26px}.sample-material-link-selection{align-items:flex-start;flex-direction:column}.sample-material-link-selection strong{text-align:left}.sample-material-link-actions{display:grid;grid-template-columns:1fr 1fr}.sample-material-link-actions>span{display:none}.sample-material-link-actions>.danger{grid-column:1 / -1}.sample-material-link-actions>button{width:100%}.packaging-design-summary{grid-template-columns:1fr}.packaging-design-summary>div{min-height:64px}.packaging-design-toolbar{align-items:stretch;flex-direction:column}.packaging-design-toolbar>div{display:grid;grid-template-columns:1fr;width:100%}.packaging-design-toolbar select,.packaging-design-toolbar .primary-button{width:100%;min-height:42px}.packaging-design-upload-form>div:first-child{grid-template-columns:1fr}.packaging-design-upload-actions{align-items:stretch;flex-direction:column}.packaging-design-upload-actions>label{min-height:40px}.packaging-design-upload-actions>div{display:grid;grid-template-columns:1fr 1fr}.packaging-design-upload-actions button{width:100%;min-height:43px;justify-content:center}.packaging-design-mobile-list{display:grid}.packaging-design-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.packaging-design-actions a,.packaging-design-actions button{min-height:42px}.sku-development-source{padding:13px;grid-template-columns:auto minmax(0,1fr);align-items:start}.sku-development-source>.soft-icon{grid-row:1 / span 2}.sku-development-source-samples,.sku-development-source>p,.sku-development-source>a{grid-column:1 / -1}.sku-development-source-samples>article{grid-template-columns:auto minmax(0,1fr);align-items:start}.sku-development-source-suppliers,.sku-development-source-samples .material-match{grid-column:2}.sku-development-source-samples .material-match{width:fit-content;white-space:normal}.sku-development-source>p{align-items:flex-start;line-height:1.5}.sku-development-source>a{min-height:40px;justify-content:center;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.sku-development-source-samples>article.sku-development-material-row{grid-template-columns:52px minmax(0,1fr)}.sku-development-material-row .sku-development-material-thumbnail{width:52px;height:52px;grid-column:1;grid-row:1 / span 2}.sku-development-material-row .sku-development-material-main{grid-column:2;grid-row:1}.sku-development-material-row .sku-development-source-suppliers{grid-column:2;grid-row:2}.sku-development-material-row .material-match{grid-column:2;grid-row:3}.sku-development-material-row .sku-development-source-detail-button{min-height:38px;grid-column:2;grid-row:4;justify-self:stretch}.source-material-detail-modal{max-height:min(760px,calc(100vh - 20px))}.source-material-detail-content{max-height:calc(100vh - 190px)}.source-material-detail-hero{min-height:0;grid-template-columns:82px minmax(0,1fr);gap:11px}.source-material-detail-image{width:82px;height:82px}.source-material-detail-grid,.source-material-detail-samples>div{grid-template-columns:1fr}.sku-development-source-error{align-items:flex-start;flex-wrap:wrap}.sku-development-source-error>div:last-child{width:100%;display:grid;grid-template-columns:1fr}.sku-bom-source-sample{grid-template-columns:auto minmax(0,1fr)}.sku-bom-source-sample>span{grid-column:1 / -1}.sku-bom-line>header>div{flex-wrap:wrap}.product-source-sample-list>article{grid-template-columns:auto minmax(0,1fr)}.product-source-sample-list>article>b{grid-column:2;text-align:left}}@media(prefers-reduced-motion:reduce){.product-toast,.product-toast.leaving{animation-duration:.01ms}}.product-boms-page{min-width:0}.product-bom-model-guide{margin-bottom:18px;padding:16px 18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}.product-bom-model-guide>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent)}.product-bom-model-guide strong{display:block;color:var(--ink);font-size:14px;letter-spacing:.01em}.product-bom-model-guide p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.product-bom-model-guide>a{color:var(--primary);font-size:12px;font-weight:700;text-decoration:none}.product-bom-metrics{margin-bottom:18px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.product-bom-metrics>div{min-width:0;padding:15px 16px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow-sm)}.product-bom-metrics span,.product-bom-metrics small{display:block;color:var(--muted);font-size:10px}.product-bom-metrics strong{display:block;margin:6px 0 3px;color:var(--ink);font-size:25px;line-height:1}.product-bom-metrics .draft strong{color:#936511}.product-bom-metrics .pending strong{color:#a2600a}.product-bom-metrics .effective strong{color:var(--success)}.product-bom-metrics .risk strong{color:var(--danger)}.product-bom-list-panel{overflow:hidden}.product-bom-toolbar{padding:17px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.product-bom-toolbar>div:first-child h2{margin:0;color:var(--ink);font-size:16px}.product-bom-toolbar>div:first-child span{color:var(--muted);font-size:11px}.product-bom-toolbar>div:last-child{display:flex;align-items:center;gap:8px}.product-bom-toolbar .search-box{width:min(290px,26vw)}.product-bom-toolbar select{min-width:126px;height:38px;padding:0 30px 0 11px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--surface)}.product-bom-table-wrap{overflow-x:auto}.product-bom-table{width:100%;min-width:1040px;border-collapse:collapse}.product-bom-table th{padding:11px 13px;color:var(--muted);background:var(--surface-2);font-size:10px;font-weight:700;text-align:left;white-space:nowrap}.product-bom-table td{padding:13px;border-top:1px solid var(--line);color:var(--ink);font-size:11px;vertical-align:middle}.product-bom-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 3%,transparent)}.product-bom-sku-cell{min-width:275px;display:flex;align-items:center;gap:11px}.product-bom-sku-cell>div{min-width:0}.product-bom-sku-cell strong,.product-bom-sku-cell span,.product-bom-sku-cell small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-bom-sku-cell strong{max-width:260px;font-size:12px}.product-bom-sku-cell span{margin-top:3px;color:var(--ink)}.product-bom-sku-cell small{margin-top:3px;color:var(--muted)}.product-bom-thumbnail{width:43px;height:43px;flex:0 0 43px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;overflow:hidden;color:var(--muted);background:var(--surface-2)}.product-bom-thumbnail img{width:100%;height:100%;display:block;object-fit:cover}.product-bom-version-cell,.product-bom-supply-cell,.product-bom-source-cell,.product-bom-time{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.product-bom-version-cell strong{font-size:13px}.product-bom-version-cell small,.product-bom-supply-cell span,.product-bom-source-cell span,.product-bom-time small{color:var(--muted);font-size:10px}.product-bom-source-cell{max-width:240px}.product-bom-source-cell strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bom-status{width:max-content;padding:4px 7px;border-radius:999px;display:inline-flex;align-items:center;font-size:9px;font-weight:800;white-space:nowrap}.bom-status.draft{color:#825e1e;background:#fff6df}.bom-status.pending{color:#9a5500;background:#ffedd1}.bom-status.effective{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.bom-status.retired{color:var(--muted);background:var(--surface-2)}.product-bom-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.product-bom-row-actions button{width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;color:var(--muted);background:var(--surface)}.product-bom-row-actions button:hover{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 35%,var(--line));background:color-mix(in srgb,var(--primary) 7%,var(--surface))}.product-bom-row-actions button.approve{color:var(--success)}.product-bom-row-actions button.reject{color:var(--danger)}.product-bom-mobile-list{display:none}.product-bom-detail-modal{width:min(960px,100%)}.product-bom-detail-content{padding-top:18px;display:grid;gap:15px}.product-bom-detail-content>section{padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.product-bom-detail-hero{padding:16px;border-radius:14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;color:var(--ink);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,var(--surface)),var(--surface))}.product-bom-detail-hero .product-bom-thumbnail{width:58px;height:58px;flex-basis:58px}.product-bom-detail-hero p{margin:0 0 4px;color:var(--primary);font-size:10px;font-weight:800}.product-bom-detail-hero h3{margin:0 0 4px;font-size:17px}.product-bom-detail-hero span{color:var(--muted);font-size:11px}.product-bom-detail-items{display:grid;gap:9px}.product-bom-detail-items>article{padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.product-bom-detail-items article>header{display:flex;align-items:center;gap:9px}.product-bom-detail-items article>header>span{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);font-size:10px;font-weight:800}.product-bom-detail-items header>div{min-width:0;flex:1}.product-bom-detail-items header strong,.product-bom-detail-items header small{display:block}.product-bom-detail-items header small{margin-top:3px;color:var(--muted);font-size:10px}.product-bom-detail-items header em{color:#9a5500;font-size:9px;font-style:normal;font-weight:800}.product-bom-detail-items dl{margin:10px 0 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.product-bom-detail-items .supplier-detail-item{padding:8px;border-radius:8px;background:var(--surface-2)}.product-bom-detail-items .supplier-detail-item dt{font-size:9px}.product-bom-detail-items .supplier-detail-item dd{margin-top:3px;font-size:10px}.product-bom-version-history{display:grid;gap:7px}.product-bom-version-history>button{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;color:var(--ink);text-align:left;background:var(--surface)}.product-bom-version-history>button.active{border-color:color-mix(in srgb,var(--primary) 38%,var(--line));background:color-mix(in srgb,var(--primary) 6%,var(--surface))}.product-bom-version-history span strong,.product-bom-version-history span small{display:block}.product-bom-version-history span small,.product-bom-version-history em{margin-top:3px;color:var(--muted);font-size:9px;font-style:normal}.product-bom-editor-modal{width:min(980px,100%)}.product-bom-editor-master{padding:18px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-bom-editor-master label,.product-bom-editor-item-grid label,.product-bom-action-field{display:grid;gap:6px}.product-bom-editor-master label>span,.product-bom-editor-item-grid label>span,.product-bom-action-field>span{color:var(--ink);font-size:10px;font-weight:700}.product-bom-editor-master em,.product-bom-editor-item-grid em,.product-bom-action-field em{margin-left:3px;color:var(--danger);font-style:normal}.product-bom-editor-master input,.product-bom-editor-master select,.product-bom-editor-master textarea,.product-bom-editor-item-grid input,.product-bom-editor-item-grid select,.product-bom-action-field input,.product-bom-action-field textarea{width:100%;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--surface)}.product-bom-editor-master input,.product-bom-editor-master select,.product-bom-editor-item-grid input,.product-bom-editor-item-grid select,.product-bom-action-field input{height:40px;padding:0 10px}.product-bom-editor-master textarea,.product-bom-action-field textarea{padding:10px;resize:vertical}.product-bom-editor-master .wide{grid-column:1 / -1}.product-bom-editor-items-head{padding:12px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.product-bom-editor-items-head strong,.product-bom-editor-items-head small{display:block}.product-bom-editor-items-head small{margin-top:3px;color:var(--muted);font-size:10px}.product-bom-editor-items{display:grid;gap:10px}.product-bom-editor-items>article{padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.product-bom-editor-items article>header{display:flex;align-items:center;gap:9px}.product-bom-editor-items article>header>span{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);font-size:10px;font-weight:800}.product-bom-editor-items article>header>div{min-width:0;flex:1}.product-bom-editor-items article>header strong,.product-bom-editor-items article>header small{display:block}.product-bom-editor-items article>header small{color:var(--muted);font-size:9px}.product-bom-editor-items article>header button{width:31px;height:31px;border:0;border-radius:8px;display:grid;place-items:center;color:var(--danger);background:transparent}.product-bom-editor-item-grid{margin-top:11px;display:grid;grid-template-columns:minmax(230px,2fr) repeat(3,minmax(110px,1fr)) auto;gap:9px;align-items:end}.product-bom-editor-item-grid .critical{min-height:40px;padding:0 9px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:6px;background:var(--surface)}.product-bom-editor-item-grid .critical input{width:15px;height:15px}.product-bom-material-snapshot{margin-top:9px;padding:8px 9px;border-radius:8px;display:flex;flex-wrap:wrap;gap:6px 15px;color:var(--muted);background:var(--surface);font-size:9px}.product-bom-copy-modal,.product-bom-action-modal{width:min(560px,100%)}.product-bom-copy-summary,.product-bom-action-message{margin:14px 0;padding:12px;border-radius:10px;display:flex;align-items:flex-start;gap:9px;color:var(--muted);background:var(--surface-2);font-size:11px;line-height:1.55}.product-bom-action-message p{margin:0}.product-bom-action-field{margin:13px 0}.product-heading-actions{display:flex;align-items:center;gap:8px}.product-bom-inline-link{display:flex;flex-direction:column;gap:3px;color:var(--primary);text-decoration:none}.product-bom-inline-link small{color:var(--muted);font-size:9px}.product-bom-inline-link:hover strong{text-decoration:underline}.sku-external-bom-note{margin:15px 0;padding:14px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));border-radius:12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,var(--surface))}.sku-external-bom-note strong{display:block;color:var(--ink);font-size:12px}.sku-external-bom-note p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.5}@media(max-width:900px){.product-bom-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.product-bom-metrics>div:first-child{grid-column:1 / -1}.product-bom-toolbar{align-items:stretch;flex-direction:column}.product-bom-toolbar>div:last-child{display:grid;grid-template-columns:1fr 1fr}.product-bom-toolbar .search-box{width:100%;grid-column:1 / -1}.product-bom-toolbar select{width:100%;min-width:0}.product-bom-table-wrap{display:none}.product-bom-mobile-list{padding:12px;display:grid;gap:10px}.product-bom-mobile-list>article{padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.product-bom-mobile-list article>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px}.product-bom-mobile-list header div>small,.product-bom-mobile-list header div>strong,.product-bom-mobile-list header div>span{display:block}.product-bom-mobile-list header div>small{color:var(--primary);font-size:9px}.product-bom-mobile-list header div>strong{margin-top:3px;font-size:12px}.product-bom-mobile-list header div>span{margin-top:3px;color:var(--muted);font-size:9px}.product-bom-mobile-list article>p{margin:10px 0 0;color:var(--muted);font-size:9px}.product-bom-mobile-list article>footer{margin-top:11px;padding-top:10px;border-top:1px solid var(--line)}.product-bom-mobile-list .product-bom-row-actions{justify-content:flex-start;flex-wrap:wrap}.product-bom-mobile-list .product-bom-row-actions button{width:42px;height:42px}.product-bom-mobile-grid{margin-top:11px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.product-bom-mobile-grid>div{padding:8px;border-radius:8px;background:var(--surface-2)}.product-bom-mobile-grid span,.product-bom-mobile-grid strong{display:block}.product-bom-mobile-grid span{color:var(--muted);font-size:9px}.product-bom-mobile-grid strong{margin-top:3px;font-size:10px}.product-bom-editor-master{grid-template-columns:1fr}.product-bom-editor-master .wide{grid-column:auto}.product-bom-editor-item-grid{grid-template-columns:1fr 1fr}.product-bom-editor-item-grid .material{grid-column:1 / -1}.product-bom-editor-item-grid .critical{min-height:44px}.product-bom-detail-items dl{grid-template-columns:1fr 1fr}.product-bom-version-history>button{grid-template-columns:minmax(0,1fr) auto}.product-bom-version-history>button>em{grid-column:1 / -1}}@media(max-width:560px){.product-bom-model-guide{grid-template-columns:auto minmax(0,1fr)}.product-bom-model-guide>a{grid-column:1 / -1;min-height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px}.product-bom-metrics{gap:8px}.product-bom-metrics>div{padding:12px}.product-bom-metrics strong{font-size:21px}.product-bom-editor-item-grid{grid-template-columns:1fr}.product-bom-editor-item-grid .material{grid-column:auto}.product-bom-detail-hero{grid-template-columns:auto minmax(0,1fr)}.product-bom-detail-hero>.bom-status{grid-column:1 / -1}.product-bom-detail-items dl{grid-template-columns:1fr}.product-heading-actions{width:100%;flex-direction:column;align-items:stretch}.product-heading-actions>a{width:100%;min-height:44px}.sku-external-bom-note{grid-template-columns:auto minmax(0,1fr)}.sku-external-bom-note>a{grid-column:1 / -1;width:100%}}.workflow-guide-page{width:100%;max-width:1540px;min-width:0;margin:0 auto;padding-bottom:24px;color:var(--ink)}.workflow-guide-anchor{scroll-margin-top:96px}.workflow-guide-hero{position:relative;min-height:330px;padding:clamp(28px,4vw,52px);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:22px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);align-items:center;gap:34px;overflow:hidden;background:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--accent-2) 17%,transparent) 0,transparent 31%),radial-gradient(circle at 5% 100%,color-mix(in srgb,var(--accent) 13%,transparent) 0,transparent 36%),linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%,var(--accent) 8%),var(--surface));box-shadow:var(--shadow-sm)}.workflow-guide-hero:before{content:"";position:absolute;inset:0;opacity:.13;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--ink) 16%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 16%,transparent) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 52%,#000);mask-image:linear-gradient(90deg,transparent,#000 52%,#000)}.workflow-guide-hero-copy{position:relative;z-index:1;min-width:0}.workflow-guide-hero-copy .eyebrow{margin:0 0 13px;display:flex;align-items:center;gap:7px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.12em}.workflow-guide-hero-copy h1{max-width:720px;margin:0;color:var(--ink);font-size:clamp(30px,3.4vw,48px);line-height:1.16;letter-spacing:-.035em}.workflow-guide-hero-copy>p:not(.eyebrow){max-width:760px;margin:19px 0 0;color:color-mix(in srgb,var(--ink) 70%,transparent);font-size:14px;line-height:1.85}.workflow-guide-hero-tags{margin-top:23px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.workflow-guide-hero-tags span{min-height:32px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--success) 22%,var(--line));border-radius:999px;display:inline-flex;align-items:center;gap:5px;color:color-mix(in srgb,var(--ink) 78%,transparent);background:color-mix(in srgb,var(--success) 7%,var(--surface));font-size:11px;font-weight:650}.workflow-guide-hero-tags svg{color:var(--success)}.workflow-guide-hero-art{position:relative;z-index:1;min-height:220px;display:grid;grid-template-columns:minmax(94px,1fr) auto minmax(94px,1fr) auto minmax(94px,1fr);align-items:center;gap:7px}.workflow-guide-hero-node{position:relative;z-index:2;min-width:0;min-height:132px;padding:19px 9px 14px;border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--accent);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 14px 34px color-mix(in srgb,#000 11%,transparent);text-align:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.workflow-guide-hero-node:before{content:"";position:absolute;inset:7px;border:1px dashed color-mix(in srgb,currentColor 20%,transparent);border-radius:12px;pointer-events:none}.workflow-guide-hero-node.sku{color:var(--accent-2);transform:translateY(-18px)}.workflow-guide-hero-node.spu{color:#8c62ca;transform:translateY(15px)}.workflow-guide-hero-node span{color:var(--ink);font-size:13px;font-weight:800}.workflow-guide-hero-node small{color:var(--muted);font-size:10px;line-height:1.4}.workflow-guide-hero-arrow{position:relative;z-index:2;color:color-mix(in srgb,var(--accent) 42%,var(--muted))}.workflow-guide-hero-orbit{position:absolute;border:1px dashed color-mix(in srgb,var(--accent) 25%,transparent);border-radius:50%;pointer-events:none}.workflow-guide-hero-orbit.orbit-one{width:250px;height:250px;top:-20px;left:80px}.workflow-guide-hero-orbit.orbit-two{width:150px;height:150px;right:-4px;bottom:-11px;border-color:color-mix(in srgb,#8c62ca 28%,transparent)}.workflow-guide-jumps{position:sticky;z-index:8;top:72px;width:fit-content;max-width:100%;margin:14px auto 20px;padding:6px;border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:13px;display:flex;align-items:center;justify-content:center;gap:3px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 9px 28px color-mix(in srgb,#000 8%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.workflow-guide-jumps a{min-height:36px;padding:7px 12px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap;transition:color .18s ease,background .18s ease}.workflow-guide-jumps a:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.workflow-guide-section-heading{min-width:0;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.workflow-guide-section-heading.compact{margin:32px 2px 14px}.workflow-guide-section-heading>div{min-width:0}.workflow-guide-section-heading>div>span{display:block;margin-bottom:5px;color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.11em}.workflow-guide-section-heading h2{margin:0;color:var(--ink);font-size:22px;letter-spacing:-.015em}.workflow-guide-section-heading p{max-width:760px;margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.65}.workflow-guide-section-heading>strong{flex:0 0 auto;padding:7px 10px;border-radius:8px;color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface));font-size:11px}.workflow-guide-section-heading>svg{flex:0 0 auto;color:var(--accent)}.workflow-guide-overview{padding:22px;overflow:hidden}.workflow-guide-track{margin-top:27px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.workflow-guide-track>a{position:relative;min-width:0;padding:0 8px 8px;display:flex;flex-direction:column;align-items:center;color:var(--ink);text-align:center;text-decoration:none}.workflow-guide-track>a:after{content:"";position:absolute;z-index:0;top:23px;left:calc(50% + 24px);width:calc(100% - 48px);height:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--step-color) 55%,var(--line)),var(--line))}.workflow-guide-track>a:last-child:after{display:none}.workflow-guide-track-icon{position:relative;z-index:1;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--step-color) 36%,var(--line));border-radius:15px;display:grid;place-items:center;color:var(--step-color);background:color-mix(in srgb,var(--step-color) 9%,var(--surface));box-shadow:0 0 0 5px var(--surface);transition:transform .18s ease,box-shadow .18s ease}.workflow-guide-track>a:hover .workflow-guide-track-icon{transform:translateY(-3px);box-shadow:0 0 0 5px var(--surface),0 9px 22px color-mix(in srgb,var(--step-color) 18%,transparent)}.workflow-guide-track small{margin-top:12px;color:var(--step-color);font-size:9px;font-weight:850;letter-spacing:.06em}.workflow-guide-track strong{margin-top:3px;font-size:12px}.workflow-guide-track em{max-width:130px;margin-top:6px;color:var(--muted);font-size:9px;font-style:normal;line-height:1.45}.workflow-guide-detail-list{display:grid;gap:14px}.workflow-guide-step{min-height:300px;padding:0;display:grid;grid-template-columns:minmax(220px,.62fr) minmax(0,1.9fr);overflow:hidden}.workflow-guide-step:nth-child(2n){grid-template-columns:minmax(0,1.9fr) minmax(220px,.62fr)}.workflow-guide-step:nth-child(2n) .workflow-guide-step-visual{grid-column:2;grid-row:1}.workflow-guide-step:nth-child(2n) .workflow-guide-step-content{grid-column:1;grid-row:1}.workflow-guide-step-visual{position:relative;min-height:100%;padding:24px;display:grid;place-items:center;overflow:hidden;color:var(--step-color);background:radial-gradient(circle at 18% 14%,color-mix(in srgb,var(--step-color) 18%,transparent),transparent 40%),linear-gradient(145deg,color-mix(in srgb,var(--step-color) 8%,var(--surface-2)),var(--surface-2))}.workflow-guide-step-visual:before{content:"";position:absolute;width:190px;height:190px;border:1px dashed color-mix(in srgb,var(--step-color) 30%,transparent);border-radius:50%}.workflow-guide-step-number{position:absolute;top:17px;left:18px;color:color-mix(in srgb,var(--step-color) 62%,transparent);font-size:11px;font-weight:900;letter-spacing:.1em}.workflow-guide-step-visual>div{position:relative;z-index:2;max-width:190px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.workflow-guide-step-visual>div:before{content:"";position:absolute;z-index:-1;width:78px;height:78px;top:-19px;border-radius:24px;background:color-mix(in srgb,var(--step-color) 11%,var(--surface));transform:rotate(11deg)}.workflow-guide-step-visual strong{margin-top:10px;color:var(--ink);font-size:15px}.workflow-guide-step-visual small{color:var(--muted);font-size:10px;line-height:1.55}.workflow-guide-visual-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--step-color) 55%,transparent)}.workflow-guide-visual-dot.dot-one{top:26%;right:17%}.workflow-guide-visual-dot.dot-two{bottom:21%;left:14%;width:5px;height:5px}.workflow-guide-visual-line{position:absolute;right:7%;bottom:10%;width:52px;height:1px;background:color-mix(in srgb,var(--step-color) 28%,transparent);transform:rotate(-34deg)}.workflow-guide-step-content{min-width:0;padding:23px 26px 20px;display:flex;flex-direction:column}.workflow-guide-step-content>header p{margin:0 0 4px;color:var(--step-color);font-size:10px;font-weight:800;letter-spacing:.06em}.workflow-guide-step-content>header h3{margin:0;color:var(--ink);font-size:18px;line-height:1.35}.workflow-guide-step-grid{margin-top:17px;display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.5fr);gap:10px}.workflow-guide-step-grid>div{min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.workflow-guide-step-grid>div>span,.workflow-guide-gate span,.workflow-guide-step-content>footer div span{display:block;margin-bottom:5px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.04em}.workflow-guide-input strong{color:var(--ink);font-size:11px;line-height:1.55}.workflow-guide-actions ul,.workflow-guide-checklist-grid ul{margin:0;padding:0;display:grid;gap:6px;list-style:none}.workflow-guide-actions li,.workflow-guide-checklist-grid li{display:flex;align-items:flex-start;gap:6px;color:color-mix(in srgb,var(--ink) 76%,transparent);font-size:10px;line-height:1.5}.workflow-guide-actions li svg,.workflow-guide-checklist-grid li svg{flex:0 0 auto;margin-top:1px;color:var(--success)}.workflow-guide-gate{margin-top:10px;padding:10px 12px;border-left:3px solid var(--step-color);border-radius:8px;display:flex;align-items:flex-start;gap:9px;color:var(--step-color);background:color-mix(in srgb,var(--step-color) 6%,var(--surface))}.workflow-guide-gate>svg{flex:0 0 auto;margin-top:1px}.workflow-guide-gate p{margin:0;color:color-mix(in srgb,var(--ink) 76%,transparent);font-size:10px;line-height:1.65}.workflow-guide-step-content>footer{margin-top:auto;padding-top:13px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.workflow-guide-step-content>footer div strong{display:block;color:var(--step-color);font-size:12px}.workflow-guide-business-link{flex:0 0 auto;min-height:36px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--step-color, var(--accent)) 28%,var(--line));border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--step-color, var(--accent));background:color-mix(in srgb,var(--step-color, var(--accent)) 5%,var(--surface));font-size:10px;font-weight:750;text-decoration:none;white-space:nowrap}.workflow-guide-business-link:hover{background:color-mix(in srgb,var(--step-color, var(--accent)) 10%,var(--surface))}.workflow-guide-business-link.is-disabled{color:var(--muted);border-color:var(--line);background:var(--surface-2);cursor:not-allowed}.workflow-guide-relations,.workflow-guide-checklist{margin-top:32px;padding:22px}.workflow-guide-relation-grid{margin-top:19px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.workflow-guide-relation-grid article{position:relative;min-width:0;min-height:142px;padding:14px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface-2)}.workflow-guide-relation-grid article:after{content:"";position:absolute;width:80px;height:80px;right:-25px;bottom:-31px;border:1px dashed color-mix(in srgb,var(--accent) 25%,transparent);border-radius:50%}.workflow-guide-relation-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.workflow-guide-relation-equation{margin-top:13px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.workflow-guide-relation-equation strong{min-width:0;color:var(--ink);font-size:12px}.workflow-guide-relation-equation strong:last-child{text-align:right}.workflow-guide-relation-equation b{padding:3px 6px;border-radius:5px;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface));font-size:10px;white-space:nowrap}.workflow-guide-relation-grid p{position:relative;z-index:1;margin:9px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.workflow-guide-concept-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.workflow-guide-concept-grid article{min-width:0;min-height:210px;padding:17px;display:flex;flex-direction:column}.workflow-guide-concept-grid article>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.workflow-guide-concept-grid h3{margin:13px 0 0;color:var(--ink);font-size:14px}.workflow-guide-concept-grid p{margin:8px 0 14px;color:var(--muted);font-size:11px;line-height:1.65}.workflow-guide-concept-grid footer{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);display:flex;align-items:flex-start;gap:6px;color:color-mix(in srgb,var(--ink) 74%,transparent);font-size:10px;line-height:1.5}.workflow-guide-concept-grid footer svg{flex:0 0 auto;margin-top:1px;color:var(--success)}.workflow-guide-checklist-grid{margin-top:19px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.workflow-guide-checklist-grid article{min-width:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.workflow-guide-checklist-grid article>header{margin-bottom:11px;display:flex;align-items:center;gap:8px}.workflow-guide-checklist-grid article>header span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.workflow-guide-checklist-grid article>header strong{font-size:12px}.workflow-guide-next{margin-top:14px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--success) 24%,var(--line));border-radius:15px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;background:linear-gradient(120deg,color-mix(in srgb,var(--success) 7%,var(--surface)),var(--surface))}.workflow-guide-next>span:first-child{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;color:var(--success);background:color-mix(in srgb,var(--success) 11%,var(--surface))}.workflow-guide-next small,.workflow-guide-next strong{display:block}.workflow-guide-next small{color:var(--success);font-size:9px;font-weight:800;letter-spacing:.04em}.workflow-guide-next strong{margin-top:2px;color:var(--ink);font-size:13px}.workflow-guide-next p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.workflow-guide-next>a,.workflow-guide-next-disabled{min-height:38px;padding:8px 11px;border:1px solid color-mix(in srgb,var(--success) 28%,var(--line));border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--success);background:var(--surface);font-size:10px;font-weight:750;text-decoration:none;white-space:nowrap}.workflow-guide-next-disabled{color:var(--muted);border-color:var(--line);background:var(--surface-2)}@media(max-width:1180px){.workflow-guide-hero{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px}.workflow-guide-hero-art{grid-template-columns:minmax(82px,1fr) auto minmax(82px,1fr) auto minmax(82px,1fr)}.workflow-guide-hero-node{min-height:120px}.workflow-guide-concept-grid,.workflow-guide-checklist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.workflow-guide-hero{min-height:0;grid-template-columns:1fr}.workflow-guide-hero-art{width:min(590px,100%);min-height:190px;margin:0 auto}.workflow-guide-track{grid-template-columns:1fr;gap:0}.workflow-guide-track>a{min-height:76px;padding:8px 8px 8px 66px;display:grid;grid-template-columns:1fr;align-content:center;align-items:start;text-align:left}.workflow-guide-track>a:after{top:57px;bottom:-19px;left:31px;width:2px;height:auto;background:linear-gradient(180deg,color-mix(in srgb,var(--step-color) 55%,var(--line)),var(--line))}.workflow-guide-track-icon{position:absolute;top:8px;left:8px;width:47px;height:47px;box-shadow:0 0 0 4px var(--surface)}.workflow-guide-track small{margin-top:0}.workflow-guide-track strong{font-size:13px}.workflow-guide-track em{max-width:none;margin-top:3px}.workflow-guide-step,.workflow-guide-step:nth-child(2n){min-height:0;grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr)}.workflow-guide-step:nth-child(2n) .workflow-guide-step-visual{grid-column:1}.workflow-guide-step:nth-child(2n) .workflow-guide-step-content{grid-column:2}.workflow-guide-step-grid{grid-template-columns:1fr}.workflow-guide-relation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.workflow-guide-page{padding-bottom:10px}.workflow-guide-anchor{scroll-margin-top:122px}.workflow-guide-hero{padding:22px 17px;border-radius:16px;gap:24px}.workflow-guide-hero-copy h1{font-size:29px;line-height:1.2}.workflow-guide-hero-copy>p:not(.eyebrow){margin-top:14px;font-size:12px;line-height:1.75}.workflow-guide-hero-tags{margin-top:17px;gap:6px}.workflow-guide-hero-tags span{width:100%;min-height:36px;border-radius:9px}.workflow-guide-hero-art{min-height:270px;grid-template-columns:1fr;grid-template-rows:repeat(5,auto);gap:5px}.workflow-guide-hero-node{width:min(220px,82%);min-height:66px;padding:10px 14px;border-radius:12px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;justify-self:center;column-gap:9px;text-align:left}.workflow-guide-hero-node svg{grid-row:1 / span 2}.workflow-guide-hero-node:before{inset:5px;border-radius:8px}.workflow-guide-hero-node.sku,.workflow-guide-hero-node.spu{transform:none}.workflow-guide-hero-node span,.workflow-guide-hero-node small{align-self:end}.workflow-guide-hero-node small{align-self:start}.workflow-guide-hero-arrow{justify-self:center;transform:rotate(90deg)}.workflow-guide-hero-orbit.orbit-one{width:190px;height:190px;top:42px;left:calc(50% - 95px)}.workflow-guide-hero-orbit.orbit-two{width:120px;height:120px;right:7%;bottom:-4px}.workflow-guide-jumps{top:66px;width:100%;margin:10px 0 14px;justify-content:stretch;overflow-x:auto;border-radius:11px}.workflow-guide-jumps a{min-width:max-content;min-height:40px;padding:7px 10px}.workflow-guide-overview,.workflow-guide-relations,.workflow-guide-checklist{padding:16px 14px}.workflow-guide-section-heading{align-items:flex-start}.workflow-guide-section-heading h2{font-size:19px}.workflow-guide-section-heading>strong,.workflow-guide-section-heading>svg{display:none}.workflow-guide-section-heading.compact{margin:25px 1px 12px}.workflow-guide-track{margin-top:18px}.workflow-guide-step,.workflow-guide-step:nth-child(2n){display:flex;flex-direction:column}.workflow-guide-step:nth-child(2n) .workflow-guide-step-visual,.workflow-guide-step:nth-child(2n) .workflow-guide-step-content{grid-column:auto;grid-row:auto}.workflow-guide-step-visual{min-height:164px;padding:18px}.workflow-guide-step-visual:before{width:134px;height:134px}.workflow-guide-step-visual>div{max-width:220px}.workflow-guide-step-visual>div:before{width:64px;height:64px;top:-12px}.workflow-guide-step-content{padding:17px 14px 14px}.workflow-guide-step-content>header h3{font-size:16px}.workflow-guide-step-grid{margin-top:13px}.workflow-guide-step-grid>div{padding:10px}.workflow-guide-step-content>footer{align-items:stretch;flex-direction:column}.workflow-guide-business-link{width:100%;min-height:42px}.workflow-guide-relations,.workflow-guide-checklist{margin-top:25px}.workflow-guide-relation-grid,.workflow-guide-concept-grid,.workflow-guide-checklist-grid{grid-template-columns:1fr}.workflow-guide-concept-grid article{min-height:0}.workflow-guide-next{grid-template-columns:auto minmax(0,1fr);padding:15px}.workflow-guide-next>a,.workflow-guide-next-disabled{grid-column:1 / -1;width:100%;min-height:42px}}@media(prefers-reduced-motion:reduce){.workflow-guide-track-icon,.workflow-guide-jumps a{transition:none}}.purchase-fixed-allocation,.purchase-quantity-baseline{min-height:61px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--accent) 4%,var(--surface));display:flex;flex-direction:column;justify-content:center;gap:2px}.purchase-fixed-allocation span,.purchase-fixed-allocation small,.purchase-quantity-baseline span,.purchase-quantity-baseline small{color:var(--muted);font-size:8px;line-height:1.45}.purchase-fixed-allocation strong,.purchase-quantity-baseline strong{color:var(--ink);font-size:10px}.purchase-allocation-detail{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);display:flex;flex-wrap:wrap;gap:6px}.purchase-allocation-detail span{padding:5px 8px;border-radius:7px;color:var(--muted);background:var(--surface-2);font-size:9px}.purchase-allocation-detail strong{margin-right:4px;color:var(--ink)}.receipt-batch-meta{padding:15px 18px 13px;border-bottom:1px solid var(--line)}.receipt-batch-picker{padding:14px 18px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:12px;align-items:end;background:color-mix(in srgb,var(--accent) 4%,var(--surface))}.receipt-batch-picker>div{min-height:61px;padding:8px 10px;border-radius:9px;background:var(--surface-2);display:flex;flex-wrap:wrap;align-content:center;gap:4px 12px}.receipt-batch-picker>div span{color:var(--muted);font-size:9px}.purchase-receipt-history{display:grid;gap:9px}.purchase-receipt-history>article{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.purchase-receipt-history>article>header{min-height:52px;padding:9px 11px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-2)}.purchase-receipt-history>article>header>div{min-width:0;display:flex;flex-direction:column;gap:2px}.purchase-receipt-history>article>header strong{color:var(--ink);font-size:11px}.purchase-receipt-history>article>header small{color:var(--muted);font-size:9px}.purchase-receipt-history dl{margin:0;padding:9px 11px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.purchase-receipt-history dl div{min-width:0}.purchase-receipt-history dt{color:var(--muted);font-size:8px}.purchase-receipt-history dd{overflow:hidden;margin:3px 0 0;color:var(--ink);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.purchase-receipt-lines{margin:0 11px 9px;padding:8px;border-radius:8px;background:var(--surface-2);display:grid;gap:5px}.purchase-receipt-lines span{color:var(--muted);font-size:9px;line-height:1.45}.purchase-receipt-lines strong{margin-right:5px;color:var(--ink)}.purchase-receipt-history>article>p{margin:-1px 11px 9px;color:var(--muted);font-size:9px}@media(max-width:760px){.receipt-batch-meta,.receipt-batch-picker{padding:12px 13px;grid-template-columns:1fr}.receipt-batch-picker>div{min-height:48px}.purchase-receipt-history dl{grid-template-columns:repeat(2,minmax(0,1fr))}}.factory-po-group-lines{margin:0 12px 10px;padding:8px;border-radius:8px;background:var(--surface-2);display:grid;gap:5px}.factory-po-group-lines span{color:var(--muted);font-size:9px}.factory-po-group-lines strong{margin-right:5px;color:var(--ink)}.production-receipt-history{display:grid;gap:8px}.production-receipt-history>article{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.production-receipt-history header{padding:9px 11px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-2)}.production-receipt-history header strong{color:var(--ink);font-size:11px}.production-receipt-history header span{color:var(--muted);font-size:9px}.production-receipt-history dl{margin:0;padding:9px 11px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.production-receipt-history dt{color:var(--muted);font-size:8px}.production-receipt-history dd{overflow:hidden;margin:3px 0 0;color:var(--ink);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.production-receipt-history p{margin:0 11px 9px;color:var(--muted);font-size:9px}.finished-receipt-fields{padding-top:13px}.batch-bom-lines label,.batch-purchase-lines label{min-width:0;display:flex;flex-direction:column;gap:7px}.batch-bom-lines label>span,.batch-purchase-lines label>span{color:color-mix(in srgb,var(--ink) 80%,transparent);font-size:11px;font-weight:600}.batch-bom-lines label>span em,.batch-purchase-lines label>span em{margin-left:3px;color:var(--danger);font-style:normal}.batch-bom-lines input,.batch-bom-lines select,.batch-purchase-lines input{width:100%;height:41px;padding:0 11px;border:1px solid var(--line);border-radius:8px;outline:0;color:var(--ink);background:var(--input-bg);font-size:12px}.batch-bom-lines input:focus,.batch-bom-lines select:focus,.batch-purchase-lines input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}@media(max-width:760px){.production-receipt-history dl{grid-template-columns:repeat(2,minmax(0,1fr))}.batch-bom-lines input,.batch-bom-lines select,.batch-purchase-lines input{height:44px;font-size:13px}}.order-guide-page{--order-guide-green: #3ca17e}.order-guide-hero{min-height:400px}.order-guide-hero-actions{margin-top:20px;display:flex;flex-wrap:wrap;gap:9px}.order-guide-link{min-height:42px;padding:9px 13px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--surface);background:var(--accent);font-size:13px;font-weight:750;text-decoration:none}.order-guide-link.secondary{color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.order-guide-link.is-disabled{color:var(--muted);border-color:var(--line);background:var(--surface-2);cursor:not-allowed}.order-guide-hero-map{position:relative;z-index:1;min-width:0;min-height:315px;padding:21px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 16px 42px color-mix(in srgb,#000 12%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.order-guide-hero-map:before{content:"";position:absolute;width:270px;height:270px;border:1px dashed color-mix(in srgb,var(--accent) 24%,transparent);border-radius:50%;pointer-events:none}.order-guide-map-root{position:relative;z-index:1;min-width:180px;padding:13px 16px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:13px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 9px;color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.order-guide-map-root svg{grid-row:1 / span 2}.order-guide-map-root strong,.order-guide-map-root span{display:block}.order-guide-map-root strong{color:var(--ink);font-size:14px}.order-guide-map-root span{color:var(--muted);font-size:11px}.order-guide-map-arrow,.order-guide-map-branch{position:relative;z-index:1;margin:6px 0;color:color-mix(in srgb,var(--accent) 60%,var(--muted))}.order-guide-map-skus{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.order-guide-map-skus span{min-width:0;padding:8px 5px;border:1px solid var(--line);border-radius:8px;overflow:hidden;color:var(--ink);background:var(--surface);font-size:11px;font-weight:700;text-align:center;text-overflow:ellipsis;white-space:nowrap}.order-guide-map-outputs{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:1fr 1.25fr;gap:7px}.order-guide-map-outputs article{min-width:0;padding:10px;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:auto 1fr;gap:2px 8px;color:var(--order-guide-green);background:var(--surface)}.order-guide-map-outputs article:last-child{color:#4f72cf}.order-guide-map-outputs svg{grid-row:1 / span 2}.order-guide-map-outputs strong{color:var(--ink);font-size:13px}.order-guide-map-outputs small{color:var(--muted);font-size:10px}.order-guide-map-receipt{position:relative;z-index:1;margin-top:8px;padding:7px 10px;border-radius:999px;display:flex;align-items:center;gap:6px;color:var(--muted);background:var(--surface-2);font-size:11px;font-weight:700}.order-guide-documents,.order-guide-merge,.order-guide-receipts,.order-guide-checklist{padding:24px}.order-guide-document-flow{margin-top:22px;display:grid;grid-template-columns:minmax(170px,.75fr) auto minmax(210px,1fr) auto minmax(260px,1.25fr);align-items:center;gap:13px}.order-guide-document-flow article{min-width:0;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.order-guide-document-flow>article.batch{min-height:154px;padding:18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:var(--accent)}.order-guide-document-flow article small{color:var(--muted);font-size:11px}.order-guide-document-flow article strong{margin-top:5px;color:var(--ink);font-size:15px}.order-guide-document-flow article p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.order-guide-document-flow .flow-arrow{color:color-mix(in srgb,var(--accent) 46%,var(--muted))}.order-guide-document-stack{display:grid;gap:7px}.order-guide-document-stack article{padding:10px 11px;display:flex;align-items:center;gap:9px;color:#b59a20;background:var(--surface)}.order-guide-document-stack span{min-width:0}.order-guide-document-stack small,.order-guide-document-stack strong{display:block}.order-guide-document-stack strong{margin-top:2px;font-size:12px}.order-guide-document-outputs{display:grid;gap:9px}.order-guide-document-outputs article{min-height:76px;padding:12px;display:flex;align-items:flex-start;gap:10px;background:var(--surface)}.order-guide-document-outputs article.factory{color:var(--order-guide-green)}.order-guide-document-outputs article.material{color:#4f72cf}.order-guide-document-outputs article div{min-width:0}.order-guide-document-outputs strong,.order-guide-document-outputs small{display:block}.order-guide-document-outputs strong{font-size:13px}.order-guide-document-outputs p{margin-top:4px;font-size:11px}.order-guide-callout{margin-top:18px;padding:13px 15px;border-left:3px solid var(--accent);border-radius:9px;display:flex;align-items:flex-start;gap:9px;color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.order-guide-callout svg{flex:0 0 auto;margin-top:1px}.order-guide-callout p{margin:0;color:color-mix(in srgb,var(--ink) 76%,transparent);font-size:13px;line-height:1.65}.order-guide-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.order-guide-step-card{min-width:0;min-height:290px;padding:18px;border-top:3px solid var(--order-step-color);display:flex;flex-direction:column;overflow:hidden}.order-guide-step-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-guide-step-card>header span{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:var(--order-step-color);background:color-mix(in srgb,var(--order-step-color) 10%,var(--surface))}.order-guide-step-card>header small{color:var(--order-step-color);font-size:11px;font-weight:850;letter-spacing:.07em}.order-guide-step-card h3{margin:16px 0 0;color:var(--ink);font-size:17px}.order-guide-step-card>p{margin:8px 0 14px;color:var(--muted);font-size:13px;line-height:1.6}.order-guide-step-card ul{margin:auto 0 0;padding:13px 0 0;border-top:1px solid var(--line);display:grid;gap:8px;list-style:none}.order-guide-step-card li{display:flex;align-items:flex-start;gap:7px;color:color-mix(in srgb,var(--ink) 76%,transparent);font-size:12px;line-height:1.5}.order-guide-step-card li svg{flex:0 0 auto;margin-top:1px;color:var(--order-step-color)}.order-guide-merge{margin-top:32px}.order-guide-merge-grid{margin-top:21px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.order-guide-merge-grid>article{min-width:0;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.order-guide-merge-grid>article.can-merge{border-color:color-mix(in srgb,var(--success) 29%,var(--line))}.order-guide-merge-grid>article.must-split{border-color:color-mix(in srgb,var(--warning) 34%,var(--line))}.order-guide-merge-grid article>header{display:flex;align-items:center;gap:10px}.order-guide-merge-grid article>header>span{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:var(--success);background:color-mix(in srgb,var(--success) 10%,var(--surface))}.order-guide-merge-grid .must-split header>span{color:var(--warning);background:color-mix(in srgb,var(--warning) 11%,var(--surface))}.order-guide-merge-grid header small,.order-guide-merge-grid header strong{display:block}.order-guide-merge-grid header small{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em}.order-guide-merge-grid header strong{margin-top:2px;color:var(--ink);font-size:16px}.order-guide-mini-orders{margin-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.order-guide-mini-orders span,.order-guide-mini-orders b{padding:9px;border-radius:8px;color:var(--ink);background:var(--surface);font-size:12px;text-align:center}.order-guide-mini-orders svg{grid-column:1 / -1;justify-self:center;color:var(--success)}.order-guide-mini-orders b{grid-column:1 / -1;color:var(--success);background:color-mix(in srgb,var(--success) 9%,var(--surface))}.order-guide-split-examples{margin-top:15px;display:grid;grid-template-columns:1fr auto 1fr;gap:7px;align-items:center}.order-guide-split-examples span,.order-guide-split-examples b{padding:8px;border-radius:8px;color:var(--ink);background:var(--surface);font-size:12px;text-align:center}.order-guide-split-examples b{padding:0;color:var(--warning);background:transparent}.order-guide-merge-grid ul{margin:15px 0 0;padding:0;display:grid;gap:8px;list-style:none}.order-guide-merge-grid li{display:flex;align-items:flex-start;gap:7px;color:color-mix(in srgb,var(--ink) 78%,transparent);font-size:12px;line-height:1.5}.order-guide-merge-grid li svg{flex:0 0 auto;margin-top:1px;color:var(--success)}.order-guide-merge-grid article>p{margin:14px 0 0;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.65}.order-guide-formula{padding:21px}.order-guide-formula-main{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px}.order-guide-formula-main article{min-width:0;min-height:88px;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.order-guide-formula-main small,.order-guide-formula-main strong{display:block}.order-guide-formula-main small{color:var(--accent);font-size:11px;font-weight:800}.order-guide-formula-main strong{margin-top:7px;color:var(--ink);font-size:13px;line-height:1.5}.order-guide-formula-main>svg{color:color-mix(in srgb,var(--accent) 50%,var(--muted))}.order-guide-example{margin-top:14px;padding:15px;border-radius:12px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px;background:linear-gradient(105deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),color-mix(in srgb,var(--success) 7%,var(--surface)))}.order-guide-example div{min-width:0}.order-guide-example small,.order-guide-example strong{display:block}.order-guide-example small{color:var(--muted);font-size:11px}.order-guide-example strong{margin-top:4px;color:var(--ink);font-size:18px}.order-guide-example>b{color:var(--accent);font-size:20px}.order-guide-example>span{color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.order-guide-example .result strong,.order-guide-example .amount strong{color:var(--success)}.order-guide-quantity-rules{margin-top:11px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.order-guide-quantity-rules article{min-width:0;padding:15px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:flex-start;gap:10px;background:var(--surface)}.order-guide-quantity-rules article>svg{flex:0 0 auto;color:var(--accent)}.order-guide-quantity-rules strong{color:var(--ink);font-size:13px}.order-guide-quantity-rules p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.order-guide-receipts{margin-top:32px}.order-guide-receipt-flow{margin-top:22px;display:flex;align-items:center;gap:8px}.order-guide-receipt-flow>article{min-width:0;min-height:90px;padding:12px;border:1px solid var(--line);border-radius:11px;flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:var(--accent);background:var(--surface-2)}.order-guide-receipt-flow>article.replacement{color:var(--warning)}.order-guide-receipt-flow>article.ready{color:var(--success)}.order-guide-receipt-flow>article small,.order-guide-receipt-flow>article strong{display:block}.order-guide-receipt-flow>article small{margin-top:8px;color:var(--muted);font-size:10px}.order-guide-receipt-flow>article strong{margin-top:3px;color:var(--ink);font-size:13px}.order-guide-receipt-flow>svg{flex:0 0 auto;color:color-mix(in srgb,var(--accent) 45%,var(--muted))}.order-guide-receipt-details{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.order-guide-receipt-details article{min-width:0;padding:13px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:flex-start;gap:9px;background:var(--surface)}.order-guide-receipt-details svg{flex:0 0 auto;color:#4f72cf}.order-guide-receipt-details strong{color:var(--ink);font-size:13px}.order-guide-receipt-details p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.order-guide-checklist{margin-top:32px}.order-guide-role-grid{margin-top:19px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.order-guide-role-grid article{min-width:0;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.order-guide-role-grid header{display:flex;align-items:center;gap:8px}.order-guide-role-grid header span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.order-guide-role-grid header strong{color:var(--ink);font-size:13px}.order-guide-role-grid ul{margin:12px 0 0;padding:0;display:grid;gap:8px;list-style:none}.order-guide-role-grid li{display:flex;align-items:flex-start;gap:6px;color:color-mix(in srgb,var(--ink) 76%,transparent);font-size:12px;line-height:1.5}.order-guide-role-grid li svg{flex:0 0 auto;margin-top:1px;color:var(--success)}.order-guide-next .order-guide-link{color:var(--success);border-color:color-mix(in srgb,var(--success) 30%,var(--line));background:var(--surface)}@media(max-width:1120px){.order-guide-hero{grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr)}.order-guide-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-guide-document-flow{grid-template-columns:minmax(150px,.7fr) auto minmax(190px,1fr) auto minmax(230px,1.1fr);gap:8px}.order-guide-receipt-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr}.order-guide-receipt-flow>article:nth-of-type(4){grid-column:3}.order-guide-receipt-flow>article:nth-of-type(5){grid-column:5}.order-guide-receipt-details,.order-guide-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.order-guide-hero{grid-template-columns:1fr}.order-guide-hero-map{width:min(580px,100%);margin:0 auto}.order-guide-document-flow{grid-template-columns:1fr;justify-items:stretch}.order-guide-document-flow .flow-arrow{justify-self:center;transform:rotate(90deg)}.order-guide-document-flow>article.batch{min-height:115px}.order-guide-document-outputs{grid-template-columns:1fr 1fr}.order-guide-merge-grid,.order-guide-formula-main{grid-template-columns:1fr}.order-guide-formula-main>svg{justify-self:center;transform:rotate(90deg)}.order-guide-example{grid-template-columns:1fr auto 1fr auto 1fr}.order-guide-example>span{grid-column:1 / -1;text-align:center}.order-guide-example .amount{grid-column:1 / -1;padding-top:10px;border-top:1px solid var(--line);text-align:center}.order-guide-quantity-rules{grid-template-columns:1fr}}@media(max-width:640px){.order-guide-hero{min-height:0}.order-guide-hero-actions{display:grid;grid-template-columns:1fr}.order-guide-hero-actions .order-guide-link{width:100%;min-height:44px}.order-guide-hero-map{min-height:285px;padding:15px 12px;border-radius:15px}.order-guide-map-root{width:min(230px,90%)}.order-guide-map-skus{grid-template-columns:1fr;width:min(260px,94%)}.order-guide-map-skus span{padding:7px}.order-guide-map-outputs{grid-template-columns:1fr;width:min(280px,96%)}.order-guide-map-receipt{font-size:10px}.order-guide-documents,.order-guide-merge,.order-guide-receipts,.order-guide-checklist,.order-guide-formula{padding:16px 14px}.order-guide-document-outputs{grid-template-columns:1fr}.order-guide-callout{padding:11px}.order-guide-callout p{font-size:12px}.order-guide-step-grid{grid-template-columns:1fr}.order-guide-step-card{min-height:0}.order-guide-step-card h3{font-size:16px}.order-guide-split-examples span{font-size:11px}.order-guide-example{padding:12px;gap:7px}.order-guide-example small{font-size:10px}.order-guide-example strong{font-size:16px}.order-guide-receipt-flow{grid-template-columns:1fr}.order-guide-receipt-flow>svg{justify-self:center;transform:rotate(90deg)}.order-guide-receipt-flow>article:nth-of-type(4),.order-guide-receipt-flow>article:nth-of-type(5){grid-column:auto}.order-guide-receipt-flow>article{min-height:76px}.order-guide-receipt-details,.order-guide-role-grid{grid-template-columns:1fr}.order-guide-next .order-guide-link{grid-column:1 / -1;width:100%;min-height:44px}}@media(prefers-reduced-motion:reduce){.order-guide-link{transition:none}}.purchase-orders-hub>.page-heading{margin-bottom:18px}.purchase-order-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.purchase-order-tabs button{display:flex;align-items:center;gap:12px;padding:15px 18px;border:1px solid var(--border-color, #dfe5e2);border-radius:14px;background:var(--panel-bg, #fff);color:inherit;text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.purchase-order-tabs button:hover{transform:translateY(-1px)}.purchase-order-tabs button.active{border-color:#1b7f6b;box-shadow:0 8px 24px #1b7f6b1f;color:#146b5b}.purchase-order-tabs button span{display:grid;gap:2px}.purchase-order-tabs button strong{font-size:15px}.purchase-order-tabs button small{color:#74817c;font-size:12px}.embedded-order-heading{margin-top:0}@media(max-width:720px){.purchase-order-tabs{grid-template-columns:1fr;gap:8px}.purchase-order-tabs button{padding:12px 14px}}