.sale-order .sale-summary-toggle{display:none}
.sale-order .sale-action-short{display:none}
.sale-order .order-price-toggle{display:flex;flex-direction:row;align-items:center;gap:5px;margin:0;font-size:12px;white-space:nowrap}
.sale-order .order-essential-columns{min-width:520px}
.sale-order .order-essential-columns .sale-col-code{width:58px}
.sale-order .order-essential-columns .sale-col-quantity{width:48px}
.sale-order .order-essential-columns .sale-col-money{width:104px}
.sale-order .order-essential-columns .sale-col-actions{width:64px}
.sale-order .order-essential-columns .cell-number{white-space:normal;overflow-wrap:anywhere}
.sale-order .sale-total>strong{font-size:var(--sale-total-size,30px)}
.sale-order .sale-aux-actions,.sale-order .order-summary-navigation{display:flex;flex-direction:column;gap:6px}
.sale-order .order-customer-details,.sale-order .order-summary-dialog dl{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,2fr);gap:10px;font-size:13px}
.sale-order .order-customer-details dd,.sale-order .order-summary-dialog dd{margin:0;overflow-wrap:anywhere}
.sale-order .order-summary-dialog dd{text-align:right;font-variant-numeric:tabular-nums}
.sale-order .order-summary-dialog .sale-total strong{overflow-wrap:anywhere}

