:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f7f7fb;background:#090b11;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% -10%,#262057 0,transparent 34%),#090b11;color:#f8f8fb}button,input{font:inherit}.page{min-height:100vh;position:relative;overflow:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(80px);opacity:.2;pointer-events:none}.ambient-a{width:340px;height:340px;background:#8b5cf6;top:12%;right:-130px}.ambient-b{width:260px;height:260px;background:#f5c542;bottom:-110px;left:15%}.topbar{height:72px;padding:0 clamp(20px,4vw,56px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;position:relative;z-index:5;background:#090b11b8;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#8b5cf6,#5b46e8);box-shadow:0 10px 30px #7058ff44}.top-actions{display:flex;gap:8px}.ghost,.primary,.context-card,.module-card,.nav-item{border:0;cursor:pointer}.ghost{background:#ffffff0d;color:#eee;border:1px solid #ffffff14;border-radius:10px}.compact{padding:9px 12px}.primary{width:100%;padding:13px 16px;border-radius:12px;color:#0b0c10;font-weight:800;background:linear-gradient(135deg,#f6cf50,#f4b52e);box-shadow:0 12px 30px #e8b72a20}.primary:disabled{opacity:.55;cursor:wait}.auth-layout{min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,480px);gap:6vw;align-items:center;padding:5vw clamp(20px,6vw,88px)}.auth-copy h1,.section-head h1,.hero-card h1,.module-header h1{font-size:clamp(38px,6vw,72px);line-height:.98;margin:12px 0 20px;letter-spacing:-.045em}.auth-copy>p,.section-head>p,.module-header>p{font-size:18px;line-height:1.65;color:#a8abb8;max-width:720px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#b9a9ff}.panel{border:1px solid #ffffff12;background:linear-gradient(180deg,#141722ee,#0f1119ee);border-radius:22px;box-shadow:0 28px 90px #0008}.auth-panel{padding:32px}.auth-panel h2{margin:8px 0 26px}.auth-panel label{display:grid;gap:8px;margin:16px 0;color:#c9cad2;font-size:13px;font-weight:650}.auth-panel input{width:100%;padding:13px 14px;color:#fff;background:#080a10;border:1px solid #ffffff16;border-radius:11px;outline:none}.auth-panel input:focus{border-color:#8b73ff;box-shadow:0 0 0 3px #8b73ff22}.fine{font-size:11px;color:#6f7381;text-align:center;margin:16px 0 0}.trust-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}.trust-grid>div{display:grid;gap:5px;padding:14px 16px;border:1px solid #ffffff0e;border-radius:12px;background:#ffffff06}.trust-grid strong{font-size:12px}.trust-grid span{font-size:11px;color:#7c8190}.notice{padding:11px 13px;border-radius:10px;margin:12px 0;font-size:13px}.notice.error{background:#df4d6014;color:#ff9cab;border:1px solid #df4d6030}.center{min-height:calc(100vh - 72px);display:grid;place-items:center;align-content:center;gap:18px;color:#9da0ad}.loader{width:34px;height:34px;border:3px solid #ffffff1a;border-top-color:#8b73ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.workspace-select{padding:72px clamp(20px,7vw,110px)}.section-head{max-width:800px;margin-bottom:34px}.section-head h1{font-size:clamp(34px,5vw,58px)}.context-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.context-card{text-align:left;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:18px;border-radius:16px;color:#fff;background:#11141e;border:1px solid #ffffff10;transition:.2s}.context-card:hover{transform:translateY(-2px);border-color:#8871ff66;background:#151827}.context-icon,.workspace-badge>span{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-weight:850;background:linear-gradient(135deg,#765dff,#4e3fc0)}.context-card small,.workspace-badge small{display:block;color:#858998;margin-top:5px}.arrow{color:#a999ff;font-size:20px}.empty{padding:26px;border:1px dashed #ffffff1a;border-radius:14px;color:#787c89}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 72px)}.sidebar{border-right:1px solid #ffffff0e;background:#0c0e15;padding:22px 14px;display:flex;flex-direction:column}.workspace-badge{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:8px;margin-bottom:26px}.workspace-badge>span{width:42px;height:42px}.sidebar nav{display:grid;gap:6px}.nav-item{display:flex;gap:12px;align-items:center;text-align:left;padding:11px 12px;border-radius:10px;background:transparent;color:#979baa}.nav-item.active,.nav-item:hover{color:#fff;background:#ffffff0b}.nav-item strong{font-size:13px}.sidebar-foot{margin-top:auto;padding:14px 10px;color:#575b67}.content{padding:36px clamp(20px,4vw,56px);min-width:0}.hero-card{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:30px;border:1px solid #ffffff10;border-radius:22px;background:linear-gradient(135deg,#171a29,#11131c 65%)}.hero-card h1{font-size:clamp(34px,5vw,60px);margin-bottom:10px}.hero-card p{color:#8f93a2;margin:0}.status-pill{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:99px;background:#65d89c10;border:1px solid #65d89c28;color:#89e8b4;font-size:12px;white-space:nowrap}.status-pill span{width:7px;height:7px;border-radius:50%;background:#6be2a2;box-shadow:0 0 12px #6be2a2}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 34px}.metric-grid article{padding:20px;border-radius:16px;border:1px solid #ffffff0e;background:#10131b}.metric-grid small,.metric-grid span{display:block;color:#767b89;font-size:11px}.metric-grid strong{display:block;font-size:24px;margin:8px 0;color:#fff}.section-title{display:flex;justify-content:space-between;align-items:end;gap:10px;margin:20px 0 14px}.section-title h2{margin:0}.section-title span{font-size:11px;color:#676b78}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.module-card{text-align:left;padding:20px;border-radius:16px;background:#11141d;border:1px solid #ffffff0e;color:#fff;min-height:180px;transition:.2s}.module-card:hover{border-color:#816aff55;transform:translateY(-2px)}.module-card p{font-size:13px;line-height:1.5;color:#7f8493}.module-icon{font-size:22px;display:block;margin-bottom:20px}.open{font-size:11px;color:#b8a8ff;font-weight:800}.module-header{max-width:780px;padding:10px 0 28px}.module-header h1{font-size:clamp(38px,5vw,62px)}.delegation-panel{display:grid;grid-template-columns:60px 1fr;gap:18px;padding:26px;max-width:820px}.delegation-panel h2{margin:0 0 8px}.delegation-panel p{color:#9195a4;line-height:1.6}.delegation-panel code{color:#cfbeff;background:#090b11;padding:5px 8px;border-radius:7px}.delegation-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#8b73ff18;color:#b9a8ff;font-size:25px}@media(max-width:820px){.auth-layout{grid-template-columns:1fr;padding-top:48px}.auth-copy{display:none}.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #ffffff0e;display:block;overflow:auto}.workspace-badge,.sidebar-foot{display:none}.sidebar nav{display:flex;min-width:max-content}.nav-item{white-space:nowrap}.metric-grid{grid-template-columns:1fr}.hero-card{align-items:flex-start;flex-direction:column}.topbar{padding:0 16px}.content{padding:22px 16px}} /* v0.2.0 — registration + human operational Catalog */ .auth-stack{display:grid;gap:12px}.register-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:16px 18px;border-radius:15px;border:1px solid #ffffff12;background:#0e1119;color:#fff;text-align:left}.register-cta:hover{border-color:#826dff66;background:#121622}.register-cta strong,.register-cta small{display:block}.register-cta small{margin-top:4px;color:#7e8391;font-size:11px}.link-button{border:0;background:transparent;color:#a99cff;padding:10px 0;text-align:left}.registration-form{max-height:calc(100vh - 120px);overflow:auto}.boundary-card{padding:15px 16px;border:1px solid #8a73ff32;background:#8a73ff0d;border-radius:14px}.boundary-card strong,.boundary-card span{display:block}.boundary-card span{margin-top:5px;color:#898e9e;font-size:12px}.muted{color:#858a99}.narrow{max-width:760px;margin:0 auto;min-height:calc(100vh - 72px);padding:40px 20px}.verify-panel{max-width:620px;padding:34px}.verify-panel h1{margin:8px 0 10px}.verify-panel p{color:#8f94a4;line-height:1.65}.success-orb{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#64d79a17;border:1px solid #64d79a3a;color:#8de9b7;font-weight:900;margin-bottom:18px}.fact-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 0;margin:15px 0;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d}.fact-row small{color:#737887}.notice.success{background:#58d59512;border-color:#58d59532;color:#9ae7bd} .catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;max-width:none}.catalog-heading>div:first-child{max-width:800px}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.catalog-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 18px}.catalog-stats article{padding:14px 16px;border:1px solid #ffffff0e;background:#10131b;border-radius:14px}.catalog-stats small{display:block;color:#737887;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.catalog-stats strong{display:block;margin-top:6px;font-size:23px}.tabs{display:flex;gap:6px;border-bottom:1px solid #ffffff0f;margin-bottom:16px;overflow:auto}.tab{border:0;background:transparent;color:#747987;padding:12px 13px;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:#fff;border-bottom-color:#8b73ff}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:#727786;font-size:12px}.search-box{display:flex;align-items:center;gap:8px;flex:1;max-width:520px;padding:0 12px;border:1px solid #ffffff10;background:#0f121a;border-radius:12px}.search-box input{border:0;background:transparent;padding:11px 0;width:100%;outline:0;color:#fff}.product-list{display:grid;gap:7px}.product-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;width:100%;padding:13px 15px;border:1px solid #ffffff0d;background:#10131b;color:#fff;border-radius:13px;text-align:left}.product-row:hover{border-color:#816aff55;background:#131722}.product-main{display:flex;align-items:center;gap:12px;min-width:0}.product-main>span:last-child{min-width:0}.product-main strong,.product-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-main small{margin-top:4px;color:#747987}.product-avatar{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#7d65ff17;border:1px solid #7d65ff25;color:#c4b8ff;font-weight:850;flex:0 0 auto}.product-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px}.product-meta small{color:#6e7381}.row-action{font-size:11px;color:#aa9bff;margin-left:6px}.status,.source-badge,.default-badge,.readonly-pill,.value-count,.binding-chip{display:inline-flex;align-items:center;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:750;border:1px solid #ffffff12;background:#ffffff07}.status.active{color:#86e7b1;border-color:#64d79a30;background:#64d79a0c}.status.inactive,.status.archived{color:#f2b1a3;border-color:#ed806b30;background:#ed806b0c}.status.draft{color:#e8d58d;border-color:#e3c95830;background:#e3c9580c}.source-badge.native{color:#c5baff;border-color:#8b73ff30}.source-badge.provider{color:#8fd7ef;border-color:#62bfdd30}.default-badge{color:#f0d88c}.value-count{color:#9fa4b3}.editor-card{margin:0 0 16px;border:1px solid #826dff42;background:linear-gradient(135deg,#151827,#10131c);border-radius:18px;padding:20px}.editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.editor-head h2{margin:5px 0}.editor-head small{color:#747987}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.form-grid label{font-size:11px;color:#8d92a1}.form-grid input,.form-grid select{margin-top:6px;width:100%;background:#090c12;border:1px solid #ffffff12;border-radius:10px;color:#fff;padding:10px 11px}.form-grid input:disabled,.form-grid select:disabled{opacity:.55}.check-line{display:flex;align-items:center;gap:8px;margin:16px 0;color:#a0a5b3;font-size:12px}.check-line input{width:auto}.editor-actions{display:flex;gap:8px;align-items:center;margin-top:16px}.binding-zone{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:13px 0;border-top:1px solid #ffffff0e;border-bottom:1px solid #ffffff0e}.binding-zone>div{display:flex;gap:6px;flex-wrap:wrap}.binding-chip{color:#a8d8ec}.reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:9px}.reference-card{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:15px;border:1px solid #ffffff0d;background:#10131b;border-radius:13px}.reference-card strong,.reference-card small{display:block}.reference-card small{margin-top:5px;color:#707584}.inline{min-height:220px}.primary.compact{padding:9px 12px} @media(max-width:1100px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-stats{grid-template-columns:repeat(2,1fr)}.product-row{grid-template-columns:1fr}.product-meta{justify-content:flex-start;flex-wrap:wrap}} @media(max-width:620px){.form-grid{grid-template-columns:1fr}.catalog-heading{align-items:flex-start;flex-direction:column}.catalog-stats{grid-template-columns:1fr 1fr}.product-meta .source-badge,.product-meta small{display:none}.editor-card{padding:15px}.binding-zone{grid-template-columns:1fr}.reference-grid{grid-template-columns:1fr}} /* v0.3.0 — operational management foundation */ .nav-dot{width:7px;height:7px;border-radius:50%;margin-left:auto;flex:0 0 auto;background:#5b606d}.nav-dot.good{background:#68dfa1;box-shadow:0 0 10px #68dfa166}.nav-dot.muted{background:#4c505b}.status.good{color:#86e7b1;border-color:#64d79a30;background:#64d79a0c}.status.bad{color:#f2aaa0;border-color:#ed806b30;background:#ed806b0c}.status.warn{color:#edd58c;border-color:#e3c95830;background:#e3c9580c}.status.neutral{color:#a7acba}.compact-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.data-list{display:grid;gap:8px}.data-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 15px;border:1px solid #ffffff0d;background:#10131b;color:#fff;border-radius:13px;text-align:left}.data-row>div:first-child{min-width:0}.data-row strong,.data-row small{display:block}.data-row small{color:#737887;margin-top:4px;line-height:1.4}.data-row.clickable{cursor:pointer;font:inherit}.data-row.clickable:hover{border-color:#816aff55;background:#131722}.stock-row{align-items:flex-start}.stock-metrics{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.detail-card{margin:0 0 16px;padding:20px;border:1px solid #ffffff10;background:linear-gradient(135deg,#151827,#10131c);border-radius:18px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:0 0 18px}.detail-grid>div{padding:13px 14px;border:1px solid #ffffff0d;background:#0d1017;border-radius:12px}.detail-grid small,.detail-grid strong{display:block}.detail-grid small{color:#737887;margin-bottom:6px}.inline-form,.receipt-form{display:grid;gap:10px;padding:14px;border:1px solid #ffffff0d;border-radius:13px;background:#0e1118;margin:12px 0}.inline-form{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end}.inline-form label,.receipt-form label{display:grid;gap:6px;color:#8c91a0;font-size:11px}.inline-form input,.inline-form select,.receipt-form input,.receipt-form select{width:100%;background:#090c12;border:1px solid #ffffff12;border-radius:10px;color:#fff;padding:9px 10px}.receipt-line{display:grid;grid-template-columns:minmax(160px,1fr) 120px 110px 140px;gap:10px;align-items:end;padding:10px 0;border-bottom:1px solid #ffffff0a}.receipt-line:last-child{border-bottom:0}.align-left{text-align:left}.food-cost-boundary{margin-top:18px}.food-cost-boundary strong{color:#d4c9ff}.module-header .status{margin-left:8px}.editor-actions .primary.compact{width:auto}.editor-actions .ghost{padding:9px 12px}.section-title>div{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.data-row .value-count{margin-left:5px}.workspace-scope{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px} @media(max-width:900px){.compact-metrics{grid-template-columns:1fr 1fr}.receipt-line{grid-template-columns:1fr 1fr}.stock-metrics{justify-content:flex-start}.data-row{align-items:flex-start;flex-direction:column}.data-row>div:last-child{width:100%}} @media(max-width:620px){.compact-metrics{grid-template-columns:1fr}.receipt-line{grid-template-columns:1fr}.inline-form{grid-template-columns:1fr}.detail-card{padding:15px}.stock-metrics{display:grid;grid-template-columns:1fr;width:100%}.editor-actions{flex-wrap:wrap}.editor-actions .primary.compact,.editor-actions .ghost{width:100%}.section-title{align-items:flex-start;flex-direction:column}.section-title>div{justify-content:flex-start}} /* v0.3.1 bootstrap resilience */ .bootstrap-code{display:inline-block;margin-top:12px;padding:5px 8px;border-radius:7px;background:#090b11;color:#c8baff;font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace}.bootstrap-detail{margin-top:10px;color:#747987;font-size:11px;word-break:break-word} /* v0.4.0 — registration & first business onboarding */ .onboarding-auth{align-items:start;padding-top:5vw}.onboarding-steps{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:24px 0}.onboarding-step{display:flex;align-items:center;gap:7px;color:#666b78;font-size:11px;font-weight:750}.onboarding-step b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1px solid #ffffff18;background:#0d1017;color:#747987}.onboarding-step.active{color:#d8d2ff}.onboarding-step.active b{border-color:#8b73ff66;background:#8b73ff18;color:#d7cdff}.onboarding-step.done{color:#83e0ad}.onboarding-step.done b{border-color:#64d79a40;background:#64d79a12;color:#8ce7b5}.registration-plan{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;padding:15px 16px;border:1px solid #ffffff10;background:#0d1017;border-radius:14px}.registration-plan small,.registration-plan strong,.registration-plan span{display:block}.registration-plan small{color:#777c8a;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.registration-plan strong{margin-top:4px}.registration-plan span{margin-top:4px;color:#747987;font-size:11px}.registration-plan>b{font-size:18px;color:#f4cf59}.password-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.registration-status-panel{width:min(720px,100%)}.registration-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:20px 0}.registration-facts>div{padding:13px 14px;border:1px solid #ffffff0d;border-radius:12px;background:#0d1017}.registration-facts small,.registration-facts strong{display:block}.registration-facts small{color:#737887;margin-bottom:6px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.verification-actions{display:flex;gap:9px;align-items:center;margin-top:16px}.verification-actions .primary{width:auto}.first-run-card{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:16px 18px;margin:0 0 16px;border:1px solid #64d79a30;background:linear-gradient(135deg,#102019,#10151b);border-radius:16px}.first-run-card .success-orb{margin:0}.first-run-card small,.first-run-card strong{display:block}.first-run-card small{color:#73bd94;font-size:10px;letter-spacing:.08em}.first-run-card strong{margin-top:4px;font-size:16px}.first-run-card p{margin:5px 0 0;color:#7f8d87;font-size:12px;line-height:1.5} @media(max-width:620px){.password-grid,.registration-facts{grid-template-columns:1fr}.verification-actions{align-items:stretch;flex-direction:column}.verification-actions .primary,.verification-actions .ghost{width:100%}.first-run-card{grid-template-columns:42px 1fr}.first-run-card>button{grid-column:1/-1}.onboarding-steps{gap:6px}.registration-plan{align-items:flex-start;flex-direction:column}} .registration-state-banner{display:grid;gap:5px;padding:13px 14px;margin:0 0 16px;border-radius:12px;border:1px solid #f0c34a33;background:#f0c34a0d;color:#f3d883}.registration-state-banner span{font-size:11px;color:#9297a7}.registration-disabled-help{margin:10px 0 0;text-align:center;font-size:11px;color:#8c91a0}.registration-form .primary:disabled{cursor:not-allowed} /* v0.5.0 — Inventory canonical units + supplier sourcing UX */ .editor-section{margin-top:18px;padding-top:16px;border-top:1px solid #ffffff0e}.editor-section>.section-title{margin:0 0 10px}.editor-section>.section-title h3{margin:0;font-size:15px}.editor-section>label{display:grid;gap:6px;max-width:520px;color:#8d92a1;font-size:11px}.editor-section>label select{width:100%;background:#090c12;border:1px solid #ffffff12;border-radius:10px;color:#fff;padding:10px 11px}.sourcing-box{margin-top:12px;padding:14px;border:1px solid #ffffff0d;background:#0d1017;border-radius:13px}.sourcing-box .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.sourcing-box .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.sourcing-box .form-grid{grid-template-columns:1fr}} /* Inventory app UX v0.7.1 — Page navigation + centered nested modals */ .app-overlay{position:fixed;inset:0;z-index:80;background:#05070bb8;backdrop-filter:blur(6px);display:flex;justify-content:flex-end;align-items:stretch;padding:0}.app-sheet{width:min(720px,94vw);height:100%;overflow:auto;background:#0e1118;border-left:1px solid #ffffff14;box-shadow:-28px 0 70px #0009;animation:sheetIn .18s ease-out}.app-sheet.medium{width:min(580px,94vw)}.app-sheet.wide{width:min(780px,96vw)}@keyframes sheetIn{from{transform:translateX(24px);opacity:.75}to{transform:none;opacity:1}}.sheet-head{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;gap:18px;padding:24px 26px 18px;background:#0e1118ee;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff0c}.sheet-head h2{margin:5px 0 4px;font-size:26px}.sheet-head p{margin:0;color:#858a99;line-height:1.45;max-width:560px}.sheet-form{padding:0 26px 28px}.sheet-section{padding:22px 0;border-bottom:1px solid #ffffff0d}.sheet-section.first{padding-top:22px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.section-heading h3{margin:2px 0 4px;font-size:16px}.section-heading p{margin:0;color:#7f8493;font-size:12px;line-height:1.45;max-width:480px}.section-kicker{display:block;color:#a99bff;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.11em}.app-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-form-grid .span-2{grid-column:span 2}.app-form-grid label,.modal-form-stack label,.field-label{display:grid;gap:6px;color:#a1a6b4;font-size:11px}.app-form-grid input,.app-form-grid select,.modal-form-stack input,.modal-form-stack select,.field-label select{width:100%;background:#090c12;border:1px solid #ffffff14;border-radius:11px;color:#fff;padding:11px 12px;outline:none}.app-form-grid input:focus,.app-form-grid select:focus,.modal-form-stack input:focus,.field-label select:focus{border-color:#8974ff99;box-shadow:0 0 0 3px #806aff16}.field-help{display:block;color:#686e7d;font-size:10px;line-height:1.35;margin-top:0}.advanced-panel{margin:16px 0 0;border:1px solid #ffffff0c;border-radius:13px;background:#0a0d13}.advanced-panel>summary{cursor:pointer;padding:13px 14px;color:#969baa;font-size:12px;font-weight:700;list-style:none}.advanced-panel>summary::-webkit-details-marker{display:none}.advanced-panel>summary:after{content:'›';float:right;color:#7564db;transform:rotate(90deg)}.advanced-panel[open]>summary:after{transform:rotate(-90deg)}.advanced-content{padding:0 14px 14px}.sticky-actions{position:sticky;bottom:0;z-index:3;display:flex;gap:9px;padding:16px 0;background:linear-gradient(180deg,#0e111800,#0e1118 24%)}.sticky-actions .primary{min-width:140px}.app-subcard{margin-top:14px}.nested-modal-layer{position:fixed;inset:0;z-index:110;display:grid;place-items:center;background:#05070bd4;backdrop-filter:blur(8px);padding:20px}.nested-modal{width:min(520px,94vw);max-height:88vh;overflow:auto;background:#121620;border:1px solid #ffffff18;border-radius:19px;box-shadow:0 28px 90px #000b;padding:20px}.nested-modal .editor-head{margin-bottom:14px}.nested-modal .editor-head small{display:block;margin-top:6px;line-height:1.45;max-width:390px}.modal-form-stack{display:grid;gap:12px}.nested-modal .sticky-actions{background:linear-gradient(180deg,#12162000,#121620 24%);padding-bottom:0}.inventory-human-meta{display:flex;gap:7px;flex-wrap:wrap}.advanced-field{opacity:.9} @media(max-width:620px){.app-overlay{align-items:flex-end}.app-sheet,.app-sheet.medium,.app-sheet.wide{width:100%;height:min(94vh,100%);border-left:0;border-top:1px solid #ffffff16;border-radius:20px 20px 0 0}.sheet-head{padding:18px 16px 14px}.sheet-form{padding:0 16px 20px}.app-form-grid{grid-template-columns:1fr}.app-form-grid .span-2{grid-column:auto}.section-heading{flex-direction:column}.section-heading>button{width:100%}.sticky-actions{padding-bottom:8px}.sticky-actions .primary,.sticky-actions .ghost{flex:1}.nested-modal-layer{align-items:end;padding:0}.nested-modal{width:100%;max-height:90vh;border-radius:20px 20px 0 0;padding:18px 16px}.sheet-head h2{font-size:22px}} /* v0.7.1 — Inventory page navigation */ .item360-body{padding-bottom:34px}.item360-head h2{font-size:30px}.item360-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #ffffff0d}.item360-hero>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.item360-hero small{color:#858a99}.item360-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px 0}.metric-card{padding:15px;border-radius:14px;border:1px solid #ffffff0e;background:#0b0e15;min-width:0}.metric-card small,.metric-card span{display:block;color:#7a8090;font-size:10px;line-height:1.35}.metric-card strong{display:block;margin:7px 0;font-size:18px;word-break:break-word}.mini-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 0;border-bottom:1px solid #ffffff0b}.mini-row:last-child{border-bottom:0}.mini-row strong,.mini-row small{display:block}.mini-row small{margin-top:4px;color:#767c8b;font-size:10px}.right-meta{text-align:right}.compact-empty{padding:16px}.recipe-cost-metrics{padding:0 0 16px;margin-bottom:14px;border-bottom:1px solid #ffffff0d}.data-row.clickable{width:100%;font:inherit;color:inherit;text-align:left}.item360-metrics .status{display:inline-flex} @media(max-width:760px){.item360-metrics{grid-template-columns:1fr}.item360-hero{align-items:flex-start;flex-direction:column}.item360-hero>button{width:100%}.mini-row{align-items:flex-start;flex-direction:column}.right-meta{text-align:left}} /* v0.7.1 — Primary workflows are full module pages; nested actions stay centered modals */ .module-page-editor{max-width:980px;margin:0 auto;border:1px solid #ffffff10;background:linear-gradient(180deg,#11141d,#0d1017);border-radius:22px;overflow:hidden;box-shadow:0 24px 70px #0005}.module-page-editor .sheet-head{position:static;background:transparent;padding:28px 30px 20px}.module-page-editor .sheet-form{padding:0 30px 30px}.module-page-editor .sticky-actions{position:static;background:none;padding-top:24px}.page-head .back-link{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#a99bff;padding:0;margin:0 0 14px;cursor:pointer;font-weight:750;font-size:12px}.page-head .back-link:hover{color:#d1c8ff}.portion-control{display:grid;grid-template-columns:minmax(120px,.75fr) minmax(190px,1.25fr);gap:10px;align-items:end}.portion-control label{display:grid;gap:6px;color:#a1a6b4;font-size:11px}.portion-control input,.portion-control select{width:100%;background:#090c12;border:1px solid #ffffff14;border-radius:11px;color:#fff;padding:11px 12px;outline:none}.portion-control input:focus,.portion-control select:focus{border-color:#8974ff99;box-shadow:0 0 0 3px #806aff16}.portion-help{margin-top:8px}.item360-page .item360-head{border-bottom:1px solid #ffffff0d}.inventory-form-page .sheet-section:last-of-type{border-bottom:0}@media(max-width:620px){.module-page-editor{border-radius:16px}.module-page-editor .sheet-head{padding:20px 16px 14px}.module-page-editor .sheet-form{padding:0 16px 20px}.portion-control{grid-template-columns:1fr}.nested-modal-layer{align-items:center;padding:16px}.nested-modal{width:min(520px,96vw);border-radius:18px;max-height:88vh}} /* v0.8.0 — Costs & Profitability */ .costs-panel,.profitability-context,.profit-result{margin-top:16px}.cost-rule-row{align-items:center}.profit-actions{display:flex;gap:10px;margin:16px 0}.profit-result{padding:22px;border:1px solid #ffffff10;background:linear-gradient(180deg,#10141d,#0c0f15);border-radius:18px}.profit-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.profit-metrics>div{padding:14px;border:1px solid #ffffff0d;border-radius:13px;background:#090c12}.profit-metrics small,.profit-metrics span{display:block;color:#7f8594;font-size:10px}.profit-metrics strong{display:block;margin:6px 0;font-size:19px}.profit-metrics .profit-primary{border-color:#8d7aff35;background:#8170ff0d}.profit-primary strong{font-size:24px}.cost-breakdown{display:grid;gap:2px}.cost-line{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #ffffff0b}.cost-line:last-child{border-bottom:0}.cost-line small{display:block;margin-top:4px;color:#747b8a}.profit-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.embedded{margin:14px 0 0}.cost-rule-modal{width:min(620px,96vw)} @media(max-width:820px){.profit-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.profit-compare{grid-template-columns:1fr}} @media(max-width:560px){.profit-metrics{grid-template-columns:1fr}.profit-actions{flex-direction:column}.profit-actions>*{width:100%}} /* v0.8.2 — Costs & Profitability UX polish */ .costs-panel{padding:10px 18px}.profitability-context{padding:20px}.profitability-context .section-heading{margin-bottom:14px}.cost-scope-box{padding:16px;border:1px solid #ffffff12;border-radius:14px;background:#ffffff05}.cost-scope-box>strong{display:block;font-size:13px;margin-bottom:4px}.cost-scope-box>p{margin:0 0 12px;color:#8d94a3;font-size:12px;line-height:1.45}.cost-rule-row{padding:14px 4px}.cost-rule-row .right-meta{text-align:right}.profit-result{box-shadow:0 16px 45px #00000020}.profit-metrics>div{min-height:82px}.profit-metrics .profit-primary{min-height:96px}.profit-actions{justify-content:flex-end}.cost-breakdown .cost-line strong{font-weight:650} @media(max-width:760px){.profit-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.profit-compare{grid-template-columns:1fr}.cost-rule-row{align-items:flex-start}.cost-rule-row .right-meta{text-align:left}} /* v0.8.2 — Profitability readiness */ .readiness-card{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:14px 0;padding:18px;border:1px solid var(--border, #d9dee7);border-radius:16px;background:var(--surface, #fff)} .readiness-card h3{margin:4px 0 8px}.readiness-card p{margin:4px 0;max-width:760px}.readiness-card small{font-weight:700;text-transform:uppercase;letter-spacing:.05em}.readiness-card.warn{border-style:solid}.readiness-card.ready{align-items:center}.readiness-actions{display:flex;gap:8px;flex-wrap:wrap}.muted{opacity:.72}@media(max-width:720px){.readiness-card{flex-direction:column}.readiness-actions{width:100%}.readiness-actions button{width:100%}} /* v0.10.0 — Product Workspace V1 */ .product-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px;margin-top:14px}.product-card{border:1px solid #ffffff10;background:linear-gradient(180deg,#121620,#0e1118);border-radius:18px;overflow:hidden;box-shadow:0 14px 34px #0003}.product-card:hover{border-color:#8773ff45;transform:translateY(-1px)}.product-card-main{display:block;width:100%;text-align:left;border:0;background:transparent;color:inherit;padding:18px;cursor:pointer}.product-card-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.product-avatar.large{width:46px;height:46px;border-radius:14px;font-size:17px}.product-card-heading strong,.product-card-heading small{display:block}.product-card-heading strong{font-size:16px}.product-card-heading small{margin-top:4px;color:#797f8d}.product-health{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid #ffffff12;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:750}.product-health.ready{color:#9ee6b0;border-color:#52ba7038;background:#52ba7010}.product-health.warning{color:#ffd79a;border-color:#e6a74d38;background:#e6a74d10}.product-health.checking{color:#aeb4c2}.product-card-facts{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:8px;margin-top:16px}.product-card-facts span{display:flex;min-width:0;flex-direction:column;gap:4px;padding:10px;border-radius:12px;background:#090c12;border:1px solid #ffffff09}.product-card-facts small{font-size:9px;color:#737987;text-transform:uppercase;letter-spacing:.05em}.product-card-facts b{font-size:12px;overflow:hidden;text-overflow:ellipsis}.warn-text{color:#ffd08a}.product-card-actions{display:flex;gap:8px;align-items:center;padding:12px 16px;border-top:1px solid #ffffff0b;background:#0a0d13}.product-card-actions .ghost:last-child{margin-left:auto}.catalog-product-editor{max-width:980px}.product360-page{max-width:1120px}.product360-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid #ffffff0d}.product360-hero h2{font-size:30px;margin:5px 0 6px}.product360-hero p{max-width:650px;color:#8f95a3;margin:0}.product360-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.product360-body{padding:24px 30px 30px}.product360-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.product360-summary article{padding:15px;border:1px solid #ffffff0d;background:#0b0e14;border-radius:14px}.product360-summary small,.product360-summary strong{display:block}.product360-summary small{color:#777d8a;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.product360-summary strong{margin-top:6px;font-size:15px}.product360-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.workspace-card{padding:18px;border:1px solid #ffffff0d;background:linear-gradient(145deg,#11151f,#0c0f16);border-radius:16px}.workspace-card.span-2{grid-column:span 2}.workspace-card-head{display:flex;align-items:center;gap:11px}.workspace-card-head>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#806aff14;border:1px solid #806aff30;color:#b8acff;font-size:17px}.workspace-card-head small,.workspace-card-head h3{display:block;margin:0}.workspace-card-head small{color:#777e8c;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.workspace-card-head h3{margin-top:3px;font-size:15px}.workspace-card p{color:#9298a6;line-height:1.5;font-size:12px}.workspace-bindings{margin-top:13px}.action-card{display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(135deg,#17162a,#10131c)}.action-card small,.action-card h3{display:block;margin:0}.action-card small{color:#898f9d;font-size:10px;text-transform:uppercase}.action-card h3{margin-top:4px}.product-identity{margin-top:15px;border:1px solid #ffffff0d;border-radius:14px;background:#0a0d13;padding:0 16px}.product-identity summary{cursor:pointer;padding:14px 0;font-weight:750;color:#a9afbc}.product-identity .detail-grid{padding:0 0 16px}.recipe-create-page{max-width:900px} @media(max-width:820px){.product360-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card-facts{grid-template-columns:1fr 1fr}.product-card-facts span:last-child{grid-column:span 2}.product360-grid{grid-template-columns:1fr}.workspace-card.span-2{grid-column:span 1}.product360-hero{flex-direction:column}.product360-head-actions{justify-content:flex-start}} @media(max-width:520px){.product-card-grid{grid-template-columns:1fr}.product-card-top{grid-template-columns:auto 1fr}.product-health{grid-column:1/-1;width:max-content}.product-card-actions{flex-wrap:wrap}.product-card-actions .ghost:last-child{margin-left:0}.product360-body{padding:18px 16px 22px}.product360-summary{grid-template-columns:1fr 1fr}.action-card{align-items:flex-start;flex-direction:column}} /* Product Workspace V2 */ .channel-filter-strip{margin-top:14px;padding:14px;border:1px solid #ffffff0d;background:#0b0e14;border-radius:16px}.filter-strip-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.filter-strip-head strong{font-size:12px}.filter-strip-head small{color:#777e8c}.channel-filter-row{display:flex;gap:8px;overflow:auto;padding-bottom:2px}.channel-filter{min-width:112px;border:1px solid #ffffff10;background:#10141d;color:#c7cbd4;border-radius:13px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.channel-filter strong{font-size:12px;white-space:nowrap}.channel-filter span{display:grid;place-items:center;min-width:26px;height:26px;border-radius:9px;background:#070a0f;font-size:11px;color:#9ca3b1}.channel-filter.active{border-color:#8875ff66;background:#8170ff14;color:#e6e1ff}.catalog-toolbar.v2{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:10px;margin-top:12px}.catalog-filter-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.catalog-filter-controls select{min-width:145px}.attention-toggle{display:flex!important;align-items:center;gap:6px!important;padding:0 8px!important;white-space:nowrap;color:#9ca3b1;font-size:11px}.catalog-count{font-size:11px;color:#858c9a}.product-card-grid.v2{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:11px}.product-card.compact-v2{border-radius:15px}.product-card.compact-v2 .product-card-main{padding:14px}.product-card.compact-v2 .product-card-top{grid-template-columns:auto minmax(0,1fr);gap:9px}.product-card.compact-v2 .product-health{grid-column:1/-1;margin-top:1px}.product-card.compact-v2 .product-avatar{width:36px;height:36px;border-radius:11px}.product-card.compact-v2 .product-card-heading strong{font-size:14px}.product-card.compact-v2 .product-card-heading small{font-size:10px;margin-top:2px}.product-channel-chips,.category-chip-row,.product360-category-line{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.product-channel-chips{margin-top:10px;min-height:23px}.channel-chip,.category-chip{display:inline-flex;align-items:center;min-height:22px;padding:3px 7px;border-radius:999px;border:1px solid #ffffff10;background:#080b11;color:#aeb4c0;font-size:9px;font-weight:700}.channel-chip.more{color:#c6bcff;border-color:#806aff35}.muted-chip{opacity:.65;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-chip.primary{color:#bfb5ff;border-color:#806aff3e;background:#806aff12}.product-card-mini{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.product-card-mini span{display:flex;min-width:0;flex-direction:column;padding:8px;border:1px solid #ffffff08;border-radius:10px;background:#090c12}.product-card-mini small{font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:#6f7683}.product-card-mini b{font-size:11px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card.compact-v2 .product-card-actions{padding:9px 11px;gap:6px}.product-card.compact-v2 .product-card-actions button{font-size:10px;padding:7px 8px}.category-workspace{margin-top:14px}.inline-category-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #ffffff0b}.inline-category-form select{min-width:200px;flex:1}.inline-category-form label{display:flex;align-items:center;gap:6px;font-size:11px;color:#949aa7}.channel-status-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px;margin-top:12px}.channel-status-card{border:1px solid #ffffff0c;background:#090c12;border-radius:13px;padding:12px}.channel-status-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.channel-status-head strong{font-size:13px}.channel-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}.channel-status-grid span{min-width:0}.channel-status-grid small,.channel-status-grid b{display:block}.channel-status-grid small{font-size:8px;color:#6f7683;text-transform:uppercase}.channel-status-grid b{font-size:10px;margin-top:3px;overflow:hidden;text-overflow:ellipsis}.channel-observed{display:block;margin-top:9px;color:#666d79;font-size:9px}.reference-actions{display:flex;justify-content:flex-end;margin:12px 0}.category-reference>div:last-child{display:flex;align-items:center;gap:8px}.category-modal{max-width:520px}.compact-empty{padding:14px!important}.product360-category-line{margin-top:8px} @media(min-width:1500px){.product-card-grid.v2{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(min-width:1050px) and (max-width:1499px){.product-card-grid.v2{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:900px){.catalog-toolbar.v2{grid-template-columns:1fr}.catalog-filter-controls{order:2}.catalog-count{order:3}.product-card-grid.v2{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-status-grid{grid-template-columns:1fr 1fr}.channel-status-grid span:last-child{grid-column:1/-1}} @media(max-width:580px){.product-card-grid.v2{grid-template-columns:1fr}.catalog-filter-controls select{width:100%}.catalog-filter-controls{align-items:stretch}.channel-filter{min-width:105px}} /* v0.11.0 Product 360 V3 + Recipe & Costing UX */ .recipe360-page{max-width:1180px}.recipe360-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.recipe360-hero h2{font-size:30px;margin:5px 0 6px}.recipe360-hero p{max-width:700px;color:#8d94a2;margin:0}.recipe360-status{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.recipe360-body{padding:24px 30px 30px}.recipe-cost-hero{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px}.recipe-cost-hero article{padding:18px;border:1px solid #ffffff0d;background:linear-gradient(145deg,#121722,#0a0d13);border-radius:15px}.recipe-cost-hero small,.recipe-cost-hero span{display:block;color:#777e8c;font-size:10px}.recipe-cost-hero strong{display:block;font-size:22px;margin:7px 0}.recipe-builder-panel{margin-top:14px;border:1px solid #ffffff0d;background:#0c1017;border-radius:17px;padding:18px}.recipe-section-title{align-items:flex-start}.recipe-section-title h3{margin:0}.recipe-section-title p{margin:5px 0 0;color:#818896;font-size:11px;max-width:720px}.recipe-ingredient-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:9px;margin-top:14px}.recipe-ingredient-card{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:13px;border:1px solid #ffffff0d;background:#090c12;border-radius:13px}.recipe-ingredient-card.missing-cost{border-color:#dba34e40;background:#dba34e08}.recipe-ingredient-main{display:flex;align-items:center;gap:10px;min-width:0}.ingredient-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:10px;background:#806aff14;border:1px solid #806aff2d;color:#bdb4ff}.recipe-ingredient-main div{min-width:0}.recipe-ingredient-main strong,.recipe-ingredient-main small{display:block;overflow:hidden;text-overflow:ellipsis}.recipe-ingredient-main strong{font-size:13px;white-space:nowrap}.recipe-ingredient-main small{font-size:10px;color:#7d8491;margin-top:4px}.recipe-ingredient-cost{text-align:right;flex:0 0 auto}.recipe-ingredient-cost small,.recipe-ingredient-cost strong,.recipe-ingredient-cost span{display:block}.recipe-ingredient-cost small{font-size:8px;text-transform:uppercase;color:#707783}.recipe-ingredient-cost strong{font-size:13px;margin:3px 0}.recipe-ingredient-cost span{font-size:9px}.good-text{color:#91daa3}.recipe-warning-panel{margin-top:12px;padding:16px;border-radius:14px;border:1px solid #dda84c38;background:#dda84c0b}.recipe-warning-panel strong{color:#f0c87f}.recipe-warning-panel p{color:#9b8a6b;font-size:11px;line-height:1.5}.recipe-links-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:16px;border:1px solid #ffffff0d;background:#0a0d13;border-radius:14px}.recipe-links-panel small{display:block;color:#777e8c;margin-bottom:7px}.recipe-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin-top:14px}.recipe-list-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;padding:14px;text-align:left;color:inherit;border:1px solid #ffffff0e;background:linear-gradient(145deg,#121620,#0b0e14);border-radius:14px;cursor:pointer}.recipe-list-card:hover{border-color:#806aff45}.recipe-list-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#806aff14;border:1px solid #806aff2c;color:#bdb4ff;font-size:17px}.recipe-list-copy{min-width:0}.recipe-list-copy strong,.recipe-list-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-list-copy strong{font-size:13px}.recipe-list-copy small{font-size:10px;color:#777e8c;margin-top:4px}.recipe-list-meta{text-align:right}.recipe-list-meta span{display:block;margin-top:5px;color:#8f95a2;font-size:9px}.recipe-component-modal{max-width:620px}.read-only-unit{display:flex;align-items:center;min-height:42px;padding:0 12px;border:1px dashed #ffffff16;border-radius:10px;color:#858c9a;font-size:11px}.recipe-empty{grid-column:1/-1}.recipe-create-page{max-width:960px} @media(max-width:760px){.recipe-cost-hero{grid-template-columns:1fr}.recipe360-hero{flex-direction:column}.recipe-ingredient-grid,.recipe-list-grid{grid-template-columns:1fr}.recipe-links-panel{align-items:flex-start;flex-direction:column}.recipe360-body{padding:18px}} /* v0.12.2 Inventory Workspace V2 + Purchase/Cost Setup */ .compact-module-header{padding:4px 0 14px;min-height:58px;align-items:center}.compact-module-header h1{font-size:clamp(24px,3vw,34px);margin:2px 0 3px;letter-spacing:-.025em}.compact-module-header p{font-size:12px;line-height:1.35;margin:0;color:#7f8593;max-width:720px}.compact-module-header .eyebrow{font-size:8px;letter-spacing:.14em}.compact-page-head{padding-top:15px!important;padding-bottom:15px!important}.compact-page-head h2{font-size:25px!important;margin:4px 0!important}.compact-page-head p{font-size:11px!important;margin-top:3px!important}.icon-back{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff12;border-radius:10px;background:#0a0d13;color:#d7d9df;font-size:17px;padding:0;margin-bottom:5px}.inventory-summary-line{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 10px}.inventory-summary-line span{padding:7px 10px;border:1px solid #ffffff0d;border-radius:10px;background:#0c0f16;color:#7f8694;font-size:10px}.inventory-summary-line b{color:#e9ebef;font-size:12px}.compact-tabs{margin-bottom:12px}.inventory-filter-strip{padding:12px;border:1px solid #ffffff0d;background:#0b0e14;border-radius:15px}.inventory-supplier-row{display:flex;gap:7px;overflow:auto}.inventory-supplier-filter{min-width:110px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid #ffffff10;border-radius:12px;background:#10141d;color:#bec3cd;cursor:pointer}.inventory-supplier-filter strong{font-size:11px;white-space:nowrap}.inventory-supplier-filter span{display:grid;place-items:center;min-width:24px;height:24px;border-radius:8px;background:#070a0f;color:#8f96a4;font-size:10px}.inventory-supplier-filter.active{border-color:#8875ff66;background:#8170ff14;color:#e5e0ff}.inventory-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.inventory-toolbar select{min-width:170px}.inventory-toolbar>span{margin-left:auto;color:#777e8c;font-size:10px}.inventory-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.inventory-item-card{overflow:hidden;border:1px solid #ffffff0e;border-radius:15px;background:linear-gradient(145deg,#11151e,#0a0d13)}.inventory-item-card.needs-attention{border-color:#dba34e2e}.inventory-card-main{display:block;width:100%;padding:13px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.inventory-card-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center}.inventory-card-top .product-health{grid-column:1/-1;width:max-content}.inventory-item-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#806aff14;border:1px solid #806aff2e;color:#bdb4ff;font-weight:850}.inventory-card-top strong,.inventory-card-top small{display:block}.inventory-card-top strong{font-size:13px}.inventory-card-top small{font-size:9px;color:#747b88;margin-top:3px}.inventory-card-source{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.inventory-card-source span,.inventory-card-metrics span{min-width:0;padding:8px;border:1px solid #ffffff08;border-radius:10px;background:#080b11}.inventory-card-source small,.inventory-card-source b,.inventory-card-metrics small,.inventory-card-metrics b{display:block}.inventory-card-source small,.inventory-card-metrics small{font-size:8px;color:#6e7582;text-transform:uppercase;letter-spacing:.05em}.inventory-card-source b,.inventory-card-metrics b{margin-top:3px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-card-metrics{display:grid;grid-template-columns:1.2fr .8fr;gap:6px;margin-top:6px}.inventory-card-actions{display:flex;justify-content:flex-end;padding:8px 10px;border-top:1px solid #ffffff0a}.inventory-basics-grid{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(150px,1fr));gap:10px;align-items:end}.canonical-unit-info{display:flex;flex-direction:column;justify-content:center;min-height:76px;padding:10px 12px;border:1px dashed #806aff35;border-radius:12px;background:#806aff08}.canonical-unit-info small{font-size:9px;color:#8e84c7;text-transform:uppercase}.canonical-unit-info strong{font-size:16px;margin-top:3px}.canonical-unit-info span{font-size:9px;color:#777e8c;margin-top:4px;line-height:1.35}.purchase-section{border-color:#806aff20}.purchase-setup-card{margin-top:11px}.purchase-grid{grid-template-columns:repeat(4,minmax(145px,1fr))}.purchase-preview{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.purchase-preview span{padding:10px 12px;border:1px solid #ffffff0d;border-radius:11px;background:#090c12}.purchase-preview small,.purchase-preview strong{display:block}.purchase-preview small{font-size:8px;text-transform:uppercase;color:#737a87}.purchase-preview strong{margin-top:4px;font-size:13px}.item360-head,.recipe360-hero,.product360-hero{padding-top:16px!important;padding-bottom:16px!important}.item360-head h2,.recipe360-hero h2,.product360-hero h2{font-size:26px!important;margin:4px 0!important} @media(min-width:1500px){.inventory-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(min-width:1050px) and (max-width:1499px){.inventory-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:1100px){.inventory-basics-grid{grid-template-columns:1fr 1fr}.purchase-grid{grid-template-columns:1fr 1fr}} @media(max-width:900px){.inventory-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-toolbar>span{margin-left:0}.compact-module-header{align-items:flex-start}} @media(max-width:580px){.inventory-card-grid,.inventory-basics-grid,.purchase-grid,.purchase-preview{grid-template-columns:1fr}.inventory-card-source{grid-template-columns:1fr}.inventory-toolbar select{width:100%}.inventory-toolbar{align-items:stretch}.inventory-supplier-filter{min-width:105px}} /* v0.12.2 Inventory form readability + unit selector hardening */ .inventory-form-page .sheet-form label,.inventory-form-page .field-label{display:grid;gap:7px;min-width:0;color:#bcc1cb;font-size:11px;font-weight:650;line-height:1.25}.inventory-form-page input,.inventory-form-page select{display:block;width:100%;min-width:0;height:42px;padding:0 11px;border:1px solid #ffffff16;border-radius:10px;background:#080b11;color:#f2f3f6;line-height:1.2}.inventory-form-page input::placeholder{color:#555d6a}.inventory-form-page select{padding-right:30px}.inventory-form-page .field-help{display:block;margin-top:1px;line-height:1.35}.inventory-form-page .inventory-basics-grid{align-items:start}.inventory-form-page .canonical-unit-info{min-height:68px}.inventory-form-page .purchase-grid{align-items:start}.inventory-form-page .portion-control{align-items:start}.inventory-form-page .check-line{display:flex;align-items:center;gap:8px}.inventory-form-page .check-line input{width:16px;height:16px;flex:0 0 auto}.inventory-form-page .section-heading h3{margin-bottom:4px} /* v0.12.2 hotfix: stable form geometry + measurement-driven selectors */ .inventory-form-page .inventory-basics-grid{grid-template-columns:minmax(220px,1.6fr) minmax(180px,1fr) minmax(160px,.9fr) minmax(220px,1.25fr);align-items:start} .inventory-form-page .inventory-field{display:grid!important;grid-template-rows:auto 42px;gap:7px!important;min-width:0} .inventory-form-page .inventory-field>input,.inventory-form-page .inventory-field>select{margin:0!important;position:static!important;transform:none!important} .inventory-form-page .purchase-grid label,.inventory-form-page .portion-control label,.inventory-form-page .modal-form-stack label{display:grid!important;grid-template-rows:auto 42px;gap:7px!important;min-width:0} .inventory-form-page .purchase-grid label>input,.inventory-form-page .purchase-grid label>select,.inventory-form-page .portion-control label>input,.inventory-form-page .portion-control label>select,.inventory-form-page .modal-form-stack label>input,.inventory-form-page .modal-form-stack label>select{margin:0!important;position:static!important;transform:none!important} .inventory-form-page .field-label{display:grid!important;grid-template-rows:auto 42px;gap:7px!important;max-width:520px} .inventory-form-page select{background-clip:padding-box} @media(max-width:1180px){.inventory-form-page .inventory-basics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.inventory-form-page .inventory-basics-grid{grid-template-columns:1fr}} /* v0.13.0 Inventory Item 360 V3 + supplier comparison */ .supplier-comparison-section{border-top:1px solid #806aff24}.purchase-readiness-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:9px;border:1px solid #ffffff0d;border-radius:11px;background:#0a0d13}.purchase-readiness-line span{font-size:10px;color:#7b8290}.purchase-readiness-line strong{font-size:11px;color:#ddd8ff}.supplier-compare-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 13px;margin-top:7px;border:1px solid #ffffff0d;border-radius:12px;background:#0b0e14}.supplier-compare-row.cheapest{border-color:#5fd69738;background:#5fd69709}.supplier-compare-main{min-width:0}.supplier-compare-main strong{font-size:12px}.supplier-compare-main small{display:block;margin-top:5px;color:#777f8c;font-size:10px;line-height:1.35}.supplier-compare-price{text-align:right}.supplier-compare-price b,.supplier-compare-price strong,.supplier-compare-price small{display:block}.supplier-compare-price b{font-size:11px;color:#b6bbc5}.supplier-compare-price strong{margin-top:3px;font-size:13px}.supplier-compare-price small{margin-top:4px;color:#7d8592;font-size:9px}.stock-intelligence-card{border:1px solid #ffffff0d;border-radius:14px;padding:16px!important;margin-top:14px;background:linear-gradient(145deg,#0d1118,#090c11)}.stock-intelligence-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stock-intelligence-metrics span{padding:10px;border:1px solid #ffffff09;border-radius:10px;background:#080b10}.stock-intelligence-metrics small,.stock-intelligence-metrics b{display:block}.stock-intelligence-metrics small{font-size:8px;color:#737a87;text-transform:uppercase;letter-spacing:.05em}.stock-intelligence-metrics b{margin-top:4px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .inventory-supplier-filter.active{box-shadow:0 0 0 2px #806aff18 inset}.inventory-supplier-filter{flex:0 0 auto} @media(max-width:680px){.supplier-compare-row{grid-template-columns:1fr}.supplier-compare-price{text-align:left}.stock-intelligence-metrics{grid-template-columns:1fr}} .purchase-needs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px;margin:14px 0}.purchase-supplier-group{background:var(--surface,#fff);border:1px solid var(--border,#e5e7eb);border-radius:16px;padding:16px}.purchase-need-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--border,#e5e7eb)}.purchase-need-line:first-of-type{border-top:0}.purchase-need-line small,.purchase-need-numbers span{display:block;color:var(--muted,#6b7280);font-size:12px}.purchase-need-numbers{text-align:right}.purchase-need-numbers strong{display:block}.procurement-needs-head .section-heading{align-items:end}.procurement-needs-head label{min-width:240px}.replenishment-config{margin-top:16px}.replenishment-modal{max-width:760px}@media(max-width:760px){.purchase-needs-grid{grid-template-columns:1fr}.purchase-need-line{grid-template-columns:1fr}.purchase-need-numbers{text-align:left}.procurement-needs-head .section-heading{align-items:stretch}.procurement-needs-head label{min-width:0}} /* v0.15.0 — SPM Design System V1 + App Shell V2 */ .workspace-page{ --spm-purple:#5f45ff; --spm-purple-2:#7a63ff; --spm-purple-soft:#f0edff; --spm-ink:#171a24; --spm-muted:#7a8090; --spm-border:#e8eaf0; --spm-surface:#ffffff; --spm-surface-2:#f7f8fb; --spm-surface-3:#f1f3f7; --spm-success:#18a66a; --spm-warning:#e39a1b; --spm-danger:#e24f5f; background:#f4f5f9; color:var(--spm-ink); } .workspace-page .ambient{display:none} .workspace-page .topbar{ height:58px; padding:0 18px 0 20px; background:rgba(255,255,255,.96); color:var(--spm-ink); border-bottom:1px solid var(--spm-border); box-shadow:0 1px 0 rgba(19,24,38,.02); backdrop-filter:blur(18px); } .workspace-page .brand{color:#211b5d;gap:8px;font-size:14px;letter-spacing:.01em} .workspace-page .brand-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#6f54ff,#4c35df);box-shadow:0 7px 18px rgba(95,69,255,.24);color:#fff} .workspace-page .context-switch{margin-left:14px;display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center;min-width:190px;text-align:left;background:#f8f8fb!important;color:var(--spm-ink)!important;border-color:#eceef3!important;border-radius:9px!important;padding:7px 10px!important} .workspace-page .context-switch span,.workspace-page .context-switch small{display:block;line-height:1.15}.workspace-page .context-switch span{font-size:11px;font-weight:750}.workspace-page .context-switch small{font-size:9px;color:#8a8f9d;margin-top:2px}.workspace-page .context-switch b{grid-row:1/3;grid-column:2;color:#8a8f9d;font-size:11px} .workspace-page .top-actions{align-items:center;gap:7px}.workspace-page .top-actions .ghost{background:#fff;color:#555b69;border-color:#e8eaf0}.workspace-page .top-actions .ghost:hover{background:#f5f6f9;color:#252a35} .workspace-page .user-chip{display:flex;align-items:center;gap:8px;margin-right:3px;padding-right:10px;border-right:1px solid #eceef3}.workspace-page .user-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#2b254a;color:#fff;font-size:11px;font-weight:800}.workspace-page .user-chip strong,.workspace-page .user-chip small{display:block;line-height:1.15}.workspace-page .user-chip strong{font-size:10px}.workspace-page .user-chip small{font-size:8px;color:#9297a3;margin-top:2px} .workspace-page .app-shell{grid-template-columns:205px minmax(0,1fr);min-height:calc(100vh - 58px);background:#f4f5f9} .workspace-page .sidebar{background:#fff;border-right:1px solid var(--spm-border);padding:16px 10px 12px;color:var(--spm-ink)} .workspace-page .workspace-badge{padding:8px 8px 14px;margin-bottom:7px;border-bottom:1px solid #f0f1f4}.workspace-page .workspace-badge>span{width:36px;height:36px;border-radius:10px;background:#f0edff;color:#5f45ff;border:1px solid #e1dcff}.workspace-page .workspace-badge strong{font-size:10px;color:#2a2f3a}.workspace-page .workspace-badge small{font-size:8px;color:#969ba8;margin-top:3px} .workspace-page .sidebar nav{gap:3px}.workspace-page .nav-item{position:relative;padding:8px 9px;border-radius:9px;color:#68707f;gap:9px;min-height:44px}.workspace-page .nav-item:hover{background:#f7f6ff;color:#4b38c9}.workspace-page .nav-item.active{background:linear-gradient(90deg,#efeaff,#f7f5ff);color:#5039df}.workspace-page .nav-item.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#664cff}.workspace-page .nav-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f4f5f8;color:inherit;font-size:13px;flex:0 0 auto}.workspace-page .nav-item.active .nav-icon{background:#ded7ff}.workspace-page .nav-copy{display:grid;gap:1px;min-width:0;flex:1}.workspace-page .nav-copy strong{font-size:10.5px;color:inherit}.workspace-page .nav-copy small{font-size:7.5px;color:#a0a5b0;font-weight:500}.workspace-page .nav-dot{width:6px;height:6px;border-radius:50%;margin-left:auto}.workspace-page .nav-dot.good{background:#25b573}.workspace-page .nav-dot.muted{background:#c9ccd4}.workspace-page .sidebar-foot{padding:12px 8px;color:#a0a5b0;border-top:1px solid #f0f1f4;margin-top:auto} .workspace-page .content{padding:18px 20px 30px;max-width:1700px;width:100%;margin:0 auto;color:var(--spm-ink)} .workspace-page .module-header{max-width:none;padding:0 0 14px;margin:0}.workspace-page .compact-module-header{align-items:center;min-height:56px;border-bottom:1px solid #eceef3;margin-bottom:14px}.workspace-page .module-header .eyebrow{display:none}.workspace-page .module-header h1{font-size:22px!important;line-height:1.15;letter-spacing:-.025em;margin:0 0 3px!important;color:#20242e}.workspace-page .module-header p{font-size:10px!important;line-height:1.4;color:#8a909d;margin:0;max-width:760px}.workspace-page .header-actions{align-items:center}.workspace-page .header-actions .primary,.workspace-page .header-actions .ghost{width:auto} .workspace-page .hero-card{padding:18px 20px;border:1px solid var(--spm-border);border-radius:15px;background:#fff;box-shadow:0 6px 20px rgba(26,31,44,.035);align-items:center}.workspace-page .hero-card .eyebrow{color:#6b58e9}.workspace-page .hero-card h1{font-size:28px;line-height:1.1;color:#20242e;margin:4px 0 4px;letter-spacing:-.035em}.workspace-page .hero-card p{font-size:10px;color:#9095a1}.workspace-page .status-pill{background:#edf9f4;border-color:#d8f2e6;color:#169762} .workspace-page .metric-grid{gap:10px;margin:10px 0 18px;grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-page .metric-grid article,.workspace-page .catalog-stats article{background:#fff;border:1px solid var(--spm-border);border-radius:12px;padding:13px 14px;box-shadow:0 4px 14px rgba(22,26,38,.025)}.workspace-page .metric-grid small,.workspace-page .metric-grid span,.workspace-page .catalog-stats small{color:#9297a4}.workspace-page .metric-grid strong,.workspace-page .catalog-stats strong{color:#1e222c}.workspace-page .metric-grid strong{font-size:21px;margin:4px 0} .workspace-page .section-title{margin:16px 0 10px}.workspace-page .section-title h2{font-size:14px;color:#262a34}.workspace-page .section-title span{color:#9aa0ab} .workspace-page .panel,.workspace-page .module-card,.workspace-page .context-card{background:#fff;border-color:var(--spm-border);color:var(--spm-ink);box-shadow:0 5px 18px rgba(20,25,36,.03)}.workspace-page .panel{border-radius:14px}.workspace-page .module-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(205px,1fr))}.workspace-page .module-card{min-height:138px;padding:15px;border-radius:13px}.workspace-page .module-card:hover{border-color:#cfc8ff;background:#fdfcff;transform:translateY(-1px)}.workspace-page .module-card p{font-size:10px;color:#8c919d}.workspace-page .module-icon{margin-bottom:12px}.workspace-page .open{color:#5f45ff} .workspace-page .primary{background:linear-gradient(135deg,#6a50ff,#563bdc);color:#fff;box-shadow:0 8px 20px rgba(95,69,255,.19);border-radius:9px;padding:10px 13px}.workspace-page .primary:hover{filter:brightness(.98)}.workspace-page .ghost{background:#fff;color:#59606d;border:1px solid #e3e6ec;border-radius:9px}.workspace-page .ghost:hover{background:#f6f7fa}.workspace-page .compact{padding:7px 10px} .workspace-page .tabs{border-bottom:1px solid #e7e9ee;margin-bottom:13px;gap:3px}.workspace-page .tabs button{color:#858b98;background:transparent;border-radius:8px 8px 0 0;font-size:10px;padding:8px 10px}.workspace-page .tabs button.active{color:#5d43ed;background:#f0edff;border-color:#e1dcff} .workspace-page input,.workspace-page select,.workspace-page textarea{background:#fff!important;color:#252a34!important;border-color:#dfe3ea!important;border-radius:9px!important;box-shadow:none!important}.workspace-page input:focus,.workspace-page select:focus,.workspace-page textarea:focus{border-color:#7a63ff!important;box-shadow:0 0 0 3px rgba(122,99,255,.10)!important;outline:none}.workspace-page label,.workspace-page .field-label{color:#606674}.workspace-page .field-help,.workspace-page .muted{color:#9298a4!important} .workspace-page .notice{border-radius:10px}.workspace-page .notice.error{background:#fff2f4;color:#c83d50;border-color:#ffd7de}.workspace-page .notice.success{background:#eefaf4;color:#16865a;border-color:#d3f2e2}.workspace-page .notice.warn{background:#fff8ea;color:#a96d0d;border-color:#f8e3b7} .workspace-page .data-row,.workspace-page .cost-line{border-color:#eceef2!important;color:#2d323d}.workspace-page .data-row:hover{background:#fafafe}.workspace-page .data-row small,.workspace-page .right-meta small{color:#969ba7} .workspace-page .inventory-card-grid,.workspace-page .catalog-product-grid{gap:10px}.workspace-page .inventory-item-card,.workspace-page .catalog-product-card{background:#fff!important;border:1px solid var(--spm-border)!important;border-radius:13px!important;box-shadow:0 5px 16px rgba(25,30,43,.03)}.workspace-page .inventory-item-card:hover,.workspace-page .catalog-product-card:hover{border-color:#d3cdfc!important;box-shadow:0 9px 25px rgba(44,38,90,.07)}.workspace-page .inventory-item-icon{background:#f0edff;border-color:#e2dcff;color:#5b43e6}.workspace-page .inventory-card-source span,.workspace-page .inventory-card-metrics span{background:#f8f9fb;border-color:#eef0f3}.workspace-page .inventory-card-source small,.workspace-page .inventory-card-metrics small{color:#9ba0ab}.workspace-page .inventory-card-source b,.workspace-page .inventory-card-metrics b{color:#2b303a}.workspace-page .inventory-card-actions{border-color:#eef0f3}.workspace-page .inventory-item-card.needs-attention{border-color:#f1d7a5!important}.workspace-page .inventory-supplier-filter{background:#fff!important;border-color:#e5e8ee!important;color:#6c7280!important;border-radius:10px!important}.workspace-page .inventory-supplier-filter.active{background:#f0edff!important;border-color:#d8d0ff!important;color:#5b42e2!important;box-shadow:none}.workspace-page .inventory-toolbar select{background:#fff!important} .workspace-page .product-workspace-toolbar,.workspace-page .catalog-channel-filters,.workspace-page .inventory-supplier-filters{scrollbar-width:none}.workspace-page .product-health,.workspace-page .status{border-radius:999px!important;font-weight:700}.workspace-page .status.good,.workspace-page .product-health.good{background:#eaf8f2!important;color:#168f60!important;border-color:#d3f0e2!important}.workspace-page .status.warn,.workspace-page .product-health.warn{background:#fff6e7!important;color:#b77916!important;border-color:#f5dfb7!important}.workspace-page .status.bad,.workspace-page .product-health.bad{background:#fff0f2!important;color:#c74454!important;border-color:#f7d6dc!important} .workspace-page .supplier-comparison-section,.workspace-page .stock-intelligence-card{background:#fff!important;border-color:#e8eaf0!important}.workspace-page .supplier-compare-row,.workspace-page .purchase-readiness-line,.workspace-page .stock-intelligence-metrics span{background:#f8f9fb!important;border-color:#eceef2!important}.workspace-page .supplier-compare-row.cheapest{background:#effaf5!important;border-color:#d7f0e4!important}.workspace-page .purchase-supplier-group{background:#fff;border-color:#e7e9ee;box-shadow:0 5px 16px rgba(25,30,43,.03)}.workspace-page .purchase-need-line{border-color:#eceef2}.workspace-page .purchase-need-line small,.workspace-page .purchase-need-numbers span{color:#9298a4} .workspace-page .nested-modal-layer{background:rgba(30,32,42,.24);backdrop-filter:blur(4px)}.workspace-page .nested-modal{background:#fff!important;color:#232833!important;border:1px solid #e5e8ee!important;box-shadow:0 24px 80px rgba(27,30,45,.18)!important;border-radius:16px!important}.workspace-page .editor-head{border-color:#eceef2!important}.workspace-page .editor-head h2{color:#20242e}.workspace-page .editor-head p,.workspace-page .editor-head small{color:#9096a2}.workspace-page .sticky-actions{border-color:#eceef2!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(12px)} .workspace-page .canonical-unit-info{background:#f7f5ff!important;border-color:#ddd7ff!important}.workspace-page .canonical-unit-info small{color:#7666c2}.workspace-page .canonical-unit-info strong{color:#332774}.workspace-page .purchase-preview span{background:#f8f9fb!important;border-color:#eceef2!important}.workspace-page .purchase-preview small{color:#9298a4}.workspace-page .purchase-preview strong{color:#272c36} .workspace-page .profit-result,.workspace-page .profitability-context,.workspace-page .readiness-card{background:#fff!important;border-color:#e6e9ef!important;color:#252a34!important}.workspace-page .profit-metrics>div{background:#f8f9fb!important;border-color:#eceef2!important}.workspace-page .profit-metrics small{color:#9298a4!important}.workspace-page .profit-metrics strong{color:#242933!important}.workspace-page .profit-primary{background:#f0edff!important;border-color:#ddd6ff!important}.workspace-page .advanced-panel{border-color:#e7e9ee!important;background:#fbfbfd!important}.workspace-page .advanced-panel summary{color:#5e6470!important} .workspace-page .empty{border-color:#dfe3ea;color:#959aa6;background:#fafbfc}.workspace-page .compact-empty{background:#fafbfc!important} .workspace-page table{background:#fff;color:#2b303a}.workspace-page th{color:#9297a4;background:#f8f9fb}.workspace-page td,.workspace-page th{border-color:#eceef2} .workspace-page .first-run-card{background:#fff;border-color:#e8eaf0;color:#2a2f39;box-shadow:0 5px 18px rgba(20,25,36,.03)} @media(min-width:1500px){.workspace-page .content{padding-left:24px;padding-right:24px}.workspace-page .inventory-card-grid,.workspace-page .catalog-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:980px){.workspace-page .app-shell{grid-template-columns:72px minmax(0,1fr)}.workspace-page .sidebar{padding:12px 8px}.workspace-page .workspace-badge{display:none}.workspace-page .nav-item{justify-content:center;padding:8px}.workspace-page .nav-copy,.workspace-page .nav-dot,.workspace-page .sidebar-foot{display:none}.workspace-page .nav-icon{width:34px;height:34px}.workspace-page .context-switch{min-width:0}.workspace-page .context-switch small{display:none}.workspace-page .user-chip span:last-child{display:none}.workspace-page .content{padding:16px}} @media(max-width:680px){.workspace-page .topbar{height:54px;padding:0 10px}.workspace-page .brand>span:last-child{display:none}.workspace-page .context-switch{margin-left:6px;max-width:150px}.workspace-page .app-shell{grid-template-columns:1fr;min-height:calc(100vh - 54px)}.workspace-page .sidebar{position:fixed;left:8px;right:8px;bottom:8px;z-index:30;border:1px solid #e4e7ed;border-radius:15px;box-shadow:0 12px 40px rgba(34,38,52,.16);padding:6px;background:rgba(255,255,255,.96);backdrop-filter:blur(16px)}.workspace-page .sidebar nav{display:flex;justify-content:space-around;gap:3px;overflow:auto}.workspace-page .nav-item{min-width:50px;min-height:46px}.workspace-page .nav-item.active:before{display:none}.workspace-page .content{padding:12px 12px 82px}.workspace-page .module-header h1{font-size:20px!important}.workspace-page .metric-grid{grid-template-columns:1fr 1fr}.workspace-page .user-chip{display:none}.workspace-page .top-actions .locale-button{display:none}} /* v0.16.0 — SPM Visual Identity Layer V1 */ .workspace-page{--spm-violet:#6447f5;--spm-violet-2:#7c62ff;--spm-violet-soft:#f1eeff;--spm-violet-soft-2:#f7f5ff;--spm-ink:#20232b;--spm-muted:#858b98;--spm-border:#e6e8ee;--spm-surface:#ffffff;--spm-surface-2:#f7f8fb;--spm-success:#1c9a68;--spm-warn:#b77712;--spm-danger:#c74355;background:radial-gradient(circle at 100% 0,rgba(100,71,245,.055),transparent 26%),#f5f6f9;color:var(--spm-ink)} .workspace-page .topbar{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);border-bottom:1px solid #ebeaf2;box-shadow:0 1px 0 rgba(100,71,245,.025);backdrop-filter:blur(16px)} .workspace-page .topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 0,var(--spm-violet) 18%,#9b89ff 48%,transparent 82%);opacity:.28;pointer-events:none} .workspace-page .brand-mark{position:relative;overflow:hidden;background:linear-gradient(145deg,#7457ff,#5538da 68%,#4327bb);border-radius:11px;box-shadow:0 8px 22px rgba(100,71,245,.25)} .workspace-page .brand-mark:after{content:"";position:absolute;width:14px;height:4px;border-radius:99px;background:rgba(255,255,255,.82);right:4px;bottom:5px;transform:rotate(-38deg);box-shadow:-8px -11px 0 -1px rgba(255,255,255,.28)} .workspace-page .brand{letter-spacing:-.01em;color:#242631;font-weight:850}.workspace-page .brand>span:last-child{font-size:14px} .workspace-page .sidebar{background:rgba(255,255,255,.9);border-right:1px solid #e8e9ef;box-shadow:10px 0 30px rgba(32,35,43,.018)} .workspace-page .workspace-badge>span{background:linear-gradient(145deg,#7357ff,#593cdf);box-shadow:0 8px 18px rgba(100,71,245,.18)} .workspace-page .nav-item{position:relative;min-height:46px;color:#777d89;border:1px solid transparent;transition:background .18s,border-color .18s,color .18s,transform .18s} .workspace-page .nav-item:hover{background:#f8f7ff;border-color:#eeeaff;color:#4e3dc0;transform:translateX(1px)} .workspace-page .nav-item.active{background:linear-gradient(90deg,#efebff,#f8f6ff 82%);border-color:#e4ddff;color:#4d35cf;box-shadow:0 5px 14px rgba(100,71,245,.055)} .workspace-page .nav-item.active:before{content:"";position:absolute;left:-7px;top:10px;bottom:10px;width:3px;border-radius:0 99px 99px 0;background:linear-gradient(#7c62ff,#583bdc)} .workspace-page .nav-icon{background:#f2f0fa!important;border:1px solid #ece8fb!important;color:#6a51e5!important}.workspace-page .nav-item.active .nav-icon{background:linear-gradient(145deg,#7558ff,#5a3fdc)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 6px 14px rgba(100,71,245,.22)} .workspace-page .content{position:relative}.workspace-page .content:before{content:"";position:absolute;z-index:0;right:2%;top:0;width:240px;height:160px;background:radial-gradient(circle,rgba(108,76,245,.07),transparent 67%);pointer-events:none}.workspace-page .content>*{position:relative;z-index:1} .workspace-page .compact-module-header,.workspace-page .module-header{position:relative;border-bottom:0}.workspace-page .compact-module-header:after,.workspace-page .module-header:after{content:"";display:block;width:42px;height:3px;border-radius:99px;margin-top:9px;background:linear-gradient(90deg,var(--spm-violet),#a18fff)} .workspace-page .module-header h1,.workspace-page .compact-module-header h1{color:#1f222b;letter-spacing:-.04em}.workspace-page .module-header p,.workspace-page .compact-module-header p{color:#858b98} .workspace-page .eyebrow{color:#6a50df!important;font-weight:850;letter-spacing:.14em} .workspace-page .primary{background:linear-gradient(135deg,#6f50ff,#5638dc)!important;box-shadow:0 8px 20px rgba(99,72,243,.20)!important;border:1px solid rgba(75,49,196,.1)!important}.workspace-page .primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(99,72,243,.26)!important}.workspace-page .primary:active{transform:translateY(0)} .workspace-page .ghost{transition:.18s}.workspace-page .ghost:hover{border-color:#d9d2ff!important;color:#5a43d6!important;background:#f8f6ff!important} .workspace-page .metric-grid article,.workspace-page .catalog-stats article,.workspace-page .metric-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#fbfbfd)!important;border-color:#e8e9ef!important;box-shadow:0 6px 18px rgba(28,31,43,.035)!important} .workspace-page .metric-grid article:before,.workspace-page .catalog-stats article:before,.workspace-page .metric-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#7b61ff,#5a3fdc);opacity:.85} .workspace-page .metric-grid article:nth-child(2):before,.workspace-page .catalog-stats article:nth-child(2):before{background:linear-gradient(#38b997,#168b69)} .workspace-page .metric-grid article:nth-child(3):before,.workspace-page .catalog-stats article:nth-child(3):before{background:linear-gradient(#f1b64d,#d38417)} .workspace-page .metric-grid article:nth-child(4):before,.workspace-page .catalog-stats article:nth-child(4):before{background:linear-gradient(#5f7fee,#3858bf)} .workspace-page .metric-grid strong,.workspace-page .catalog-stats strong,.workspace-page .metric-card strong{letter-spacing:-.035em}.workspace-page .metric-grid small,.workspace-page .catalog-stats small,.workspace-page .metric-card small{text-transform:uppercase;letter-spacing:.08em;font-weight:750} .workspace-page .panel,.workspace-page .workspace-card,.workspace-page .module-card{border-color:#e8e9ef!important;box-shadow:0 7px 20px rgba(26,29,41,.035)!important} .workspace-page .workspace-card{position:relative;overflow:hidden}.workspace-page .workspace-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-70px;bottom:-72px;background:radial-gradient(circle,rgba(111,80,255,.10),rgba(111,80,255,0) 68%);pointer-events:none} .workspace-page .workspace-card-head>span{background:linear-gradient(145deg,#f0ecff,#f7f5ff)!important;border-color:#ded6ff!important;color:#6249df!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)} .workspace-page .status,.workspace-page .product-health{gap:5px}.workspace-page .status:before,.workspace-page .product-health:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.82;flex:0 0 auto}.workspace-page .product-health.checking:before{animation:spmPulse 1.2s ease-in-out infinite}@keyframes spmPulse{0%,100%{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}} .workspace-page .channel-chip{background:#f3f0ff!important;border:1px solid #e1d9ff!important;color:#5f48d7!important;font-weight:750}.workspace-page .binding-chip{background:#f6f4ff!important;border-color:#e4deff!important;color:#6650d6!important} .workspace-page .product-card,.workspace-page .catalog-product-card,.workspace-page .inventory-item-card,.workspace-page .recipe-list-card,.workspace-page .purchase-supplier-group{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease} .workspace-page .product-card:before,.workspace-page .catalog-product-card:before,.workspace-page .inventory-item-card:before,.workspace-page .recipe-list-card:before,.workspace-page .purchase-supplier-group:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#7557ff,#9c8cff 58%,transparent 96%);opacity:.88;pointer-events:none} .workspace-page .inventory-item-card:before{background:linear-gradient(90deg,#31a986,#73cdb2 58%,transparent 96%)} .workspace-page .recipe-list-card:before{background:linear-gradient(90deg,#f0a943,#f4cf75 58%,transparent 96%)} .workspace-page .purchase-supplier-group:before{background:linear-gradient(90deg,#5276e8,#8aa0f3 58%,transparent 96%)} .workspace-page .product-card:hover,.workspace-page .catalog-product-card:hover,.workspace-page .inventory-item-card:hover,.workspace-page .recipe-list-card:hover,.workspace-page .purchase-supplier-group:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(45,40,85,.085)!important} .workspace-page .product-avatar.large,.workspace-page .product-avatar{background:linear-gradient(145deg,#eeeaff,#f8f6ff)!important;border-color:#ddd4ff!important;color:#5d43df!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)} .workspace-page .inventory-item-icon{background:linear-gradient(145deg,#eaf8f3,#f7fcfa)!important;border-color:#d4efe4!important;color:#198461!important} .workspace-page .recipe-list-icon{background:linear-gradient(145deg,#fff4df,#fffaf0)!important;border-color:#f5dfb8!important;color:#aa7016!important} .workspace-page .product-card-facts span,.workspace-page .inventory-card-source span,.workspace-page .inventory-card-metrics span{background:linear-gradient(180deg,#fafafd,#f6f7fa)!important} .workspace-page .product360-hero,.workspace-page .item360-hero,.workspace-page .recipe360-hero{position:relative;margin-top:4px;padding:22px 22px!important;border:1px solid #e6e1ff!important;border-radius:18px!important;background:linear-gradient(120deg,#fbfaff 0,#f4f0ff 60%,#ffffff 100%)!important;box-shadow:0 10px 28px rgba(86,61,181,.06)!important;overflow:hidden} .workspace-page .item360-hero{background:linear-gradient(120deg,#fbfffd 0,#ecf8f4 60%,#ffffff 100%)!important;border-color:#dcefe8!important}.workspace-page .recipe360-hero{background:linear-gradient(120deg,#fffdf9 0,#fff4df 60%,#ffffff 100%)!important;border-color:#f2e4c9!important} .workspace-page .product360-hero:before,.workspace-page .item360-hero:before,.workspace-page .recipe360-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(#7659ff,#563bdc)}.workspace-page .item360-hero:before{background:linear-gradient(#35ad88,#1b8f69)}.workspace-page .recipe360-hero:before{background:linear-gradient(#f0ad43,#d88a18)} .workspace-page .product360-hero:after,.workspace-page .item360-hero:after,.workspace-page .recipe360-hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-95px;background:radial-gradient(circle,rgba(113,83,255,.13),rgba(113,83,255,0) 68%);pointer-events:none}.workspace-page .item360-hero:after{background:radial-gradient(circle,rgba(37,164,123,.12),rgba(37,164,123,0) 68%)}.workspace-page .recipe360-hero:after{background:radial-gradient(circle,rgba(224,151,39,.12),rgba(224,151,39,0) 68%)} .workspace-page .product360-hero h2,.workspace-page .item360-hero h2,.workspace-page .recipe360-hero h2{font-size:30px!important;letter-spacing:-.045em!important;color:#1f222b!important}.workspace-page .product360-hero p,.workspace-page .recipe360-hero p{color:#7c8290!important} .workspace-page .product360-summary article,.workspace-page .recipe-cost-hero article{position:relative;background:linear-gradient(180deg,#fff,#fafafd)!important;border-color:#e8e9ef!important;box-shadow:0 6px 16px rgba(28,31,43,.03)!important}.workspace-page .product360-summary article:first-child,.workspace-page .recipe-cost-hero article:first-child{background:linear-gradient(145deg,#f2efff,#faf9ff)!important;border-color:#ded7ff!important} .workspace-page .recipe-cost-hero strong,.workspace-page .product360-summary strong{letter-spacing:-.035em} .workspace-page .supplier-compare-row.cheapest{position:relative;box-shadow:inset 3px 0 0 #2aa77d}.workspace-page .supplier-compare-row.cheapest:after{content:"BEST";position:absolute;right:10px;top:8px;font-size:8px;letter-spacing:.1em;font-weight:850;color:#1d8e69;opacity:.72} .workspace-page .purchase-supplier-group{border-radius:15px!important}.workspace-page .purchase-need-line strong{color:#252934}.workspace-page .purchase-need-line:hover{background:#fbfbfe} .workspace-page .profit-primary{background:linear-gradient(145deg,#eee9ff,#f8f6ff)!important;border-color:#dcd3ff!important;box-shadow:inset 4px 0 0 #694cf0}.workspace-page .profit-metrics>div{position:relative}.workspace-page .profit-metrics>div:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;border-radius:99px;background:#e7e3fb} .workspace-page .inventory-supplier-filter,.workspace-page .channel-filter{transition:.18s}.workspace-page .inventory-supplier-filter.active,.workspace-page .channel-filter.active{background:linear-gradient(145deg,#6f50ff,#5b3fdf)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 7px 16px rgba(100,71,245,.19)!important}.workspace-page .inventory-supplier-filter.active span{background:rgba(255,255,255,.18)!important;color:#fff!important} .workspace-page .tabs{padding:3px;background:#f0f1f5;border:1px solid #e5e7ec;border-radius:11px;margin-bottom:14px}.workspace-page .tabs button{border:0!important;border-radius:8px!important;padding:8px 11px!important}.workspace-page .tabs button.active{background:#fff!important;color:#593fd6!important;box-shadow:0 3px 10px rgba(32,35,43,.07)!important} .workspace-page .search-box{background:#fff!important;border-color:#e4e7ed!important;box-shadow:0 3px 10px rgba(28,31,43,.02)} .workspace-page .nested-modal{border-top:4px solid #6b4df0!important}.workspace-page .editor-head .eyebrow{display:inline-flex;align-items:center;gap:6px}.workspace-page .editor-head .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#6b4df0;box-shadow:0 0 0 4px #f0edff} .workspace-page .empty{background:linear-gradient(180deg,#fff,#fafbfc)!important;border-style:dashed!important} @media(min-width:1280px){.workspace-page .content{padding-top:20px}.workspace-page .product360-page,.workspace-page .recipe360-page{max-width:1240px}.workspace-page .inventory-card-grid,.workspace-page .catalog-product-grid{gap:12px}} @media(max-width:680px){.workspace-page .product360-hero,.workspace-page .item360-hero,.workspace-page .recipe360-hero{padding:17px!important;border-radius:15px!important}.workspace-page .metric-grid article:before,.workspace-page .catalog-stats article:before{width:2px}.workspace-page .sidebar{box-shadow:0 16px 44px rgba(35,32,66,.16)}.workspace-page .nav-item.active{box-shadow:none}} /* SPM v0.16.1 — visual coherence hardening */ .workspace-page .channel-filter-strip, .workspace-page .inventory-filter-strip{ background:linear-gradient(180deg,#faf9ff 0%,#f6f3ff 100%)!important; border:1px solid #e2dcff!important; box-shadow:0 8px 22px rgba(89,63,214,.045)!important; } .workspace-page .filter-strip-head strong{color:#2c2547!important}.workspace-page .filter-strip-head small{color:#8b84a8!important} .workspace-page .channel-filter-row,.workspace-page .inventory-supplier-row{gap:8px!important} .workspace-page .channel-filter, .workspace-page .inventory-supplier-filter{ background:#fff!important; color:#5c5574!important; border:1px solid #e5e0f5!important; box-shadow:0 2px 7px rgba(48,42,72,.035)!important; } .workspace-page .channel-filter strong, .workspace-page .inventory-supplier-filter strong{color:inherit!important} .workspace-page .channel-filter span, .workspace-page .inventory-supplier-filter span{ background:#f1edff!important; color:#674ee4!important; border:1px solid #e5ddff!important; } .workspace-page .channel-filter.active, .workspace-page .inventory-supplier-filter.active{ background:linear-gradient(145deg,#7354ff,#5b3fdc)!important; color:#fff!important; border-color:transparent!important; box-shadow:0 8px 18px rgba(94,66,225,.20)!important; } .workspace-page .channel-filter.active span, .workspace-page .inventory-supplier-filter.active span{ background:rgba(255,255,255,.18)!important; border-color:rgba(255,255,255,.14)!important; color:#fff!important; } .workspace-page .inventory-summary-line{gap:7px!important} .workspace-page .inventory-summary-line span{ background:linear-gradient(145deg,#7354ff,#6045e5)!important; color:#eeeaff!important; border:0!important; box-shadow:0 7px 15px rgba(93,68,216,.15)!important; padding:7px 11px!important; } .workspace-page .inventory-summary-line b{color:#fff!important} /* Catalog cards: product-first visual language */ .workspace-page .catalog-product-grid{gap:13px!important} .workspace-page .product-card.compact-v2{ background:#fff!important; border:1px solid #e6e2f2!important; border-radius:18px!important; box-shadow:0 8px 24px rgba(49,43,76,.045)!important; } .workspace-page .product-card.compact-v2:before{height:4px!important;background:linear-gradient(90deg,#6e4cff,#9b8bff 62%,#e8e3ff)!important;opacity:1!important} .workspace-page .product-card-main{padding:16px!important} .workspace-page .product-card-top{align-items:start!important;gap:12px!important} .workspace-page .product-avatar{ width:52px!important;height:52px!important;border-radius:15px!important; background:linear-gradient(145deg,#6d4cff,#8e78ff)!important;color:#fff!important; box-shadow:0 8px 18px rgba(102,75,230,.2)!important;font-size:18px!important;font-weight:850!important; } .workspace-page .product-card-heading strong{font-size:15px!important;color:#242131!important;letter-spacing:-.02em!important} .workspace-page .product-card-heading small{color:#8a8499!important;margin-top:4px!important} .workspace-page .product-channel-chips{min-height:27px!important;margin-top:13px!important} .workspace-page .product-card-mini{gap:8px!important;margin-top:10px!important} .workspace-page .product-card-mini span{ background:linear-gradient(180deg,#faf9ff,#f6f3ff)!important; border:1px solid #ebe6ff!important;border-radius:12px!important;padding:10px!important; } .workspace-page .product-card-mini small{color:#8b84a0!important} .workspace-page .product-card-mini b{color:#302946!important;font-size:12px!important} .workspace-page .product-card-actions{background:#fcfbff!important;border-top:1px solid #eeeaf8!important;padding:10px 12px!important} /* Recipe cards: no legacy dark list cards */ .workspace-page .recipe-list-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;gap:12px!important} .workspace-page .recipe-list-card{ display:grid!important; grid-template-columns:1fr auto!important; grid-template-areas:"icon meta" "copy copy"!important; align-items:start!important; gap:11px!important; min-height:154px!important; padding:16px!important; background:linear-gradient(155deg,#fffdf8 0%,#fff8eb 100%)!important; color:#2e2920!important; border:1px solid #f1e2c5!important; border-radius:18px!important; box-shadow:0 8px 22px rgba(117,82,28,.045)!important; } .workspace-page .recipe-list-card:before{height:4px!important;background:linear-gradient(90deg,#efa43c,#f5ca75 62%,#fff1d2)!important;opacity:1!important} .workspace-page .recipe-list-icon{ grid-area:icon!important;width:48px!important;height:48px!important;border-radius:14px!important; background:linear-gradient(145deg,#f2a43f,#f4bd63)!important;border:0!important;color:#fff!important; box-shadow:0 8px 16px rgba(218,142,34,.17)!important;font-size:21px!important; } .workspace-page .recipe-list-copy{grid-area:copy!important;padding-top:3px!important} .workspace-page .recipe-list-copy strong{font-size:15px!important;color:#2f291f!important;letter-spacing:-.02em!important} .workspace-page .recipe-list-copy small{font-size:10px!important;color:#8c7e66!important;margin-top:6px!important} .workspace-page .recipe-list-meta{grid-area:meta!important;text-align:right!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:7px!important} .workspace-page .recipe-list-meta span{margin:0!important;color:#a16d1d!important;font-weight:750!important} .workspace-page .recipe-list-card:hover{border-color:#e6c37f!important;box-shadow:0 15px 30px rgba(133,91,28,.09)!important} /* Costs / Food Cost */ .workspace-page .costs-tabs{background:linear-gradient(180deg,#f6f3ff,#f1edff)!important;border-color:#e0d8ff!important} .workspace-page .costs-tabs button.active{background:linear-gradient(145deg,#7354ff,#6044e5)!important;color:#fff!important;box-shadow:0 6px 14px rgba(92,65,222,.17)!important} .workspace-page .foodcost-selector{background:#fff!important;border:1px solid #e8e4f2!important;padding:18px!important} .workspace-page .foodcost-selector label{display:grid;gap:7px;max-width:420px;color:#5f5871;font-size:11px;font-weight:700} .workspace-page .foodcost-focus-card{margin-top:12px;padding:20px;border-radius:18px;border:1px solid #e4dcff;background:linear-gradient(135deg,#fbf9ff,#f2eeff 70%,#fff);box-shadow:0 10px 26px rgba(82,59,183,.055)} .workspace-page .foodcost-focus-card h3{margin:4px 0 2px;font-size:24px;letter-spacing:-.035em;color:#28223b}.workspace-page .foodcost-focus-card p{color:#7c758f;font-size:11px} .workspace-page .foodcost-focus-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px} .workspace-page .foodcost-focus-metrics article{padding:14px;border:1px solid #e5dfff;border-radius:14px;background:#fff}.workspace-page .foodcost-focus-metrics small,.workspace-page .foodcost-focus-metrics strong{display:block}.workspace-page .foodcost-focus-metrics small{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#8d85a2}.workspace-page .foodcost-focus-metrics strong{margin-top:6px;font-size:22px;color:#5b42d6;letter-spacing:-.035em}.workspace-page .foodcost-focus-actions{display:flex;justify-content:flex-end;margin-top:12px} @media(max-width:680px){ .workspace-page .foodcost-focus-metrics{grid-template-columns:1fr} .workspace-page .recipe-list-grid{grid-template-columns:1fr!important} } /* SPM App v0.17.0 — Product 360 Channel Control V1 */ .channel-status-card.has-pending-control{border-color:rgba(124,58,237,.28);box-shadow:0 0 0 1px rgba(124,58,237,.05),0 10px 28px rgba(32,24,62,.05)} .channel-status-head>div{display:flex;flex-direction:column;gap:2px}.channel-status-head>div small{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em} .channel-status-grid span{display:flex;flex-direction:column;gap:3px}.channel-status-grid em{font-style:normal;font-size:12px;color:var(--spm-purple,#6f3bf5);font-weight:700} .channel-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(95,85,130,.10)} .channel-control-modal{width:min(760px,calc(100vw - 32px))}.channel-control-truth{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 18px}.channel-control-truth>div{display:flex;flex-direction:column;gap:5px;padding:14px 15px;border:1px solid rgba(95,85,130,.12);border-radius:16px;background:rgba(249,248,253,.78)}.channel-control-truth>div.pending{background:rgba(124,58,237,.06);border-color:rgba(124,58,237,.2)}.channel-control-truth small{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.channel-control-truth strong{font-size:14px}.channel-control-truth span{font-size:12px;color:var(--muted)} .channel-control-modal .app-form-grid label>small{display:block;margin-top:5px;line-height:1.35;color:var(--muted)} @media(max-width:720px){.channel-control-truth{grid-template-columns:1fr}.channel-card-foot{align-items:flex-start;flex-direction:column}.channel-card-foot button{width:100%}} /* SPM Channel Operations V1 */ .channel-metrics{margin-bottom:16px}.channel-connections-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 16px}.channel-connection-card{background:#fff;border:1px solid var(--line,#e6e8ef);border-radius:14px;padding:16px;box-shadow:0 8px 26px rgba(32,23,68,.05);position:relative;overflow:hidden}.channel-connection-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#7357d9}.channel-connection-card.warn:before{background:#d79a26}.channel-connection-card.bad:before{background:#d35062}.channel-connection-head,.channel-connection-head>div,.channel-contact,.channel-stats,.capability-row{display:flex;align-items:center}.channel-connection-head{justify-content:space-between;gap:12px}.channel-connection-head>div{gap:10px}.channel-connection-head strong{display:block}.channel-connection-head small{display:block;color:#7a8090;margin-top:2px}.channel-provider-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f0ecff;color:#5c3bc9;font-weight:800}.health-pill{font-size:11px;font-weight:800;padding:6px 9px;border-radius:999px;background:#eef9f2;color:#257a45}.health-pill.warn{background:#fff5df;color:#95680e}.health-pill.bad{background:#fff0f2;color:#a52d42}.health-pill.unknown{background:#f2f3f6;color:#6c7280}.channel-stats{gap:18px;padding:16px 0 12px}.channel-stats span{display:flex;flex-direction:column}.channel-stats b{font-size:21px}.channel-stats small{color:#7a8090}.capability-row{gap:6px;flex-wrap:wrap}.capability-pill{font-size:10px;padding:5px 7px;border-radius:999px;background:#f1edff;color:#6547c9}.capability-pill.no{background:#f3f4f6;color:#9296a1}.channel-contact{justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid #eef0f4}.channel-contact small{color:#7b8190}.channel-ops-columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:16px}.channel-product-list{display:grid;gap:8px}.channel-product-row{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border:1px solid #eceef4;border-radius:11px;background:#fff}.channel-product-row label{display:flex;align-items:center;gap:10px;cursor:pointer}.channel-product-row label span strong,.channel-product-row label span small{display:block}.channel-product-row small{color:#7d8290}.channel-product-row>div{text-align:right;display:grid;gap:4px}.attention-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #eef0f4}.attention-row:last-child{border-bottom:0}.attention-row strong,.attention-row small{display:block}.attention-row small{margin-top:3px;color:#777f8f}.channel-bulk-bar{display:flex;align-items:center;gap:10px;background:#f4f0ff;border:1px solid #ddd2ff;padding:10px 12px;border-radius:12px;margin:0 0 12px}.channel-bulk-bar>div{margin-right:auto}.channel-bulk-bar strong,.channel-bulk-bar small{display:block}.channel-bulk-bar small{color:#786c9d;margin-top:2px}.channel-bulk-bar select{min-width:180px}.product-card{position:relative}.product-select-toggle{position:absolute;z-index:4;top:10px;left:10px;width:28px;height:28px;border-radius:999px;border:1px solid #d9dce6;background:#fff;color:#8a8f9c;display:grid;place-items:center;font-weight:800;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.05)}.product-select-toggle.active{background:#6545cf;border-color:#6545cf;color:#fff}.selected-card{outline:2px solid rgba(101,69,207,.25)} @media(max-width:1100px){.channel-connections-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-ops-columns{grid-template-columns:1fr}}@media(max-width:720px){.channel-connections-grid{grid-template-columns:1fr}.channel-bulk-bar{align-items:stretch;flex-direction:column}.channel-bulk-bar>div{margin-right:0}.channel-bulk-bar select{width:100%}}