:root{--bg:#f7f7f8;--card:#fff;--text:#171717;--muted:#6b7280;--line:#e5e7eb;--primary:#111827;--success:#16a34a;--warning:#f59e0b;--danger:#dc2626;--shadow:0 10px 35px rgba(17,24,39,.07);--radius:18px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.muted{color:var(--muted)}.small{font-size:12px}.block{display:block}.red{color:var(--danger)!important}.danger-text{color:var(--danger)!important}
.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#fff;border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;z-index:50}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 24px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#111827;color:#fff;font-weight:800;font-size:18px}.brand strong,.auth-brand strong{display:block;font-size:14px}.brand small,.auth-brand small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.nav-list{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:11px;border-radius:11px;padding:10px 11px;color:#4b5563;font-weight:600}.nav-link:hover{background:#f3f4f6;color:#111827}.nav-link svg{width:18px;height:18px}.sidebar-user{margin-top:auto;padding:14px 9px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}.sidebar-user strong{font-size:12px;display:block}.sidebar-user small{font-size:10px;color:var(--muted)}.avatar{width:34px;height:34px;border-radius:50%;background:#eef2f7;display:grid;place-items:center;font-weight:800}.main-area{grid-column:2;min-width:0}.topbar{height:72px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:40}.welcome{font-weight:800}.topbar-actions{display:flex;align-items:center;gap:8px}.topbar-actions form{margin:0}.icon-btn{width:38px;height:38px;border:0;background:transparent;border-radius:10px;display:grid;place-items:center;color:#4b5563}.icon-btn:hover{background:#f3f4f6}.icon-btn svg{width:18px;height:18px}.icon-btn.mini{width:28px;height:28px}.notification-btn{position:relative}.notif-count{position:absolute;right:2px;top:1px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:9px;display:grid;place-items:center;font-weight:800}.page-content{padding:30px;max-width:1800px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px}.page-head h1{font-size:28px;line-height:1.15;margin:0 0 7px;letter-spacing:-.03em}.page-head p{margin:0;color:var(--muted)}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:700;margin-bottom:9px}.back-link svg{width:14px}.btn{border:1px solid transparent;border-radius:11px;padding:10px 15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.18s}.btn svg{width:16px;height:16px}.btn.primary{background:var(--primary);color:white}.btn.primary:hover{background:#000}.btn.secondary{background:#fff;border-color:var(--line);color:#111827}.btn.secondary:hover,.btn.ghost:hover{background:#f3f4f6}.btn.ghost{background:transparent;border-color:transparent;color:#4b5563}.btn.big{padding:12px 18px}.btn.small{padding:7px 10px;font-size:11px}.btn.full{width:100%}.stats-grid{display:grid;gap:12px;margin-bottom:30px}.stats-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;min-width:0}.stat-card.danger{border-color:#fecaca;background:#fffafa}.stat-icon{width:38px;height:38px;border-radius:11px;background:#f3f4f6;display:grid;place-items:center;flex:none}.stat-card.danger .stat-icon{background:#fee2e2;color:var(--danger)}.stat-icon svg{width:18px}.stat-card span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.stat-card strong{display:block;font-size:20px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin:6px 0 15px}.section-title h2{margin:0 0 5px;font-size:19px}.section-title p{margin:0;color:var(--muted);font-size:12px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.category-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.2s;display:flex;flex-direction:column;min-height:400px}.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#d1d5db}.machine-visual{height:180px;background:linear-gradient(145deg,#f4f4f5,#e5e7eb);display:grid;place-items:center;overflow:hidden}.machine-visual svg{width:58px;height:58px;color:#4b5563}.machine-visual img{width:100%;height:100%;object-fit:cover}.category-copy{padding:20px 20px 10px}.eyebrow{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#9ca3af;font-weight:800}.category-copy h3{font-size:18px;line-height:1.25;margin:7px 0}.category-copy p{color:var(--muted);font-size:12px;line-height:1.5;margin:0}.category-metrics{margin-top:auto;padding:14px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;border-top:1px solid #f1f2f4}.category-metrics span{font-size:10px;color:var(--muted)}.category-metrics b{display:block;font-size:16px;color:#111827}.category-open{padding:13px 20px;border-top:1px solid #f1f2f4;font-weight:700;font-size:11px;display:flex;justify-content:space-between;align-items:center}.category-open svg{width:15px}
.filterbar{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:15px;padding:10px;margin-bottom:10px}.search-box{position:relative;display:flex;align-items:center;flex:1;min-width:220px}.search-box svg{position:absolute;left:11px;width:16px;color:#9ca3af}.search-box input{width:100%;padding-left:34px!important}.filterbar input,.filterbar select,.selector-search input{border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px 11px;outline:none}.filterbar select{min-width:145px}.quick-filters{display:flex;gap:7px;margin:10px 0 15px;overflow:auto}.chip{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:10px;font-weight:800;color:#6b7280}.chip.active{background:#111827;color:#fff;border-color:#111827}.kanban{display:flex;gap:13px;overflow-x:auto;align-items:flex-start;padding:0 0 22px;scrollbar-width:thin}.kanban-col{width:310px;min-width:310px;background:#f0f1f3;border-radius:16px;border:1px solid #e6e7ea;padding:8px}.kanban-col>header{display:flex;align-items:center;justify-content:space-between;padding:8px 7px 11px}.kanban-col>header>div{display:flex;align-items:center;gap:7px;min-width:0}.kanban-col header strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanban-col header small{font-size:10px;color:var(--muted);white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--dot);flex:none}.col-count{min-width:20px;height:20px;padding:0 5px;background:#fff;border:1px solid var(--line);border-radius:999px;display:grid;place-items:center;font-size:9px}.kanban-list{min-height:90px;display:grid;gap:8px}.order-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:13px;box-shadow:0 2px 8px rgba(17,24,39,.025);position:relative}.order-card:hover{border-color:#cbd5e1}.order-card.late-card{border-color:#fecaca;box-shadow:inset 3px 0 0 var(--danger)}.order-card.urgent-card:not(.late-card){box-shadow:inset 3px 0 0 #f97316}.sortable-ghost{opacity:.45}.sortable-drag{transform:rotate(1deg);box-shadow:var(--shadow)}.card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.order-no{font-size:10px;font-weight:800;color:#6b7280}.card-actions{position:relative}.quick-menu{position:absolute;right:0;top:30px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:6px;min-width:190px;z-index:30}.quick-menu button,.quick-menu a{display:block;width:100%;text-align:left;border:0;background:none;padding:8px 10px;border-radius:7px;font-size:11px;color:#374151}.quick-menu button:hover,.quick-menu a:hover{background:#f3f4f6}.badge-row{display:flex;gap:6px;margin:8px 0}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800;line-height:1;text-transform:uppercase}.badge svg{width:10px;height:10px}.badge.danger{background:#fee2e2;color:#b91c1c}.badge.success{background:#dcfce7;color:#15803d}.badge.muted-badge,.muted-badge{background:#f3f4f6;color:#6b7280}.badge.priority{background:#f3f4f6;color:#6b7280}.badge.priority.high{background:#fff7ed;color:#c2410c}.badge.priority.urgent{background:#ffedd5;color:#c2410c}.order-card h4{font-size:14px;margin:8px 0 2px}.phone-link{font-size:11px;color:#6b7280}.article-summary{font-size:12px;font-weight:600;line-height:1.4;margin:12px 0;min-height:34px}.order-money{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;padding:9px 0;margin-bottom:9px}.order-money span{font-size:10px;color:#6b7280}.order-money strong{font-size:13px}.date-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:10px}.date-grid span{font-weight:600}.date-grid small{display:block;color:#9ca3af;font-size:8px;margin-bottom:3px}.timer{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:800;color:#6b7280;margin:10px 0}.timer svg{width:12px}.late-text{color:var(--danger)}
.modal-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.48);backdrop-filter:blur(4px);z-index:90;display:grid;place-items:center;padding:24px}.modal-backdrop[hidden],.order-drawer[hidden],.drawer-overlay[hidden],.notification-panel[hidden]{display:none!important}.modal{background:#fff;border-radius:20px;width:min(720px,100%);max-height:92vh;overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.2)}.large-modal{width:min(980px,100%)}.selector-modal{width:min(880px,100%)}.modal-head{position:sticky;top:0;background:#fff;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px;border-bottom:1px solid var(--line)}.modal-head h2{margin:4px 0 0;font-size:20px}.modal-body{padding:20px 22px}.form-section{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid #f0f1f3}.form-section:last-of-type{border-bottom:0}.form-section h3,.settings-card h2{font-size:13px;margin:0 0 13px}.section-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-row h3{margin:0}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}label{font-size:11px;font-weight:700;color:#374151;display:block}label input,label select,label textarea,.stack-form input,.stack-form select,.stack-form textarea,.workflow-row input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 11px;margin-top:6px;background:#fff;outline:none;color:#111827}label input:focus,label select:focus,label textarea:focus,.stack-form input:focus{border-color:#9ca3af;box-shadow:0 0 0 3px #f3f4f6}label small{display:block;color:#9ca3af;margin-top:5px;font-size:9px}.info-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:13px}.info-strip span{font-weight:700;font-size:11px}.info-strip small{display:block;color:#9ca3af;font-size:9px;margin-bottom:4px}.order-item-row{display:grid;grid-template-columns:1.7fr .6fr .8fr .8fr 34px;gap:8px;align-items:end;padding:10px;background:#f8fafc;border:1px solid var(--line);border-radius:12px;margin-bottom:8px}.article-field-wrap{display:grid;grid-template-columns:1fr auto;gap:6px}.select-article-btn{margin-top:6px}.line-total{height:39px;display:flex;align-items:center;font-weight:800}.totals-box{margin-top:13px;background:#111827;color:#fff;border-radius:12px;padding:13px 15px;display:flex;justify-content:flex-end;gap:30px}.totals-box span{font-size:10px;color:#cbd5e1}.totals-box b{display:block;color:#fff;font-size:15px;margin-top:3px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:5px}.selector-search{padding:13px 20px;border-bottom:1px solid var(--line)}.selector-search input{width:100%}.article-selector-grid{padding:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.selector-card{display:flex;gap:10px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:13px;padding:9px}.selector-card:hover{border-color:#9ca3af;box-shadow:0 5px 18px rgba(17,24,39,.06)}.selector-img{width:64px;height:64px;border-radius:9px;background:#f3f4f6;display:grid;place-items:center;overflow:hidden;flex:none}.selector-img img{width:100%;height:100%;object-fit:cover}.selector-img svg{width:24px;color:#9ca3af}.selector-card strong{display:block;font-size:11px;margin:3px 0}.selector-card small{display:block;color:#9ca3af;font-size:9px;margin-bottom:6px}.selector-card span{font-size:10px}.selector-card s{color:#9ca3af;margin-right:4px}.selector-card b{font-size:11px}
.order-drawer{position:fixed;z-index:110;top:0;right:0;bottom:0;width:min(680px,94vw);background:#fff;box-shadow:-20px 0 60px rgba(17,24,39,.18);display:flex;flex-direction:column}.drawer-overlay{position:fixed;inset:0;background:rgba(17,24,39,.35);z-index:105}.drawer-head{display:flex;justify-content:space-between;padding:20px;border-bottom:1px solid var(--line)}.drawer-head h2{margin:4px 0 0}.drawer-body{padding:20px;overflow:auto}.drawer-status{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;background:#f8fafc;border:1px solid var(--line);border-radius:12px;margin-bottom:15px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px}.detail-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}.detail-box small{display:block;color:#9ca3af;font-size:9px;margin-bottom:5px}.detail-box strong{font-size:12px}.drawer-section{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.drawer-section h3{font-size:12px;margin:0 0 10px}.drawer-article{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:7px}.drawer-article span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.drawer-article b{white-space:nowrap}.history-item{display:grid;grid-template-columns:12px 1fr auto;gap:9px;align-items:start;padding:8px 0}.history-dot{width:9px;height:9px;background:#111827;border:2px solid #fff;box-shadow:0 0 0 1px #d1d5db;border-radius:50%;margin-top:3px}.history-item strong{font-size:10px;display:block}.history-item small{font-size:9px;color:#9ca3af}.drawer-actions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}.autosave-grid{display:grid;gap:10px}.saved-indicator{color:var(--success);font-size:10px;font-weight:700;opacity:0;transition:.2s}.saved-indicator.show{opacity:1}.history-orders{display:grid;gap:6px}.history-order{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:9px;padding:8px;font-size:10px}.notification-panel{position:fixed;right:20px;top:66px;width:min(390px,calc(100vw - 30px));background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);z-index:100}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.late-list{max-height:360px;overflow:auto}.late-notif{display:block;padding:11px 14px;border-bottom:1px solid #f3f4f6}.late-notif:hover{background:#fff7f7}.late-notif strong{font-size:11px}.late-notif span{display:block;font-size:9px;color:var(--danger);margin-top:3px}
.table-card,.settings-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}.table-toolbar{padding:12px;border-bottom:1px solid var(--line)}.responsive-table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #f0f1f3;font-size:11px;vertical-align:middle}th{font-size:9px;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;background:#fafafa}tbody tr:hover{background:#fcfcfd}.table-product{display:flex;align-items:center;gap:10px;min-width:220px}.table-product strong{display:block}.table-product small{display:block;color:#9ca3af;font-size:9px;margin-top:3px}.mini-thumb{width:42px;height:42px;border-radius:9px;background:#f3f4f6;display:grid;place-items:center;overflow:hidden;flex:none}.mini-thumb img{width:100%;height:100%;object-fit:cover}.toggle-row{display:flex;gap:20px;margin:14px 0}.toggle-row label,.switch-line,.mini-switch{display:flex;align-items:center;gap:7px}.toggle-row input,.switch-line input,.mini-switch input{width:auto;margin:0}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.card-title{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--line)}.card-title h3{margin:0;font-size:13px}.card-title span{font-size:10px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:360px 1fr;gap:15px}.settings-card{padding:18px}.stack-form{display:grid;gap:12px}.workflow-settings{overflow:visible}.workflow-category{padding:15px 0;border-top:1px solid var(--line)}.workflow-category h3{font-size:11px;margin:0 0 9px}.workflow-editor{display:grid;gap:7px;margin-bottom:9px}.workflow-row{display:grid;grid-template-columns:24px 1fr 130px 90px 32px;gap:8px;align-items:center;padding:7px;border:1px solid var(--line);border-radius:10px;background:#fafafa}.workflow-row input{margin:0;padding:7px 8px}.workflow-row code{font-size:9px;color:#6b7280;overflow:hidden;text-overflow:ellipsis}.drag-handle{width:16px;color:#9ca3af;cursor:grab}.mobile-fab{display:none}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#e5e7eb 0,transparent 28%),var(--bg)}.auth-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.wide-auth{width:min(580px,100%)}.auth-brand{display:flex;gap:10px;align-items:center;margin-bottom:30px}.auth-card h1{margin:0 0 6px;font-size:25px}.auth-card p{margin:0 0 22px}.alert{padding:10px 12px;border-radius:9px;margin:12px 0;font-size:11px}.alert.danger{background:#fee2e2;color:#991b1b}.toast-root{position:fixed;right:20px;bottom:20px;z-index:200;display:grid;gap:8px}.toast{background:#111827;color:#fff;border-radius:11px;padding:11px 14px;min-width:250px;box-shadow:var(--shadow);font-size:11px;font-weight:700}.toast.error{background:#991b1b}
.print-actions{max-width:148mm;margin:20px auto 8px;display:flex;gap:8px;justify-content:flex-end}.a5-sheet{width:148mm;min-height:210mm;margin:0 auto 30px;background:#fff;padding:8mm;box-shadow:0 8px 35px rgba(0,0,0,.1);font-size:10pt}.print-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #111;padding-bottom:5mm}.print-logo{max-width:35mm;max-height:16mm}.print-logo-fallback{width:14mm;height:14mm;background:#111;color:#fff;display:grid;place-items:center;font-weight:800;font-size:18pt}.company-info{text-align:right;display:grid;gap:1mm}.company-info strong{font-size:12pt}.company-info span{font-size:8pt}.print-title{display:flex;align-items:center;justify-content:space-between;margin:7mm 0 5mm}.print-title h1{font-size:16pt;margin:0}.print-title span{font-weight:800}.print-meta{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #bbb}.print-meta>div{padding:3mm;border-right:1px solid #bbb}.print-meta>div:last-child{border-right:0}.print-meta small,.print-customer h3,.print-note h3{font-size:7pt;text-transform:uppercase;color:#666}.print-meta b{display:block;margin-top:1mm}.print-customer{margin:5mm 0;display:grid;grid-template-columns:22mm 1fr}.print-customer h3{margin:0}.print-customer div{display:grid;gap:1mm}.print-table th,.print-table td{padding:2.5mm 2mm;border:1px solid #bbb;font-size:8pt}.print-note{border:1px solid #ddd;padding:3mm;margin-top:4mm}.print-note h3{margin:0 0 2mm}.print-note p{margin:0;white-space:normal}.print-totals{margin-left:auto;margin-top:5mm;width:55mm;display:grid;gap:2mm}.print-totals span{display:flex;justify-content:space-between}.print-totals .grand{font-size:11pt;font-weight:800;border-top:1px solid #111;padding-top:2mm}.signature-row{display:grid;grid-template-columns:1fr 1fr;gap:15mm;margin-top:16mm}.signature-row div{border-top:1px solid #111;padding-top:2mm;text-align:center;font-size:8pt}.delivery-signatures{display:grid;grid-template-columns:1fr 1fr;gap:10mm;margin-top:25mm;font-size:9pt}
.mobile-only{display:none}
@media(max-width:1250px){.stats-grid.six{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.article-selector-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.2s;box-shadow:20px 0 60px rgba(17,24,39,.15)}.sidebar.open{transform:translateX(0)}.main-area{grid-column:auto}.mobile-only{display:grid}.topbar{padding:0 14px}.page-content{padding:20px 14px}.page-head{align-items:flex-start}.stats-grid.six{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:1fr 1fr}.report-grid{grid-template-columns:1fr}.filterbar{overflow:auto}.kanban-col{min-width:300px}.board-head .btn.big{display:none}.mobile-fab{display:flex;position:fixed;right:18px;bottom:18px;z-index:60;border:0;border-radius:999px;background:#111827;color:#fff;padding:13px 16px;align-items:center;gap:7px;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.25)}.mobile-fab svg{width:17px}.form-grid.three{grid-template-columns:1fr 1fr}.workflow-row{grid-template-columns:24px 1fr 90px 80px 30px}}
@media(max-width:640px){.page-head h1{font-size:23px}.page-head{display:block}.page-head>.btn{margin-top:12px}.stats-grid.six{grid-template-columns:1fr 1fr}.stat-card{padding:12px}.stat-card strong{font-size:16px}.category-grid{grid-template-columns:1fr}.category-card{min-height:0}.machine-visual{height:145px}.filterbar{display:grid;grid-template-columns:1fr 1fr}.search-box{grid-column:1/-1;min-width:0}.filterbar select{min-width:0;width:100%}.quick-filters{padding-bottom:3px}.kanban{margin-right:-14px;padding-right:14px}.modal-backdrop{padding:0;align-items:end}.modal{border-radius:20px 20px 0 0;width:100%;max-height:94vh}.modal-head,.modal-body{padding-left:15px;padding-right:15px}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.info-strip{grid-template-columns:1fr;gap:9px}.order-item-row{grid-template-columns:1fr 1fr;align-items:end}.order-item-row .article-cell{grid-column:1/-1}.order-item-row .delete-cell{position:absolute;right:23px}.article-selector-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}.totals-box{justify-content:space-between}.topbar .welcome{font-size:12px}.topbar .muted{font-size:9px}.workflow-row{grid-template-columns:22px 1fr 70px}.workflow-row code{display:none}.workflow-row .mini-switch{font-size:9px}.toast-root{left:12px;right:12px;bottom:85px}.toast{min-width:0}.a5-sheet{width:100%;min-height:auto;margin:0;box-shadow:none}.print-actions{padding:0 10px}}
@page{size:A5;margin:8mm}
@media print{body{background:#fff}.topbar,.sidebar,.no-print,.toast-root{display:none!important}.app-shell{display:block!important;min-height:0}.main-area{display:block!important}.page-content{padding:0!important;max-width:none!important}.a5-sheet{width:auto;min-height:auto;margin:0;padding:0;box-shadow:none}.print-table th,.print-table td{border-color:#777}.print-header{break-inside:avoid}.print-actions{display:none!important}}
.editable-item{align-items:center}.drawer-item-fields{display:grid;grid-template-columns:minmax(0,1fr) 90px 110px;gap:7px;flex:1}.drawer-item-fields input{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px;font-size:10px;background:#fff}.drawer-item-fields input:focus{outline:none;border-color:#9ca3af;box-shadow:0 0 0 2px #f3f4f6}@media(max-width:640px){.drawer-item-fields{grid-template-columns:1fr 78px 90px}.editable-item{padding:8px}.editable-item .icon-btn{width:30px}}
.filterbar{flex-wrap:wrap}.filterbar>input[type="date"],.filterbar>input[type="number"]{border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px 10px;outline:none;min-width:118px}.filterbar>input[type="number"]{width:110px}
.finance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.finance-summary span,.customer-summary span{border:1px solid var(--line);border-radius:10px;padding:9px;background:#fafafa;font-size:9px;color:var(--muted)}.finance-summary b,.customer-summary b{display:block;color:#111827;font-size:11px;margin-top:4px}.finance-summary .remaining{border-color:#fed7aa;background:#fff7ed}.payment-inline{display:grid;grid-template-columns:1fr 120px auto;gap:7px;margin-top:9px}.payment-inline input,.payment-inline select{border:1px solid var(--line);border-radius:9px;padding:8px;background:white;font-size:10px}.customer-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}@media(max-width:640px){.finance-summary,.customer-summary{grid-template-columns:1fr 1fr}.payment-inline{grid-template-columns:1fr 100px}.payment-inline .btn{grid-column:1/-1}}