:root{--bg:#f5f6f8;--surface:#fff;--border:#e4e7ec;--text:#1f2937;--muted:#6b7280;--link:#2f55c8;--primary-bg:#e8eefc;--primary-bd:#cdd9f7;--primary-tx:#1e3a8a;--primary-hv:#dbe5fb;--second-bg:#f1f3f5;--second-bd:#e0e4e9;--second-tx:#374151;--second-hv:#e7eaee;--danger-bg:#fdecec;--danger-bd:#f5cccc;--danger-tx:#a61b1b;--danger-hv:#fbdfdf;--success-bg:#e7f6ec;--success-bd:#c5e7d0;--success-tx:#166534;--success-hv:#d9f0e1;--warn-bg:#fdf3dc;--warn-bd:#f1dca8;--warn-tx:#8a4b08;--warn-hv:#fbeac4;--info-bg:#e6f3f8;--info-bd:#c4e2ed;--info-tx:#0e5a73;--info-hv:#d7ecf4;--violet-bg:#f1ecfd;--violet-bd:#ddd2fa;--violet-tx:#5b21b6;--violet-hv:#e7defc}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app-main a{color:var(--link)}.app-main a:hover{text-decoration:underline}a.ext{color:var(--link);font-size:13px;white-space:nowrap}h1{font-size:22px;font-weight:600;margin:0 0 12px}table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:9px 10px;border-bottom:1px solid #eef0f3;font-size:14px;vertical-align:middle}th{color:var(--muted);font-weight:500;font-size:13px}tbody tr:hover td{background:#fafbfc}td.empty{color:#9ca3af;padding:18px 10px}.col-check{width:34px;padding-right:0}.col-actions{text-align:right;white-space:nowrap}.col-actions>*+*{margin-left:6px}.row-check{width:16px;height:16px;cursor:pointer;accent-color:#4f6bd8;vertical-align:middle}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.card+.card{margin-top:16px}.input,input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea{padding:8px 10px;border:1px solid #d5dae1;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;color:var(--text)}.input{width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #c7d4f5;outline-offset:0;border-color:#9fb3ea}.page-head,.page-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.page-head h1,.page-header h1{margin:0;font-size:22px;font-weight:600}.count{display:inline-block;margin-left:6px;padding:1px 9px;border-radius:999px;background:#eceff3;color:#4b5563;font-size:13px;font-weight:500;vertical-align:middle}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid var(--primary-bd);background:var(--primary-bg);color:var(--primary-tx)!important;font-size:14px;font-weight:600;line-height:1.3;cursor:pointer;text-decoration:none!important;white-space:nowrap;transition:background-color .12s,border-color .12s}.btn:hover{background:var(--primary-hv)}.btn:disabled{opacity:.55;cursor:default}.btn-sm{padding:4px 10px;font-size:13px;border-radius:7px}.btn-secondary{background:var(--second-bg);border-color:var(--second-bd);color:var(--second-tx)!important}.btn-secondary:hover{background:var(--second-hv)}.btn-danger{background:var(--danger-bg);border-color:var(--danger-bd);color:var(--danger-tx)!important}.btn-danger:hover{background:var(--danger-hv)}.btn-danger-outline{background:#fff;border-color:var(--danger-bd);color:var(--danger-tx)!important}.btn-danger-outline:hover{background:var(--danger-bg)}.btn-success{background:var(--success-bg);border-color:var(--success-bd);color:var(--success-tx)!important}.btn-success:hover{background:var(--success-hv)}.btn-warn{background:var(--warn-bg);border-color:var(--warn-bd);color:var(--warn-tx)!important}.btn-warn:hover{background:var(--warn-hv)}.btn-info{background:var(--info-bg);border-color:var(--info-bd);color:var(--info-tx)!important}.btn-info:hover{background:var(--info-hv)}.btn[style*="#b91c1c"],.btn[style*="#dc2626"],.btn[style*="rgb(185, 28, 28)"],.btn[style*="rgb(220, 38, 38)"],button[style*="#b91c1c"],button[style*="#dc2626"],button[style*="rgb(185, 28, 28)"],button[style*="rgb(220, 38, 38)"]{background:var(--danger-bg)!important;border:1px solid var(--danger-bd)!important;color:var(--danger-tx)!important}.btn[style*="#15803d"],.btn[style*="rgb(21, 128, 61)"],button[style*="#15803d"],button[style*="rgb(21, 128, 61)"]{background:var(--success-bg)!important;border:1px solid var(--success-bd)!important;color:var(--success-tx)!important}.btn[style*="#b45309"],.btn[style*="rgb(180, 83, 9)"],button[style*="#b45309"],button[style*="rgb(180, 83, 9)"]{background:var(--warn-bg)!important;border:1px solid var(--warn-bd)!important;color:var(--warn-tx)!important}.btn[style*="#555"],.btn[style*="#64748b"],.btn[style*="#6b7280"],.btn[style*="#888"],.btn[style*="#9ca3af"],.btn[style*="rgb(100, 116, 139)"],.btn[style*="rgb(107, 114, 128)"],.btn[style*="rgb(136, 136, 136)"],.btn[style*="rgb(156, 163, 175)"],.btn[style*="rgb(85, 85, 85)"]{background:var(--second-bg)!important;border:1px solid var(--second-bd)!important;color:var(--second-tx)!important}.btn[style*="#7c3aed"],.btn[style*="rgb(124, 58, 237)"]{background:var(--violet-bg)!important;border:1px solid var(--violet-bd)!important;color:var(--violet-tx)!important}.btn[style*="#1d4ed8"],.btn[style*="rgb(29, 78, 216)"]{background:var(--info-bg)!important;border:1px solid var(--info-bd)!important;color:var(--info-tx)!important}.app-main .chip,.app-main li a[href^="/customers/"]:not(.btn),.app-main li a[href^="/formulas/"]:not(.btn),.app-main li a[href^="/products/"]:not(.btn),.app-main li a[href^="/raw-materials/"]:not(.btn),.app-main td a[href^="/customers/"]:not(.btn),.app-main td a[href^="/formulas/"]:not(.btn),.app-main td a[href^="/products/"]:not(.btn),.app-main td a[href^="/raw-materials/"]:not(.btn){display:inline-flex;align-items:center;max-width:100%;padding:3px 10px;border:1px solid #dde3ec;border-radius:8px;background:#f8fafc;color:#1f2937;font-size:13.5px;font-weight:500;line-height:1.4;text-decoration:none!important;box-shadow:0 1px 0 rgba(16,24,40,.04);transition:background-color .12s,border-color .12s,color .12s}.app-main .chip:hover,.app-main li a[href^="/customers/"]:not(.btn):hover,.app-main li a[href^="/formulas/"]:not(.btn):hover,.app-main li a[href^="/products/"]:not(.btn):hover,.app-main li a[href^="/raw-materials/"]:not(.btn):hover,.app-main td a[href^="/customers/"]:not(.btn),.app-main td a[href^="/formulas/"]:not(.btn),.app-main td a[href^="/products/"]:not(.btn),.app-main td a[href^="/raw-materials/"]:not(.btn){background:#eef3fd;border-color:#c6d4f3;color:#1e3a8a}.chip.chip-strong{font-weight:700!important;color:#111827!important;background:#eef3fc!important;border-color:#cfdaf1!important}.chip.chip-light{font-weight:400!important;color:#374151!important;background:#fff!important}.chip.chip-count{font-weight:500!important;font-size:12.5px!important;color:#4b5563!important;background:#f4f5f7!important}.chip.chip-count:hover,.chip.chip-light:hover,.chip.chip-strong:hover{background:#e4ecfb!important;color:#1e3a8a!important}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:500;background:#eef0f3;color:#4b5563;white-space:nowrap}.badge-active{background:#e7f6ec;color:#166534}.badge-prospect{background:#e6f3f8;color:#0e5a73}.badge-lead{background:#f1ecfd;color:#5b21b6}.badge-inactive{background:#f1f3f5;color:#6b7280}.badge-lost{background:#fdecec;color:#a61b1b}.bulk-bar{position:-webkit-sticky;position:sticky;top:8px;z-index:30;gap:10px;margin-bottom:10px;padding:8px 12px;background:#fffaf0;border:1px solid var(--warn-bd)}.bulk-bar,.notice{display:flex;align-items:center;flex-wrap:wrap;border-radius:10px;font-size:14px}.notice{justify-content:space-between;gap:12px;padding:10px 14px;margin-bottom:12px}.notice-warn{background:var(--warn-bg);border:1px solid var(--warn-bd);color:var(--warn-tx)}.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(18px + env(safe-area-inset-bottom));z-index:100;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;background:#1f2937;color:#f9fafb;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.18);font-size:14px;max-width:calc(100vw - 24px)}.toast-x{background:transparent;border:none;color:#9ca3af;cursor:pointer;font-size:14px;padding:4px}.app-shell{display:flex;min-height:100vh}.app-main{padding:24px}.mobile-bar{display:none}.app-side a:hover{background:hsla(0,0%,100%,.08)}@media (max-width:900px){.app-shell{flex-direction:column}.app-side{display:none!important}.mobile-bar{display:flex!important;align-items:center;gap:8px;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:60;padding:calc(10px + env(safe-area-inset-top)) 10px 10px;font-size:16px;font-weight:700}.app-main{padding:14px 14px calc(24px + env(safe-area-inset-bottom))!important}body{font-size:16px}.page-head h1,.page-header h1,h1{font-size:20px!important}h2{font-size:17px!important}.app-main [style*=grid-template-columns]:not(.stat-grid){grid-template-columns:minmax(0,1fr)!important}.app-main .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.app-main table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}td,th{padding:10px 8px;font-size:14px}.card{padding:14px}.btn{min-height:42px;padding:9px 14px;font-size:15px}.btn-sm{min-height:36px;padding:6px 12px;font-size:14px}.app-main .chip,.app-main li a[href^="/customers/"]:not(.btn),.app-main li a[href^="/formulas/"]:not(.btn),.app-main li a[href^="/products/"]:not(.btn),.app-main li a[href^="/raw-materials/"]:not(.btn),.app-main td a[href^="/customers/"]:not(.btn),.app-main td a[href^="/formulas/"]:not(.btn),.app-main td a[href^="/products/"]:not(.btn),.app-main td a[href^="/raw-materials/"]:not(.btn){min-height:34px;font-size:15px}.input,input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea{font-size:16px!important;min-height:42px}.row-check{width:20px;height:20px}}@media (max-width:600px){.app-main{padding:12px 10px calc(20px + env(safe-area-inset-bottom))!important}.card{padding:12px}}.app-main .chip,.app-main li a[href^="/customers/"]:not(.btn),.app-main li a[href^="/formulas/"]:not(.btn),.app-main li a[href^="/products/"]:not(.btn),.app-main li a[href^="/raw-materials/"]:not(.btn),.app-main td a[href^="/customers/"]:not(.btn),.app-main td a[href^="/formulas/"]:not(.btn),.app-main td a[href^="/products/"]:not(.btn),.app-main td a[href^="/raw-materials/"]:not(.btn){display:inline-block;max-width:min(100%,300px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.app-main td,.app-main th{overflow-wrap:break-word}.app-main .card:has(>table){overflow-x:auto}.app-main table th{white-space:nowrap}.app-main td{max-width:420px}.clamp-2,.clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}.clamp-2{-webkit-line-clamp:2}.clamp-3{-webkit-line-clamp:3}@media (max-width:900px){.app-main table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.app-main table td,.app-main table th{white-space:nowrap!important;padding:9px 10px!important;font-size:13.5px!important;max-width:220px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.app-main table th{background:#f8fafc;position:-webkit-sticky;position:sticky;top:0}.app-main table td.col-check,.app-main table th.col-check{max-width:none;width:34px;padding-right:0!important}.app-main table td.col-actions{max-width:none;overflow:visible}.app-main table td a{max-width:200px}.app-main table td .clamp-2,.app-main table td a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}.app-main table td .clamp-2{display:block;max-width:220px;-webkit-line-clamp:1}}.app-main td{max-width:300px}.app-main td a.ext{display:inline-block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}