/* E: commercial controllers and their sheets. Identity comes from the existing business tokens. */
:is(.l4-operations,.l4-operation-sheet){color:var(--ink);font:var(--fw-regular) var(--fs-m)/var(--lh-body) var(--ui);}
.l4-operations{min-width:0;}
.l4-operations :is(.page-head,.hello,.between){gap:var(--sp-3);}
.l4-operations :is(h1,.ui-title-1){font:var(--fw-semi) var(--fs-2xl)/var(--lh-tight) var(--ui);letter-spacing:var(--track-title);overflow-wrap:anywhere;}
:is(.l4-operations,.l4-operation-sheet) h2{font:var(--fw-semi) var(--fs-xl)/var(--lh-snug) var(--ui);overflow-wrap:anywhere;}
:is(.l4-operations,.l4-operation-sheet) h3{font:var(--fw-semi) var(--fs-l)/var(--lh-snug) var(--ui);}
:is(.l4-operations,.l4-operation-sheet) :is(.small,.muted,small){font-size:var(--fs-s);overflow-wrap:anywhere;}
:is(.l4-operations,.l4-operation-sheet) .stack{gap:var(--sp-5);}
:is(.l4-operations,.l4-operation-sheet) .field{gap:var(--sp-2);}
:is(.l4-operations,.l4-operation-sheet) :is(.input,select,textarea){font-size:var(--fs-m);min-height:var(--h-m);border-color:var(--field-line);caret-color:var(--accent-ink);}
:is(.l4-operations,.l4-operation-sheet) :is(.btn,.icon-btn,.seg-link,.row-btn,.chip){min-height:var(--hit);}
:is(.l4-operations,.l4-operation-sheet) .seg button{min-height:var(--hit);font-size:var(--fs-s);}
:is(.l4-operations,.l4-operation-sheet) .pin-info{min-width:var(--hit);min-height:var(--hit);}
:is(.l4-operations,.l4-operation-sheet) .btn{font-size:var(--fs-m);white-space:normal;}
:is(.l4-operations,.l4-operation-sheet) :is(.btn svg,.icon-btn svg){flex-shrink:0;}
:is(.l4-operations,.l4-operation-sheet) :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--accent-ink);outline-offset:3px;}
.l4-operations :is(a,button,input,select,summary,[tabindex]){scroll-margin-block:var(--sp-4) calc(var(--l4-nav-space,var(--nav-h)) + var(--sp-5) + env(safe-area-inset-bottom));}
.l4-operation-sheet :is(a,button,input,select,textarea,summary){scroll-margin-block:var(--sp-4);}
:is(.l4-operations,.l4-operation-sheet) ::selection{background:var(--accent-soft);color:var(--accent-ink);}
:is(.l4-operations,.l4-operation-sheet) :is(.panel,.note,.cart-bar-in){border-radius:var(--r-m);}
:is(.l4-operations,.l4-operation-sheet) :is(.list .grow,.list .end){min-width:0;}
:is(.l4-operations,.l4-operation-sheet) .row-btn{padding-block:var(--sp-4);}
:is(.l4-operations,.l4-operation-sheet) .row-btn b{overflow-wrap:anywhere;}
:is(.l4-operations,.l4-operation-sheet) :is(.num,.sum dd,.facts b,.day-head){font-variant-numeric:tabular-nums;}
.l4-operations .day-head{padding:var(--sp-3) var(--sp-4);color:var(--ink-2);background:var(--card);}
.l4-operations .empty{padding:var(--sp-6);}
.l4-operations .crm-row .avatar{flex-shrink:0;}
.l4-operations .tabs{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--ink-3) transparent;}
.l4-operations .tabs .seg-link{flex-shrink:0;white-space:nowrap;}
.l4-operations .cart-bar-in b{font-family:var(--ui);font-variant-numeric:tabular-nums;}
.l4-operation-sheet .sheet-head{gap:var(--sp-3);}
.l4-operation-sheet .sheet-head h2{font-size:var(--fs-xl);}
.l4-operation-sheet .sheet-body{padding-top:var(--sp-5);}
.l4-operation-sheet .checkout .sum{font-size:var(--fs-m);}
.l4-operation-sheet .checkout .sum dd.total{font-size:var(--fs-xl);}
.l4-operation-sheet :is(.stepper,.stepper.qty) button{min-width:var(--hit);height:var(--hit);}
.l4-operation-sheet .stepper.qty input{font-size:var(--fs-m);min-height:var(--hit);}
.l4-operation-sheet :is(.facts>li,.sum dt,.sum dd){overflow-wrap:anywhere;}
.l4-operation-sheet .scroll-x{overscroll-behavior-x:contain;scrollbar-width:thin;}
.l4-operation-sheet .table{font-size:var(--fs-s);}
@media(max-width:599px){
 .l4-operations :is(.page-head,.team-products>.between){flex-wrap:wrap;align-items:flex-start;}
 .l4-operations .team-products>.between>.row{margin-left:auto;flex-wrap:wrap;}
 .l4-operation-sheet .qty-list>li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--sp-3);}
 .l4-operation-sheet .qty-list>li>.stepper{grid-column:2;justify-self:end;}
 .l4-operation-sheet .checkout .list>li{flex-wrap:wrap;}
 .l4-operation-sheet .checkout .list>li>.grow{flex-basis:calc(100% - 60px);}
 .l4-operation-sheet .checkout .list>li>.stepper{margin-left:auto;}
}