@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#090d16;--sidebar:#0b101b;--panel:#101725;--panel-2:#131d2d;--panel-3:#182438;--line:#233047;--line-soft:rgba(139,162,198,.12);--text:#edf3ff;--muted:#8695ad;--subtle:#53627a;--blue:#6c8cff;--blue-bright:#8aa4ff;--cyan:#64e3ee;--green:#49d6a1;--amber:#f2bb6e;--red:#ff777f;--purple:#a48bff;--radius:16px;--shadow:0 20px 70px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Inter,system-ui,sans-serif;font-size:13px;line-height:1.55;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;flex:0 0 248px;background:var(--sidebar);border-right:1px solid #1a2435;display:flex;flex-direction:column;min-height:100vh;padding:23px 13px 14px;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:20}.brand-lockup{display:flex;align-items:center;gap:11px;padding:0 9px;margin-bottom:26px}.brand-mark{width:33px;height:33px;border-radius:11px;background:linear-gradient(135deg,#83a1ff,#455be6 65%,#283b92);box-shadow:0 5px 20px rgba(91,119,255,.28);display:flex;align-items:end;justify-content:center;gap:3px;padding:8px 7px;transform:rotate(-4deg)}.brand-mark span{width:4px;border-radius:4px;background:white;display:block;transform:skewY(-20deg)}.brand-mark span:nth-child(1){height:9px;opacity:.65}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:11px;opacity:.85}.brand-mark.small{width:28px;height:28px;border-radius:9px;padding:6px;gap:2px}.brand-mark.small span{width:3px}.brand-name{font-size:17px;font-weight:800;letter-spacing:-.7px;line-height:1.15}.brand-name span{color:#9eb2ff}.brand-sub{font-family:'DM Mono',monospace;font-size:8px;color:#60718a;letter-spacing:1.3px;margin-top:5px}.workspace-switcher{background:#111a29;border:1px solid #26344b;border-radius:12px;display:flex;gap:9px;align-items:center;padding:10px;margin:0 1px 24px}.workspace-logo{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#e8c7a1;color:#41291b;font-weight:800;font-size:14px}.workspace-copy{display:grid;gap:1px;flex:1;min-width:0}.workspace-copy strong,.profile-copy strong{font-size:11px;font-weight:700;white-space:nowrap}.workspace-copy span,.profile-copy span{font-size:10px;color:var(--muted)}.chevron{color:var(--muted);font-size:15px}.nav-label{font-family:'DM Mono',monospace;letter-spacing:1.5px;font-size:9px;color:#60718a;padding:0 11px;margin:0 0 9px}.nav-label-spaced{margin-top:24px}.main-nav{display:grid;gap:3px}.nav-item{width:100%;border:1px solid transparent;background:transparent;color:#9eabc0;display:flex;align-items:center;gap:11px;text-align:left;padding:10px 11px;border-radius:10px;min-height:39px;transition:background .18s,color .18s,border-color .18s;font-size:11px;font-weight:600}.nav-item:hover{background:#111b2b;color:#e2eaff}.nav-item.active{background:linear-gradient(90deg,rgba(102,130,255,.2),rgba(92,119,231,.08));border-color:rgba(117,145,255,.22);color:#c8d4ff}.nav-ico{font-size:17px;width:18px;text-align:center;color:#7183a3;font-weight:400}.nav-item.active .nav-ico{color:#9db0ff}.nav-tag{font:8px 'DM Mono',monospace;background:#243252;color:#8ea5ff;padding:3px 5px;border-radius:4px;margin-left:auto}.nav-count{font:10px 'DM Mono',monospace;margin-left:auto;color:#93a5c1;background:#1a263a;border-radius:6px;padding:2px 6px}.nav-dot{margin-left:auto;width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px var(--cyan)}.sidebar-bottom{margin-top:auto;padding-top:20px}.health-card{margin:4px 2px 13px;border:1px solid #24344a;border-radius:12px;padding:12px;background:linear-gradient(145deg,rgba(28,47,73,.68),rgba(15,24,39,.7))}.health-top{display:flex;gap:7px;align-items:center;font-size:10px}.health-dot{width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 9px rgba(242,187,110,.4)}.health-card p{font-size:10px;line-height:1.6;color:#8292ab;margin:7px 0 9px}.health-link{border:0;background:none;padding:0;color:#9eb2ff;font-size:10px;font-weight:700}.health-link span{margin-left:4px}.profile-row{border-top:1px solid #1e2a3c;margin-top:9px;padding:14px 3px 0;display:flex;align-items:center;gap:9px}.avatar,.top-avatar{width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#2a475e,#6a4b87);border:1px solid #49617a;display:grid;place-items:center;font-size:10px;font-weight:800;color:#e8eeff}.profile-copy{display:grid;flex:1;gap:1px}.icon-button{border:1px solid #26344a;background:#121b2b;color:#a8b5ca;border-radius:9px;width:31px;height:31px;display:grid;place-items:center;font-size:13px}.icon-button:hover{color:#fff;background:#1a2840;border-color:#42557a}.profile-row .icon-button{border:0;background:transparent;width:25px}.main-panel{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:67px;display:flex;align-items:center;justify-content:space-between;padding:0 35px;border-bottom:1px solid #1a2435;background:rgba(9,13,22,.8);position:sticky;top:0;z-index:12;backdrop-filter:blur(16px)}.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:11px;color:#64748b}.breadcrumbs strong{font-size:11px;color:#e4eaff;font-weight:700}.crumb-slash{color:#35445b}.topbar-actions{display:flex;align-items:center;gap:12px}.store-status{display:flex;align-items:center;gap:7px;border:1px solid #29374c;border-radius:8px;padding:6px 9px;color:#a4b2c8;font-size:10px}.status-pip{width:6px;height:6px;border-radius:50%;background:var(--amber)}.top-action{position:relative;background:transparent;border:1px solid transparent;font-size:16px}.notification-button i{width:4px;height:4px;position:absolute;top:5px;right:5px;background:var(--red);border-radius:50%;border:1px solid var(--bg)}.top-avatar{border-radius:50%;width:29px;height:29px}.mobile-brand,.mobile-menu{display:none}.prototype-banner{margin:20px 35px 0;display:flex;align-items:center;gap:10px;border:1px solid rgba(242,187,110,.19);background:rgba(242,187,110,.055);padding:10px 12px;border-radius:10px;color:#bdc4d2;font-size:10px}.prototype-banner strong{color:#f3cc8e}.banner-icon{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;border:1px solid #8a744f;color:#f1c981;font-weight:800;font-size:10px;flex:0 0 auto}.prototype-banner span:nth-child(2){flex:1}.prototype-banner button{background:transparent;border:0;color:#8d98a9;font-size:18px;line-height:1}.view-content{padding:29px 35px 32px;flex:1;min-width:0;max-width:1800px;width:100%;margin:0 auto}.app-footer{border-top:1px solid #1a2435;padding:14px 35px;display:flex;align-items:center;justify-content:space-between;color:#5e6d85;font-size:9px}.footer-dot{color:#718cff;padding:0 4px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px}.eyebrow{font:9px 'DM Mono',monospace;letter-spacing:1.7px;color:#7b8eae;text-transform:uppercase;margin-bottom:9px}.page-heading h1{font-size:25px;line-height:1.25;letter-spacing:-1.1px;margin:0;font-weight:800}.page-heading p{margin:7px 0 0;color:#8392a9;font-size:11px;max-width:600px}.heading-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.button{border:1px solid #2a3952;background:#151f30;color:#c2cde0;border-radius:9px;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:700;transition:all .15s;white-space:nowrap}.button:hover{background:#1c2a41;border-color:#435a80;color:#fff;transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg,#7692ff,#536ce4);border-color:#8199ff;color:white;box-shadow:0 8px 24px rgba(86,109,232,.22)}.button.primary:hover{background:linear-gradient(135deg,#8ba4ff,#637df0)}.button.ghost{background:transparent;border-color:#2a3850}.button.danger{color:#ffadb1;border-color:#5a303d;background:#24151e}.button.small{padding:6px 8px;font-size:9px}.button .plus{font-size:15px;font-weight:400}.panel{background:linear-gradient(145deg,rgba(18,27,42,.94),rgba(14,22,35,.94));border:1px solid #223047;border-radius:var(--radius);box-shadow:0 8px 30px rgba(0,0,0,.05)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 19px 14px}.panel-title{font-size:12px;font-weight:800;letter-spacing:-.15px}.panel-subtitle{font-size:10px;color:#7889a4;margin-top:4px}.text-link{border:0;background:none;color:#9bafff;font-size:10px;font-weight:700;padding:4px}.text-link:hover{color:#c7d3ff}.divider{height:1px;background:var(--line-soft)}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.metric-card{padding:16px 17px 14px;position:relative;overflow:hidden;min-height:119px}.metric-card:before{content:"";position:absolute;width:115px;height:115px;right:-42px;top:-59px;border-radius:50%;background:radial-gradient(circle,rgba(109,140,255,.1),transparent 70%)}.metric-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#92a0b6;font-weight:600}.metric-icon{width:27px;height:27px;border-radius:8px;background:#192640;color:#92a6ff;display:grid;place-items:center;font-size:14px}.metric-value{font-size:24px;letter-spacing:-1px;font-weight:800;margin:8px 0 7px}.metric-foot{display:flex;align-items:center;gap:6px;color:#788aa4;font-size:9px}.trend-up{color:var(--green);font-weight:800}.trend-neutral{color:#9aa8bc;font-weight:700}.metric-spark{position:absolute;right:14px;bottom:12px;width:74px;height:25px;opacity:.65}.metric-spark svg{width:100%;height:100%;overflow:visible}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.85fr);gap:15px;margin-bottom:16px}.chart-panel{min-height:305px}.chart-key{display:flex;gap:13px;align-items:center;color:#8998b0;font-size:9px}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;background:var(--blue)}.legend-dot.cyan{background:var(--cyan)}.chart-wrap{padding:0 17px 16px}.chart-summary{display:flex;align-items:baseline;gap:10px;margin:0 0 3px}.chart-summary strong{font-size:24px;letter-spacing:-1px}.chart-summary span{font-size:9px;color:var(--green)}.chart-svg{width:100%;height:173px;display:block;overflow:visible}.chart-grid{stroke:#28374e;stroke-width:1;stroke-dasharray:3 5}.chart-label{fill:#65768f;font-size:9px;font-family:Manrope,sans-serif}.chart-line{fill:none;stroke:#8299ff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.chart-line-2{fill:none;stroke:#63dfeb;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.chart-fill{fill:url(#chartFill);opacity:.65}.channel-list{padding:0 17px 16px;display:grid;gap:17px}.channel-row{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center}.channel-icon{height:29px;width:29px;border:1px solid #2b3b54;border-radius:9px;background:#172236;display:grid;place-items:center;color:#aab9d7;font-size:12px}.channel-info strong{font-size:10px;display:block}.channel-info span{font-size:9px;color:#7d8da5}.channel-value{font-size:11px;font-weight:800}.bar-track{height:3px;border-radius:10px;background:#26344a;overflow:hidden;margin-top:7px}.bar-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,#6d8aff,#7ce0e8)}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.85fr);gap:15px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#7586a1;font:9px 'DM Mono',monospace;letter-spacing:.8px;text-transform:uppercase;padding:11px 18px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);font-weight:400}td{padding:13px 18px;border-bottom:1px solid rgba(139,162,198,.075);font-size:10px;color:#c4cddd}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:rgba(114,141,255,.035)}.product-cell{display:flex;align-items:center;gap:9px}.product-thumb{width:32px;height:32px;border:1px solid #2a3850;border-radius:9px;background:linear-gradient(145deg,#1c2a41,#152033);display:grid;place-items:center;font-size:15px}.product-cell strong{font-size:10px;display:block;color:#e1e8f5}.product-cell span{font-size:9px;color:#7889a3;display:block;margin-top:3px}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:4px 8px;border:1px solid #2a3a52;background:#182236;font-size:9px;color:#b8c6dd}.pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.pill.success{color:#65deb1;background:rgba(53,184,133,.08);border-color:rgba(73,214,161,.18)}.pill.warning{color:#f2c27d;background:rgba(242,187,110,.08);border-color:rgba(242,187,110,.19)}.pill.danger{color:#ff999f;background:rgba(255,119,127,.08);border-color:rgba(255,119,127,.19)}.pill.info{color:#9db2ff;background:rgba(108,140,255,.09);border-color:rgba(108,140,255,.19)}.pill.neutral{color:#a4b2c7}.quick-actions{padding:0 15px 15px;display:grid;gap:9px}.quick-action{border:1px solid #26354c;background:#121c2b;border-radius:11px;display:flex;align-items:center;gap:11px;text-align:left;padding:12px;transition:.15s;color:inherit}.quick-action:hover{border-color:#4b6090;background:#17243a}.quick-action .qa-icon{height:31px;width:31px;display:grid;place-items:center;background:#1c2a44;border-radius:9px;color:#a2b5ff;font-size:15px}.quick-action .qa-copy{flex:1}.quick-action strong{font-size:10px;display:block}.quick-action span{font-size:9px;color:#8190a7;display:block;margin-top:3px}.quick-action b{font-size:13px;color:#607390;font-weight:400}.table-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:0 18px 13px}.field-search{position:relative;flex:1;min-width:150px;max-width:300px}.field-search span{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#70819c;font-size:14px}.field-search input{padding-left:31px;width:100%}.input,.select,.textarea{border:1px solid #2a3850;background:#0e1624;color:#e0e8f5;border-radius:9px;padding:9px 11px;width:100%;font-size:10px;min-width:0}.input::placeholder,.textarea::placeholder{color:#596b85}.select{appearance:auto}.filter-select{width:auto;min-width:130px}.textarea{resize:vertical;min-height:90px}.label{display:block;font-size:10px;color:#9dabc0;font-weight:700;margin-bottom:6px}.form-group{display:grid;gap:2px;margin-bottom:14px}.form-hint{color:#74859e;font-size:9px;margin-top:4px}.empty-state{padding:40px 20px;text-align:center;color:#8796ad}.empty-state .empty-icon{font-size:25px;color:#7188ca;margin-bottom:8px}.empty-state strong{display:block;color:#d2ddef;font-size:12px}.empty-state p{max-width:340px;margin:6px auto 13px;font-size:10px}.inventory-summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.summary-chip{border:1px solid #27364e;background:#111b2a;border-radius:9px;padding:9px 11px;display:flex;align-items:center;gap:9px}.summary-chip span{font-size:9px;color:#8797b1}.summary-chip strong{font-size:12px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:4px}.storefront-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:15px;align-items:start}.editor-list{padding:0 17px 17px;display:grid;gap:8px}.block-row{display:flex;align-items:center;gap:10px;border:1px solid #29384f;background:#111b2b;border-radius:10px;padding:10px}.block-row.dragging{opacity:.4}.block-row.drag-over{border-color:var(--cyan)}.drag-grip{color:#5d6d84;font-size:15px;cursor:grab}.block-icon{width:30px;height:30px;border-radius:8px;background:#1b2941;color:#9bb0ff;display:grid;place-items:center;font-size:13px}.block-copy{flex:1;min-width:0}.block-copy strong{font-size:10px;display:block}.block-copy span{font-size:9px;color:#7e8da4}.toggle{width:30px;height:17px;border-radius:30px;border:1px solid #36455d;background:#29364a;padding:2px;display:flex;align-items:center;transition:.15s}.toggle:after{content:"";height:11px;width:11px;border-radius:50%;background:#9aa8bc;transition:.15s}.toggle.on{justify-content:flex-end;background:#394fa4;border-color:#6384ff}.toggle.on:after{background:white}.preview-shell{padding:12px}.preview-browser{border:1px solid #31415a;background:#0b111c;border-radius:12px;overflow:hidden;min-height:450px}.browser-chrome{height:31px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #27354b;padding:0 11px;background:#101827}.browser-dot{width:6px;height:6px;border-radius:50%;background:#34435a}.browser-url{margin-left:8px;background:#1a273b;border-radius:5px;height:15px;flex:1;color:#71839e;font:8px 'DM Mono',monospace;padding:2px 7px}.preview-page{background:#f3f0e9;color:#252821;min-height:410px;padding:18px}.preview-brand{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(27,36,28,.13);padding-bottom:12px;font-size:11px;font-weight:800;letter-spacing:.3px}.preview-nav{font-size:8px;font-weight:600;display:flex;gap:12px;color:#5c6358}.preview-hero{margin:18px 0 13px;padding:23px 15px 22px;background:linear-gradient(135deg,#d9e2d0,#c9d6c4 55%,#aabfa9);border-radius:5px;min-height:153px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;overflow:hidden}.preview-hero:after{content:"";position:absolute;width:140px;height:140px;right:-25px;bottom:-55px;border-radius:50%;border:24px solid rgba(44,83,52,.15)}.preview-hero h2{font-size:23px;line-height:1.13;letter-spacing:-1px;max-width:210px;margin:0 0 8px;position:relative;z-index:1}.preview-hero p{font-size:8px;color:#556354;margin:0 0 12px;max-width:180px;position:relative;z-index:1}.preview-hero button{background:#263d2a;color:white;border:0;padding:7px 9px;border-radius:3px;font-size:8px;position:relative;z-index:1}.preview-section-title{font-size:12px;font-weight:800;margin:15px 0 9px}.preview-products{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.preview-product{height:105px;border-radius:4px;background:#e4e6dc;display:flex;flex-direction:column;justify-content:space-between;padding:8px;font-size:8px}.preview-product .preview-art{font-size:24px;align-self:center;margin-top:8px}.preview-product strong{font-size:8px}.preview-product span{font-size:7px;color:#5d655a}.preview-disabled{display:none}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.integration-card{padding:16px}.integration-card-top{display:flex;justify-content:space-between;align-items:flex-start}.integration-icon{height:39px;width:39px;border-radius:12px;background:#1b2940;border:1px solid #293d5b;display:grid;place-items:center;font-size:17px;color:#9eb2ff}.integration-card h3{font-size:12px;margin:13px 0 6px}.integration-card p{font-size:10px;color:#8594ac;min-height:44px;margin:0 0 12px}.integration-card .card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.feature-list{display:grid;gap:9px}.feature-row{display:flex;gap:11px;align-items:flex-start;border:1px solid #28364d;background:#111a29;padding:12px;border-radius:10px}.feature-row .feature-symbol{width:29px;height:29px;flex:0 0 auto;border-radius:8px;background:#1c2940;display:grid;place-items:center;color:#9fb2ff}.feature-row strong{font-size:10px;display:block}.feature-row p{font-size:9px;color:#7f8fa7;margin:3px 0 0}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px}.stat-strip{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.stat-box{flex:1;min-width:135px;padding:14px;border:1px solid #28364c;background:#111a28;border-radius:12px}.stat-box span{display:block;color:#8292a9;font-size:9px}.stat-box strong{display:block;font-size:19px;letter-spacing:-.7px;margin-top:5px}.seo-check{display:flex;align-items:center;gap:8px;font-size:10px;color:#bbc7d9;padding:9px 0;border-bottom:1px solid var(--line-soft)}.seo-check:last-child{border-bottom:0}.check-good{color:var(--green);font-size:13px}.check-warn{color:var(--amber);font-size:13px}.modal-backdrop{position:fixed;inset:0;background:rgba(3,7,14,.75);backdrop-filter:blur(8px);z-index:100;display:grid;place-items:center;padding:18px}.modal{width:min(540px,100%);max-height:90vh;overflow:auto;border:1px solid #344461;background:#111a29;box-shadow:0 25px 100px rgba(0,0,0,.55);border-radius:17px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 21px 14px;border-bottom:1px solid var(--line-soft)}.modal-head h2{font-size:16px;margin:0;letter-spacing:-.4px}.modal-head p{color:#8494ac;font-size:10px;margin:5px 0 0}.modal-body{padding:18px 21px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 21px 19px;border-top:1px solid var(--line-soft)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.form-grid .span-2{grid-column:span 2}.toast-region{position:fixed;right:22px;bottom:22px;z-index:150;display:grid;gap:8px;width:min(350px,calc(100% - 44px))}.toast{border:1px solid #344968;background:#142136;color:#edf3ff;box-shadow:var(--shadow);padding:12px 14px;border-radius:11px;display:flex;align-items:flex-start;gap:9px;font-size:10px;animation:toastIn .2s ease}.toast .toast-symbol{color:var(--green);font-size:14px}.toast.error .toast-symbol{color:var(--red)}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tab-row{display:flex;gap:3px;padding:4px;background:#0c1421;border:1px solid #27364b;border-radius:10px;width:max-content;max-width:100%;overflow-x:auto;margin-bottom:16px}.tab-button{border:0;background:transparent;color:#8494ac;border-radius:7px;padding:7px 10px;font-size:10px;white-space:nowrap}.tab-button.active{background:#263758;color:#dce5ff}.simple-list{display:grid}.simple-list-row{display:flex;align-items:center;gap:12px;padding:13px 17px;border-bottom:1px solid var(--line-soft)}.simple-list-row:last-child{border-bottom:0}.list-avatar{height:33px;width:33px;display:grid;place-items:center;border:1px solid #2b3c55;background:#19263a;border-radius:11px;color:#aac0ff;font-weight:800;font-size:11px}.list-main{flex:1}.list-main strong{display:block;font-size:10px}.list-main span{display:block;font-size:9px;color:#8190a7;margin-top:3px}.list-meta{text-align:right}.list-meta strong{display:block;font-size:10px}.list-meta span{color:#7d8da5;font-size:9px}.automation-flow{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.flow-node{border:1px solid #344968;background:#17243a;border-radius:10px;padding:11px 13px;min-width:125px}.flow-node span{display:block;font-size:8px;color:#8b9bb4;text-transform:uppercase;letter-spacing:.9px;font-family:'DM Mono',monospace}.flow-node strong{font-size:10px;display:block;margin-top:4px}.flow-arrow{color:#7085b4;font-size:17px}.warning-note{border:1px solid rgba(242,187,110,.19);background:rgba(242,187,110,.05);color:#b7bdc8;padding:11px 12px;border-radius:10px;font-size:10px;line-height:1.6}.warning-note strong{color:#f0c985}.hero-mini{padding:20px;border:1px solid #344768;background:radial-gradient(circle at top right,rgba(102,133,255,.2),transparent 50%),#121e31;border-radius:14px;margin-bottom:15px}.hero-mini .hero-label{font:9px 'DM Mono',monospace;color:#8fa4d4;letter-spacing:1.4px}.hero-mini h2{font-size:19px;letter-spacing:-.5px;margin:8px 0}.hero-mini p{max-width:600px;color:#97a6bd;font-size:10px;margin:0}.mobile-overlay{display:none}
@media(min-width:1450px){.view-content{padding-left:44px;padding-right:44px}.topbar{padding-left:44px;padding-right:44px}.prototype-banner{margin-left:44px;margin-right:44px}.metrics-grid{gap:16px}.metric-card{padding:19px;min-height:132px}.metric-value{font-size:27px}}
@media(max-width:1100px){.sidebar{width:225px;flex-basis:225px}.view-content{padding:25px 24px}.topbar{padding:0 24px}.prototype-banner{margin:17px 24px 0}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.bottom-grid{grid-template-columns:minmax(0,1fr)}.chart-panel{min-height:0}}
@media(max-width:760px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-105%);transition:transform .22s;width:265px;height:100dvh;box-shadow:20px 0 80px rgba(0,0,0,.4)}.sidebar.open{transform:translateX(0)}.mobile-overlay.show{display:block;position:fixed;inset:0;background:rgba(1,4,9,.65);z-index:18}.topbar{height:59px;padding:0 15px;gap:9px}.mobile-brand{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px}.mobile-menu{display:grid}.breadcrumbs{display:none}.topbar-actions{margin-left:auto;gap:3px}.store-status{display:none}.top-action{width:29px;height:29px}.top-avatar{width:26px;height:26px;font-size:9px}.prototype-banner{margin:12px 13px 0;padding:9px 10px;align-items:flex-start;font-size:9px}.prototype-banner .banner-icon{margin-top:1px}.view-content{padding:21px 13px 25px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:18px;gap:13px}.page-heading h1{font-size:22px}.page-heading p{font-size:10px}.heading-actions{width:100%}.heading-actions .button{flex:1}.metrics-grid{gap:9px}.metric-card{padding:13px;min-height:111px}.metric-label{font-size:9px}.metric-value{font-size:21px}.metric-spark{display:none}.panel-head{padding:14px 13px 12px}.chart-wrap{padding:0 10px 12px}.chart-summary{padding-left:4px}.channel-list{padding:0 13px 14px}.table-toolbar{padding:0 12px 12px}.integration-grid{grid-template-columns:1fr}.integration-card p{min-height:0}.storefront-layout,.two-col{grid-template-columns:1fr}.preview-browser{min-height:0}.preview-page{min-height:0}.preview-hero h2{font-size:20px}.table-scroll{margin:0 -1px}.app-footer{padding:12px 14px;gap:8px;align-items:flex-start;flex-direction:column}.app-footer span:last-child{line-height:1.6}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.inventory-summary{gap:6px}.summary-chip{flex:1;min-width:125px;justify-content:space-between}.stat-box{min-width:calc(50% - 6px)}.stat-box strong{font-size:17px}.tab-row{width:100%}.modal-backdrop{padding:10px}.modal-head,.modal-body{padding-left:15px;padding-right:15px}.modal-foot{padding-left:15px;padding-right:15px}.page-heading .eyebrow{margin-bottom:7px}.dashboard-grid,.bottom-grid{gap:12px}}
@media(max-width:390px){.metrics-grid{grid-template-columns:1fr 1fr}.metric-value{font-size:19px}.metric-foot{font-size:8px}.topbar-actions{gap:0}.notification-button{display:none}.heading-actions .button{padding:8px 9px;font-size:9px}.preview-products{gap:4px}.preview-product{padding:5px;height:90px}}

