@import"https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600&display=swap";:root{--color-clay: #ff5a5f;--color-clay-lite: #ff8a65;--color-clay-bg: #ffe4e2;--color-grad-a: #ff8a65;--color-grad-b: #ff5a5f;--color-grad: linear-gradient(135deg, var(--color-grad-a), var(--color-grad-b));--color-bg: #f7f5fa;--color-panel: #ffffff;--color-soft: #f2f3f6;--color-ink: #26272b;--color-sub: #5b6470;--color-muted: #8a8b93;--color-line: #eee0e8;--color-ink-inverse: #f4f6f9;--color-chrome: #fbf9f5;--color-chrome-muted: #f4f1ea;--color-chrome-line: #ece9e2;--color-chrome-edge: #dfe1e6;--color-chrome-sub: #6b6d76;--color-glass: rgba(255, 255, 255, .8);--color-glass-soft: rgba(255, 255, 255, .5);--blur-glass: blur(14px);--blur-glass-sm: blur(10px);--color-aurora-1: rgba(255, 90, 95, .4);--color-aurora-2: rgba(126, 200, 227, .38);--color-aurora-3: rgba(255, 180, 101, .31);--ok: #22c55e;--pill-ok: #e2f5ea;--info: #3d8bfd;--pill-info: #e3edff;--warn: #f97316;--pill-warn: #fff3e8;--risk: #ef4444;--pill-risk: #ffe4e2;--hold: #94a3b8;--pill-hold: #eceef2;--grape: #7c3aed;--pill-grape: #efe7fb;--amber: #eab308;--pill-amber: #fef9c3;--font-display: "Sora", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-sm: 9px;--radius-md: 16px;--radius-lg: 22px;--radius-pill: 999px;--shadow-1: 0 2px 6px rgba(38, 39, 43, .06), 0 1px 2px rgba(38, 39, 43, .04);--shadow-2: 0 8px 22px rgba(38, 39, 43, .1), 0 2px 6px rgba(38, 39, 43, .05);--shadow-3: 0 18px 50px rgba(38, 39, 43, .14), 0 4px 12px rgba(38, 39, 43, .06);--shadow-clay: 0 8px 16px -6px color-mix(in srgb, var(--color-clay) 47%, transparent);--color-clay-deep: #e8474d;--info-text: #2f6fe0;--amber-text: #b8620a;--pill-amber-soft: #fff1e0;--pill-grape-soft: #efe6ff;--ok-text: #1f8f5f;--shadow-card: 0 12px 26px -12px rgba(30, 20, 40, .18);--shadow-raise: 0 20px 40px -14px rgba(20, 20, 30, .28);--shadow-ember: 0 10px 20px -8px rgba(255, 90, 95, .53);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.22, 1.1, .36, 1);--dur-fast: .14s;--dur-mid: .2s;--dur-slow: .26s;--nav-w: 240px}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 0ms;--dur-mid: 0ms;--dur-slow: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:500 13.5px/1.5 var(--font-body);color:var(--color-ink);background:var(--color-bg)}button{font:inherit;cursor:pointer}h1,h2,h3{font-family:var(--font-display)}.app{display:grid;grid-template-columns:var(--nav-w) minmax(0,1fr);height:100vh;transition:grid-template-columns var(--dur-slow) var(--ease-out)}.app.dock-open{grid-template-columns:var(--nav-w) minmax(0,1fr) var(--dock-w, 360px)}.app:not(.dock-open){grid-template-columns:var(--nav-w) minmax(0,1fr) 44px}.app.nav-collapsed{--nav-w: 64px}.app.is-mobile{grid-template-columns:minmax(0,1fr)}body.is-resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}.main-col{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column}.nav,.dock{min-height:0}.page-wash{position:absolute;left:-120px;top:-140px;width:460px;height:380px;background:radial-gradient(circle,rgba(255,138,101,.16),transparent 70%);pointer-events:none;z-index:0}.main{position:relative;z-index:1;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.main.is-scroll{display:block;overflow-y:auto;padding:20px}.main.is-scroll .page-title{font:700 16px/1.2 var(--font-display);margin:0 0 3px}.main.is-scroll .page-sub{font-size:12.5px;color:var(--color-sub);margin:0 0 16px}.topbar{position:relative;z-index:3;flex-shrink:0;display:flex;align-items:center;gap:12px;height:56px;padding:0 20px;background:var(--color-glass-soft);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border-bottom:1px solid var(--color-line)}.crumb{display:flex;align-items:baseline;gap:8px;font-family:var(--font-display);min-width:0}.crumb .root{font-weight:700;font-size:14px}.crumb .sep{color:#26272b59}.crumb .mid,.crumb .here{font-weight:600;font-size:14px;color:#26272bbf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}.crumb .here{color:var(--color-ink)}.search-pill{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;margin:0 auto;width:100%;max-width:260px;border-radius:var(--radius-pill);border:1px solid var(--color-line);background:var(--color-glass);color:var(--color-muted);font:600 12px/1 var(--font-body);transition:all var(--dur-fast) var(--ease-out)}.search-pill:hover{border-color:var(--color-clay-lite);color:var(--color-sub)}.search-pill span{flex:1;text-align:left}.search-pill kbd,.palette-input kbd{font:600 10px/1 var(--font-mono);color:var(--color-muted);background:#0000000d;border-radius:5px;padding:3px 5px}.topbar-right{display:flex;align-items:center;gap:10px;flex:none}.tenant-pill{font:700 12px/1 var(--font-body);padding:7px 11px;border-radius:var(--radius-pill);background:#0000000d;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip{display:flex;align-items:center;gap:8px}.user-chip .avatar{width:30px;height:30px;border-radius:50%;flex:none;background:linear-gradient(135deg,#5b6470,#26272b);color:#fff;display:flex;align-items:center;justify-content:center;font:700 11px/1 var(--font-body)}.user-text{display:flex;flex-direction:column;gap:2px;min-width:0}.user-text .n{font:700 12.5px/1 var(--font-body);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-text .r{font:700 10.5px/1 var(--font-body);letter-spacing:.06em;color:var(--color-muted)}.iconbtn{width:32px;height:32px;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--color-sub);font-size:15px;display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease-out)}.iconbtn:hover{background:var(--color-soft)}.palette-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.palette{position:absolute;left:50%;top:14vh;transform:translate(-50%,-8px);width:min(560px,calc(100vw - 32px));background:var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-raise);overflow:hidden;opacity:0;transition:opacity var(--dur-mid) var(--ease-out),transform var(--dur-mid) var(--ease-spring)}.palette-root.is-in .palette{opacity:1;transform:translate(-50%)}.palette-input{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid var(--color-line);color:var(--color-muted)}.palette-input input{flex:1;border:none;outline:none;font:600 14px/1 var(--font-body);color:var(--color-ink);background:transparent}.palette-results{max-height:46vh;overflow-y:auto;padding:6px}.palette-row{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:9px 10px;border:none;background:transparent;border-radius:var(--radius-sm)}.palette-row.is-on{background:var(--color-soft)}.palette-kind{font:800 9.5px/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border-radius:5px;flex:none}.palette-kind.percakapan{background:var(--pill-ok);color:var(--ok-text)}.palette-kind.produk{background:var(--pill-info);color:var(--info-text)}.palette-title{font:700 12.5px/1 var(--font-body);flex:none;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-sub{font:500 11.5px/1 var(--font-body);color:var(--color-muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-empty{padding:18px 14px;font-size:12.5px;color:var(--color-muted);text-align:center}.nav{background:#ffffff8c;backdrop-filter:var(--blur-glass-sm);-webkit-backdrop-filter:var(--blur-glass-sm);border-right:1px solid var(--color-line);display:flex;flex-direction:column;gap:10px;padding:12px 12px 14px;min-width:0;overflow:visible;position:relative;z-index:30}.nav-brand{display:flex;align-items:center;gap:10px;height:56px;flex:none;padding:0 2px}.nav.is-collapsed .nav-brand{justify-content:center;padding:0}.nav-logo{width:32px;height:32px;border-radius:9px;flex:none;background:var(--color-grad);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-1)}.nav.is-collapsed .nav-logo{display:none}.nav-title{font:700 15px/1.1 var(--font-display);letter-spacing:-.01em;white-space:nowrap}.nav-sub{font:500 11px/1 var(--font-body);color:var(--color-muted);margin-top:3px;white-space:nowrap}.nav-collapse{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;flex:none;margin-left:auto;border:none;background:#ffffff2e;color:#fff;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.nav-collapse:hover{background:#ffffff57}.nav-collapse:focus-visible{outline:2px solid #fff;outline-offset:1px}.nav-item:not(.is-active) .nav-collapse{background:#0000000d;color:var(--color-muted)}.nav-item:not(.is-active) .nav-collapse:hover{background:#00000017;color:var(--color-ink)}.nav-collapse.is-standalone{width:30px;height:30px;border-radius:9px;margin:0;border:1px solid var(--color-line);background:#fff;color:var(--color-sub)}.nav-collapse.is-standalone:hover{background:var(--color-soft);color:var(--color-ink)}.ai-block-wrap{position:relative;flex:none}.ai-block{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 11px;border-radius:var(--radius-md);border:1px solid transparent;background:var(--color-panel);box-shadow:var(--shadow-card);transition:all var(--dur-fast) var(--ease-out)}.ai-block:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}.ai-block.is-paused{border-color:var(--amber);background:#fffdf9}.nav.is-collapsed .ai-block{justify-content:center;padding:10px 0}.ai-dot{width:10px;height:10px;border-radius:50%;flex:none;background:var(--ok-text);box-shadow:0 0 0 3px var(--pill-ok)}.ai-dot.is-paused{background:var(--amber);box-shadow:0 0 0 3px var(--pill-amber-soft)}.ai-block-text{display:flex;flex-direction:column;gap:3px;min-width:0}.ai-block-text b{font:800 10.5px/1 var(--font-body);letter-spacing:.08em;white-space:nowrap}.ai-block-text span{font:500 11px/1 var(--font-body);color:var(--color-muted);white-space:nowrap}.nav-groups{flex:1 1 auto;display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;overflow-x:hidden}.nav-section{display:flex;flex-direction:column;gap:2px}.nav-heading{font:800 10px/1 var(--font-body);color:var(--color-muted);letter-spacing:.1em;text-transform:uppercase;padding:0 8px;margin:6px 2px 4px;white-space:nowrap}.nav.is-collapsed .nav-heading,.nav.is-collapsed .nav-label,.nav.is-collapsed .nav-count,.nav.is-collapsed .nav-brand-text,.nav.is-collapsed .ai-block-text,.nav.is-collapsed .data-text{display:none}.nav.is-collapsed .nav-section+.nav-section{border-top:1px solid var(--color-line);padding-top:8px;margin-top:4px}.nav-item{width:100%;display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--color-sub);text-align:left;font:600 13px/1 var(--font-body);flex:none;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.nav.is-collapsed .nav-item{justify-content:center;padding:0}.nav-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex:none}.nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-count{min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border-radius:var(--radius-pill);background:#0000000f;color:var(--color-ink);font:700 10.5px/1 var(--font-mono);flex:none}.nav-item:hover{background:#ffffffd9;color:var(--color-ink)}.nav-item.is-active{background:var(--color-grad);color:#fff;font-weight:800;box-shadow:var(--shadow-ember)}.nav-item.is-active .nav-count{background:#ffffff38;color:#fff}.nav-item.is-zelia{color:var(--color-clay);font-weight:700;flex:none}.nav-item.is-zelia:hover{background:color-mix(in srgb,var(--color-clay) 8%,#fff)}.nav-item.is-zelia.is-on{background:color-mix(in srgb,var(--color-clay) 10%,#fff)}.nav-footer{display:flex;flex-direction:column;gap:10px;flex:none}.data-card{padding:9px 11px;border-radius:14px;background:var(--color-glass);border:1px solid var(--color-line)}.nav.is-collapsed .data-card{padding:8px;display:flex;justify-content:center}.data-card .brand{display:flex;align-items:center;gap:9px}.data-card .t{font:700 11px/1 var(--font-body)}.data-card .s{font:500 10px/1.2 var(--font-mono);color:var(--color-muted);margin-top:3px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.dot.ok{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 18%,transparent)}.dot.warn{background:var(--warn);box-shadow:0 0 0 3px color-mix(in srgb,var(--warn) 18%,transparent)}.dot.off{background:var(--hold);box-shadow:0 0 0 3px color-mix(in srgb,var(--hold) 18%,transparent)}.dock{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--color-panel);border-left:1px solid var(--color-line)}.dock-grip{position:absolute;left:-3px;top:0;bottom:0;width:6px;cursor:col-resize;z-index:4}.dock-grip:hover,.dock-grip:focus-visible{background:color-mix(in srgb,var(--color-clay) 35%,transparent);outline:none}.dock-head{height:56px;flex:none;display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--color-grad);color:#fff}.dock-id{min-width:0;flex:1}.dock-id .t{font:700 15px/1.1 var(--font-display)}.dock-id .s{font:500 11px/1 var(--font-body);opacity:.92;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-collapse{width:28px;height:28px;border-radius:var(--radius-sm);border:none;flex:none;background:#fff3;color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease-out)}.dock-collapse:hover{background:#ffffff57}.dock-body{flex:1;min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:14px}.dock-greet{display:flex;gap:9px;align-items:flex-start}.dock-bubble{background:var(--color-bg);border-radius:var(--radius-md);padding:10px 12px;font:500 12.5px/1.5 var(--font-body)}.dock-card{border:1px solid var(--color-line);border-radius:var(--radius-md);overflow:hidden}.dock-card-head{font:800 10px/1 var(--font-body);letter-spacing:.08em;color:var(--color-muted);padding:11px 12px 8px}.dock-empty{padding:4px 12px 12px;font-size:12px;color:var(--color-muted)}.dock-task{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;border:none;border-top:1px solid var(--color-line);background:transparent;transition:background var(--dur-fast) var(--ease-out)}.dock-task:hover{background:var(--color-soft)}.dock-task-count{min-width:22px;height:22px;border-radius:var(--radius-pill);flex:none;background:var(--pill-risk);color:var(--color-clay-deep);display:inline-flex;align-items:center;justify-content:center;font:800 11px/1 var(--font-mono)}.dock-task-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.dock-task-text .t{font:700 12.5px/1.2 var(--font-body)}.dock-task-text .s{font:500 11px/1.2 var(--font-body);color:var(--color-muted)}.dock-task-go{color:var(--color-muted);font-size:15px;flex:none}.dock-proposal{padding:0 12px 12px;display:flex;flex-direction:column;gap:10px}.dock-proposal-text{font:500 12.5px/1.5 var(--font-body)}.dock-proposal-actions{display:flex;gap:8px}.dock-foot-note{font:500 10.5px/1.4 var(--font-body);color:var(--color-muted)}.dock-decided{display:flex;flex-direction:column;gap:6px}.dock-audit{font:500 10.5px/1.4 var(--font-mono);color:var(--color-muted)}.dock-quick{display:flex;flex-wrap:wrap;gap:6px}.dock-chip{border:1px solid var(--color-line);background:var(--color-panel);color:var(--color-sub);border-radius:var(--radius-pill);padding:7px 11px;font:600 12px/1 var(--font-body)}.dock-chip:disabled{opacity:.6;cursor:not-allowed}.dock-input{flex:none;display:flex;align-items:center;gap:8px;padding:12px 14px;border-top:1px solid var(--color-line)}.dock-input input{flex:1;min-width:0;height:40px;padding:0 14px;border-radius:var(--radius-pill);border:1px solid var(--color-line);background:var(--color-bg);font:500 12.5px/1 var(--font-body)}.dock-send{width:30px;height:30px;border-radius:50%;border:none;flex:none;background:var(--color-grad);color:#fff;font-size:12px}.dock-send:disabled,.dock-input input:disabled{opacity:.55;cursor:not-allowed}.dock-tab{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 0;border:none;border-left:1px solid var(--color-line);background:var(--color-panel);color:var(--color-clay);transition:background var(--dur-fast) var(--ease-out)}.dock-tab:hover{background:var(--color-soft)}.dock-tab-count{min-width:20px;height:20px;border-radius:var(--radius-pill);background:var(--color-grad);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:800 10.5px/1 var(--font-mono)}.dock-tab-label{writing-mode:vertical-rl;font:800 10.5px/1 var(--font-body);letter-spacing:.14em;color:var(--color-muted)}.ov-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20}.ov-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#26272b2e;opacity:0;transition:opacity var(--dur-mid) var(--ease-out)}.ov-root.is-in .ov-scrim{opacity:1}.ov-panel{position:absolute;right:0;top:0;bottom:0;max-width:100%;display:flex;flex-direction:column;min-width:0;background:var(--color-panel);border-left:1px solid var(--color-line);box-shadow:var(--shadow-raise);outline:none;transform:translate(100%);transition:transform var(--dur-slow) var(--ease-out)}.ov-root.is-in .ov-panel{transform:translate(0)}.ov-head{flex:none;display:flex;align-items:flex-start;gap:12px;min-height:58px;padding:12px 16px;border-bottom:1px solid var(--color-line)}.ov-close{width:30px;height:30px;border-radius:var(--radius-sm);flex:none;border:1px solid var(--color-line);background:var(--color-panel);color:var(--color-sub);display:inline-flex;align-items:center;justify-content:center;transition:all var(--dur-fast) var(--ease-out)}.ov-close:hover{background:var(--color-soft);color:var(--color-ink)}.ov-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.ov-foot{flex:none;display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--color-line);flex-wrap:wrap}.pop{position:absolute;z-index:40;left:0;top:calc(100% + 6px);background:var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-raise);padding:14px;opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top left;transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-mid) var(--ease-spring)}.pop.is-in{opacity:1;transform:translateY(0) scale(1)}.pop-title{font:800 13px/1.35 var(--font-body);margin-bottom:6px}.pop-body{font:500 12px/1.5 var(--font-body);color:var(--color-sub);margin-bottom:10px}.pop-actions{display:flex;gap:8px;justify-content:flex-end}.pop-link{display:block;width:100%;text-align:left;margin-top:10px;padding:0;border:none;background:none;color:var(--color-clay);font:700 11.5px/1.4 var(--font-body)}.pop-link:hover{text-decoration:underline}.confirm{background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:12px;margin-top:10px;opacity:0;transform:translateY(-4px);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-mid) var(--ease-spring)}.confirm.is-in{opacity:1;transform:translateY(0)}.confirm-title{font:700 12.5px/1.4 var(--font-body)}.confirm-body{font:500 12px/1.5 var(--font-body);color:var(--color-sub);margin-top:5px}.confirm-ack{display:flex;gap:8px;align-items:flex-start;margin-top:9px;font:500 12px/1.45 var(--font-body);cursor:pointer}.confirm-ack input{margin-top:2px;flex:none;accent-color:var(--color-clay)}.confirm-actions{display:flex;gap:8px;margin-top:11px}.page-title{font-size:21px;font-weight:800;margin:0 0 2px;letter-spacing:-.01em}.page-sub{color:var(--color-sub);font-size:12.5px;margin:0 0 18px}.card{background:var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.glass-card{background:var(--color-glass);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);backdrop-filter:var(--blur-glass-sm);-webkit-backdrop-filter:var(--blur-glass-sm)}.chip{display:inline-flex;align-items:center;gap:5px;border-radius:var(--radius-pill);padding:2px 9px;font:700 11px/1.6 var(--font-body)}.chip.ai{background:var(--pill-ok);color:#15803d}.chip.attention{background:var(--pill-risk);color:#b91c1c}.chip.handoff{background:var(--pill-grape);color:#6d28d9}.chip.stock{background:var(--pill-warn);color:#b45309}.chip.approval{background:var(--pill-info);color:#1d4ed8}.chip.paused{background:var(--pill-hold);color:var(--color-sub)}.chip.ready{background:var(--pill-ok);color:#15803d}.chip.out{background:var(--pill-risk);color:#b91c1c}.chip.stale{background:var(--pill-warn);color:#b45309}.chip.unknown{background:var(--pill-hold);color:var(--color-sub)}.btn{border:1px solid var(--color-line);background:var(--color-panel);color:var(--color-ink);border-radius:12px;padding:8px 15px;font:700 12.5px/1.4 var(--font-body);box-shadow:var(--shadow-1);transition:all .15s ease}.btn:hover{background:var(--color-soft)}.btn.primary{border:none;color:#fff;background:var(--color-grad);box-shadow:var(--shadow-clay)}.btn.primary:hover{filter:brightness(1.06)}.btn.danger{color:var(--risk);border-color:#f6c5c5}.btn.sm{padding:4px 11px;font-size:11.5px;border-radius:9px;box-shadow:none}.muted{color:var(--color-muted)}.small{font-size:12px}.mono{font-family:var(--font-mono)}.ctx-item h4{margin:0;font:800 10px/1 var(--font-body);letter-spacing:.1em;color:var(--color-muted);text-transform:uppercase}.thread{padding:18px 20px;display:flex;flex-direction:column;gap:12px;background:var(--color-glass-soft)}.msg{max-width:74%}.bubble{padding:9px 13px;border-radius:var(--radius-md);font-size:13px;line-height:1.5;white-space:pre-line;box-shadow:var(--shadow-1)}.msg.customer .bubble{background:var(--color-panel);border:1px solid var(--color-line);border-bottom-left-radius:5px}.msg.ai .bubble{background:#fff2f0;border:1px solid #ffd9d3;border-bottom-right-radius:5px}.msg.owner .bubble{background:#eef4ff;border:1px solid #d4e2fb;border-bottom-right-radius:5px}.msg .meta{font:600 10.5px/1 var(--font-mono);color:var(--color-muted);margin-top:4px}.src{display:inline-flex;gap:5px;align-items:center;margin-top:5px;font:600 10.5px/1.5 var(--font-body);color:var(--color-sub);background:var(--color-panel);border:1px dashed var(--color-line);border-radius:var(--radius-sm);padding:2px 8px}.divider{align-self:center;display:flex;align-items:center;gap:10px;color:var(--color-muted);font:800 10px/1 var(--font-body);letter-spacing:.08em;margin:6px 0}.divider:before,.divider:after{content:"";width:90px;height:1px;background:var(--color-chrome-edge)}.reco{display:flex;flex-direction:column;gap:8px}.reco-card{background:var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:10px 12px;box-shadow:var(--shadow-1);font-size:12.5px}.reco-card .nm{font:800 12.5px/1.4 var(--font-display)}.reco-card .pr{color:var(--color-clay);font:800 13px/1.5 var(--font-body);margin:2px 0}.order-card{background:var(--color-panel);border:1px solid var(--color-line);border-left:3px solid var(--color-clay);border-radius:var(--radius-md);padding:12px 14px;box-shadow:var(--shadow-1);font-size:12.5px}.order-card .row{display:flex;justify-content:space-between;gap:16px;margin-bottom:4px}.order-card .total{border-top:1px solid var(--color-line);padding-top:6px;margin-top:6px;font-weight:800}.composer{padding:12px 16px 0;border-top:1px solid var(--color-line);background:var(--color-panel)}.composer textarea{width:100%;resize:vertical;font:inherit;padding:10px 12px;border:1px solid var(--color-line);border-radius:10px;background:var(--color-glass-soft)}.composer-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 4px}.status-card{max-width:540px;padding:24px}.status-line{display:flex;align-items:center;gap:10px;font:800 16px/1.3 var(--font-display)}.radio-row{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:13px;color:var(--color-sub)}.toggle-box{display:flex;align-items:flex-start;gap:10px;margin-top:18px;border:1px solid var(--color-line);border-radius:var(--radius-md);padding:12px 14px;background:#fffdf7}.placeholder{padding:48px;text-align:center;color:var(--color-muted)}.placeholder .big{font-size:34px;margin-bottom:8px}.assist-col{background:var(--color-panel);border-left:1px solid var(--color-chrome-line);display:flex;flex-direction:column;min-width:0}.assist-head{display:flex;align-items:center;gap:10px;padding:14px;color:#fff;background:var(--color-grad)}.assist-head .t{font:800 14px/1.2 var(--font-display)}.assist-head .s{font-size:10.5px;opacity:.9}.assist-body{flex:1;overflow-y:auto;padding:14px;font-size:12.5px;color:var(--color-sub)}.assist-note{background:var(--color-soft);border-radius:var(--radius-md);padding:10px 12px}.quick{display:flex;flex-direction:column;gap:8px;align-items:flex-end;padding:0 14px 10px}.quick button{border:none;color:#fff;background:var(--color-grad);border-radius:var(--radius-pill);padding:7px 14px;font:700 11.5px/1.4 var(--font-body);box-shadow:var(--shadow-clay);text-align:left}.assist-input{display:flex;gap:8px;padding:0 14px 14px}.assist-input input{flex:1;border:1px solid var(--color-line);border-radius:12px;padding:8px 11px;font:inherit}.assist-fab{position:fixed;right:20px;bottom:20px;z-index:40;border:none;border-radius:var(--radius-pill);padding:11px 18px;color:#fff;font:800 12.5px/1 var(--font-body);box-shadow:var(--shadow-clay);background:var(--color-grad)}@media(max-width:960px){.app,.app.with-assist{grid-template-columns:1fr}.nav,.assist-col{display:none}.inbox,.detail{flex-direction:column}.filters,.ctx{width:100%}.msg{max-width:92%}}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.field>label{font:800 10.5px/1 var(--font-body);letter-spacing:.08em;color:var(--color-muted);text-transform:uppercase}.field input[type=text],.field input[type=number],.field select,.field textarea{border:1px solid var(--color-line);border-radius:12px;padding:9px 12px;font:500 13px/1.5 var(--font-body);color:var(--color-ink);background:var(--color-panel)}.field textarea{resize:vertical;min-height:64px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--color-clay-lite);outline-offset:1px}.check-row{display:flex;align-items:center;gap:9px;padding:6px 0;font-size:13px;color:var(--color-sub)}.check-row input{accent-color:var(--color-clay);width:15px;height:15px}.seg{display:flex;flex-wrap:wrap;gap:8px}.seg button{border:1px solid var(--color-line);background:var(--color-panel);color:var(--color-sub);border-radius:var(--radius-pill);padding:6px 14px;font:700 12px/1.4 var(--font-body)}.seg button.on{border:none;color:#fff;background:var(--color-grad);box-shadow:var(--shadow-clay)}.form-note{font-size:11.5px;color:var(--color-muted)}.saved-flash{color:#15803d;font:700 12px/1 var(--font-body)}.switch{position:relative;width:40px;height:22px;flex:none;cursor:pointer}.switch input{opacity:0;width:0;height:0}.switch i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-pill);background:var(--color-chrome-edge);transition:background .15s ease}.switch i:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-1);transition:transform .15s ease}.switch input:checked+i{background:var(--color-grad)}.switch input:checked+i:after{transform:translate(18px)}.steps{display:flex;gap:6px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.step{display:flex;align-items:center;gap:7px;font:700 12px/1.4 var(--font-body);color:var(--color-muted)}.step .b{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-soft);font:800 11px/1 var(--font-mono)}.step.on{color:var(--color-ink)}.step.on .b{background:var(--color-grad);color:#fff}.step.done .b{background:var(--pill-ok);color:#15803d}.step-sep{width:26px;height:1px;background:var(--color-chrome-edge)}.dropzone{border:2px dashed var(--color-line);border-radius:var(--radius-lg);padding:34px;text-align:center;color:var(--color-muted);background:var(--color-glass-soft)}.map-table,.review-table{width:100%;border-collapse:collapse;font-size:12.5px}.map-table th,.map-table td,.review-table th,.review-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--color-line)}.map-table th,.review-table th{font:800 10.5px/1 var(--font-body);letter-spacing:.06em;color:var(--color-muted);text-transform:uppercase}.table-scroll{overflow-x:auto}.jobstate{display:flex;flex-direction:column;gap:10px;padding:8px 0}.jobstate .row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--color-sub)}.spin{width:14px;height:14px;border-radius:50%;border:2px solid var(--color-line);border-top-color:var(--color-clay);animation:spin .8s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.stock-cols{display:flex;gap:16px;align-items:flex-start}.stock-cols>.card{flex:1;min-width:0;padding:18px}.avail-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--color-line);font-size:12.5px}.avail-row:last-child{border-bottom:none}.avail-row .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.avail-row .age{color:var(--color-muted);font-size:11px;white-space:nowrap}.avail-row .age.stale{color:#b45309;font-weight:700}.phone{width:300px;margin:0 auto;border:1px solid var(--color-chrome-edge);border-radius:26px;overflow:hidden;box-shadow:var(--shadow-2);background:var(--color-panel)}.phone-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--color-line);font:800 13px/1.2 var(--font-display)}.phone-body{max-height:420px;overflow-y:auto;padding:10px 14px}.phone-foot{border-top:1px solid var(--color-line);padding:10px 14px}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:60;background:#1a1b1e;color:#fff;border-radius:var(--radius-pill);padding:10px 18px;font:700 12.5px/1.4 var(--font-body);box-shadow:var(--shadow-3);display:flex;gap:12px;align-items:center}.toast button{background:none;border:none;color:var(--color-clay-lite);font:800 12.5px/1 var(--font-body)}.tabs{display:flex;gap:4px;border-bottom:2px solid var(--color-chrome-edge);margin-bottom:18px;flex-wrap:wrap}.tabs button{border:none;background:transparent;padding:9px 14px;font:700 12.5px/1.4 var(--font-body);color:var(--color-sub);border-bottom:2px solid transparent;margin-bottom:-2px}.tabs button.on{color:var(--color-clay);border-bottom-color:var(--color-clay)}.int-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.int-card{padding:16px;display:flex;flex-direction:column;gap:8px}.int-card .t{font:800 13.5px/1.3 var(--font-display);display:flex;align-items:center;gap:8px}.test-cols{display:flex;gap:16px;align-items:flex-start}.test-config{width:250px;flex-shrink:0;padding:16px;font-size:12.5px;display:flex;flex-direction:column;gap:8px}.test-chat{flex:1;min-width:0;display:flex;flex-direction:column}.test-chat .thread{min-height:260px}.test-input{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--color-line);background:var(--color-panel)}.test-input input{flex:1;border:1px solid var(--color-line);border-radius:12px;padding:8px 12px;font:inherit}.sim-row{display:flex;gap:8px;padding:10px 14px 0;flex-wrap:wrap}.assist-msg{display:flex;gap:9px;align-items:flex-start}.assist-msg .assist-note{flex:1;min-width:0}.assist-fab{display:inline-flex;align-items:center;gap:8px}.nav-item .glyph svg{margin:-2px 0}.zelia-avatar-btn{border:none;background:none;padding:0;line-height:0;border-radius:50%;cursor:pointer}.zelia-avatar-btn:focus-visible{outline:2px solid var(--color-clay-lite);outline-offset:2px}.zelia-avatar-btn:hover img{filter:brightness(1.05)}.zelia-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#1a1b1e8c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;animation:zeliaFade .14s ease both}.zelia-card{background:var(--color-panel);color:var(--color-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);overflow:hidden;width:min(760px,100%);max-height:calc(100vh - 48px);display:flex;gap:0;animation:zeliaRise .18s cubic-bezier(.2,.8,.2,1) both}.zelia-photo{width:320px;height:auto;flex:none;object-fit:cover;display:block;border-radius:var(--radius-lg);margin:16px 0 16px 16px;box-shadow:var(--shadow-2);background:var(--color-soft)}.zelia-body{padding:26px 26px 26px 22px;overflow-y:auto}.zelia-body h3{margin:0 0 10px;font:800 19px/1.25 var(--font-display);color:var(--color-ink)}.zelia-body p{margin:0 0 12px;font-size:13.5px;line-height:1.6;color:var(--color-sub)}.zelia-body .btn{margin-top:6px}@keyframes zeliaFade{0%{opacity:0}to{opacity:1}}@keyframes zeliaRise{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.zelia-backdrop,.zelia-card{animation:none}}@media(max-width:640px){.zelia-card{flex-direction:column}.zelia-photo{width:calc(100% - 32px);margin:16px 16px 0;max-height:40vh;object-position:top}.zelia-body{padding:18px}}.pdetail{padding:18px}.pdetail .krow,.krow{display:flex;gap:14px;padding:6px 0;font-size:12.5px;border-bottom:1px dashed var(--color-line)}.pdetail .krow:last-of-type{border-bottom:none}.pdetail .k,.krow .k{width:120px;flex:none;color:var(--color-muted);font-weight:700}.title-row{position:relative;z-index:2;flex:none;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid var(--color-line)}.ptitle{font:700 16px/1.2 var(--font-display);margin:0}.ptitle-count{font:500 12px/1 var(--font-body);color:var(--color-muted)}.pills{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.pills::-webkit-scrollbar{display:none}.fpill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;flex:none;border-radius:var(--radius-pill);border:1px solid transparent;background:#ffffffbf;color:var(--color-ink);font:700 12px/1 var(--font-body);white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.fpill:hover{background:#fff}.fpill.is-on{background:var(--color-ink-80, rgba(38, 39, 43, .9));color:#fff}.fpill-n{min-width:18px;height:18px;border-radius:var(--radius-pill);padding:0 5px;display:inline-flex;align-items:center;justify-content:center;background:#00000012;font:700 10.5px/1 var(--font-mono)}.fpill.is-on .fpill-n{background:#fff3}.tsearch{height:30px;width:160px;margin-left:auto;padding:0 11px;border-radius:var(--radius-pill);border:1px solid var(--color-line);background:var(--color-glass);font:500 12px/1 var(--font-body)}.title-row .btn.primary{padding:8px 14px}.table-wrap{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column}.thead{flex:none;padding:8px 20px;border-bottom:1px solid var(--color-line);font:800 10px/1 var(--font-body);letter-spacing:.08em;color:var(--color-muted)}.tbody{flex:1;min-height:0;overflow-y:auto}.ta-r{text-align:right}.conv-grid{display:grid;grid-template-columns:190px minmax(120px,1fr) 150px 44px 96px;gap:12px;align-items:center}.crow{position:relative;width:100%;text-align:left;border:none;background:transparent;border-bottom:1px solid var(--color-line);height:56px;padding:0 20px;display:grid;grid-template-columns:190px minmax(120px,1fr) 150px 44px 96px;gap:12px;align-items:center;transition:background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.crow:hover{background:#ffffffe6}.crow.is-sel{background:#fff;box-shadow:inset 3px 0 0 var(--color-clay)}.crow-dot{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--color-clay)}.crow-cust{display:flex;align-items:center;gap:9px;min-width:0}.crow-av{width:30px;height:30px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;font:800 11px/1 var(--font-body)}.crow-av.t1{background:var(--pill-risk);color:var(--color-clay-deep)}.crow-av.t2{background:var(--pill-info);color:var(--info-text)}.crow-av.t3{background:var(--pill-ok);color:var(--ok-text)}.crow-av.t4{background:var(--pill-grape-soft);color:var(--grape)}.crow-av.t5{background:var(--pill-amber-soft);color:var(--amber-text)}.crow-who{min-width:0;display:flex;flex-direction:column;gap:2px}.crow-who .nm{display:flex;align-items:center;gap:6px;font:600 13px/1.2 var(--font-body);min-width:0}.crow-who .nm>:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crow.needs-me .crow-who .nm{font-weight:800}.crow-who .ph{font:500 11px/1 var(--font-mono);color:var(--color-muted)}.unread-pill{min-width:18px;height:18px;padding:0 5px;flex:none;border-radius:var(--radius-pill);background:var(--color-grad);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:800 10px/1 var(--font-mono)}.crow-prev{font-size:12.5px;color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crow.needs-me .crow-prev{color:var(--color-ink);font-weight:600}.crow-time{font-size:12px;color:var(--color-muted);text-align:right;font-variant-numeric:tabular-nums}.pill{display:inline-flex;align-items:center;border-radius:14px;padding:3px 10px;font:700 11px/1.5 var(--font-body);white-space:nowrap}.pill.ai,.pill.ada,.pill.dijual{background:var(--pill-ok);color:var(--ok-text)}.pill.persetujuan{background:var(--pill-info);color:var(--info-text)}.pill.handoff{background:var(--pill-grape-soft);color:var(--grape)}.pill.cekstok,.pill.bayar,.pill.info{background:var(--pill-amber-soft);color:var(--amber-text)}.pill.kosong{background:var(--pill-risk);color:var(--color-clay-deep)}.pill.selesai,.pill.belum,.pill.hidden{background:var(--pill-hold);color:var(--hold)}.pill.draft{background:#fff;color:var(--color-clay-deep);border:1px dashed var(--color-clay-lite)}.chan{font:800 10px/1 var(--font-body);border-radius:5px;padding:4px 5px}.chan.whatsapp{background:var(--pill-ok);color:var(--ok-text)}.chan.telegram{background:var(--pill-info);color:var(--info-text)}.prod-grid,.prow{display:grid;gap:10px;align-items:center;grid-template-columns:minmax(200px,1.6fr) 86px 92px 96px 116px 96px 36px}.table-wrap.is-wide .prod-grid,.table-wrap.is-wide .prow{grid-template-columns:minmax(240px,1.6fr) 110px 150px 96px 100px 130px 110px 120px 36px}.prod-grid{padding-left:24px}.prow{position:relative;min-height:60px;padding:8px 20px 8px 24px;border-bottom:1px solid var(--color-line);text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.prow:hover{background:#ffffffe6}.prow.is-sel{background:#fff;box-shadow:inset 3px 0 0 var(--color-clay)}.prow.is-hidden{opacity:.6}.prow.is-draft:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:3px;border-left:3px dashed var(--color-clay-lite)}.prow.is-draft{background:#ffffff59}.prow-name{display:flex;align-items:center;gap:10px;min-width:0}.prow-thumb{width:40px;height:40px;border-radius:var(--radius-sm);flex:none;object-fit:cover;background:#f1eef4;border:1px solid var(--color-line)}.prow-thumb.is-empty{display:inline-flex;align-items:center;justify-content:center;font:700 10px/1 var(--font-body);color:var(--color-muted)}.prow-thumb.is-hatched{background:repeating-linear-gradient(135deg,#fff 0,#fff 4px,#f1eef4 4px,#f1eef4 8px);border-style:dashed;border-color:var(--color-clay-lite);color:var(--color-clay-deep)}.prow-text{min-width:0;display:flex;flex-direction:column;gap:3px}.prow-text .nm{display:flex;align-items:center;gap:6px;font:700 13px/1.25 var(--font-body);min-width:0}.prow-text .nm>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prow-text .sub{font:500 11px/1 var(--font-body);color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-italic{font-style:italic}.draft-tag{flex:none;font:800 9px/1 var(--font-body);letter-spacing:.05em;padding:3px 5px;border-radius:4px;border:1px solid var(--color-clay-lite);color:var(--color-clay-deep)}.prow-cat,.prow-src{font-size:11.5px;color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prow-was{text-align:right;font-size:12px;color:var(--color-muted);text-decoration:line-through;font-variant-numeric:tabular-nums}.prow-price{text-align:right;font:800 13px/1 var(--font-body);font-variant-numeric:tabular-nums}.prow-price.is-missing{color:var(--amber-text)}.prow-more{display:flex;justify-content:flex-end}.stock-cell{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.fresh{font:500 10.5px/1.3 var(--font-body);color:var(--color-muted)}.fresh.is-stale{color:var(--amber-text);font-weight:700}.row-menu-wrap{position:relative;display:inline-flex}.row-menu-btn{width:30px;height:30px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-muted);display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease-out)}.row-menu-btn:hover{background:var(--color-soft);color:var(--color-ink)}.pop-menu{left:auto;right:0;padding:6px;transform-origin:top right}.menu-item{display:block;width:100%;text-align:left;padding:8px 10px;border:none;background:transparent;border-radius:var(--radius-sm);font:600 12.5px/1 var(--font-body);color:var(--color-ink)}.menu-item:hover{background:var(--color-soft)}.filter-empty{padding:40px 20px;text-align:center;color:var(--color-muted);font-size:12.5px}.empty-state{padding:56px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.empty-icon{width:56px;height:56px;border-radius:50%;background:var(--pill-risk);display:flex;align-items:center;justify-content:center;font-size:24px}.empty-state h2{margin:0;font:700 16px/1.3 var(--font-display)}.empty-state p{margin:0;max-width:420px;font-size:12.5px;line-height:1.6;color:var(--color-sub)}.empty-actions{display:flex;gap:10px;margin-top:4px}.ov-loading{padding:40px 20px;text-align:center;color:var(--color-muted);font-size:12.5px}.page-scroll{flex:1;min-height:0;overflow-y:auto;padding:16px 20px 32px}.ov-head-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.ov-head-top{display:flex;align-items:center;gap:10px;min-width:0}.ov-head-id{min-width:0;flex:1}.ov-head-name{display:flex;align-items:center;gap:8px;font:800 14px/1.3 var(--font-display);flex-wrap:wrap}.ov-head-sub{font-size:11.5px;color:var(--color-sub);margin-top:3px}.ov-head-actions{display:flex;gap:8px;flex-wrap:wrap}.btn.ghost{background:transparent;border-color:transparent;box-shadow:none}.btn.ghost:hover{background:var(--color-soft)}.linkbtn{border:none;background:none;padding:0 0 0 6px;color:var(--color-clay);font:700 11px/1 var(--font-body)}.linkbtn:hover{text-decoration:underline}.reveal{display:inline-flex;align-items:baseline;gap:2px;font-size:11.5px}.ctx-strip{flex:none;max-height:34%;overflow-y:auto;padding:12px 16px;border-bottom:1px solid var(--color-line);background:var(--color-bg);display:flex;flex-direction:column;gap:12px}.ctx-item h4{margin:0 0 4px;font:800 10px/1 var(--font-body);letter-spacing:.1em;color:var(--color-muted);text-transform:uppercase}.ctx-item{font-size:12.5px}.ctx-item ul{margin:4px 0 0;padding-left:18px;color:var(--color-sub)}.ctx-prod{display:flex;align-items:center;gap:8px;margin-top:6px}.ctx-prod .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-line{font:500 10.5px/1.5 var(--font-mono);color:var(--color-muted);margin-top:4px}.approval-card{flex:none;margin:12px 16px 0;padding:12px 14px;background:#f4f8ff;border:1px solid var(--pill-info);border-radius:var(--radius-md)}.approval-title{font:700 13px/1.4 var(--font-body);margin-top:7px}.approval-detail{font-size:12px;color:var(--color-sub);margin-top:3px}.approval-note{font-size:12px;color:var(--color-sub);margin-top:8px}.approval-actions{display:flex;gap:8px;margin-top:10px}.approval-done{display:flex;flex-direction:column;gap:5px;margin-top:9px}.transcript{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--color-bg)}.transcript-older{align-self:center;padding:2px 0 6px}.msg-slot{display:flex;flex-direction:column}.msg{max-width:78%}.msg.customer{align-self:flex-start}.msg.ai,.msg.owner{align-self:flex-end}.bubble{padding:9px 13px;border-radius:var(--radius-md);font-size:13px;line-height:1.5;white-space:pre-line}.msg.customer .bubble{background:#fff;border:1px solid var(--color-line)}.msg.ai .bubble{background:#fff1f0;border:1px solid #ffe4e2}.msg.owner .bubble{background:var(--color-ink);color:#fff;border:1px solid var(--color-ink)}.msg .meta{font:500 10.5px/1 var(--font-mono);color:var(--color-muted);margin-top:4px}.msg.ai .meta,.msg.owner .meta{text-align:right}.msg-photo{display:block;margin-bottom:6px}.msg-photo img{max-width:220px;max-height:260px;border-radius:8px;display:block}.sys-event{align-self:center;font:700 11px/1.4 var(--font-body);color:var(--color-muted);text-align:center;max-width:80%}.unread-divider{align-self:stretch;display:flex;align-items:center;gap:10px;color:var(--color-clay);font:800 10px/1 var(--font-body);letter-spacing:.06em;margin:4px 0}.unread-divider:before,.unread-divider:after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--color-clay) 40%,transparent)}.composer{flex:none;padding:12px 16px;border-top:1px solid var(--color-line);background:var(--color-panel)}.composer textarea{width:100%;resize:vertical;font:inherit;padding:10px 12px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-bg)}.composer-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 0}.composer-locked{flex:none;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--color-line);background:var(--color-bg);font-size:12.5px;color:var(--color-sub)}.composer-locked span{flex:1;min-width:180px}.composer-locked.warn{background:var(--pill-amber-soft);color:var(--amber-text)}.composer-locked.warn strong{color:var(--amber-text)}.composer-err{color:var(--color-clay-deep);font-weight:600}.delivery-failed{margin-top:4px;padding:4px 8px;border-radius:6px;background:var(--pill-risk);color:var(--color-clay-deep);border-left:3px solid var(--color-clay-deep)}.delivery-failed strong{color:var(--color-clay-deep)}.drawer-body{flex:1;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:18px}.dsec h4{margin:0 0 8px;font:800 10px/1 var(--font-body);letter-spacing:.1em;color:var(--color-muted)}.dfields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dfield{display:flex;flex-direction:column;gap:5px}.dfield span{font:800 9.5px/1 var(--font-body);letter-spacing:.06em;color:var(--color-muted)}.dfield input{height:36px;padding:0 11px;border:1px solid var(--color-line);border-radius:var(--radius-sm);font:700 13px/1 var(--font-body);background:var(--color-panel)}.draft-banner{padding:12px;border:1px dashed var(--color-clay-lite);border-radius:var(--radius-md);background:#fffaf9;font-size:12.5px;line-height:1.55}.amber-note{margin-top:8px;font:600 11.5px/1.5 var(--font-body);color:var(--amber-text)}.chips{display:flex;flex-wrap:wrap;gap:6px}.vchip{border-radius:var(--radius-pill);background:#0000000d;padding:5px 10px;font:700 12px/1 var(--font-body)}.stock-card{border:1px solid var(--color-line);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:8px}.stock-actions{display:flex;gap:8px}.desc-box{background:var(--color-bg);border-radius:var(--radius-md);padding:11px 13px;margin-top:8px;font-size:12.5px;line-height:1.6;white-space:pre-wrap;max-height:220px;overflow-y:auto}.desc-box.is-draft{border:1px dashed var(--color-clay-lite)}.desc-box ul{margin:0 0 8px;padding-left:18px}.vis-card{border:1px solid var(--color-line);border-radius:var(--radius-md);padding:12px}.vis-row{display:flex;align-items:center;gap:12px}.vis-text .t{font:800 13px/1.2 var(--font-body)}.vis-text .s{font:500 11.5px/1.3 var(--font-body);color:var(--color-muted);margin-top:3px}.vis-note{margin-top:9px;font:500 11.5px/1.5 var(--font-body);color:var(--amber-text)}.switch-ui{width:44px;height:26px;border-radius:var(--radius-pill);border:none;flex:none;background:#d4d6dc;position:relative;padding:0;transition:background var(--dur-mid) var(--ease-out)}.switch-ui .knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--shadow-1);transition:transform var(--dur-mid) var(--ease-spring)}.switch-ui.is-on{background:var(--color-grad)}.switch-ui.is-on .knob{transform:translate(18px)}.switch-ui:disabled{opacity:.5;cursor:not-allowed}.ap-group{margin-bottom:20px}.ap-group-head{font:800 10px/1 var(--font-body);letter-spacing:.08em;color:var(--color-muted);margin-bottom:8px}.ap-row{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-panel);margin-bottom:8px}.ap-row.is-done{opacity:.72}.ap-main{flex:1;min-width:240px}.ap-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ap-kind{font:800 9.5px/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border-radius:5px;background:var(--pill-info);color:var(--info-text)}.ap-title{font:700 13px/1.4 var(--font-body)}.ap-detail{font-size:12px;color:var(--color-sub);margin-top:5px}.ap-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sheet-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:flex-end}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#26272b59;opacity:0;transition:opacity var(--dur-mid) var(--ease-out)}.sheet-root.is-in .sheet-scrim{opacity:1}.sheet{position:relative;width:100%;max-height:88vh;overflow-y:auto;background:var(--color-panel);border-radius:28px 28px 0 0;padding:10px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:var(--shadow-raise);transform:translateY(100%);transition:transform var(--dur-slow) var(--ease-out)}.sheet-root.is-in .sheet{transform:translateY(0)}.sheet-grip{width:40px;height:4px;border-radius:999px;background:var(--color-chrome-edge);margin:0 auto 14px}.sheet-title{margin:0 0 10px;font:700 18px/1.3 var(--font-display)}.slide-track{position:relative;height:56px;border-radius:var(--radius-pill);background:var(--pill-risk);display:flex;align-items:center;justify-content:center;margin:14px 0 10px;overflow:hidden;touch-action:none}.slide-track.is-done{background:var(--pill-ok)}.slide-label{font:700 13px/1 var(--font-body);color:var(--color-clay-deep);pointer-events:none}.slide-track.is-done .slide-label{color:var(--ok-text)}.slide-knob{position:absolute;left:3px;top:3px;width:44px;height:44px;border-radius:50%;border:none;background:var(--color-grad);color:#fff;font-size:20px;line-height:1;box-shadow:var(--shadow-ember);touch-action:none}.app.is-mobile{display:block;height:100dvh}.app.is-mobile .main-col{height:100dvh}.mtop{flex:none;display:flex;align-items:center;gap:10px;height:60px;padding:0 14px;padding-top:env(safe-area-inset-top);background:var(--color-glass);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border-bottom:1px solid var(--color-line)}.mhamburger{width:44px;height:44px;border-radius:12px;flex:none;border:1px solid var(--color-line);background:var(--color-glass);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.mhamburger span{display:block;width:17px;height:2px;border-radius:2px;background:var(--color-ink)}.mtop-id{flex:1;min-width:0}.mtop-id .t{font:700 17px/1.2 var(--font-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mtop-id .s{font:500 11px/1 var(--font-body);color:var(--color-muted);margin-top:3px}.mai-pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;flex:none;border-radius:var(--radius-pill);border:1px solid var(--color-line);background:var(--color-panel);font:800 10px/1 var(--font-body);letter-spacing:.06em}.mai-pill.is-paused{border-color:var(--amber);background:#fffdf9}.mtabs{flex:none;display:grid;grid-template-columns:repeat(4,1fr);height:78px;padding-bottom:env(safe-area-inset-bottom);background:var(--color-panel);border-top:1px solid var(--color-line)}.mtab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:44px;border:none;background:transparent;color:var(--color-muted)}.mtab.is-on{color:var(--color-clay)}.mtab-icon{position:relative;display:inline-flex}.mtab-badge{position:absolute;top:-5px;right:-9px;min-width:17px;height:17px;padding:0 4px;border-radius:var(--radius-pill);background:var(--color-grad);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:800 9.5px/1 var(--font-mono)}.mtab-label{font:700 10.5px/1 var(--font-body)}.nav-sheet-sub{font:500 11.5px/1 var(--font-body);color:var(--color-muted);margin-bottom:14px}.nav-sheet-group{margin-bottom:14px}.nav-sheet-head{font:800 10px/1 var(--font-body);letter-spacing:.1em;color:var(--color-muted);margin-bottom:8px}.nav-sheet-chips{display:flex;flex-wrap:wrap;gap:7px}.nav-chip{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 13px;border-radius:var(--radius-pill);border:1px solid var(--color-line);background:var(--color-panel);color:var(--color-ink);font:700 12.5px/1 var(--font-body)}.nav-chip.is-on{background:var(--color-grad);color:#fff;border-color:transparent;box-shadow:var(--shadow-ember)}.nav-chip-n{min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:#00000012;display:inline-flex;align-items:center;justify-content:center;font:700 10px/1 var(--font-mono)}.nav-chip.is-on .nav-chip-n{background:#ffffff38}.zelia-sheet .dock-body{padding:0}@media(max-width:1023px){.ov-root{position:fixed;z-index:65}.ov-panel{width:100%!important;border-left:none}.ov-scrim{display:none}.title-row{padding:10px 14px;gap:8px}.ptitle{font-size:17px}.tsearch{width:100%;order:9;margin-left:0}.pills{width:100%;order:8;padding-bottom:2px}.fpill{height:34px}.thead{display:none}.crow,.prow{display:flex;flex-wrap:wrap;align-items:flex-start;gap:4px 10px;height:auto;min-height:68px;padding:12px 14px}.crow-cust,.prow-name{width:100%}.crow-dot{top:22px;transform:none;left:6px}.crow-av{width:40px;height:40px;font-size:13px}.crow-prev,.prow-cat,.prow-src,.prow-was{width:100%;font-size:12.5px}.crow-prev{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.crow-time{text-align:left;width:auto;margin-left:auto}.crow-status,.crow-chan,.prow-status,.prow-stock,.prow-price{width:auto}.prow-price{margin-left:auto}.prow-quick,.prow-was:empty{display:none}.prow-more{position:absolute;right:10px;top:10px}.transcript{padding:14px}.msg{max-width:82%}.bubble{font-size:14px}.ov-head{flex-wrap:wrap}.ov-head-actions .btn,.composer-locked .btn,.composer .btn{min-height:44px}.approval-card{margin:10px 14px 0}.approval-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.approval-actions .btn{min-height:48px}.ctx-strip{max-height:40%}.drawer-body{padding:14px}.dfields{grid-template-columns:1fr}.ap-row{flex-direction:column}.ap-actions{width:100%}.ap-actions .btn{flex:1;min-height:44px}.page-scroll{padding:14px}.empty-state{padding:36px 18px}}@media(min-width:1024px)and (max-width:1279px){.app.dock-open{grid-template-columns:var(--nav-w) minmax(0,1fr) 44px}.app.dock-open .dock{position:fixed;right:0;top:0;bottom:0;z-index:50;box-shadow:var(--shadow-raise)}}.transcript.is-empty{align-items:center;justify-content:center;text-align:center}html,body,#root{overflow:hidden}@media(min-width:1024px){.title-row{flex-wrap:nowrap}.title-row .ptitle,.title-row .ptitle-count,.title-row .btn{flex:none}.pills{min-width:0}.tsearch{flex:0 1 160px;min-width:96px}}