.compact-billing-toolbar,.compact-bill-history,.compact-sale-document-toolbar{display:none}@media screen and (min-width:1024px){html[data-desktop-layout=compact] .f2-product-picker{border-radius:8px;gap:8px;max-width:820px;max-height:calc(100dvh - 32px);padding:12px}html[data-desktop-layout=compact] .f2-picker-header h2{font-size:16px;line-height:22px}html[data-desktop-layout=compact] .f2-picker-header p{font-size:11px;line-height:16px}html[data-desktop-layout=compact] .f2-picker-body{gap:8px}html[data-desktop-layout=compact] .f2-picker-body input:not([type=checkbox]){height:32px;min-height:32px;font-size:13px}html[data-desktop-layout=compact] .f2-picker-body button{min-height:32px}html[data-desktop-layout=compact] .f2-picker-body>label{min-height:26px;font-size:11px}html[data-desktop-layout=compact] .f2-picker-scroll{padding:6px}html[data-desktop-layout=compact] :is(.f2-category-grid,.f2-products-grid){grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}html[data-desktop-layout=compact] .f2-picker-scroll [data-selection-item]{border-radius:6px;min-height:44px;padding:6px 8px}html[data-desktop-layout=compact] .f2-category-content{gap:8px}html[data-desktop-layout=compact] .f2-category-image{width:30px;height:30px}html[data-desktop-layout=compact] .f2-category-content .text-xs{overflow-wrap:anywhere;font-size:10px}html[data-desktop-layout=compact] .f2-category-content .text-sm{margin-top:2px;font-size:12px;line-height:16px}html[data-desktop-layout=compact] .f2-products-grid .text-base{font-size:13px;line-height:18px}html[data-desktop-layout=compact] .f2-picker-help{font-size:11px;line-height:16px}html[data-desktop-layout=compact] .rush-counter-workspace{gap:8px;padding:6px 8px 12px}html[data-desktop-layout=compact] .rush-counter-workspace>div{min-width:0}html[data-desktop-layout=compact] .rush-counter-workspace>div>:not([hidden])~:not([hidden]){margin-top:8px}html[data-desktop-layout=compact] .rush-counter-grid{gap:8px}html[data-desktop-layout=compact] .rush-product-tile{gap:0;height:auto;min-height:60px;padding:0}html[data-desktop-layout=compact] .rush-product-tile strong{font-size:13px;line-height:18px}html[data-desktop-layout=compact] .rush-counter-search{height:38px;min-height:38px;padding-left:40px;font-size:14px}html[data-desktop-layout=compact] .rush-cart-item{height:auto;min-height:46px}html[data-desktop-layout=compact] .rush-cart-item>button:first-child{height:auto;min-height:32px}html[data-desktop-layout=compact] .rush-quantity-stepper :is(button,input){height:40px;min-height:40px}html[data-desktop-layout=compact] .rush-quantity-stepper input{min-width:0;font-size:22px}html[data-desktop-layout=compact] .rush-quantity-shortcuts button{height:34px;min-height:34px}html[data-desktop-layout=compact] .rush-counter-save{height:44px;min-height:44px;font-size:15px}html[data-desktop-layout=compact]{--billing-control-height:26px;--radius:.5rem}html[data-desktop-layout=compact] :is(.billing-items-card,.sales-customer-card,.sales-summary-card,.rush-product-tile,.rush-cart-item,.rush-counter-grid>fieldset>section,.billing-tabs .rounded-xl){border-radius:8px}html[data-desktop-layout=compact] :is(.billing-workspace,.compact-billing-toolbar) button[role=switch]{border-radius:6px}html[data-desktop-layout=compact] .billing-table-scroll div:has(>input[data-column-key=quantity]){border-radius:6px}html[data-desktop-layout=compact] .billing-table-scroll div:has(>input[data-column-key=quantity])>button{border-radius:4px}html[data-desktop-layout=compact] .app-shell{display:flex}html[data-desktop-layout=compact] #main-content{padding-bottom:0}html[data-desktop-layout=compact] [data-mobile-nav-header],html[data-desktop-layout=compact] [data-mobile-bottom-nav]{display:none}html[data-desktop-layout=compact] [data-nav-slot]{z-index:40;width:48px;height:100dvh;display:block;position:sticky;top:0}html[data-desktop-layout=compact] [data-nav-slot][data-pinned=true]{width:164px}html[data-desktop-layout=compact] [data-compact-nav]{flex-direction:column;width:48px;height:auto;display:flex;position:absolute;inset:0 auto 0 0}html[data-desktop-layout=compact] [data-compact-nav][data-expanded=true]{width:164px}html[data-desktop-layout=compact] [data-compact-nav]>div{height:64px}html[data-desktop-layout=compact] #desktop-main-nav{padding:4px}html[data-desktop-layout=compact] #desktop-main-nav a{border-radius:6px;min-height:32px;font-size:12px}html[data-desktop-layout=compact] [data-business-toolbar]{gap:8px;height:42px;padding:6px 8px;display:flex;top:0}html[data-desktop-layout=compact] [data-business-toolbar] button,html[data-desktop-layout=compact] [data-desktop-quick-actions] a{min-height:28px;padding:2px 8px;font-size:12px}html[data-desktop-layout=compact] [data-desktop-quick-actions]{height:30px;padding-block:1px;display:flex}html[data-desktop-layout=compact] .compact-billing-toolbar{flex:1;align-items:center;min-width:0;display:flex}html[data-desktop-layout=compact] .compact-billing-toolbar .quick-billing-options{box-shadow:none;background:0 0;border:0;padding:0}html[data-desktop-layout=compact] .compact-billing-toolbar .sales-billing-options{background:0 0;border:0;flex-wrap:nowrap;gap:6px;padding:0;display:flex}html[data-desktop-layout=compact] .sales-billing-title a,html[data-desktop-layout=compact] .sales-workspace-heading{display:none}html[data-desktop-layout=compact] .billing-workspace .sales-new-sale-button{color:#fff;background:#2563eb;border:1px solid #1d4ed8;border-radius:6px;flex-shrink:0;order:-1;padding-inline:9px;font-weight:600;box-shadow:0 1px 3px #2563eb33}html[data-desktop-layout=compact] .billing-workspace .sales-new-sale-button:hover{background:#1d4ed8}html[data-desktop-layout=compact] .billing-workspace .sales-new-sale-button:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}html[data-desktop-layout=compact] .compact-sale-document-toolbar{flex:1;min-width:0;display:flex}html[data-desktop-layout=compact] .sales-document-controls{align-items:center;gap:12px;display:flex}html[data-desktop-layout=compact] .sales-document-controls>div{align-items:center;gap:6px;display:flex}html[data-desktop-layout=compact] .sales-document-controls label{white-space:nowrap;font-size:11px}html[data-desktop-layout=compact] .sales-document-controls input{max-width:180px}html[data-desktop-layout=compact] .sales-document-controls .space-y-1>:not([hidden])~:not([hidden]){margin-top:0}html[data-desktop-layout=compact] .billing-options:empty{display:none}html[data-desktop-layout=compact] .compact-billing-toolbar .quick-billing-options>div{flex-wrap:nowrap;gap:6px;display:flex}html[data-desktop-layout=compact] .compact-billing-toolbar button[role=switch]{gap:4px;height:26px;min-height:26px;padding:1px 6px;font-size:12px}html[data-desktop-layout=compact] .compact-billing-toolbar button[role=switch]>span[aria-hidden]{margin-inline:-5px;transform:scale(.7)}html[data-desktop-layout=compact] .compact-bill-history{white-space:nowrap;height:28px;min-height:28px;box-shadow:none;gap:6px;padding:4px 9px;font-size:12px;line-height:18px;display:inline-flex}html[data-desktop-layout=compact] .billing-quick-title[data-editing=false],html[data-desktop-layout=compact] .billing-quick-title a{display:none}html[data-desktop-layout=compact] section[data-editing]{border-radius:8px;gap:4px;padding:8px 10px}html[data-desktop-layout=compact] section[data-editing] h1{font-size:15px}html[data-desktop-layout=compact] section[data-editing] input{height:28px}html[data-desktop-layout=compact] :is(.quick-billing-items-heading,.sales-billing-items-heading){border:0;height:0;padding:0!important}html[data-desktop-layout=compact] .quick-billing-items-heading>div:first-child,html[data-desktop-layout=compact] .quick-billing-items-heading .text-xs,html[data-desktop-layout=compact] .sales-billing-items-heading>div:first-child,html[data-desktop-layout=compact] .sales-billing-items-heading .text-xs{display:none}html[data-desktop-layout=compact] .billing-workspace :is(.quick-browse-products,.sales-browse-products){z-index:25;background:hsl(var(--background));border-radius:8px;width:30px;height:30px;min-height:30px;padding:5px;position:fixed;top:82px;right:8px;box-shadow:0 2px 6px #00000026}html[data-desktop-layout=compact] :is(.quick-browse-products,.sales-browse-products)>span{display:none}html[data-desktop-layout=compact] .billing-workspace .sales-browse-products{width:24px;height:24px;min-height:24px;padding:3px;top:70px}html[data-desktop-layout=compact] .billing-workspace{gap:4px;padding:4px 8px 12px;position:relative}html[data-desktop-layout=compact] .billing-workspace>div{margin-top:0}html[data-desktop-layout=compact] .billing-workspace .space-y-3>:not([hidden])~:not([hidden]){margin-top:4px}html[data-desktop-layout=compact] .billing-workspace :is(.space-y-6,.space-y-8)>:not([hidden])~:not([hidden]){margin-top:6px}html[data-desktop-layout=compact] .billing-title{gap:4px;min-height:28px}html[data-desktop-layout=compact] .billing-title h1{font-size:16px;line-height:22px}html[data-desktop-layout=compact] .billing-quick-title[data-editing=false]{z-index:15;position:absolute;top:6px;right:12px}html[data-desktop-layout=compact] .billing-quick-title[data-editing=false]>div:first-child,html[data-desktop-layout=compact] .billing-quick-title[data-editing=false] button{display:none}html[data-desktop-layout=compact] .billing-title a{height:26px;font-size:12px}html[data-desktop-layout=compact] .billing-workspace :is(button,input){min-height:var(--billing-control-height);height:var(--billing-control-height);padding-top:1px;padding-bottom:1px;font-size:13px}html[data-desktop-layout=compact] .billing-workspace button{padding-inline:7px}html[data-desktop-layout=compact] .billing-workspace .sales-record-button{border-radius:0;height:34px;min-height:34px;padding:4px 16px;font-size:14px}html[data-desktop-layout=compact] .billing-workspace input{color:hsl(var(--foreground));padding-inline:6px;font-weight:600}html[data-desktop-layout=compact] .billing-workspace button[role=switch]{gap:5px}html[data-desktop-layout=compact] .billing-workspace button[role=switch]>span[aria-hidden]{margin-inline:-4px;transform:scale(.75)}html[data-desktop-layout=compact] .billing-options{padding:3px 6px}html[data-desktop-layout=compact] .billing-options>div{gap:8px;padding-block:0;margin-top:0!important}html[data-desktop-layout=compact] .billing-options:has(#sale-date){align-items:center;gap:12px;display:flex}html[data-desktop-layout=compact] .billing-options:has(#sale-date)>div:last-child{display:flex}html[data-desktop-layout=compact] .billing-options label{font-size:11px}html[data-desktop-layout=compact] .billing-options input{max-width:180px}html[data-desktop-layout=compact] .billing-workspace form,html[data-desktop-layout=compact] .billing-workspace form>div{gap:4px}html[data-desktop-layout=compact] .billing-items-card>div:first-child{gap:4px;padding:2px 6px}html[data-desktop-layout=compact] .billing-items-card h2{font-size:12px}html[data-desktop-layout=compact] .billing-table-scroll{padding:2px 4px;overflow:visible}html[data-desktop-layout=compact] .billing-table-scroll>div{max-height:none;overflow:visible}html[data-desktop-layout=compact] .billing-table-scroll table{min-width:0}html[data-desktop-layout=compact] .billing-table-scroll thead{background:hsl(var(--background));position:static}html[data-desktop-layout=compact] .billing-table-scroll th{height:28px;padding:4px;font-size:11px}html[data-desktop-layout=compact] .billing-table-scroll td{vertical-align:middle;padding:5px 4px}html[data-desktop-layout=compact] .billing-table-scroll td :is(.text-base,.text-sm){font-size:13px;line-height:18px}html[data-desktop-layout=compact] .billing-table-scroll td:first-child input{width:100%}html[data-desktop-layout=compact] .billing-table-scroll input[data-column-key=price]{font-variant-numeric:tabular-nums;width:calc(8ch + 1rem);max-width:100%}html[data-desktop-layout=compact] .billing-table-scroll th:nth-child(4){text-align:left;width:108px}html[data-desktop-layout=compact] .billing-workspace input:focus-visible{border-color:hsl(var(--ring));box-shadow:0 0 0 1px hsl(var(--ring));outline:none}html[data-desktop-layout=compact] .billing-table-scroll div:has(>input):focus-within{box-shadow:0 0 0 1px hsl(var(--ring))}html[data-desktop-layout=compact] .billing-table-scroll div:has(>input) input:focus-visible{box-shadow:none}html[data-desktop-layout=compact] .billing-table-scroll td:nth-child(2)>div{flex-flow:wrap;align-items:center;gap:4px}html[data-desktop-layout=compact] .billing-table-scroll td:nth-child(2) :is(button,.quick-bill-variant-label){height:22px;min-height:22px;padding:1px 4px;font-size:11px}html[data-desktop-layout=compact] .billing-table-scroll td:nth-child(3)>div{gap:3px}html[data-desktop-layout=compact] .billing-lines .billing-table-scroll td:nth-child(3)>div{vertical-align:middle;width:auto;margin:0 3px 0 0;display:inline-flex}html[data-desktop-layout=compact] .billing-lines .billing-table-scroll td:nth-child(2)>.text-xs{display:none}html[data-desktop-layout=compact] .billing-table-scroll td:nth-child(3) div:has(>input){width:104px;height:26px}html[data-desktop-layout=compact] .billing-table-scroll td:nth-child(3) div:has(>input) button{width:24px;height:24px;padding:0}html[data-desktop-layout=compact] .billing-table-scroll td:last-child button{width:24px;padding:0}html[data-desktop-layout=compact] .billing-items-card .mt-4{margin-top:3px}html[data-desktop-layout=compact] .billing-lines>div>.mt-4.border-dashed{display:none}html[data-desktop-layout=compact] .billing-settlement{padding-top:4px}html[data-desktop-layout=compact] .billing-settlement>div{gap:10px}html[data-desktop-layout=compact] .billing-settlement label{font-size:11px}html[data-desktop-layout=compact] .billing-payment{width:280px;padding:6px}html[data-desktop-layout=compact] .billing-payment>:not([hidden])~:not([hidden]){margin-top:4px}html[data-desktop-layout=compact] .billing-payment .text-xl{font-size:16px;line-height:20px}html[data-desktop-layout=compact] .sales-settlement :is(.sales-customer-card,.sales-summary-card){padding:12px}html[data-desktop-layout=compact] .sales-customer-card>:not([hidden])~:not([hidden]){margin-top:12px}html[data-desktop-layout=compact] .sales-summary-card>:not([hidden])~:not([hidden]){margin-top:10px}html[data-desktop-layout=compact] .sales-settlement :is(.sales-supply-section,.sales-payment-section,#sale-customer-address-field){padding-top:10px}html[data-desktop-layout=compact] .sales-customer-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,116px),1fr))}html[data-desktop-layout=compact] .sales-bill-total{font-size:26px;line-height:30px}html[data-desktop-layout=compact] .sales-address{min-height:52px;font-size:13px}html[data-desktop-layout=compact] .billing-help{display:none}html[data-desktop-layout=compact] .billing-workspace aside{height:calc(100dvh - 50px);min-height:0;top:46px}html[data-desktop-layout=compact] .billing-tabs{padding:2px 8px}html[data-desktop-layout=compact] .billing-tabs>div{margin-bottom:2px}html[data-desktop-layout=compact] .billing-tabs button{height:26px;min-height:26px;padding-block:2px;font-size:12px}html[data-desktop-layout=compact] .variant-picker-panel{border-radius:8px;width:260px;max-height:min(280px,100dvh - 16px);padding:4px}html[data-desktop-layout=compact] .variant-picker-panel>div{padding:2px 4px;font-size:12px}html[data-desktop-layout=compact] .variant-picker-panel>button{border-radius:5px;gap:6px;min-height:32px;padding:4px 6px}html[data-desktop-layout=compact] .variant-picker-panel>button>span:nth-child(2){flex-wrap:wrap;align-items:baseline;gap:2px 6px;display:flex}html[data-desktop-layout=compact] .variant-picker-panel>button>span:nth-child(2)>span{font-size:12px;line-height:16px}html[data-desktop-layout=compact] .variant-picker-panel>button>span:first-child{width:16px;height:16px}html[data-desktop-layout=compact] .variant-picker-panel>button:focus-visible{box-shadow:inset 0 0 0 1px hsl(var(--ring));outline:none}html[data-desktop-layout=compact] .dashboard-workspace{max-width:none;padding:8px 12px 16px}html[data-desktop-layout=compact] .dashboard-workspace>:not([hidden])~:not([hidden]){margin-top:10px}html[data-desktop-layout=compact] .dashboard-workspace .grid{gap:8px}html[data-desktop-layout=compact] .dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}html[data-desktop-layout=compact] .dashboard-card{border-radius:8px;min-width:0}html[data-desktop-layout=compact] .dashboard-card-header{gap:3px;padding:10px 10px 6px}html[data-desktop-layout=compact] .dashboard-card-header>:not([hidden])~:not([hidden]){margin-top:0}html[data-desktop-layout=compact] .dashboard-card-header h3{font-size:16px;line-height:22px}html[data-desktop-layout=compact] .dashboard-metrics h3{font-size:22px;line-height:26px}html[data-desktop-layout=compact] .dashboard-card-content{padding:0 10px 10px}html[data-desktop-layout=compact] .dashboard-workspace :is(.text-sm,.text-xs){font-size:12px;line-height:17px}html[data-desktop-layout=compact] .dashboard-workspace ul>:not([hidden])~:not([hidden]){margin-top:4px}html[data-desktop-layout=compact] .dashboard-workspace li{gap:8px;padding:4px 8px}html[data-desktop-layout=compact] .dashboard-workspace li>div:first-child{overflow-wrap:anywhere;min-width:0}html[data-desktop-layout=compact] .dashboard-workspace li>span{flex-shrink:0}html[data-desktop-layout=compact] .dashboard-workspace>.grid>section{border-radius:8px;min-width:0;padding:10px}html[data-desktop-layout=compact] .dashboard-workspace section>div:first-child{margin-bottom:6px}html[data-desktop-layout=compact] .dashboard-workspace section h2{font-size:16px;line-height:22px}html[data-desktop-layout=compact] .dashboard-workspace section li{padding:0}html[data-desktop-layout=compact] .dashboard-workspace section li>a{padding:6px 8px}html[data-desktop-layout=compact] .dashboard-workspace section li p:first-child{font-size:13px;line-height:18px}html[data-desktop-layout=compact] .customer-statement-workspace{max-width:none;padding:6px 10px 12px}html[data-desktop-layout=compact] .customer-statement-workspace>:not([hidden])~:not([hidden]){margin-top:8px}html[data-desktop-layout=compact] .customer-statement-heading h1{font-size:16px;line-height:22px}html[data-desktop-layout=compact] .customer-statement-heading a{margin-bottom:2px}html[data-desktop-layout=compact] .statement-account-search{gap:6px}html[data-desktop-layout=compact] .statement-account-search label{font-size:11px}html[data-desktop-layout=compact] .statement-account-search :is(input,button){height:28px;min-height:28px;padding:2px 8px;font-size:12px}html[data-desktop-layout=compact] .customer-statement-layout{grid-template-columns:176px minmax(0,1fr);align-items:start;gap:10px;display:grid}html[data-desktop-layout=compact] .customer-statement-layout>:not([hidden])~:not([hidden]){margin-top:0}html[data-desktop-layout=compact] .customer-statement-filters{padding:8px}html[data-desktop-layout=compact] .customer-statement-presets,html[data-desktop-layout=compact] .customer-statement-filters form{flex-direction:column;align-items:stretch;gap:6px;display:flex}html[data-desktop-layout=compact] .customer-statement-filters :is(button,input){width:100%;height:30px;min-height:30px;padding:3px 6px;font-size:12px}html[data-desktop-layout=compact] .customer-statement-filters label{font-size:11px}html[data-desktop-layout=compact] .customer-statement-workspace .text-sm{font-size:12px;line-height:17px}html[data-desktop-layout=compact] .customer-statement-results .grid>div{padding:6px 8px}html[data-desktop-layout=compact] .customer-statement-results .text-base{font-size:15px;line-height:20px}html[data-desktop-layout=compact] .customer-statement-results th{height:30px;padding:6px 8px;font-size:12px}html[data-desktop-layout=compact] .customer-statement-results td{padding:5px 8px;font-size:12px}html[data-desktop-layout=compact] .customer-statement-results td button{height:26px;min-height:26px}html[data-desktop-layout=compact] .supplier-catalog-workspace{max-width:none;padding:6px 10px 12px}html[data-desktop-layout=compact] .supplier-catalog-workspace h1{font-size:16px;line-height:22px}html[data-desktop-layout=compact] .supplier-catalog-workspace>.grid{grid-template-columns:240px minmax(0,1fr);gap:10px}html[data-desktop-layout=compact] .supplier-catalog-workspace :is(input:not([type=checkbox]),select,button){height:28px;min-height:28px;font-size:12px}html[data-desktop-layout=compact] .supplier-catalog-workspace :is(section.bg-card,form.bg-card){padding:8px}html[data-desktop-layout=compact] .hsn-rates-workspace{max-width:none;padding:6px 10px 12px}html[data-desktop-layout=compact] .hsn-rates-workspace h1{font-size:16px}html[data-desktop-layout=compact] .hsn-rates-workspace :is(input,button){height:28px;min-height:28px;font-size:12px}html[data-desktop-layout=compact] .hsn-rates-workspace :is(td,th){padding:6px 8px}html[data-desktop-layout=compact] .variant-management-dialog :is(th,td){padding:6px 8px;font-size:12px}html[data-desktop-layout=compact] .variant-management-actions button{gap:2px;height:28px;min-height:28px;padding:3px 7px;font-size:11px}html[data-desktop-layout=compact] .variant-management-actions svg{width:13px;height:13px;margin-right:3px}html[data-desktop-layout=compact] #product-variant-create :is(input,select){height:32px;min-height:32px;font-size:13px}}