/* Profit & Pricing Lab — added in prototype v0.2 */
.pricing-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;align-items:start}
.pricing-fields{padding:0 18px 18px}
.pricing-fields .form-grid{margin-top:12px}
.pricing-note{line-height:1.6;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(120,145,190,.06)}
.pricing-results{padding:0 18px 18px}
.pricing-hero-result{border:1px solid rgba(113,139,255,.28);background:linear-gradient(135deg,rgba(101,125,255,.16),rgba(70,198,212,.06));padding:18px;border-radius:14px;margin-bottom:14px}
.pricing-hero-result>span{display:block;color:var(--muted);font-size:11px;font-weight:650}
.pricing-hero-result>strong{display:block;font-size:32px;letter-spacing:-1.1px;margin:8px 0 15px;color:var(--text)}
.pricing-margin-row{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted)}
.pricing-margin-row strong{color:var(--text)}
.pricing-meter{height:7px;border-radius:99px;background:rgba(125,145,180,.16);overflow:hidden;margin-top:9px}
.pricing-meter span{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#637fff,#4dc7d4);transition:width .18s ease}
.pricing-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.pricing-metric{padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--panel-soft,rgba(120,145,190,.035));min-width:0}
.pricing-metric span{display:block;color:var(--muted);font-size:10px;line-height:1.45;min-height:28px}
.pricing-metric strong{display:block;font-size:17px;letter-spacing:-.25px;margin-top:6px;overflow-wrap:anywhere}
.pricing-explainer{margin-top:13px;border-top:1px solid var(--line);padding-top:13px}
.pricing-explainer strong{font-size:11px}
.pricing-explainer p{font-size:10px;line-height:1.65;color:var(--muted);margin:7px 0 0}
.negative-value{color:var(--red)!important}
.table-actions{display:flex;gap:6px;flex-wrap:wrap}
.small-muted{font-size:9px;color:var(--muted);margin-top:4px}
@media(max-width:1050px){.pricing-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){.pricing-metric-grid{grid-template-columns:minmax(0,1fr)}.pricing-hero-result>strong{font-size:27px}}

