/* Phase 8.7.11 final alignment rescue: one visible page, readable tabs, stable paging, balanced panels. */
:root{
  --dbs-ink:#061a38;
  --dbs-muted:#3e536e;
  --dbs-gold:#f58a16;
  --dbs-gold-2:#d87300;
  --dbs-blue:#1e9af0;
  --dbs-navy:#10284c;
  --dbs-green:#119c64;
  --dbs-red:#ef3f3a;
  --dbs-purple:#8446df;
  --dbs-line:#edae63;
  --dbs-font-body:clamp(12px,.66vw,14px);
  --dbs-font-button:clamp(10px,.58vw,12px);
  --dbs-font-small:clamp(9px,.52vw,11px);
  --dbs-title:clamp(24px,1.55vw,32px);
}
html,body,.app-body{overflow-x:hidden!important;color:var(--dbs-ink)!important;}
body,.app-body,input,select,textarea,button,.button,.tab-chip,.status{font-size:var(--dbs-font-body)!important;line-height:1.25!important;}
.main-shell{padding:clamp(14px,1vw,22px)!important;min-width:0!important;}
.main-shell h1{font-size:var(--dbs-title)!important;line-height:1.03!important;letter-spacing:.1px!important;}
.main-shell h2{font-size:clamp(18px,1.05vw,26px)!important;line-height:1.08!important;}
.main-shell h3{font-size:clamp(14px,.82vw,19px)!important;line-height:1.12!important;}
button,.button,.tab-chip,.quick-item,.product-button{font-size:var(--dbs-font-button)!important;font-weight:900!important;letter-spacing:.01em!important;}
button,.button{border-radius:11px!important;color:#fff!important;text-decoration:none!important;text-shadow:0 1px 0 rgba(0,0,0,.12)!important;box-shadow:0 8px 17px rgba(142,83,15,.14)!important;}
.button.primary,.button.secondary,.button.ghost:not(.tab-chip),button.primary,button.secondary,button.ghost{border:0!important;}
.button.primary,.button.secondary{background:linear-gradient(135deg,#27aafc,#0877d7)!important;}
.button.ghost:not(.tab-chip),button.ghost,.button.phase876-back-button{background:linear-gradient(135deg,#ff9d18,#dc7600)!important;}
.button.dark{background:var(--dbs-navy)!important;}
.card,.panel,.card-lite,.nested-panel{border-color:var(--dbs-line)!important;box-shadow:0 10px 25px rgba(119,74,19,.06)!important;}
.app-footer{position:relative!important;margin-top:10px!important;padding:5px!important;}
.phase876-page-back-row{margin:8px 0 12px!important;}
.phase876-back-button{min-height:36px!important;padding:8px 18px!important;}

/* Keep normal pages full-size instead of too-small centered cards. */
.split-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)!important;gap:18px!important;align-items:stretch!important;width:100%!important;max-width:none!important;}
.split-layout>.card.panel{min-width:0!important;width:100%!important;}
.list-row.card-lite{min-height:58px!important;}
.row-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;}

/* Measurements / Repairs / Shop split panels. */
.phase87-pos-split,.phase872-pos-register{display:grid!important;grid-template-columns:minmax(430px,40%) minmax(620px,60%)!important;gap:18px!important;align-items:stretch!important;width:100%!important;max-width:none!important;}
.phase87-pos-split>.card.panel,.phase872-pos-register>.card.panel{min-height:calc(100vh - 170px)!important;height:auto!important;overflow:visible!important;padding:14px 16px!important;display:flex!important;flex-direction:column!important;min-width:0!important;}
.phase87-active-panel,.phase872-register-left,.phase87-work-panel,.phase872-register-right{min-width:0!important;overflow:visible!important;}
.phase87-work-panel,.phase872-register-right{display:flex!important;flex-direction:column!important;}
.phase87-entry-form,.phase87-repair-form,.phase872-cart-form{display:flex!important;flex-direction:column!important;gap:10px!important;min-height:0!important;flex:1 1 auto!important;}

/* Transaction tabs: max 3, dark readable labels, compact. */
.phase872-transaction-tabs{height:42px!important;min-height:42px!important;display:flex!important;align-items:stretch!important;gap:0!important;overflow:hidden!important;background:#eaf7ff!important;border:1px solid #c8dfef!important;border-bottom:1px solid #ccdfed!important;border-radius:12px 12px 0 0!important;margin:-14px -16px 0!important;}
.phase872-transaction-tabs .tx-tab,.phase872-transaction-tabs span.active{position:relative!important;flex:0 0 116px!important;min-width:108px!important;max-width:116px!important;height:42px!important;margin:0!important;padding:5px 24px 5px 7px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;border:0!important;border-right:1px solid #c9dfed!important;border-radius:0!important;background:#eaf7ff!important;color:#004f7c!important;opacity:1!important;box-shadow:none!important;white-space:normal!important;overflow:hidden!important;}
.phase872-transaction-tabs .tx-tab.active,.phase872-transaction-tabs span.active{background:#d8f2ff!important;color:#004f7c!important;}
.phase872-transaction-tabs .tx-label{display:block!important;color:#004f7c!important;opacity:1!important;font-size:clamp(9px,.52vw,11px)!important;font-weight:950!important;line-height:1.05!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:74px!important;text-shadow:none!important;}
.phase872-transaction-tabs .tx-close{position:absolute!important;right:5px!important;top:50%!important;transform:translateY(-50%)!important;width:18px!important;height:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#fff!important;color:#c51f1a!important;font-size:12px!important;font-weight:950!important;line-height:1!important;box-shadow:0 2px 5px rgba(0,0,0,.13)!important;text-shadow:none!important;}
.phase872-transaction-tabs .plus{flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:42px!important;padding:0!important;margin:0!important;border-radius:0!important;background:linear-gradient(135deg,#ff9f1a,#db7700)!important;color:#fff!important;border:0!important;box-shadow:none!important;font-size:17px!important;line-height:1!important;}

/* Left transaction panels: stretch close to right-panel height, but keep content readable. */
.phase872-cart-table-wrap{flex:1 1 auto!important;min-height:330px!important;height:auto!important;overflow:hidden!important;background:#fff!important;border-bottom:1px solid #d7e5ef!important;}
.phase872-cart-table th,.phase872-cart-table td{font-size:var(--dbs-font-small)!important;padding:7px 9px!important;line-height:1.15!important;}
.phase872-cart-table small{font-size:var(--dbs-font-small)!important;line-height:1.1!important;}
.phase872-bottom-split{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;flex:0 0 auto!important;margin-top:12px!important;}
.phase872-totals-box,.phase872-customer-box{min-height:142px!important;padding:13px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;overflow:hidden!important;}
.phase872-totals-box div{display:flex!important;justify-content:space-between!important;gap:12px!important;}
.phase872-customer-box .muted-text,.phase877-customer-help{font-size:var(--dbs-font-small)!important;line-height:1.35!important;}
.phase874-left-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:10px!important;}
.phase874-left-actions .button{min-height:36px!important;height:36px!important;padding:7px 10px!important;}
.phase87-recent-box{margin-top:10px!important;max-height:126px!important;overflow:hidden!important;}

/* Client select/search row. */
.phase87-client-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;gap:12px!important;margin-bottom:8px!important;}
.phase87-inline-action{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:8px!important;}
.phase87-client-row select,.phase87-inline-action input,.phase87-inline-action .button{height:36px!important;min-height:36px!important;}

/* Measurement profile collapsed by default, buttons visible. */
.phase876-collapsible.is-collapsed .phase87-compact-grid,.phase876-collapsible.is-collapsed .section-help{display:none!important;}
.phase876-collapsible.is-collapsed{padding:10px 12px!important;}
.phase876-collapsible-head,.phase87-head-actions{gap:8px!important;}
.phase87-head-actions .button{height:32px!important;min-height:32px!important;padding:6px 10px!important;}

/* Entry service frames: 3 rows, no inner scrollbars, bottom action buttons never hidden. */
.phase87-service-section{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;gap:7px!important;padding:12px 14px!important;overflow:visible!important;max-height:none!important;min-height:0!important;}
.phase87-service-section .muted-text{margin:0 0 3px!important;line-height:1.28!important;}
.phase87-step-title{margin:3px 0!important;font-size:var(--dbs-font-small)!important;font-weight:950!important;line-height:1.1!important;}
.category-tabs,.phase87-wrap-row{display:flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:center!important;overflow:visible!important;}
.tab-chip{min-height:30px!important;padding:6px 12px!important;border-radius:999px!important;font-weight:900!important;white-space:nowrap!important;text-shadow:none!important;box-shadow:none!important;}
.tab-chip:not(.active){background:#fff!important;color:#061a38!important;border:1px solid #edc08c!important;}
.tab-chip.active{background:linear-gradient(135deg,#ff9415,#de7600)!important;color:#fff!important;border-color:#de7600!important;}
.phase87-service-scroll,.repair-quick-scroll861{overflow:hidden!important;overflow-y:hidden!important;max-height:none!important;padding-right:0!important;}
.phase876-paged-grid:not(.phase872-product-grid){display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:repeat(3,40px)!important;gap:8px!important;height:136px!important;min-height:136px!important;max-height:136px!important;overflow:hidden!important;align-content:start!important;margin:4px 0!important;}
.phase876-paged-grid:not(.phase872-product-grid)>.quick-item,.phase876-paged-grid:not(.phase872-product-grid)>button,.phase876-paged-grid:not(.phase872-product-grid)>.phase876-blank-tile{height:40px!important;min-height:40px!important;width:100%!important;margin:0!important;padding:4px 7px!important;border-radius:10px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1.03!important;}
.quick-item,.product-button,.service-pick,.repair-service-pick{background:linear-gradient(135deg,#ff9415,#f08312)!important;color:#fff!important;border:0!important;text-shadow:0 1px 0 rgba(0,0,0,.12)!important;}
.quick-item span,.product-button span,.quick-item small,.product-button small{color:inherit!important;font-size:var(--dbs-font-small)!important;line-height:1!important;}
.quick-item strong,.product-button strong{font-size:var(--dbs-font-small)!important;line-height:1!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.phase876-paged-grid>[hidden],.phase872-product-grid>[hidden],.phase8711-page-hidden{display:none!important;}
.phase876-blank-tile{visibility:hidden!important;pointer-events:none!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.phase8711-pager{display:grid!important;grid-template-columns:82px 1fr 82px!important;align-items:center!important;gap:10px!important;margin:7px 0 5px!important;flex:0 0 auto!important;}
.phase8711-pager button{height:32px!important;min-height:32px!important;padding:6px 10px!important;border-radius:10px!important;background:#10284c!important;color:#fff!important;border:0!important;box-shadow:0 6px 14px rgba(16,40,76,.16)!important;}
.phase8711-pager button:disabled{background:#9aa6b5!important;opacity:.72!important;cursor:not-allowed!important;}
.phase8711-pager span{text-align:center!important;color:#916000!important;font-weight:950!important;font-size:var(--dbs-font-button)!important;}
.phase87-detail-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 12px!important;}
.phase87-detail-grid input,.phase87-detail-grid select{height:34px!important;min-height:34px!important;}
.phase87-bottom-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin-top:auto!important;padding-top:8px!important;position:static!important;flex:0 0 auto!important;}
.phase87-repair-form .phase87-bottom-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.phase87-bottom-actions .button{height:36px!important;min-height:36px!important;padding:6px 8px!important;white-space:normal!important;}

/* Shop page: customer buttons equal/smaller, right product grid stable, recent orders removed from shop. */
.phase87-shop-page{grid-template-columns:minmax(560px,52%) minmax(560px,48%)!important;}
.phase87-shop-page>.card.panel{min-height:calc(100vh - 155px)!important;}
.phase87-shop-page .phase872-cart-table-wrap{min-height:350px!important;}
.phase87-shop-page .phase872-customer-box{position:relative!important;min-height:152px!important;padding:12px!important;}
.phase87-shop-page .phase872-customer-grid{display:grid!important;grid-template-columns:minmax(120px,.9fr) minmax(150px,1.1fr)!important;gap:8px!important;}
.phase87-shop-page .phase872-customer-grid select,.phase87-shop-page .phase872-customer-grid input{height:32px!important;min-width:0!important;font-size:var(--dbs-font-small)!important;}
.phase877-customer-help{margin:7px 0 37px!important;}
.phase877-customer-actions{position:absolute!important;left:12px!important;right:12px!important;bottom:11px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;}
.phase877-customer-actions .button{height:30px!important;min-height:30px!important;padding:5px 8px!important;font-size:var(--dbs-font-small)!important;}
.phase878-recent-tender{display:none!important;}
.phase872-register-right{gap:7px!important;}
.phase872-register-search{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;margin-bottom:6px!important;}
.phase872-register-search input,.phase872-register-search button,.phase872-barcode-entry input{height:34px!important;min-height:34px!important;}
.phase872-keypad{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin:6px 0!important;}
.phase872-keypad button{height:30px!important;min-height:30px!important;background:#fff!important;color:#061a38!important;border:1px solid #cbddec!important;border-radius:9px!important;text-shadow:none!important;box-shadow:none!important;}
.phase872-function-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin:6px 0!important;}
.phase872-function-grid button{height:32px!important;min-height:32px!important;padding:5px 8px!important;border-radius:9px!important;color:#fff!important;}
.phase872-function-grid .danger{background:linear-gradient(135deg,#ff5750,#d8322d)!important;}
.phase872-function-grid .success,.phase872-function-grid .pay{background:linear-gradient(135deg,#24bf73,#069454)!important;}
.phase872-function-grid .info{background:linear-gradient(135deg,#25aaf2,#0a78d3)!important;}
.phase872-function-grid .dark{background:var(--dbs-navy)!important;}
.phase872-function-grid .purple{background:linear-gradient(135deg,#9a55ef,#7136d3)!important;}
.phase872-payment-summary{padding:8px!important;margin:6px 0!important;}
.phase872-payment-summary div{display:grid!important;grid-template-columns:repeat(6,auto)!important;gap:3px 10px!important;font-size:var(--dbs-font-small)!important;}
.phase872-payment-summary textarea{height:34px!important;min-height:34px!important;margin-top:6px!important;overflow:hidden!important;}
.product-tabs{max-height:66px!important;overflow:hidden!important;align-content:flex-start!important;}
.phase872-product-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(3,40px)!important;gap:7px!important;height:136px!important;min-height:136px!important;max-height:136px!important;overflow:hidden!important;align-content:start!important;margin-top:4px!important;}
.phase872-product-grid>.quick-item,.phase872-product-grid>button,.phase872-product-grid>.phase876-blank-tile{height:40px!important;min-height:40px!important;width:100%!important;margin:0!important;padding:4px 6px!important;border-radius:10px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;}
.phase872-product-grid .quick-item strong,.phase872-product-grid .quick-item span,.phase872-product-grid .quick-item small{font-size:clamp(8px,.48vw,10px)!important;line-height:1!important;}

/* Products page: Product Labels same row/level as Save Product. */
.product-save-actions{grid-column:1/-1!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;margin-top:2px!important;}
.product-save-actions .button{height:34px!important;min-height:34px!important;padding:7px 14px!important;}
.products-tab-list{max-height:72px!important;overflow:hidden!important;}

/* Sales: align From/To and Service on one clean line; product category and Apply/Reset aligned. */
.phase871-sales-filter{padding:16px!important;overflow:visible!important;}
.phase879-sales-toolbar-grid{display:grid!important;grid-template-columns:160px 160px minmax(380px,1fr) minmax(410px,1.1fr) 150px!important;gap:12px!important;align-items:end!important;}
.sales-tab-block{min-width:0!important;}
.sales-tab-label{display:block!important;height:18px!important;margin-bottom:6px!important;font-weight:950!important;color:var(--dbs-ink)!important;}
.sales-tab-block .report-tabs{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;}
.sales-date-field input,.sales-date-actions .button{height:36px!important;min-height:36px!important;}
.sales-date-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;align-items:end!important;}
.sales-date-actions .button{padding:7px 10px!important;}

/* Reports: export buttons small with visible gaps; no calendar overlap. */
.phase879-reports-panel{padding:16px!important;overflow:visible!important;}
.phase879-report-tabs{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:12px!important;}
.phase879-report-filter-bar{display:grid!important;grid-template-columns:150px 150px 160px 160px 140px 110px 110px 110px!important;gap:10px!important;align-items:end!important;margin-bottom:12px!important;}
.phase879-report-filter-bar .compact-label input,.phase879-report-filter-bar .button{height:36px!important;min-height:36px!important;}
.phase879-report-filter-bar .button{width:100%!important;padding:7px 10px!important;}
.report-table-wrap{overflow:hidden!important;}
.report-table th,.report-table td{font-size:var(--dbs-font-small)!important;padding:7px 9px!important;}

/* Single pager for list pages; hide duplicate older pagers. */
.phase876-list-pager,.phase878-list-pager,.phase879-list-pager,.phase8710-list-pager{display:none!important;}
.phase8711-list-pager{display:grid!important;grid-template-columns:86px 1fr 86px!important;align-items:center!important;gap:10px!important;margin:10px 0 0!important;padding-top:9px!important;border-top:1px dashed #f0bf82!important;}
.phase8711-list-pager button{height:34px!important;border-radius:10px!important;background:#10284c!important;color:#fff!important;border:0!important;}
.phase8711-list-pager button:disabled{background:#9aa6b5!important;opacity:.72!important;}
.phase8711-list-pager span{text-align:center!important;font-weight:950!important;color:#916000!important;}

/* Sidebar recent-orders link can fit. */
.nav-link{font-size:clamp(12px,.72vw,16px)!important;}

@media (max-width:1500px){
  .phase87-pos-split,.phase872-pos-register{grid-template-columns:minmax(390px,40%) minmax(560px,60%)!important;gap:14px!important;}
  .phase87-shop-page{grid-template-columns:minmax(520px,52%) minmax(520px,48%)!important;}
  .phase872-transaction-tabs .tx-tab,.phase872-transaction-tabs span.active{flex-basis:104px!important;min-width:96px!important;max-width:104px!important;}
  .phase872-transaction-tabs .tx-label{max-width:62px!important;font-size:10px!important;}
}
@media (max-width:1180px){
  .phase87-pos-split,.phase872-pos-register,.split-layout,.phase879-sales-toolbar-grid,.phase879-report-filter-bar{grid-template-columns:1fr!important;}
  .phase87-pos-split>.card.panel,.phase872-pos-register>.card.panel{min-height:0!important;height:auto!important;}
}
@media (max-width:900px){
  .app-shell{display:block!important;}
  .sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;z-index:1000!important;transform:translateX(-102%)!important;transition:.2s ease!important;}
  .sidebar.open{transform:translateX(0)!important;}
  .main-shell{padding:12px 10px!important;}
  .topbar{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .topbar-title-wrap{display:grid!important;grid-template-columns:40px 1fr!important;align-items:start!important;gap:10px!important;}
  .menu-toggle{width:36px!important;height:36px!important;min-width:36px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;font-size:18px!important;line-height:1!important;background:#ff981a!important;color:#fff!important;border:0!important;box-shadow:0 6px 12px rgba(0,0,0,.12)!important;}
  .topbar-meta{justify-content:flex-start!important;flex-wrap:wrap!important;}
  .phase87-client-row,.phase87-detail-grid,.phase872-bottom-split,.phase874-left-actions,.phase877-customer-actions,.product-save-actions{grid-template-columns:1fr!important;position:static!important;}
  .phase877-customer-help{margin:8px 0!important;}
  .phase876-paged-grid:not(.phase872-product-grid),.phase872-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(3,40px)!important;height:136px!important;min-height:136px!important;max-height:136px!important;}
  .phase8711-pager,.phase8711-list-pager{grid-template-columns:72px 1fr 72px!important;}
}
@media (max-width:480px){
  :root{--dbs-font-body:12px;--dbs-font-button:10.5px;--dbs-font-small:9.5px;--dbs-title:26px;}
  .phase872-transaction-tabs .tx-tab{flex-basis:86px!important;min-width:76px!important;max-width:86px!important;}
  .phase872-transaction-tabs .tx-label{font-size:9.5px!important;max-width:50px!important;}
  .phase872-transaction-tabs .plus{width:38px!important;min-width:38px!important;flex-basis:38px!important;}
  input,select,textarea{min-width:0!important;}
}

/* Phase 8.7.17 final correction — DBS POS cleanup. Marker: phase8_7_17_final */
html, body, .app-body, input, select, textarea, button, .button, table, th, td, p, label, span, small, a, div {
  font-family: Arial, Helvetica, sans-serif !important;
}
body, .app-body, .main-shell, .card, .panel, input, select, textarea, table, th, td, p, label, span, small, a {
  font-size: 10px !important;
}
.topbar h1, .panel-head h2, .panel-head h3, h1, h2, h3 {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 20px !important;
  line-height: 1.1 !important;
  color: #000 !important;
  margin: 0 !important;
}
h4, h5, .phase87-step-title, .phase872-totals-box h3, .phase872-customer-box h3 {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  color: #000 !important;
}
button, .button, .tab-chip, .quick-item, .phase872-function-grid button, .phase872-keypad button {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}
.phase87-pos-split.phase8717-even-split,
.phase872-pos-register.phase87-shop-page {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
}
.phase872-register-left,
.phase87-work-panel,
.phase872-register-right {
  min-width: 0 !important;
}
.phase872-transaction-tabs {
  min-height: 34px !important;
  background: #eaf8ff !important;
  border-bottom: 1px solid #bcd4e2 !important;
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  overflow: hidden !important;
}
.phase872-transaction-tabs .tx-tab,
.phase872-transaction-tabs > span.active {
  color: #000 !important;
  background: #f4fbff !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  min-width: 74px !important;
  max-width: 82px !important;
  padding: 3px 6px !important;
  border: 0 !important;
  border-right: 1px solid #bcd4e2 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  white-space: normal !important;
}
.phase872-transaction-tabs .tx-tab.active,
.phase872-transaction-tabs > span.active {
  background: #dff4ff !important;
}
.phase872-transaction-tabs .tx-label {
  color: #000 !important;
  font-size: 10px !important;
  max-width: 58px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.phase872-transaction-tabs .tx-close {
  color: #000 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 0 2px !important;
  margin: 0 !important;
  line-height: 1 !important;
  font-size: 10px !important;
}
.phase872-transaction-tabs .plus {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f28c00 !important;
  color: #fff !important;
}
.phase8717-transaction-tools {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 6px !important;
  padding: 6px !important;
  border-bottom: 1px solid #d7e4ee !important;
  background: #fff !important;
}
.phase8717-transaction-tools button {
  border: 1px solid #0b5d8b !important;
  color: #000 !important;
  background: #fff !important;
  border-radius: 8px !important;
  min-height: 26px !important;
}
.phase872-cart-table,
.phase872-cart-table th,
.phase872-cart-table td {
  color: #000 !important;
  font-size: 10px !important;
}
.phase872-cart-table tr[data-cart-row],
.phase872-cart-table tr[data-existing-row],
.phase872-cart-table tr[data-preview-row] {
  cursor: pointer !important;
}
.phase872-cart-table tr.selected,
.phase872-cart-table tr[data-preview-row].selected {
  background: #fff8d8 !important;
  outline: 2px solid #0a7fc2 !important;
  outline-offset: -2px !important;
}
.phase872-cart-table strong {
  color: #000 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}
.phase872-cart-table small {
  color: #000 !important;
  font-size: 10px !important;
  opacity: 1 !important;
}
.phase87-service-section .quick-item.service-pick,
.phase87-service-section .quick-item.repair-service-pick,
.quick-pick-grid .quick-item.service-pick,
.quick-pick-grid .quick-item.repair-service-pick {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #8aa9bf !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  min-height: 40px !important;
}
.quick-item.service-pick span,
.quick-item.repair-service-pick span {
  color: #000 !important;
  font-size: 10px !important;
}
.quick-item.service-pick:hover,
.quick-item.repair-service-pick:hover,
.quick-item.service-pick:focus,
.quick-item.repair-service-pick:focus {
  background: #eef8ff !important;
  border-color: #0a7fc2 !important;
}
.phase876-paged-grid,
.phase872-product-grid {
  overflow: visible !important;
}
.phase8711-pager,
.phase876-pager,
.phase878-pager,
.phase879-pager,
.phase8710-pager {
  display: grid !important;
  grid-template-columns: 90px 1fr 90px !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 7px 0 !important;
}
.phase8711-pager button,
.phase876-pager button,
.phase878-pager button,
.phase879-pager button,
.phase8710-pager button {
  min-height: 32px !important;
  border-radius: 9px !important;
  border: 1px solid #0b2b52 !important;
  background: #0b2b52 !important;
  color: #fff !important;
}
.phase8711-pager button:disabled,
.phase876-pager button:disabled,
.phase878-pager button:disabled,
.phase879-pager button:disabled,
.phase8710-pager button:disabled {
  background: #d6dde4 !important;
  color: #fff !important;
  border-color: #d6dde4 !important;
  opacity: 1 !important;
}
.phase8711-pager span,
.phase876-pager span,
.phase878-pager span,
.phase879-pager span,
.phase8710-pager span {
  text-align: center !important;
  color: #915900 !important;
  font-weight: 800 !important;
  font-size: 10px !important;
}
.phase87-detail-grid {
  display: none !important;
}
.phase8717-note-area {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  margin-top: 6px !important;
}
.phase8717-selected-preview {
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  padding: 8px 10px !important;
  border: 1px solid #b9d4e4 !important;
  border-radius: 8px !important;
  color: #000 !important;
  background: #fff !important;
  font-weight: 800 !important;
  font-size: 16px !important;
}
.phase8717-note-area textarea {
  min-height: 76px !important;
  resize: vertical !important;
}
.phase87-recent-box {
  display: none !important;
}
.phase87-service-section .phase87-bottom-actions,
.phase87-service-section .form-actions {
  margin-top: 10px !important;
}
.topbar-title-wrap {
  gap: 10px !important;
  align-items: center !important;
}
.topbar .menu-toggle {
  position: static !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  border-radius: 8px !important;
  background: #f28c00 !important;
  color: #fff !important;
  z-index: 3000 !important;
}
@media (min-width: 901px) {
  .topbar .menu-toggle { display: none !important; }
}
@media (max-width: 900px) {
  .app-shell { grid-template-columns: 1fr !important; }
  .sidebar {
    position: fixed !important;
    left: -260px !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 245px !important;
    z-index: 4000 !important;
    transition: left .2s ease !important;
  }
  .app-shell.sidebar-open .sidebar,
  .sidebar.open { left: 0 !important; }
  .main-shell { width: 100% !important; padding: 12px !important; }
  .phase87-pos-split.phase8717-even-split,
  .phase872-pos-register.phase87-shop-page { grid-template-columns: 1fr !important; }
  .topbar { align-items: flex-start !important; gap: 8px !important; }
  .topbar-meta { margin-left: 52px !important; flex-wrap: wrap !important; }
}
@media (max-width: 600px) {
  .quick-pick-grid, .service-pick-grid, .product-button-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .category-tabs { gap: 5px !important; }
  .phase872-function-grid, .phase872-keypad { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}




/* Phase 8.7.20 clean yellow-area fixes - START */

/* Measurements / Repairs / Shop transaction tab: show full "Transaction 1" like clean POS page */
.phase872-transaction-tabs {
  height: 42px !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  overflow: hidden !important;
  background: #eaf8ff !important;
  border-bottom: 1px solid #bcd4e2 !important;
}

.phase872-transaction-tabs .tx-tab,
.phase872-transaction-tabs > span.active {
  flex: 0 0 150px !important;
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  border: 0 !important;
  border-right: 1px solid #c7ddeb !important;
  border-radius: 0 !important;
  background: #f4fbff !important;
  color: #000 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.phase872-transaction-tabs .tx-tab.active,
.phase872-transaction-tabs > span.active {
  background: #dff4ff !important;
}

.phase872-transaction-tabs .tx-label {
  display: inline-block !important;
  max-width: 112px !important;
  color: #000 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  opacity: 1 !important;
}

.phase872-transaction-tabs .tx-close {
  position: static !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  min-width: 16px !important;
  height: 16px !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #000 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-shadow: none !important;
}

.phase872-transaction-tabs .plus {
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f28c00 !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

/* Shop Customer Lookup: readable 12px text */
.phase87-shop-page .phase872-customer-box {
  min-height: 178px !important;
  padding: 12px !important;
  overflow: visible !important;
}

.phase87-shop-page .phase872-customer-box h3 {
  font-size: 13px !important;
  line-height: 1.1 !important;
  margin-bottom: 8px !important;
}

.phase87-shop-page .phase872-customer-grid {
  display: grid !important;
  grid-template-columns: minmax(150px, 1fr) minmax(160px, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
}

.phase87-shop-page .phase872-customer-grid select,
.phase87-shop-page .phase872-customer-grid input {
  height: 34px !important;
  min-height: 34px !important;
  min-width: 0 !important;
  width: 100% !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  color: #000 !important;
}

.phase87-shop-page .phase872-customer-grid input::placeholder {
  font-size: 12px !important;
}

.phase87-shop-page .phase877-customer-help {
  margin: 8px 0 8px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  color: #000 !important;
}

/* Shop bottom two buttons: same size, shorter, centered */
.phase87-shop-page .phase877-customer-actions {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: 8px !important;
  width: 100% !important;
}

.phase87-shop-page .phase877-customer-actions .button {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 7px 12px !important;
  margin: 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
}

/* Phase 8.7.20 clean yellow-area fixes - END */

/* Phase 8.7.18 tab-area and shop-action sizing */
.dbs-wide-transaction-tab,
.dbs-wide-transaction-tab * {
  box-sizing: border-box !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.dbs-wide-transaction-tab {
  min-width: 132px !important;
  width: 132px !important;
  max-width: 132px !important;
  flex: 0 0 132px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

.dbs-wide-transaction-tab > * {
  max-width: none !important;
}

.dbs-shop-compact-actions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

.dbs-shop-compact-action-btn {
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
  flex: 0 0 240px !important;
}

@media (max-width: 700px) {
  .dbs-shop-compact-action-btn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
  }
}




/* Phase 8.7.23 all pages 12px font standard - START */

/* Body text and normal UI text */
body,
.app-body,
.main-shell,
.card,
.panel,
.card-lite,
.nested-panel,
input,
select,
textarea,
table,
th,
td,
p,
label,
span,
small,
a,
div,
.nav-link,
.muted-text,
.status,
.chip {
  font-size: 12px !important;
  line-height: 1.25 !important;
}

/* H3 and H5 everywhere */
h3,
h5,
.topbar h3,
.panel-head h3,
.card h3,
.panel h3,
.card h5,
.panel h5,
.phase872-totals-box h3,
.phase872-customer-box h3,
.phase872-totals-box h5,
.phase872-customer-box h5,
.phase87-step-title {
  font-size: 12px !important;
  line-height: 1.2 !important;
}

/* All buttons */
button,
.button,
input[type="button"],
input[type="submit"],
.tab-chip,
.quick-item,
.product-button,
.service-pick,
.repair-service-pick,
.phase872-function-grid button,
.phase872-keypad button,
.phase8717-transaction-tools button {
  font-size: 12px !important;
  line-height: 1.15 !important;
}

/* Specific older 10px overrides */
.phase872-transaction-tabs .tx-label,
.phase872-transaction-tabs .tx-close,
.phase872-cart-table,
.phase872-cart-table th,
.phase872-cart-table td,
.phase872-cart-table strong,
.phase872-cart-table small,
.phase872-payment-summary div,
.phase872-product-grid .quick-item strong,
.phase872-product-grid .quick-item span,
.phase872-product-grid .quick-item small,
.quick-item strong,
.quick-item span,
.quick-item small,
.product-button strong,
.product-button span,
.product-button small,
.phase87-shop-page .phase872-customer-grid select,
.phase87-shop-page .phase872-customer-grid input,
.phase87-shop-page .phase877-customer-help,
.phase877-customer-actions .button {
  font-size: 12px !important;
}

/* Phase 8.7.23 all pages 12px font standard - END */


/* Phase 8.7.24 Measurements/Repairs service pager alignment - START */

/* Clean pager row under Service buttons on Measurements and Repairs */
.phase87-measurements-page .phase87-service-section .phase8711-pager,
.phase87-repairs-page .phase87-service-section .phase8711-pager,
.phase87-measurements-page .phase876-paged-grid + .phase8711-pager,
.phase87-repairs-page .phase876-paged-grid + .phase8711-pager {
  display: grid !important;
  grid-template-columns: 86px minmax(0, 1fr) 86px !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 8px 0 10px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  clear: both !important;
}

.phase87-measurements-page .phase87-service-section .phase8711-pager button,
.phase87-repairs-page .phase87-service-section .phase8711-pager button,
.phase87-measurements-page .phase876-paged-grid + .phase8711-pager button,
.phase87-repairs-page .phase876-paged-grid + .phase8711-pager button {
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #10284c !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  box-shadow: 0 8px 16px rgba(16, 40, 76, .16) !important;
}

.phase87-measurements-page .phase87-service-section .phase8711-pager button:first-child,
.phase87-repairs-page .phase87-service-section .phase8711-pager button:first-child,
.phase87-measurements-page .phase876-paged-grid + .phase8711-pager button:first-child,
.phase87-repairs-page .phase876-paged-grid + .phase8711-pager button:first-child {
  justify-self: start !important;
}

.phase87-measurements-page .phase87-service-section .phase8711-pager button:last-child,
.phase87-repairs-page .phase87-service-section .phase8711-pager button:last-child,
.phase87-measurements-page .phase876-paged-grid + .phase8711-pager button:last-child,
.phase87-repairs-page .phase876-paged-grid + .phase8711-pager button:last-child {
  justify-self: end !important;
}

.phase87-measurements-page .phase87-service-section .phase8711-pager button:disabled,
.phase87-repairs-page .phase87-service-section .phase8711-pager button:disabled,
.phase87-measurements-page .phase876-paged-grid + .phase8711-pager button:disabled,
.phase87-repairs-page .phase876-paged-grid + .phase8711-pager button:disabled {
  background: #dbe7f0 !important;
  color: #8a9aa8 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.phase87-measurements-page .phase87-service-section .phase8711-pager span,
.phase87-repairs-page .phase87-service-section .phase8711-pager span,
.phase87-measurements-page .phase876-paged-grid + .phase8711-pager span,
.phase87-repairs-page .phase876-paged-grid + .phase8711-pager span {
  display: block !important;
  justify-self: center !important;
  align-self: center !important;
  width: auto !important;
  min-width: 150px !important;
  max-width: 220px !important;
  padding: 0 10px !important;
  margin: 0 auto !important;
  background: transparent !important;
  color: #916000 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 34px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* Keep Note area below pager with clean spacing */
.phase87-measurements-page .phase8717-note-area,
.phase87-repairs-page .phase8717-note-area {
  margin-top: 4px !important;
}

/* Phase 8.7.24 Measurements/Repairs service pager alignment - END */


/* Phase 8.7.25 Measurements/Repairs category pager fix - START */

.phase87-measurements-page .dbs8725-service-pager,
.phase87-repairs-page .dbs8725-service-pager {
  display: grid !important;
  grid-template-columns: 86px minmax(0, 1fr) 86px !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 8px 0 10px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.phase87-measurements-page .dbs8725-service-pager button,
.phase87-repairs-page .dbs8725-service-pager button {
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #10284c !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
}

.phase87-measurements-page .dbs8725-service-pager button:disabled,
.phase87-repairs-page .dbs8725-service-pager button:disabled {
  background: #dbe7f0 !important;
  color: #8a9aa8 !important;
  opacity: 1 !important;
}

.phase87-measurements-page .dbs8725-service-pager span,
.phase87-repairs-page .dbs8725-service-pager span {
  justify-self: center !important;
  color: #916000 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 34px !important;
  white-space: nowrap !important;
  text-align: center !important;
}

/* Phase 8.7.25 Measurements/Repairs category pager fix - END */


/* Phase 8.7.26 Measurements workflow only - START */

.phase87-measurements-page .dbs8726-profile-step-title {
  display: none !important;
}

.phase87-measurements-page.dbs8726-custom-mode .dbs8726-profile-step-title {
  display: block !important;
}

.phase87-measurements-page.dbs8726-custom-mode #measurementProfilePanel {
  display: block !important;
  max-height: none !important;
  overflow: visible !important;
  opacity: 1 !important;
}

.phase87-measurements-page.dbs8726-not-custom #measurementProfilePanel,
.phase87-measurements-page.dbs8726-not-custom .dbs8726-profile-step-title {
  display: none !important;
}

.phase87-measurements-page #measurementProfilePanel .phase87-head-actions button[name="next_action"][value="save_profile"],
.phase87-measurements-page #measurementProfilePanel .phase87-head-actions button[onclick*="clearMeasurementProfile"] {
  display: none !important;
}

.phase87-measurements-page .dbs8726-selected-detail {
  margin: 10px 0 0 !important;
  padding: 10px !important;
  border: 1px solid #cfe0ec !important;
  border-radius: 12px !important;
  background: #f8fcff !important;
}

.phase87-measurements-page .dbs8726-selected-detail[hidden] {
  display: none !important;
}

.phase87-measurements-page .dbs8726-selected-detail h5 {
  margin: 0 0 8px !important;
  font-size: 12px !important;
}

.phase87-measurements-page .dbs8726-detail-grid {
  display: grid !important;
  grid-template-columns: 1.4fr .55fr .65fr .75fr !important;
  gap: 8px !important;
  align-items: end !important;
}

.phase87-measurements-page .dbs8726-detail-grid label {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.phase87-measurements-page .dbs8726-detail-grid input,
.phase87-measurements-page .dbs8726-detail-grid textarea {
  width: 100% !important;
  min-width: 0 !important;
  height: 32px !important;
  min-height: 32px !important;
  font-size: 12px !important;
}

.phase87-measurements-page .dbs8726-detail-grid textarea {
  grid-column: 1 / 4 !important;
  height: 44px !important;
  min-height: 44px !important;
}

.phase87-measurements-page .dbs8726-detail-grid .button {
  height: 44px !important;
  min-height: 44px !important;
  font-size: 12px !important;
}

.phase87-measurements-page .phase872-cart-table .amt-cell {
  text-align: right !important;
  font-weight: 800 !important;
}

/* Phase 8.7.26 Measurements workflow only - END */


/* Phase 8.7.27 measurements repairs amt wrap fix - START */

/* Measurements + Repairs transaction table layout */
.phase87-measurements-page .phase872-cart-table,
.phase87-repairs-page .phase872-cart-table {
  table-layout: fixed !important;
  width: 100% !important;
}

.phase87-measurements-page .phase872-cart-table th:nth-child(1),
.phase87-measurements-page .phase872-cart-table td:nth-child(1),
.phase87-repairs-page .phase872-cart-table th:nth-child(1),
.phase87-repairs-page .phase872-cart-table td:nth-child(1) {
  width: 50% !important;
  max-width: 50% !important;
  vertical-align: top !important;
}

.phase87-measurements-page .phase872-cart-table th:nth-child(2),
.phase87-measurements-page .phase872-cart-table td:nth-child(2),
.phase87-repairs-page .phase872-cart-table th:nth-child(2),
.phase87-repairs-page .phase872-cart-table td:nth-child(2) {
  width: 10% !important;
  text-align: center !important;
}

.phase87-measurements-page .phase872-cart-table th:nth-child(3),
.phase87-measurements-page .phase872-cart-table td:nth-child(3),
.phase87-repairs-page .phase872-cart-table th:nth-child(3),
.phase87-repairs-page .phase872-cart-table td:nth-child(3) {
  width: 14% !important;
  text-align: right !important;
}

.phase87-measurements-page .phase872-cart-table th:nth-child(4),
.phase87-measurements-page .phase872-cart-table td:nth-child(4),
.phase87-repairs-page .phase872-cart-table th:nth-child(4),
.phase87-repairs-page .phase872-cart-table td:nth-child(4) {
  width: 14% !important;
  text-align: right !important;
}

/* Wrap item details / note text so Qty Price Amt have space */
.phase87-measurements-page .phase872-cart-table td:nth-child(1),
.phase87-repairs-page .phase872-cart-table td:nth-child(1) {
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

.phase87-measurements-page .phase872-cart-table td:nth-child(1) strong,
.phase87-repairs-page .phase872-cart-table td:nth-child(1) strong {
  display: block !important;
  white-space: normal !important;
  line-height: 1.15 !important;
  margin-bottom: 2px !important;
}

.phase87-measurements-page .phase872-cart-table td:nth-child(1) small,
.phase87-repairs-page .phase872-cart-table td:nth-child(1) small {
  display: block !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  line-height: 1.15 !important;
  max-width: 100% !important;
}

/* Right-side numeric cells */
.phase87-measurements-page .phase872-cart-table .amt-cell,
.phase87-repairs-page .phase872-cart-table .amt-cell {
  font-weight: 800 !important;
  text-align: right !important;
}

/* Phase 8.7.27 measurements repairs amt wrap fix - END */


/* Phase 8.7.28 checkout buttons for measurements repairs - START */

/* Blank orange placeholder: keep layout, remove link/action */
.phase87-measurements-page .dbs8728-blank-orange,
.phase87-repairs-page .dbs8728-blank-orange {
  pointer-events: none !important;
  cursor: default !important;
  color: transparent !important;
  text-shadow: none !important;
}

/* Hide Fee and Disc order rows if old totals markup appears on these pages */
.phase87-measurements-page .phase872-totals-box div:has(span:first-child:nth-last-child(n)),
.phase87-repairs-page .phase872-totals-box div:has(span:first-child:nth-last-child(n)) {
}

/* Browser-safe fallback handled by JS is not used here; template pages normally do not have Fee/Disc rows. */

/* Phase 8.7.28 checkout buttons for measurements repairs - END */


/* Phase 9.0 checkout cash drawer - START */

.phase9-checkout-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

.phase9-checkout-left,
.phase9-checkout-right {
  min-height: calc(100vh - 185px) !important;
}

.phase9-checkout-client {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  margin: 8px 0 12px !important;
}

.phase9-checkout-table {
  table-layout: fixed !important;
  width: 100% !important;
}

.phase9-checkout-table th:nth-child(1),
.phase9-checkout-table td:nth-child(1) {
  width: 56% !important;
  white-space: normal !important;
  word-break: break-word !important;
}

.phase9-checkout-table th:nth-child(2),
.phase9-checkout-table td:nth-child(2) {
  width: 10% !important;
  text-align: center !important;
}

.phase9-checkout-table th:nth-child(3),
.phase9-checkout-table td:nth-child(3),
.phase9-checkout-table th:nth-child(4),
.phase9-checkout-table td:nth-child(4) {
  width: 17% !important;
  text-align: right !important;
}

.phase9-total-lines,
.phase9-pay-summary,
.phase9-cash-summary {
  display: grid !important;
  gap: 8px !important;
  margin: 10px 0 16px !important;
}

.phase9-total-lines div,
.phase9-pay-summary div,
.phase9-cash-summary div {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 7px 0 !important;
  border-bottom: 1px solid #dbe8f2 !important;
}

.phase9-total-lines .total,
.phase9-cash-summary .total {
  color: #0074c8 !important;
  font-weight: 900 !important;
}

.phase9-tender-form,
.phase9-cash-form {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}

.phase9-tender-form label,
.phase9-cash-form label {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
}

.phase9-tender-form .full,
.phase9-cash-form .full {
  grid-column: 1 / -1 !important;
}

.phase9-tender-form input,
.phase9-tender-form select,
.phase9-tender-form textarea,
.phase9-cash-form input,
.phase9-cash-form select {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 36px !important;
  font-size: 12px !important;
}

.phase9-tender-form textarea {
  min-height: 70px !important;
}

.phase9-action-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

.phase9-cash-shell {
  display: grid !important;
  grid-template-columns: minmax(360px, .8fr) minmax(0, 1.2fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

/* Phase 9.0 checkout cash drawer - END */


/* Phase 9.1 checkout payment buttons compact - START */

/* Make checkout fit more like POS: compact, no unnecessary page scrolling */
.phase9-checkout-shell {
  grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr) !important;
  gap: 12px !important;
}

.phase9-checkout-left,
.phase9-checkout-right {
  min-height: 0 !important;
}

.phase9-checkout-left {
  height: calc(100vh - 205px) !important;
  overflow: auto !important;
}

.phase9-checkout-right {
  height: auto !important;
  max-height: calc(100vh - 205px) !important;
  overflow: auto !important;
}

.phase9-checkout-shell .card,
.phase9-checkout-shell .panel {
  padding: 12px !important;
}

.phase9-checkout-client {
  margin: 4px 0 8px !important;
}

.phase9-total-lines,
.phase9-pay-summary {
  gap: 4px !important;
  margin: 6px 0 10px !important;
}

.phase9-total-lines div,
.phase9-pay-summary div {
  padding: 5px 0 !important;
}

/* Payment type as POS buttons */
.phase9-payment-method-box {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
}

.phase9-payment-method-box > span {
  font-size: 12px !important;
  font-weight: 800 !important;
}

.phase9-payment-buttons {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
}

.phase9-payment-buttons .phase9-pay-type {
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 8px !important;
  border-radius: 10px !important;
  border: 1px solid #0e84d8 !important;
  background: #ffffff !important;
  color: #0e2847 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

.phase9-payment-buttons .phase9-pay-type.active {
  background: #1e9ce6 !important;
  border-color: #1e9ce6 !important;
  color: #ffffff !important;
}

.phase9-tender-form {
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}

.phase9-tender-form input,
.phase9-tender-form select {
  min-height: 38px !important;
  height: 38px !important;
}

.phase9-tender-form textarea {
  min-height: 58px !important;
  height: 58px !important;
}

.phase9-tender-form .button {
  min-height: 38px !important;
  height: 38px !important;
}

@media (max-width: 1100px) {
  .phase9-checkout-shell {
    grid-template-columns: 1fr !important;
  }

  .phase9-checkout-left,
  .phase9-checkout-right {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* Phase 9.1 checkout payment buttons compact - END */


/* Phase 9.3 no pending checkout blank buttons - START */

.phase87-measurements-page .dbs-phase93-blank-btn,
.phase87-repairs-page .dbs-phase93-blank-btn {
  pointer-events: none !important;
  cursor: default !important;
  color: transparent !important;
  text-shadow: none !important;
  user-select: none !important;
}

.phase87-measurements-page .dbs-phase93-blank-btn *,
.phase87-repairs-page .dbs-phase93-blank-btn * {
  display: none !important;
}

/* Phase 9.3 no pending checkout blank buttons - END */


/* Phase 9.4 client required workflow cleanup - START */

.phase94-client-results {
  grid-column: 1 / -1 !important;
  margin-top: 6px !important;
  padding: 8px !important;
  border: 1px solid #f0bf82 !important;
  border-radius: 12px !important;
  background: #fffaf2 !important;
  display: none;
}

.phase94-client-results.is-open {
  display: grid !important;
  gap: 6px !important;
}

.phase94-client-result-btn {
  width: 100% !important;
  min-height: 32px !important;
  border: 1px solid #d7e3ee !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #0e2847 !important;
  text-align: left !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.phase94-client-result-btn:hover {
  background: #eaf8ff !important;
}

.phase94-new-order-reset {
  text-align: center !important;
}

.phase87-measurements-page .phase9-ticket-required-checkout,
.phase87-repairs-page .phase9-ticket-required-checkout {
  opacity: 1 !important;
}

/* Phase 9.4 client required workflow cleanup - END */




/* DBS Phase 9.6b force client result white - START */

/* Actual Phase 9.4 client search result container */
.phase87-measurements-page .phase94-client-results,
.phase87-repairs-page .phase94-client-results {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #d9dee7 !important;
  box-shadow: none !important;
}

/* Actual Phase 9.4 result button */
.phase87-measurements-page .phase94-client-results .phase94-client-result-btn,
.phase87-repairs-page .phase94-client-results .phase94-client-result-btn,
.phase87-measurements-page .phase94-client-result-btn,
.phase87-repairs-page .phase94-client-result-btn {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #000000 !important;
  border: 1px solid #d9dee7 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Hover/focus/active/selected must stay white + black */
.phase87-measurements-page .phase94-client-results .phase94-client-result-btn:hover,
.phase87-repairs-page .phase94-client-results .phase94-client-result-btn:hover,
.phase87-measurements-page .phase94-client-results .phase94-client-result-btn:focus,
.phase87-repairs-page .phase94-client-results .phase94-client-result-btn:focus,
.phase87-measurements-page .phase94-client-results .phase94-client-result-btn:active,
.phase87-repairs-page .phase94-client-results .phase94-client-result-btn:active,
.phase87-measurements-page .phase94-client-results .phase94-client-result-btn.active,
.phase87-repairs-page .phase94-client-results .phase94-client-result-btn.active,
.phase87-measurements-page .phase94-client-results .phase94-client-result-btn[aria-selected="true"],
.phase87-repairs-page .phase94-client-results .phase94-client-result-btn[aria-selected="true"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #000000 !important;
  border-color: #d9dee7 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: 2px solid #d9dee7 !important;
}

/* Force child text too */
.phase87-measurements-page .phase94-client-results .phase94-client-result-btn *,
.phase87-repairs-page .phase94-client-results .phase94-client-result-btn *,
.phase87-measurements-page .phase94-client-results *,
.phase87-repairs-page .phase94-client-results * {
  color: #000000 !important;
  text-shadow: none !important;
}

/* Native dropdown options */
.phase87-measurements-page select option,
.phase87-repairs-page select option {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #000000 !important;
}

/* DBS Phase 9.6b force client result white - END */


/* Phase 9.8 categories products CRUD - START */

.phase98-admin-grid {
  display: grid !important;
  grid-template-columns: minmax(360px, .95fr) minmax(420px, 1.05fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

.phase98-admin-form,
.phase98-admin-list {
  min-height: calc(100vh - 190px) !important;
}

.phase98-form {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}

.phase98-form label {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
}

.phase98-form label span {
  font-weight: 900 !important;
}

.phase98-form .full {
  grid-column: 1 / -1 !important;
}

.phase98-form input,
.phase98-form select,
.phase98-form textarea {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 36px !important;
  font-size: 12px !important;
}

.phase98-form textarea {
  min-height: 84px !important;
}

.phase98-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  border: 1px solid #f0a85f !important;
  border-radius: 12px !important;
  padding: 10px !important;
  margin-bottom: 10px !important;
  background: #fff !important;
}

.phase98-row-main {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.phase98-row-main strong {
  font-size: 13px !important;
}

.phase98-row-main span,
.phase98-row-main small {
  overflow-wrap: anywhere !important;
}

.phase98-row-actions {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex-wrap: nowrap !important;
}

.phase98-row-actions form {
  margin: 0 !important;
}

.phase98-row-actions .compact,
.phase98-admin-form .compact {
  min-height: 30px !important;
  height: 30px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
}

.phase98-row-actions .icon-btn {
  width: 34px !important;
  min-width: 34px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

.phase98-row-actions .danger {
  background: #ef4444 !important;
  color: #fff !important;
  border-color: #ef4444 !important;
}

.phase98-empty {
  padding: 16px !important;
  border: 1px dashed #f0a85f !important;
  border-radius: 12px !important;
  background: #fffaf2 !important;
  font-weight: 800 !important;
}

@media (max-width: 1180px) {
  .phase98-admin-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Phase 9.8 categories products CRUD - END */

/* Phase 9.8.1 white action buttons for Categories / Products */
.phase98-row-actions .icon-btn,
.phase98-row-actions .compact,
.phase98-row-actions .secondary,
.phase98-row-actions .danger,
.phase98-row-actions .button {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #cfd8e3 !important;
  box-shadow: none !important;
}

.phase98-row-actions .icon-btn *,
.phase98-row-actions .compact *,
.phase98-row-actions .secondary *,
.phase98-row-actions .danger *,
.phase98-row-actions .button * {
  color: #111111 !important;
}

.phase98-row-actions .icon-btn:hover,
.phase98-row-actions .compact:hover,
.phase98-row-actions .secondary:hover,
.phase98-row-actions .danger:hover,
.phase98-row-actions .button:hover,
.phase98-row-actions .icon-btn:focus,
.phase98-row-actions .compact:focus,
.phase98-row-actions .secondary:focus,
.phase98-row-actions .danger:focus,
.phase98-row-actions .button:focus,
.phase98-row-actions .icon-btn:active,
.phase98-row-actions .compact:active,
.phase98-row-actions .secondary:active,
.phase98-row-actions .danger:active,
.phase98-row-actions .button:active {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #aeb8c5 !important;
  box-shadow: none !important;
  transform: none !important;
}

.phase98-row-actions form button {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #cfd8e3 !important;
}

.phase98-row-actions form button:hover,
.phase98-row-actions form button:focus,
.phase98-row-actions form button:active {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #aeb8c5 !important;
}



/* Phase 10.1 real service setup - START */

.phase10-setup-shell {
  display: grid !important;
  gap: 14px !important;
}

.phase10-setup-tabs,
.phase10-setup-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 10px !important;
  border: 1px solid #f0a85f !important;
  border-radius: 14px !important;
  background: #fff !important;
}

.phase10-setup-nav a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border: 1px solid #f0a85f !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #111 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.phase10-setup-card {
  padding: 14px !important;
}

.phase10-form {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: end !important;
}

.phase10-form label {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.phase10-form .full {
  grid-column: 1 / -1 !important;
}

.phase10-form .checkbox-line {
  flex-direction: row !important;
  align-items: center !important;
  height: 36px !important;
}

.phase10-form input,
.phase10-form select {
  width: 100% !important;
  min-height: 36px !important;
  font-size: 12px !important;
}

.phase10-form button {
  min-height: 36px !important;
}

.phase10-list {
  display: grid !important;
  gap: 8px !important;
  margin-top: 14px !important;
}

.phase10-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 9px 10px !important;
  border: 1px solid #f0a85f !important;
  border-radius: 12px !important;
  background: #fff !important;
}

.phase10-row > div:first-child {
  display: grid !important;
  gap: 2px !important;
}

.phase10-row span {
  font-size: 12px !important;
}

.phase10-actions {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.phase10-actions form {
  margin: 0 !important;
}

.phase10-actions .button,
.phase10-actions button {
  background: #fff !important;
  color: #111 !important;
  border: 1px solid #cfd8e3 !important;
  min-height: 30px !important;
  height: 30px !important;
  padding: 0 10px !important;
  box-shadow: none !important;
}

.phase10-actions .icon-btn {
  width: 34px !important;
  min-width: 34px !important;
  padding: 0 !important;
}

.phase10-empty,
.phase10-empty-inline {
  padding: 10px !important;
  border: 1px dashed #f0a85f !important;
  border-radius: 10px !important;
  background: #fffaf2 !important;
  font-weight: 900 !important;
}

/* Phase 10.1 real service setup - END */


/* Phase 10.1e restore old intake button layout - START */

/* Keep Work Type, Category, and Service Type close to old Phase 8.7 layout */

/* Work Type + Category pill rows */
.phase87-measurements-page [data-phase10-work],
.phase87-measurements-page [data-phase10-cat],
.phase87-repairs-page [data-phase10-cat],
.phase87-measurements-page .garment-cat,
.phase87-repairs-page .repair-cat,
.phase87-measurements-page .phase87-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  height: 36px !important;
  min-width: 74px !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 16px !important;
  margin: 0 6px 8px 0 !important;
  border: 1px solid #f0a85f !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #0e2a42 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Active Work Type + Category */
.phase87-measurements-page [data-phase10-work].active,
.phase87-measurements-page [data-phase10-cat].active,
.phase87-repairs-page [data-phase10-cat].active,
.phase87-measurements-page .garment-cat.active,
.phase87-repairs-page .repair-cat.active,
.phase87-measurements-page .phase87-pill.active {
  background: #fb8500 !important;
  background-color: #fb8500 !important;
  color: #ffffff !important;
  border-color: #fb8500 !important;
}

/* Hover/focus should not turn every button orange */
.phase87-measurements-page [data-phase10-work]:hover,
.phase87-measurements-page [data-phase10-cat]:hover,
.phase87-repairs-page [data-phase10-cat]:hover,
.phase87-measurements-page .garment-cat:hover,
.phase87-repairs-page .repair-cat:hover {
  background: #fff7ed !important;
  color: #0e2a42 !important;
  border-color: #fb8500 !important;
}

.phase87-measurements-page [data-phase10-work].active:hover,
.phase87-measurements-page [data-phase10-cat].active:hover,
.phase87-repairs-page [data-phase10-cat].active:hover,
.phase87-measurements-page .garment-cat.active:hover,
.phase87-repairs-page .repair-cat.active:hover {
  background: #fb8500 !important;
  color: #ffffff !important;
}

/* Service Type grid: old large rectangular buttons */
.phase87-measurements-page .service-pick,
.phase87-repairs-page .repair-service-pick {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  height: 46px !important;
  min-width: 118px !important;
  width: 100% !important;
  padding: 4px 8px !important;
  margin: 0 !important;
  border: 1px solid #8badcc !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  white-space: normal !important;
  text-align: center !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.phase87-measurements-page .service-pick strong,
.phase87-repairs-page .repair-service-pick strong,
.phase87-measurements-page .service-pick span,
.phase87-repairs-page .repair-service-pick span {
  display: block !important;
  color: #000000 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  text-align: center !important;
}

/* Keep service buttons in the old 6-column style when space allows */
.phase87-measurements-page .service-pick-container,
.phase87-measurements-page .service-grid,
.phase87-measurements-page .phase87-service-grid,
.phase87-repairs-page .repair-service-grid,
.phase87-repairs-page .service-grid,
.phase87-repairs-page .phase87-service-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(110px, 1fr)) !important;
  gap: 8px !important;
  align-items: stretch !important;
}

/* When Phase 10 JS replaces the first service button parent, force that parent into a grid */
.phase87-measurements-page .service-pick:first-child,
.phase87-repairs-page .repair-service-pick:first-child {
  margin-left: 0 !important;
}

/* Main right-side setup panel spacing */
.phase87-measurements-page .phase10-empty-inline,
.phase87-repairs-page .phase10-empty-inline {
  width: 100% !important;
  padding: 10px 12px !important;
  border: 1px dashed #f0a85f !important;
  border-radius: 10px !important;
  background: #fffaf2 !important;
  color: #0e2a42 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

/* Phase 10.1e restore old intake button layout - END */


/* Phase 10.1g copy setup and render fix - START */

/* Settings action buttons: white bg, black icon/text */
.phase10-actions .button,
.phase10-actions button,
.phase10-actions a.button,
.phase10-row .phase10-actions .button,
.phase10-row .phase10-actions button {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #111111 !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.phase10-actions .button:hover,
.phase10-actions button:hover,
.phase10-actions a.button:hover,
.phase10-actions .button:focus,
.phase10-actions button:focus,
.phase10-actions a.button:focus,
.phase10-actions .button:active,
.phase10-actions button:active,
.phase10-actions a.button:active {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: #94a3b8 !important;
  box-shadow: none !important;
  transform: none !important;
}

.phase10-actions .button *,
.phase10-actions button * {
  color: #111111 !important;
}

/* Copy sections */
.phase101g-copy-card {
  margin-top: 14px !important;
}

.phase101g-help {
  margin: 0 0 10px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #0e2a42 !important;
}

.phase101g-copy-form {
  display: grid !important;
  gap: 12px !important;
}

.phase101g-copy-form > label {
  display: grid !important;
  gap: 5px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.phase101g-copy-form select {
  min-height: 36px !important;
  width: 100% !important;
  font-size: 12px !important;
}

.phase101g-copy-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  gap: 8px !important;
}

.phase101g-check-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 1px solid #f0a85f !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  padding: 8px 10px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.phase101g-check-row input {
  width: 16px !important;
  height: 16px !important;
}

/* Dynamic Measurement/Repair setup hosts */
.phase101g-work-host,
.phase101g-category-host {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 8px 0 12px !important;
}

.phase101g-service-host {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(110px, 1fr)) !important;
  gap: 8px !important;
  margin: 8px 0 12px !important;
}

.phase101g-work-btn,
.phase101g-cat-btn {
  min-height: 36px !important;
  height: 36px !important;
  min-width: 74px !important;
  padding: 0 16px !important;
  border: 1px solid #f0a85f !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #0e2a42 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.phase101g-work-btn.active,
.phase101g-cat-btn.active {
  background: #fb8500 !important;
  color: #ffffff !important;
  border-color: #fb8500 !important;
}

.phase101g-service-btn {
  min-height: 46px !important;
  height: 46px !important;
  padding: 4px 8px !important;
  border: 1px solid #8badcc !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #000000 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  box-shadow: none !important;
}

.phase101g-service-btn strong,
.phase101g-service-btn span {
  display: block !important;
  color: #000000 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
}

.phase101g-empty {
  padding: 10px 12px !important;
  border: 1px dashed #f0a85f !important;
  border-radius: 10px !important;
  background: #fffaf2 !important;
  color: #0e2a42 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

@media (max-width: 1200px) {
  .phase101g-service-host,
  .phase101g-copy-list {
    grid-template-columns: repeat(3, minmax(110px, 1fr)) !important;
  }
}

/* Phase 10.1g copy setup and render fix - END */


/* Phase 10.1h copy tools bottom collapsible - START */

/* Hide old copy-card styling influence if old classes remain */
.phase101g-copy-card {
  width: 100% !important;
  max-width: none !important;
}

/* New bottom copy area */
.phase101h-copy-bottom {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  margin-top: 16px !important;
  order: 999 !important;
}

.phase101h-copy-card {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.phase101h-copy-card summary {
  cursor: pointer !important;
  min-height: 48px !important;
  padding: 12px 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  color: #0e2a42 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  list-style: none !important;
}

.phase101h-copy-card summary::-webkit-details-marker {
  display: none !important;
}

.phase101h-copy-card summary::after {
  content: "Expand" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  padding: 0 14px !important;
  border: 1px solid #f0a85f !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #111111 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.phase101h-copy-card[open] summary::after {
  content: "Collapse" !important;
}

.phase101h-copy-card summary small {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #334155 !important;
}

.phase101h-copy-form {
  display: grid !important;
  gap: 12px !important;
  padding: 0 16px 16px 16px !important;
}

.phase101h-copy-form > label {
  display: grid !important;
  gap: 5px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.phase101h-copy-form select {
  width: 100% !important;
  min-height: 38px !important;
  font-size: 12px !important;
}

.phase101h-copy-list {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
  gap: 8px !important;
}

.phase101h-check-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 38px !important;
  border: 1px solid #f0a85f !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  padding: 8px 10px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.phase101h-check-row input {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 auto !important;
}

.phase101h-copy-form .button.primary {
  width: 100% !important;
  min-height: 38px !important;
}

@media (max-width: 1400px) {
  .phase101h-copy-list {
    grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  .phase101h-copy-list {
    grid-template-columns: 1fr !important;
  }

  .phase101h-copy-card summary {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* Phase 10.1h copy tools bottom collapsible - END */


/* Phase 10.1i collapse setup fix sidebar scroll - START */

/* Remove the separate sidebar scrollbar. Main page keeps normal scroll. */
.sidebar,
.side-menu,
.app-sidebar,
.layout-sidebar,
.main-sidebar,
.nav-sidebar,
.dbs-sidebar,
#sidebar,
aside.sidebar,
aside.side-menu,
aside.app-sidebar,
.sidebar-wrap,
.sidebar-inner,
.sidebar-scroll,
nav.sidebar {
  overflow-y: visible !important;
  overflow-x: hidden !important;
  max-height: none !important;
  height: auto !important;
  min-height: 100vh !important;
  scrollbar-width: none !important;
}

.sidebar::-webkit-scrollbar,
.side-menu::-webkit-scrollbar,
.app-sidebar::-webkit-scrollbar,
.layout-sidebar::-webkit-scrollbar,
.main-sidebar::-webkit-scrollbar,
.nav-sidebar::-webkit-scrollbar,
.dbs-sidebar::-webkit-scrollbar,
#sidebar::-webkit-scrollbar,
aside.sidebar::-webkit-scrollbar,
aside.side-menu::-webkit-scrollbar,
aside.app-sidebar::-webkit-scrollbar,
.sidebar-wrap::-webkit-scrollbar,
.sidebar-inner::-webkit-scrollbar,
.sidebar-scroll::-webkit-scrollbar,
nav.sidebar::-webkit-scrollbar {
  display: none !important;
}

/* Work Type / Category / Service Type collapsible panels */
.phase101i-setup-details {
  width: 100% !important;
  max-width: none !important;
  margin-bottom: 14px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.phase101i-setup-details > summary {
  cursor: pointer !important;
  min-height: 52px !important;
  padding: 12px 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  background: #ffffff !important;
  color: #0e2a42 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  list-style: none !important;
  border-radius: 14px !important;
}

.phase101i-setup-details > summary::-webkit-details-marker {
  display: none !important;
}

.phase101i-setup-details > summary::after {
  content: "Expand" !important;
  min-height: 30px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #f0a85f !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #111111 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.phase101i-setup-details[open] > summary::after {
  content: "Collapse" !important;
}

.phase101i-setup-details > summary small {
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.phase101i-details-body {
  padding: 0 14px 14px 14px !important;
}

.phase101i-details-body > h3 {
  margin-top: 4px !important;
}

/* Keep Settings action buttons white with black icon/text */
.phase10-actions .button,
.phase10-actions button,
.phase10-actions a.button,
.phase10-row .phase10-actions .button,
.phase10-row .phase10-actions button {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: none !important;
}

.phase10-actions .button:hover,
.phase10-actions button:hover,
.phase10-actions a.button:hover,
.phase10-actions .button:focus,
.phase10-actions button:focus,
.phase10-actions a.button:focus {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: #94a3b8 !important;
  box-shadow: none !important;
  transform: none !important;
}

@media (max-width: 900px) {
  .phase101i-setup-details > summary {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* Phase 10.1i collapse setup fix sidebar scroll - END */


/* Phase 10.1j hide repairs side menu START */

/* Hide only the left menu Repairs page link. 
   This does not affect Work Type = Repairs inside Measurements. */
.sidebar a[href="/repairs"],
.side-menu a[href="/repairs"],
.app-sidebar a[href="/repairs"],
.layout-sidebar a[href="/repairs"],
.main-sidebar a[href="/repairs"],
.nav-sidebar a[href="/repairs"],
.dbs-sidebar a[href="/repairs"],
#sidebar a[href="/repairs"],
aside a[href="/repairs"],
nav a[href="/repairs"] {
  display: none !important;
}

/* Phase 10.1j hide repairs side menu END */


/* Phase 10.1m grouped service type list - START */

/* Hide the old flat Service Type list only. */
#service-type .phase10-list {
  display: none !important;
}

/* New grouped list */
.phase101m-service-groups {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

.phase101m-service-category {
  width: 100% !important;
  border: 1px solid #f0a85f !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

.phase101m-service-category > summary {
  cursor: pointer !important;
  min-height: 44px !important;
  padding: 10px 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  list-style: none !important;
  background: #ffffff !important;
  color: #0e2a42 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.phase101m-service-category > summary::-webkit-details-marker {
  display: none !important;
}

.phase101m-service-category > summary::after {
  content: "Expand" !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #f0a85f !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #111111 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.phase101m-service-category[open] > summary::after {
  content: "Collapse" !important;
}

.phase101m-service-category > summary small {
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.phase101m-service-list {
  display: grid !important;
  gap: 7px !important;
  padding: 0 10px 10px 10px !important;
}

.phase101m-service-row {
  margin: 0 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
}

.phase101m-service-row .phase10-actions .button,
.phase101m-service-row .phase10-actions button,
.phase101m-service-row .phase10-actions a.button {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: none !important;
}

.phase101m-service-row .phase10-actions .button:hover,
.phase101m-service-row .phase10-actions button:hover,
.phase101m-service-row .phase10-actions a.button:hover {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: #94a3b8 !important;
  box-shadow: none !important;
  transform: none !important;
}

@media (max-width: 900px) {
  .phase101m-service-category > summary {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* Phase 10.1m grouped service type list - END */


/* Phase 10.1n force grouped service type list - START */

/* Hide any leftover old flat Service Type list inside Service Type section */
#service-type .phase10-list {
  display: none !important;
}

/* New grouped Service Type display */
.phase101n-service-groups {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

.phase101n-service-category {
  width: 100% !important;
  border: 1px solid #f0a85f !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

.phase101n-service-category > summary {
  cursor: pointer !important;
  min-height: 44px !important;
  padding: 10px 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  list-style: none !important;
  background: #ffffff !important;
  color: #0e2a42 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.phase101n-service-category > summary::-webkit-details-marker {
  display: none !important;
}

.phase101n-service-category > summary::after {
  content: "Expand" !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #f0a85f !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #111111 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.phase101n-service-category[open] > summary::after {
  content: "Collapse" !important;
}

.phase101n-service-category > summary small {
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.phase101n-service-list {
  display: grid !important;
  gap: 7px !important;
  padding: 0 10px 10px 10px !important;
}

.phase101n-service-row {
  margin: 0 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
}

.phase101n-service-row .phase10-actions .button,
.phase101n-service-row .phase10-actions button,
.phase101n-service-row .phase10-actions a.button {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: none !important;
}

.phase101n-service-row .phase10-actions .button:hover,
.phase101n-service-row .phase10-actions button:hover,
.phase101n-service-row .phase10-actions a.button:hover {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: #94a3b8 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Phase 10.1n force grouped service type list - END */


/* Phase 10.1o rebuilt service type collapsed groups - START */

#service-type .phase10-list,
#service-type .phase101m-service-groups,
#service-type .phase101n-service-groups {
  display: none !important;
}

.phase101o-service-groups {
  width: 100% !important;
  display: grid !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

.phase101o-service-category {
  width: 100% !important;
  border: 1px solid #f0a85f !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

.phase101o-service-category > summary {
  cursor: pointer !important;
  min-height: 44px !important;
  padding: 10px 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  list-style: none !important;
  background: #ffffff !important;
  color: #0e2a42 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.phase101o-service-category > summary::-webkit-details-marker {
  display: none !important;
}

.phase101o-service-category > summary::after {
  content: "Expand" !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #f0a85f !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #111111 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.phase101o-service-category[open] > summary::after {
  content: "Collapse" !important;
}

.phase101o-service-category > summary small {
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.phase101o-service-list {
  display: grid !important;
  gap: 7px !important;
  padding: 0 10px 10px 10px !important;
}

.phase101o-service-row {
  margin: 0 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
}

.phase101o-service-row .phase10-actions .button,
.phase101o-service-row .phase10-actions button,
.phase101o-service-row .phase10-actions a.button {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: none !important;
}

/* Phase 10.1o rebuilt service type collapsed groups - END */


/* Phase 10.1r remove summary marker gt - START */

/* Hide browser default disclosure marker that appears like ">" */
.phase10-setup-shell summary,
.phase10-setup-shell details > summary,
.phase101i-setup-details > summary,
.phase101h-copy-card > summary {
  list-style: none !important;
}

.phase10-setup-shell summary::marker,
.phase10-setup-shell details > summary::marker,
.phase101i-setup-details > summary::marker,
.phase101h-copy-card > summary::marker {
  content: "" !important;
  display: none !important;
  font-size: 0 !important;
}

.phase10-setup-shell summary::-webkit-details-marker,
.phase10-setup-shell details > summary::-webkit-details-marker,
.phase101i-setup-details > summary::-webkit-details-marker,
.phase101h-copy-card > summary::-webkit-details-marker {
  display: none !important;
}

/* Hide any accidentally empty summary/details line */
.phase10-setup-shell summary:empty,
.phase10-setup-shell details:empty {
  display: none !important;
}

/* Phase 10.1r remove summary marker gt - END */




/* Phase 10.2b Measurements css START */
tr[data-phase102b-row="1"] {
  height: auto !important;
  min-height: 38px !important;
}

tr[data-phase102b-row="1"] td {
  vertical-align: top !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

tr[data-phase102b-row="1"] small {
  display: block !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

tr[data-phase102b-row="1"] .qty-cell,
tr[data-phase102b-row="1"] .price-cell,
tr[data-phase102b-row="1"] .amt-cell {
  text-align: right !important;
  white-space: nowrap !important;
}

.phase102b-selected-save {
  color: #ffffff !important;
  text-indent: 0 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  min-width: 110px !important;
}
/* Phase 10.2b Measurements css END */


/* Phase 10.2c Measurements top button css START */
tr[data-phase102b-row="1"].selected,
tr[data-phase102b-row="1"]:focus,
tr[data-phase102b-row="1"]:hover {
  outline: 2px solid #008fe8 !important;
  background: #fff8d7 !important;
}
/* Phase 10.2c Measurements top button css END */


/* Phase 10.2d Measurements layout blank button css START */
.phase102d-selected-details-box {
  margin-top: 8px !important;
  margin-bottom: 10px !important;
  display: block !important;
  width: 100% !important;
}

.phase102d-left-orange-placeholder {
  color: transparent !important;
  text-shadow: none !important;
  pointer-events: auto !important;
  cursor: default !important;
}

.phase102d-left-orange-placeholder::before,
.phase102d-left-orange-placeholder::after {
  content: "" !important;
}

.phase102d-left-orange-placeholder * {
  display: none !important;
}
/* Phase 10.2d Measurements layout blank button css END */





/* Phase 10.2l measurements footer cards fix - START */
#phase102l-footer-cards {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  margin: 10px 8px 8px !important;
  width: calc(100% - 16px) !important;
  box-sizing: border-box !important;
}

#phase102l-footer-cards .phase102l-card {
  border: 1px solid #cfe2f3 !important;
  background: #f7fbff !important;
  border-radius: 12px !important;
  padding: 16px !important;
  min-height: 96px !important;
  color: #001f3f !important;
}

#phase102l-footer-cards .phase102l-title {
  font-weight: 800 !important;
  margin-bottom: 12px !important;
}

#phase102l-footer-cards .phase102l-line {
  display: flex !important;
  justify-content: space-between !important;
  margin: 7px 0 !important;
  font-weight: 800 !important;
}

#phase102l-footer-cards .phase102l-subtotal {
  color: #0b8bdc !important;
}

#phase102l-footer-cards .phase102l-customer-name {
  font-weight: 900 !important;
  margin-bottom: 8px !important;
}

#phase102l-footer-cards .phase102l-help {
  font-size: 12px !important;
  color: #34495e !important;
}

@media (max-width: 900px) {
  #phase102l-footer-cards {
    grid-template-columns: 1fr !important;
  }
}
/* Phase 10.2l measurements footer cards fix - END */


/* phase10_2n_clean_measurements_editor_footer */
.phase87-measurements-page .phase102n-selected-editor {
  display: block !important;
  background: #f6fbff !important;
  border: 1px solid #b8d7ef !important;
  border-radius: 10px !important;
  padding: 10px !important;
  margin: 10px 0 !important;
}
.phase87-measurements-page .phase102n-selected-editor h5 {
  margin: 0 0 8px 0 !important;
  font-size: 13px !important;
  color: #001f3f !important;
}
.phase87-measurements-page .phase102n-editor-grid {
  display: grid !important;
  grid-template-columns: 2fr .8fr 1fr 1fr !important;
  gap: 8px !important;
  align-items: end !important;
}
.phase87-measurements-page .phase102n-editor-grid label {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  font-weight: 800 !important;
}
.phase87-measurements-page .phase102n-note {
  grid-column: 1 / 4 !important;
}
.phase87-measurements-page .phase102n-selected-editor input,
.phase87-measurements-page .phase102n-selected-editor textarea {
  width: 100% !important;
  box-sizing: border-box !important;
}
.phase87-measurements-page .phase102n-save-selected {
  min-height: 48px !important;
  align-self: stretch !important;
}
.phase87-measurements-page .phase872-left-summary {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin: 10px 0 !important;
}
.phase87-measurements-page .phase872-totals-box,
.phase87-measurements-page .phase872-customer-box {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.phase87-measurements-page .phase874-left-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}
.phase87-measurements-page .phase874-left-actions .dbs8728-blank-orange {
  color: transparent !important;
}


/* phase10_2o_sidebar_desktop_restore_only START */
/* Desktop layout restore only. Does not touch measurements content/forms. */
@media (min-width: 701px) {
  html,
  body {
    margin: 0 !important;
    min-height: 100% !important;
  }

  body [data-shell],
  body .app-shell {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 100vh !important;
  }

  body #sidebar {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    flex: 0 0 220px !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 50 !important;
    box-sizing: border-box !important;
  }

  body [data-shell] > main,
  body .app-shell > main,
  body [data-shell] > .content,
  body .app-shell > .content,
  body [data-shell] > .main-content,
  body .app-shell > .main-content,
  body [data-shell] > .page-content,
  body .app-shell > .page-content {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-left: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
  }

  body #sidebar a,
  body #sidebar button,
  body #sidebar .nav-link,
  body #sidebar .active {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}
/* phase10_2o_sidebar_desktop_restore_only END */