/* Compact order workspace, with horizontal scrolling inside the table only. */
#orders>.hero{padding:14px 16px!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important}
#orders>.hero .eyebrow,#orders>.hero .sub,#orders>.hero #syncBadge{display:none!important}
#orders>.hero h1{font-size:24px!important;margin:0!important}
#orders>.hero .hero-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
#orders #unifiedWorkCount{min-height:40px!important;padding:6px 12px!important}
#orders #unifiedWorkCount b{font-size:18px!important}
#orders #newOrder,#orders #newSale,#orders #newBuyback{min-height:40px!important;padding:8px 12px!important}
#orders .source-filter-shell{padding:9px 12px!important}
#orders .order-lifecycle-tabs,#orders .orders-tabs{margin:4px 0!important;gap:5px!important}
#orders .order-lifecycle-tabs button,#orders .orders-tabs button{min-height:32px!important;padding:6px 10px!important}
#orders .quick{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:8px 0!important}
#orders .quick .q{flex:1 1 140px!important;min-height:58px!important;padding:8px 10px!important}
#orders .quick .q strong,#orders .quick .q b{font-size:18px!important}
#orders>.guide{padding:9px 12px!important;min-height:0!important;margin:8px 0!important}
#orders .table-wrap{max-width:100%!important;overflow-x:auto!important;overscroll-behavior-x:contain}
#orders table[data-hc-columns="1"]{table-layout:fixed!important;width:var(--hc-table-width)!important;min-width:var(--hc-table-width)!important;max-width:none!important}
#orders table[data-hc-columns="1"] th,#orders table[data-hc-columns="1"] td{width:var(--hc-col-width)!important;min-width:0!important;max-width:none!important;padding:10px 12px!important;vertical-align:top!important;white-space:normal!important;overflow-wrap:anywhere;font-size:13px!important}
#orders table[data-hc-columns="1"] th{white-space:nowrap!important;position:sticky;top:0;z-index:2;cursor:grab}
#orders table[data-hc-columns="1"] .crm-col-hidden{display:none!important}
#orders table[data-hc-columns="1"] td[data-crm-col="select"],#orders table[data-hc-columns="1"] th[data-crm-col="select"]{padding:10px 6px!important}
#orders .order-device-summary>small{display:none!important}
#orders .order-device-summary>b{font-size:13px!important;line-height:1.45!important}
#orders table[data-hc-columns="1"] .order-row-actions{display:flex!important;flex-wrap:wrap!important;gap:5px!important}
#orders table[data-hc-columns="1"] .order-next-action,#orders table[data-hc-columns="1"] [data-client-merge]{display:none!important}
#orders table[data-hc-columns="1"] .order-master-picker{width:100%!important;max-width:none!important;margin:0!important}
#orders table[data-hc-columns="1"] .order-master-picker .ui-select{width:100%!important}
#orders .hc-cell-text{display:block;line-height:1.5}
#orders .hc-deadline.overdue{color:#fb7185;font-weight:700}
.hc-column-dialog{width:min(640px,calc(100vw - 24px));max-height:90dvh;overflow:auto}
.hc-column-list{display:grid;gap:6px;padding:12px}
.hc-column-option{display:grid;grid-template-columns:minmax(0,1fr) 75px 32px 32px;gap:6px;align-items:center}
.hc-column-option label{display:flex;gap:8px;align-items:center;min-width:0}
.hc-column-option input[type="checkbox"]{width:16px;height:16px}
.hc-column-option input[type="number"]{width:75px;padding:5px}
.hc-column-option button{min-width:30px;padding:4px}
@media(max-width:800px){#orders>.hero{padding:12px!important}#orders>.hero h1{font-size:21px!important}#orders .quick .q{flex-basis:130px!important}#orders .panel-head .toolbar{display:flex!important;flex-wrap:wrap!important;min-width:0!important}#orders .panel-head .toolbar>label{flex:1 1 180px!important}#orders .order-bulk-bar{flex-wrap:wrap!important} .hc-column-option{grid-template-columns:minmax(0,1fr) 60px 30px 30px}.hc-column-option input[type="number"]{width:60px}}

#orders>.hero>div:not(.interface-os-control-slot):not(.workspace-actions){flex:1 1 150px!important;text-align:left!important}
#orders>.hero p{display:none!important}
#orders>.hero .workspace-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin:0!important}
#orders .order-filter-workspace{padding:9px 12px!important;min-height:0!important;gap:6px!important}
#orders .order-filter-workspace-head{display:none!important}
#orders:not(:has(.order-advanced-filters[open])) .order-filter-workspace>.source-filter-shell,#orders:not(:has(.order-advanced-filters[open])) .order-filter-workspace>.order-type-filters{display:none!important}
#orders .order-filter-workspace .order-lifecycle-tabs,#orders .order-filter-workspace .orders-tabs{padding:0!important;margin:3px 0!important;min-height:0!important}
#orders>.quick{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;padding:0!important}
#orders>.quick>.interface-os-control-slot,#orders>.hero>.interface-os-control-slot,#orders>.guide>.interface-os-control-slot{display:none!important}
#orders>.quick .q{min-width:0!important;min-height:58px!important;margin:0!important}
#orders>.quick .q>span{font-size:9px!important;letter-spacing:.04em!important}
#orders>.guide{display:flex!important;align-items:center!important;gap:10px!important}
#orders>.guide>div:not(.interface-os-control-slot){flex:1!important}
@media(max-width:1000px){#orders>.quick{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:600px){#orders>.quick{grid-template-columns:repeat(2,minmax(0,1fr))!important}#orders>.hero .workspace-actions{width:100%!important}#orders .order-lifecycle-tabs{display:flex!important;flex-wrap:wrap!important}}

#orders>.hero{flex-direction:row!important;height:auto!important}#orders>.hero>div:not(.interface-os-control-slot):not(.workspace-actions){height:auto!important;min-height:0!important}#orders>.quick .q{display:grid!important;grid-template-columns:20px minmax(0,1fr) 12px!important;align-items:center!important;min-height:66px!important}#orders>.quick .q>span{white-space:normal!important;font-size:9px!important}#orders>.quick .q strong{font-size:15px!important}#orders>.quick .q i{font-size:13px!important}#orders>.guide{height:auto!important}

@media(max-width:600px){
 #orders .order-lifecycle-tabs button{width:auto!important;flex:1 1 100px!important;min-width:0!important;text-align:center!important}
 #orders .orders-tabs{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;white-space:normal!important}
 #orders .orders-tabs button{flex:0 1 auto!important;width:auto!important;white-space:normal!important}
 #orders table[data-hc-columns="1"]{display:block!important;min-width:0!important;width:100%!important;max-width:100%!important}
 #orders table[data-hc-columns="1"] thead{display:none!important}
 #orders table[data-hc-columns="1"] tbody{display:grid!important;gap:10px!important;padding:8px!important}
 #orders table[data-hc-columns="1"] tbody tr{display:grid!important;grid-template-columns:28px minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;border:1px solid #29445f!important;border-radius:12px!important;padding:12px!important;min-width:0!important;background:#0a1b2e!important}
 #orders table[data-hc-columns="1"] tbody td{display:block!important;width:auto!important;min-width:0!important;max-width:none!important;padding:0!important;border:none!important;text-align:left!important;overflow:visible!important}
 #orders table[data-hc-columns="1"] tbody td::before{content:attr(data-hc-label)!important;display:block!important;font-size:10px!important;color:#8ea6bd!important;margin-bottom:4px!important;position:static!important;font-weight:400!important}
 #orders table[data-hc-columns="1"] tbody td[data-crm-col="select"]{grid-column:1!important;padding:0!important}
 #orders table[data-hc-columns="1"] tbody td[data-crm-col="select"]::before{display:none!important}
 #orders table[data-hc-columns="1"] tbody td[data-crm-col="ticket"]{grid-column:2!important}
 #orders table[data-hc-columns="1"] tbody td[data-crm-col="status"]{grid-column:3!important}
 #orders table[data-hc-columns="1"] tbody td[data-crm-col="client"],#orders table[data-hc-columns="1"] tbody td[data-crm-col="device"],#orders table[data-hc-columns="1"] tbody td[data-crm-col="problem"],#orders table[data-hc-columns="1"] tbody td[data-crm-col="actions"],#orders table[data-hc-columns="1"] tbody td[data-crm-col="items"],#orders table[data-hc-columns="1"] tbody td[data-crm-col="appearance"]{grid-column:1/-1!important}
 #orders table[data-hc-columns="1"] tbody td:not([data-crm-col]){grid-column:1/-1!important}
 #orders table[data-hc-columns="1"] tbody td[data-crm-col="manager"],#orders table[data-hc-columns="1"] tbody td[data-crm-col="deadline"]{grid-column:1/3!important}
 #orders table[data-hc-columns="1"] tbody td[data-crm-col="master"],#orders table[data-hc-columns="1"] tbody td[data-crm-col="total"]{grid-column:3!important}
 #orders table[data-hc-columns="1"] tbody td.crm-col-hidden{display:none!important}
 #orders table[data-hc-columns="1"] tbody .order-row-actions{flex-direction:row!important}
 #orders table[data-hc-columns="1"] tbody .order-row-actions>*{flex:1 1 100px!important}
 #orders table[data-hc-columns="1"] .order-business-badge,#orders table[data-hc-columns="1"] .mix-order-badge{font-size:9px!important}
}

#orders>.guide{display:none!important}#orders .order-bulk-bar:has(#orderBulkClear[disabled]){display:none!important}
@media(max-width:800px){#orders .panel-head .toolbar{flex-direction:row!important;align-items:center!important;gap:8px!important;width:100%!important}#orders .panel-head .toolbar>label{height:44px!important;min-height:44px!important;flex:1 1 180px!important;display:flex!important;align-items:center!important;padding:0 10px!important}#orders .panel-head .toolbar>label input{min-width:0!important;width:100%!important}#orders .order-bulk-bar{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important}#orders .order-bulk-bar button{flex:1 1 100px!important;min-width:0!important;white-space:normal!important}}

@media(max-width:800px){#orders .order-bulk-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%!important}#orders .order-bulk-actions>*{width:100%!important;min-width:0!important;max-width:none!important}#orders .order-bulk-actions button{padding:8px!important;text-align:center!important;overflow:visible!important;white-space:normal!important}#orders .order-bulk-actions .ui-select{grid-column:1/-1!important}}

@media(max-width:600px){body.order-page-body .order-top .order-top-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%!important}body.order-page-body .order-top-actions .top-status-field{grid-column:1/-1!important;width:100%!important}body.order-page-body .order-top-actions .top-status-field .ui-select{width:100%!important}body.order-page-body .order-top-actions button{width:auto!important;min-width:0!important;height:40px!important;font-size:12px!important;padding:7px 9px!important;white-space:normal!important;line-height:1.25!important}body.order-page-body .order-top-actions button::before,body.order-page-body .order-top-actions button::after{content:none!important;display:none!important}}

@media(max-width:600px){
 body.order-page-body.order-workflow-v4 .order-top .order-top-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,40px)!important;grid-auto-flow:row!important;width:100%!important;max-width:100%!important;height:auto!important}
 body.order-page-body.order-workflow-v4 .order-top .order-top-actions>.top-status-field{grid-column:1/-1!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:none!important}
 body.order-page-body.order-workflow-v4 .order-top .order-top-actions>.top-status-field>.itech-status-picker{width:100%!important;max-width:none!important;min-width:0!important}
 body.order-page-body.order-workflow-v4 .order-top .order-top-actions>#orderPersonalizeTop{grid-column:1!important;grid-row:2!important}
 body.order-page-body.order-workflow-v4 .order-top .order-top-actions>#openPrint{grid-column:2!important;grid-row:2!important}
 body.order-page-body.order-workflow-v4 .order-top .order-top-actions>#deliverOrder{grid-column:1!important;grid-row:3!important}
 body.order-page-body.order-workflow-v4 .order-top .order-top-actions>#saveOrder{grid-column:2!important;grid-row:3!important}
 body.order-page-body.order-workflow-v4 .order-top .order-top-actions>#orderPersonalizeTop,body.order-page-body.order-workflow-v4 .order-top .order-top-actions>#openPrint,body.order-page-body.order-workflow-v4 .order-top .order-top-actions>#deliverOrder,body.order-page-body.order-workflow-v4 .order-top .order-top-actions>#saveOrder{width:100%!important;max-width:none!important;min-width:0!important;font-size:12px!important;padding:7px!important}
 body.order-page-body.order-workflow-v4 .order-top .order-top-actions>button::before,body.order-page-body.order-workflow-v4 .order-top .order-top-actions>button::after{content:none!important;display:none!important}
}

@media(max-width:800px){
 #orders #orderBulkBar .order-bulk-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;width:100%!important;gap:8px!important}
 #orders #orderBulkBar .order-bulk-actions>*{grid-column:auto!important;grid-row:auto!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:40px!important;writing-mode:horizontal-tb!important}
 #orders #orderBulkBar .order-bulk-actions>.ui-select{grid-column:1/-1!important}
 #orders #orderBulkBar .order-bulk-actions button{font-size:12px!important;line-height:1.3!important;white-space:normal!important;word-break:normal!important;padding:8px!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:40px!important}
}