@media(min-width:768px) and (min-height:480px){
    .order-workspace-shell .workspace-main{overflow:hidden}
    .erp-theme.order-workspace-shell .workspace-content{height:100%;max-width:none;padding:10px 14px;display:flex;flex-direction:column;min-height:0}
    .erp-theme .sale-order{display:flex;flex-direction:column;flex:1;min-height:0;gap:6px}
    .sale-order>.sale-heading{flex:none;gap:8px;margin:0;min-height:36px;flex-wrap:nowrap}
    .erp-theme .sale-order .sale-heading h1{font-size:20px}
    .sale-order .sale-title{gap:8px}.sale-order .sale-title-icon{width:32px;height:32px}.sale-order .sale-title-icon img{width:22px;height:22px}
    .sale-order .sale-title>div{min-width:0}.sale-order .sale-heading h1{overflow-wrap:anywhere}
    .sale-order .sale-draft-state{font-size:11px;margin-top:1px}.sale-order .sale-heading-actions{gap:6px;flex-wrap:nowrap}
    .sale-order>.message,.sale-order>.draft-notice{flex:none;max-height:64px;overflow:auto;margin:0;padding:6px 9px;font-size:12px}
    .sale-order>.draft-notice{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.sale-order>.draft-notice p{margin:0;flex:1}
    .sale-order .sales-entry-fields{display:flex;flex:1;min-height:0;min-width:0;margin:0;padding:0;border:0}
    .sale-order .sale-layout{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) 260px;gap:10px;align-items:stretch}
    .sale-order .sale-main{min-height:0;gap:8px}
    .sale-order .sale-section,.sale-order .sale-summary{padding:8px 10px}
    .erp-theme .sale-order h2{font-size:13px;gap:6px;margin:0 0 6px}
    .erp-theme .workspace-content .sale-order input:not([type=checkbox]):not([type=radio]):not([type=file]),.erp-theme .workspace-content .sale-order select{min-height:30px;height:30px;padding:4px 7px;font-size:13px}
    .erp-theme .workspace-content .sale-order button:not(.icon-button):not(.module-tab-scroll):not(.module-tab):not(.step),.erp-theme .workspace-content .sale-order .command-link{min-height:30px;font-size:12px;padding:4px 8px}
    .erp-theme .sale-order button:not(.sidebar-toggle),.erp-theme .sale-order .command-link{min-height:30px;font-size:12px;padding:4px 8px}
    .sale-order .sale-client{display:grid;grid-template-columns:65px minmax(0,1fr);gap:5px 8px;align-items:center;flex:none}
    .sale-order .sale-client h2{margin:0}.sale-order .sale-client-search{flex-wrap:nowrap;gap:6px;min-width:0}
    .sale-order .sale-client-search .sale-search{min-width:0;flex:1;flex-basis:auto}
    .sale-order .sale-client-search button{white-space:nowrap}
    .sale-order .sale-client:has(.sale-selected-customer) .sale-client-search{display:none}
    .sale-order .sale-selected-customer{grid-column:2;grid-row:1;display:flex;gap:8px;min-width:0;padding:0;margin:0;min-height:30px}
    .sale-order .sale-customer-symbol{display:none}
    .sale-order .sale-customer-name{display:flex;flex:1;flex-direction:row;align-items:center;gap:8px;min-width:0}
    .sale-order .sale-customer-name strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
    .sale-order .sale-customer-name span{display:none}
    .sale-order .sale-customer-name>strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
    .sale-order .sale-customer-contact{display:none}
    .sale-order .sale-customer-location{display:none}.sale-order .sale-customer-actions{flex-wrap:nowrap;gap:4px;flex:none}
    .erp-theme .sale-order .sale-customer-actions button{min-height:26px;height:26px;padding:3px 6px;font-size:12px}
    .erp-theme .sale-order .sale-customer-actions .icon-button{width:28px}
    .sale-order .sale-product{flex:none;display:grid;grid-template-columns:74px minmax(0,1fr);gap:5px 8px;align-items:center}.sale-order .sale-product h2{margin:0}.sale-order .sale-product-entry{gap:6px;flex-wrap:nowrap;align-items:center;min-width:0}
    .sale-order .sale-product-entry .sale-search{min-width:0;flex:1;flex-basis:auto}
    .sale-order .sale-product-lookup{height:30px;width:30px}
    .sale-order .sale-quantity{width:90px}.sale-order .sale-price{width:106px}
    .sale-order .sale-product-entry label{font-size:12px;gap:4px}.sale-order .sale-product-entry .sale-quantity,.sale-order .sale-product-entry .sale-price{display:flex;flex-direction:row;align-items:center;white-space:nowrap}
    .sale-order .sale-quantity input,.sale-order .sale-price input{width:0;flex:1}
    .sale-order .sale-product-context{grid-column:1/-1;gap:5px 12px;margin-top:0;font-size:12px}
    .sale-order .sale-product-context strong{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .sale-order .sale-items-section{display:flex;flex-direction:column;flex:1;min-height:0}
    .sale-order .sale-section-heading{flex:none;gap:6px;margin-bottom:5px;flex-wrap:nowrap}
    .sale-order .sale-section-heading h2{margin:0;margin-right:auto}.sale-order .sale-section-heading>span{font-size:12px;white-space:nowrap}
    .sale-order .sale-items-scroll{flex:1;min-height:0;max-height:none;scrollbar-gutter:stable}
    .sale-order .sale-items-table th{font-size:12px;padding:7px 6px}.sale-order .sale-items-table td{font-size:12px;padding:6px}
    .erp-theme .workspace-content .sale-order .sale-items-table .icon-button{width:24px;height:24px;min-height:24px;padding:3px}
    .sale-order .sale-items-table small{display:inline;margin-left:6px;margin-top:0}.sale-order .sale-items-table td:nth-child(2) strong{display:inline}
    .sale-order .sale-empty{min-height:110px;gap:6px}.sale-order .sale-empty>.icon{width:22px;height:22px}
    .sale-order .sale-items-footer{padding-top:5px;flex:none;font-size:12px}
    .sale-order .sale-summary{position:static;max-height:none;min-height:0;overflow:auto;display:block;scrollbar-gutter:auto}
    .sale-order .sale-summary dl{font-size:12px;gap:8px;margin:0 0 8px}
    .sale-order .sale-total{padding:7px 9px}.sale-order .sale-total>strong{line-height:1.2;margin-top:2px}
    .sale-order .sale-payment-types{margin-top:8px;gap:5px}
    .erp-theme .sale-order .sale-payment-type{min-height:48px;gap:4px;padding:5px 4px;font-size:12px}
    .sale-order .sale-current-payment{font-size:11px;margin:5px 0 7px}
    .sale-order .sale-primary-actions{margin-top:7px;gap:6px;display:flex}
    .erp-theme .sale-order .sale-primary-actions button{min-height:32px;font-size:12px;padding:5px 7px}
    .sale-order .sale-aux-actions{display:flex;flex-direction:column;margin-top:7px}.sale-order .sale-aux-actions a{flex:1;min-height:28px}
    @media(max-width:1100px),(max-height:680px){
        .sale-order .sale-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:8px}
        .sale-order .sale-summary{display:grid;grid-template-columns:minmax(100px,1fr) 32px 32px auto;gap:6px;align-items:center;overflow:visible;padding:5px 8px}
        .sale-order .sale-summary>h2,.sale-order .sale-summary>dl,.sale-order .sale-summary>.sale-payment-types,.sale-order .sale-summary>.sale-current-payment,.sale-order .sale-summary>.sale-aux-actions{display:none}
        .sale-order .sale-summary>.sale-total{grid-column:1;grid-row:1;min-width:0;display:flex;align-items:baseline;gap:8px;padding:4px 7px}
        .sale-order .sale-summary>.sale-total>span{flex:none;font-size:12px}
        .sale-order .sale-summary>.sale-total>strong{min-width:0;font-size:min(var(--sale-total-size,30px),22px);margin:0}
        .sale-order .sale-summary-toggle{display:flex;grid-column:2;grid-row:1;width:32px;height:32px;filter:none}
        .sale-order .sale-summary-toggle .icon{filter:brightness(0) saturate(100%) invert(17%)}
        .sale-order .sale-summary>.sale-discount{grid-column:3;grid-row:1;width:32px;min-width:0;padding:6px}
        .sale-order .sale-summary>.sale-discount span{display:none}
        .sale-order .sale-summary>.sale-primary-actions{grid-column:4;grid-row:1;gap:6px;margin:0;display:flex;flex-direction:row}
        .erp-theme .sale-order .sale-summary>.sale-primary-actions button{min-height:28px;padding:4px 6px;width:auto;flex:none;white-space:nowrap}
        .sale-order .sale-summary>.sale-primary-actions .sale-action-long,.sale-order .sale-summary>.sale-primary-actions kbd{display:none}
        .sale-order .sale-summary>.sale-primary-actions .sale-action-short{display:inline}
        .sale-order .sale-summary>.sale-discount kbd{display:none}
    }
    @media(max-width:950px){
        .sale-order .sale-items-footer{display:none}
    }
}