@font-face{font-family:Roboto;font-weight:400;font-display:swap;src:url(/modul/fonts/roboto-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Roboto;font-weight:500;font-display:swap;src:url(/modul/fonts/roboto-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Roboto;font-weight:700;font-display:swap;src:url(/modul/fonts/roboto-latin-700-normal.woff2)format("woff2")}.modul-doc{--m-ink:#0f172a;--m-text:#1f2937;--m-muted:#64748b;--m-line:#e2e8f0;--m-soft:#f8fafc;--m-brand:#1d4ed8;--m-brand-soft:#eff6ff;color:var(--m-text);text-align:left;font-family:Roboto,Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.6}.modul-doc h1,.modul-doc h2,.modul-doc h3{color:var(--m-ink);line-height:1.25}.modul-doc p{margin:0 0 8px}.modul-doc ul{margin:4px 0 8px;padding-left:20px}.modul-doc li+li{margin-top:2px}.modul-doc code{border:1px solid var(--m-line);background:#f1f5f9;border-radius:4px;padding:0 4px;font-family:DejaVu Sans Mono,Consolas,Courier New,monospace;font-size:.88em}.modul-doc b{color:var(--m-ink);font-weight:700}.modul-cover{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 58%,#3b82f6 100%);border-radius:14px;margin-bottom:22px;padding:22px 26px 24px;position:relative;overflow:hidden}.modul-cover:after{content:"";opacity:.12;background:repeating-linear-gradient(90deg,#fff 0 3px,#0000 3px 7px,#fff 7px 8px,#0000 8px 13px);width:180px;position:absolute;top:0;bottom:0;right:-10px}.modul-cover-top{letter-spacing:.02em;opacity:.95;align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.modul-cover-top img{background:#fff;border-radius:8px}.modul-code{letter-spacing:.22em;opacity:.85;margin-top:18px;font-size:12px;font-weight:700}.modul-doc .modul-title{color:#fff;margin:4px 0 6px;font-size:30px;font-weight:700}.modul-summary{opacity:.92;max-width:640px}.modul-facts{flex-wrap:wrap;gap:8px 28px;margin:14px 0 0;display:flex}.modul-facts dt{letter-spacing:.08em;text-transform:uppercase;opacity:.75;font-size:11px;font-weight:700}.modul-facts dd{margin:0;font-weight:500}.modul-intro{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:18px;display:grid}.modul-intro section,.modul-toc,.modul-flow-wrap{border:1px solid var(--m-line);background:#fff;border-radius:12px;padding:14px 16px}.modul-intro h2,.modul-toc h2,.modul-flow-wrap h2{letter-spacing:.08em;text-transform:uppercase;color:var(--m-brand);margin:0 0 6px;font-size:13px;font-weight:700}.modul-intro p{margin-bottom:4px}.modul-flow-wrap{background:var(--m-soft);margin-bottom:18px}.modul-flow{flex-wrap:wrap;align-items:center;gap:8px 6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.modul-flow li{color:var(--m-ink);background:#fff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:14px;font-weight:500;display:flex}.modul-flow li+li{margin-top:0}.modul-flow li:not(:last-child):after{content:"→";color:var(--m-muted);margin-left:4px;margin-right:-6px;font-weight:400}.modul-flow-no{background:var(--m-brand);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.modul-toc{margin-bottom:22px}.modul-toc ol{columns:2;column-gap:28px;margin:4px 0 0;padding-left:22px}.modul-toc a{color:var(--m-text);text-decoration:none}.modul-toc a:hover{color:var(--m-brand);text-decoration:underline}.modul-section{margin:26px 0 0;scroll-margin-top:12px}.modul-section>h2{border-bottom:2px solid var(--m-line);align-items:center;gap:10px;margin:0 0 10px;padding-bottom:8px;font-size:21px;display:flex}.modul-section-no{background:var(--m-brand);color:#fff;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.modul-steps{gap:14px;margin:12px 0 0;padding:0;list-style:none;display:grid}.modul-step+.modul-step{margin-top:0}.modul-step-title{color:var(--m-ink);align-items:flex-start;gap:10px;font-weight:500;display:flex}.modul-step-no{border:2px solid var(--m-brand);width:26px;height:26px;color:var(--m-brand);border-radius:50%;flex:none;place-items:center;margin-top:-1px;font-size:13px;font-weight:700;display:grid}.modul-step-body{margin:4px 0 0 36px}.modul-step-body:empty{display:none}.modul-figure{margin:14px 0 8px}.modul-shots{align-items:flex-start;gap:18px;max-width:900px;display:flex}.modul-shot{flex-basis:0;justify-items:center;gap:6px;min-width:0;display:grid}.modul-shot.desktop{flex-grow:1.7786}.modul-shot.phone{flex-grow:.4621}.modul-figure:not(.pair) .modul-shots{max-width:760px}.modul-shot img{background:#fff;border:6px solid #111827;width:100%;height:auto;display:block;box-shadow:0 8px 22px #0f172a1f}.modul-shot.desktop img{border-radius:10px}.modul-shot.phone img{border-radius:22px}.modul-shot-label{letter-spacing:.08em;text-transform:uppercase;color:var(--m-muted);font-size:11px;font-weight:600}.modul-figure figcaption{color:var(--m-muted);margin-top:8px;font-size:13px}.modul-figure figcaption b{color:var(--m-text);margin-right:4px}@media (width<=640px){.modul-shots{flex-direction:column;align-items:center}.modul-shot{flex:none;width:100%}.modul-shot.phone{width:58%}}.modul-callout{border:1px solid;border-left-width:5px;border-radius:10px;grid-template-columns:auto 1fr;gap:2px 10px;margin:10px 0;padding:10px 14px;font-size:14px;display:grid}.modul-callout>b{letter-spacing:.06em;text-transform:uppercase;padding-top:2px;font-size:12px}.modul-callout.tip{background:#ecfdf5;border-color:#a7f3d0 #a7f3d0 #a7f3d0 #059669}.modul-callout.tip>b{color:#047857}.modul-callout.important{background:#fffbeb;border-color:#fde68a #fde68a #fde68a #d97706}.modul-callout.important>b{color:#b45309}.modul-callout.note{background:var(--m-soft);border-color:var(--m-line);border-left-color:#64748b}.modul-callout.note>b{color:#475569}.modul-table-wrap{margin:10px 0;overflow-x:auto}.modul-table{border-collapse:collapse;width:100%;font-size:14px}.modul-table th,.modul-table td{border:1px solid var(--m-line);vertical-align:top;text-align:left;padding:7px 10px}.modul-table th{color:var(--m-ink);background:#f1f5f9;font-weight:700}.modul-table tbody tr:nth-child(2n) td{background:#fafcff}.modul-faq dl{gap:10px;margin:8px 0 0;display:grid}.modul-faq-item{border:1px solid var(--m-line);border-radius:10px;padding:10px 14px}.modul-faq dt{color:var(--m-ink);font-weight:700}.modul-faq dd{margin:4px 0 0}.modal-backdrop.modul-backdrop{z-index:70;padding:0}.modal.modul-modal{width:100vw;max-width:none;height:100dvh;max-height:none;box-shadow:none;border-radius:0;flex-direction:column;padding:0;display:flex;overflow:hidden}.modul-modal>.modal-head{border-bottom:1px solid var(--border-soft);flex:none;padding:12px 20px}.modul-body{flex:1;grid-template-columns:300px minmax(0,1fr);min-height:0;display:grid}.modul-nav{border-right:1px solid var(--border-soft);background:#f9fafb;padding:14px 12px;overflow-y:auto}.modul-select{display:none}.modul-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.modul-item{border-radius:var(--radius);width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;gap:10px;padding:8px;display:flex}.modul-item:hover{background:#f9fafb}.modul-item.active{background:#eff6ff;border-color:#bfdbfe}.modul-item-code{color:#fff;background:#1d4ed8;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.modul-item-text{gap:1px;font-size:14px;display:grid}.modul-item-text .badge{justify-self:start}.modul-reader{padding:18px 28px 40px;overflow-y:auto}.modul-reader>.modul-actions,.modul-reader>.modul-doc{max-width:960px;margin-left:auto;margin-right:auto}.modul-actions{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}@media (width<=900px){.modul-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.modul-nav{border-right:none;border-bottom:1px solid var(--border-soft);padding:10px 16px;overflow:visible}.modul-list{display:none}.modul-select{gap:4px;display:grid}.modul-select select{width:100%}.modul-reader{padding:14px 16px 32px}.modul-modal>.modal-head{padding:10px 16px}}@media (width<=640px){.modul-doc{font-size:14px}.modul-cover{padding:18px 18px 20px}.modul-doc .modul-title{font-size:24px}.modul-toc ol{columns:1}.modul-step-body{margin-left:0}}.modul-page{background:#e5e7eb;min-height:100vh}.modul-toolbar{z-index:5;border-bottom:1px solid var(--border-soft);background:#fff;align-items:center;gap:8px;padding:10px 16px;display:flex;position:sticky;top:0}.modul-paper{background:#fff;border-radius:12px;max-width:880px;margin:20px auto 40px;padding:28px 32px 36px;box-shadow:0 8px 28px #0f172a14}.modul-index h1{margin:16px 0 6px;font-size:28px}.modul-index .modul-cover-top{color:var(--text)}.modul-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.modul-card{border:1px solid var(--border-soft);border-radius:12px;align-content:start;gap:4px;padding:14px 16px;display:grid}.modul-card-code{letter-spacing:.16em;color:#1d4ed8;font-size:11px;font-weight:700}.modul-card-title{color:var(--text);font-size:16px;font-weight:700;text-decoration:none}.modul-card-title:hover{color:var(--primary-dark);text-decoration:underline}.modul-card-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.modul-card-pdf{align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}@media (width<=640px){.modul-paper{box-shadow:none;border-radius:0;margin:0;padding:18px 16px 28px}}@page{size:A4;margin:14mm 14mm 16mm}@media print{html.modul-print #root{display:block!important}html.modul-print #print-root{display:none!important}.modul-page,.modul-page.pdf{background:#fff;min-height:0}.modul-toolbar{display:none}.modul-paper{max-width:none;box-shadow:none;border-radius:0;margin:0;padding:0}.modul-doc{font-size:10.5pt;line-height:1.5}.modul-doc a{color:inherit;text-decoration:none}.modul-cover,.modul-section-no,.modul-flow-no,.modul-callout,.modul-table th,.modul-flow-wrap{-webkit-print-color-adjust:exact;print-color-adjust:exact}.modul-cover{break-after:page;border-radius:6mm;flex-direction:column;justify-content:flex-end;min-height:250mm;margin:0;padding:18mm 16mm 20mm;display:flex}.modul-cover-top{font-size:11pt;position:absolute;top:16mm;left:16mm}.modul-cover-top img{width:12mm;height:12mm}.modul-code{font-size:11pt}.modul-doc .modul-title{font-size:30pt}.modul-summary{font-size:12.5pt}.modul-facts{margin-top:10mm;font-size:11pt}.modul-section{margin-top:8mm}.modul-section>h2{break-after:avoid;font-size:15pt}.modul-section>p,.modul-step-title{break-after:avoid}.modul-step,.modul-figure,.modul-callout,.modul-faq-item,.modul-intro section,.modul-flow-wrap,.modul-toc,.modul-table tr{break-inside:avoid}.modul-shot img{box-shadow:none;border-width:1.3mm}.modul-shots{gap:5mm;max-width:none}.modul-figure:not(.pair) .modul-shots{max-width:150mm}.modul-toc ol{columns:2}.modul-step-body{margin-left:36px}}:root{--sidebar:#1f2937;--sidebar-active:#374151;--sidebar-text:#e5e7eb;--bg:#f3f4f6;--card:#fff;--text:#111827;--muted:#6b7280;--border:#d1d5db;--border-soft:#e5e7eb;--primary:#3b82f6;--primary-dark:#2563eb;--success:#22c55e;--success-dark:#16a34a;--danger:#dc2626;--warn-bg:#fef3c7;--warn-text:#92400e;--ok-bg:#dcfce7;--ok-text:#166534;--err-bg:#fee2e2;--err-text:#991b1b;--pr-bg:#ede9fe;--pr-text:#5b21b6;--po-bg:#dbeafe;--po-text:#1e40af;--radius:8px;--topbar-h:56px;--sidebar-w:256px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px}a{color:var(--primary);text-decoration:none}code{background:#eef2ff;border-radius:4px;padding:1px 5px;font-size:.9em}h1,h2,h3,h4{margin:0 0 12px}input,select,textarea{font:inherit;color:inherit;border:1px solid var(--border);background:#fff;border-radius:6px;width:100%;min-width:0;padding:9px 10px}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb, var(--primary) 35%, transparent);border-color:var(--primary)}.btn{font:inherit;cursor:pointer;white-space:nowrap;color:#fff;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-success{background:var(--success)}.btn-success:hover:not(:disabled){background:var(--success-dark)}.btn-light{color:var(--text);border:1px solid var(--border);background:#fff}.btn-light:hover:not(:disabled){background:#f9fafb}.btn-block{width:100%}.btn-link{color:var(--primary);cursor:pointer;font:inherit;background:0 0;border:none;padding:8px}.btn-icon{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:4px 8px;font-size:16px}.btn-icon:hover{color:var(--danger)}.app{min-height:100vh}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border-soft);z-index:30;background:#fff;align-items:center;gap:12px;padding:0 16px;display:flex;position:fixed;inset:0 0 auto}.brand{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.hamburger{cursor:pointer;background:0 0;border:none;padding:6px;display:none}.db-switcher{min-width:0;position:relative}.db-switcher-btn{cursor:pointer;font:inherit;background:0 0;border:none;align-items:center;gap:18px;max-width:min(60vw,100%);padding:6px 8px;font-size:17px;font-weight:700;display:flex}.db-alias{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown{border:1px solid var(--border-soft);border-radius:var(--radius);z-index:40;background:#fff;min-width:240px;max-height:60vh;padding:6px;position:absolute;top:calc(100% + 6px);left:0;overflow:auto;box-shadow:0 10px 30px #0000001f}.dropdown.right{left:auto;right:0}.dropdown button{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:none;border-radius:6px;padding:9px 10px;display:block}.dropdown button:hover:not(:disabled),.dropdown button.active{background:#eff6ff}.pad{padding:6px 10px}.user-menu{position:relative}.topbar-actions{flex:none;align-items:center;gap:12px;display:flex}.tutorial-btn{color:var(--primary-dark);font:inherit;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:600;display:flex}.tutorial-btn:hover{background:#dbeafe}.tutorial-open{justify-content:center;align-items:center;gap:8px;display:flex}.tutorial-login{border-top:1px solid var(--border-soft);margin-top:20px;padding-top:16px}.tutorial-login p{margin:0 0 10px}.tutorial-login-actions{gap:8px;display:grid}.modal.tutorial-modal{max-width:1040px}.tutorial-body{text-align:left;grid-template-columns:minmax(0,1fr) 300px;gap:16px;margin-top:12px;display:grid}.tutorial-video{aspect-ratio:16/9;background:#0f172a;border-radius:6px;width:100%;max-height:calc(100dvh - 140px);display:block}.tutorial-player{align-self:start}.tutorial-meta{gap:2px;margin-top:10px;display:grid}.tutorial-list{align-content:start;gap:6px;margin:0;padding:0;list-style:none;display:grid}.tutorial-item{border-radius:var(--radius);width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;gap:10px;padding:6px;display:flex}.tutorial-item:hover{background:#f9fafb}.tutorial-item.active{background:#eff6ff;border-color:#bfdbfe}.tutorial-item img{object-fit:cover;border:1px solid var(--border-soft);border-radius:4px;flex:none;width:112px;height:63px}.tutorial-item-text{align-content:start;gap:2px;font-size:14px;display:grid}.tutorial-item-text .badge{justify-self:start}@media (width<=900px){.tutorial-body{grid-template-columns:1fr}}@media (width<=640px){.tutorial-btn{padding:6px 8px}.tutorial-btn-label{display:none}.topbar{gap:8px;padding:0 12px}.topbar-actions{gap:6px}.brand{gap:8px}.db-switcher-btn{gap:6px;padding:6px 4px}}.feedback-btn{color:#6d28d9;cursor:pointer;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid}.feedback-btn:hover{background:#ede9fe}@media (width<=900px){.feedback-btn{display:none}}.feedback-backdrop{z-index:80;background:#0f172a2e;justify-content:flex-end;display:flex;position:fixed;inset:0}.feedback-panel{border-left:1px solid var(--border-soft);text-align:left;background:#fff;flex-direction:column;width:min(420px,100vw);height:100%;display:flex;box-shadow:-12px 0 32px #0f172a1f}.feedback-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px 10px;display:flex}.feedback-head h3{margin:0 0 2px;font-size:17px}.feedback-tools{border-bottom:1px solid var(--border-soft);align-items:center;gap:6px;padding:10px 16px;display:flex}.feedback-tools .btn,.feedback-compose .btn{padding:6px 12px;font-size:13px}.feedback-seg{border:1px solid var(--border);border-radius:999px;display:inline-flex;overflow:hidden}.feedback-seg button{font:inherit;color:var(--muted);cursor:pointer;background:#fff;border:none;padding:5px 11px;font-size:13px}.feedback-seg button+button{border-left:1px solid var(--border-soft)}.feedback-seg button.active{color:#5b21b6;background:#ede9fe;font-weight:600}.feedback-list{background:#f9fafb;flex:1;align-content:start;gap:10px;padding:12px 16px;display:grid;overflow-y:auto}.feedback-item{border:1px solid var(--border-soft);background:#fff;border-radius:12px 12px 12px 4px;padding:10px 12px}.feedback-item.done{opacity:.62}.feedback-item.done .feedback-text{text-decoration:line-through}.feedback-item-top,.feedback-item-actions{align-items:center;gap:8px;display:flex}.feedback-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0;font-size:14px}.feedback-kind.kurang{color:#92400e;background:#fef3c7}.feedback-kind.fitur{color:#1e40af;background:#dbeafe}.feedback-kind.error{color:#991b1b;background:#fee2e2}.feedback-link{font:inherit;color:var(--primary-dark);cursor:pointer;background:0 0;border:none;padding:2px 0;font-size:13px}.feedback-link.danger{color:var(--danger)}.feedback-compose{border-top:1px solid var(--border-soft);gap:8px;padding:12px 16px 14px;display:grid}.feedback-compose textarea{resize:vertical;width:100%;min-height:72px;font:inherit;border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;font-size:14px}.feedback-compose-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.user-btn{cursor:pointer;font:inherit;background:0 0;border:none;align-items:center;gap:10px;font-size:16px;display:flex}.avatar{color:#111;background:#9ca3af;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.sidebar{top:var(--topbar-h);width:var(--sidebar-w);background:var(--sidebar);color:var(--sidebar-text);z-index:20;flex-direction:column;padding:16px 0 12px;display:flex;position:fixed;bottom:0;left:0;overflow-y:auto}.menu-group{color:var(--sidebar-text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:10px 18px;font-size:16px;display:flex}.menu-item{color:var(--sidebar-text);border-left:4px solid #0000;align-items:center;gap:12px;padding:10px 24px;font-size:14px;display:flex}.menu-item:hover{background:#ffffff0d}.menu-item.active{background:var(--sidebar-active);border-left-color:var(--primary)}.grow{flex:1}.usage{border-radius:var(--radius);color:#cbd5e1;background:#ffffff0f;margin:12px 16px 0;padding:10px 12px;font-size:12px}.usage-title{color:#e5e7eb;margin-bottom:6px;font-weight:600}.usage-row{justify-content:space-between;margin-top:4px;display:flex}.meter{background:#ffffff1f;border-radius:3px;height:5px;margin-top:3px;overflow:hidden}.meter>div{background:#60a5fa;height:100%}.meter>div.hot{background:#f87171}.content{margin-left:var(--sidebar-w);padding:calc(var(--topbar-h) + 12px) 16px 32px;min-width:0}.breadcrumb{color:#374151;gap:8px;margin-bottom:14px;font-size:14px;display:flex}.backdrop{display:none}.card{background:var(--card);border-radius:var(--radius);box-shadow:0 1px 3px #0000001f}.page-card{padding:40px 56px}.inner-card{border:1px solid var(--border-soft);margin-top:16px;padding:20px 16px;box-shadow:0 1px 2px #0000000f}.inner-head{justify-content:space-between;align-items:center;display:flex}.page-title{margin-bottom:14px;font-size:24px}.search-row{gap:8px;display:flex}.search-box{align-items:center;gap:8px;display:flex;position:relative}.search-spinner{color:var(--muted);font-size:13px;position:absolute;right:124px}.search-results{border:1px solid var(--border-soft);border-radius:var(--radius);z-index:10;background:#fff;max-height:360px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 10px 30px #0000001f}.search-results button{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:none;border-radius:6px;gap:14px;padding:9px 10px;font-size:14px;display:flex}.search-results button:hover{background:#eff6ff}.search-results .empty{padding:10px}.detail-list{grid-template-columns:max-content 1fr;gap:4px 24px;margin:0 0 16px;display:grid}.detail-list dt{font-weight:700}.detail-list dd{margin:0}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-transform:uppercase;letter-spacing:.02em;color:#374151;text-align:left;background:#f9fafb;padding:12px;font-size:12px}.table td{border-bottom:1px solid var(--border-soft);vertical-align:middle;padding:10px 12px}.table .num{text-align:right}.strong{font-weight:700}.nowrap{white-space:nowrap}.name-cell{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.row-error td{background:#fff7f7}.barcode-input{align-items:center;gap:6px;min-width:170px;display:flex}.barcode-input input.changed{background:#fffbeb;border-color:#f59e0b}.qty-input{width:110px}.cell-error{color:var(--danger);margin-top:4px;font-size:12px}.skeleton{color:#9ca3af;font-style:italic}.accordion{border-top:1px solid var(--border-soft);margin-top:8px}.accordion-head{width:100%;font:inherit;color:#374151;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 0;font-size:16px;font-weight:600;display:flex}.accordion-icon{color:#374151;font-size:13px}.accordion-body{padding:0 16px 16px}.settings-grid{grid-template-columns:1fr 1fr;gap:14px 32px;display:grid}.field{grid-template-columns:200px 1fr;align-items:center;gap:12px;display:grid}.field label{font-size:15px}.settings-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;display:flex}.inline-msg{font-size:13px}.inline-msg.ok{color:var(--ok-text)}.inline-msg.error{color:var(--danger)}.preview-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-bottom:12px;display:grid}.preview-controls h4{margin-bottom:8px;font-size:16px}.check{cursor:pointer;align-items:center;gap:8px;margin:6px 0;font-size:15px;font-weight:600;display:flex}.check input{width:16px;height:16px;margin:0}.preview-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px 16px;margin-top:8px;display:flex}.preview-actions .btn{white-space:normal;min-width:82px;max-width:100%}.preview-info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:10px 0;font-size:13px;display:flex}.zoom{align-items:center;gap:6px;display:flex}.zoom select{width:auto;padding:4px 6px}.preview-scroll{max-height:520px;padding:8px 0;overflow:auto}.label-sheet.preview{flex-direction:column;gap:6px;display:flex}.label-page,.info-page{color:#000;background:#fff;overflow:hidden}.page-inner{background:#fff;display:flex}.page-inner.bordered{outline-offset:-.3mm;outline:.3mm solid #000}.label-sheet.preview .label-page,.label-sheet.preview .info-page{background:repeating-linear-gradient(45deg,#fff,#fff 4px,#f1d5d5 4px 6px)}.label-sheet.preview .label-cell{outline-offset:-1px;outline:1px dashed #9ca3af}.label-cell{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;line-height:1.1;display:flex;overflow:hidden}.label-name,.label-meta,.label-code-text,.label-price{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:100%;overflow:hidden}.label-name{font-weight:600}.label-price{font-weight:700}.label-code-text{letter-spacing:.04em}.barcode-svg{flex:0 auto;max-width:100%;min-height:0;display:block}.barcode-invalid{color:var(--danger);font-size:7pt}.label-sheet.info.preview{flex-flow:wrap;gap:12px}.info-inner{flex-direction:column;justify-content:space-around;font-weight:500;line-height:1.2}.label-sheet.preview .info-page{outline-offset:-1px;outline:1px dashed #9ca3af;box-shadow:0 1px 3px #0000001f}.info-head{align-items:center;gap:.6em;display:flex}.info-logo{object-fit:contain;flex-shrink:0;width:auto;max-width:35%}.info-company{font-weight:700;line-height:1.1}.info-title{text-align:center;font-weight:700}.info-name{overflow-wrap:anywhere;font-weight:700;line-height:1.15}.info-line{overflow-wrap:anywhere}.info-body{justify-content:space-between;align-items:flex-end;gap:.5em;display:flex}.info-fields{flex-direction:column;gap:.35em;min-width:0;display:flex}.info-batch{margin-top:.4em}.info-pack{font-weight:700}.info-value{max-width:100%;display:inline-block}.qr-svg{flex-shrink:0;display:block}.info-inputs{flex-wrap:wrap;gap:16px;margin:8px 0 12px;display:flex}.info-inputs label{flex:1;gap:4px;min-width:200px;font-size:14px;display:grid}.text-input{min-width:140px}.date-input{min-width:150px}.pack-input{min-width:100px}.pack-input.invalid{border-color:var(--danger);background:#fff7f7}.field-label{font-size:15px}.logo-field{align-items:center;gap:10px;display:flex}.logo-thumb{object-fit:contain;border:1px solid var(--border-soft);background:#fff;border-radius:4px;width:auto;max-width:90px;height:38px;padding:2px}.file-btn.disabled{opacity:.55;pointer-events:none}#print-root{visibility:hidden;pointer-events:none;position:fixed;top:0;left:-100000px}.alert{border-radius:6px;margin:10px 0;padding:10px 12px;font-size:14px}.alert-error{background:var(--err-bg);color:var(--err-text)}.alert-warn{background:var(--warn-bg);color:var(--warn-text)}.alert-ok{background:var(--ok-bg);color:var(--ok-text)}.badge{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.badge-ok,.badge-updated,.badge-created{background:var(--ok-bg);color:var(--ok-text)}.badge-warn{color:#f59e0b;padding:0}.badge-info,.badge-skipped{color:#3730a3;background:#e0e7ff}.badge-err,.badge-error{background:var(--err-bg);color:var(--err-text);white-space:normal}.muted{color:var(--muted)}.small{font-size:12px}.hint{color:var(--muted);margin:4px 0 0;font-size:12px}.text-danger{color:var(--danger)}.center{place-items:center;min-height:100vh;display:grid}.login-wrap{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{text-align:center;width:100%;max-width:400px;padding:32px}.login-card.wide{max-width:520px}.login-card h1{margin-top:12px;font-size:22px}.db-list{gap:8px;margin:16px 0;padding:0;list-style:none;display:grid}.db-list .btn{white-space:normal;text-align:left;overflow-wrap:anywhere;justify-content:space-between;gap:8px}.import-toolbar,.import-run{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.file-btn{cursor:pointer}.paste-box summary{cursor:pointer;color:var(--primary);margin-bottom:8px}.paste-box textarea{font-family:ui-monospace,monospace;font-size:13px}.import-options{flex-wrap:wrap;gap:8px 24px;margin-top:16px;display:flex}.import-options .check{font-weight:500}.progress{background:var(--border-soft);border-radius:4px;width:200px;height:8px;overflow:hidden}.progress>div{background:var(--success);height:100%;transition:width .2s}.pack-cell{justify-items:start;gap:2px;display:grid}.pack-cell .btn-link{padding:0;font-size:12px}.weights-chip{color:#1d4ed8;font:inherit;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #93c5fd;border-radius:6px;padding:8px 10px;font-size:13px}.modal-backdrop{z-index:50;background:#11182773;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius);background:#fff;width:100%;max-width:620px;max-height:calc(100vh - 32px);padding:20px;overflow:auto;box-shadow:0 20px 50px #00000040}.modal-backdrop.modal-stacked{z-index:75}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h3{margin:0}.modal-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.weight-top{grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 8px;display:grid}.weight-top label{gap:4px;font-size:13px;display:grid}.weight-tools{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.weight-tools .btn{padding:6px 12px;font-size:13px}.weight-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;max-height:320px;padding:2px;display:grid;overflow:auto}.weight-grid label{color:var(--muted);grid-template-columns:auto 1fr;align-items:center;gap:4px;font-size:12px;display:grid}.weight-grid input{padding:6px 8px}.weight-grid label.invalid input{border-color:#f59e0b}.weight-summary{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:12px;font-size:14px;display:flex}.text-ok{color:var(--ok-text)}@media (width<=640px){.weight-top{grid-template-columns:1fr}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.split-intro{max-width:900px;margin:-6px 0 14px;font-size:14px}.split-chip{white-space:nowrap;background:var(--bg);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.split-chip.ok{background:var(--ok-bg);color:var(--ok-text)}.split-chip.warn{background:var(--warn-bg);color:var(--warn-text)}.split-chip.err{background:var(--err-bg);color:var(--err-text)}.split-old .inner-head{flex-wrap:wrap;gap:4px 8px;margin-bottom:8px}.split-old .inner-head h3,.split-form h3{margin:0}.split-detail{margin-bottom:4px}.split-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.split-parts .opname-tabs{margin-top:10px;margin-bottom:12px}.split-even{flex-wrap:wrap;align-items:flex-end;gap:8px 14px;display:flex}.split-even label{gap:4px;font-size:14px;display:grid}.split-even input{width:110px}.split-even span{padding-bottom:9px}.split-grid{margin-bottom:10px}.split-info{margin-top:16px}.split-info label{min-width:170px}.split-history-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.split-table td{vertical-align:top}.split-table .c-time,.split-table .c-batch{white-space:nowrap}.split-table .c-labels{min-width:240px}.split-ids{word-break:break-all}.split-row-actions{white-space:nowrap;gap:12px;display:flex}@media (width<=560px){.split-table thead{display:none}.split-table,.split-table tbody{display:block}.split-table tr{border-bottom:1px solid var(--border-soft);grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:10px 4px;display:grid}.split-table td{border:0;padding:0}.split-table .c-item{grid-area:1/1}.split-table .c-status{text-align:right;grid-area:1/2}.split-table .c-labels{grid-area:2/1/3/3;min-width:0;font-size:13px}.split-table .c-batch{white-space:normal;grid-area:3/1;font-size:13px}.split-table .c-batch:before{content:"Batch ";color:var(--muted)}.split-table .c-time{color:var(--muted);grid-area:4/1;font-size:12px}.split-table .c-by{color:var(--muted);text-align:right;grid-area:3/2;font-size:12px}.split-table .c-actions{grid-area:5/1/6/3}.split-table .split-row-actions{justify-content:flex-end}}.tabs{border-bottom:1px solid var(--border-soft);gap:4px;margin-bottom:16px;display:flex}.tab{font:inherit;cursor:pointer;color:var(--muted);background:0 0;border:none;border-bottom:3px solid #0000;padding:10px 14px}.tab.active{color:var(--text);border-bottom-color:var(--primary);font-weight:600}.receipt-history{flex-wrap:wrap;align-items:center;gap:4px 10px;margin:8px 0;font-size:14px;display:flex}.receipt-history .btn-link.active{font-weight:700;text-decoration:underline}.receipt-start{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;display:flex}.receipt-head{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin:12px 0;display:flex}.receipt-head label{gap:4px;min-width:180px;font-size:14px;display:grid}.receipt-head label:nth-child(6){flex:1;min-width:220px}input.required-empty{background:#fffbeb;border-color:#f59e0b}.receipt-status{margin-left:auto;padding-bottom:8px}.weigh-panel{border-radius:var(--radius);background:#f8fbff;border:2px solid #bfdbfe;margin:16px 0;padding:16px}.weigh-title{margin-bottom:10px;font-size:16px}.weigh-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.weigh-form input{max-width:320px;padding:12px;font-size:22px}.weigh-form .check{font-size:14px;font-weight:500}.sack-list{flex-wrap:wrap;gap:6px;max-height:220px;margin:12px 0;display:flex;overflow:auto}.sack-chip{background:#fff;border:1px solid #93c5fd;border-radius:999px;display:inline-flex;overflow:hidden}.sack-chip button{font:inherit;cursor:pointer;background:0 0;border:none;padding:5px 10px;font-size:13px}.sack-chip button+button{border-left:1px solid #dbeafe;padding:5px 8px}.sack-chip button:hover:not(:disabled){background:#eff6ff}.weigh-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.weigh-actions{flex-wrap:wrap;gap:8px;display:flex}.table select{min-width:76px;padding:8px 6px}.receipt-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 8px;display:flex}.opname-meta{flex-wrap:wrap;align-items:flex-end;gap:16px;margin:12px 0;display:flex}.opname-meta label{flex:1;gap:4px;min-width:200px;max-width:360px;font-size:14px;display:grid}.opname-meta>.muted{margin-left:auto}.scan-row input{padding:12px;font-size:18px}.scan-feedback{border-radius:6px;margin:10px 0;padding:10px 12px;font-size:15px}.scan-feedback.ok{background:var(--ok-bg);color:var(--ok-text)}.scan-feedback.warn{background:var(--warn-bg);color:var(--warn-text)}.scan-feedback.error{background:var(--err-bg);color:var(--err-text);font-weight:600}.opname-options{flex-wrap:wrap;gap:8px 24px;display:flex}.opname-options .check{font-weight:500}.opname-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;display:flex}.opname-actions{flex-wrap:wrap;gap:8px;display:flex}.row-last td{background:#f0fdf4}.opname-title{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.opname-title .page-title{margin:0}.opname-sync{flex-wrap:wrap;align-items:center;gap:6px 12px;margin:4px 0 8px;display:flex}.opname-sync .check{margin-left:auto}.opname-share{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--bg);gap:8px;margin:12px 0;padding:12px;display:grid}.opname-share-row{flex-wrap:wrap;gap:8px;display:flex}.opname-share-row input{flex:1;min-width:200px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.opname-share-qr{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.opname-share-qr .qr-svg{background:#fff;border-radius:4px;padding:4px}.opname-sessions{gap:8px;margin:8px 0 16px;display:grid}.opname-session{text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);font:inherit;color:inherit;cursor:pointer;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:10px 12px;display:flex}.opname-session:hover{border-color:var(--primary)}.opname-session .stock-badge{margin-left:auto}.opname-session.done{background:var(--bg)}.opname-totals{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:12px 0;display:grid}.opname-totals>div{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--card);gap:2px;padding:8px 10px;display:grid}.opname-report-tools{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.opname-final{align-items:flex-end;margin-top:12px}.opname-report .check{align-self:center}.counter-page{background:var(--bg);min-height:100vh;padding:0 12px 24px}.counter-top{flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:14px 4px;display:flex}.counter-page main{max-width:960px;margin:0 auto}.counter-name{gap:12px;max-width:420px;display:grid}.counter-name label{gap:4px;display:grid}.counter-name input{padding:10px 12px;font-size:18px}.empty-state{text-align:center;padding:24px 0}@media (width<=1100px){.settings-grid{grid-template-columns:1fr}}@media (width<=900px){.hamburger{display:block}.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:none}.backdrop{inset:var(--topbar-h) 0 0 0;z-index:15;background:#00000059;display:block;position:fixed}.content{margin-left:0}.page-card{padding:20px 16px}.user-name{display:none}}@media (width<=640px){.field{grid-template-columns:1fr;gap:4px}.preview-controls{grid-template-columns:minmax(0,1fr)}.search-row .btn{padding:10px 12px}}@media print{html,body{background:#fff;margin:0;padding:0}#root{display:none!important}#print-root{visibility:visible;position:static}.label-page,.info-page{break-after:page;page-break-after:always;-webkit-print-color-adjust:exact;print-color-adjust:exact}.label-page:last-child,.info-page:last-child{break-after:auto;page-break-after:auto}}.outstanding-head{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.outstanding-head h3{flex:200px;margin:0}.outstanding-head input{flex:240px;max-width:360px}.outstanding-table tr.clickable{cursor:pointer}.outstanding-table tr.clickable:hover,.outstanding-table tr.clickable.open{background:#f1f5f9}.outstanding-table .caret{color:#64748b;width:1em;display:inline-block}.outstanding-table tr.sub-row td{background:#f8fafc;padding-left:28px}.po-choice{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.po-choice .btn{padding:4px 12px}.receive-page{padding:22px 28px}.receive-page .page-title{margin-bottom:12px}.receive-title{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.mode-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.mode-card{border:1px solid var(--border-soft);background:var(--card);text-align:left;font:inherit;color:var(--text);cursor:pointer;border-radius:14px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px 12px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.mode-card:hover,.mode-card:focus-visible{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 14px 28px #0f172a1a}.mode-art{border-radius:10px;justify-content:center;align-items:center;width:100%;height:clamp(60px,100vh - 480px,200px);margin-bottom:6px;display:flex;overflow:hidden}.mode-art img{object-fit:contain;width:auto;max-width:100%;height:100%;display:block}.mode-number .mode-art{background:linear-gradient(160deg,#f8fbff,#e8f1ff)}.mode-supplier .mode-art{background:linear-gradient(160deg,#f6fffb,#e3faf1)}.mode-product .mode-art{background:linear-gradient(160deg,#fffdf6,#fff4dc)}.mode-card b{font-size:16px}.mode-desc{color:var(--muted);font-size:13px;line-height:1.35}.mode-go{color:var(--primary);margin-top:auto;padding-top:4px;font-size:14px;font-weight:600}.flow-title{margin:14px 0 8px;font-size:16px}.flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 10px;padding:0;list-style:none;display:grid}.flow li{background:#f8fafc;border-radius:12px;grid-template-columns:52px 1fr;align-items:center;column-gap:10px;padding:8px 10px;display:grid;position:relative}.flow li img{width:52px;height:52px}.flow li b{font-size:14px}.flow li:not(:last-child):after{content:"➜";color:#94a3b8;font-size:13px;position:absolute;top:50%;right:-13px;transform:translateY(-50%)}@media (width<=1000px){.mode-cards{grid-template-columns:1fr;gap:10px}.mode-card{grid-template-rows:auto auto auto;grid-template-columns:120px 1fr;align-items:center;column-gap:14px;padding:8px 12px 8px 8px;display:grid}.mode-art{grid-row:1/span 3;height:86px;margin:0}.mode-go{margin-top:0;padding-top:0}.flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.flow li:after{display:none}}@media (width<=560px){.receive-page{padding:14px 12px}.receive-page .page-title{font-size:22px}.mode-card{grid-template-rows:auto auto;grid-template-columns:84px 1fr 14px;column-gap:10px;padding:6px 10px 6px 6px}.mode-art{grid-area:1/1/span 2;height:66px}.mode-card b{grid-column:2;align-self:end;font-size:15px}.mode-desc{grid-column:2;align-self:start;font-size:12.5px}.mode-go{grid-area:1/3/span 2;font-size:0}.mode-go:after{content:"›";font-size:28px;line-height:1}.flow-title{margin-top:12px}.flow li{grid-template-columns:38px 1fr;column-gap:8px;padding:6px 8px}.flow li img{width:38px;height:38px}.flow li b{font-size:13px}}.receive-steps{background:#f8fafc;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 16px;padding:10px 12px;display:flex}.steps{flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none;display:flex}.steps li{color:var(--muted);align-items:center;gap:6px;font-size:14px;display:flex}.steps .dot{color:#374151;background:#e5e7eb;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.steps li.active{color:var(--text);font-weight:600}.steps li.active .dot{background:var(--primary);color:#fff}.steps li.done .dot{color:#fff;background:#22c55e}.po-block{gap:6px;display:grid}.po-item{padding-left:12px}.entry-tabs{border:1px solid var(--border-soft);border-radius:8px;margin:4px 0 10px;display:inline-flex;overflow:hidden}.entry-tabs button{background:var(--card);font:inherit;cursor:pointer;color:var(--muted);border:none;padding:6px 14px;font-size:14px}.entry-tabs button+button{border-left:1px solid var(--border-soft)}.entry-tabs button.active{background:var(--primary);color:#fff}.bulk-form{flex-wrap:wrap;align-items:flex-end;gap:8px 10px;display:flex}.bulk-form label{color:var(--muted);gap:4px;font-size:13px;display:grid}.bulk-form input{width:150px;padding:8px 10px;font-size:18px}.bulk-form label:first-child input{width:110px}.bulk-op{color:var(--muted);padding-bottom:8px;font-size:20px}.bulk-info{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:4px 16px;display:flex}.auto-print{margin-top:8px;display:block}@media (width<=560px){.bulk-form input,.bulk-form label:first-child input{width:100%}.bulk-form label{flex:40%}.bulk-op{display:none}}.list-notice .granted{opacity:.8;word-break:break-word;font-size:11px;display:block}.camera-btn{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.camera-btn.compact{padding:4px 8px}.camera-overlay{z-index:1000;background:#0f172abf;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.camera-box{background:var(--card);border-radius:14px;gap:10px;width:min(520px,100%);padding:12px;display:grid}.camera-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.camera-view{aspect-ratio:3/4;background:#000;border-radius:10px;width:100%;max-height:70vh;position:relative;overflow:hidden}.camera-view video{object-fit:cover;width:100%;height:100%}.camera-frame{border:3px solid #ffffffe6;border-radius:12px;position:absolute;inset:22% 12%;box-shadow:0 0 0 9999px #00000040}.camera-status{text-align:center;word-break:break-all;margin:0;font-size:14px}.camera-status .text-ok{color:var(--ok-text)}.camera-status .text-danger{color:var(--danger)}.camera-status .text-warn{color:var(--warn-text)}.camera-flash{pointer-events:none;place-items:center;animation:.9s ease-out forwards camera-flash;display:grid;position:absolute;inset:0}.camera-flash.ok{box-shadow:inset 0 0 0 8px var(--success);background:#22c55e47}.camera-flash.warn{background:#f59e0b47;box-shadow:inset 0 0 0 8px #f59e0b}.camera-flash.error{box-shadow:inset 0 0 0 8px var(--danger);background:#dc262652}.camera-flash span{color:#fff;border-radius:50%;place-items:center;width:88px;height:88px;font-size:52px;font-weight:700;animation:.9s ease-out forwards camera-pop;display:grid}.camera-flash.ok span{background:var(--success-dark)}.camera-flash.warn span{background:#d97706}.camera-flash.error span{background:var(--danger)}@keyframes camera-flash{0%,45%{opacity:1}to{opacity:0}}@keyframes camera-pop{0%{transform:scale(.4)}30%{transform:scale(1.1)}45%{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.camera-flash,.camera-flash span{animation-name:camera-flash;animation-duration:1.2s}}.camera-log{gap:4px;max-height:128px;margin:0;padding:0;font-size:13px;list-style:none;display:grid;overflow-y:auto}.camera-log li{word-break:break-word;border-left:4px solid #0000;border-radius:6px;padding:5px 8px}.camera-log li.ok{background:var(--ok-bg);color:var(--ok-text);border-left-color:var(--success)}.camera-log li.warn{background:var(--warn-bg);color:var(--warn-text);border-left-color:#f59e0b}.camera-log li.error{background:var(--err-bg);color:var(--err-text);border-left-color:var(--danger);font-weight:600}.camera-log li.pending{color:var(--muted);border-left-color:var(--border)}@media (width<=560px){.camera-overlay{padding:0}.camera-box{border-radius:0;align-content:start;width:100%;height:100%}.camera-view{aspect-ratio:auto;height:calc(100dvh - 290px);min-height:240px;max-height:none}}.stock-head,.transfer-head{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin:8px 0 12px;display:flex}.stock-head label,.transfer-head label{gap:4px;min-width:180px;font-size:14px;display:grid}.transfer-head label.grow{flex:1;min-width:220px}.transfer-head label.check{min-width:0;margin:0 0 8px;display:flex}.transfer-arrow{color:var(--muted);padding-bottom:8px;font-size:20px}.stock-tools{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:10px;display:flex}.stock-tools input[type=search]{flex:220px;max-width:360px}.stock-tools select{flex:none;width:auto}.stock-empty{text-align:center;padding:32px 0}.stock-summary{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:10px;display:flex}.stock-actions{flex-wrap:wrap;gap:8px 12px;margin-left:auto;display:flex}.stock-actions[hidden]{display:none}.stock-summary .spacer{flex:1}.req-panel{border-color:#bfdbfe;margin:4px 0 14px}.req-title{margin:0;font-size:17px}.req-hint{margin:4px 0 10px}.req-table .c-pick{width:36px}.req-table .c-pick input{width:16px;height:16px}.req-table .qty-input{width:110px;padding:6px 8px}.stock-chip{border:1px solid #0000;border-radius:999px;padding:5px 12px;font-family:inherit;font-size:13px;font-weight:600}.stock-chip.ok{background:var(--ok-bg);color:var(--ok-text)}.stock-chip.low{background:var(--warn-bg);color:var(--warn-text);cursor:pointer}.stock-chip.low.active{border-color:var(--warn-text)}.stock-hint{margin:0 0 8px}.stock-chip.pending{background:var(--po-bg);color:var(--po-text);cursor:pointer}.stock-chip.pending.active{border-color:var(--po-text)}.stock-badge.pending-pr{background:var(--pr-bg);color:var(--pr-text)}.stock-badge.pending-po{background:var(--po-bg);color:var(--po-text)}.stock-badge.pending-prpo{background:linear-gradient(90deg, var(--pr-bg), var(--po-bg));color:var(--po-text)}.pending-chips{font:inherit;cursor:pointer;background:0 0;border:1px dashed #0000;border-radius:999px;flex-wrap:wrap;gap:4px;margin-left:4px;padding:2px;display:inline-flex}.pending-chips:hover,.pending-chips.open{border-color:var(--po-text)}.pending-chips:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.pending-row>td{background:var(--bg);padding:8px 12px 10px}.pending-list{gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.pending-list li{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:4px 10px;padding:6px 10px;display:flex}.pending-detail p{margin:6px 0 0}.req-pending{color:var(--po-text);font-size:12px;display:block}.unit-conv{color:var(--muted);font-size:12px;font-weight:400;display:block}.stock-badge{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.stock-badge.ok{background:var(--ok-bg);color:var(--ok-text)}.stock-badge.low{background:var(--warn-bg);color:var(--warn-text)}.stock-badge.out{background:var(--err-bg);color:var(--err-text)}.stock-badge.inactive{color:#4b5563;background:#e5e7eb;margin-left:8px}.min-src{color:var(--muted);border:1px solid var(--border-soft);vertical-align:middle;border-radius:4px;margin-left:6px;padding:0 4px;font-size:10px;font-weight:700}.row-low td{background:#fffbeb}.row-inactive td{color:var(--muted)}.stock-table .qty-input.invalid{border-color:var(--danger);background:#fff7f7}@media (width<=560px){.stock-table thead{display:none}.stock-table,.stock-table tbody{display:block}.stock-table tr{border-bottom:1px solid var(--border-soft);grid-template-columns:auto 1fr auto;align-items:center;gap:2px 6px;padding:10px 4px;display:grid}.stock-table td{text-align:left;border:0;padding:0;background:0 0!important}.stock-table .c-code{grid-area:1/1/2/3}.stock-table .c-status{text-align:right;grid-area:1/3}.stock-table .c-name{grid-area:2/1/3/4;font-size:13px}.stock-table .c-qty{grid-area:3/1}.stock-table .c-unit{grid-area:3/2}.stock-table .c-min{text-align:right;grid-area:3/3}.stock-table .c-min:before{content:"Min ";color:var(--muted);font-size:12px}.stock-table tr.row-low{background:#fffbeb}.stock-table tr.row-error{background:#fff7f7}.stock-table tr.pending-row{padding:6px 0 10px;display:block}.stock-table .pending-row>td{border-radius:var(--radius);display:block;background:var(--bg)!important;padding:8px!important}}.arrival-tools{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:8px;display:flex}.arrival-tools .spacer{flex:1}.seg{border:1px solid var(--border);border-radius:var(--radius);display:inline-flex;overflow:hidden}.seg button{background:var(--card);font:inherit;color:var(--muted);cursor:pointer;border:0;padding:6px 12px;font-size:14px}.seg button+button{border-left:1px solid var(--border)}.seg button[aria-pressed=true]{background:var(--primary);color:#fff;font-weight:600}.arrival-summary{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:6px;font-size:14px;display:flex}.stock-chip.late{background:var(--err-bg);color:var(--err-text)}.stock-chip.nodate{color:#374151;background:#e5e7eb}.stock-chip.later{background:var(--card);border-color:var(--border);color:var(--muted)}button.stock-chip.later{cursor:pointer}.arrival-hint{margin:0 0 8px}.arrival-wrap{border:1px solid var(--border-soft);border-radius:var(--radius);max-height:70dvh;overflow:auto;container-type:inline-size}.arrival-table{border-collapse:separate;border-spacing:0;width:auto;min-width:100%;font-size:13px}.arrival-table th,.arrival-table td{white-space:nowrap;text-align:center;border-bottom:1px solid var(--border-soft);padding:6px 8px}.arrival-table thead th{z-index:2;vertical-align:bottom;background:#f9fafb;line-height:1.25;position:sticky;top:0}.arrival-table tfoot td{z-index:2;border-top:1px solid var(--border);color:#374151;background:#f9fafb;border-bottom:0;font-weight:600;position:sticky;bottom:0}.arrival-table .c-item{z-index:1;background:var(--card);text-align:left;white-space:normal;min-width:14rem;max-width:17rem;box-shadow:1px 0 0 var(--border-soft);position:sticky;left:0}.arrival-table thead .c-item,.arrival-table tfoot .c-item{z-index:3;background:#f9fafb}.arrival-table .c-item.item-low{background:#fffbeb}.arrival-table .c-item.item-out{background:#fff7f7}.arrival-table .item-out .arr-stock,.arrival-table .item-low .arr-stock{color:var(--warn-text);font-weight:600}.arrival-table .item-out .arr-stock{color:var(--err-text)}.arr-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.arr-sub{color:var(--muted);font-size:12px;display:block}.arr-wd,.arr-dm{display:block}.arr-wd{color:var(--muted);font-size:11px}.arr-dm{font-size:12px}.arrival-table th.c-late{color:var(--err-text)}.arrival-table .is-weekend{background:#f9fafb}.arrival-table thead th.is-weekend{background:#f3f4f6}.arrival-table .is-today{background:#eff6ff}.arrival-table thead th.is-today{background:var(--po-bg);color:var(--po-text)}.arrival-table th.is-today .arr-wd{color:var(--po-text);font-weight:700}.arrival-table .month-start{border-left:2px solid var(--border)}.arrival-cell button{background:var(--po-bg);min-width:2.5rem;color:var(--po-text);font:inherit;cursor:pointer;border:0;border-radius:6px;padding:3px 8px;font-weight:600}.arrival-cell.overdue button{background:var(--err-bg);color:var(--err-text)}.arrival-cell.nodate button{color:#374151;background:#e5e7eb}.arrival-cell button:hover,.arrival-cell button.active{box-shadow:inset 0 0 0 1.5px}.arrival-cell button:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.arrival-table .arrival-detail-row>td{background:var(--bg);text-align:left;white-space:normal;padding:0}.arrival-detail{max-width:calc(100vw - 48px);padding:8px 10px 10px;position:sticky;left:0}@supports (width:1cqw){.arrival-detail{width:100cqw;max-width:none}}.arrival-detail-head{flex-wrap:wrap;align-items:center;gap:4px 10px;margin-bottom:6px;font-size:13px;display:flex}.arrival-detail-head .btn-link{margin-left:auto}.arrival .late{color:var(--err-text);font-weight:600}@media (width<=560px){.arrival-table{font-size:12px}.arrival-table th,.arrival-table td{padding:5px 6px}.arrival-table th:not(.c-item),.arrival-table td:not(.c-item){min-width:2.75rem}.arrival-table .c-item{min-width:7.5rem;max-width:9rem;font-size:12px}.arr-sub{font-size:11px}.arrival-cell button{min-width:0;padding:3px 5px}.arrival-table thead th{white-space:normal;letter-spacing:0;font-size:11px}.view-tabs button{white-space:nowrap;padding:8px 12px}.view-tabs .tab-long{display:none}.arrival-tools .btn{order:1;margin-left:auto}.arrival-tools .check{order:2}.arrival-tools .spacer{display:none}}.transfer-results{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.qty-input{text-align:right;width:110px}@media (width<=560px){.transfer-arrow{display:none}.stock-head label,.transfer-head label{flex:100%}}.print-target{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:8px;font-size:13px;display:flex}.print-target>span{color:var(--muted);font-weight:600}.print-target select{text-overflow:ellipsis;width:auto;min-width:170px;max-width:100%;padding:6px 8px}.print-target-warn{color:var(--warn-text);flex-basis:100%}.print-target.compact{margin-top:0}.print-row{flex-wrap:wrap;align-items:center;gap:6px 18px;margin:6px 0;display:flex}.print-row .check{margin:0}.print-toast{z-index:60;border:1px solid var(--border-soft);background:#fff;border-radius:10px;width:min(380px,100vw - 32px);font-size:13px;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 24px #0f172a2e}.print-toast-head{border-bottom:1px solid var(--border-soft);align-items:center;gap:6px;padding:8px 10px;display:flex}.print-toast-head button,.print-toast-row button{border:1px solid var(--border-soft);cursor:pointer;font:inherit;background:#fff;border-radius:6px;padding:2px 8px}.print-toast-body{max-height:40vh;overflow-y:auto}.print-toast-row{border-bottom:1px solid var(--border-soft);align-items:center;gap:8px;padding:8px 10px;display:flex}.print-toast-row:last-child{border-bottom:0}.print-toast-row.failed{background:#fff7f7}.print-toast-row .grow{min-width:0}.print-toast-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.print-toast-row small{color:var(--muted)}.print-status{white-space:nowrap;color:#374151;background:#e5e7eb;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.print-status.printing{color:#3730a3;background:#e0e7ff}.print-status.printed{background:var(--ok-bg);color:var(--ok-text)}.print-status.failed{background:var(--err-bg);color:var(--err-text)}.station-setup{flex-wrap:wrap;align-items:flex-end;gap:10px 14px;margin:12px 0;display:flex}.station-setup label{gap:4px;min-width:240px;font-size:14px;display:grid}.station-status{border:1px solid var(--border-soft);background:#f0fdf4;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:8px 0 12px;padding:16px;display:flex}.station-status.printing{background:#eef2ff}.station-status.paused{background:#f3f4f6}.station-status.error{background:#fff7f7}.station-status .grow{min-width:200px}.station-dot{background:#16a34a;border-radius:50%;flex:none;width:14px;height:14px;box-shadow:0 0 0 4px #16a34a2e}.station-status.printing .station-dot{background:#4f46e5;box-shadow:0 0 0 4px #4f46e533}.station-status.paused .station-dot{box-shadow:none;background:#9ca3af}.station-status.error .station-dot{background:var(--danger);box-shadow:0 0 0 4px #dc26262e}.station-actions,.station-footer{flex-wrap:wrap;gap:8px;display:flex}.station-footer{margin-top:16px}.raster-root{pointer-events:none;background:#fff;position:fixed;top:0;left:-100000px}.agent-panel{flex-wrap:wrap;align-items:flex-start;gap:8px 16px;display:flex}.agent-panel>div:first-child{flex:360px}.agent-steps{margin:6px 0;padding-left:20px}.agent-actions{flex-wrap:wrap;gap:8px;display:flex}.agent-ready{flex-wrap:wrap;align-items:flex-end;gap:8px 12px;margin:12px 0;display:flex}.agent-ready label{gap:4px;min-width:260px;font-size:14px;display:grid}.station-help{margin-top:16px;font-size:14px}.station-help summary{cursor:pointer;font-weight:600}.station-help li{margin:6px 0}.station-command{word-break:break-all;background:#f3f4f6;border-radius:6px;margin:4px 0;padding:6px 8px;display:block}.section-title{margin:18px 0 8px;font-size:16px}@media print{.print-toast{display:none!important}}@media (width<=560px){.print-toast{width:calc(100vw - 16px);bottom:8px;right:8px}.print-toast-row:nth-child(n+3){display:none}.print-toast-row{padding:6px 10px}}.field-warn{color:var(--warn-text);margin-top:4px;font-size:12px;display:block}.scan-tools{flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:8px;display:flex}.scan-hint{flex:220px;margin:0}.scan-mode-btn{align-items:center;gap:6px;font-weight:600;display:inline-flex}@media (width<=560px){.scan-mode-btn{justify-content:center;width:100%;padding:12px;font-size:16px}}.scan-mode:focus{outline:none}.scan-mode-view{background:#0f172a;place-items:center;display:grid}.scan-mode-panel{text-align:center;color:#e2e8f0;justify-items:center;gap:12px;max-width:100%;padding:24px;font-size:18px;display:grid}.scan-mode-panel svg{color:#94a3b8;animation:1.6s ease-in-out infinite scan-mode-pulse}.scan-mode-panel.ok svg{color:var(--success)}.scan-mode-panel.warn svg{color:#f59e0b}.scan-mode-panel.error svg{color:var(--danger)}.scan-mode-last{word-break:break-word;font-size:20px;line-height:1.3}.scan-mode-panel.ok .scan-mode-last{color:#86efac}.scan-mode-panel.warn .scan-mode-last{color:#fcd34d}.scan-mode-panel.error .scan-mode-last{color:#fca5a5}.scan-mode-sub{color:#94a3b8;font-size:13px}@keyframes scan-mode-pulse{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.scan-mode-panel svg{animation:none}}.scanner-test:focus{outline:none}.scanner-test{position:relative}.scanner-test-sink{opacity:0;border:0;width:1px;height:1px;padding:0;position:absolute;top:0;left:0}.scanner-test-wait{border:2px dashed var(--border);text-align:center;border-radius:8px;margin:20px 0;padding:18px}.scanner-test-text{gap:4px;margin:12px 0;display:grid}.scanner-test-text code{word-break:break-all;background:#f3f4f6;border-radius:6px;padding:8px;font-size:15px}.scanner-test-notes{gap:6px;margin:0 0 10px;padding:0;font-size:14px;list-style:none;display:grid}.scanner-test-notes li{border-left:4px solid #0000;border-radius:6px;padding:8px 10px}.scanner-test-notes li.ok{background:var(--ok-bg);color:var(--ok-text);border-left-color:var(--success)}.scanner-test-notes li.warn{background:var(--warn-bg);color:var(--warn-text);border-left-color:#f59e0b}.scanner-test-notes li.error{background:var(--err-bg);color:var(--err-text);border-left-color:var(--danger)}.scanner-test-log{max-height:200px;padding-left:20px;font-family:ui-monospace,monospace;font-size:12px;overflow:auto}.station-status.blocked{background:var(--warn-bg)}.station-status.blocked .station-dot{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b33}.station-status.stopped{background:#fff7f7}.station-status.stopped .station-dot{background:var(--danger);box-shadow:0 0 0 4px #dc26262e}.station-status.standby{background:#f3f4f6}.station-status.standby .station-dot{box-shadow:none;background:#9ca3af}.alert-info{color:#1e3a8a;background:#eff6ff}.station-background{font-size:14px;line-height:1.5}.station-help ul{padding-left:20px;line-height:1.5}.station-chip{border:1px solid var(--border);color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.station-chip-dot{background:#9ca3af;border-radius:50%;flex-shrink:0;width:9px;height:9px}.station-chip.ok .station-chip-dot{background:var(--success)}.station-chip.printing .station-chip-dot{background:#4f46e5;animation:1s ease-in-out infinite station-chip-pulse}.station-chip.warn{border-color:#f59e0b}.station-chip.warn .station-chip-dot{background:#f59e0b}.station-chip.bad{border-color:var(--danger)}.station-chip.bad .station-chip-dot{background:var(--danger)}@keyframes station-chip-pulse{50%{opacity:.35}}@media (width<=560px){.station-chip{padding:6px}.station-chip-text{display:none}}@media (prefers-reduced-motion:reduce){.station-chip.printing .station-chip-dot{animation:none}}.manual-entry{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--bg);flex-wrap:wrap;align-items:flex-end;gap:8px 12px;margin:8px 0;padding:10px 12px;display:flex}.manual-entry-item{flex:200px;gap:2px;min-width:0;display:grid}.manual-entry label{gap:4px;font-size:14px;display:grid}.manual-entry-qty{align-items:center;gap:6px;display:flex}.opname-tabs,.view-tabs{border-bottom:1px solid var(--border);gap:4px;margin:12px 0 4px;display:flex}.opname-tabs button,.view-tabs button{border-radius:var(--radius) var(--radius) 0 0;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:none;margin-bottom:-1px;padding:8px 14px}.opname-tabs button.active,.view-tabs button.active{border-color:var(--border);background:var(--card);color:var(--text);font-weight:600}.view-tabs button:disabled{opacity:.5;cursor:not-allowed}.view-tabs{margin:0 0 12px}.opname-monitor-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.monitor-totals>button{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--card);font:inherit;color:inherit;text-align:left;cursor:pointer;gap:2px;padding:8px 10px;display:grid}.monitor-totals>button:hover,.monitor-totals>button.active{border-color:var(--primary)}.monitor-bar{background:var(--border-soft);border-radius:3px;height:6px;display:block;overflow:hidden}.monitor-bar>span{background:var(--success);height:100%;display:block}.opname-report-tools input[type=search]{flex:200px;min-width:0}.count-link{text-underline-offset:3px;padding:0;font-weight:700;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.count-link.open{text-decoration-style:solid}.monitor-kind{background:var(--po-bg);color:var(--po-text)}.monitor-kind.manual{background:var(--pr-bg);color:var(--pr-text)}.monitor-void{color:var(--danger);padding:0 4px}@media (width<=560px){.monitor-table thead{display:none}.monitor-table,.monitor-table tbody{display:block}.monitor-table tr{border-bottom:1px solid var(--border-soft);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:2px 8px;padding:10px 4px;display:grid}.monitor-table td{text-align:left;overflow-wrap:anywhere;border:0;padding:0;background:0 0!important}.monitor-table .c-code{grid-area:1/1}.monitor-table .c-unit{color:var(--muted);grid-area:1/2;font-size:13px}.monitor-table .c-status{text-align:right;grid-area:1/3}.monitor-table .c-name{grid-area:2/1/3/4;font-size:13px}.monitor-table .c-sys,.monitor-table .c-count,.monitor-table .c-diff{white-space:normal;grid-row:3}.monitor-table .c-diff{text-align:right}.monitor-table .c-sys:before,.monitor-table .c-count:before,.monitor-table .c-diff:before{color:var(--muted);font-size:12px;font-weight:400;display:block}.monitor-table .c-sys:before{content:"Stok Accurate"}.monitor-table .c-count:before{content:"Hitung"}.monitor-table .c-diff:before{content:"Selisih"}.monitor-table .c-note{grid-area:4/1/5/4}.monitor-table .c-note:empty{display:none}.monitor-table tr.row-low{background:#fffbeb}.monitor-table tr.row-error{background:#fff7f7}.monitor-table tr.pending-row{padding:6px 0 10px;display:block}.monitor-table .pending-row>td{border-radius:var(--radius);display:block;background:var(--bg)!important;padding:8px!important}}.monitor-note{flex-wrap:wrap;align-items:baseline;gap:2px 6px;font-size:13px;display:inline-flex}.monitor-note .btn-link,.add-note,.entry-actions .btn-link,.edited-badge{padding:0 2px;font-size:13px}.note-editor,.entry-editor{flex-wrap:wrap;align-items:flex-end;gap:6px;min-width:220px;display:flex}.note-editor input{flex:180px;min-width:0}.entry-editor{border-top:1px dashed var(--border-soft);flex-basis:100%;padding-top:6px}.entry-editor label{gap:4px;font-size:13px;display:grid}.entry-editor select,.manual-entry select{width:auto}.note-editor-actions{gap:6px;display:inline-flex}.note-editor-actions .btn{padding:6px 10px}.entry-actions{gap:4px;margin-left:auto;display:inline-flex}.edited-badge{color:var(--pr-text)}.edit-history{border-top:1px dashed var(--border-soft);flex-basis:100%;gap:2px;margin:4px 0 0;padding:6px 0 0 18px;font-size:13px;display:grid}.edit-history li.current b{color:var(--text)}.edit-history li:not(.current) b{color:var(--muted);text-decoration:line-through}.manual-entry-preview{align-self:center}.scan-field{flex:auto;min-width:0;position:relative}.suggest-list li[role=option]{cursor:pointer;border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:9px 10px;font-size:14px;display:flex}.suggest-list li[role=option].active,.suggest-list li[role=option]:hover{background:#eff6ff}.suggest-list .empty{padding:8px 10px;font-size:13px}@media (width<=560px){.scan-combo{flex-wrap:wrap}.scan-combo .scan-field{flex-basis:100%}.scan-combo>.btn{flex:1 1 0;justify-content:center}.suggest-list{max-height:45vh}.suggest-list li[role=option]{padding:11px 10px}}.btn-danger{background:var(--danger)}.btn-danger:hover:not(:disabled){background:#b91c1c}.text-warn{color:var(--warn-text)}select.required-empty{background:#fffbeb;border-color:#f59e0b}.receive-links{flex-wrap:wrap;gap:0 18px;display:flex}.reject-badge.waiting{background:var(--warn-bg);color:var(--warn-text);padding:2px 8px}.reject-badge.replaced{background:var(--ok-bg);color:var(--ok-text)}.reject-badge.closed{background:var(--err-bg);color:var(--err-text)}.reject-badge.cancelled{background:var(--border-soft);color:var(--muted)}.po-choice .reject-badge{white-space:normal}.reject-form{border-radius:var(--radius);background:snow;border:2px solid #fecaca;margin:12px 0;padding:12px}.reject-form-title{margin-bottom:8px}.reject-form-fields{flex-wrap:wrap;align-items:flex-end;gap:10px 12px;display:flex}.reject-form-fields label,.replace-form label,.close-note{gap:4px;font-size:14px;display:grid}.reject-form-fields label{flex:130px}.reject-form-fields .reject-reason-field{flex:2 200px}.reject-form-fields .reject-note-field{flex:3 240px}.reject-form-actions,.close-actions,.replace-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.close-actions{justify-content:flex-end}.reject-tiles{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.reject-tools input[type=search]{flex:220px;min-width:0}.reject-tools select{flex:0 220px;width:auto}.reject-group{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--card);margin:12px 0;padding:10px 12px}.reject-group.has-waiting{border-left:4px solid #f59e0b}.reject-group-head{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.reject-group-head .btn-link{padding:4px 0}.reject-group-head .btn-danger{padding:6px 12px}.reject-table th,.reject-table td{padding:8px}.reject-table td{vertical-align:top}.reject-table .c-item{min-width:140px}.reject-table .c-item b{white-space:nowrap}.reject-table .c-reason,.reject-table .c-origin{min-width:105px}.reject-table .c-status{min-width:125px}.reject-table .c-actions{width:1%}.reject-table tr.cancelled td{color:var(--muted)}.reject-actions{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.reject-actions .btn{padding:5px 10px;font-size:13px}.reject-actions .btn-link{padding:4px}.reject-table tr.reject-sub td{background:#f8fafc}.replace-form{flex-wrap:wrap;align-items:flex-end;gap:8px 12px;display:flex}.replace-form label{flex:160px}.replace-form label.grow{flex:2 200px}.replace-form .replace-actions{margin-top:0}.close-po-panel{border-radius:var(--radius);background:snow;border:2px solid #fecaca;margin:10px 0;padding:12px}.close-po-panel h4{margin:0 0 4px}.close-po-panel p{margin:0 0 8px}.close-po-panel .check{font-weight:500}.close-lines td{padding:6px 10px}.replace-offer ul{margin:6px 0;padding-left:18px}@media (width<=560px){.reject-table thead{display:none}.reject-table,.reject-table tbody{display:block}.reject-table tr.reject-row{border-bottom:1px solid var(--border-soft);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 10px;padding:10px 2px;display:grid}.reject-table td{text-align:left;overflow-wrap:anywhere;border:0;padding:0;min-width:0!important}.reject-table .c-date{grid-area:1/1}.reject-table .c-status{text-align:right;grid-area:1/2}.reject-table .c-item{grid-area:2/1/3/3}.reject-table .c-qty{text-align:left;white-space:normal;grid-area:3/1}.reject-table .c-reason{text-align:right;grid-area:3/2}.reject-table .c-origin{grid-area:4/1/5/3;font-size:13px}.reject-table .c-actions{grid-area:5/1/6/3}.reject-table .c-actions:empty{display:none}.reject-actions{flex-flow:wrap;align-items:center}.reject-table .c-actions{width:auto}.reject-table .reject-badge{white-space:normal}.reject-table tr.reject-sub{display:block}.reject-table tr.reject-sub td{border-radius:var(--radius);padding:8px;display:block}.reject-tools select,.reject-tools .btn{flex:auto}.reject-group{padding:8px 10px}.reject-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.reject-tiles>button{padding:6px 8px}}.public-url-banner{text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.public-url-actions{flex:none;align-items:center;gap:12px;display:flex}.public-url-banner b{white-space:nowrap}