:root{font-family:Inter,ui-sans-serif,system-ui,Arial,sans-serif;color:#16201d;background:#f5f7f4;font-size:16px;letter-spacing:0;--primary: #25745f;--primary-strong: #17483d;--primary-soft: #e7f2ee;--primary-soft-2: #e3eee9;--primary-border: #cbded6;--primary-contrast: #ffffff;--primary-dark-soft: #20342e;--primary-dark-border: #3d5a50;--primary-dark-text: #d9f3ea}.labels-page .page-head{align-items:flex-start}.label-workbench{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px}.label-side,.label-history{align-self:start;position:sticky;top:88px}.label-results,.label-batch{display:grid;gap:8px;max-height:330px;overflow:auto}.label-results button,.label-batch div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;border:1px solid #dfe8e3;border-radius:8px;background:#fff;color:inherit;padding:9px;text-align:left}.label-results button span{grid-column:1 / -1;color:#65766f;overflow-wrap:anywhere}.dark .label-results button,.dark .label-batch div{background:#18231f;border-color:#385049}.label-batch button{border:0;background:transparent;color:#b3261e;cursor:pointer}.label-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}.label-toolbar select{width:auto;min-width:180px}.label-main-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.label-canvas-wrap{width:100%;overflow:auto;padding:18px;background:#eef3f0;border:1px solid #dfe8e3;border-radius:8px}.dark .label-canvas-wrap{background:#101916;border-color:#385049}.label-canvas{position:relative;margin:auto;background:#fff;border:1px dashed #92a19b;box-shadow:0 10px 28px #0000001f}.label-sheet-preview{display:grid;justify-content:start;align-content:start;min-width:max-content}.label-sheet-preview .label-canvas{margin:0}.label-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:14px}.label-search-row .primary{min-height:44px}.supercool-price-canvas{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;padding:0;border-color:#c8d3ce}.price-logo-box{display:flex;align-items:center;justify-content:center;height:100%;padding:5px 6px 5px 0}.price-logo-box img{display:block;width:34px;max-height:48px;object-fit:contain}.price-table-box{height:96px;margin-right:0;border:3px solid #111;color:#111;background:#fff;min-width:0}.price-table-box div{display:grid;grid-template-columns:65% 35%;height:30px;border-bottom:3px solid #111}.price-table-box div:last-child{border-bottom:0}.price-table-box span,.price-table-box strong{display:flex;align-items:center;min-width:0;padding:0 8px;font-family:SimSun,宋体,Courier New,monospace;font-size:var(--label-font-size, 20px);font-weight:500;line-height:1;white-space:nowrap;overflow:hidden}.price-table-box span{border-right:3px solid #111}.price-table-box strong{justify-content:center}.label-el{position:absolute;display:block;min-height:18px;padding:2px 4px;overflow:hidden;border:1px solid transparent;background:transparent;color:#111;cursor:move;border-radius:4px}.label-el.selected{border-color:var(--primary);background:#25745f14}.label-config{align-self:start}.label-config input,.label-config select{min-height:38px;padding:8px 10px}.mobile-nav-only{display:none!important}.bottom-bar-settings{margin-top:18px}.bottom-bar-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;margin:14px 0}.bottom-bar-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.bottom-bar-list{display:grid;gap:8px}.bottom-bar-row{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid #dfe8e3;border-radius:8px;padding:10px 12px}.bottom-bar-row span{min-width:0}.reception-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:16px}.reception-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:end}.reception-summary{display:flex;gap:16px;margin:10px 0 14px;flex-wrap:wrap}.reception-draft-list{display:grid;gap:10px;margin-bottom:14px}.reception-item-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:center;border:1px solid #dfe8e3;border-radius:8px;padding:10px 12px;background:#fff}.assign-row{align-items:center}.assign-row select{min-width:220px}.element-editor{border-top:1px solid #dfe8e3;margin-top:12px;padding-top:12px}.dark .element-editor{border-color:#385049}.label-import-preview{margin-bottom:14px}@media (max-width: 1100px){.label-workbench,.label-main-grid{grid-template-columns:1fr}.label-side,.label-history{position:static}}@media (max-width: 520px){.labels-page{overflow-x:hidden}.labels-page>.page-head{display:grid;grid-template-columns:1fr;align-items:stretch;gap:10px}.labels-page>.page-head h1{margin-bottom:8px;overflow-wrap:anywhere}.labels-page>.page-head .hint{margin:0}.labels-page>.page-head .file-btn{width:100%;justify-content:center}.label-search-row{grid-template-columns:1fr}.label-search-row .primary{width:100%}.label-results,.label-batch{max-height:260px}.label-canvas-wrap{padding:10px;overflow:hidden}.label-sheet-preview{justify-items:center;min-width:0}.label-toolbar{display:grid;grid-template-columns:1fr}.label-toolbar select,.label-toolbar button{width:100%}.label-canvas-wrap{padding:10px}}:root[data-theme=black]{--primary: #202020;--primary-strong: #050505;--primary-soft: #eeeeee;--primary-soft-2: #e6e6e6;--primary-border: #c9c9c9;--primary-dark-soft: #2a2a2a;--primary-dark-border: #555555;--primary-dark-text: #f4f4f4}:root[data-theme=blue]{--primary: #246b8f;--primary-strong: #15445d;--primary-soft: #e5f1f7;--primary-soft-2: #deedf4;--primary-border: #c1dbe8;--primary-dark-soft: #1d3340;--primary-dark-border: #3d6478;--primary-dark-text: #dff4ff}:root[data-theme=red]{--primary: #9f2f2f;--primary-strong: #641d1d;--primary-soft: #f6e7e7;--primary-soft-2: #f1dddd;--primary-border: #e0c0c0;--primary-dark-soft: #3f2424;--primary-dark-border: #743f3f;--primary-dark-text: #ffe6e6}:root[data-theme=gold]{--primary: #7b6422;--primary-strong: #4b3d14;--primary-soft: #f2eddc;--primary-soft-2: #ebe3c8;--primary-border: #d5c995;--primary-dark-soft: #38311f;--primary-dark-border: #685a31;--primary-dark-text: #fff4c9}:root[data-theme=gray]{--primary: #56615d;--primary-strong: #303836;--primary-soft: #e9eeec;--primary-soft-2: #e0e7e4;--primary-border: #c6d0cc;--primary-dark-soft: #26302d;--primary-dark-border: #4d5d57;--primary-dark-text: #e8f2ee}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea,a{font:inherit}button,a{border-radius:8px}.dark{color:#edf6f1;background:#0f1714}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#eef5ef,#e7f0f6)}.dark .auth-shell{background:linear-gradient(135deg,#101816,#17211f)}.login-card{width:min(440px,100%);background:#fffffff0;border:1px solid #dce4df;border-radius:8px;padding:28px;box-shadow:0 20px 60px #1e2f281f}html.ios-browser .login-card,html.safari-browser .login-card{box-shadow:0 10px 28px #1e2f2814}.loading-card{display:grid;justify-items:center;align-content:center;gap:18px;min-height:300px;text-align:center}.loading-card .login-logo{width:210px;margin:0 auto 8px}.loading-card p{margin:0;color:#4f615b;font-weight:750}.dark .loading-card p{color:#c6d8d1}.loading-spinner{width:34px;height:34px;border:3px solid var(--primary-soft-2);border-top-color:var(--primary);border-radius:50%;animation:spin .9s linear infinite}.dark .login-card,.dark .panel,.dark .warehouse-card,.dark .modal-card,.dark .stats article{background:#18231f;border-color:#385049;color:#edf6f1}.wide{width:min(880px,100%)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--primary)}.brand-logo{display:block;width:174px;max-width:100%;height:auto;object-fit:contain}.login-logo{width:230px}.dark .brand-logo{filter:invert(1) brightness(1.9) contrast(1.05)}.brand.large{font-size:1.35rem;margin-bottom:22px}h1{margin:0 0 20px;font-size:2rem;line-height:1.1}h2{margin:0 0 14px;font-size:1.25rem}h3{margin:16px 0 10px}p{line-height:1.5}label{display:grid;gap:7px;margin-bottom:14px;font-weight:650}input,select,textarea{width:100%;border:1px solid #cbd7d1;border-radius:8px;padding:11px 12px;color:inherit;background:#fff}.dark input,.dark select,.dark textarea{background:#101916;border-color:#456158;color:#f4fbf7}.dark input::placeholder,.dark textarea::placeholder{color:#9eb2aa}textarea{min-height:92px;resize:vertical}.primary,.secondary,.ghost,.icon-btn,.chip,.warehouse-choice{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;text-decoration:none;min-height:42px;line-height:1}.primary{background:var(--primary);color:var(--primary-contrast);padding:11px 16px;font-weight:800}.secondary{background:var(--primary-soft-2);color:var(--primary-strong);padding:10px 14px;border:1px solid var(--primary-border)}.dark .secondary{background:var(--primary-dark-soft);border-color:var(--primary-dark-border);color:var(--primary-dark-text)}.ghost{background:transparent;color:inherit;padding:10px 12px;border:1px solid #cbd7d1}.dark .ghost{border-color:#456158;color:#edf6f1}.danger{color:#b3261e}.full{width:100%}.error{color:#b3261e;font-weight:700}.hint{color:#62736d;font-size:.92rem}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{padding:20px;background:#fff;border-right:1px solid #dfe8e3;display:flex;flex-direction:column;gap:8px}.dark .sidebar,.dark .topbar{background:#131d19;border-color:#31463f}.sidebar .brand{margin-bottom:20px}.mobile-extra{display:none}.mobile-menu-grid{display:contents}.active-menu-link{background:var(--primary-soft);border-color:var(--primary-border);color:var(--primary-strong)}.mobile-bottom-nav{display:none}.nav{display:flex;align-items:center;gap:10px;padding:12px;background:transparent;border:0;color:inherit;text-align:left;justify-content:flex-start}.nav.active,.nav:hover{background:var(--primary-soft);color:var(--primary-strong)}.dark .nav.active,.dark .nav:hover{background:var(--primary-dark-soft);color:var(--primary-dark-text)}.content{min-width:0}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 24px;background:#ffffffeb;border-bottom:1px solid #dfe8e3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar-main{display:flex;align-items:center;gap:12px;min-width:0}.topbar-main>div{min-width:0}.topbar-main strong,.topbar-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-top-logo{display:none}.topbar span{display:block;color:#65766f;font-size:.9rem}.top-actions,.actions,.toolbar,.quick-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.icon-btn{width:42px;background:var(--primary-soft);border:1px solid var(--primary-border);color:inherit}.dark .icon-btn{background:var(--primary-dark-soft);border-color:var(--primary-dark-border);color:#edf6f1}.mobile-menu-btn{display:none;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid #cbd7d1;background:#fff;color:inherit;padding:10px 12px}.dark .mobile-menu-btn{background:#18231f;border-color:#456158;color:#edf6f1}.page{padding:24px}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.stats article,.panel,.warehouse-card{background:#fff;border:1px solid #dfe8e3;border-radius:8px;padding:18px}.stats article,.dashboard-card-link{display:grid;gap:8px}.dashboard-card-link{background:#fff;border:1px solid #dfe8e3;border-radius:8px;color:inherit;cursor:pointer;padding:18px;text-align:left}.dashboard-card-link:hover{border-color:var(--primary);box-shadow:inset 0 0 0 2px var(--primary)}.dark .dashboard-card-link{background:#18231f;border-color:#385049;color:#edf6f1}.dark .dashboard-card-link:hover{border-color:var(--primary)}.stats strong{font-size:2rem}.two-col,.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.toolbar{margin-bottom:16px}.product-search-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:10px}.status-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0}.product-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.compact-toggle{display:none;margin-bottom:10px}.compact-tools{gap:8px}.inline-tools{margin:0;justify-content:flex-end}.compact-tools .secondary,.compact-tools .file-btn{min-height:36px;height:36px;padding:0 10px;font-size:.92rem}.toolbar label{margin:0}.toolbar .secondary,.toolbar .file-btn{display:inline-flex;align-self:center;height:42px;min-height:42px;padding:0 14px;white-space:nowrap;border-radius:8px}.toolbar.compact-tools .secondary,.toolbar.compact-tools .file-btn{height:36px;min-height:36px;padding:0 10px;font-size:.92rem}.search{flex:1;min-width:220px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #cbd7d1;border-radius:8px;padding-left:12px}.search input{border:0;background:transparent}.table-wrap{overflow:auto;background:#fff;border:1px solid #dfe8e3;border-radius:8px}.dark .table-wrap,.dark .search{background:#18231f;border-color:#385049}.product-cards{display:none}.product-cards.result-first{margin-bottom:14px}.product-card{background:#fff;border:1px solid #dfe8e3;border-radius:8px;padding:11px 12px;position:relative}.dark .product-card{background:#18231f;border-color:#385049}.product-card.exhausted{border-color:#d93b33;color:#9f1d18}.dark .product-card.exhausted{border-color:#ef6a62;color:#ffb8b2}.product-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px}.product-code{color:var(--primary-strong);font-size:1.05rem;font-weight:850}.dark .product-code{color:var(--primary-dark-text)}.status-pill{border:1px solid #cbd7d1;border-radius:8px;color:#64756f;font-size:.7rem;font-weight:750;padding:4px 7px;text-transform:uppercase}.status-pill.on{background:var(--primary-soft);border-color:var(--primary-border);color:var(--primary-strong)}.dark .status-pill{border-color:#50665f;color:#b9cbc4}.dark .status-pill.on{background:var(--primary-dark-soft);border-color:var(--primary-dark-border);color:var(--primary-dark-text)}.product-card h2{margin:0 0 8px;font-size:1.02rem;overflow-wrap:anywhere}.soldout-stamp{display:inline-flex;width:max-content;transform:rotate(-4deg);border:3px solid #d71920;color:#d71920;border-radius:4px;padding:4px 10px;font-size:.92rem;font-weight:900;letter-spacing:0;line-height:1;margin:1px 0 8px}.dark .soldout-stamp{border-color:#ff6f6f;color:#ff6f6f}.product-card dl{display:grid;gap:5px;margin:0}.product-card dl div{display:grid;gap:2px}.product-card dt{color:#65766f;font-size:.72rem;font-weight:800;text-transform:uppercase}.product-card dd{margin:0;overflow-wrap:anywhere}.card-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:7px;margin-top:10px}.card-actions .secondary{min-width:0;min-height:34px;padding:0 8px;font-size:.88rem}.table-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;color:#5f716b;font-size:.95rem}.pager{display:flex;gap:8px}.pager .secondary:disabled{cursor:not-allowed;opacity:.5}table{width:100%;border-collapse:collapse;min-width:780px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e5ece8;vertical-align:top}.dark th,.dark td{border-color:#293934}th{background:#f0f6f3;font-size:.85rem;text-transform:uppercase}.dark th{background:#20302b}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.row-actions button,.row-actions a{border:0;background:transparent;color:var(--primary);cursor:pointer}.exhausted-cell{color:#b3261e;font-weight:800}.mini-stamp{display:inline-flex;margin-left:8px;transform:rotate(-3deg);border:2px solid #d71920;border-radius:4px;color:#d71920;padding:2px 6px;font-size:.72rem;font-weight:900;line-height:1}.file-btn input{display:none}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#040a0885;display:grid;place-items:center;padding:18px;z-index:30}.modal-card{width:min(560px,100%);max-height:92vh;overflow:auto;background:#fff;border:1px solid #dfe8e3;border-radius:8px;padding:22px}.large-modal{width:min(920px,100%)}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:8px 11px;border:1px solid #cbd7d1;background:#fff;color:inherit}.chip.on{background:var(--primary);color:#fff;border-color:var(--primary)}.dark .chip{background:#18231f;border-color:#456158;color:#edf6f1}.dark .chip.on{background:var(--primary);border-color:var(--primary);color:#fff}.location-chips{display:flex;gap:8px;margin:0 0 14px;overflow-x:auto;padding-bottom:4px}.location-chips .chip{min-width:max-content}.location-chips span{opacity:.72;font-size:.82rem}.notice{background:#e1f2ea;border:1px solid #b9ddcd;border-radius:8px;color:#1e684e;margin-bottom:12px;padding:10px 12px}.dark .notice{background:#19382f;border-color:#316451;color:#ddfff3}.warehouse-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.warehouse-choice{min-height:132px;flex-direction:column;background:#fff;border:1px solid #dfe8e3;color:inherit;padding:18px}.warehouse-card svg{color:var(--primary)}.toast{position:fixed;right:18px;bottom:18px;background:#153b32;color:#fff;padding:12px 16px;border-radius:8px;z-index:40;animation:fadeOut 4s forwards}.order-alert{position:fixed;right:18px;top:86px;z-index:45;display:grid;gap:8px;width:min(340px,calc(100vw - 28px));background:#fff;border:2px solid var(--primary);border-radius:8px;box-shadow:0 18px 50px #12231c2e;padding:14px}.dark .order-alert{background:#18231f;border-color:var(--primary);color:#edf6f1}.order-alert strong{font-size:1.05rem}.order-alert span{color:var(--primary-strong);font-weight:800}.dark .order-alert span{color:var(--primary-dark-text)}.order-alert p{margin:0;color:#65766f}.dark .order-alert p{color:#b9cbc4}.order-alert-close{position:absolute;right:8px;top:8px;min-height:30px;width:30px;padding:0}.avatar{width:96px;height:96px;border-radius:8px;object-fit:cover;border:1px solid #dfe8e3}.history-item{border:1px solid #dfe8e3;border-radius:8px;margin-bottom:10px;padding:12px}.dark .history-item{border-color:#293934}.history-item span{color:#65766f;display:block;font-size:.86rem;margin-top:3px}.history-item p{margin:8px 0 0}.danger-action{background:#b3261e}.settings-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);gap:16px}.settings-profile{margin-top:18px}.audit-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;background:#fff;border:1px solid #cbd7d1;border-radius:8px;margin-bottom:14px;padding-left:12px}.dark .audit-search{background:#18231f;border-color:#385049}.audit-search input{border:0;background:transparent}.user-cards{display:none}.user-card{background:#fff;border:1px solid #dfe8e3;border-radius:8px;padding:12px}.dark .user-card{background:#18231f;border-color:#385049}.user-card span{color:#65766f;display:block;font-size:.75rem;font-weight:800;text-transform:uppercase}.user-card strong,.user-card p{display:block;margin:2px 0 9px;overflow-wrap:anywhere}.master-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;border-radius:999px;background:#228b6d24;color:var(--primary, #2f7d68);font-size:.72rem;font-weight:800;margin:0 0 10px}.master-badge.inline{margin:0 0 0 8px;vertical-align:middle}.form-actions{border-top:1px solid #dfe8e3;margin-top:18px;padding-top:14px}.dark .form-actions{border-color:#385049}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.theme-card{display:grid;justify-items:start;gap:8px;min-height:118px;padding:14px;background:#fff;border:1px solid #dfe8e3;color:inherit;text-align:left}.dark .theme-card{background:#18231f;border-color:#385049}.theme-card.selected{border-color:var(--primary);box-shadow:inset 0 0 0 2px var(--primary)}.theme-card small{color:#65766f}.dark .theme-card small{color:#a9bbb4}.swatch{display:flex;gap:5px}.swatch i{width:24px;height:24px;border-radius:8px;border:1px solid rgba(0,0,0,.08)}.theme-card[data-swatch=green] .swatch i:nth-child(1){background:#25745f}.theme-card[data-swatch=green] .swatch i:nth-child(2){background:#e7f2ee}.theme-card[data-swatch=green] .swatch i:nth-child(3){background:#17483d}.theme-card[data-swatch=black] .swatch i:nth-child(1){background:#202020}.theme-card[data-swatch=black] .swatch i:nth-child(2){background:#eee}.theme-card[data-swatch=black] .swatch i:nth-child(3){background:#050505}.theme-card[data-swatch=blue] .swatch i:nth-child(1){background:#246b8f}.theme-card[data-swatch=blue] .swatch i:nth-child(2){background:#e5f1f7}.theme-card[data-swatch=blue] .swatch i:nth-child(3){background:#15445d}.theme-card[data-swatch=red] .swatch i:nth-child(1){background:#9f2f2f}.theme-card[data-swatch=red] .swatch i:nth-child(2){background:#f6e7e7}.theme-card[data-swatch=red] .swatch i:nth-child(3){background:#641d1d}.theme-card[data-swatch=gold] .swatch i:nth-child(1){background:#7b6422}.theme-card[data-swatch=gold] .swatch i:nth-child(2){background:#f2eddc}.theme-card[data-swatch=gold] .swatch i:nth-child(3){background:#4b3d14}.theme-card[data-swatch=gray] .swatch i:nth-child(1){background:#56615d}.theme-card[data-swatch=gray] .swatch i:nth-child(2){background:#e9eeec}.theme-card[data-swatch=gray] .swatch i:nth-child(3){background:#303836}.order-counters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.counter-card{background:#fff;border:1px solid #dfe8e3;border-radius:8px;color:inherit;cursor:pointer;padding:12px;text-align:left}.counter-card:hover,.counter-card.active{border-color:var(--primary);box-shadow:inset 0 0 0 2px var(--primary)}.dark .counter-card{background:#18231f;border-color:#385049}.dark .counter-card:hover,.dark .counter-card.active{border-color:var(--primary)}.order-counters span{color:#65766f;display:block;font-size:.78rem;font-weight:800;text-transform:uppercase}.order-counters strong{display:block;font-size:1.5rem;margin-top:4px}.order-filter-toggle{margin-bottom:10px}.order-filters{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:8px;margin-bottom:14px;padding:12px}.order-filters input,.order-filters select{min-height:38px;padding:8px 10px}.orders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.order-card{background:#fff;border:1px solid #dfe8e3;border-left:5px solid var(--primary-border);border-radius:8px;padding:14px}.dark .order-card{background:#18231f;border-color:#385049;border-left-color:var(--primary-dark-border)}.order-card.priority-alta{border-left-color:#b3261e}.order-card.priority-media{border-left-color:var(--primary)}.order-card.priority-baja{border-left-color:#65766f}.order-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.order-card h2{margin:0}.order-status{border:1px solid #cbd7d1;border-radius:8px;color:#52635d;font-size:.76rem;font-weight:850;padding:5px 8px;text-transform:uppercase}.order-status.pendiente{background:#fff8df;border-color:#e4d18d;color:#715d11}.order-status.en-preparacion{background:#e7f2ee;border-color:#cbded6;color:#17483d}.order-status.listo{background:#e4f4e9;border-color:#b8dfc6;color:#12672f}.order-status.entregado{background:#eef1f4;border-color:#cfd7df;color:#4b5963}.dark .order-status{background:#20302b;border-color:#456158;color:#e8f2ee}.order-card p{margin:7px 0}.order-mini-grid,.order-summary-line{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}.order-mini-grid span,.order-summary-line span{background:var(--primary-soft);border:1px solid var(--primary-border);border-radius:8px;color:var(--primary-strong);font-size:.88rem;font-weight:750;padding:8px}.dark .order-mini-grid span,.dark .order-summary-line span{background:var(--primary-dark-soft);border-color:var(--primary-dark-border);color:var(--primary-dark-text)}.order-builder{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:16px}.order-line-form{display:grid;grid-template-columns:minmax(0,1fr) 110px auto;gap:8px;align-items:end}.order-items-preview{display:grid;gap:8px;margin-top:14px}.order-items-preview>div{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(110px,.8fr) 70px auto;gap:8px;align-items:center;border:1px solid #dfe8e3;border-radius:8px;padding:8px}.dark .order-items-preview>div{border-color:#385049}.order-items-preview button{background:transparent;border:0;color:#b3261e;cursor:pointer}.order-detail .actions{margin:12px 0}.order-item-list{display:grid;gap:8px;margin-top:14px}.order-item{display:grid;grid-template-columns:minmax(90px,1fr) 70px minmax(90px,1fr) 105px 115px;gap:8px;align-items:center;background:#fff;border:1px solid #dfe8e3;border-radius:8px;padding:9px}.dark .order-item{background:#18231f;border-color:#385049}.order-item.ready{background:#effaf2;border-color:#9bd5ad}.order-item.soldout{background:#fff1f0;border-color:#e8a19d;color:#9f1d18}.dark .order-item.ready{background:#153324;border-color:#2f7a4f}.dark .order-item.soldout{background:#371c1c;border-color:#7e3939;color:#ffc9c4}.ready-btn.on{background:#1f7a3d;border-color:#1f7a3d;color:#fff}.soldout-btn.on{background:#b3261e;border-color:#b3261e;color:#fff}@keyframes fadeOut{0%,80%{opacity:1}to{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 880px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{align-items:center;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:14px 18px}.mobile-top-logo{display:block;width:42px;height:42px;object-fit:contain;flex:0 0 auto}.dark .mobile-top-logo{filter:invert(1) brightness(1.9) contrast(1.05)}.mobile-menu-btn{display:inline-flex;align-self:center;min-width:116px}.top-actions{display:none;width:100%}.top-actions.open{display:grid;grid-column:1 / -1;grid-template-columns:1fr}.top-actions.open .ghost,.top-actions.open .icon-btn{width:100%}.top-actions.open .mobile-extra{display:inline-flex}.mobile-menu-grid{display:grid;grid-template-columns:1fr;gap:8px;width:100%}.stats,.two-col,.profile-grid,.grid2,.settings-grid,.order-builder,.woo-layout,.woo-detail-grid{grid-template-columns:1fr}.woo-sidebar{position:static}.order-counters,.order-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.order-line-form{grid-template-columns:1fr 100px}.order-line-form .secondary{grid-column:1 / -1}.order-items-preview>div{grid-template-columns:1fr 70px}.order-items-preview>div span:nth-of-type(1),.order-items-preview>div span:nth-of-type(2){grid-column:1 / -1}.order-item{grid-template-columns:1fr 64px}.order-item span:nth-of-type(2){grid-column:1 / -1}.order-item button{min-height:38px}.order-item button:disabled,.order-detail .actions button:disabled{cursor:not-allowed;opacity:.45}.woo-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:16px;align-items:start}.woo-sidebar{position:sticky;top:86px;display:grid;gap:12px}.woo-sidebar>label,.woo-config-panel>label{display:grid;gap:6px}.woo-main{min-width:0}.woo-orders-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.woo-order-card .secondary.full{margin-top:10px}.woo-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.woo-detail-modal .panel h3{margin-top:0}.woo-label-preview{display:grid;gap:6px}.woo-label-preview p{margin:0}.woo-history-list{display:grid;gap:10px}.woo-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:22px;padding:0;background:#fff;border:1px solid #dce6f1;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #1017160a}.dark .woo-tabs{background:#17211e;border-color:#2f433d}.tab-pill{border:0;border-right:1px solid #e4ebf5;background:transparent;color:#4b5a54;padding:18px 16px;font-weight:700;cursor:pointer;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px}.tab-pill:last-child{border-right:0}.tab-pill:hover{background:#f8fbff;color:#16211d}.tab-pill.active{background:#fff;color:#1d4ed8;box-shadow:inset 0 -2px #2563eb}.dark .tab-pill:hover,.dark .tab-pill.active{background:#23302c}.tab-pill.green svg{color:#16a34a}.tab-pill.violet svg{color:#7c3aed}.tab-pill.blue svg{color:#2563eb}.tab-pill.orange svg{color:#f97316}.woo-tab-panel{display:grid;gap:16px}.woo-filters-panel{margin-bottom:16px}.woo-filter-quick{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.woo-filter-quick>label{display:grid;gap:6px}.woo-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.woo-filter-grid>label{display:grid;gap:6px}.woo-config-inline{margin-top:12px}.woo-config-box{margin-top:12px;padding-top:12px;border-top:1px solid #dfe8e3}.woo-layout-simple{display:grid;gap:16px}.panel-head-inline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-head-inline h2{display:flex;align-items:center;gap:8px;margin:0}.woo-top-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.woo-label-builder{display:grid;grid-template-columns:minmax(0,1.4fr) 160px repeat(3,auto);gap:10px;align-items:end;margin-bottom:14px}.woo-label-builder label{display:grid;gap:6px}.woo-box-label-card{border:1px solid #d9e3df;padding:14px;border-radius:8px;background:#fbfdfc}.woo-box-label-card h3{margin:0 0 10px}.woo-box-label-grid{display:grid;gap:8px}.woo-box-label-grid div{display:grid;grid-template-columns:120px 1fr;gap:10px;font-size:.95rem}.woo-box-label-grid strong{text-transform:uppercase}.woo-transport-create{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:12px}.woo-transport-list{display:grid;gap:10px}.woo-transport-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;align-items:center}.woo-transport-table{display:grid;gap:8px}.woo-transport-head,.woo-transport-line{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 120px 92px;gap:10px;align-items:center}.woo-transport-head{color:#62728d;font-size:.78rem;font-weight:800;text-transform:uppercase;padding:14px 22px;background:#edf4ff;border:1px solid #dfe8f6;border-radius:8px 8px 0 0}.woo-transport-line{border:1px solid #e8eef6;border-top:0;padding:14px 22px;background:#fff}.woo-transport-line:last-child{border-radius:0 0 8px 8px}.transport-visibility{justify-content:flex-start}.toggle-line{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.transport-name-cell{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;align-items:center}.transport-name-cell input,.transport-display-name{min-width:0}.transport-icon-box{width:46px;height:46px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#edf4ff;color:#2563eb}.transport-display-name{color:#334155;font-weight:500}.transport-line-actions{display:inline-flex;justify-content:flex-end;gap:8px}.icon-only{width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center}.switch{position:relative;display:inline-flex;justify-content:center}.switch input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.switch-track{width:40px;height:24px;border-radius:999px;background:#d7dbe2;position:relative;transition:background-color .18s ease}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0f172a2e;transition:transform .18s ease}.switch input:checked+.switch-track{background:#22c55e}.switch input:checked+.switch-track:after{transform:translate(16px)}.woo-transport-shell{padding:22px}.transport-panel-title{margin-bottom:10px}.woo-transport-create-card{border:1px solid #e7edf4;background:#fff;border-radius:8px;padding:18px;margin-bottom:18px}.woo-transport-create-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr) auto;gap:16px;align-items:end}.woo-transport-create-grid label{display:grid;gap:8px}.transport-add-btn{min-width:220px;justify-content:center}.woo-transport-footer{margin-top:18px;padding:14px 18px;border:1px solid #e7edf4;border-radius:8px;display:flex;justify-content:space-between;gap:16px;color:#475569;background:#fff}.woo-transport-footer span{display:inline-flex;align-items:center;gap:8px}.woo-card-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.woo-customers-panel{margin-top:16px}.woo-customer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px}.woo-customer-card{border:1px solid #dce4e0;border-radius:8px;padding:16px;background:#fbfdfc;display:grid;gap:12px}.woo-customer-card-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.woo-customer-card h3{margin:0}.customer-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary-strong);font-size:.82rem;font-weight:700;white-space:nowrap}.woo-customer-card-body{display:grid;gap:10px}.woo-customer-card-body p{display:grid;gap:4px;margin:0}.woo-customer-card-body strong{color:#6b7b74;text-transform:uppercase;font-size:.78rem}.order-status.listo-para-despacho{background:#eef8ec;border-color:#bfdab5;color:#305f2a}.order-status.enviado{background:#eaf0f8;border-color:#bfd0e2;color:#244a74}.order-status.entregado{background:#eef1f4;border-color:#cfd7df;color:#4b5963}.dark .order-status.listo-para-despacho,.dark .order-status.enviado,.dark .order-status.entregado{color:#edf6f1}.page{padding:18px}h1{font-size:1.55rem}}.woo-page .page-head{align-items:start;justify-content:space-between}.woo-title-block h1{display:flex;align-items:center;gap:10px;margin-bottom:10px}.woo-page .page-head>div{min-width:0}.woo-page .page-head .hint{max-width:680px}.woo-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:16px;align-items:start}.woo-sidebar{position:sticky;top:86px;display:grid;gap:12px}.woo-sidebar>label,.woo-config-panel>label{display:grid;gap:6px}.woo-main{min-width:0}.woo-orders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.woo-order-card{min-width:0}.woo-order-card .secondary.full{margin-top:10px}.woo-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.woo-detail-modal .panel h3{margin-top:0}.woo-label-preview{display:grid;gap:6px}.woo-label-preview p{margin:0}.woo-history-list{display:grid;gap:10px}@media (max-width: 880px){.woo-page .page-head{flex-direction:column;align-items:stretch}.woo-page .page-head .secondary{width:100%}.woo-tabs{display:grid;grid-template-columns:1fr}.woo-layout,.woo-detail-grid,.woo-filter-quick,.woo-filter-grid,.woo-top-grid{grid-template-columns:1fr}.woo-sidebar{position:static}.woo-orders-grid{grid-template-columns:1fr}.woo-page .order-counters{grid-template-columns:repeat(2,minmax(0,1fr))}.woo-label-builder,.woo-transport-create,.woo-transport-row,.woo-transport-head,.woo-transport-line,.woo-transport-create-grid,.woo-box-label-grid div{grid-template-columns:1fr}.woo-transport-footer{flex-direction:column;align-items:flex-start}.transport-name-cell{gap:10px}.transport-line-actions{justify-content:flex-start}.woo-card-actions{flex-direction:column}}@media (max-width: 880px){.auth-shell{padding:12px}.login-card,.modal-card{padding:18px}.toolbar{width:100%}.toolbar>*{flex:1 1 auto}.topbar-main{gap:9px}.topbar-main strong{font-size:1rem}.topbar-main span{font-size:.86rem}.mobile-menu-btn{padding:9px 12px}.product-search-panel{grid-template-columns:1fr auto;position:sticky;top:0;z-index:8;background:#f5f7f4;padding:2px 0 8px}.dark .product-search-panel{background:#0f1714}.product-search-panel .secondary{min-width:76px;padding:0 12px}.search{min-width:0}.product-controls{align-items:stretch;flex-direction:column}.status-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.inline-tools{display:flex;justify-content:flex-start;margin-bottom:2px;overflow-x:auto;padding-bottom:4px}.inline-tools>*{flex:0 0 auto}.table-meta{align-items:stretch;flex-direction:column}.pager .secondary{flex:1}.product-cards{display:grid;gap:12px}.product-main-table,.product-table-meta{display:none}.audit-search{grid-template-columns:auto minmax(0,1fr);padding:0 0 8px 12px;overflow:hidden}.audit-search input{min-width:0;padding-right:12px}.audit-search .secondary{grid-column:1 / -1;border-radius:0 0 8px 8px;border-left:0;border-right:0;border-bottom:0}.audit-table{border:0;background:transparent;overflow:visible}.audit-table table,.audit-table tbody,.audit-table tr,.audit-table td{display:block;width:100%;min-width:0}.audit-table table{min-width:0;border-collapse:separate;border-spacing:0}.audit-table thead{display:none}.audit-table tr{background:#fff;border:1px solid #dfe8e3;border-radius:8px;margin-bottom:10px;padding:12px}.dark .audit-table tr{background:#18231f;border-color:#385049}.audit-table td{border:0;padding:4px 0}.audit-table td:before{content:attr(data-label);display:block;color:#65766f;font-size:.76rem;font-weight:800;text-transform:uppercase}.audit-table .audit-desktop{display:none}.user-cards{display:grid;gap:12px}.user-cards+.table-wrap{display:none}.card-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-grid{grid-template-columns:1fr}.order-counters{grid-template-columns:repeat(2,minmax(0,1fr))}.order-filters,.orders-grid{grid-template-columns:1fr}.order-summary-line,.order-mini-grid{grid-template-columns:1fr 1fr}.desktop-nav,.mobile-nav-only{display:none!important}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));background:#fffffffa;border-top:1px solid #dfe8e3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dark .mobile-bottom-nav{background:#131d19fa;border-top-color:#31463f}.mobile-bottom-nav .nav{flex:none;flex-direction:column;justify-content:center;gap:3px;padding:7px 5px;font-size:.78rem;min-width:0}.mobile-bottom-nav .nav svg{width:17px;height:17px}.bottom-bar-config-grid,.reception-grid,.reception-form,.reception-item-card{grid-template-columns:1fr}.content{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}html.ios-browser .mobile-bottom-nav{bottom:0}html.ios-browser .mobile-bottom-nav,html.safari-browser .mobile-bottom-nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fffffffe}html.dark.ios-browser .mobile-bottom-nav,html.dark.safari-browser .mobile-bottom-nav{background:#131d19fe}html.ios-browser .content{padding-bottom:calc(102px + env(safe-area-inset-bottom,0px))}html.standalone-app .mobile-bottom-nav{bottom:0}.order-alert{left:14px;right:14px;top:auto;bottom:92px;width:auto}}
@media (max-width: 880px){.product-cards .product-card.exhausted{display:block;background:linear-gradient(180deg,#fff8f7 0%,#fff1f0 100%);border-color:#d93b33;box-shadow:inset 0 0 0 1px rgba(217,59,51,.08)}.product-cards .product-card.exhausted .product-code,.product-cards .product-card.exhausted h2{color:#8f1915}.product-cards .product-card.exhausted .status-pill{background:#fff;border-color:#e8a19d;color:#9f1d18}.product-cards .soldout-stamp{display:inline-flex;align-self:flex-start}.dark .product-cards .product-card.exhausted{background:linear-gradient(180deg,#341d1c 0%,#291514 100%);border-color:#ef6a62;box-shadow:inset 0 0 0 1px rgba(239,106,98,.12)}.dark .product-cards .product-card.exhausted .product-code,.dark .product-cards .product-card.exhausted h2,.dark .product-cards .product-card.exhausted dt,.dark .product-cards .product-card.exhausted dd{color:#ffd3cf}.dark .product-cards .product-card.exhausted .status-pill{background:#4a2220;border-color:#a94a45;color:#ffd3cf}}.order-item.updating{opacity:.82}.order-item.updating button{transition:transform .12s ease,opacity .12s ease}.order-item.updating .ready-btn,.order-item.updating .soldout-btn{transform:scale(.98)}
.woo-customer-create-card{border:1px solid #e7edf4;background:#fff;border-radius:8px;padding:16px;margin:14px 0 18px}.dark .woo-customer-create-card{background:#17211e;border-color:#2f433d}.woo-customer-create-grid{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(160px,1fr) minmax(140px,.8fr) minmax(150px,.8fr) minmax(220px,1.4fr) auto;gap:12px;align-items:end}.woo-customer-create-grid label{display:grid;gap:8px}.woo-customer-table{display:grid;gap:0;overflow-x:auto;border:1px solid #e3ebf2;border-radius:8px;background:#fff}.dark .woo-customer-table{background:#17211e;border-color:#2f433d}.woo-customer-head,.woo-customer-line{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(190px,1.1fr) minmax(150px,.85fr) minmax(160px,.9fr) minmax(260px,1.4fr) 110px;gap:10px;align-items:center;min-width:1060px}.woo-customer-head{color:#62728d;font-size:.78rem;font-weight:800;text-transform:uppercase;padding:13px 16px;background:#edf4ff;border-bottom:1px solid #dfe8f6}.dark .woo-customer-head{background:#20302c;border-color:#2f433d}.woo-customer-line{padding:12px 16px;border-bottom:1px solid #edf2f7}.woo-customer-line:last-child{border-bottom:0}.woo-customer-line input,.woo-customer-line select{min-width:0}.customer-line-actions{display:flex;justify-content:flex-end}@media (max-width:760px){.woo-customer-create-grid{grid-template-columns:1fr}.woo-customer-table{border:0;background:transparent;overflow:visible;gap:10px}.woo-customer-head{display:none}.woo-customer-line{min-width:0;grid-template-columns:1fr;border:1px solid #dce4e0;border-radius:8px;background:#fff;padding:14px}.dark .woo-customer-line{background:#17211e;border-color:#2f433d}.customer-line-actions{justify-content:stretch}.customer-line-actions button{width:100%;justify-content:center}}

/* WooCommerce redesign */
.woo-dashboard-page {
  display: grid;
  gap: 18px;
}

.woo-page-head {
  align-items: center;
}

.woo-heading h1 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  font-size: 2.1rem;
}

.woo-heading p {
  margin: 6px 0 0;
  color: #64748b;
}

.woo-tabs-modern {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #e5edf5;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.woo-tab-pill {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #ffffff;
  color: #475569;
  font-weight: 700;
  transition: border-color .18s ease, color .18s ease, box-shadow .18s ease, background .18s ease;
}

.woo-tab-pill.active {
  background: #f8fbff;
  border-color: #cfe0ff;
  box-shadow: inset 0 -2px 0 var(--primary);
}

.woo-tab-pill.blue.active { color: #2563eb; }
.woo-tab-pill.green.active { color: #16a34a; }
.woo-tab-pill.violet.active { color: #4f46e5; }

.woo-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}

.woo-shell.with-preview {
  grid-template-columns: minmax(0, 1fr) 320px;
}

.woo-shell-main {
  min-width: 0;
  display: grid;
  gap: 18px;
}

.woo-phone-shell {
  position: sticky;
  top: 84px;
}

.woo-phone-frame {
  overflow: hidden;
  border: 1px solid #d7e1ed;
  border-radius: 28px;
  background: #ffffff;
  box-shadow: 0 24px 50px rgba(15, 23, 42, 0.12);
}

.woo-phone-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid #edf2f7;
}

.woo-phone-body {
  display: grid;
  gap: 12px;
  padding: 14px;
  background: #fbfdff;
}

.woo-phone-tabbar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.woo-phone-tabbar button {
  min-height: 44px;
  border: 1px solid #dce5f0;
  border-radius: 12px;
  background: #ffffff;
  color: #64748b;
}

.woo-phone-tabbar button.active {
  color: #2563eb;
  border-color: #bfd3ff;
  background: #eff6ff;
}

.woo-phone-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.woo-phone-metrics.customers {
  grid-template-columns: 1fr;
}

.woo-phone-metrics div {
  border: 1px solid #e5edf5;
  border-radius: 14px;
  background: #ffffff;
  padding: 10px 12px;
  display: grid;
  gap: 3px;
}

.woo-phone-metrics strong {
  font-size: 1.6rem;
  line-height: 1;
}

.woo-phone-metrics span {
  font-size: .72rem;
  color: #64748b;
  text-transform: uppercase;
}

.woo-phone-toolbar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
}

.woo-phone-toolbar .search,
.woo-phone-panel .search {
  margin: 0;
}

.woo-phone-panel,
.woo-phone-order-card,
.woo-phone-list-card {
  border: 1px solid #e5edf5;
  border-radius: 16px;
  background: #ffffff;
  padding: 14px;
}

.woo-phone-panel {
  display: grid;
  gap: 10px;
}

.woo-phone-panel h3 {
  margin: 0;
  font-size: 1.2rem;
}

.woo-phone-list {
  display: grid;
  gap: 10px;
}

.woo-phone-order-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.woo-phone-order-grid div,
.woo-order-info-grid div {
  display: grid;
  gap: 4px;
}

.woo-phone-order-grid span,
.woo-order-info-grid span {
  font-size: .82rem;
  color: #64748b;
}

.woo-phone-order-grid strong,
.woo-order-info-grid strong {
  font-size: 1rem;
}

.woo-phone-list-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: 1px solid #dce7f7;
  border-radius: 12px;
  background: #f8fbff;
  padding: 12px 14px;
  color: #2563eb;
  font-weight: 600;
}

.woo-metrics-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.woo-metric-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid #e5edf5;
  border-radius: 18px;
  background: #ffffff;
  padding: 20px 22px;
  text-align: left;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.woo-metric-card strong {
  display: block;
  font-size: 2.1rem;
  line-height: 1;
  margin-bottom: 8px;
}

.woo-metric-card span {
  color: #526176;
  text-transform: uppercase;
  font-size: .82rem;
  font-weight: 700;
}

.woo-metric-card.active {
  border-color: #bfd4ff;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.12);
}

.woo-metric-icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.woo-metric-card.blue .woo-metric-icon { background: #e9f2ff; color: #2563eb; }
.woo-metric-card.yellow .woo-metric-icon { background: #fff5dd; color: #f59e0b; }
.woo-metric-card.violet .woo-metric-icon { background: #f1ecff; color: #7c3aed; }
.woo-metric-card.sky .woo-metric-icon { background: #ebf5ff; color: #3b82f6; }
.woo-metric-card.green .woo-metric-icon { background: #eaf8ef; color: #16a34a; }

.woo-tab-section {
  display: grid;
  gap: 16px;
}

.woo-toolbar-card,
.woo-section-panel,
.woo-table-card,
.woo-label-builder-card,
.woo-order-info-card {
  border: 1px solid #e5edf5;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.04);
}

.woo-toolbar-card,
.woo-section-panel,
.woo-order-info-card,
.woo-label-builder-card {
  padding: 18px;
}

.woo-table-card {
  overflow: hidden;
}

.woo-toolbar-grid {
  display: grid;
  grid-template-columns: minmax(260px, 1.5fr) repeat(4, minmax(140px, .8fr)) auto;
  gap: 12px;
  align-items: end;
}

.woo-toolbar-grid.compact {
  grid-template-columns: minmax(260px, 1.4fr) 160px auto;
}

.woo-toolbar-grid.customers {
  grid-template-columns: minmax(260px, 1.5fr) 170px 170px 150px auto;
}

.woo-toolbar-mobile-head {
  display: none;
}

.woo-toolbar-grid > label,
.woo-form-grid > label,
.woo-label-builder-grid > div > label,
.woo-phone-panel > label {
  display: grid;
  gap: 6px;
  margin: 0;
}

.woo-toolbar-grid > label > span,
.woo-form-grid > label > span,
.woo-label-builder-grid > div > label > span,
.woo-phone-panel > label > span {
  font-size: .84rem;
  font-weight: 700;
  color: #526176;
}

.woo-toolbar-grid .ghost,
.woo-toolbar-grid .primary,
.woo-inline-action {
  min-height: 46px;
}

.woo-toolbar-grid > label:not(.search) input,
.woo-toolbar-grid > label:not(.search) select {
  min-height: 46px;
}

.woo-toolbar-grid > .search {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  align-self: end;
  min-height: 46px;
  border: 1px solid #dce7f7;
  border-radius: 10px;
  background: #fff;
  padding: 0 12px;
}

.woo-toolbar-grid > .search input {
  min-height: 0;
  border: 0;
  padding: 0;
  background: transparent;
}

.woo-toolbar-grid > .search svg {
  color: #5d6c83;
  flex: 0 0 auto;
}

.woo-toolbar-grid > .ghost {
  align-self: end;
}

.woo-bulk-actions {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.woo-select-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  color: #46566d;
}

.woo-select-toggle input[type='checkbox'] {
  width: 16px;
  height: 16px;
  margin: 0;
}

.woo-advanced-link {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}

.woo-advanced-link .ghost {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.woo-advanced-link .rotated {
  transform: rotate(180deg);
}

.woo-config-card {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e5edf5;
}

.woo-table-wrap {
  overflow: auto;
}

.woo-table {
  width: 100%;
  border-collapse: collapse;
}

.woo-table thead th {
  padding: 16px 18px;
  background: #f4f7fb;
  color: #5a6980;
  text-align: left;
  font-size: .82rem;
  text-transform: uppercase;
  border-bottom: 1px solid #e5edf5;
}

.woo-table tbody td {
  padding: 16px 18px;
  border-bottom: 1px solid #edf2f7;
  vertical-align: middle;
}

.woo-empty-cell {
  text-align: center;
  color: #64748b;
}

.linkish {
  color: #2563eb;
  font-weight: 700;
}

.woo-table-footer {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 16px 18px;
  color: #526176;
}

.woo-pagination {
  display: flex;
  align-items: center;
  gap: 8px;
}

.page-chip {
  min-width: 38px;
  height: 38px;
  border: 1px solid #d6e1ef;
  border-radius: 10px;
  background: #ffffff;
  color: #526176;
}

.page-chip.active {
  border-color: #bfd3ff;
  background: #eff6ff;
  color: #2563eb;
  font-weight: 700;
}

.woo-row-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}

.woo-status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: .75rem;
  font-weight: 800;
  text-transform: uppercase;
}

.woo-status-badge.blue { color: #0284c7; background: #e0f2fe; }
.woo-status-badge.sky { color: #2563eb; background: #e9f2ff; }
.woo-status-badge.green { color: #15803d; background: #e7f8ee; }
.woo-status-badge.violet { color: #6d28d9; background: #f2ebff; }
.woo-status-badge.gray { color: #64748b; background: #eef2f7; }

.woo-mobile-cards {
  display: grid;
  gap: 12px;
}

.woo-mobile-card {
  border: 1px solid #e5edf5;
  border-radius: 16px;
  background: #ffffff;
  padding: 16px;
  display: grid;
  gap: 10px;
}

.woo-mobile-card-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.woo-mobile-card-head strong,
.woo-phone-list-card strong,
.woo-phone-order-card h3 {
  font-size: 1.05rem;
}

.woo-mobile-card-head span,
.woo-mobile-card p,
.woo-phone-list-card p,
.woo-phone-order-card p,
.woo-phone-panel p,
.woo-table-footer span,
.woo-mobile-card small {
  color: #64748b;
  margin: 0;
}

.woo-mobile-card-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.woo-detail-items-cards {
  display: grid;
  gap: 10px;
}

.woo-detail-item-card {
  border: 1px solid #dfe8e3;
  border-radius: 10px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.woo-detail-item-card div {
  display: grid;
  gap: 2px;
}

.woo-detail-item-card span {
  font-size: .74rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #64748b;
}

.woo-detail-item-card strong {
  font-size: 1rem;
  font-weight: 700;
  word-break: break-word;
}

.woo-section-title {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.woo-section-title h2 {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.woo-top-stats {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: stretch;
}

.woo-small-stat,
.woo-note-stat {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px;
}

.woo-small-stat strong {
  display: block;
  font-size: 2rem;
  line-height: 1;
}

.woo-small-stat span {
  color: #526176;
  text-transform: uppercase;
  font-weight: 700;
  font-size: .82rem;
}

.woo-note-icon {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eaf8ef;
  color: #16a34a;
}

.woo-inline-action {
  align-self: center;
  justify-self: end;
}

.woo-label-builder-grid {
  display: grid;
  grid-template-columns: minmax(220px, 1.2fr) 220px 1fr 230px;
  gap: 18px;
  align-items: start;
}

.woo-label-preview-card {
  border: 1px solid #cfe0ff;
  border-radius: 14px;
  background: #f8fbff;
  padding: 18px;
  display: grid;
  gap: 12px;
}

.woo-label-preview-inner {
  min-height: 136px;
  border: 1px dashed #b4c9ec;
  border-radius: 12px;
  display: grid;
  place-items: center;
  gap: 10px;
  text-align: center;
  color: #33557f;
  padding: 16px;
}

.woo-label-actions-col {
  display: grid;
  gap: 10px;
}

.woo-label-actions-col strong {
  color: #526176;
}

.woo-stepper {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 48px;
  border: 1px solid #dce7f7;
  border-radius: 12px;
  overflow: hidden;
}

.woo-stepper input,
.woo-stepper button {
  min-height: 46px;
  border: 0;
  text-align: center;
  background: #ffffff;
}

.woo-stepper button {
  border-right: 1px solid #e5edf5;
}

.woo-stepper button:last-child {
  border-right: 0;
  border-left: 1px solid #e5edf5;
}

.woo-order-info-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.woo-order-info-grid.compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.woo-order-info-grid .span-2 {
  grid-column: span 2;
}

.woo-detail-grid-modern {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}

.woo-detail-header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: start;
  margin-bottom: 16px;
}

.woo-detail-header h2 {
  margin: 0 0 10px;
}

.woo-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.woo-form-grid.customers {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.woo-form-grid .span-2 {
  grid-column: span 2;
}

.woo-history-list {
  display: grid;
  gap: 10px;
}

.history-item {
  border: 1px solid #e5edf5;
  border-radius: 12px;
  background: #fafcff;
  padding: 12px 14px;
  display: grid;
  gap: 6px;
}

.woo-toggle {
  position: relative;
  display: inline-flex;
  width: 34px;
  height: 20px;
}

.woo-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

.woo-toggle span {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: #dbe3ef;
  transition: background .18s ease;
}

.woo-toggle span::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 2px 5px rgba(15, 23, 42, 0.2);
  transition: transform .18s ease;
}

.woo-toggle input:checked + span {
  background: #16a34a;
}

.woo-toggle input:checked + span::after {
  transform: translateX(14px);
}

.woo-simple-modal {
  max-width: 760px;
}

.woo-simple-modal h2 {
  margin-top: 0;
}

.woo-loading-card {
  display: grid;
  place-items: center;
  min-height: 220px;
  gap: 12px;
}

.woo-loading-card .spin,
.woo-dashboard-page .spin {
  animation: woo-spin 1s linear infinite;
}

.dark .woo-tabs-modern,
.dark .woo-toolbar-card,
.dark .woo-section-panel,
.dark .woo-table-card,
.dark .woo-label-builder-card,
.dark .woo-order-info-card,
.dark .woo-metric-card,
.dark .woo-phone-frame,
.dark .woo-phone-panel,
.dark .woo-phone-order-card,
.dark .woo-phone-list-card,
.dark .woo-mobile-card,
.dark .woo-small-stat,
.dark .woo-note-stat,
.dark .history-item {
  background: #14211d;
  border-color: #2b433b;
  box-shadow: none;
}

.dark .woo-heading p,
.dark .woo-mobile-card-head span,
.dark .woo-mobile-card p,
.dark .woo-phone-list-card p,
.dark .woo-phone-order-card p,
.dark .woo-phone-panel p,
.dark .woo-table-footer span,
.dark .woo-mobile-card small,
.dark .woo-order-info-grid span,
.dark .woo-phone-order-grid span,
.dark .woo-toolbar-grid > label > span,
.dark .woo-form-grid > label > span,
.dark .woo-select-toggle,
.dark .woo-detail-item-card span {
  color: #aebdc0;
}

.dark .woo-detail-item-card {
  border-color: #2b433b;
  background: #14211d;
}

.dark .woo-table thead th {
  background: #1a2a25;
  color: #cfe3de;
  border-color: #2b433b;
}

.dark .woo-table tbody td,
.dark .woo-phone-header,
.dark .woo-phone-tabbar button,
.dark .woo-phone-metrics div,
.dark .woo-phone-list-row,
.dark .woo-toggle span,
.dark .woo-label-preview-card,
.dark .woo-label-preview-inner {
  border-color: #2b433b;
}

.dark .woo-phone-body {
  background: #0f1714;
}

@keyframes woo-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media (max-width: 1280px) {
  .woo-shell {
    grid-template-columns: minmax(0, 1fr);
  }

  .woo-phone-shell {
    display: none;
  }

  .woo-metrics-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .woo-label-builder-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .woo-order-info-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 920px) {
  .woo-tabs-modern {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .woo-metrics-grid,
  .woo-top-stats,
  .woo-label-builder-grid,
  .woo-order-info-grid,
  .woo-order-info-grid.compact,
  .woo-detail-grid-modern,
  .woo-form-grid,
  .woo-form-grid.customers,
  .woo-toolbar-grid,
  .woo-toolbar-grid.compact,
  .woo-raw-grid,
  .woo-toolbar-grid.customers {
    grid-template-columns: 1fr;
  }

  .woo-order-info-grid .span-2,
  .woo-form-grid .span-2 {
    grid-column: auto;
  }

  .woo-table-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .woo-toolbar-mobile-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    margin-bottom: 8px;
  }

  .woo-toolbar-mobile-head .secondary,
  .woo-toolbar-mobile-head .ghost {
    width: 100%;
    min-height: 44px;
    justify-content: center;
  }
}

@media (max-width: 640px) {
  .woo-heading h1 {
    font-size: 1.75rem;
  }

  .woo-tabs-modern {
    padding: 8px;
    gap: 8px;
  }

  .woo-tab-pill {
    min-height: 48px;
    padding: 0 10px;
  }

  .woo-metrics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .woo-toolbar-card,
  .woo-section-panel,
  .woo-order-info-card,
  .woo-label-builder-card {
    padding: 14px;
  }

  .woo-page-head .secondary,
  .woo-inline-action,
  .woo-label-actions-col button,
  .woo-phone-panel .primary,
  .woo-phone-panel .secondary,
  .woo-mobile-card .secondary.full {
    width: 100%;
  }

  .woo-mobile-card-row {
    flex-direction: column;
    align-items: stretch;
  }

  .woo-bulk-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .woo-bulk-actions .ghost,
  .woo-bulk-actions .secondary {
    width: 100%;
  }

  .woo-select-toggle {
    justify-content: center;
    min-height: 42px;
    border: 1px solid #dce7f7;
    border-radius: 8px;
    background: #fff;
    padding: 0 10px;
  }
}

.labels-page .page-head { align-items: flex-start; }
.label-workbench {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 14px;
}
.label-side,
.label-history {
  align-self: start;
  position: sticky;
  top: 88px;
}
.label-results,
.label-batch {
  display: grid;
  gap: 8px;
  max-height: 330px;
  overflow: auto;
}
.label-results button,
.label-batch div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  border: 1px solid #dfe8e3;
  border-radius: 8px;
  background: #fff;
  color: inherit;
  padding: 9px;
  text-align: left;
}
.label-results button span {
  grid-column: 1 / -1;
  color: #65766f;
  overflow-wrap: anywhere;
}
.dark .label-results button,
.dark .label-batch div {
  background: #18231f;
  border-color: #385049;
}
.label-batch button {
  border: 0;
  background: transparent;
  color: #b3261e;
  cursor: pointer;
}
.label-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 14px;
}
.label-toolbar select {
  width: auto;
  min-width: 180px;
}
.label-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
}
.label-canvas-wrap {
  width: 100%;
  overflow: auto;
  padding: 18px;
  background: #eef3f0;
  border: 1px solid #dfe8e3;
  border-radius: 8px;
}
.dark .label-canvas-wrap {
  background: #101916;
  border-color: #385049;
}
.label-canvas {
  position: relative;
  margin: auto;
  background: #fff;
  border: 1px dashed #92a19b;
  box-shadow: 0 10px 28px rgba(0,0,0,.12);
}
.label-sheet-preview {
  display: grid;
  justify-content: start;
  align-content: start;
  min-width: max-content;
}
.label-sheet-preview .label-canvas {
  margin: 0;
}
.label-search-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  margin-bottom: 14px;
}
.label-search-row .primary {
  min-height: 44px;
}
.supercool-price-canvas {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
  padding: 0;
  border-color: #c8d3ce;
}
.price-logo-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 5px 6px 5px 0;
}
.price-logo-box img {
  display: block;
  width: 34px;
  max-height: 48px;
  object-fit: contain;
}
.price-table-box {
  height: 96px;
  margin-right: 0;
  border: 3px solid #111;
  color: #111;
  background: #fff;
  min-width: 0;
}
.price-table-box div {
  display: grid;
  grid-template-columns: 65% 35%;
  height: 30px;
  border-bottom: 3px solid #111;
}
.price-table-box div:last-child {
  border-bottom: 0;
}
.price-table-box span,
.price-table-box strong {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 0 8px;
  font-family: SimSun, "宋体", "Courier New", monospace;
  font-size: var(--label-font-size, 20px);
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
}
.price-table-box span {
  border-right: 3px solid #111;
}
.price-table-box strong {
  justify-content: center;
}
.label-el {
  position: absolute;
  display: block;
  min-height: 18px;
  padding: 2px 4px;
  overflow: hidden;
  border: 1px solid transparent;
  background: transparent;
  color: #111;
  cursor: move;
  border-radius: 4px;
}
.label-el.selected {
  border-color: var(--primary);
  background: rgba(37, 116, 95, .08);
}
.label-config {
  align-self: start;
}
.label-config input,
.label-config select {
  min-height: 38px;
  padding: 8px 10px;
}
.mobile-nav-only { display: none !important; }
.bottom-bar-settings {
  margin-top: 18px;
}
.bottom-bar-preview {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
  gap: 8px;
  margin: 14px 0;
}
.bottom-bar-config-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 14px;
}
.bottom-bar-list {
  display: grid;
  gap: 8px;
}
.bottom-bar-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  border: 1px solid #dfe8e3;
  border-radius: 8px;
  padding: 10px 12px;
}
.bottom-bar-row span {
  min-width: 0;
}
.reception-grid {
  display: grid;
  grid-template-columns: minmax(300px, .9fr) minmax(0, 1.1fr);
  gap: 16px;
}
.reception-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  gap: 10px;
  align-items: end;
}
.reception-summary {
  display: flex;
  gap: 16px;
  margin: 10px 0 14px;
  flex-wrap: wrap;
}
.reception-draft-list {
  display: grid;
  gap: 10px;
  margin-bottom: 14px;
}
.reception-item-card {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  gap: 10px;
  align-items: center;
  border: 1px solid #dfe8e3;
  border-radius: 8px;
  padding: 10px 12px;
  background: #fff;
}
.assign-row {
  align-items: center;
}
.assign-row select {
  min-width: 220px;
}
.element-editor {
  border-top: 1px solid #dfe8e3;
  margin-top: 12px;
  padding-top: 12px;
}
.dark .element-editor {
  border-color: #385049;
}
.label-import-preview {
  margin-bottom: 14px;
}

@media (max-width: 1100px) {
  .label-workbench,
  .label-main-grid {
    grid-template-columns: 1fr;
  }
  .label-side,
  .label-history {
    position: static;
  }
}

@media (max-width: 520px) {
  .labels-page {
    overflow-x: hidden;
  }
  .labels-page > .page-head {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 10px;
  }
  .labels-page > .page-head h1 {
    margin-bottom: 8px;
    overflow-wrap: anywhere;
  }
  .labels-page > .page-head .hint {
    margin: 0;
  }
  .labels-page > .page-head .file-btn {
    width: 100%;
    justify-content: center;
  }
  .label-search-row {
    grid-template-columns: 1fr;
  }
  .label-search-row .primary {
    width: 100%;
  }
  .label-results,
  .label-batch {
    max-height: 260px;
  }
  .label-canvas-wrap {
    padding: 10px;
    overflow: hidden;
  }
  .label-sheet-preview {
    justify-items: center;
    min-width: 0;
  }
  .label-toolbar {
    display: grid;
    grid-template-columns: 1fr;
  }
  .label-toolbar select,
  .label-toolbar button {
    width: 100%;
  }
  .label-canvas-wrap {
    padding: 10px;
  }
}

:root[data-theme="black"] {
  --primary: #202020;
  --primary-strong: #050505;
  --primary-soft: #eeeeee;
  --primary-soft-2: #e6e6e6;
  --primary-border: #c9c9c9;
  --primary-dark-soft: #2a2a2a;
  --primary-dark-border: #555555;
  --primary-dark-text: #f4f4f4;
}

:root[data-theme="blue"] {
  --primary: #246b8f;
  --primary-strong: #15445d;
  --primary-soft: #e5f1f7;
  --primary-soft-2: #deedf4;
  --primary-border: #c1dbe8;
  --primary-dark-soft: #1d3340;
  --primary-dark-border: #3d6478;
  --primary-dark-text: #dff4ff;
}

:root[data-theme="red"] {
  --primary: #9f2f2f;
  --primary-strong: #641d1d;
  --primary-soft: #f6e7e7;
  --primary-soft-2: #f1dddd;
  --primary-border: #e0c0c0;
  --primary-dark-soft: #3f2424;
  --primary-dark-border: #743f3f;
  --primary-dark-text: #ffe6e6;
}

:root[data-theme="gold"] {
  --primary: #7b6422;
  --primary-strong: #4b3d14;
  --primary-soft: #f2eddc;
  --primary-soft-2: #ebe3c8;
  --primary-border: #d5c995;
  --primary-dark-soft: #38311f;
  --primary-dark-border: #685a31;
  --primary-dark-text: #fff4c9;
}

:root[data-theme="gray"] {
  --primary: #56615d;
  --primary-strong: #303836;
  --primary-soft: #e9eeec;
  --primary-soft-2: #e0e7e4;
  --primary-border: #c6d0cc;
  --primary-dark-soft: #26302d;
  --primary-dark-border: #4d5d57;
  --primary-dark-text: #e8f2ee;
}

* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; }
button, input, select, textarea, a { font: inherit; }
button, a { border-radius: 8px; }

.dark { color: #edf6f1; background: #0f1714; }
.auth-shell {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  background: linear-gradient(135deg, #eef5ef, #e7f0f6);
}
.dark .auth-shell { background: linear-gradient(135deg, #101816, #17211f); }
.login-card {
  width: min(440px, 100%);
  background: rgba(255,255,255,.94);
  border: 1px solid #dce4df;
  border-radius: 8px;
  padding: 28px;
  box-shadow: 0 20px 60px rgba(30, 47, 40, .12);
}
html.ios-browser .login-card,
html.safari-browser .login-card {
  box-shadow: 0 10px 28px rgba(30, 47, 40, .08);
}
.loading-card {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 18px;
  min-height: 300px;
  text-align: center;
}
.loading-card .login-logo {
  width: 210px;
  margin: 0 auto 8px;
}
.loading-card p {
  margin: 0;
  color: #4f615b;
  font-weight: 750;
}
.dark .loading-card p {
  color: #c6d8d1;
}
.loading-spinner {
  width: 34px;
  height: 34px;
  border: 3px solid var(--primary-soft-2);
  border-top-color: var(--primary);
  border-radius: 50%;
  animation: spin 0.9s linear infinite;
}
.dark .login-card, .dark .panel, .dark .warehouse-card, .dark .modal-card, .dark .stats article { background: #18231f; border-color: #385049; color: #edf6f1; }
.wide { width: min(880px, 100%); }
.brand { display: flex; align-items: center; gap: 10px; font-weight: 800; color: var(--primary); }
.brand-logo { display: block; width: 174px; max-width: 100%; height: auto; object-fit: contain; }
.login-logo { width: 230px; }
.dark .brand-logo { filter: invert(1) brightness(1.9) contrast(1.05); }
.brand.large { font-size: 1.35rem; margin-bottom: 22px; }
h1 { margin: 0 0 20px; font-size: 2rem; line-height: 1.1; }
h2 { margin: 0 0 14px; font-size: 1.25rem; }
h3 { margin: 16px 0 10px; }
p { line-height: 1.5; }
label { display: grid; gap: 7px; margin-bottom: 14px; font-weight: 650; }
input, select, textarea {
  width: 100%;
  border: 1px solid #cbd7d1;
  border-radius: 8px;
  padding: 11px 12px;
  color: inherit;
  background: #fff;
}
.dark input, .dark select, .dark textarea { background: #101916; border-color: #456158; color: #f4fbf7; }
.dark input::placeholder, .dark textarea::placeholder { color: #9eb2aa; }
textarea { min-height: 92px; resize: vertical; }
.primary, .secondary, .ghost, .icon-btn, .chip, .warehouse-choice {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
  cursor: pointer;
  text-decoration: none;
  min-height: 42px;
  line-height: 1;
}
.primary { background: var(--primary); color: var(--primary-contrast); padding: 11px 16px; font-weight: 800; }
.secondary { background: var(--primary-soft-2); color: var(--primary-strong); padding: 10px 14px; border: 1px solid var(--primary-border); }
.dark .secondary { background: var(--primary-dark-soft); border-color: var(--primary-dark-border); color: var(--primary-dark-text); }
.ghost { background: transparent; color: inherit; padding: 10px 12px; border: 1px solid #cbd7d1; }
.dark .ghost { border-color: #456158; color: #edf6f1; }
.danger { color: #b3261e; }
.full { width: 100%; }
.error { color: #b3261e; font-weight: 700; }
.hint { color: #62736d; font-size: .92rem; }
.app-shell { display: grid; grid-template-columns: 250px 1fr; min-height: 100vh; }
.sidebar { padding: 20px; background: #ffffff; border-right: 1px solid #dfe8e3; display: flex; flex-direction: column; gap: 8px; }
.dark .sidebar, .dark .topbar { background: #131d19; border-color: #31463f; }
.sidebar .brand { margin-bottom: 20px; }
.mobile-extra { display: none; }
.mobile-menu-grid { display: contents; }
.active-menu-link {
  background: var(--primary-soft);
  border-color: var(--primary-border);
  color: var(--primary-strong);
}
.mobile-bottom-nav { display: none; }
.nav { display: flex; align-items: center; gap: 10px; padding: 12px; background: transparent; border: 0; color: inherit; text-align: left; justify-content: flex-start; }
.nav.active, .nav:hover { background: var(--primary-soft); color: var(--primary-strong); }
.dark .nav.active, .dark .nav:hover { background: var(--primary-dark-soft); color: var(--primary-dark-text); }
.content { min-width: 0; }
.topbar { position: sticky; top: 0; z-index: 10; display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 16px 24px; background: rgba(255,255,255,.92); border-bottom: 1px solid #dfe8e3; backdrop-filter: blur(8px); }
.topbar-main { display: flex; align-items: center; gap: 12px; min-width: 0; }
.topbar-main > div { min-width: 0; }
.topbar-main strong, .topbar-main span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mobile-top-logo { display: none; }
.topbar span { display: block; color: #65766f; font-size: .9rem; }
.top-actions, .actions, .toolbar, .quick-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.icon-btn { width: 42px; background: var(--primary-soft); border: 1px solid var(--primary-border); color: inherit; }
.dark .icon-btn { background: var(--primary-dark-soft); border-color: var(--primary-dark-border); color: #edf6f1; }
.mobile-menu-btn { display: none; align-items: center; justify-content: center; gap: 8px; min-height: 42px; border: 1px solid #cbd7d1; background: #fff; color: inherit; padding: 10px 12px; }
.dark .mobile-menu-btn { background: #18231f; border-color: #456158; color: #edf6f1; }
.page { padding: 24px; }
.page-head { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-bottom: 18px; }
.stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 18px; }
.stats article, .panel, .warehouse-card {
  background: #fff;
  border: 1px solid #dfe8e3;
  border-radius: 8px;
  padding: 18px;
}
.stats article, .dashboard-card-link { display: grid; gap: 8px; }
.dashboard-card-link {
  background: #fff;
  border: 1px solid #dfe8e3;
  border-radius: 8px;
  color: inherit;
  cursor: pointer;
  padding: 18px;
  text-align: left;
}
.dashboard-card-link:hover {
  border-color: var(--primary);
  box-shadow: inset 0 0 0 2px var(--primary);
}
.dark .dashboard-card-link { background: #18231f; border-color: #385049; color: #edf6f1; }
.dark .dashboard-card-link:hover { border-color: var(--primary); }
.stats strong { font-size: 2rem; }
.two-col, .profile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 18px; }
.toolbar { margin-bottom: 16px; }
.product-search-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}
.status-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0;
}
.product-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 12px;
}
.compact-toggle {
  display: none;
  margin-bottom: 10px;
}
.compact-tools {
  gap: 8px;
}
.inline-tools {
  margin: 0;
  justify-content: flex-end;
}
.compact-tools .secondary,
.compact-tools .file-btn {
  min-height: 36px;
  height: 36px;
  padding: 0 10px;
  font-size: .92rem;
}
.toolbar label {
  margin: 0;
}
.toolbar .secondary,
.toolbar .file-btn {
  display: inline-flex;
  align-self: center;
  height: 42px;
  min-height: 42px;
  padding: 0 14px;
  white-space: nowrap;
  border-radius: 8px;
}
.toolbar.compact-tools .secondary,
.toolbar.compact-tools .file-btn {
  height: 36px;
  min-height: 36px;
  padding: 0 10px;
  font-size: .92rem;
}
.search { flex: 1; min-width: 220px; display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid #cbd7d1; border-radius: 8px; padding-left: 12px; }
.search input { border: 0; background: transparent; }
.table-wrap { overflow: auto; background: #fff; border: 1px solid #dfe8e3; border-radius: 8px; }
.dark .table-wrap, .dark .search { background: #18231f; border-color: #385049; }
.product-cards {
  display: none;
}
.product-cards.result-first {
  margin-bottom: 14px;
}
.product-card {
  background: #fff;
  border: 1px solid #dfe8e3;
  border-radius: 8px;
  padding: 11px 12px;
  position: relative;
}
.dark .product-card { background: #18231f; border-color: #385049; }
.product-card.exhausted {
  border-color: #d93b33;
  color: #9f1d18;
}
.dark .product-card.exhausted {
  border-color: #ef6a62;
  color: #ffb8b2;
}
.product-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 5px;
}
.product-code {
  color: var(--primary-strong);
  font-size: 1.05rem;
  font-weight: 850;
}
.dark .product-code { color: var(--primary-dark-text); }
.status-pill {
  border: 1px solid #cbd7d1;
  border-radius: 8px;
  color: #64756f;
  font-size: .7rem;
  font-weight: 750;
  padding: 4px 7px;
  text-transform: uppercase;
}
.status-pill.on {
  background: var(--primary-soft);
  border-color: var(--primary-border);
  color: var(--primary-strong);
}
.dark .status-pill { border-color: #50665f; color: #b9cbc4; }
.dark .status-pill.on { background: var(--primary-dark-soft); border-color: var(--primary-dark-border); color: var(--primary-dark-text); }
.product-card h2 {
  margin: 0 0 8px;
  font-size: 1.02rem;
  overflow-wrap: anywhere;
}
.soldout-stamp {
  display: inline-flex;
  width: max-content;
  transform: rotate(-4deg);
  border: 3px solid #d71920;
  color: #d71920;
  border-radius: 4px;
  padding: 4px 10px;
  font-size: .92rem;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  margin: 1px 0 8px;
}
.dark .soldout-stamp {
  border-color: #ff6f6f;
  color: #ff6f6f;
}
.product-card dl {
  display: grid;
  gap: 5px;
  margin: 0;
}
.product-card dl div {
  display: grid;
  gap: 2px;
}
.product-card dt {
  color: #65766f;
  font-size: .72rem;
  font-weight: 800;
  text-transform: uppercase;
}
.product-card dd {
  margin: 0;
  overflow-wrap: anywhere;
}
.card-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(86px, 1fr));
  gap: 7px;
  margin-top: 10px;
}
.card-actions .secondary {
  min-width: 0;
  min-height: 34px;
  padding: 0 8px;
  font-size: .88rem;
}
.table-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 0 0 12px;
  color: #5f716b;
  font-size: .95rem;
}
.pager {
  display: flex;
  gap: 8px;
}
.pager .secondary:disabled {
  cursor: not-allowed;
  opacity: .5;
}
table { width: 100%; border-collapse: collapse; min-width: 780px; }
th, td { text-align: left; padding: 12px; border-bottom: 1px solid #e5ece8; vertical-align: top; }
.dark th, .dark td { border-color: #293934; }
th { background: #f0f6f3; font-size: .85rem; text-transform: uppercase; }
.dark th { background: #20302b; }
.row-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.row-actions button, .row-actions a { border: 0; background: transparent; color: var(--primary); cursor: pointer; }
.exhausted-cell {
  color: #b3261e;
  font-weight: 800;
}
.mini-stamp {
  display: inline-flex;
  margin-left: 8px;
  transform: rotate(-3deg);
  border: 2px solid #d71920;
  border-radius: 4px;
  color: #d71920;
  padding: 2px 6px;
  font-size: .72rem;
  font-weight: 900;
  line-height: 1;
}
.file-btn input { display: none; }
.modal { position: fixed; inset: 0; background: rgba(4, 10, 8, .52); display: grid; place-items: center; padding: 18px; z-index: 30; }
.modal-card { width: min(560px, 100%); max-height: 92vh; overflow: auto; background: #fff; border: 1px solid #dfe8e3; border-radius: 8px; padding: 22px; }
.large-modal { width: min(920px, 100%); }
.grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.check { display: flex; align-items: center; gap: 8px; }
.check input { width: auto; }
.chips { display: flex; gap: 8px; flex-wrap: wrap; }
.chip { padding: 8px 11px; border: 1px solid #cbd7d1; background: #fff; color: inherit; }
.chip.on { background: var(--primary); color: #fff; border-color: var(--primary); }
.dark .chip { background: #18231f; border-color: #456158; color: #edf6f1; }
.dark .chip.on { background: var(--primary); border-color: var(--primary); color: #fff; }
.location-chips { display: flex; gap: 8px; margin: 0 0 14px; overflow-x: auto; padding-bottom: 4px; }
.location-chips .chip { min-width: max-content; }
.location-chips span { opacity: .72; font-size: .82rem; }
.notice { background: #e1f2ea; border: 1px solid #b9ddcd; border-radius: 8px; color: #1e684e; margin-bottom: 12px; padding: 10px 12px; }
.dark .notice { background: #19382f; border-color: #316451; color: #ddfff3; }
.warehouse-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
.warehouse-choice { min-height: 132px; flex-direction: column; background: #fff; border: 1px solid #dfe8e3; color: inherit; padding: 18px; }
.warehouse-card svg { color: var(--primary); }
.toast { position: fixed; right: 18px; bottom: 18px; background: #153b32; color: #fff; padding: 12px 16px; border-radius: 8px; z-index: 40; animation: fadeOut 4s forwards; }
.order-alert {
  position: fixed;
  right: 18px;
  top: 86px;
  z-index: 45;
  display: grid;
  gap: 8px;
  width: min(340px, calc(100vw - 28px));
  background: #fff;
  border: 2px solid var(--primary);
  border-radius: 8px;
  box-shadow: 0 18px 50px rgba(18, 35, 28, .18);
  padding: 14px;
}
.dark .order-alert {
  background: #18231f;
  border-color: var(--primary);
  color: #edf6f1;
}
.order-alert strong { font-size: 1.05rem; }
.order-alert span { color: var(--primary-strong); font-weight: 800; }
.dark .order-alert span { color: var(--primary-dark-text); }
.order-alert p { margin: 0; color: #65766f; }
.dark .order-alert p { color: #b9cbc4; }
.order-alert-close {
  position: absolute;
  right: 8px;
  top: 8px;
  min-height: 30px;
  width: 30px;
  padding: 0;
}
.avatar { width: 96px; height: 96px; border-radius: 8px; object-fit: cover; border: 1px solid #dfe8e3; }
.history-item { border: 1px solid #dfe8e3; border-radius: 8px; margin-bottom: 10px; padding: 12px; }
.dark .history-item { border-color: #293934; }
.history-item span { color: #65766f; display: block; font-size: .86rem; margin-top: 3px; }
.history-item p { margin: 8px 0 0; }
.danger-action { background: #b3261e; }
.settings-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(260px, .8fr); gap: 16px; }
.settings-profile { margin-top: 18px; }
.audit-search {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  background: #fff;
  border: 1px solid #cbd7d1;
  border-radius: 8px;
  margin-bottom: 14px;
  padding-left: 12px;
}
.dark .audit-search { background: #18231f; border-color: #385049; }
.audit-search input { border: 0; background: transparent; }
.user-cards { display: none; }
.user-card {
  background: #fff;
  border: 1px solid #dfe8e3;
  border-radius: 8px;
  padding: 12px;
}
.dark .user-card { background: #18231f; border-color: #385049; }
.user-card span {
  color: #65766f;
  display: block;
  font-size: .75rem;
  font-weight: 800;
  text-transform: uppercase;
}
.user-card strong, .user-card p {
  display: block;
  margin: 2px 0 9px;
  overflow-wrap: anywhere;
}
.master-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(34, 139, 109, 0.14);
  color: var(--primary, #2f7d68);
  font-size: .72rem;
  font-weight: 800;
  margin: 0 0 10px;
}
.master-badge.inline {
  margin: 0 0 0 8px;
  vertical-align: middle;
}
.form-actions {
  border-top: 1px solid #dfe8e3;
  margin-top: 18px;
  padding-top: 14px;
}
.dark .form-actions { border-color: #385049; }
.theme-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.theme-card { display: grid; justify-items: start; gap: 8px; min-height: 118px; padding: 14px; background: #fff; border: 1px solid #dfe8e3; color: inherit; text-align: left; }
.dark .theme-card { background: #18231f; border-color: #385049; }
.theme-card.selected { border-color: var(--primary); box-shadow: inset 0 0 0 2px var(--primary); }
.theme-card small { color: #65766f; }
.dark .theme-card small { color: #a9bbb4; }
.swatch { display: flex; gap: 5px; }
.swatch i { width: 24px; height: 24px; border-radius: 8px; border: 1px solid rgba(0,0,0,.08); }
.theme-card[data-swatch="green"] .swatch i:nth-child(1) { background: #25745f; }
.theme-card[data-swatch="green"] .swatch i:nth-child(2) { background: #e7f2ee; }
.theme-card[data-swatch="green"] .swatch i:nth-child(3) { background: #17483d; }
.theme-card[data-swatch="black"] .swatch i:nth-child(1) { background: #202020; }
.theme-card[data-swatch="black"] .swatch i:nth-child(2) { background: #eeeeee; }
.theme-card[data-swatch="black"] .swatch i:nth-child(3) { background: #050505; }
.theme-card[data-swatch="blue"] .swatch i:nth-child(1) { background: #246b8f; }
.theme-card[data-swatch="blue"] .swatch i:nth-child(2) { background: #e5f1f7; }
.theme-card[data-swatch="blue"] .swatch i:nth-child(3) { background: #15445d; }
.theme-card[data-swatch="red"] .swatch i:nth-child(1) { background: #9f2f2f; }
.theme-card[data-swatch="red"] .swatch i:nth-child(2) { background: #f6e7e7; }
.theme-card[data-swatch="red"] .swatch i:nth-child(3) { background: #641d1d; }
.theme-card[data-swatch="gold"] .swatch i:nth-child(1) { background: #7b6422; }
.theme-card[data-swatch="gold"] .swatch i:nth-child(2) { background: #f2eddc; }
.theme-card[data-swatch="gold"] .swatch i:nth-child(3) { background: #4b3d14; }
.theme-card[data-swatch="gray"] .swatch i:nth-child(1) { background: #56615d; }
.theme-card[data-swatch="gray"] .swatch i:nth-child(2) { background: #e9eeec; }
.theme-card[data-swatch="gray"] .swatch i:nth-child(3) { background: #303836; }
.order-counters {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}
.counter-card {
  background: #fff;
  border: 1px solid #dfe8e3;
  border-radius: 8px;
  color: inherit;
  cursor: pointer;
  padding: 12px;
  text-align: left;
}
.counter-card:hover,
.counter-card.active {
  border-color: var(--primary);
  box-shadow: inset 0 0 0 2px var(--primary);
}
.dark .counter-card { background: #18231f; border-color: #385049; }
.dark .counter-card:hover,
.dark .counter-card.active { border-color: var(--primary); }
.order-counters span { color: #65766f; display: block; font-size: .78rem; font-weight: 800; text-transform: uppercase; }
.order-counters strong { display: block; font-size: 1.5rem; margin-top: 4px; }
.order-filter-toggle {
  margin-bottom: 10px;
}
.order-filters {
  display: grid;
  grid-template-columns: repeat(7, minmax(110px, 1fr));
  gap: 8px;
  margin-bottom: 14px;
  padding: 12px;
}
.order-filters input,
.order-filters select { min-height: 38px; padding: 8px 10px; }
.orders-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}
.order-card {
  background: #fff;
  border: 1px solid #dfe8e3;
  border-left: 5px solid var(--primary-border);
  border-radius: 8px;
  padding: 14px;
}
.dark .order-card { background: #18231f; border-color: #385049; border-left-color: var(--primary-dark-border); }
.order-card.priority-alta { border-left-color: #b3261e; }
.order-card.priority-media { border-left-color: var(--primary); }
.order-card.priority-baja { border-left-color: #65766f; }
.order-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.order-card h2 { margin: 0; }
.order-status {
  border: 1px solid #cbd7d1;
  border-radius: 8px;
  color: #52635d;
  font-size: .76rem;
  font-weight: 850;
  padding: 5px 8px;
  text-transform: uppercase;
}
.order-status.pendiente { background: #fff8df; border-color: #e4d18d; color: #715d11; }
.order-status.en-preparacion { background: #e7f2ee; border-color: #cbded6; color: #17483d; }
.order-status.listo { background: #e4f4e9; border-color: #b8dfc6; color: #12672f; }
.order-status.entregado { background: #eef1f4; border-color: #cfd7df; color: #4b5963; }
.dark .order-status { background: #20302b; border-color: #456158; color: #e8f2ee; }
.order-card p { margin: 7px 0; }
.order-mini-grid,
.order-summary-line {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin: 10px 0;
}
.order-mini-grid span,
.order-summary-line span {
  background: var(--primary-soft);
  border: 1px solid var(--primary-border);
  border-radius: 8px;
  color: var(--primary-strong);
  font-size: .88rem;
  font-weight: 750;
  padding: 8px;
}
.dark .order-mini-grid span,
.dark .order-summary-line span {
  background: var(--primary-dark-soft);
  border-color: var(--primary-dark-border);
  color: var(--primary-dark-text);
}
.order-builder {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(260px, .7fr);
  gap: 16px;
}
.order-line-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 110px auto;
  gap: 8px;
  align-items: end;
}
.order-items-preview {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}
.order-items-preview > div {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr) minmax(110px, .8fr) 70px auto;
  gap: 8px;
  align-items: center;
  border: 1px solid #dfe8e3;
  border-radius: 8px;
  padding: 8px;
}
.dark .order-items-preview > div { border-color: #385049; }
.order-items-preview button {
  background: transparent;
  border: 0;
  color: #b3261e;
  cursor: pointer;
}
.order-detail .actions { margin: 12px 0; }
.order-item-list {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}
.order-item {
  display: grid;
  grid-template-columns: minmax(90px, 1fr) 70px minmax(90px, 1fr) 105px 115px;
  gap: 8px;
  align-items: center;
  background: #fff;
  border: 1px solid #dfe8e3;
  border-radius: 8px;
  padding: 9px;
}
.dark .order-item { background: #18231f; border-color: #385049; }
.order-item.ready {
  background: #effaf2;
  border-color: #9bd5ad;
}
.order-item.soldout {
  background: #fff1f0;
  border-color: #e8a19d;
  color: #9f1d18;
}
.dark .order-item.ready { background: #153324; border-color: #2f7a4f; }
.dark .order-item.soldout { background: #371c1c; border-color: #7e3939; color: #ffc9c4; }
.ready-btn.on {
  background: #1f7a3d;
  border-color: #1f7a3d;
  color: #fff;
}
.soldout-btn.on {
  background: #b3261e;
  border-color: #b3261e;
  color: #fff;
}
@keyframes fadeOut { 0%, 80% { opacity: 1; } 100% { opacity: 0; } }
@keyframes spin { to { transform: rotate(360deg); } }

@media (max-width: 880px) {
  .app-shell { grid-template-columns: 1fr; }
  .sidebar { display: none; }
  .topbar { align-items: center; display: grid; grid-template-columns: minmax(0, 1fr) auto; padding: 14px 18px; }
  .mobile-top-logo { display: block; width: 42px; height: 42px; object-fit: contain; flex: 0 0 auto; }
  .dark .mobile-top-logo { filter: invert(1) brightness(1.9) contrast(1.05); }
  .mobile-menu-btn { display: inline-flex; align-self: center; min-width: 116px; }
  .top-actions { display: none; width: 100%; }
  .top-actions.open { display: grid; grid-column: 1 / -1; grid-template-columns: 1fr; }
  .top-actions.open .ghost, .top-actions.open .icon-btn { width: 100%; }
  .top-actions.open .mobile-extra { display: inline-flex; }
  .mobile-menu-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    width: 100%;
  }
  .stats, .two-col, .profile-grid, .grid2, .settings-grid, .order-builder, .woo-layout, .woo-detail-grid { grid-template-columns: 1fr; }
  .woo-sidebar { position: static; }
  .order-counters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .order-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .order-line-form { grid-template-columns: 1fr 100px; }
  .order-line-form .secondary { grid-column: 1 / -1; }
  .order-items-preview > div { grid-template-columns: 1fr 70px; }
  .order-items-preview > div span:nth-of-type(1),
  .order-items-preview > div span:nth-of-type(2) { grid-column: 1 / -1; }
  .order-item { grid-template-columns: 1fr 64px; }
  .order-item span:nth-of-type(2) { grid-column: 1 / -1; }
.order-item button { min-height: 38px; }
.order-item button:disabled,
.order-detail .actions button:disabled {
  cursor: not-allowed;
  opacity: .45;
}
.woo-layout {
  display: grid;
  grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
.woo-sidebar {
  position: sticky;
  top: 86px;
  display: grid;
  gap: 12px;
}
.woo-sidebar > label,
.woo-config-panel > label {
  display: grid;
  gap: 6px;
}
.woo-main { min-width: 0; }
.woo-orders-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.woo-order-card .secondary.full { margin-top: 10px; }
.woo-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}
.woo-detail-modal .panel h3 { margin-top: 0; }
.woo-label-preview { display: grid; gap: 6px; }
.woo-label-preview p { margin: 0; }
.woo-history-list { display: grid; gap: 10px; }
.woo-raw-data {
  margin-top: 14px;
  display: grid;
  gap: 12px;
}
.woo-raw-block {
  border: 1px solid #dce6f1;
  border-radius: 8px;
  padding: 10px;
  background: #f9fcff;
}
.dark .woo-raw-block {
  border-color: #2f433d;
  background: #16221e;
}
.woo-raw-block h4 {
  margin: 0 0 8px;
  font-size: .92rem;
}
.woo-raw-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.woo-raw-grid div {
  min-width: 0;
}
.woo-raw-grid span {
  display: block;
  color: #64748b;
  font-size: .74rem;
  text-transform: uppercase;
  font-weight: 700;
}
.woo-raw-grid strong {
  display: block;
  margin-top: 2px;
  font-size: .9rem;
  word-break: break-word;
}
.woo-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 22px;
  padding: 0;
  background: #fff;
  border: 1px solid #dce6f1;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(16, 23, 22, .04);
}
.dark .woo-tabs {
  background: #17211e;
  border-color: #2f433d;
}
.tab-pill {
  border: 0;
  border-right: 1px solid #e4ebf5;
  background: transparent;
  color: #4b5a54;
  padding: 18px 16px;
  font-weight: 700;
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.tab-pill:last-child { border-right: 0; }
.tab-pill:hover {
  background: #f8fbff;
  color: #16211d;
}
.tab-pill.active {
  background: #fff;
  color: #1d4ed8;
  box-shadow: inset 0 -2px 0 #2563eb;
}
.dark .tab-pill:hover,
.dark .tab-pill.active {
  background: #23302c;
}
.tab-pill.green svg { color: #16a34a; }
.tab-pill.violet svg { color: #7c3aed; }
.tab-pill.blue svg { color: #2563eb; }
.tab-pill.orange svg { color: #f97316; }
.woo-tab-panel {
  display: grid;
  gap: 16px;
}
.woo-filters-panel {
  margin-bottom: 16px;
}
.woo-filter-quick {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
}
.woo-filter-quick > label {
  display: grid;
  gap: 6px;
}
.woo-filter-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}
.woo-filter-grid > label {
  display: grid;
  gap: 6px;
}
.woo-config-inline {
  margin-top: 12px;
}
.woo-config-box {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #dfe8e3;
}
.woo-layout-simple {
  display: grid;
  gap: 16px;
}
.panel-head-inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.panel-head-inline h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.woo-top-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}
.woo-label-builder {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) 160px repeat(3, auto);
  gap: 10px;
  align-items: end;
  margin-bottom: 14px;
}
.woo-label-builder label {
  display: grid;
  gap: 6px;
}
.woo-box-label-card {
  border: 1px solid #d9e3df;
  padding: 14px;
  border-radius: 8px;
  background: #fbfdfc;
}
.woo-box-label-card h3 {
  margin: 0 0 10px;
}
.woo-box-label-grid {
  display: grid;
  gap: 8px;
}
.woo-box-label-grid div {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 10px;
  font-size: .95rem;
}
.woo-box-label-grid strong {
  text-transform: uppercase;
}
.woo-transport-create {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  margin-bottom: 12px;
}
.woo-transport-list {
  display: grid;
  gap: 10px;
}
.woo-transport-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  gap: 8px;
  align-items: center;
}
.woo-transport-table {
  display: grid;
  gap: 8px;
}
.woo-transport-head,
.woo-transport-line {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) 120px 92px;
  gap: 10px;
  align-items: center;
}
.woo-transport-head {
  color: #62728d;
  font-size: .78rem;
  font-weight: 800;
  text-transform: uppercase;
  padding: 14px 22px;
  background: #edf4ff;
  border: 1px solid #dfe8f6;
  border-radius: 8px 8px 0 0;
}
.woo-transport-line {
  border: 1px solid #e8eef6;
  border-top: 0;
  padding: 14px 22px;
  background: #fff;
}
.woo-transport-line:last-child { border-radius: 0 0 8px 8px; }
.transport-visibility {
  justify-content: flex-start;
}
.toggle-line {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.transport-name-cell {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}
.transport-name-cell input,
.transport-display-name {
  min-width: 0;
}
.transport-icon-box {
  width: 46px;
  height: 46px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #edf4ff;
  color: #2563eb;
}
.transport-display-name {
  color: #334155;
  font-weight: 500;
}
.transport-line-actions {
  display: inline-flex;
  justify-content: flex-end;
  gap: 8px;
}
.icon-only {
  width: 42px;
  height: 42px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.switch {
  position: relative;
  display: inline-flex;
  justify-content: center;
}
.switch input {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.switch-track {
  width: 40px;
  height: 24px;
  border-radius: 999px;
  background: #d7dbe2;
  position: relative;
  transition: background-color .18s ease;
}
.switch-track::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .18);
  transition: transform .18s ease;
}
.switch input:checked + .switch-track {
  background: #22c55e;
}
.switch input:checked + .switch-track::after {
  transform: translateX(16px);
}
.woo-transport-shell {
  padding: 22px;
}
.transport-panel-title {
  margin-bottom: 10px;
}
.woo-transport-create-card {
  border: 1px solid #e7edf4;
  background: #fff;
  border-radius: 8px;
  padding: 18px;
  margin-bottom: 18px;
}
.woo-transport-create-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .85fr) auto;
  gap: 16px;
  align-items: end;
}
.woo-transport-create-grid label {
  display: grid;
  gap: 8px;
}
.transport-add-btn {
  min-width: 220px;
  justify-content: center;
}
.woo-transport-footer {
  margin-top: 18px;
  padding: 14px 18px;
  border: 1px solid #e7edf4;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  color: #475569;
  background: #fff;
}
.woo-transport-footer span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.woo-card-actions {
  display: flex;
  gap: 10px;
  margin-top: 12px;
  flex-wrap: wrap;
}
.woo-customers-panel {
  margin-top: 16px;
}
.woo-customer-create-card {
  border: 1px solid #e7edf4;
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  margin: 14px 0 18px;
}
.dark .woo-customer-create-card {
  background: #17211e;
  border-color: #2f433d;
}
.woo-customer-create-grid {
  display: grid;
  grid-template-columns: minmax(120px, .7fr) minmax(160px, 1fr) minmax(140px, .8fr) minmax(150px, .8fr) minmax(220px, 1.4fr) auto;
  gap: 12px;
  align-items: end;
}
.woo-customer-create-grid label {
  display: grid;
  gap: 8px;
}
.woo-customer-table {
  display: grid;
  gap: 0;
  overflow-x: auto;
  border: 1px solid #e3ebf2;
  border-radius: 8px;
  background: #fff;
}
.dark .woo-customer-table {
  background: #17211e;
  border-color: #2f433d;
}
.woo-customer-head,
.woo-customer-line {
  display: grid;
  grid-template-columns: minmax(130px, .8fr) minmax(190px, 1.1fr) minmax(150px, .85fr) minmax(160px, .9fr) minmax(260px, 1.4fr) 110px;
  gap: 10px;
  align-items: center;
  min-width: 1060px;
}
.woo-customer-head {
  color: #62728d;
  font-size: .78rem;
  font-weight: 800;
  text-transform: uppercase;
  padding: 13px 16px;
  background: #edf4ff;
  border-bottom: 1px solid #dfe8f6;
}
.dark .woo-customer-head {
  background: #20302c;
  border-color: #2f433d;
}
.woo-customer-line {
  padding: 12px 16px;
  border-bottom: 1px solid #edf2f7;
}
.woo-customer-line:last-child {
  border-bottom: 0;
}
.woo-customer-line input,
.woo-customer-line select {
  min-width: 0;
}
.customer-line-actions {
  display: flex;
  justify-content: flex-end;
}
.woo-customer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
  margin-top: 12px;
}
.woo-customer-card {
  border: 1px solid #dce4e0;
  border-radius: 8px;
  padding: 16px;
  background: #fbfdfc;
  display: grid;
  gap: 12px;
}
.woo-customer-card-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}
.woo-customer-card h3 {
  margin: 0;
}
.customer-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--primary-soft);
  color: var(--primary-strong);
  font-size: .82rem;
  font-weight: 700;
  white-space: nowrap;
}
.woo-customer-card-body {
  display: grid;
  gap: 10px;
}
.woo-customer-card-body p {
  display: grid;
  gap: 4px;
  margin: 0;
}
.woo-customer-card-body strong {
  color: #6b7b74;
  text-transform: uppercase;
  font-size: .78rem;
}
.order-status.listo-para-despacho { background: #eef8ec; border-color: #bfdab5; color: #305f2a; }
.order-status.enviado { background: #eaf0f8; border-color: #bfd0e2; color: #244a74; }
.order-status.entregado { background: #eef1f4; border-color: #cfd7df; color: #4b5963; }
.dark .order-status.listo-para-despacho,
.dark .order-status.enviado,
.dark .order-status.entregado { color: #edf6f1; }
  .page { padding: 18px; }
  h1 { font-size: 1.55rem; }
}

.woo-page .page-head {
  align-items: start;
  justify-content: space-between;
}
.woo-title-block h1 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.woo-page .page-head > div {
  min-width: 0;
}
.woo-page .page-head .hint {
  max-width: 680px;
}
.woo-layout {
  display: grid;
  grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
.woo-sidebar {
  position: sticky;
  top: 86px;
  display: grid;
  gap: 12px;
}
.woo-sidebar > label,
.woo-config-panel > label {
  display: grid;
  gap: 6px;
}
.woo-main { min-width: 0; }
.woo-orders-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
}
.woo-order-card {
  min-width: 0;
}
.woo-order-card .secondary.full { margin-top: 10px; }
.woo-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}
.woo-detail-modal .panel h3 { margin-top: 0; }
.woo-label-preview { display: grid; gap: 6px; }
.woo-label-preview p { margin: 0; }
.woo-history-list { display: grid; gap: 10px; }

@media (max-width: 880px) {
  .woo-page .page-head {
    flex-direction: column;
    align-items: stretch;
  }
  .woo-page .page-head .secondary {
    width: 100%;
  }
  .woo-tabs {
    display: grid;
    grid-template-columns: 1fr;
  }
  .woo-layout,
  .woo-detail-grid {
    grid-template-columns: 1fr;
  }
  .woo-filter-quick,
  .woo-filter-grid {
    grid-template-columns: 1fr;
  }
  .woo-top-grid {
    grid-template-columns: 1fr;
  }
  .woo-sidebar {
    position: static;
  }
  .woo-orders-grid {
    grid-template-columns: 1fr;
  }
  .woo-page .order-counters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .woo-label-builder,
  .woo-transport-create,
  .woo-transport-row,
  .woo-transport-head,
  .woo-transport-line,
  .woo-transport-create-grid,
  .woo-customer-create-grid,
  .woo-box-label-grid div {
    grid-template-columns: 1fr;
  }
  .woo-customer-table {
    border: 0;
    background: transparent;
    overflow: visible;
    gap: 10px;
  }
  .woo-customer-head {
    display: none;
  }
  .woo-customer-line {
    min-width: 0;
    grid-template-columns: 1fr;
    border: 1px solid #dce4e0;
    border-radius: 8px;
    background: #fff;
    padding: 14px;
  }
  .dark .woo-customer-line {
    background: #17211e;
    border-color: #2f433d;
  }
  .customer-line-actions {
    justify-content: stretch;
  }
  .customer-line-actions button {
    width: 100%;
    justify-content: center;
  }
  .woo-transport-footer {
    flex-direction: column;
    align-items: flex-start;
  }
  .transport-name-cell {
    gap: 10px;
  }
  .transport-line-actions {
    justify-content: flex-start;
  }
  .woo-card-actions {
    flex-direction: column;
  }
}

@media (max-width: 880px) {
  .modal {
    align-items: flex-start;
    overflow-y: auto;
    padding: 10px;
  }

  .woo-detail-modal {
    width: 100%;
    max-height: none;
    min-height: calc(100dvh - 20px);
    border-radius: 14px;
    padding: 14px;
  }

  .woo-detail-header {
    position: sticky;
    top: 0;
    z-index: 3;
    background: inherit;
    padding-bottom: 8px;
    margin-bottom: 10px;
  }

  .woo-detail-header .icon-btn {
    min-height: 40px;
    width: 40px;
  }

  .woo-detail-modal .woo-table-wrap {
    border: 0;
    background: transparent;
    overflow: visible;
  }

  .woo-detail-modal .woo-table,
  .woo-detail-modal .woo-table tbody,
  .woo-detail-modal .woo-table tr,
  .woo-detail-modal .woo-table td {
    display: block;
    width: 100%;
  }

  .woo-detail-modal .woo-table thead {
    display: none;
  }

  .woo-detail-modal .woo-table tr {
    border: 1px solid #dfe8e3;
    border-radius: 10px;
    background: #ffffff;
    padding: 10px 12px;
    margin-bottom: 10px;
  }

  .dark .woo-detail-modal .woo-table tr {
    border-color: #2b433b;
    background: #14211d;
  }

  .woo-detail-modal .woo-table td {
    border: 0;
    padding: 4px 0;
  }

  .woo-detail-modal .woo-table td::before {
    content: attr(data-label);
    display: block;
    font-size: .75rem;
    color: #64748b;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 2px;
  }

  .woo-detail-modal .actions {
    position: sticky;
    bottom: 0;
    z-index: 3;
    background: inherit;
    border-top: 1px solid #dfe8e3;
    padding-top: 10px;
    margin-top: 8px;
  }

  .dark .woo-detail-modal .actions {
    border-top-color: #2b433b;
  }

  .auth-shell { padding: 12px; }
  .login-card, .modal-card { padding: 18px; }
  .toolbar { width: 100%; }
  .toolbar > * { flex: 1 1 auto; }
  .topbar-main { gap: 9px; }
  .topbar-main strong { font-size: 1rem; }
  .topbar-main span { font-size: .86rem; }
  .mobile-menu-btn { padding: 9px 12px; }
  .product-search-panel {
    grid-template-columns: 1fr auto;
    position: sticky;
    top: 0;
    z-index: 8;
    background: #f5f7f4;
    padding: 2px 0 8px;
  }
  .dark .product-search-panel { background: #0f1714; }
  .product-search-panel .secondary {
    min-width: 76px;
    padding: 0 12px;
  }
  .search { min-width: 0; }
  .product-controls { align-items: stretch; flex-direction: column; }
  .status-tabs { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px; }
  .inline-tools { display: flex; justify-content: flex-start; margin-bottom: 2px; overflow-x: auto; padding-bottom: 4px; }
  .inline-tools > * { flex: 0 0 auto; }
  .table-meta { align-items: stretch; flex-direction: column; }
  .pager .secondary { flex: 1; }
  .product-cards {
    display: grid;
    gap: 12px;
  }
  .product-main-table,
  .product-table-meta {
    display: none;
  }
  .audit-search {
    grid-template-columns: auto minmax(0, 1fr);
    padding: 0 0 8px 12px;
    overflow: hidden;
  }
  .audit-search input { min-width: 0; padding-right: 12px; }
  .audit-search .secondary {
    grid-column: 1 / -1;
    border-radius: 0 0 8px 8px;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
  .audit-table {
    border: 0;
    background: transparent;
    overflow: visible;
  }
  .audit-table table,
  .audit-table tbody,
  .audit-table tr,
  .audit-table td {
    display: block;
    width: 100%;
    min-width: 0;
  }
  .audit-table table { min-width: 0; border-collapse: separate; border-spacing: 0; }
  .audit-table thead { display: none; }
  .audit-table tr {
    background: #fff;
    border: 1px solid #dfe8e3;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 12px;
  }
  .dark .audit-table tr { background: #18231f; border-color: #385049; }
  .audit-table td {
    border: 0;
    padding: 4px 0;
  }
  .audit-table td::before {
    content: attr(data-label);
    display: block;
    color: #65766f;
    font-size: .76rem;
    font-weight: 800;
    text-transform: uppercase;
  }
  .audit-table .audit-desktop { display: none; }
  .user-cards { display: grid; gap: 12px; }
  .user-cards + .table-wrap { display: none; }
  .card-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .theme-grid { grid-template-columns: 1fr; }
  .order-counters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .order-filters { grid-template-columns: 1fr; }
  .orders-grid { grid-template-columns: 1fr; }
  .order-summary-line,
  .order-mini-grid { grid-template-columns: 1fr 1fr; }
  .desktop-nav { display: none !important; }
  .mobile-nav-only { display: none !important; }
  .mobile-bottom-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 60;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: 6px;
    padding: 8px 8px calc(8px + env(safe-area-inset-bottom, 0px));
    background: rgba(255,255,255,.98);
    border-top: 1px solid #dfe8e3;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  .dark .mobile-bottom-nav {
    background: rgba(19,29,25,.98);
    border-top-color: #31463f;
  }
  .mobile-bottom-nav .nav {
    flex: none;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 7px 5px;
    font-size: .78rem;
    min-width: 0;
  }
  .mobile-bottom-nav .nav svg { width: 17px; height: 17px; }
  .bottom-bar-config-grid,
  .reception-grid,
  .reception-form {
    grid-template-columns: 1fr;
  }
  .reception-item-card {
    grid-template-columns: 1fr;
  }
  .content {
    padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px));
  }
  html.ios-browser .mobile-bottom-nav { bottom: 0; }
  html.ios-browser .mobile-bottom-nav,
  html.safari-browser .mobile-bottom-nav {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: rgba(255,255,255,.995);
  }
  html.dark.ios-browser .mobile-bottom-nav,
  html.dark.safari-browser .mobile-bottom-nav {
    background: rgba(19,29,25,.995);
  }
  html.ios-browser .content {
    padding-bottom: calc(102px + env(safe-area-inset-bottom, 0px));
  }
  html.standalone-app .mobile-bottom-nav { bottom: 0; }
  .order-alert {
    left: 14px;
    right: 14px;
    top: auto;
    bottom: 92px;
    width: auto;
  }
}