:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #f3f6fa;--surface: #ffffff;--surface-muted: #f8fafc;--border: #d8e0ea;--border-strong: #b7c3d1;--text: #1f2937;--muted: #667085;--primary: #174ea6;--primary-strong: #0f3b7c;--primary-soft: #e9f1ff;--danger: #b42318;--success: #17643b;--success-bg: #dff8e8;--shadow: 0 12px 30px rgba(15, 23, 42, .08);background:var(--bg);color:var(--text)}:root[data-theme=dark]{color-scheme:dark;--bg: #0f172a;--surface: #111c31;--surface-muted: #17243a;--border: #26364f;--border-strong: #3a4d69;--text: #e5edf8;--muted: #9fb0c8;--primary: #5b9dff;--primary-strong: #9cc4ff;--primary-soft: rgba(91, 157, 255, .16);--danger: #ff8b80;--success: #8be9b1;--success-bg: rgba(139, 233, 177, .12);--shadow: 0 14px 34px rgba(0, 0, 0, .36)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input,select{font:inherit}button{border:1px solid var(--border);background:var(--surface);color:#253047;border-radius:8px;min-height:40px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}:root[data-theme=dark] button{background:var(--surface-muted);color:var(--text)}:root[data-theme=dark] button:hover{background:#1d2d46}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:#0d1728;color:var(--text);border-color:var(--border-strong)}:root[data-theme=dark] .topbar,:root[data-theme=dark] .orders-filters,:root[data-theme=dark] .order-meta-card,:root[data-theme=dark] .open-order-card,:root[data-theme=dark] .order-info-section,:root[data-theme=dark] .catalog-color-panel,:root[data-theme=dark] .catalog-list-scroll,:root[data-theme=dark] .table-wrap,:root[data-theme=dark] .product-card,:root[data-theme=dark] .drawer,:root[data-theme=dark] .modal,:root[data-theme=dark] .grade-modal,:root[data-theme=dark] .customer-search-modal,:root[data-theme=dark] .item-search-modal,:root[data-theme=dark] .print-modal,:root[data-theme=dark] .customer-view-modal,:root[data-theme=dark] .catalog-preview-modal{background:var(--surface)}:root[data-theme=dark] th,:root[data-theme=dark] .open-order-meta,:root[data-theme=dark] .compact-info,:root[data-theme=dark] .top-order-info,:root[data-theme=dark] .catalog-list-thumb,:root[data-theme=dark] .product-image,:root[data-theme=dark] .order-product-image,:root[data-theme=dark] .catalog-preview-image{background:var(--surface-muted)}:root[data-theme=dark] .top-order-info{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-muted) 100%)}:root[data-theme=dark] .top-order-info .order-info-section{background:#0f172a94}:root[data-theme=dark] .bottom-order-info .order-info-section{background:#0f172a6b}:root[data-theme=dark] .order-items-command-row{background:#0f172af0}:root[data-theme=dark] .order-command-bar .success-action{background:#147a48;border-color:#147a48;color:#fff}:root[data-theme=dark] .order-command-bar .danger-action{background:#b42318;border-color:#b42318;color:#fff}:root[data-theme=dark] tbody tr:hover,:root[data-theme=dark] .catalog-list-item:hover,:root[data-theme=dark] .catalog-list-item.active,:root[data-theme=dark] .catalog-color-item:hover,:root[data-theme=dark] .catalog-color-item.active{background:var(--primary-soft)}:root[data-theme=dark] .status{background:#1d2a40;color:var(--muted)}:root[data-theme=dark] .status-warning{background:#ffc10729;color:#ffd27a}:root[data-theme=dark] .catalog-add-message,:root[data-theme=dark] .item-inline-message{background:#8be9b11f;border-color:#8be9b147}:root[data-theme=dark] .dashboard-hero,:root[data-theme=dark] .dashboard-kpis article,:root[data-theme=dark] .dashboard-panel,:root[data-theme=dark] .ticket-card{background:var(--surface)}button:hover{border-color:#8da9c8;background:#f7fbff}button:disabled{cursor:not-allowed;opacity:.68}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(23,78,166,.18);outline-offset:2px}.app{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr);background:var(--surface-muted)}.sidebar{position:relative;background:radial-gradient(circle at 20% 0%,rgba(39,130,195,.28),transparent 28%),linear-gradient(180deg,#092b4e,#071f39);color:#fff;min-height:100vh;display:flex;flex-direction:column;box-shadow:10px 0 34px #071f3924;z-index:8}.sidebar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px}.sidebar>*{position:relative;z-index:1}.brand{height:78px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.1)}.brand img{width:126px;height:48px;object-fit:contain;object-position:left center}.brand span{padding:5px 7px;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#d9e9f7;background:#ffffff12;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.representative-chip{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;margin:16px 12px 0;padding:11px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff12}.representative-chip b{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#082c51;background:linear-gradient(145deg,#fff,#d9ebfa);font-size:12px;letter-spacing:.04em}.representative-chip div{min-width:0}.representative-chip span{display:block;color:#9db8d1;font-size:10px;text-transform:uppercase;letter-spacing:.07em}.representative-chip strong{display:block;margin-top:2px;overflow:hidden;color:#fff;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.sidebar nav{display:grid;align-content:start;gap:4px;padding:28px 12px 12px;flex:1}.sidebar-section-label{padding:0 8px 8px;color:#7899b7;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.nav-item{width:100%;min-height:52px;height:auto;border:1px solid transparent;border-radius:11px;background:transparent;color:#fff;justify-content:flex-start;gap:10px;padding:7px 9px;text-align:left}.nav-item i{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:9px;color:#a9c7df;background:#ffffff0e}.nav-item>span{min-width:0}.nav-item strong,.nav-item small{display:block}.nav-item strong{color:#f5f9fc;font-size:13px}.nav-item small{margin-top:2px;color:#8facc5;font-size:10px}.nav-item:hover,.nav-item.active{border-color:#ffffff1a;background:#ffffff17}.nav-item.active{background:linear-gradient(100deg,#2782c359,#ffffff12);box-shadow:inset 3px 0 #f0a719}.nav-item.active i{color:#fff;background:#1973ad}.nav-item.exit{width:calc(100% - 20px);margin:0 10px 18px;color:#ffcfca}.nav-item.exit i{color:#ffb4ad}main{min-width:0}.topbar{height:72px;background:color-mix(in srgb,var(--surface) 94%,transparent);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:8px 18px;position:sticky;top:0;z-index:6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.icon-button,.cart-button{width:42px;min-width:42px;height:42px;padding:0;justify-content:center}.topbar-title{display:grid;gap:2px;min-width:0}.topbar-title strong{color:var(--text);font-size:16px;line-height:1.1}.topbar-title span{color:var(--muted);font-size:11px}.topbar-actions{margin-left:auto;display:flex;gap:8px}.topbar-action{width:auto;min-width:42px;gap:6px;padding:0 11px;color:var(--muted);background:var(--surface)}.topbar-action span{font-size:11px;font-weight:650}.topbar-action-logout:hover{color:var(--danger);border-color:#d92d2066;background:#fef3f2}:root[data-theme=dark] .topbar-action-logout:hover{color:#ff8b80;border-color:#ff8b8066;background:#b4231833}.cart-button{position:relative}.cart-button span{position:absolute;top:-3px;right:-3px;min-width:22px;height:22px;border-radius:999px;background:#d92d20;color:#fff;font-size:12px;display:grid;place-items:center}.content{position:relative;min-height:calc(100vh - 72px)}.mobile-sidebar-backdrop{display:none}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(420px,.65fr);background:#fff}.login-showcase{position:relative;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;padding:clamp(32px,5vw,72px);color:#fff;background:radial-gradient(circle at 72% 76%,rgba(255,176,0,.28),transparent 32%),radial-gradient(circle at 12% 10%,rgba(67,150,255,.3),transparent 30%),linear-gradient(145deg,#071d38,#0a3767 52%,#075180)}.login-showcase:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 72%);mask-image:linear-gradient(to bottom,black,transparent 72%);pointer-events:none}.login-showcase-copy,.login-showcase-foot{position:relative;z-index:2}.login-online{width:max-content;display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff14;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.login-online i{width:8px;height:8px;border-radius:50%;background:#35df87;box-shadow:0 0 0 5px #35df8724}.login-showcase h1{max-width:720px;margin:clamp(28px,5vh,58px) 0 16px;font-size:clamp(38px,5vw,70px);line-height:.98;letter-spacing:-.055em}.login-showcase p{max-width:560px;margin:0;color:#ffffffb3;font-size:clamp(15px,1.5vw,19px);line-height:1.55}.login-showcase-image{position:absolute;z-index:1;right:clamp(-70px,-4vw,-24px);bottom:8px;width:min(68%,820px);max-height:56vh;object-fit:contain;object-position:right bottom;mix-blend-mode:screen;filter:drop-shadow(0 30px 35px rgba(0,0,0,.34))}.login-showcase-foot{display:flex;align-items:center;gap:8px;margin-top:auto;color:#ffffffb8;font-size:13px}.login-access{min-height:100vh;display:grid;place-items:center;padding:clamp(28px,5vw,72px);background:radial-gradient(circle at 100% 0%,rgba(239,166,16,.12),transparent 32%),#f8fafc}.login-card{width:min(460px,100%);display:grid;gap:18px;padding:clamp(24px,4vw,42px);border:1px solid #e3eaf2;border-radius:24px;background:#fffffff5;box-shadow:0 30px 80px #0a2c4e1f}.login-brand{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid #edf1f5}.login-brand img{width:min(210px,60%);height:70px;object-fit:contain;object-position:left center;filter:invert(15%) sepia(60%) saturate(1800%) hue-rotate(174deg) brightness(72%)}.login-brand span{padding:6px 9px;border-radius:7px;color:#174b78;background:#edf5fc;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.login-heading span{color:#d99008;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.login-heading h1{margin:5px 0;color:#0c2947;font-size:clamp(28px,3vw,36px);letter-spacing:-.04em}.login-heading p{margin:0;color:#718096;font-size:14px}.login-card label{display:grid;gap:6px}.login-user-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px}.login-card label span{color:var(--muted);font-size:13px}.login-card input{width:100%;height:48px;border:1px solid #ccd7e3;border-radius:10px;padding:0 13px;background:#fff;color:#102a43;transition:border-color .2s,box-shadow .2s}.login-card input:focus{border-color:#1f6fa8;outline:none;box-shadow:0 0 0 3px #1f6fa81f}.login-card input[readonly]{background:var(--surface-muted)}.login-password-field{position:relative}.login-password-field input{padding-right:48px}.login-card .login-password-toggle{position:absolute;top:5px;right:5px;width:38px;height:38px;min-height:38px;display:grid;place-items:center;padding:0;margin:0;border:0;border-radius:8px;color:#688098;background:transparent}.login-card .login-submit{min-height:50px;justify-content:center;margin-top:2px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#0b4e83,#1675ac);border-color:#0b4e83;box-shadow:0 12px 24px #0b4e8333;font-weight:750}.login-card footer{padding-top:4px;color:#98a6b5;font-size:11px;text-align:center}@media(max-width:980px){.login-shell{grid-template-columns:1fr;background:linear-gradient(160deg,#071d38,#0a4775)}.login-showcase{min-height:220px;padding:24px}.login-showcase h1{max-width:420px;margin:22px 0 8px;font-size:clamp(30px,8vw,46px)}.login-showcase p,.login-showcase-foot{display:none}.login-showcase-image{right:-60px;bottom:-30px;width:min(54%,420px);max-height:220px}.login-access{min-height:calc(100vh - 220px);padding:18px;align-items:start;background:#f8fafc}.login-card{margin-top:-30px;padding:24px;border-radius:20px}}@media(max-width:560px){.login-showcase{min-height:150px}.login-showcase h1,.login-showcase-image{display:none}.login-access{min-height:calc(100vh - 150px)}.login-brand img{height:52px}.login-user-row{grid-template-columns:92px minmax(0,1fr);gap:8px}}.view{padding:18px}.toolbar,.filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.orders-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.orders-header h2,.orders-header p{margin:0}.orders-header h2{font-size:22px}.orders-header p{margin-top:4px;color:var(--muted)}.orders-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:0;flex:1}.orders-list-toolbar{display:flex;align-items:stretch;gap:12px;margin-bottom:14px}.new-order-button{min-width:160px;min-height:72px;justify-content:center;background:var(--primary);border-color:var(--primary);color:#fff;font-weight:800}.orders-summary div{min-height:72px;display:grid;align-content:center;gap:4px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 5px 18px #0f172a0d}.orders-summary span,.orders-filters label>span{color:var(--muted);font-size:12px}.orders-summary strong{color:var(--text);font-size:18px}.orders-filters{display:grid;grid-template-columns:150px 120px minmax(210px,1.25fr) 150px minmax(190px,1fr) 140px 150px 150px auto;align-items:end;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 5px 18px #0f172a0d}.orders-filters label{display:grid;gap:5px;min-width:145px}.orders-filters label:nth-child(2){min-width:0}.orders-filters input,.orders-filters select{width:100%;min-width:0;height:34px;border:1px solid var(--border-strong);border-radius:7px;background:#fff;color:var(--text);padding:0 10px}.period-quick-actions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.period-quick-actions button{min-height:30px;height:30px;padding:0 11px;border-color:var(--border-strong);background:var(--surface);color:var(--muted);font-size:12px}.period-quick-actions button.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong);font-weight:700}.orders-filter-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;min-width:240px}.order-actions{display:flex;gap:6px;flex-wrap:wrap}.order-actions button{width:32px;min-width:32px;min-height:32px;height:32px;padding:0;justify-content:center}.order-actions-mobile{display:none;position:relative}.order-actions-mobile>button{width:32px;min-width:32px;min-height:32px;height:32px;padding:0;justify-content:center}.order-action-menu{position:absolute;right:0;top:38px;z-index:5;width:150px;display:grid;gap:4px;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.order-action-menu button{justify-content:flex-start;min-height:34px;height:34px}.search-field,.filters input{min-width:min(430px,100%);height:42px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.search-field{display:flex;align-items:center;gap:8px;padding:0 12px}.search-field input,.filters input{border:0;outline:0;width:100%;min-width:0;background:transparent}.filters input{min-width:170px;padding:0 12px}.orders-filters input{min-width:0}.filters.orders-filters input,.filters.orders-filters select{width:100%;min-width:0;height:34px;min-height:34px;padding:0 10px;border:1px solid var(--border-strong);border-radius:7px;outline:0;background:#fff;color:var(--text);font-size:13px}.filters.orders-filters input:focus,.filters.orders-filters select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #174ea61f}:root[data-theme=dark] .filters.orders-filters input,:root[data-theme=dark] .filters.orders-filters select{background:#0d1728}.orders-view{display:grid;align-content:start;gap:12px;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--primary) 7%,transparent),transparent 26%),var(--surface-muted)}.orders-view .orders-list-toolbar{margin-bottom:0}.orders-summary{gap:12px}.orders-summary div{position:relative;min-height:86px;gap:2px;overflow:hidden;padding:15px 18px;border-radius:14px;box-shadow:0 10px 30px #0a2c4e0e}.orders-summary div:after{content:"";position:absolute;top:-28px;right:-24px;width:82px;height:82px;border-radius:50%;background:color-mix(in srgb,var(--primary) 9%,transparent)}.orders-summary .orders-summary-money:after{background:#f0a71921}.orders-summary span{font-size:10px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.orders-summary strong{font-size:22px;letter-spacing:-.025em}.orders-summary small{color:var(--muted);font-size:10px}.new-order-button{min-width:176px;min-height:86px;border-radius:14px;background:linear-gradient(135deg,#0b4e83,#1675ac);border-color:#0b4e83;box-shadow:0 12px 28px #0b4e832e}.orders-filter-panel{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 10px 30px #0a2c4e0e}.orders-filter-panel .period-quick-actions{align-items:center;gap:5px;margin:0;padding:8px 12px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-muted) 72%,var(--surface))}.period-quick-actions>span{margin-right:5px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.period-quick-actions button{border-radius:999px}.orders-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 4px}.orders-filter-heading div{display:grid;gap:2px}.orders-filter-heading strong{color:var(--text);font-size:13px}.orders-filter-heading span{color:var(--muted);font-size:10px}.orders-filter-heading>span{padding:5px 8px;border-radius:999px;color:var(--primary-strong);background:var(--primary-soft);font-weight:750;white-space:nowrap}.orders-filter-panel .orders-filters{grid-template-columns:140px 110px minmax(180px,1.25fr) 145px minmax(170px,1fr) 125px 145px 145px auto;gap:8px;padding:10px 14px 14px;border:0;border-radius:0;box-shadow:none}.filters.orders-filters input,.filters.orders-filters select{height:38px;min-height:38px;border-radius:9px}.orders-filter-actions button{height:38px;min-height:38px}.orders-table-wrap{border-radius:14px;box-shadow:0 10px 30px #0a2c4e0e}.orders-table{min-width:940px}.orders-table th{position:sticky;top:0;z-index:2;padding:11px 14px;color:var(--muted);background:color-mix(in srgb,var(--surface-muted) 72%,var(--surface));font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.orders-table td{padding:13px 14px;color:var(--muted);font-size:12px}.orders-table tbody tr{cursor:default;transition:background .18s ease}.orders-table tbody tr:hover{background:color-mix(in srgb,var(--primary-soft) 55%,var(--surface))}.order-code,.order-customer-name,.order-total{color:var(--text)}.order-code{color:var(--primary-strong);font-size:13px}.order-customer-name{display:block;max-width:340px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.order-pairs{display:inline-grid;min-width:34px;place-items:center;padding:4px 7px;border-radius:7px;color:var(--primary-strong);background:var(--primary-soft);font-weight:750}.order-actions{flex-wrap:nowrap}.order-actions button{border-radius:8px;color:var(--muted);background:var(--surface)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;box-shadow:0 3px 10px #0f172a0a}.product-card:hover{border-color:#86a9cc}.product-image{height:164px;background:var(--surface-muted);display:grid;place-items:center}.product-image img{width:100%;height:100%;object-fit:contain}.product-info{padding:12px;display:grid;gap:5px}.product-info span,.product-info small{color:var(--muted)}.catalog-view{height:calc(100vh - 72px);display:grid;grid-template-rows:minmax(0,1fr) clamp(270px,31vh,310px);gap:14px;padding:14px}.catalog-mobile-shell{min-height:0;display:contents}.catalog-stage{min-height:0;display:grid;grid-template-columns:minmax(360px,1fr) clamp(232px,24vw,320px);gap:14px;order:1}.catalog-main-image{order:1;position:relative;min-height:320px;background:var(--surface);border:1px solid var(--border);border-radius:10px;display:grid;place-items:center;overflow:hidden;box-shadow:var(--shadow)}.catalog-main-image img{width:min(78%,820px);height:min(78%,520px);max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;transition:transform .12s ease}.catalog-zoom-controls{position:absolute;top:12px;right:12px;z-index:1;display:flex;align-items:center;gap:6px;background:#fffffff0;border:1px solid var(--border);border-radius:8px;padding:5px;box-shadow:0 8px 18px #0f172a14}.catalog-zoom-controls button{width:32px;min-width:32px;height:30px;min-height:30px;padding:0;justify-content:center;font-weight:700}.catalog-zoom-controls button:last-child{width:42px;min-width:42px;font-size:12px}.catalog-zoom-controls span{min-width:44px;text-align:center;font-size:12px;color:#4b5565}.catalog-missing-image{color:var(--muted);display:grid;place-items:center;gap:10px}.catalog-product-list{order:2;min-height:0;display:grid;grid-template-rows:46px minmax(0,1fr);gap:10px}.catalog-search{background:var(--surface);border:1px solid var(--border-strong);height:46px;border-radius:8px;display:flex;align-items:center;padding:0 10px;gap:8px}.catalog-search input{border:0;outline:0;width:100%;min-width:0;background:transparent}.catalog-list-scroll{min-height:0;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:6px;box-shadow:0 5px 18px #0f172a0d}.catalog-list-item{width:100%;min-height:148px;border:1px solid transparent;border-radius:8px;background:var(--surface);color:#111827;display:grid;grid-template-rows:86px auto;place-items:center;text-align:center;gap:8px;padding:8px;margin-bottom:6px}.catalog-list-item:hover,.catalog-list-item.active{background:var(--primary-soft);border-color:#9ac0ef}.catalog-list-thumb{width:104px;height:82px;display:grid;place-items:center;background:var(--surface-muted);border-radius:6px}.catalog-list-thumb img{width:100%;height:100%;object-fit:contain}.catalog-list-item>span:last-child{line-height:1.25;overflow-wrap:anywhere;font-size:13px}.catalog-list-message,.catalog-color-message{padding:14px;color:var(--muted)}.catalog-color-panel{order:2;min-height:0;min-width:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 5px 18px #0f172a0d}.catalog-color-title{min-height:42px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:center}.catalog-color-title strong{padding:0 18px;font-size:18px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-color-title button,.open-order-title button,.open-order-add{background:var(--primary);border-color:var(--primary);color:#fff}.catalog-color-title button{height:34px;min-height:34px;margin-right:8px;justify-content:center}.catalog-batch-title{grid-template-columns:minmax(0,1fr) auto;gap:10px}.catalog-batch-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}.catalog-batch-actions span{color:var(--muted);font-size:12px;white-space:nowrap}.catalog-batch-actions button{width:auto;margin:0 8px 0 0;white-space:nowrap}.catalog-batch-actions .secondary-action{background:var(--surface-muted);border-color:var(--border);color:var(--text)}.catalog-add-message{min-height:30px;border-bottom:1px solid #d7efd9;padding:6px 18px;color:var(--success);background:#effaf2;font-size:13px}.catalog-selection-tray{flex:0 0 auto;display:flex;gap:6px;overflow-x:auto;padding:6px 8px;border-bottom:1px solid var(--border);background:var(--surface-muted)}.catalog-selection-tray button{flex:0 0 auto;width:auto;min-height:34px;display:flex;align-items:center;gap:6px;padding:3px 8px 3px 4px;border-color:var(--border);background:var(--surface);color:var(--text);font-size:11px}.catalog-selection-tray img{width:26px;height:26px;display:block;margin:auto;border-radius:4px;object-fit:contain;object-position:center center;background:#fff}.catalog-selection-tray b{color:var(--danger);font-size:15px}.catalog-color-strip{flex:1 1 auto;height:auto;min-height:0;display:flex;align-items:flex-start;gap:10px;overflow-x:auto;overflow-y:auto;padding:8px 16px}.catalog-color-item{min-width:118px;width:118px;height:146px;min-height:146px;border:1px solid transparent;border-radius:8px;background:transparent;display:grid;grid-template-rows:72px 30px 22px;place-items:center;align-content:start;gap:4px;color:var(--text);padding:6px;overflow:hidden}.catalog-color-item.active{background:var(--primary-soft);border-color:#6ea8f3}.catalog-color-item:hover,.catalog-color-item.active{background:var(--primary-soft);border-color:#9ac0ef}.catalog-color-item.queued{border-color:var(--success);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--success) 35%,transparent)}.catalog-color-thumb{width:100%;height:72px;display:flex;align-items:center;justify-content:center;background:var(--surface-muted);border-radius:6px;overflow:hidden}.catalog-color-thumb img{width:calc(100% - 10px);height:calc(100% - 10px);display:block;margin:auto;object-fit:contain;object-position:center center}.catalog-color-name{width:100%;font-size:12px;line-height:1.15;min-height:28px;max-height:30px;overflow-wrap:anywhere;word-break:break-word;text-align:center;color:var(--text);font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-color-actions{display:flex;justify-content:center;gap:6px;width:100%;align-self:end}.catalog-color-item small{min-height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 7px;border-radius:999px;background:var(--primary-soft);color:var(--primary-strong);font-size:11px;text-decoration:none}.catalog-color-item small.selected{background:var(--success);color:#fff}.catalog-preview-modal{width:min(760px,calc(100vw - 28px));max-height:calc(100vh - 36px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:14px;border-radius:12px;background:var(--surface);box-shadow:0 24px 70px #0f172a38}.catalog-preview-modal header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border-bottom:1px solid var(--border);padding-bottom:10px}.catalog-preview-modal header strong,.catalog-preview-modal header span{display:block}.catalog-preview-modal header span{color:var(--muted);margin-top:3px}.catalog-preview-image{min-height:min(62vh,520px);display:grid;place-items:center;background:var(--surface-muted);border:1px solid var(--border);border-radius:10px;overflow:hidden}.catalog-preview-image img{width:100%;height:100%;object-fit:contain}.zoom-pan-surface{position:relative;width:100%;height:100%;min-height:inherit;display:grid;place-items:center;overflow:hidden;touch-action:none}.zoom-pan-canvas{width:100%;height:100%;min-height:inherit;display:grid;place-items:center;overflow:hidden;cursor:default}.zoom-pan-surface.is-zoomed .zoom-pan-canvas{cursor:grab}.zoom-pan-surface.is-panning .zoom-pan-canvas{cursor:grabbing}.catalog-main-image .zoom-pan-canvas img{width:min(78%,820px);height:min(78%,520px);max-width:100%;max-height:100%}.catalog-preview-image .zoom-pan-canvas img{width:100%;height:100%;max-width:100%;max-height:100%}.zoom-pan-canvas img{object-fit:contain;transform-origin:center;transition:transform .12s ease;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform}.zoom-pan-surface.is-panning .zoom-pan-canvas img{transition:none}.zoom-pan-hint{position:absolute;left:14px;bottom:12px;z-index:1;padding:6px 10px;border-radius:999px;background:#0f172ab8;color:#fff;font-size:12px;font-weight:700;pointer-events:none}.alert,.loading,.empty{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px}.alert{border-color:#f0b7bd;color:#9a1f2e;margin-bottom:12px}.empty{min-height:240px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted)}.empty strong{color:var(--text)}.table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 5px 18px #0f172a0d}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px 14px;border-bottom:1px solid #e5e9ef;text-align:left}th{background:var(--surface-muted);color:#596579;font-size:13px}tbody tr{cursor:pointer}tbody tr:hover{background:#f7fbff}.status{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:0 10px;font-size:13px;background:#eef1f5;color:#4b5565}.status-warning{background:#fff1cc;color:#7a5416}.status-success{background:var(--success-bg);color:var(--success);border:1px solid #a6e7c2;border-radius:8px;font-size:15px;padding:6px 10px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a70;display:flex;justify-content:flex-end;z-index:10}.drawer,.modal{width:min(560px,100%);background:var(--surface);height:100%;overflow:auto;padding:18px}.modal{margin:auto;height:min(760px,calc(100vh - 32px));border-radius:10px}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:16px}.drawer-header strong,.drawer-header span{display:block}.drawer-header span{color:var(--muted)}.color-list,.items-list{display:grid;gap:10px}.color-row,.item-row{min-height:72px;border:1px solid var(--border);border-radius:8px;padding:10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.item-row{grid-template-columns:1fr auto auto auto}.color-row span,.item-row span{display:block;color:var(--muted)}.thumb{width:54px;height:54px;background:var(--surface-muted);border-radius:7px;display:grid;place-items:center}.thumb img{width:100%;height:100%;object-fit:contain}.order-summary{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;margin-bottom:14px}.order-summary.compact{grid-template-columns:repeat(3,1fr)}.order-summary div{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px}.order-summary span,.order-summary strong{display:block}.order-summary span{color:var(--muted);font-size:13px}.open-order-view{height:calc(100vh - 72px);display:grid;grid-template-rows:minmax(0,1fr);background:var(--bg);padding:12px 14px 0}.open-order-card{min-height:0;position:relative;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column;box-shadow:var(--shadow)}.open-order-title{min-height:64px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 14px 10px 18px;border-bottom:1px solid #edf1f5}.open-order-title strong{display:block;font-size:clamp(18px,2vw,21px);font-weight:650}.open-order-title span{display:block;margin-top:3px;color:var(--muted);font-size:13px}.open-order-actions{display:flex;align-items:center;gap:8px}.order-command-bar{min-width:0;min-height:48px;justify-content:flex-end;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--surface)}.order-command-bar button{min-height:34px;height:34px;justify-content:center;padding:0 12px}.order-command-bar .secondary-action{background:var(--surface);border-color:var(--border-strong);color:var(--primary-strong)}.order-command-bar .success-action{background:var(--success);border-color:var(--success);color:#fff}.order-command-bar .danger-action{background:var(--danger);border-color:var(--danger);color:#fff}.open-order-title button{height:34px;min-height:34px;justify-content:center}.open-order-title .secondary-action{background:var(--surface);border-color:var(--border-strong);color:var(--primary-strong)}.open-order-meta{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:10px;padding:12px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#fbfdff,#f5f8fc)}.order-meta-card{min-width:0;min-height:64px;display:grid;align-content:center;gap:4px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.order-meta-card span{color:var(--muted);font-size:12px}.order-meta-card strong{color:var(--text);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.open-order-workspace{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr)}.open-order-workspace .open-order-list{border-right:0;min-height:0;height:100%;overflow-y:auto;padding:12px;display:grid;align-content:start;gap:12px}.open-order-list{min-height:0;height:100%;overflow-y:auto;padding:12px;display:grid;align-content:start;gap:12px}.order-items-command-row{position:sticky;top:0;z-index:12;min-height:44px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#fffffff5;box-shadow:0 6px 18px #0f172a0b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.order-items-command-row div{min-width:0;display:grid;gap:2px}.order-items-command-row strong{color:var(--primary-strong);font-size:14px}.order-items-command-row span{color:var(--muted);font-size:12px}.order-items-command-row button{min-height:34px;height:34px;justify-content:center;padding:0 12px}.order-table-toolbar{position:sticky;top:56px;z-index:9;display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;gap:8px;align-items:center;padding:10px;background:#f8fafcf5;border:1px solid #dbe4f0;border-radius:10px;box-shadow:0 6px 18px #0f172a0d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.order-table-toolbar div{min-width:0;display:grid;gap:2px}.order-table-toolbar strong{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-table-toolbar span{color:var(--muted);font-size:12px}.order-table-toolbar button{min-height:34px;height:34px;padding:0 10px;justify-content:center;font-size:13px}.order-items-table-wrap{overflow:auto;border:1px solid #dbe4f0;border-radius:10px;background:var(--surface)}.order-items-table{width:100%;min-width:1120px;border-collapse:separate;border-spacing:0;font-size:12px}.order-items-table th{position:sticky;top:0;z-index:2;height:34px;padding:6px;background:#f8fafc;color:var(--muted);border-bottom:1px solid #dbe4f0;font-size:11px;text-align:center;white-space:nowrap}.order-items-table td{height:54px;padding:6px;border-bottom:1px solid #edf2f7;border-right:1px solid #edf2f7;vertical-align:middle;text-align:center;background:#fff}.order-items-table tr.selected td{background:#eef5ff}.order-items-table tr:hover td{background:#f8fbff}.order-items-table tr.selected:hover td{background:#e7f0ff}.order-items-table .select-col{width:42px;min-width:42px}.table-product-cell{width:230px;min-width:230px;text-align:left!important}.table-product-cell strong,.table-product-cell span{display:block}.table-product-cell strong{color:var(--primary-strong);font-size:12px;line-height:1.2}.table-product-cell span{color:var(--muted);margin-top:3px}.order-items-table select{width:150px;height:30px;border:1px solid var(--border-strong);border-radius:7px;background:#fff}.table-size-cell{width:48px;min-width:48px}.table-size-cell span{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}.table-size-cell input,.table-price-input{width:38px;height:28px;border:1px solid var(--border-strong);border-radius:7px;text-align:center;background:#fff}.table-price-input{width:62px}.open-order-item{position:relative;width:100%;min-width:min(920px,100%);min-height:104px;border:1px solid #dbe4f0;border-radius:12px;margin:0;display:grid;grid-template-columns:minmax(260px,320px) minmax(390px,1fr) 88px 112px 48px;background:var(--surface);overflow:visible;box-shadow:0 4px 14px #0f172a09}.open-order-item.compact{grid-template-columns:minmax(260px,320px) minmax(390px,1fr) 88px 112px 48px;width:100%;min-width:min(920px,100%);min-height:82px;border-color:#d7e0eb;border-radius:10px;box-shadow:none}.open-order-item.compact .order-product-cell{grid-template-columns:1fr;padding:8px 10px}.open-order-item.compact .order-product-text{align-content:start;gap:2px}.open-order-item.compact .order-product-text strong{font-size:14px;line-height:1.15}.open-order-item.compact .order-product-text>span{font-size:13px}.open-order-item.compact .order-product-meta{gap:5px;margin-top:1px;flex-wrap:nowrap}.open-order-item.compact .order-product-meta span,.open-order-item.compact .order-product-meta em{min-height:20px;padding:0 7px;font-size:11px}.open-order-item.compact .order-product-text select{width:min(180px,100%);height:26px;font-size:13px}.open-order-item.compact .order-grade-cell{gap:5px;padding:8px 10px;align-items:center}.open-order-item.compact .size-input{width:50px;grid-template-rows:16px 28px;gap:3px;font-size:11px}.open-order-item.compact .size-input input{width:40px;height:28px;border:1px solid var(--border-strong);border-radius:7px}.open-order-item.compact .order-price-cell,.open-order-item.compact .order-total-cell{grid-template-rows:22px 1fr;padding:7px 6px;align-items:center}.open-order-item.compact .order-price-cell input{width:58px;height:28px;border:1px solid var(--border-strong);border-radius:7px}.open-order-item.compact .order-row-menu{min-width:48px;height:100%;background:#fbfcfe}.order-product-cell{display:grid;grid-template-columns:64px minmax(0,1fr);border-right:1px solid var(--border);padding:10px;gap:10px}.order-product-image{display:grid;place-items:center;color:#667085;background:var(--surface-muted);border-radius:8px;height:58px;align-self:center}.order-product-text{display:grid;align-content:start;gap:3px;color:var(--muted);min-width:0}.order-product-text strong{color:#475467;font-size:15px;overflow-wrap:anywhere}.order-product-meta{display:flex;align-items:center;gap:8px;margin-top:2px}.order-product-meta span{min-height:24px;display:inline-flex;align-items:center;padding:0 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary-strong);font-size:12px;white-space:nowrap}.order-product-meta em{min-height:24px;display:inline-flex;align-items:center;padding:0 8px;border-radius:999px;background:#fff1cc;color:#7a5416;font-style:normal;font-size:12px;white-space:nowrap}.order-product-text select{width:min(190px,100%);height:28px;border:1px solid var(--border-strong);background:var(--surface-muted);border-radius:6px}.order-price-cell,.order-total-cell{border-right:1px solid var(--border);display:grid;grid-template-rows:30px 1fr;align-items:center;justify-items:center;color:var(--muted);padding:8px;background:#fbfcfe}.order-pairs-cell small,.order-price-cell small,.order-total-cell small{font-size:12px}.order-grade-cell{border-right:1px solid var(--border);display:flex;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;padding:10px 12px}.size-input{width:74px;display:grid;grid-template-rows:18px 32px;gap:5px;justify-items:center;color:var(--muted);font-size:12px;flex:0 0 auto}.size-stepper{display:grid;grid-template-columns:22px 30px 22px;align-items:center;border:1px solid var(--border-strong);border-radius:8px;overflow:hidden;background:#fff}.size-stepper button{width:22px;min-width:22px;height:32px;min-height:32px;padding:0;justify-content:center;border:0;border-radius:0;font-weight:700;line-height:1}.size-stepper button:first-child{background:#fff7ed;color:#9a3412}.size-stepper button:last-child{background:var(--primary-soft);color:var(--primary-strong)}.size-input input,.order-price-cell input{width:30px;height:32px;border:0;border-left:1px solid var(--border);border-right:1px solid var(--border);border-radius:0;text-align:center;background:#fff}.order-price-cell input{width:62px}.order-total-cell strong{white-space:nowrap}.order-row-menu{border:0;border-radius:0;min-height:0;padding:0;justify-content:center;color:var(--muted);background:var(--surface)}.order-row-actions{position:relative;display:grid;overflow:visible;z-index:6}.item-action-menu{position:absolute;right:6px;top:42px;z-index:20;width:210px;display:grid;gap:4px;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.item-action-menu button{justify-content:flex-start;min-height:34px;height:34px}.item-inline-message{position:absolute;right:56px;bottom:8px;color:var(--success);font-size:12px;background:#effaf2;border:1px solid #d7efd9;border-radius:999px;padding:4px 9px}.open-order-info,.open-order-finish{position:static;justify-self:end;margin:0 92px 10px 12px;height:44px;min-height:44px;background:var(--surface);border-color:var(--border)}.open-order-finish{background:var(--primary);border-color:var(--primary);color:#fff}.grade-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0f172a7a;display:flex;align-items:center;justify-content:center;padding:18px}.grade-modal{width:min(640px,calc(100vw - 28px));max-height:calc(100vh - 36px);overflow:auto;background:var(--surface);border-radius:10px;padding:14px 18px 22px;box-shadow:0 24px 70px #0f172a38}.grade-modal header{min-height:44px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px;align-items:center}.grade-modal header strong{font-size:20px;font-weight:650}.grade-modal header button{height:34px;min-height:34px;background:var(--surface-muted);color:var(--danger);justify-content:center}.grade-modal-lines{display:grid;gap:14px;padding:20px 0 0}.grade-modal-line{display:grid;grid-template-columns:92px minmax(180px,1fr) minmax(220px,1.25fr);align-items:center;gap:10px}.grade-modal-line label{font-size:13px;color:#344054}.grade-modal-line select,.grade-modal-line input{height:34px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface-muted);padding:0 8px;min-width:0}.grade-modal-line input{background:#fff}.order-info-panel{min-height:0;display:grid;align-content:start;gap:16px}.compact-info{padding:12px;overflow:auto;background:#fbfdff}.compact-info .order-info-section{padding:12px}.compact-info .order-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-order-info{position:relative;z-index:18;min-height:0;max-height:none;overflow:visible;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.4fr);align-items:start;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#fbfdff,#f3f7fc)}.top-order-info .catalog-add-message{grid-column:1 / -1;margin:0}.top-order-info .order-info-section{min-width:0;height:100%;padding:8px;border-radius:8px;background:#ffffffc7;box-shadow:none}.top-order-info .order-info-section h3,.top-order-info .order-info-section-title{margin:0 0 6px}.top-order-info .order-info-section h3{color:var(--primary-strong);font-size:12px;letter-spacing:.01em}.top-order-info .order-info-grid{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:6px}.top-order-info .customer-primary-row{grid-column:1 / -1;grid-template-columns:86px minmax(170px,1fr);gap:6px}.top-order-info .new-customer-toggle{min-height:24px}.top-order-info .new-customer-fields{margin-top:6px;padding-top:6px}.top-order-info .order-info-field{gap:2px}.top-order-info .order-info-field.wide{grid-column:span 2}.top-order-info .order-info-field span{font-size:11px}.top-order-info .order-info-field input,.top-order-info .order-info-field select,.top-order-info .order-info-field textarea{min-height:28px;height:28px;border-radius:6px;padding:0 7px;font-size:12px}.top-order-info .order-info-field textarea{height:30px;min-height:30px;padding-top:6px;resize:vertical}.top-order-info .customer-suggestions{z-index:80}.top-order-info .customer-autocomplete{z-index:70}.open-order-workspace{position:relative;z-index:1}.bottom-order-info{gap:10px;padding:10px 12px;border-top:1px solid var(--border);background:var(--surface);overflow-y:auto;max-height:240px}.bottom-order-info .order-info-section{padding:10px;border-radius:8px;box-shadow:none}.bottom-order-info .order-info-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.bottom-order-info .order-info-field.wide{grid-column:span 2}.bottom-order-info .order-observation-section textarea{min-height:48px}.customer-autocomplete{position:relative}.customer-primary-row{grid-column:1 / -1;display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px}.new-customer-toggle{grid-column:1 / -1;min-height:30px;display:inline-flex;align-items:center;gap:7px;color:var(--text);font-size:12px;font-weight:650}.new-customer-toggle input{width:15px;height:15px;accent-color:var(--primary)}.new-customer-fields{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border-strong)}.customer-suggestions{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:8;display:grid;gap:4px;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.customer-suggestions button{display:grid;justify-content:start;text-align:left;min-height:46px}.customer-suggestions strong,.customer-suggestions span{display:block}.item-search-modal{width:min(1080px,calc(100vw - 28px));max-height:calc(100vh - 36px);overflow:hidden;display:grid;grid-template-rows:auto auto auto auto auto minmax(0,1fr);background:var(--surface);border-radius:12px;box-shadow:0 24px 70px #0f172a38}.item-search-feedback{margin:8px 18px 0;border-radius:8px}.item-batch-config{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,220px);gap:10px;padding:10px 18px;border-bottom:1px solid var(--border)}.item-batch-config label{display:grid;gap:5px}.item-batch-config span{color:var(--muted);font-size:12px}.item-batch-config select,.item-batch-config input{width:100%;height:38px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:0 10px}.item-search-modal header{min-height:62px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border)}.item-search-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.item-search-modal header strong,.item-search-modal header span{display:block}.item-search-modal header span{color:var(--muted);margin-top:3px}.item-search-field{height:52px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid var(--border)}.item-search-field input{width:100%;border:0;outline:0}.item-search-body{min-height:0;display:grid;grid-template-columns:280px minmax(0,1fr)}.item-search-grid{min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:14px}.item-search-card{min-height:164px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:10px 8px;text-align:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;box-shadow:0 2px 6px #0f172a0a}.item-search-card:hover{border-color:var(--primary);background:var(--primary-soft)}.item-search-card span:first-child,.item-search-card .item-search-image{width:100%;height:96px;min-height:96px;max-height:96px;display:flex;align-items:center;justify-content:center;background:var(--surface-muted);border-radius:8px;overflow:hidden;padding:4px;box-sizing:border-box}.item-search-card img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.item-search-card strong{display:block;font-size:13px;font-weight:700;color:var(--primary-strong);line-height:1.2;margin-top:2px;word-break:break-word;max-width:100%}.item-search-card small{display:block;font-size:11px;color:var(--muted);line-height:1.2;word-break:break-word;max-width:100%}.item-color-panel{min-height:0;overflow:auto;display:grid;align-content:start;gap:8px;padding:14px;border-right:1px solid var(--border)}.item-color-list{display:grid;gap:8px}.item-color-option{display:grid;gap:5px;padding:6px;border:1px solid var(--border);border-radius:9px;background:var(--surface-muted)}.item-color-option.selected{border-color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1px #174ea638}.item-color-option>button:first-child{min-height:64px;display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto;justify-items:start;gap:2px 8px;width:100%;text-align:left;border-color:transparent;background:transparent;padding:4px}.item-color-option>button:first-child img,.item-color-option>button:first-child svg{grid-row:1 / span 2}.item-color-option>button:first-child span{font-weight:800;overflow-wrap:anywhere}.item-color-option>button:first-child strong{color:var(--muted);font-size:11px}.item-color-option.selected>button:first-child strong{color:var(--primary-strong)}.item-color-list img{width:48px;height:48px;object-fit:contain}.item-photo-preview-button{width:100%;min-height:28px;height:28px;justify-content:center;padding:0 8px;font-size:12px}.order-info-section{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px}.order-info-section h3{margin:0 0 12px;color:#344054;font-size:14px;font-weight:700}.order-info-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.order-info-section-title h3{margin:0}.order-info-section-title button{height:32px;min-height:32px;color:var(--primary-strong);background:var(--primary-soft);border-color:#b9d2f5}.order-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.order-info-field{min-width:0;display:grid;gap:5px}.order-info-field.wide{grid-column:span 2}.order-info-field span{color:var(--muted);font-size:12px}.order-info-field input,.order-info-field select,.order-info-field textarea{width:100%;min-width:0;border:1px solid var(--border-strong);border-radius:7px;background:#fff;color:var(--text);min-height:34px;padding:0 10px}.order-info-field input[readonly]{background:var(--surface-muted);color:#475467}.order-info-field textarea{min-height:88px;padding:9px 10px;resize:vertical}.customer-search-modal{width:min(780px,calc(100vw - 28px));max-height:calc(100vh - 36px);overflow:hidden;background:var(--surface);border-radius:10px;box-shadow:0 24px 70px #0f172a38;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.customer-search-modal header{min-height:62px;display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border)}.customer-search-modal header strong,.customer-search-modal header span{display:block}.customer-search-modal header strong{font-size:20px;font-weight:650}.customer-search-modal header span{margin-top:3px;color:var(--muted);font-size:13px}.customer-search-modal header button{height:34px;min-height:34px;justify-content:center;background:var(--surface-muted);color:var(--danger)}.customer-search-filters{display:grid;grid-template-columns:110px minmax(180px,1fr) minmax(150px,.8fr) auto auto;gap:8px;padding:12px 18px;border-bottom:1px solid var(--border);background:#f7f9fc}.customer-search-filters input{min-width:0;height:38px;border:1px solid var(--border-strong);border-radius:7px;padding:0 10px}.customer-search-list{min-height:0;overflow:auto;padding:12px 18px 18px;display:grid;align-content:start;gap:8px}.customer-search-row{width:100%;min-height:66px;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,auto) minmax(120px,auto);align-items:center;gap:12px;text-align:left;border:1px solid var(--border);background:var(--surface)}.customer-search-row:hover{background:var(--primary-soft);border-color:#b9d2f5}.customer-search-row span,.customer-search-row small{color:var(--muted)}.print-modal{width:min(980px,calc(100vw - 28px));max-height:calc(100vh - 36px);overflow:auto;background:var(--surface);border-radius:10px;box-shadow:0 24px 70px #0f172a38}.print-toolbar{min-height:58px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border)}.print-toolbar div{display:flex;gap:8px}.print-sheet{padding:20px;background:#fff;color:#111827;width:100%;max-width:100%;box-sizing:border-box}.print-head{display:grid;grid-template-columns:130px minmax(0,1fr) 140px;gap:14px;align-items:start;padding:4px 0 8px;width:100%;box-sizing:border-box}.print-logo{width:120px;height:80px;object-fit:contain}.print-company-info strong{display:block;font-size:13px}.print-company-info span{display:block;margin-top:3px;font-size:11px;color:#374151}.print-order-number{text-align:right}.print-order-badge{font-size:16px;font-weight:700;color:#111827;display:block;margin-bottom:6px}.print-brand-right{width:110px;height:48px;margin-top:6px;margin-left:auto;display:flex;align-items:center;justify-content:center;background-color:#173f80!important;color:#fff!important;font-size:22px;font-weight:800;letter-spacing:1px;border-radius:4px;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-info-grid{display:grid;grid-template-columns:34% 20% 22% 24%;width:100%;box-sizing:border-box;border:1px solid #111827;margin-top:8px;margin-bottom:8px}.print-info-cell{min-height:125px;border-right:1px solid #111827;box-sizing:border-box;font-size:11px}.print-info-cell:last-child{border-right:0}.print-info-cell h3{margin:0;padding:4px 6px;text-align:center;font-size:11px;font-weight:700;border-bottom:1px solid #111827;background:#f8fafc;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-info-cell div{padding:6px;line-height:1.35}.print-info-cell strong{display:block;font-size:11px;margin-bottom:3px}.print-info-cell span{display:block;font-size:10.5px;margin-top:2px}.print-table{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #111827;font-size:8px;box-sizing:border-box}.print-table th,.print-table td{border:1px solid #111827;padding:2px 1px;text-align:center;overflow:hidden;word-break:break-word;box-sizing:border-box}.print-table th{background:#f8fafc;font-weight:700;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-table .col-ref{font-size:8px;vertical-align:middle}.print-table .col-prod{text-align:left;padding-left:3px;font-size:8px;line-height:1.15;vertical-align:middle}.print-table .col-pairs{font-weight:700;font-size:8.5px;vertical-align:middle}.print-table .col-grade-title{padding:2px 0;font-size:8.5px}.print-table .col-size{font-size:8px;padding:2px 0}.print-table .col-price{text-align:right;padding-right:2px;white-space:nowrap;font-size:8px;vertical-align:middle}.print-table .col-total{text-align:right;padding-right:5px;white-space:nowrap;font-weight:700;font-size:8.5px;vertical-align:middle}.print-item-summary{display:grid;grid-template-columns:repeat(3,1fr);width:100%;box-sizing:border-box;border:1px solid #111827;border-top:0;padding:5px 8px;text-align:center;font-size:11px;font-weight:600;background:#f8fafc;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-bottom{display:grid;grid-template-columns:1.4fr 1fr;width:100%;box-sizing:border-box;min-height:115px;margin-top:8px;border:1px solid #111827}.print-notes{padding:8px;border-right:1px solid #111827;font-size:10.5px}.print-notes strong{display:block;margin-bottom:4px}.print-notes p{margin:0;line-height:1.35;white-space:pre-wrap;word-break:break-word}.print-totals{display:flex;flex-direction:column}.print-total-row{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;font-size:10.5px;border-bottom:1px solid #111827}.print-total-row:last-child{border-bottom:0}.print-total-net{background:#f1f5f9;font-weight:700;font-size:11.5px;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-delivery{width:100%;box-sizing:border-box;min-height:50px;margin-top:8px;padding:6px 8px;border:1px solid #111827;font-size:10.5px}.customers-toolbar{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;margin-bottom:14px}.customers-summary,.customers-filters{border:1px solid var(--border);border-radius:10px;background:var(--surface)}.customers-summary{display:grid;align-content:center;gap:4px;padding:12px}.customers-summary span,.customers-filters label span,.customer-view-grid span{color:var(--muted);font-size:12px}.customers-summary strong{color:var(--primary-strong);font-size:24px}.customers-filters{display:grid;grid-template-columns:90px minmax(200px,1.2fr) minmax(150px,.8fr) minmax(150px,.8fr) 70px auto auto auto;gap:8px;align-items:end;padding:10px}.customers-filters label{min-width:0;display:grid;gap:5px}.customers-filters input{width:100%;min-width:0;height:34px;border:1px solid var(--border-strong);border-radius:7px;background:#fff;color:var(--text);padding:0 10px}.customers-table tbody tr{cursor:pointer}.customers-table tbody tr:hover{background:var(--primary-soft)}.customer-view-modal{width:min(760px,calc(100vw - 28px));max-height:calc(100vh - 36px);overflow:auto;border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.customer-view-modal header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border)}.customer-view-modal header strong,.customer-view-modal header span{display:block}.customer-view-modal header span{margin-top:3px;color:var(--muted);font-size:12px}.customer-view-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:16px}.customer-view-grid div{min-width:0;display:grid;gap:4px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted)}.customer-view-grid strong{overflow-wrap:anywhere}.scroll-arrow{position:fixed;top:50%;width:36px;min-width:36px;height:36px;padding:0;justify-content:center;z-index:2;opacity:.86}.scroll-arrow.left{left:244px}.scroll-arrow.right{right:12px}.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.sidebar-collapsed .sidebar{transform:translate(-252px)}.sidebar-collapsed .scroll-arrow.left{left:12px}@media(max-width:980px){html,body{width:100%;overflow-x:hidden}.app,.app.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr);width:100%;overflow-x:hidden}main,.content,.view{width:100%;min-width:0;max-width:100%}.sidebar{position:fixed;z-index:12;width:232px;transform:translate(-252px);transition:transform .18s ease}.app:not(.sidebar-collapsed) .sidebar{transform:translate(0)}.catalog-stage{grid-template-columns:1fr}.catalog-view{height:auto;min-height:calc(100vh - 72px);grid-template-rows:auto auto}.catalog-product-list{grid-template-rows:46px 300px}.scroll-arrow{display:none}.open-order-view{height:auto;min-height:calc(100vh - 72px);grid-template-rows:minmax(0,1fr) auto}.open-order-card{overflow:visible}.open-order-title{grid-template-columns:1fr}.open-order-actions{justify-content:flex-start;flex-wrap:wrap}.top-order-info{max-height:none;grid-template-columns:1fr}.top-order-info .order-info-section:last-child{grid-column:auto}.open-order-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.open-order-workspace{grid-template-columns:1fr}.open-order-workspace .open-order-list{border-right:0;border-bottom:1px solid var(--border)}.open-order-list{overflow:visible}.open-order-item{min-width:0;grid-template-columns:1fr;min-height:0}.open-order-item.compact{grid-template-columns:1fr}.order-product-cell{border-right:0;border-bottom:1px solid var(--border);grid-template-columns:64px minmax(0,1fr)}.order-price-cell,.order-total-cell{border-right:0;border-bottom:1px solid var(--border);grid-template-columns:84px minmax(0,1fr);grid-template-rows:auto;justify-items:start;padding:10px 14px}.order-grade-cell{border-right:0;border-bottom:1px solid var(--border);flex-wrap:wrap;overflow:visible;padding:12px 14px}.order-row-menu{height:42px}.open-order-info,.open-order-finish{position:static;justify-self:end;margin:0 10px 10px}}@media(max-width:760px){html,body{width:100%;overflow-x:hidden}.app{grid-template-columns:0 minmax(0,1fr);width:100%;overflow-x:hidden}main,.content,.view{width:100%;min-width:0;max-width:100%}.sidebar{position:fixed;z-index:12;width:232px;transform:translate(-252px);transition:transform .18s ease}.app:not(.sidebar-collapsed) .sidebar{transform:translate(0)}.mobile-sidebar-backdrop{position:fixed;top:72px;right:0;bottom:0;left:0;z-index:11;display:block;width:100%;min-height:0;padding:0;border:0;border-radius:0;background:#0f172a47}.topbar{gap:8px;padding:7px 8px}.open-order-pill span{max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view{padding:12px}.table-wrap{width:100%;max-width:100%}table{min-width:780px}.drawer,.modal{width:100%;max-width:100%}.customer-search-modal,.item-search-modal,.grade-modal,.print-modal{width:calc(100vw - 16px);max-width:calc(100vw - 16px)}.filters,.toolbar,.catalog-search,.catalog-color-panel,.catalog-stage,.catalog-product-list,.filters input,.search-field{width:100%;min-width:0}.orders-header{align-items:stretch;flex-direction:column}.orders-list-toolbar{flex-direction:column}.orders-summary{grid-template-columns:1fr}.new-order-button{min-height:46px;width:100%}.orders-filters{display:grid;grid-template-columns:1fr}.orders-filters label,.orders-filters label:nth-child(2),.orders-filter-actions{min-width:0;width:100%}.orders-filter-actions{display:grid;grid-template-columns:1fr 1fr}.customers-toolbar,.customers-filters,.customer-view-grid{grid-template-columns:1fr}.order-items-command-row{grid-template-columns:1fr 1fr}.order-items-command-row>div{grid-column:1 / -1}.order-summary,.order-summary.compact{grid-template-columns:1fr}.catalog-view{height:auto;min-height:calc(100vh - 72px);grid-template-rows:auto auto;padding:10px}.catalog-stage{grid-template-columns:1fr}.catalog-main-image{height:min(58vh,430px);min-height:300px}.catalog-main-image img{width:min(88%,560px);height:min(82%,360px)}.catalog-product-list{grid-template-rows:46px 300px}.catalog-list-item{min-height:118px;grid-template-rows:70px auto}.catalog-list-thumb{width:88px;height:66px}.catalog-color-panel{min-height:174px}.catalog-color-title{grid-template-columns:1fr;gap:8px;padding:8px}.catalog-batch-actions{width:100%;flex-wrap:wrap;justify-content:stretch}.catalog-batch-actions span{width:100%;text-align:center}.catalog-batch-actions button{flex:1 1 120px;width:auto;margin:0}.catalog-color-title strong{padding:0 8px;font-size:16px}.catalog-color-title button{width:100%;margin:0}.open-order-view{padding:8px;width:100%}.open-order-title{grid-template-columns:1fr;gap:10px;padding:12px}.open-order-title strong{font-size:18px}.open-order-title span{font-size:12px}.open-order-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.open-order-actions button{width:100%;min-height:38px;height:auto;justify-content:center;padding:8px 10px;line-height:1.1;text-align:center}.top-order-info{padding:8px;grid-template-columns:1fr}.top-order-info .order-info-grid,.top-order-info .customer-primary-row{grid-template-columns:1fr}.top-order-info .order-info-field.wide{grid-column:auto}.open-order-meta{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;gap:8px}.order-meta-card{min-height:58px;padding:8px 10px}.order-meta-card strong{font-size:14px}.open-order-workspace{display:block;width:100%}.open-order-card,.open-order-workspace,.open-order-workspace .open-order-list,.compact-info{min-width:0;max-width:100%}.open-order-workspace .open-order-list,.compact-info{width:100%}.open-order-workspace .open-order-list,.compact-info{padding:8px}.open-order-item,.open-order-item.compact{width:100%;min-width:0}.order-product-cell,.open-order-item.compact .order-product-cell{grid-template-columns:1fr;gap:6px;padding:10px}.order-product-meta{flex-wrap:wrap}.order-grade-cell{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:10px}.open-order-item.compact .size-input{width:44px}.order-price-cell,.order-total-cell{grid-template-columns:1fr 1fr;align-items:center}.order-row-actions{min-height:40px}.item-row,.color-row{grid-template-columns:1fr}.grade-modal{padding:12px}.grade-modal header{grid-template-columns:1fr}.grade-modal-line{grid-template-columns:1fr;gap:6px}.order-info-grid{grid-template-columns:1fr}.order-info-field.wide{grid-column:auto}.customer-search-modal header,.customer-search-filters,.customer-search-row{grid-template-columns:1fr}.compact-info .order-info-grid,.item-search-body{grid-template-columns:1fr}.item-search-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.item-batch-config{grid-template-columns:1fr}.item-search-card{min-height:140px;padding:8px 6px}.item-search-card span:first-child,.item-search-card .item-search-image{height:76px;min-height:76px;max-height:76px}.customer-primary-row{grid-template-columns:88px minmax(0,1fr)}.item-color-panel{border-left:0;border-right:0;border-top:1px solid var(--border)}.scroll-arrow,.order-actions{display:none}.order-actions-mobile{display:inline-block}}@media(max-width:1024px){html,body,#root{width:100%;min-width:0;overflow-x:hidden}.app,.app.sidebar-collapsed{display:block;width:100%;min-width:0;overflow-x:hidden}.sidebar{position:fixed;top:0;left:0;z-index:12;width:min(232px,82vw);transform:translate(-100%)}.app:not(.sidebar-collapsed) .sidebar{transform:translate(0)}main,.content,.view,.catalog-view,.open-order-view{width:100%;min-width:0;max-width:100%}.content{overflow-x:hidden}.view,.catalog-view,.open-order-view{height:auto;min-height:calc(100vh - 72px);padding:10px}.topbar{width:100%;height:64px;padding:7px 10px}.topbar-title span,.topbar-action span{display:none}.topbar-action{width:42px;padding:0;justify-content:center}.content{min-height:calc(100vh - 64px)}.mobile-sidebar-backdrop{top:64px;right:0;bottom:0;left:0}.scroll-arrow{display:none}.catalog-stage,.item-search-body,.customer-search-filters,.customer-search-row,.open-order-workspace{grid-template-columns:1fr}.catalog-view{display:block}.catalog-mobile-shell{height:calc(100vh - 80px);display:grid;grid-template-columns:minmax(112px,34vw) minmax(0,1fr);gap:8px}.catalog-stage{min-height:0;display:block;order:1}.catalog-main-image{display:none}.catalog-product-list{grid-template-rows:42px minmax(0,1fr);height:100%;min-height:0}.catalog-color-panel,.catalog-search,.catalog-stage,.catalog-product-list,.open-order-card,.open-order-workspace,.open-order-list,.compact-info,.filters,.toolbar,.table-wrap{width:100%;min-width:0;max-width:100%}.catalog-color-panel{order:2;min-height:0;height:100%;display:flex;flex-direction:column}.catalog-color-title{grid-template-columns:1fr;gap:8px;padding:8px}.catalog-color-title strong{display:block;text-align:center;font-size:13px;color:var(--muted)}.catalog-color-panel .catalog-color-title{min-height:34px;border-bottom:1px solid var(--border);padding:6px}.catalog-color-panel .catalog-color-title button{height:34px;min-height:34px;font-size:12px;padding:0 8px}.catalog-color-title strong{padding:0;line-height:1.2}.catalog-color-title button{width:100%;margin:0}.catalog-color-strip{height:auto;min-height:0;display:grid;grid-template-columns:1fr;align-items:stretch;overflow:auto;padding:6px;gap:6px}.catalog-color-item{width:100%;min-width:0;min-height:112px;grid-template-rows:48px minmax(28px,auto) 24px;gap:5px;padding:5px;font-size:11px}.catalog-color-item.active{border-color:#6ea8f3;box-shadow:inset 0 0 0 2px #174ea61f}.catalog-color-thumb{width:100%;height:48px;flex:none}.catalog-color-name{font-size:10px;min-height:24px;max-height:34px;-webkit-line-clamp:3}.catalog-color-item small{min-height:20px;padding:0 6px;font-size:10px}.catalog-list-scroll{min-height:0}.catalog-list-item{min-height:70px;grid-template-columns:54px minmax(0,1fr);grid-template-rows:1fr;justify-items:start;text-align:left;gap:8px;padding:7px}.catalog-list-thumb{width:52px;height:48px}.catalog-list-item>span:last-child{align-self:center;font-size:12px}.open-order-card{overflow:visible}.open-order-title{grid-template-columns:1fr;gap:10px}.open-order-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px}.open-order-actions button{width:100%;justify-content:center;min-width:0;white-space:normal;text-align:center}.top-order-info{max-height:none;grid-template-columns:1fr}.top-order-info .order-info-section:last-child{grid-column:auto}.open-order-meta,.orders-summary,.order-summary,.order-summary.compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.open-order-item,.open-order-item.compact{width:100%;min-width:0;grid-template-columns:1fr}.order-product-cell,.open-order-item.compact .order-product-cell,.order-price-cell,.order-total-cell{border-right:0;border-bottom:1px solid var(--border)}.order-product-cell,.open-order-item.compact .order-product-cell{grid-template-columns:64px minmax(0,1fr)}.order-grade-cell{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:10px}.size-input{flex:0 0 auto}.order-price-cell,.order-total-cell{grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto;justify-items:start}.orders-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.orders-filters label,.orders-filters label:nth-child(2),.orders-filter-actions,.filters input,.search-field{width:100%;min-width:0}.table-wrap{overflow-x:auto}table{min-width:780px}.customer-search-modal,.item-search-modal,.grade-modal,.print-modal,.modal,.drawer{width:min(100%,calc(100vw - 16px));max-width:calc(100vw - 16px)}.item-search-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(max-width:640px){.open-order-meta,.orders-summary,.order-info-grid,.compact-info .order-info-grid,.orders-filters,.orders-filter-actions,.catalog-color-title,.order-product-cell,.open-order-item.compact .order-product-cell{grid-template-columns:1fr}.customer-primary-row{grid-template-columns:88px minmax(0,1fr)}.item-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{@page{size:A4 portrait;margin:8mm 14mm 8mm 10mm}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;box-sizing:border-box!important}html,body{margin:0!important;padding:0!important;background:#fff!important;width:100%!important;min-width:0!important}body.is-printing-modal #root,body:has(.print-backdrop) #root,.app,.sidebar,.topbar,.content,.orders-view,.drawer-backdrop,.no-print,.print-toolbar,.standalone-print-bar{display:none!important}.grade-modal-backdrop.print-backdrop{position:static!important;display:block!important;inset:auto!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;z-index:auto!important}.print-modal{position:static!important;display:block!important;width:100%!important;max-width:100%!important;max-height:none!important;margin:0!important;padding:0!important;border:none!important;box-shadow:none!important;background:transparent!important;overflow:visible!important}.standalone-print-page,.standalone-print-body{position:static!important;display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border:none!important;box-shadow:none!important;background:transparent!important;overflow:visible!important}.print-sheet{display:block!important;width:100%!important;max-width:660px!important;margin:0 auto!important;padding:0!important;background:#fff!important;box-sizing:border-box!important}}.dashboard-view{display:grid;gap:18px}.dashboard-hero,.dashboard-kpis article,.dashboard-panel,.ticket-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.dashboard-hero{border-radius:20px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:14px}.dashboard-hero h1{margin:4px 0;font-size:clamp(24px,4vw,38px);line-height:1}.dashboard-hero p,.dashboard-panel header span,.dashboard-kpis small,.top-customer span,.ticket-card small{color:var(--muted)}.eyebrow{color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.dashboard-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.dashboard-ranking-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.dashboard-ranking{display:grid;gap:10px}.dashboard-ranking-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface-muted)}.dashboard-ranking-row div{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px 8px;align-items:center}.dashboard-ranking-row b{grid-row:span 2;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--primary-soft);color:var(--primary-strong)}.dashboard-ranking-row span{overflow:hidden;color:var(--text);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.dashboard-ranking-row small{color:var(--muted)}.dashboard-ranking-row>strong{color:var(--primary-strong);white-space:nowrap}.dashboard-ranking-row>i{grid-column:1 / -1;height:5px;overflow:hidden;border-radius:999px;background:var(--border)}.dashboard-ranking-row>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#5b9af1)}.dashboard-loading-status{justify-self:start;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:12px}.dashboard-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.dashboard-product-card{min-width:0;display:grid;grid-template-rows:110px auto auto;gap:8px;padding:8px;border:1px solid var(--border);border-radius:14px;background:var(--surface-muted)}.dashboard-product-image{position:relative;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#fff;color:var(--muted)}.dashboard-product-image img{width:70%;height:100%;object-fit:contain}.dashboard-product-image b{position:absolute;top:6px;left:6px;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:var(--primary);color:#fff}.dashboard-product-card div{min-width:0;display:grid;gap:3px}.dashboard-product-card div strong,.dashboard-product-card div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-product-card div span,.dashboard-product-card footer span{color:var(--muted);font-size:12px}.dashboard-product-card footer{display:flex;justify-content:space-between;gap:8px}.dashboard-product-skeleton{height:174px;border-radius:14px;background:linear-gradient(90deg,var(--surface-muted) 25%,var(--border) 50%,var(--surface-muted) 75%);background-size:200% 100%;animation:dashboard-skeleton 1.15s infinite linear}@keyframes dashboard-skeleton{to{background-position:-200% 0}}.dashboard-kpis article{border-radius:16px;padding:16px;display:grid;gap:6px;min-width:0}.dashboard-kpis span{color:var(--muted);font-size:13px}.dashboard-kpis strong{color:var(--text);font-size:clamp(22px,3vw,32px);line-height:1}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px}.dashboard-grid-bottom{grid-template-columns:minmax(0,1fr) minmax(320px,.7fr)}.dashboard-panel{border-radius:18px;padding:18px;min-width:0}.dashboard-panel header{display:flex;justify-content:space-between;margin-bottom:16px}.dashboard-panel header strong,.dashboard-panel header span{display:block}.bar-chart,.status-chart,.top-customers,.ticket-list{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:58px minmax(0,1fr) 110px;gap:10px;align-items:center;font-size:13px}.bar-row div,.status-row i{height:12px;overflow:hidden;border-radius:999px;background:var(--surface-muted);border:1px solid var(--border)}.bar-row i,.status-row i{display:block;height:100%;border:0;background:linear-gradient(90deg,var(--primary),#7db3ff)}.bar-row strong{text-align:right;font-size:12px}.status-row{display:grid;gap:7px}.status-row div,.top-customer,.ticket-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.status-row span{font-weight:700}.top-customer{padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-muted)}.top-customer b{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:#fff;background:var(--primary);flex:0 0 auto}.top-customer div{min-width:0;flex:1}.top-customer strong,.top-customer span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-customer em{color:var(--primary);font-style:normal;font-weight:800;white-space:nowrap}.ticket-card{border-radius:16px;padding:14px;box-shadow:none}.ticket-card>strong{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:var(--primary-soft);color:var(--primary)}.ticket-card span,.ticket-card small{display:block}.ticket-warning>strong{color:#9a6700;background:#fff3cd}.ticket-danger>strong{color:var(--danger);background:#b423181f}.ticket-info>strong{color:var(--primary);background:var(--primary-soft)}@media(max-width:1024px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.dashboard-grid-bottom{grid-template-columns:1fr}}@media(max-width:640px){.dashboard-hero{align-items:stretch;flex-direction:column;padding:16px}.dashboard-kpis{grid-template-columns:1fr 1fr}.dashboard-kpis article,.dashboard-panel{padding:12px}.bar-row{grid-template-columns:48px minmax(0,1fr)}.bar-row strong{grid-column:2;text-align:left}.top-customer,.ticket-card{align-items:flex-start}.top-customer em{white-space:normal;text-align:right}}.dashboard-filter{display:flex;align-items:end;gap:10px;flex-wrap:wrap;justify-content:flex-end}.dashboard-filter label{display:grid;gap:5px;min-width:110px}.dashboard-filter label span{color:var(--muted);font-size:12px;font-weight:700}.dashboard-filter select{min-height:40px;border:1px solid var(--border);border-radius:10px;padding:0 10px;background:var(--surface);color:var(--text)}.dashboard-kpis .kpi-money{grid-column:span 2}.dashboard-kpis .kpi-money strong{font-size:clamp(22px,2.4vw,30px);letter-spacing:-.04em;white-space:nowrap}.annual-panel{overflow:hidden}.annual-chart{min-height:250px;display:grid;grid-template-columns:repeat(12,minmax(44px,1fr));gap:10px;align-items:end;overflow-x:auto;padding:8px 2px 4px}.annual-bar{min-width:44px;display:grid;grid-template-rows:170px auto auto;gap:7px;align-items:end;text-align:center}.annual-bar>div{height:170px;width:100%;border-radius:14px;background:var(--surface-muted);border:1px solid var(--border);display:flex;align-items:end;overflow:hidden}.annual-bar i{display:block;width:100%;min-height:3px;border-radius:14px 14px 0 0;background:linear-gradient(180deg,#7db3ff 0%,var(--primary) 100%)}.annual-bar span{font-size:12px;font-weight:800}.annual-bar small{color:var(--muted);font-size:11px;white-space:nowrap}@media(max-width:1024px){.dashboard-filter{justify-content:flex-start;width:100%}.annual-chart{grid-template-columns:repeat(12,minmax(56px,1fr))}}@media(max-width:640px){.dashboard-filter{display:grid;grid-template-columns:1fr 1fr}.dashboard-filter button{grid-column:1 / -1;justify-content:center}.dashboard-kpis .kpi-money{grid-column:1 / -1}.dashboard-kpis .kpi-money strong{white-space:normal;overflow-wrap:anywhere}}@media(max-width:760px){.orders-view{gap:10px;padding:8px}.orders-view .orders-list-toolbar{gap:8px}.orders-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.orders-summary div{min-height:68px;padding:9px;border-radius:10px}.orders-summary span{font-size:8px}.orders-summary strong{font-size:14px}.orders-summary small,.orders-filter-heading div span,.orders-filter-heading>span,.period-quick-actions>span{display:none}.orders-filter-panel .period-quick-actions{flex-wrap:nowrap;overflow-x:auto;padding:7px}.period-quick-actions button{flex:0 0 auto}.orders-filter-heading{padding:10px 10px 2px}.orders-filter-panel .orders-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 10px 10px}.orders-filter-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr 1fr}.orders-table-wrap{overflow:visible;border:0;background:transparent;box-shadow:none}.orders-table{min-width:0;display:block}.orders-table thead{display:none}.orders-table tbody{display:grid;gap:8px}.orders-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 6px 18px #0a2c4e0e}.orders-table td{display:grid;gap:3px;padding:6px;border:0}.orders-table td:before{content:attr(data-label);color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.orders-table td[data-label=Cliente],.orders-table td[data-label=Representante],.orders-table td[data-label=Acoes]{grid-column:1 / -1}.orders-table td[data-label=Acoes]{padding-top:8px;border-top:1px solid var(--border)}.order-customer-name{max-width:100%;white-space:normal}.order-actions-mobile{display:block}}.customers-view{display:grid;align-content:start;gap:12px;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--primary) 7%,transparent),transparent 26%),var(--surface-muted)}.customers-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.customers-summary div{position:relative;min-height:86px;display:grid;align-content:center;gap:2px;overflow:hidden;padding:15px 18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 10px 30px #0a2c4e0e}.customers-summary div:after{content:"";position:absolute;top:-28px;right:-24px;width:82px;height:82px;border-radius:50%;background:color-mix(in srgb,var(--primary) 9%,transparent)}.customers-summary span,.customers-filters label span,.customer-view-grid span{color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.customers-summary strong{color:var(--text);font-size:22px;letter-spacing:-.025em}.customers-summary small{color:var(--muted);font-size:10px}.customers-filter-panel{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 10px 30px #0a2c4e0e}.customers-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 4px}.customers-filter-heading div{display:grid;gap:2px}.customers-filter-heading strong{color:var(--text);font-size:13px}.customers-filter-heading span{color:var(--muted);font-size:10px}.customers-filter-heading>span{padding:5px 8px;border-radius:999px;color:var(--primary-strong);background:var(--primary-soft);font-weight:750;white-space:nowrap}.customers-filter-panel .customers-filters{display:grid;grid-template-columns:110px minmax(220px,1.25fr) minmax(160px,.8fr) minmax(160px,.8fr) 74px auto auto auto;gap:8px;align-items:end;padding:10px 14px 14px;border:0;border-radius:0;background:transparent}.customers-filter-panel .customers-filters label{min-width:0;display:grid;gap:5px}.customers-filter-panel .customers-filters input{width:100%;min-width:0;height:38px;border:1px solid var(--border-strong);border-radius:9px;background:#fff;color:var(--text);padding:0 10px;outline:0}.customers-filter-panel .customers-filters input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #174ea61f}:root[data-theme=dark] .customers-filter-panel .customers-filters input{background:#0d1728}.customers-filter-panel .customers-filters button{height:38px;min-height:38px}.customers-table-wrap{border-radius:14px;box-shadow:0 10px 30px #0a2c4e0e}.customers-table{min-width:860px}.customers-table th{position:sticky;top:0;z-index:2;padding:11px 14px;color:var(--muted);background:color-mix(in srgb,var(--surface-muted) 72%,var(--surface));font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.customers-table td{padding:13px 14px;color:var(--muted);font-size:12px}.customers-table tbody tr{cursor:pointer;transition:background .18s ease}.customers-table tbody tr:hover{background:color-mix(in srgb,var(--primary-soft) 55%,var(--surface))}.customer-code,.customer-name{color:var(--text)}.customer-code{color:var(--primary-strong);font-size:13px}.customer-name{display:block;max-width:460px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.customer-state{display:inline-grid;min-width:34px;place-items:center;padding:4px 7px;border-radius:7px;color:var(--primary-strong);background:var(--primary-soft);font-weight:750}.customer-view-modal{width:min(840px,calc(100vw - 28px));border-radius:18px;overflow:hidden;box-shadow:0 24px 70px #0f172a38}.customer-view-modal header{min-height:70px;background:color-mix(in srgb,var(--surface-muted) 64%,var(--surface))}.customer-view-modal header button{height:36px;min-height:36px;justify-content:center;background:var(--surface);color:var(--danger)}.customer-view-hero{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center;margin:14px 16px 0;padding:14px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,var(--primary-soft),color-mix(in srgb,var(--surface) 80%,var(--primary-soft)))}.customer-view-hero b{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(135deg,#0b4e83,#1675ac);font-size:15px;letter-spacing:.04em}.customer-view-hero div{min-width:0;display:grid;gap:2px}.customer-view-hero span{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.customer-view-hero strong{overflow:hidden;color:var(--text);font-size:18px;white-space:nowrap;text-overflow:ellipsis}.customer-view-hero small{color:var(--muted);font-size:12px}.customer-view-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px}.customer-view-grid div{border-radius:12px;background:var(--surface-muted)}.customer-view-grid strong{color:var(--text);font-size:13px}@media(max-width:760px){.customers-view{gap:10px;padding:8px}.customers-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.customers-summary div{min-height:68px;padding:9px;border-radius:10px}.customers-summary span{font-size:8px}.customers-summary strong{font-size:14px}.customers-summary small,.customers-filter-heading div span,.customers-filter-heading>span{display:none}.customers-filter-heading{padding:10px 10px 2px}.customers-filter-panel .customers-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 10px 10px}.customers-filter-panel .customers-filters button{width:100%}.customers-table-wrap{overflow:visible;border:0;background:transparent;box-shadow:none}.customers-table{min-width:0;display:block}.customers-table thead{display:none}.customers-table tbody{display:grid;gap:8px}.customers-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 6px 18px #0a2c4e0e}.customers-table td{display:grid;gap:3px;padding:6px;border:0}.customers-table td:before{content:attr(data-label);color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.customers-table td[data-label=Cliente],.customers-table td[data-label=CNPJ]{grid-column:1 / -1}.customer-name{max-width:100%;white-space:normal}.customer-view-modal{width:min(100%,calc(100vw - 16px));max-height:calc(100vh - 16px)}.customer-view-modal header{grid-template-columns:1fr}.customer-view-hero{grid-template-columns:44px minmax(0,1fr);margin:10px 10px 0;padding:10px}.customer-view-hero b{width:44px;height:44px;border-radius:13px}.customer-view-hero strong{font-size:14px;white-space:normal}.customer-view-grid{grid-template-columns:1fr;padding:10px}}.standalone-print-page{min-height:100vh;background:#f1f5f9;color:#0f172a;font-family:Arial,Helvetica,sans-serif}.standalone-print-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 10px #0000000a}.standalone-print-info strong{font-size:16px;color:#1e293b;display:block}.standalone-print-info span{font-size:13px;color:#64748b}.standalone-print-actions{display:flex;align-items:center;gap:10px}.standalone-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.standalone-btn.primary{background:#173f80;color:#fff}.standalone-btn.primary:hover{background:#112d5d}.standalone-btn.secondary{background:#f8fafc;color:#334155;border-color:#cbd5e1}.standalone-btn.secondary:hover{background:#f1f5f9}.standalone-print-body{max-width:960px;margin:24px auto 40px;padding:24px;background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000000f}.standalone-print-state{min-height:100vh;display:grid;place-items:center;background:#f8fafc;padding:20px}.standalone-print-card{max-width:440px;background:#fff;padding:32px 24px;border-radius:12px;text-align:center;box-shadow:0 4px 20px #00000014}.standalone-home-btn{display:inline-block;padding:10px 20px;background:#173f80;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;text-decoration:none}.print-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.print-toolbar-title{display:flex;align-items:center;gap:12px}.print-feedback-badge{font-size:12px;font-weight:600;color:#15803d;background:#dcfce7;padding:3px 8px;border-radius:6px}.print-toolbar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.print-toolbar-actions button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer}.btn-share-whatsapp{background:#25d366!important;color:#fff!important;border:1px solid #20bd5a!important}.btn-share-whatsapp:hover{background:#1ea952!important}.btn-action-whatsapp{color:#16a34a!important}.btn-action-whatsapp:hover{background:#25d36626!important}