/* Account portal entry point */
.account-entry{display:inline-flex;align-items:center;white-space:nowrap;color:#cbd8ff;text-decoration:none;border:1px solid #35466a;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:700;transition:background .15s ease,border-color .15s ease}.account-entry:hover{background:#18233b;border-color:#718bda}@media(max-width:680px){.account-entry{font-size:10px;padding:7px 8px}.store-status{display:none}}


/* CommerceOS visual refresh — subtle 3D depth and floating product art */
:root{--glass:rgba(19,29,47,.78);--glow-blue:rgba(105,135,255,.22)}
body{background:radial-gradient(ellipse at 76% 0%,rgba(47,69,125,.13),transparent 35%),var(--bg)}
.sidebar{background:linear-gradient(180deg,rgba(12,18,31,.98),rgba(8,13,23,.99));box-shadow:8px 0 35px rgba(0,0,0,.08)}
.brand-mark{transform:rotate(-4deg) translateZ(0);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
.brand-lockup:hover .brand-mark{transform:rotate(5deg) translateY(-2px) scale(1.05);box-shadow:0 9px 28px rgba(91,119,255,.38)}
.nav-item{transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}
.nav-item:hover{transform:translateX(2px)}
.panel,.metric-card,.stat-box,.integration-card,.feature-row,.pricing-metric{transition:transform .28s cubic-bezier(.2,.75,.25,1),border-color .25s ease,box-shadow .28s ease}
.panel:hover,.metric-card:hover,.integration-card:hover{border-color:rgba(123,151,255,.34);box-shadow:0 18px 42px rgba(0,0,0,.16),0 0 0 1px rgba(125,151,255,.035);transform:translateY(-2px)}
.metric-card{background:linear-gradient(145deg,rgba(19,29,46,.97),rgba(14,21,34,.96));overflow:hidden;isolation:isolate}
.metric-card:after{content:"";position:absolute;z-index:-1;right:-40px;top:-55px;width:115px;height:115px;border-radius:50%;background:radial-gradient(circle,rgba(105,135,255,.13),transparent 70%);pointer-events:none}
.button,.icon-button,.workspace-switcher,.health-card,.panel,.metric-card{backdrop-filter:blur(10px)}
.button{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.button:hover{transform:translateY(-1px)}
.button.primary:hover{box-shadow:0 8px 24px rgba(93,120,255,.22)}
.visual-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);align-items:center;min-height:270px;margin:0 0 18px;padding:27px 30px 24px;overflow:hidden;border:1px solid rgba(124,151,226,.22);border-radius:21px;background:radial-gradient(ellipse at 77% 45%,rgba(83,112,222,.2),transparent 40%),radial-gradient(ellipse at 10% 0%,rgba(75,211,222,.075),transparent 42%),linear-gradient(115deg,#111c2e 0%,#121c30 47%,#151d36 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 22px 55px rgba(0,0,0,.15);isolation:isolate}
.visual-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(154,177,235,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(154,177,235,.08) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,black 60%,black)}
.visual-hero:after{content:"";position:absolute;width:310px;height:310px;right:8%;top:-205px;border:1px solid rgba(134,157,255,.14);border-radius:50%;box-shadow:0 0 0 26px rgba(134,157,255,.025),0 0 0 54px rgba(134,157,255,.02);pointer-events:none}
.visual-hero-copy{position:relative;z-index:3;max-width:420px}.visual-kicker{display:flex;align-items:center;gap:8px;font:9px 'DM Mono',monospace;letter-spacing:1.6px;color:#a4b7ef}.visual-kicker i{display:block;width:7px;height:7px;border-radius:50%;background:#62e3d0;box-shadow:0 0 13px rgba(98,227,208,.65)}
.visual-hero h2{font-size:clamp(27px,3vw,39px);line-height:1.08;letter-spacing:-1.8px;margin:16px 0 10px;font-weight:800}.visual-hero h2 em{font-style:normal;background:linear-gradient(90deg,#a7b8ff,#75e1e7);background-clip:text;-webkit-background-clip:text;color:transparent}.visual-hero-copy>p{max-width:340px;color:#9aaac3;font-size:11px;line-height:1.75;margin:0}.visual-hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.visual-hero-pills span{border:1px solid rgba(139,164,225,.18);background:rgba(130,154,219,.07);padding:6px 9px;border-radius:99px;font-size:9px;color:#c0cdef}
.float-stage{height:220px;position:relative;perspective:850px;transform-style:preserve-3d}.float-orbit{position:absolute;left:51%;top:50%;border:1px solid rgba(136,158,255,.2);border-radius:50%;transform:translate(-50%,-50%) rotateX(65deg) rotateZ(-22deg);pointer-events:none}.orbit-one{width:280px;height:190px}.orbit-two{width:220px;height:145px;transform:translate(-50%,-50%) rotateX(65deg) rotateZ(35deg);border-color:rgba(94,221,228,.18)}
.float-product{position:absolute;filter:drop-shadow(0 18px 20px rgba(0,0,0,.3));transform-style:preserve-3d}.product-box{width:90px;height:91px;left:42%;top:43px;display:grid;place-items:center;color:#e7edff;font-size:28px;border-radius:15px;background:linear-gradient(140deg,#8199ff 0%,#5968c9 50%,#333f82 100%);border:1px solid rgba(220,229,255,.55);box-shadow:inset 7px 7px 16px rgba(255,255,255,.15),inset -10px -10px 22px rgba(16,25,80,.25);transform:rotateY(-22deg) rotateX(12deg) rotateZ(-7deg);animation:productHover 6s ease-in-out infinite}
.product-box:before{content:"";position:absolute;top:0;left:0;right:0;height:18px;border-bottom:1px solid rgba(255,255,255,.25);background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.03));border-radius:14px 14px 3px 3px}.product-box-top{position:absolute;left:12px;right:12px;top:21px;height:1px;background:rgba(255,255,255,.22)}
.product-bag{width:65px;height:70px;left:68%;top:80px;border-radius:12px 12px 17px 17px;display:grid;place-items:center;color:#e1fff7;font-size:23px;background:linear-gradient(145deg,#7ae0d3,#328f98 68%,#20556b);border:1px solid rgba(204,255,246,.55);box-shadow:inset 6px 5px 13px rgba(255,255,255,.22),inset -9px -8px 15px rgba(13,62,82,.24);transform:rotateY(20deg) rotateZ(7deg);animation:bagHover 7s ease-in-out infinite}
.product-bag i{position:absolute;width:26px;height:17px;top:-12px;border:3px solid #80d9d4;border-bottom:0;border-radius:15px 15px 0 0;opacity:.9}
.product-sphere{width:41px;height:41px;left:29%;top:126px;border-radius:50%;background:radial-gradient(circle at 29% 24%,#fff1d7 0,#f3c27f 14%,#d58d53 47%,#8a4d54 100%);box-shadow:inset -7px -8px 13px rgba(75,33,51,.28),inset 4px 3px 8px rgba(255,255,255,.45),0 13px 23px rgba(0,0,0,.25);animation:sphereHover 5.8s ease-in-out infinite}
.float-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:12px;border:1px solid rgba(158,179,239,.28);background:linear-gradient(135deg,rgba(27,40,66,.94),rgba(16,27,45,.9));box-shadow:0 13px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(12px);animation:chipHover 6.4s ease-in-out infinite}.chip-sales{left:3%;top:30px}.chip-orders{right:0;bottom:16px;animation-delay:-2.5s}.chip-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#516bd0,#283b83);color:#fff;font-size:16px}.chip-icon.cyan{background:linear-gradient(145deg,#3a9ca7,#205b70)}.float-chip small{display:block;font:8px 'DM Mono',monospace;letter-spacing:.7px;color:#91a2c1;white-space:nowrap}.float-chip strong{display:block;color:#eff4ff;font-size:12px;margin-top:2px}.float-chip>b{color:#64e3b6;font-size:13px;margin-left:4px}.float-star{position:absolute;color:#9bb0ff;text-shadow:0 0 16px rgba(125,151,255,.5)}.star-one{top:16px;right:17%;font-size:20px;animation:starPulse 3.5s ease-in-out infinite}.star-two{left:21%;bottom:22px;color:#73dce2;font-size:17px;animation:starPulse 4.4s ease-in-out infinite reverse}
@keyframes productHover{0%,100%{transform:translateY(0) rotateY(-22deg) rotateX(12deg) rotateZ(-7deg)}50%{transform:translateY(-10px) rotateY(-14deg) rotateX(17deg) rotateZ(-4deg)}}
@keyframes bagHover{0%,100%{transform:translateY(0) rotateY(20deg) rotateZ(7deg)}50%{transform:translateY(-13px) rotateY(10deg) rotateZ(3deg)}}
@keyframes sphereHover{0%,100%{transform:translateY(0) translateZ(0)}50%{transform:translateY(-9px) translateZ(18px)}}
@keyframes chipHover{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes starPulse{0%,100%{opacity:.55;scale:.9}50%{opacity:1;scale:1.12}}
@media(max-width:1000px){.visual-hero{grid-template-columns:minmax(0,1fr) minmax(270px,.9fr);padding:23px}.float-stage{transform:scale(.9);transform-origin:center right;margin-left:-15px}}
@media(max-width:760px){.visual-hero{grid-template-columns:1fr;padding:22px 20px 8px;min-height:0}.visual-hero h2{font-size:30px}.float-stage{height:190px;width:100%;max-width:390px;justify-self:center;margin:0;transform:scale(.94);transform-origin:top center}.product-box{left:43%;top:34px}.product-bag{left:68%;top:66px}.product-sphere{top:111px}.chip-sales{left:0;top:20px}.chip-orders{right:0;bottom:10px}.visual-hero:after{right:-20%;top:-220px}.panel:hover,.metric-card:hover,.integration-card:hover{transform:none}}
@media(max-width:420px){.float-stage{transform:scale(.82);transform-origin:top left;width:122%;margin-bottom:-22px}.visual-hero{padding-left:17px;padding-right:17px}.visual-hero h2{font-size:28px}.visual-hero-pills{margin-top:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* v0.6 — command palette, installable shell, and thumb-first mobile navigation */
.global-search-trigger{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 9px;border:1px solid #26344a;border-radius:9px;background:#0e1624;color:#8798b4;font-size:10px;white-space:nowrap;transition:border-color .18s,background .18s}
.global-search-trigger:hover{border-color:#536ca4;background:#131f33;color:#dbe5ff}
.global-search-trigger>span:first-child{font-size:17px;color:#a8baff}
.global-search-trigger kbd,.command-search-row kbd{font:9px 'DM Mono',monospace;color:#7d8eaa;background:#1a2639;border:1px solid #2d3c54;border-radius:5px;padding:3px 5px}
.global-search-label{min-width:74px;text-align:left}
.command-palette[hidden]{display:none!important}
.command-palette{position:fixed;inset:0;z-index:180;display:grid;place-items:start center;padding:12vh 16px 24px}
.command-scrim{position:absolute;inset:0;background:rgba(2,5,12,.78);backdrop-filter:blur(9px)}
.command-dialog{position:relative;width:min(620px,100%);overflow:hidden;border:1px solid #354766;border-radius:17px;background:#101827;box-shadow:0 30px 100px rgba(0,0,0,.55);animation:commandIn .16s ease-out}
@keyframes commandIn{from{opacity:0;transform:translateY(-7px) scale(.99)}to{opacity:1;transform:none}}
.command-search-row{display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid #27364c}
.command-search-icon{font-size:22px;color:#9eb2ff}
.command-search-row input{min-width:0;flex:1;border:0;outline:0!important;background:transparent;color:var(--text);font-size:13px}
.command-search-row input::placeholder{color:#697a94}
.command-results{max-height:min(58vh,470px);overflow:auto;padding:7px}
.command-result{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);padding:10px;min-height:54px}
.command-result:hover,.command-result.selected{background:#1a2940;border-color:#334a70}
.command-result-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#202f4a;color:#b4c5ff;font-size:16px}
.command-result-copy{display:grid;gap:3px;flex:1;min-width:0}
.command-result-copy strong{font-size:11px;font-weight:750}
.command-result-copy small{font-size:10px;color:#8c9db7;white-space:normal;overflow-wrap:anywhere}
.command-result-enter{color:#7083a2;font-size:13px;opacity:0;transition:opacity .15s}
.command-result.selected .command-result-enter,.command-result:hover .command-result-enter{opacity:1}
.command-empty{display:grid;gap:5px;padding:28px 16px;text-align:center;color:#8d9bb1;font-size:11px}
.command-empty strong{color:#dce5f7;font-size:12px}
.command-footer{display:flex;justify-content:space-between;gap:10px;padding:10px 15px;border-top:1px solid #27364c;color:#687b98;font-size:9px}
.mobile-bottom-nav{display:none}
.mobile-quick-add{display:none}
button,.button,.nav-item,.mobile-nav-item{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
@media(max-width:760px){
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  .global-search-trigger{width:31px;height:31px;min-height:31px;justify-content:center;padding:0;border-color:transparent;background:transparent}
  .global-search-trigger>span:first-child{font-size:20px}
  .global-search-label,.global-search-trigger kbd{display:none}
  .mobile-bottom-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:7px 7px calc(7px + env(safe-area-inset-bottom));border-top:1px solid rgba(91,111,149,.28);background:rgba(10,16,27,.94);backdrop-filter:blur(22px);box-shadow:0 -12px 36px rgba(0,0,0,.23)}
  .mobile-nav-item{min-width:0;min-height:47px;border:1px solid transparent;border-radius:11px;background:transparent;color:#8292ad;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px}
  .mobile-nav-item span{font-size:19px;line-height:1.1}
  .mobile-nav-item small{font-size:9px;font-weight:700;line-height:1.2}
  .mobile-nav-item.active{background:rgba(103,131,255,.15);border-color:rgba(125,151,255,.17);color:#c7d3ff}
  .mobile-quick-add{position:fixed;z-index:31;right:16px;bottom:calc(82px + env(safe-area-inset-bottom));display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(221,230,255,.35);border-radius:16px;background:linear-gradient(145deg,#829bff,#5269d4);color:white;font-size:26px;box-shadow:0 12px 28px rgba(58,81,177,.4),inset 0 1px 0 rgba(255,255,255,.3)}
  .mobile-quick-add:active{transform:scale(.96)}
  .view-content{padding-bottom:24px}
  .app-footer{padding-bottom:18px}
  .toast-region{right:12px;bottom:calc(78px + env(safe-area-inset-bottom));width:calc(100% - 24px)}
  .command-palette{padding:8vh 10px 20px}
  .command-dialog{border-radius:14px}
  .command-results{max-height:62vh}
  .command-footer span:last-child{display:none}
  .modal-backdrop{align-items:end;padding:0;}
  .modal{width:100%;max-height:88dvh;border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom)}
  .modal-head{padding-top:18px}
  .modal-foot{position:sticky;bottom:0;background:#111a29}
  .modal-foot .button{min-height:42px;flex:1}
  .form-group .input,.form-group .select,.form-group .textarea,.form-grid .input,.form-grid .select{min-height:43px;font-size:16px}
  .nav-item{min-height:43px}
  .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .table-scroll table{min-width:680px}
  .panel,.metric-card,.integration-card{min-width:0}
}
@media(max-width:390px){
  .mobile-quick-add{right:12px;bottom:calc(80px + env(safe-area-inset-bottom));width:44px;height:44px;border-radius:14px}
  .mobile-nav-item small{font-size:8px}
  .mobile-nav-item span{font-size:18px}
  .view-content{padding-left:10px;padding-right:10px}
  .command-search-row{padding:12px}
  .command-search-row input{font-size:12px}
}
@media(hover:none){.panel:hover,.metric-card:hover,.integration-card:hover,.nav-item:hover{transform:none;box-shadow:none}}

/* v0.7 — premium visual system: layered surfaces, deliberate contrast, and polished interaction */
:root{
  --surface-elevated:rgba(19,29,46,.92);
  --surface-glass:rgba(13,21,35,.76);
  --border-highlight:rgba(145,168,232,.25);
  --shadow-soft:0 14px 38px rgba(0,0,0,.18);
  --shadow-lift:0 24px 54px rgba(0,0,0,.26),0 0 0 1px rgba(143,165,255,.05);
}
body{
  background:
    radial-gradient(ellipse at 88% 8%,rgba(91,113,226,.13),transparent 29%),
    radial-gradient(ellipse at 35% 60%,rgba(46,117,139,.055),transparent 35%),
    var(--bg);
  background-attachment:fixed;
}
::selection{background:rgba(113,143,255,.34);color:#fff}
.main-panel{min-width:0;position:relative}
.topbar{
  background:rgba(9,14,24,.82);
  border-bottom-color:rgba(117,139,180,.14);
  backdrop-filter:blur(24px) saturate(140%);
}
.view-content{isolation:isolate}
.page-heading{margin-bottom:21px;align-items:flex-end;gap:16px}
.page-heading h1{font-size:clamp(24px,2.2vw,31px);letter-spacing:-1.15px;line-height:1.14;font-weight:800}
.page-heading p{font-size:11px;line-height:1.75;max-width:640px}
.eyebrow{letter-spacing:1.8px;color:#9caff4}
.panel,.metric-card,.integration-card,.stat-box,.pricing-metric{
  border-color:rgba(119,143,188,.18);
  border-radius:17px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),var(--shadow-soft);
}
.panel{background:linear-gradient(145deg,rgba(17,26,42,.97),rgba(13,20,33,.97))}
.panel:hover,.metric-card:hover,.integration-card:hover{
  border-color:var(--border-highlight);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--shadow-lift);
}
.panel-head{padding:19px 20px 14px}
.panel-title{letter-spacing:-.25px}
.metrics-grid{gap:13px;margin-bottom:18px}
.metric-card{min-height:143px;padding:17px 17px 13px;position:relative}
.metric-label{color:#a6b4ca;font-weight:650;letter-spacing:.05px}
.metric-value{font-size:clamp(22px,2vw,28px);letter-spacing:-1.1px;font-weight:800;line-height:1.2}
.metric-foot{gap:7px;flex-wrap:wrap}
.metric-spark{opacity:.9}
.dashboard-grid,.bottom-grid{gap:16px;margin-bottom:17px}
.chart-panel,.chart-panel .panel-head{overflow:hidden}
.chart-wrap{padding:0 20px 17px}
.chart-summary strong{font-size:25px;letter-spacing:-.8px}
.chart-svg{filter:drop-shadow(0 5px 9px rgba(93,121,255,.07))}
.chart-grid{stroke:rgba(139,159,198,.13)}
.chart-line{filter:drop-shadow(0 0 5px rgba(132,154,255,.28))}
.button{border-radius:10px;font-weight:750;letter-spacing:.03px;min-height:36px}
.button.primary{background:linear-gradient(135deg,#829aff,#586fe0 68%,#4d61c8);border-color:rgba(197,209,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 7px 18px rgba(64,86,193,.18)}
.button.primary:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 12px 26px rgba(64,86,193,.3)}
.button.ghost{background:rgba(127,150,201,.055);border-color:rgba(127,150,201,.22)}
.button.ghost:hover{background:rgba(127,150,201,.12);border-color:rgba(145,168,232,.38)}
.icon-button{border-radius:10px;transition:background .18s,border-color .18s,transform .18s}
.icon-button:hover{background:rgba(128,151,209,.13);border-color:rgba(145,168,232,.35)}
.nav-item.active{background:linear-gradient(100deg,rgba(98,124,235,.18),rgba(98,124,235,.075));box-shadow:inset 2px 0 0 #8ba0ff}
.nav-item.active .nav-ico{color:#c4d0ff}
.workspace-switcher{background:linear-gradient(135deg,rgba(23,35,56,.94),rgba(15,24,39,.94));border-color:rgba(122,145,190,.22)}
.health-card{border-color:rgba(119,143,188,.2);background:linear-gradient(145deg,rgba(19,30,48,.94),rgba(13,21,34,.95))}
.table-scroll{border-radius:0 0 16px 16px}
table thead th{background:rgba(12,19,31,.7);color:#8e9fba;letter-spacing:.8px}
table tbody tr{transition:background .15s ease}
table tbody tr:hover{background:rgba(110,136,215,.055)}
.input,.select,.textarea{border-color:rgba(116,140,183,.27);background:rgba(8,14,24,.65);border-radius:10px;transition:border-color .18s,box-shadow .18s,background .18s}
.input:focus,.select:focus,.textarea:focus{border-color:rgba(131,156,255,.8);box-shadow:0 0 0 3px rgba(105,133,255,.1);background:#0d1728}
.pill{border-radius:99px;letter-spacing:.05px}
.prototype-banner{border-color:rgba(242,187,110,.18);background:linear-gradient(100deg,rgba(242,187,110,.055),rgba(19,27,42,.76))}
.app-footer{color:#5e6e87}
.visual-hero{border-color:rgba(143,165,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 24px 60px rgba(0,0,0,.21)}
.visual-hero-copy>p{font-size:12px}
.visual-hero-pills span{background:rgba(130,154,219,.09);border-color:rgba(151,174,239,.22)}
.float-product{will-change:transform}
.float-chip{box-shadow:0 18px 38px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.09)}
.command-dialog{border-color:rgba(145,168,232,.35);background:linear-gradient(145deg,#121d30,#0d1523)}
.command-result{min-height:58px}
.modal{border-color:rgba(145,168,232,.3);background:linear-gradient(145deg,#131e31,#0d1523)}
.modal-head h2{letter-spacing:-.45px}
.toast{border-color:rgba(145,168,232,.28);backdrop-filter:blur(18px)}
@media(max-width:1000px){.page-heading{align-items:flex-start}}
@media(max-width:760px){
  body{background-attachment:scroll}
  .page-heading{margin-bottom:17px;gap:12px}
  .page-heading h1{font-size:25px}
  .panel,.metric-card,.integration-card,.stat-box,.pricing-metric{border-radius:15px}
  .panel-head{padding:16px 15px 12px}
  .chart-wrap{padding:0 14px 14px}
  .metrics-grid{gap:9px}
  .metric-card{padding:14px 12px 10px;min-height:132px}
  .metric-value{font-size:23px}
  .dashboard-grid,.bottom-grid{gap:12px;margin-bottom:13px}
  .prototype-banner{font-size:10px;line-height:1.55}
  .visual-hero{box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 14px 35px rgba(0,0,0,.17)}
}
@media(max-width:390px){
  .page-heading h1{font-size:23px}
  .metric-card{padding:12px 10px 9px}
  .metric-value{font-size:21px}
  .metric-foot{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.float-product{will-change:auto}}


/* v0.11 — customer support studio + API-free strict store knowledge assistant */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.support-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:224px;padding:27px 30px;margin-bottom:15px;background:radial-gradient(circle at 82% 25%,rgba(81,111,240,.24),transparent 34%),linear-gradient(115deg,#141d31 0%,#101827 62%,#11182b 100%);border-color:#2c3d5a;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 45px rgba(0,0,0,.13)}
.support-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(109,139,255,.045) 50%,transparent 80%)}
.support-hero-copy{position:relative;z-index:2;max-width:690px}.support-live-label{display:flex;align-items:center;gap:8px;font:9px 'DM Mono',monospace;letter-spacing:1.35px;color:#9bb0d8}.support-live-dot{height:6px;width:6px;border-radius:50%;background:#73e5b6;box-shadow:0 0 12px rgba(115,229,182,.75)}.support-mini-pill{padding:4px 6px;border:1px solid rgba(101,222,193,.23);border-radius:5px;color:#8fe2cb;background:rgba(62,163,146,.09);font-size:8px;letter-spacing:.7px}.support-hero h2{font-size:clamp(24px,3vw,34px);line-height:1.13;letter-spacing:-1.25px;margin:17px 0 9px;max-width:620px;color:#f1f5ff}.support-hero h2 span{background:linear-gradient(100deg,#a9bbff,#7adce3);background-clip:text;-webkit-background-clip:text;color:transparent}.support-hero-copy>p{font-size:11px;line-height:1.75;color:#96a7c0;max-width:590px;margin:0}.support-hero-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.support-hero-chips span{font-size:9px;color:#b7c7df;border:1px solid #2b3a53;background:rgba(12,20,34,.58);border-radius:7px;padding:6px 8px}.support-hero-chips span:first-child{color:#91e4c8;border-color:rgba(104,213,176,.21)}
.support-hero-mark{position:relative;flex:0 0 165px;width:165px;height:165px;display:grid;place-items:center;margin-right:10px;isolation:isolate}.support-hero-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(1px)}.support-orb-one{width:145px;height:145px;right:7%;top:-54px;background:radial-gradient(circle,rgba(116,143,255,.16),transparent 70%)}.support-orb-two{width:120px;height:120px;right:5%;bottom:-66px;background:radial-gradient(circle,rgba(102,221,220,.12),transparent 70%)}.support-mark-core{position:relative;z-index:2;width:76px;height:76px;border:1px solid rgba(169,191,255,.42);border-radius:24px;display:flex;align-items:center;justify-content:center;gap:5px;transform:rotate(-10deg);background:linear-gradient(145deg,rgba(116,143,255,.28),rgba(27,43,75,.9));box-shadow:0 18px 40px rgba(3,8,18,.35),inset 0 1px 0 rgba(255,255,255,.14),0 0 38px rgba(115,148,255,.14)}.support-mark-core span{width:6px;border-radius:7px;background:linear-gradient(#dbe6ff,#7691ff);display:block;box-shadow:0 0 14px rgba(130,156,255,.28)}.support-mark-core span:nth-child(1){height:20px;opacity:.7}.support-mark-core span:nth-child(2){height:33px}.support-mark-core span:nth-child(3){height:25px;opacity:.85}.support-mark-ring{position:absolute;border:1px solid rgba(130,158,234,.21);border-radius:50%;transform:rotate(-25deg)}.ring-a{width:131px;height:89px}.ring-b{width:95px;height:146px;transform:rotate(35deg);border-color:rgba(121,220,223,.2)}.support-sparkle{position:absolute;z-index:3;right:15px;top:20px;color:#9ef0e5;text-shadow:0 0 18px rgba(111,227,216,.45);font-size:18px;animation:supportSparkle 4s ease-in-out infinite}@keyframes supportSparkle{0%,100%{transform:scale(.88) rotate(0);opacity:.65}50%{transform:scale(1.12) rotate(18deg);opacity:1}}
.support-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}.support-stats .stat-box{min-width:0;min-height:88px;background:linear-gradient(145deg,rgba(19,29,47,.96),rgba(14,22,36,.94));border-color:#263750}.support-stats .stat-box strong{font-size:23px;letter-spacing:-.7px}.support-stats .stat-box strong small{font-size:12px;color:#778aa8;font-weight:600}.support-guardrail-value{color:#83e1bf!important;font-size:17px!important;letter-spacing:1.2px!important}
.support-layout{display:grid;grid-template-columns:minmax(270px,.86fr) minmax(0,1.14fr);gap:15px;align-items:start}.support-settings-panel,.support-preview-panel{min-width:0;overflow:hidden}.support-form-body{padding:16px}.support-config-note{display:flex;gap:10px;padding:12px;border:1px solid rgba(126,151,223,.17);background:linear-gradient(100deg,rgba(90,116,204,.1),rgba(34,63,79,.12));border-radius:11px;margin-bottom:17px}.support-config-icon{height:28px;width:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:9px;background:#202e4b;border:1px solid #344b74;color:#aabaff}.support-config-note strong{font-size:10px;color:#dce6ff}.support-config-note p{margin:4px 0 0;color:#8a9cb6;font-size:9px;line-height:1.7}.support-optional{font:8px 'DM Mono',monospace;color:#8e9fc0;letter-spacing:.45px;margin-left:6px}.support-field-note{display:block;margin-top:6px;font-size:9px;line-height:1.65;color:#7183a0}.support-field-note code{color:#b0c4ff;border:1px solid #273c60;background:#121e31;border-radius:4px;padding:2px 4px}.support-policy-textarea{min-height:118px;resize:vertical;line-height:1.7;font-size:10px}.support-form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:17px 0 13px}.support-form-actions>span{font-size:9px;color:#7385a1}.support-form-actions .button{padding:10px 13px}.support-form-actions .button span{font-size:13px}.support-form-body .warning-note{margin-top:12px;font-size:9px}
.support-chat-shell{margin:13px;border:1px solid #2b3c57;border-radius:15px;overflow:hidden;background:linear-gradient(180deg,#101a2a,#0d1522 78%);display:flex;flex-direction:column;min-height:610px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.support-chat-head{display:flex;gap:10px;align-items:center;padding:13px 14px;border-bottom:1px solid #25344a;background:linear-gradient(100deg,rgba(25,38,61,.96),rgba(19,30,48,.96))}.support-agent-avatar{position:relative;height:36px;width:36px;flex:0 0 36px;border:1px solid #3b5283;border-radius:13px;background:linear-gradient(145deg,#728eff,#3c4fa8);display:grid;place-items:center;color:white;box-shadow:0 6px 20px rgba(76,103,201,.25)}.support-agent-glyph{font-size:17px}.support-agent-avatar i{position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;border:2px solid #111b2b;border-radius:50%;background:#70e0b0}.support-agent-copy{min-width:0;flex:1}.support-agent-copy strong{display:block;color:#e4ebff;font-size:11px;line-height:1.3}.support-agent-copy span{display:block;margin-top:4px;color:#8193ae;font-size:9px}.support-online-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#65d9aa;margin-right:3px}.support-head-tag{font:7px 'DM Mono',monospace;letter-spacing:.55px;color:#99b0d9;border:1px solid #2d446b;background:#182640;border-radius:5px;padding:5px 6px;white-space:nowrap}.support-chat-context{padding:9px 13px;color:#92a5c3;background:rgba(111,141,232,.055);border-bottom:1px solid rgba(42,60,88,.56);font-size:9px;line-height:1.6}.support-chat-context span{color:#9ab1ff;margin-right:5px;font-size:12px}.support-chat-feed{padding:16px 13px 10px;display:flex;flex-direction:column;gap:16px;flex:1;min-height:255px;max-height:430px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#334a6a transparent;scrollbar-width:thin}.support-message{display:flex;align-items:flex-start;gap:8px;max-width:100%;animation:supportMessageIn .18s ease-out}.support-message.from-customer{flex-direction:row-reverse;align-self:flex-end;max-width:92%}.support-message.from-assistant{align-self:stretch}.support-message-avatar{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border-radius:8px;border:1px solid #304362;background:#19273e;color:#aebfff;font-size:8px;font-weight:800}.from-customer .support-message-avatar{border-color:#36537d;background:#243957;color:#dce7ff}.support-message-main{min-width:0;flex:1}.support-message-meta{display:flex;align-items:center;gap:6px;margin:1px 0 6px;color:#aab8d0;font-size:9px;font-weight:700}.support-message-meta span{font:7px 'DM Mono',monospace;letter-spacing:.45px;color:#637897}.from-customer .support-message-meta{justify-content:flex-end}.support-bubble{border:1px solid #293b56;border-radius:4px 11px 11px 11px;padding:10px 11px;background:linear-gradient(145deg,#18253a,#141f31);color:#d8e2f5;font-size:10px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 7px 20px rgba(0,0,0,.08)}.from-customer .support-bubble{background:linear-gradient(145deg,#3e5595,#2b4074);border-color:#4a619f;border-radius:11px 4px 11px 11px;color:#f2f5ff}.support-suggest-area{padding:11px 12px 12px;border-top:1px solid #202f45;background:rgba(8,14,24,.45)}.support-suggest-title{font:8px 'DM Mono',monospace;letter-spacing:1px;color:#7184a3;margin:0 0 8px 1px}.support-suggestion-list{display:flex;flex-wrap:wrap;gap:6px}.support-suggestion{border:1px solid #2b3d59;background:#141f31;color:#aebdde;border-radius:8px;padding:7px 8px;text-align:left;font-size:9px;line-height:1.4;max-width:100%;transition:border-color .15s,background .15s}.support-suggestion:hover:not(:disabled){border-color:#5069a5;background:#1a2a44;color:#e5ecff}.support-suggestion span{color:#8199e5;margin-left:5px}.support-suggestion:disabled{opacity:.4;cursor:not-allowed}.support-chat-composer{display:flex;align-items:flex-end;gap:8px;padding:10px 11px;border-top:1px solid #26364d;background:#111c2c}.support-chat-composer textarea{flex:1;min-width:0;max-height:100px;min-height:39px;resize:none;border:1px solid #304461;background:#0d1624;border-radius:10px;padding:10px 11px;color:#e3ebfc;font-size:10px;line-height:1.5;outline:none}.support-chat-composer textarea:focus{border-color:#7188de;box-shadow:0 0 0 3px rgba(103,131,255,.1)}.support-chat-composer textarea:disabled{opacity:.48}.support-chat-composer textarea::placeholder{color:#637796}.support-send-button{height:39px;width:40px;flex:0 0 40px;border:1px solid #839aff;border-radius:10px;background:linear-gradient(145deg,#8098ff,#536ddd);color:white;font-size:16px;box-shadow:0 7px 15px rgba(76,100,198,.18)}.support-send-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.support-send-button:disabled{opacity:.4}.support-chat-foot{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:8px 12px;border-top:1px solid #1e2b40;color:#647897;font:7px 'DM Mono',monospace;letter-spacing:.5px}.support-preview-actions{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;padding:0 15px 15px}.support-preview-actions>span{color:#6e809d;font-size:8px;line-height:1.5}.support-guardrail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px}.support-guardrail-card{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #283851;background:linear-gradient(140deg,#131f31,#101827);border-radius:11px;min-height:118px}.support-guardrail-card>span{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:8px;background:#202f4c;color:#a5b8ff;font:9px 'DM Mono',monospace}.support-guardrail-card strong{display:block;font-size:10px;color:#dbe4f5;line-height:1.5}.support-guardrail-card p{font-size:9px;line-height:1.6;margin:5px 0 0;color:#8192ab}
@keyframes supportMessageIn{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.support-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.support-guardrail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-hero-mark{flex-basis:130px;width:130px;transform:scale(.9)}}
@media(max-width:760px){.support-hero{align-items:flex-start;padding:21px 19px;min-height:0}.support-hero-mark{position:absolute;right:2px;top:28px;opacity:.25;transform:scale(.75);transform-origin:top right}.support-hero-copy{max-width:100%}.support-hero-copy>p{max-width:100%;padding-right:5px}.support-hero h2{font-size:26px;max-width:350px}.support-hero-chips{max-width:85%}.support-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.support-stats .stat-box{min-height:84px;padding:12px}.support-stats .stat-box strong{font-size:21px}.support-layout{grid-template-columns:1fr}.support-chat-shell{min-height:540px;margin:10px}.support-chat-feed{min-height:230px;max-height:390px}.support-guardrail-grid{grid-template-columns:1fr 1fr;padding:10px}.support-guardrail-card{min-height:105px;padding:10px;gap:7px}.support-guardrail-card p{font-size:9px}.support-optional{display:block;margin:3px 0 0}.support-form-body{padding:13px}.support-preview-actions{padding:0 12px 14px}.support-hero-chips span{font-size:8px}}
@media(max-width:420px){.support-hero{padding:19px 15px}.support-hero h2{font-size:24px;max-width:280px}.support-hero-chips{max-width:100%;gap:5px}.support-hero-chips span{padding:5px 6px}.support-hero-mark{right:-17px;opacity:.16}.support-stats{gap:7px}.support-stats .stat-box span{font-size:9px}.support-stats .stat-box strong{font-size:19px}.support-guardrail-grid{grid-template-columns:1fr}.support-guardrail-card{min-height:0}.support-head-tag{font-size:6px}.support-chat-shell{margin:8px;min-height:525px}.support-chat-feed{padding:13px 10px}.support-message.from-customer{max-width:97%}.support-suggestion{font-size:8px}.support-chat-foot{font-size:6px}}
@media(prefers-reduced-motion:reduce){.support-sparkle,.support-message{animation:none!important}}

.workspace-switcher-link{color:inherit;text-decoration:none;cursor:pointer;transition:border-color .16s ease,background .16s ease}.workspace-switcher-link:hover{border-color:rgba(139,163,255,.55);background:linear-gradient(135deg,rgba(32,48,77,.96),rgba(15,24,39,.96))}.workspace-switcher-link:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}