/* iTECH Interface OS 2.7.1 — Safe/Advanced Personalization + Adaptive Guard */
.interface-os-toolbar{
  position:relative!important;z-index:6!important;display:inline-flex!important;align-items:center!important;
  justify-content:flex-end!important;gap:6px!important;flex:0 1 auto!important;flex-wrap:wrap!important;
  width:max-content!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:3px!important;
  border:1px solid #294b70!important;border-radius:11px!important;background:rgba(6,20,39,.72)!important;
  box-shadow:none!important;backdrop-filter:blur(8px)
}
.interface-os-toolbar button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
  min-width:0!important;max-width:100%!important;min-height:32px!important;height:32px!important;padding:5px 9px!important;
  border:1px solid #315779!important;border-radius:8px!important;background:#0b2340!important;color:#cfe7fb!important;
  font:800 10px/1 system-ui!important;white-space:nowrap!important;cursor:pointer!important;box-sizing:border-box!important
}
.interface-os-toolbar button:hover{border-color:#57aee7!important;background:#102d4e!important}
.interface-os-toolbar button.active{border-color:#69c3ff!important;background:linear-gradient(135deg,#177dcc,#6250cc)!important;color:#fff!important}
.interface-os-toolbar [data-io-reset][hidden]{display:none!important}
body.interface-os-edit .interface-os-toolbar [data-io-reset]:not([hidden]){display:inline-flex!important}

/* dedicated safe header row on standalone pages */
.order-top>.interface-os-toolbar,.client-top>.interface-os-toolbar,.request-page-head>.interface-os-toolbar{
  grid-column:1/-1!important;justify-self:end!important;align-self:center!important;margin-left:auto!important
}
.top-actions>.interface-os-toolbar{order:-1!important;flex:0 1 auto!important}

/* stable runtime controls — actual controls live in the 2.3 Control Dock below */
.interface-os-card{position:relative!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.interface-os-grip,.interface-os-column-resizer{display:none!important;pointer-events:none!important}
body:not(.interface-os-edit) .interface-os-card{resize:none!important;cursor:default!important}
body:not(.interface-os-edit) .interface-os-zone{outline:0!important}
body:not(.interface-os-edit) input,body:not(.interface-os-edit) textarea,body:not(.interface-os-edit) select{resize:none}
body.interface-os-edit input,body.interface-os-edit textarea,body.interface-os-edit select{max-width:100%!important}

/* shell collapsing remains always available */
.interface-os-zone-toggle{display:none!important}
.order-workspace{position:relative!important}
body.io-hide-order-rail .order-rail{display:none!important}
body.io-hide-order-right .order-right{display:none!important}
body.io-hide-main-side .app{grid-template-columns:0 minmax(0,1fr)!important}
body.io-hide-main-side .side{display:none!important}
body.io-hide-client-side .client-page-grid{grid-template-columns:minmax(0,1fr)!important}
body.io-hide-client-side .client-page-side{display:none!important}

/* saved order column widths */
@media(min-width:981px){
 body.io-custom-order-grid:not(.interface-os-edit):not(.io-hide-order-rail):not(.io-hide-order-right) .order-workspace{
   grid-template-columns:var(--io-order-left,190px) minmax(360px,1fr) var(--io-order-right-width,350px)!important
 }
 body.io-hide-order-rail:not(.io-hide-order-right) .order-workspace{grid-template-columns:minmax(360px,1fr) var(--io-order-right-width,350px)!important}
 body.io-hide-order-right:not(.io-hide-order-rail) .order-workspace{grid-template-columns:var(--io-order-left,190px) minmax(360px,1fr)!important}
 body.io-hide-order-right.io-hide-order-rail .order-workspace{grid-template-columns:minmax(0,1fr)!important}

 body.io-advanced-layout.interface-os-edit:not(.io-hide-order-rail):not(.io-hide-order-right) .order-workspace{
   grid-template-columns:var(--io-order-left,190px) 8px minmax(360px,1fr) 8px var(--io-order-right-width,350px)!important;gap:4px!important
 }
 body.io-advanced-layout.interface-os-edit:not(.io-hide-order-rail):not(.io-hide-order-right) .order-rail{grid-column:1!important}
 body.io-advanced-layout.interface-os-edit:not(.io-hide-order-rail):not(.io-hide-order-right) .interface-os-column-resizer.left{display:flex!important;grid-column:2!important}
 body.io-advanced-layout.interface-os-edit:not(.io-hide-order-rail):not(.io-hide-order-right) .order-main{grid-column:3!important}
 body.io-advanced-layout.interface-os-edit:not(.io-hide-order-rail):not(.io-hide-order-right) .interface-os-column-resizer.right{display:flex!important;grid-column:4!important}
 body.io-advanced-layout.interface-os-edit:not(.io-hide-order-rail):not(.io-hide-order-right) .order-right{grid-column:5!important}

 body.io-advanced-layout.interface-os-edit.io-hide-order-rail:not(.io-hide-order-right) .order-workspace{
   grid-template-columns:minmax(360px,1fr) 8px var(--io-order-right-width,350px)!important;gap:4px!important
 }
 body.io-advanced-layout.interface-os-edit.io-hide-order-rail:not(.io-hide-order-right) .order-main{grid-column:1!important}
 body.io-advanced-layout.interface-os-edit.io-hide-order-rail:not(.io-hide-order-right) .interface-os-column-resizer.right{display:flex!important;grid-column:2!important}
 body.io-advanced-layout.interface-os-edit.io-hide-order-rail:not(.io-hide-order-right) .order-right{grid-column:3!important}

 body.io-advanced-layout.interface-os-edit.io-hide-order-right:not(.io-hide-order-rail) .order-workspace{
   grid-template-columns:var(--io-order-left,190px) 8px minmax(360px,1fr)!important;gap:4px!important
 }
 body.io-advanced-layout.interface-os-edit.io-hide-order-right:not(.io-hide-order-rail) .order-rail{grid-column:1!important}
 body.io-advanced-layout.interface-os-edit.io-hide-order-right:not(.io-hide-order-rail) .interface-os-column-resizer.left{display:flex!important;grid-column:2!important}
 body.io-advanced-layout.interface-os-edit.io-hide-order-right:not(.io-hide-order-rail) .order-main{grid-column:3!important}
}
.interface-os-column-resizer{
  align-self:stretch!important;min-height:120px!important;position:relative!important;z-index:18!important;
  border-radius:8px!important;cursor:col-resize!important;touch-action:none!important;user-select:none!important;
  background:linear-gradient(90deg,transparent,rgba(83,156,211,.24),transparent)!important;pointer-events:auto!important
}
.interface-os-column-resizer span{
  position:sticky!important;top:110px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;height:42px!important;color:#72baf0!important;font-size:18px!important;font-weight:900!important
}
body.io-column-resizing,body.io-column-resizing *{cursor:col-resize!important;user-select:none!important}

/* documents and payments stay responsive independently of personalization */
.docs-head-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%!important;max-width:100%!important;min-width:0!important}
.docs-head-actions>button{width:100%!important;min-width:0!important;white-space:normal!important;line-height:1.15!important}
.payment-ledger-card{container-type:inline-size}
.payment-ledger-card .payment-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;min-width:0!important}
.payment-ledger-card .payment-form>*{min-width:0!important;width:100%!important;box-sizing:border-box!important}
.payment-ledger-card .payment-form input[placeholder*="Комментар"]{grid-column:1/-1!important}
.payment-ledger-card .payment-form button{grid-column:1/-1!important;width:100%!important;min-width:0!important}
@container (max-width:360px){
 .payment-ledger-card .payment-form{grid-template-columns:1fr!important}
 .payment-ledger-card .payment-form>*{grid-column:1!important}
 .docs-head-actions{grid-template-columns:1fr!important}
}

/* mobile: stable runtime, no drag/column resize */
@media(max-width:980px){
 .interface-os-column-resizer{display:none!important}
 body.io-advanced-layout.interface-os-edit .interface-os-zone{display:grid!important}
 body.io-advanced-layout.interface-os-edit .interface-os-zone>.interface-os-card{width:100%!important;resize:vertical!important}
 .interface-os-zone-toggle{display:none!important}
}
@media(max-width:720px){
 .interface-os-toolbar{width:auto!important;max-width:100%!important;padding:2px!important;gap:4px!important}
 .interface-os-toolbar button{height:30px!important;min-height:30px!important;padding:4px 7px!important}
 .interface-os-toolbar button span{display:none!important}
 .docs-head-actions{grid-template-columns:1fr!important}
}

/* 2026-09-20 — Interface OS 2.3 Safe Controls */
.interface-os-card{
  position:relative!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.interface-os-control-slot{
  position:relative!important;
  z-index:4!important;
  display:none!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  width:100%!important;
  min-width:0!important;
  min-height:28px!important;
  margin:0 0 5px!important;
  padding:2px!important;
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  overflow:hidden!important;
}
body.interface-os-edit .interface-os-control-slot,
.interface-os-card.io-collapsed>.interface-os-control-slot{display:flex!important}
.interface-os-control-title{
  display:none!important;
  min-width:0!important;
  flex:1 1 auto!important;
  color:#aebfd2!important;
  font:850 10px/1.2 system-ui!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.interface-os-control-slot>.interface-os-collapse{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:none!important;
  place-items:center!important;
  flex:0 0 25px!important;
  width:25px!important;
  min-width:25px!important;
  height:25px!important;
  min-height:25px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #315579!important;
  border-radius:7px!important;
  background:#0a2039!important;
  color:#a9c5df!important;
  font-size:13px!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
body.interface-os-edit .interface-os-control-slot>.interface-os-collapse,
.interface-os-card.io-collapsed>.interface-os-control-slot>.interface-os-collapse{display:grid!important}
.interface-os-control-slot>.interface-os-collapse:hover{border-color:#61baff!important;color:#fff!important}
.interface-os-control-slot>.interface-os-grip{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 28px!important;
  width:28px!important;
  min-width:28px!important;
  height:25px!important;
  min-height:25px!important;
  margin:0 auto 0 0!important;
  border:1px solid #3c668e!important;
  border-radius:7px!important;
  background:#102d4d!important;
  color:#a9d1ef!important;
  font-size:13px!important;
  cursor:grab!important;
  user-select:none!important;
  pointer-events:auto!important;
}
body.interface-os-edit .interface-os-control-slot>.interface-os-grip{display:flex!important}
body.interface-os-edit .interface-os-control-slot>.interface-os-grip:active{cursor:grabbing!important}

/* collapsed card contains only its own dock; nothing can overlap it */
.interface-os-card.io-collapsed{
  min-height:38px!important;
  height:auto!important;
  overflow:hidden!important;
  padding:4px 6px!important;
  display:block!important;
}
.interface-os-card.io-collapsed>*:not(.interface-os-control-slot){display:none!important}
.interface-os-card.io-collapsed>.interface-os-control-slot{
  display:flex!important;
  min-height:30px!important;
  margin:0!important;
  padding:2px!important;
}
.interface-os-card.io-collapsed .interface-os-control-title{display:block!important}
.interface-os-card.io-collapsed::before{content:none!important}

/* normal card spacing remains owned by the native CRM styles */

/* personalization controls appear only while editing */
.interface-os-grip,.interface-os-column-resizer{display:none!important;pointer-events:none!important}
body.interface-os-edit .interface-os-card{
  outline:1px dashed rgba(96,188,255,.58)!important;
  outline-offset:2px!important;
}
body.io-advanced-layout.interface-os-edit .interface-os-zone{
  display:flex!important;
  flex-wrap:wrap!important;
  align-content:flex-start!important;
  align-items:flex-start!important;
  gap:10px!important;
  min-height:70px!important;
  outline:1px dashed rgba(123,154,190,.35)!important;
  outline-offset:4px!important;
}
body.io-advanced-layout.interface-os-edit .interface-os-zone>.interface-os-card{
  flex:0 0 auto!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  resize:both!important;
  overflow:auto!important;
  min-width:180px!important;
  min-height:72px!important;
}
body.interface-os-edit .interface-os-card.io-dragging{opacity:.55!important;box-shadow:0 0 0 2px #6dc4ff!important}

/* visibility controls have their own flow row */
.interface-os-zone-toggle{display:none!important}
.interface-os-shellbar{
  position:relative!important;
  z-index:5!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin:7px 0!important;
  padding:4px!important;
  border:1px solid rgba(74,112,153,.24)!important;
  border-radius:10px!important;
  background:rgba(6,19,36,.44)!important;
  overflow:hidden!important;
}
.interface-os-shellbar button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:30px!important;
  padding:5px 9px!important;
  border:1px solid #2d5074!important;
  border-radius:8px!important;
  background:#0a203a!important;
  color:#a9c7df!important;
  font:800 10px/1.1 system-ui!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
.interface-os-shellbar button span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
.interface-os-shellbar button:hover{border-color:#5bb6ef!important;color:#fff!important}
.interface-os-shellbar button.is-collapsed{border-color:#5578a1!important;background:#102b49!important;color:#d5eaff!important}
.interface-os-shellbar[data-shellbar="main"]{justify-content:flex-start!important}
.interface-os-shellbar[data-shellbar="client"]{justify-content:flex-end!important}
.order-page>.interface-os-shellbar,.client-page>.interface-os-shellbar,.request-page>.interface-os-shellbar{grid-column:1/-1!important}
.main>.interface-os-shellbar{flex:0 0 auto!important;margin:6px 12px 0!important;width:calc(100% - 24px)!important}

/* desktop column resizing only during personalization */
.interface-os-column-resizer{
  align-self:stretch!important;
  min-height:120px!important;
  position:relative!important;
  z-index:18!important;
  border-radius:8px!important;
  cursor:col-resize!important;
  touch-action:none!important;
  user-select:none!important;
  background:linear-gradient(90deg,transparent,rgba(83,156,211,.24),transparent)!important;
  pointer-events:auto!important;
}
.interface-os-column-resizer span{
  position:sticky!important;
  top:110px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:42px!important;
  color:#72baf0!important;
  font-size:18px!important;
  font-weight:900!important;
}
body.io-column-resizing,body.io-column-resizing *{cursor:col-resize!important;user-select:none!important}

@media(min-width:981px){
  body.io-advanced-layout.interface-os-edit:not(.io-hide-order-rail):not(.io-hide-order-right) .order-workspace{
    grid-template-columns:var(--io-order-left,190px) 8px minmax(360px,1fr) 8px var(--io-order-right-width,350px)!important;
    gap:4px!important;
  }
  body.io-advanced-layout.interface-os-edit:not(.io-hide-order-rail):not(.io-hide-order-right) .order-rail{grid-column:1!important}
  body.io-advanced-layout.interface-os-edit:not(.io-hide-order-rail):not(.io-hide-order-right) .interface-os-column-resizer.left{display:flex!important;grid-column:2!important}
  body.io-advanced-layout.interface-os-edit:not(.io-hide-order-rail):not(.io-hide-order-right) .order-main{grid-column:3!important}
  body.io-advanced-layout.interface-os-edit:not(.io-hide-order-rail):not(.io-hide-order-right) .interface-os-column-resizer.right{display:flex!important;grid-column:4!important}
  body.io-advanced-layout.interface-os-edit:not(.io-hide-order-rail):not(.io-hide-order-right) .order-right{grid-column:5!important}
}
@media(max-width:980px){
  .interface-os-column-resizer,.interface-os-shellbar[data-shellbar="order"]{display:none!important}
  body.io-advanced-layout.interface-os-edit .interface-os-zone{display:grid!important}
  body.io-advanced-layout.interface-os-edit .interface-os-zone>.interface-os-card{width:100%!important;resize:vertical!important}
}
@media(max-width:720px){
  .interface-os-control-slot{min-height:26px!important;margin-bottom:4px!important;padding:1px!important}
  .interface-os-control-slot>.interface-os-collapse{width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important}
  .interface-os-shellbar{gap:4px!important;padding:3px!important}
  .interface-os-shellbar button{flex:1 1 120px!important;min-height:30px!important;padding:5px 7px!important}
  .interface-os-shellbar[data-shellbar="main"] button,.interface-os-shellbar[data-shellbar="client"] button{flex:0 1 100%!important;width:100%!important}
}


/* 2026-09-20 — Interface OS 2.4 Adaptive Guard */
/* Universal shrink contract: old CRM modules may not force parent overflow. */
.interface-os-zone,
.interface-os-card,
.interface-os-card *,
.order-top,
.order-top-main,
.order-top-actions,
.order-workspace,
.order-main,
.order-rail,
.order-right,
.client-top,
.client-top-actions,
.client-page,
.client-page-grid,
.client-page-main,
.client-page-side,
.request-page,
.request-layout,
.panel,
.panel-head,
.toolbar,
.actions{
  min-width:0!important;
  box-sizing:border-box!important;
}
.interface-os-card img,.interface-os-card video,.interface-os-card canvas,.interface-os-card svg{
  max-width:100%!important;
}

/* Order workspace: one authoritative responsive desktop grid. */
@media(min-width:981px){
  body:not(.interface-os-edit):not(.io-custom-order-grid):not(.io-hide-order-rail):not(.io-hide-order-right) .order-workspace{
    grid-template-columns:
      clamp(140px,14vw,220px)
      minmax(0,1fr)
      clamp(230px,22vw,350px)!important;
    gap:clamp(8px,1vw,12px)!important;
  }
  body:not(.interface-os-edit):not(.io-custom-order-grid).io-hide-order-rail:not(.io-hide-order-right) .order-workspace{
    grid-template-columns:minmax(0,1fr) clamp(230px,22vw,350px)!important;
  }
  body:not(.interface-os-edit):not(.io-custom-order-grid).io-hide-order-right:not(.io-hide-order-rail) .order-workspace{
    grid-template-columns:clamp(140px,14vw,220px) minmax(0,1fr)!important;
  }
  body:not(.interface-os-edit).io-custom-order-grid:not(.io-hide-order-rail):not(.io-hide-order-right) .order-workspace{
    grid-template-columns:var(--io-order-left,190px) minmax(0,1fr) var(--io-order-right-width,350px)!important;
    gap:clamp(8px,1vw,12px)!important;
  }
  body:not(.interface-os-edit).io-custom-order-grid.io-hide-order-rail:not(.io-hide-order-right) .order-workspace{
    grid-template-columns:minmax(0,1fr) var(--io-order-right-width,350px)!important;
  }
  body:not(.interface-os-edit).io-custom-order-grid.io-hide-order-right:not(.io-hide-order-rail) .order-workspace{
    grid-template-columns:var(--io-order-left,190px) minmax(0,1fr)!important;
  }
  body:not(.interface-os-edit).io-hide-order-right.io-hide-order-rail .order-workspace{
    grid-template-columns:minmax(0,1fr)!important;
  }
}
@media(max-width:980px){
  .order-workspace{grid-template-columns:minmax(0,1fr)!important}
  .order-rail,.order-right{position:static!important;width:100%!important;max-width:100%!important}
}

/* Order header actions: no fixed 96/118px legacy button widths. */
.order-top-actions{
  width:min(100%,760px)!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(150px,1.6fr) repeat(4,minmax(68px,1fr))!important;
  gap:6px!important;
  align-items:stretch!important;
}
.order-top-actions>*{min-width:0!important;max-width:100%!important}
.order-top-actions>button{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.order-top-actions .top-status-field,
.order-top-actions .itech-status-picker,
.order-top-actions .itech-status-trigger{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
@media(max-width:760px){
  .order-top-actions{
    grid-template-columns:minmax(0,1fr) repeat(4,minmax(34px,40px))!important;
    width:100%!important;
  }
  .order-top-actions>button{
    width:100%!important;
    min-width:0!important;
    padding-inline:4px!important;
  }
}
@media(max-width:440px){
  .order-top-actions{
    grid-template-columns:minmax(0,1fr) repeat(4,minmax(30px,36px))!important;
    gap:4px!important;
  }
}

/* Order composition: progressively collapse columns rather than overflow. */
.order-lines-card,.order-lines-card .order-lines,.order-lines-card .order-line{max-width:100%!important;min-width:0!important}
@media(min-width:1321px){
  .order-lines-card .order-line{
    grid-template-columns:72px minmax(180px,2fr) minmax(64px,.45fr) minmax(82px,.6fr) minmax(78px,.55fr) 34px!important;
  }
}
@media(min-width:981px) and (max-width:1320px){
  .order-lines-card .order-line{
    grid-template-columns:minmax(0,1fr) 68px 88px 34px!important;
  }
  .order-lines-card .line-kind,.order-lines-card .line-sum{display:none!important}
}
@media(max-width:980px){
  .order-lines-card .order-line{
    grid-template-columns:minmax(0,1fr) 58px 76px 32px!important;
  }
  .order-lines-card .line-kind,.order-lines-card .line-sum{display:none!important}
  .order-lines-card .line-copy{grid-column:1/-1!important}
}
@media(max-width:430px){
  .order-lines-card .order-line{
    grid-template-columns:minmax(0,1fr) 52px 68px 30px!important;
    gap:5px!important;
    padding:8px!important;
  }
}

/* Client page: side column shrinks before content collides. */
@media(min-width:901px){
  .client-page-grid{
    grid-template-columns:minmax(0,1fr) clamp(260px,25vw,330px)!important;
  }
}
.client-top-actions{
  width:min(100%,340px)!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.client-top-actions button,.client-top-actions .client-sync-pill{
  min-width:0!important;
  max-width:100%!important;
}
@media(max-width:900px){
  .client-page-grid{grid-template-columns:minmax(0,1fr)!important}
  .client-top{grid-template-columns:minmax(0,1fr)!important}
  .client-top-actions{width:100%!important;max-width:none!important}
}

/* Generic business action clusters shrink proportionally. */
.client-row-actions,
.order-row-actions,
.request-card-actions,
.wh-card-actions,
.row-actions,
.sub-actions,
.owner-user-actions,
.client-card-actions,
.client-sync-tools,
.workspace-actions,
.order-bulk-actions,
.payment-debt-actions,
.commerce-core-row-actions,
.migration-actions{
  min-width:0!important;
  max-width:100%!important;
}
.client-row-actions>*,
.order-row-actions>*,
.request-card-actions>*,
.wh-card-actions>*,
.row-actions>*,
.sub-actions>*,
.owner-user-actions>*,
.client-card-actions>*,
.client-sync-tools>*,
.workspace-actions>*,
.order-bulk-actions>*,
.payment-debt-actions>*,
.commerce-core-row-actions>*,
.migration-actions>*{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Header / panel controls can wrap instead of covering each other. */
.panel-head,.section-title-row,.ops-launcher-head{
  min-width:0!important;
  max-width:100%!important;
  flex-wrap:wrap!important;
}
.panel-head>.toolbar,.panel-head>.actions,.section-title-row>.actions{
  min-width:0!important;
  max-width:100%!important;
}
@media(max-width:620px){
  .panel-head>.toolbar,.panel-head>.actions,.section-title-row>.actions{
    width:100%!important;
  }
}

/* Forms never force horizontal page overflow. */
.interface-os-card input,
.interface-os-card select,
.interface-os-card textarea,
.interface-os-card button,
.interface-os-card a{
  max-width:100%;
  box-sizing:border-box;
}


/* 2026-09-20 — Interface OS 2.5 Overflow Sentinel + Smart Density */
.io-overflow-guard{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.panel-head.io-overflow-guard,
.order-card-head.io-overflow-guard,
.section-title-row.io-overflow-guard{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:7px!important;
}
.panel-head.io-overflow-guard>.toolbar,
.panel-head.io-overflow-guard>.actions,
.order-card-head.io-overflow-guard>.actions,
.section-title-row.io-overflow-guard>.actions{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
}
.toolbar.io-overflow-guard,
.actions.io-overflow-guard,
.docs-head-actions.io-overflow-guard,
.client-sync-tools.io-overflow-guard,
.order-bulk-actions.io-overflow-guard,
.workspace-actions.io-overflow-guard,
.request-card-actions.io-overflow-guard,
.row-actions.io-overflow-guard,
.sub-actions.io-overflow-guard{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(118px,100%),1fr))!important;
  width:100%!important;
  max-width:100%!important;
  gap:6px!important;
  align-items:stretch!important;
}
.toolbar.io-overflow-guard>*,
.actions.io-overflow-guard>*,
.docs-head-actions.io-overflow-guard>*,
.client-sync-tools.io-overflow-guard>*,
.order-bulk-actions.io-overflow-guard>*,
.workspace-actions.io-overflow-guard>*,
.request-card-actions.io-overflow-guard>*,
.row-actions.io-overflow-guard>*,
.sub-actions.io-overflow-guard>*{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  white-space:normal!important;
}
.payment-form.io-overflow-guard{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(135px,100%),1fr))!important;
  width:100%!important;
  gap:6px!important;
}
.payment-form.io-overflow-guard>*{min-width:0!important;width:100%!important;grid-column:auto!important}
.order-top-actions.io-overflow-guard{
  grid-template-columns:minmax(120px,1.5fr) repeat(4,minmax(42px,1fr))!important;
  width:100%!important;
  gap:4px!important;
}
.client-top-actions.io-overflow-guard{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
}
body.io-density-tight .interface-os-shellbar,
body.io-density-tight .interface-os-toolbar{gap:4px!important}
body.io-density-tight .interface-os-card{max-width:100%!important}
body.io-density-tight .panel-head,
body.io-density-tight .order-card-head,
body.io-density-tight .section-title-row{gap:7px!important}
body.io-density-compact .interface-os-shellbar button,
body.io-density-compact .interface-os-toolbar button{
  min-height:29px!important;
  padding:4px 7px!important;
  font-size:9px!important;
}
body.io-density-compact .interface-os-control-slot{
  min-height:26px!important;
  margin-bottom:3px!important;
}
body.io-density-compact .interface-os-control-slot>.interface-os-collapse{
  width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;
}


/* 2026-09-20 — Interface OS 2.6 Free Canvas + internal controls */
body:not(.interface-os-edit) .interface-os-card:not(.io-collapsed)>.interface-os-control-slot{
  position:absolute!important;
  z-index:20!important;
  top:6px!important;
  right:6px!important;
  width:28px!important;
  max-width:28px!important;
  min-width:28px!important;
  min-height:26px!important;
  height:26px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  display:block!important;
  background:transparent!important;
}
body:not(.interface-os-edit) .interface-os-card:not(.io-collapsed)>.interface-os-control-slot>.interface-os-control-title,
body:not(.interface-os-edit) .interface-os-card:not(.io-collapsed)>.interface-os-control-slot>.interface-os-grip{
  display:none!important;
}
body:not(.interface-os-edit) .interface-os-card:not(.io-collapsed)>.interface-os-control-slot>.interface-os-collapse{
  width:26px!important;
  min-width:26px!important;
  height:26px!important;
  min-height:26px!important;
}
body:not(.interface-os-edit) .interface-os-card.io-collapse-has-head:not(.io-collapsed)>.order-card-head,
body:not(.interface-os-edit) .interface-os-card.io-collapse-has-head:not(.io-collapsed)>.panel-head,
body:not(.interface-os-edit) .interface-os-card.io-collapse-has-head:not(.io-collapsed)>.request-quote-head,
body:not(.interface-os-edit) .interface-os-card.io-collapse-has-head:not(.io-collapsed)>.client-card-head,
body:not(.interface-os-edit) .interface-os-card.io-collapse-has-head:not(.io-collapsed)>.section-title-row{
  padding-right:40px!important;
  box-sizing:border-box!important;
}
body:not(.interface-os-edit) .interface-os-card.io-collapse-no-head:not(.io-collapsed){
  padding-top:max(34px,var(--io-native-pad-top,0px))!important;
}
body.interface-os-edit .interface-os-control-slot{
  position:relative!important;
  inset:auto!important;
  display:flex!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:32px!important;
  height:auto!important;
  margin:0 0 6px!important;
  padding:3px!important;
  border:1px dashed rgba(96,188,255,.28)!important;
  border-radius:9px!important;
  background:rgba(7,25,46,.72)!important;
  overflow:hidden!important;
}
body.interface-os-edit .interface-os-control-title{
  display:block!important;
  flex:1 1 auto!important;
}
body.interface-os-edit .interface-os-control-slot>.interface-os-grip{display:flex!important}

/* Free-position canvas: blocks have independent coordinates, never snap to each other. */
.interface-os-free-canvas{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:320px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.interface-os-free-canvas>.interface-os-card{
  position:absolute!important;
  margin:0!important;
  min-width:min(220px,100%)!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  container-type:inline-size;
}
body.interface-os-edit .interface-os-free-canvas{
  padding:0!important;
  border:1px dashed rgba(103,190,244,.34)!important;
  border-radius:14px!important;
  background:
    linear-gradient(rgba(91,166,218,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(91,166,218,.045) 1px,transparent 1px),
    rgba(5,18,34,.2)!important;
  background-size:24px 24px!important;
}
body.interface-os-edit .interface-os-free-canvas>.interface-os-card{
  resize:both!important;
  overflow:auto!important;
  min-height:72px!important;
}
body:not(.interface-os-edit) .interface-os-free-canvas>.interface-os-card{resize:none!important}

/* Internal layout follows the real card width, not the page width. */
@container (max-width:700px){
  .interface-os-card .panel-head,
  .interface-os-card .order-card-head,
  .interface-os-card .section-title-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:7px!important;
  }
  .interface-os-card .toolbar,
  .interface-os-card .actions,
  .interface-os-card .order-bulk-actions,
  .interface-os-card .client-row-actions,
  .interface-os-card .order-row-actions,
  .interface-os-card .request-card-actions{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    flex-wrap:wrap!important;
  }
}
@container (max-width:460px){
  .interface-os-card .toolbar,
  .interface-os-card .actions,
  .interface-os-card .order-bulk-actions,
  .interface-os-card .client-row-actions,
  .interface-os-card .order-row-actions,
  .interface-os-card .request-card-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:6px!important;
  }
  .interface-os-card .toolbar>*,
  .interface-os-card .actions>*,
  .interface-os-card .order-bulk-actions>*,
  .interface-os-card .client-row-actions>*,
  .interface-os-card .order-row-actions>*,
  .interface-os-card .request-card-actions>*{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
}

/* Internal button editor exists only in personalization mode. */
.interface-os-control-editor[hidden]{display:none!important}
.interface-os-control-editor{
  position:fixed!important;
  z-index:60000!important;
  right:14px!important;
  top:86px!important;
  display:grid!important;
  gap:9px!important;
  width:min(330px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 110px)!important;
  overflow:auto!important;
  padding:12px!important;
  border:1px solid #3b6894!important;
  border-radius:14px!important;
  background:#07192f!important;
  box-shadow:0 24px 70px rgba(0,0,0,.46)!important;
  color:#dcecff!important;
}
.io-control-editor-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.io-control-editor-head>b{font-size:12px}
.io-control-editor-head>button{width:28px!important;height:28px!important;min-width:28px!important;padding:0!important}
.interface-os-control-editor label{display:grid;gap:4px;color:#8ea8c2;font-size:9px}
.interface-os-control-editor input{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  min-height:36px!important;
  border:1px solid #31577f!important;
  border-radius:9px!important;
  background:#061429!important;
  color:#fff!important;
  padding:7px 9px!important;
}
.io-control-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.io-control-check{display:flex!important;grid-template-columns:none!important;align-items:center!important;gap:7px!important}
.io-control-check input{width:16px!important;min-width:16px!important;height:16px!important;min-height:16px!important;padding:0!important}
.io-control-editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.io-control-editor-actions button{min-width:0!important;min-height:34px!important}
.io-control-editor-actions [data-io-control-reset]{grid-column:1/-1}
body.interface-os-edit .io-control-selected{
  outline:2px solid #71c8ff!important;
  outline-offset:2px!important;
}
body.interface-os-edit .io-control-hidden-preview{
  display:inline-flex!important;
  opacity:.42!important;
  border-style:dashed!important;
}
body:not(.interface-os-edit) .io-control-hidden-preview{display:none!important}

@media(max-width:720px){
  .interface-os-control-editor{left:8px!important;right:8px!important;top:auto!important;bottom:8px!important;width:auto!important;max-height:55dvh!important}
  .io-control-editor-grid,.io-control-editor-actions{grid-template-columns:1fr!important}
  .io-control-editor-actions [data-io-control-reset]{grid-column:1}
}


/* 2026-09-20 — Orders filter integrity under Interface OS */
#view-orders .orders-tabs,
#view-orders .order-lifecycle-tabs,
#view-orders .source-filter-shell,
#view-orders .order-type-filters{
  box-sizing:border-box!important;
  max-width:100%!important;
  min-width:0!important;
}
#view-orders .orders-tabs,
#view-orders .order-lifecycle-tabs{
  border:1px solid #27486f!important;
  background:#08192f!important;
}
#view-orders .source-filter-shell{
  padding:8px!important;
  border:1px solid #223f61!important;
  border-radius:12px!important;
  background:#081729!important;
}
#view-orders .order-type-filters{
  padding:7px!important;
  border:1px solid #223f61!important;
  border-radius:12px!important;
  background:#081729!important;
}
#view-orders .source-filters button,
#view-orders .site-source-subfilters button,
#view-orders .order-type-filters button{
  border:1px solid #2b4b6e!important;
  border-radius:9px!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#view-orders .orders-panel .toolbar label,
#view-orders .orders-panel .toolbar input,
#view-orders .orders-panel .toolbar select{
  border-color:#31577f!important;
  box-sizing:border-box!important;
}
#view-orders .orders-panel .toolbar input,
#view-orders .orders-panel .toolbar select{
  min-width:0!important;
  max-width:100%!important;
}


/* Internal controls may be reordered only in personalization mode. */
body.interface-os-edit .interface-os-card [data-io-control-key]{
  cursor:grab;
  transition:opacity .12s ease,outline-color .12s ease,transform .12s ease;
}
body.interface-os-edit .interface-os-card [data-io-control-key]:active{cursor:grabbing}
body.interface-os-edit .io-control-dragging{
  opacity:.45!important;
  outline:2px dashed #70c9ff!important;
  outline-offset:2px!important;
}
body:not(.interface-os-edit) .interface-os-card [data-io-control-key]{cursor:pointer}


/* 2026-09-20 — one-piece Orders filter workspace */
#view-orders .order-filter-workspace,#orders .order-filter-workspace{
  display:grid!important;gap:7px!important;width:100%!important;max-width:100%!important;min-width:0!important;
  margin:0 0 12px!important;padding:10px!important;box-sizing:border-box!important;
  border:1px solid #294b72!important;border-radius:15px!important;background:#08182d!important;
  box-shadow:inset 0 1px 0 rgba(117,196,255,.035)!important;overflow:hidden!important
}
.order-filter-workspace-head{display:flex!important;align-items:center!important;justify-content:space-between!important;min-width:0!important;padding:1px 2px 3px!important}
.order-filter-workspace-head>div{display:grid!important;gap:2px!important;min-width:0!important}
.order-filter-workspace-head span{font-size:8px!important;font-weight:900!important;letter-spacing:.09em!important;color:#6f94b7!important}
.order-filter-workspace-head b{font-size:11px!important;color:#d9eafb!important}
.order-filter-workspace>.order-lifecycle-tabs,
.order-filter-workspace>.orders-tabs,
.order-filter-workspace>.source-filter-shell,
.order-filter-workspace>.order-type-filters{
  width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;
  border:0!important;border-radius:9px!important;background:rgba(7,24,45,.58)!important;box-shadow:none!important
}
.order-filter-workspace>.source-filter-shell,.order-filter-workspace>.order-type-filters{padding:6px!important}
.order-filter-workspace .source-filters,.order-filter-workspace .order-type-filters{flex-wrap:wrap!important}
@media(max-width:720px){
 .order-filter-workspace{padding:7px!important;gap:5px!important}
 .order-filter-workspace .source-filters,.order-filter-workspace .order-type-filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .order-filter-workspace .source-filters button,.order-filter-workspace .order-type-filters button{width:100%!important;min-width:0!important}
}


/* Interface OS 2.6.2 — 8-direction block resize + structured internal button grid */
body.interface-os-edit .interface-os-free-canvas>.interface-os-card{
  resize:none!important;
}
.interface-os-resize-handle{
  display:none!important;
  position:absolute!important;
  z-index:80!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  touch-action:none!important;
  user-select:none!important;
}
body.interface-os-edit .interface-os-resize-handle{display:block!important}
.interface-os-resize-handle.n{left:14px!important;right:14px!important;top:0!important;height:7px!important;cursor:ns-resize!important}
.interface-os-resize-handle.s{left:14px!important;right:14px!important;bottom:0!important;height:7px!important;cursor:ns-resize!important}
.interface-os-resize-handle.e{top:14px!important;bottom:14px!important;right:0!important;width:7px!important;cursor:ew-resize!important}
.interface-os-resize-handle.w{top:14px!important;bottom:14px!important;left:0!important;width:7px!important;cursor:ew-resize!important}
.interface-os-resize-handle.ne,.interface-os-resize-handle.nw,.interface-os-resize-handle.se,.interface-os-resize-handle.sw{
  width:13px!important;height:13px!important;border:2px solid #6cc7ff!important;border-radius:4px!important;background:#0c2b49!important
}
.interface-os-resize-handle.ne{right:1px!important;top:1px!important;cursor:nesw-resize!important}
.interface-os-resize-handle.nw{left:1px!important;top:1px!important;cursor:nwse-resize!important}
.interface-os-resize-handle.se{right:1px!important;bottom:1px!important;cursor:nwse-resize!important}
.interface-os-resize-handle.sw{left:1px!important;bottom:1px!important;cursor:nesw-resize!important}
body.io-block-resizing,body.io-block-resizing *{user-select:none!important}

/* Button groups become a 12-column structural grid only when customized/editing. */
.io-control-grid,.io-control-layout-custom{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-auto-flow:row dense!important;
  gap:6px!important;
  align-items:stretch!important;
}
.io-control-grid>[data-io-control-key],
.io-control-layout-custom>[data-io-control-key]{
  grid-column:span var(--io-control-span,3)!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  line-height:1.15!important;
}
body.interface-os-edit .io-control-grid>[data-io-control-key]{
  min-height:34px!important;
}
@media(max-width:720px){
 .io-control-grid,.io-control-layout-custom{grid-template-columns:repeat(6,minmax(0,1fr))!important}
 .io-control-grid>[data-io-control-key],.io-control-layout-custom>[data-io-control-key]{grid-column:span min(var(--io-control-span,3),6)!important}
}


/* 2026-09-20 — Client Field Guard: borders and geometry must never disappear */
.client-page-body .client-page :is(
  .client-core-form,
  .client-extra-form,
  .client-meta-form,
  .client-loyalty-redeem,
  .client-loyalty-adjust,
  .client-price-memory-form,
  .client-custom-fields,
  .client-phone-list
) label{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.client-page-body .client-page :is(
  .client-core-form,
  .client-extra-form,
  .client-meta-form,
  .client-loyalty-redeem,
  .client-loyalty-adjust,
  .client-price-memory-form,
  .client-custom-fields,
  .client-phone-list
) :is(input,select,textarea){
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:38px!important;
  box-sizing:border-box!important;
  border:1px solid #355b86!important;
  border-radius:10px!important;
  background:#07172c!important;
  color:#edf6ff!important;
  box-shadow:inset 0 0 0 1px rgba(112,174,226,.025)!important;
  outline:0!important;
}
.client-page-body .client-page :is(
  .client-core-form,
  .client-extra-form,
  .client-meta-form,
  .client-loyalty-redeem,
  .client-loyalty-adjust,
  .client-price-memory-form,
  .client-custom-fields,
  .client-phone-list
) textarea{
  min-height:96px!important;
  resize:vertical;
}
.client-page-body .client-page :is(input,select,textarea):hover:not(:disabled){
  border-color:#46739e!important;
}
.client-page-body .client-page :is(input,select,textarea):focus{
  border-color:#64bdf3!important;
  box-shadow:0 0 0 3px rgba(83,176,235,.13),inset 0 0 0 1px rgba(125,202,248,.07)!important;
}
.client-page-body .client-page :is(input,select,textarea):disabled,
.client-page-body .client-page :is(input,select,textarea)[readonly]{
  opacity:1!important;
  border-color:#2a486b!important;
  background:#0a1930!important;
  color:#c7d7e8!important;
  -webkit-text-fill-color:#c7d7e8!important;
}
.client-page-body .client-page select{
  appearance:auto!important;
}
.client-page-body .client-page .wide{
  min-width:0!important;
  max-width:100%!important;
}
.client-page-body .client-page :is(.client-core-form,.client-extra-form,.client-meta-form,.client-loyalty-redeem,.client-loyalty-adjust){
  min-width:0!important;
  max-width:100%!important;
}
@media(max-width:720px){
  .client-page-body .client-page :is(input,select,textarea){
    min-height:40px!important;
  }
}

/* Interface OS 2.6.3 safe personalization */
.interface-os-control-editor .io-safe-note{margin:8px 0 10px;padding:8px 10px;border:1px solid rgba(81,160,219,.22);border-radius:10px;background:rgba(18,46,72,.55);color:#95b4cf;font-size:11px;line-height:1.45}
body.interface-os-edit:not(.io-free-canvas-active) .interface-os-grip{cursor:grab}
body.interface-os-edit:not(.io-free-canvas-active) .interface-os-grip:active{cursor:grabbing}
body.io-advanced-layout.interface-os-edit:not(.io-free-canvas-active) .interface-os-card{width:auto!important;height:auto!important;max-width:100%!important}


/* 2026-09-20 — safe/advanced personalization switch */
.interface-os-toolbar [data-io-advanced][hidden]{display:none!important}
body.interface-os-edit .interface-os-toolbar [data-io-advanced]:not([hidden]){display:inline-flex!important}
body.io-advanced-layout .interface-os-toolbar [data-io-advanced]{
  border-color:#d1a54d!important;
  background:linear-gradient(135deg,#704a15,#62429c)!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(255,205,103,.12) inset!important;
}
.io-control-advanced-fields{
  display:none!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
body.io-advanced-layout .io-control-advanced-fields{display:grid!important}
.io-safe-note{
  margin:0!important;
  padding:7px 8px!important;
  border:1px solid rgba(86,156,211,.22)!important;
  border-radius:9px!important;
  background:rgba(25,74,116,.12)!important;
  color:#8eabc6!important;
  font-size:8.5px!important;
  line-height:1.35!important;
}
body.io-advanced-layout .io-safe-note{
  border-color:rgba(211,165,77,.28)!important;
  background:rgba(138,91,25,.10)!important;
  color:#d2b47d!important;
}
@media(max-width:720px){
  .io-control-advanced-fields{grid-template-columns:1fr!important}
}

/* Interface OS 2.7.1 — mode indicator, session undo and Safe-mode geometry isolation */
.interface-os-toolbar .io-mode-badge{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:26px!important;padding:4px 7px!important;border:1px solid rgba(72,170,226,.28)!important;
  border-radius:7px!important;background:rgba(12,42,69,.72)!important;color:#8ed6ff!important;
  font:900 9px/1 system-ui!important;letter-spacing:.08em!important;white-space:nowrap!important
}
body.io-advanced-layout .interface-os-toolbar .io-mode-badge{
  border-color:rgba(155,114,255,.46)!important;background:rgba(76,50,132,.46)!important;color:#dac8ff!important
}
body.io-advanced-suspended .interface-os-toolbar .io-mode-badge{
  border-color:rgba(255,184,78,.4)!important;background:rgba(100,67,20,.42)!important;color:#ffd799!important
}
.interface-os-toolbar [data-io-undo][hidden]{display:none!important}
body.interface-os-edit .interface-os-toolbar [data-io-undo]:not([hidden]){display:inline-flex!important}
.interface-os-toolbar button:disabled{opacity:.45!important;cursor:not-allowed!important;filter:saturate(.65)!important}
body.interface-os-edit:not(.io-advanced-layout) .interface-os-column-resizer,
body.interface-os-edit:not(.io-advanced-layout) .interface-os-resize-handle{display:none!important}
@media(max-width:1099px){
  .interface-os-toolbar .io-mode-badge{max-width:150px!important;overflow:hidden!important;text-overflow:ellipsis!important}
}
@media(max-width:720px){
  .interface-os-toolbar .io-mode-badge{font-size:8px!important;min-height:24px!important;padding:3px 5px!important}
}

/* Interface OS 2.7.1 — Advanced collision recovery */
.interface-os-toolbar [data-io-align][hidden]{display:none!important}
body.io-advanced-layout.interface-os-edit .interface-os-toolbar [data-io-align]:not([hidden]){display:inline-flex!important}
body.io-advanced-collision .interface-os-toolbar .io-mode-badge{
  border-color:rgba(255,104,104,.65)!important;
  background:rgba(104,30,38,.62)!important;
  color:#ffc2c7!important;
  box-shadow:0 0 0 1px rgba(255,104,104,.12)!important
}
body.io-advanced-collision .interface-os-toolbar [data-io-align]{
  border-color:rgba(255,178,86,.56)!important;
  color:#ffd29b!important
}


/* 2026-09-21 — Interface OS free-canvas internal adaptive layout */
.interface-os-free-canvas>.interface-os-card{
  container-name:io-card;
  container-type:inline-size;
}
@container io-card (max-width:620px){
  .warehouse-search-row,
  .warehouse-smart-grid,
  .warehouse-master-toolbar,
  .supplier-matrix-controls,
  .payment-form,
  .device-grid,
  .buyback-grid,
  .staff-cal-editor{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .warehouse-master-toolbar,
  .panel-head,
  .section-title-row{
    align-items:stretch!important;
  }
  .warehouse-master-toolbar>.row-actions,
  .panel-head>.toolbar,
  .section-title-row>.actions{
    width:100%!important;
    max-width:100%!important;
  }
  .table-wrap{
    max-width:100%!important;
    overflow:auto!important;
  }
}
@container io-card (max-width:390px){
  .warehouse-search-row,
  .warehouse-smart-grid,
  .warehouse-master-toolbar,
  .supplier-matrix-controls,
  .payment-form,
  .device-grid,
  .buyback-grid,
  .staff-cal-editor{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .warehouse-kind-tabs,
  .orders-tabs,
  .source-filters,
  .order-type-filters{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .warehouse-kind-tabs>*,
  .orders-tabs>*,
  .source-filters>*,
  .order-type-filters>*{
    min-width:0!important;
    width:100%!important;
  }
}
body.io-advanced-collision.interface-os-edit .interface-os-free-canvas{
  box-shadow:inset 0 0 0 1px rgba(255,154,69,.34)!important;
}

/* Interface OS 2.7.3 — save state + history UX */
.interface-os-toolbar .io-save-state{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:26px!important;padding:4px 7px!important;border:1px solid rgba(84,181,132,.24)!important;border-radius:7px!important;background:rgba(21,69,48,.34)!important;color:#9ce0b9!important;font:800 9px/1 system-ui!important;white-space:nowrap!important;transition:.18s ease!important}
.interface-os-toolbar .io-save-state[data-state="dirty"]{border-color:rgba(255,188,82,.34)!important;background:rgba(105,72,20,.34)!important;color:#ffd18a!important}
.interface-os-toolbar .io-save-state[data-state="saving"],.interface-os-toolbar .io-save-state[data-state="retry"]{border-color:rgba(93,169,255,.38)!important;background:rgba(29,72,117,.42)!important;color:#a9d4ff!important}
.interface-os-toolbar .io-save-state[data-state="error"]{border-color:rgba(255,91,105,.48)!important;background:rgba(105,27,36,.46)!important;color:#ffc0c6!important}
.interface-os-toolbar [data-io-history] em{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;margin-left:5px;padding:0 4px;border-radius:999px;background:rgba(82,174,233,.16);color:#a8ddff;font:900 9px/1 system-ui;font-style:normal}
@media(max-width:720px){.interface-os-toolbar .io-save-state{width:9px!important;height:9px!important;min-height:9px!important;padding:0!important;border-radius:999px!important;font-size:0!important;overflow:hidden!important}.interface-os-toolbar [data-io-history] em{margin-left:0!important}}

/* 2026-09-21 — Interface OS 2.8 persistent dock / personalization recovery */
.interface-os-toolbar [hidden]{display:none!important}
.interface-os-dock{
  position:fixed!important;
  right:max(10px,env(safe-area-inset-right))!important;
  bottom:max(10px,env(safe-area-inset-bottom))!important;
  z-index:980!important;
  display:flex!important;
  justify-content:flex-end!important;
  width:auto!important;
  max-width:calc(100vw - 20px)!important;
  pointer-events:none!important;
}
.interface-os-dock>.interface-os-toolbar{pointer-events:auto!important}
body:not(.interface-os-edit) .interface-os-dock>.interface-os-toolbar{
  display:flex!important;
  width:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  overflow:visible!important;
}
body:not(.interface-os-edit) .interface-os-dock .io-mode-badge,
body:not(.interface-os-edit) .interface-os-dock .io-save-state{display:none!important}
body:not(.interface-os-edit) .interface-os-dock [data-io-personalize]{
  display:inline-flex!important;
  min-width:148px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 13px!important;
  border:1px solid #3e6b94!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#0e2b4a,#153b62)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.34)!important;
  color:#e7f5ff!important;
  font-size:10px!important;
}
body.interface-os-edit .interface-os-dock>.interface-os-toolbar{
  display:grid!important;
  grid-template-rows:repeat(2,32px)!important;
  grid-auto-flow:column!important;
  grid-auto-columns:max-content!important;
  align-items:center!important;
  gap:4px!important;
  width:max-content!important;
  max-width:min(760px,calc(100vw - 20px))!important;
  max-height:72px!important;
  padding:4px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin!important;
  border-color:#3d668d!important;
  background:rgba(5,18,34,.94)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.38)!important;
}
body.interface-os-edit .interface-os-dock>.interface-os-toolbar>*{min-height:28px!important;height:28px!important}
body.interface-os-edit .interface-os-dock .io-mode-badge,
body.interface-os-edit .interface-os-dock .io-save-state{
  display:inline-flex!important;
  align-items:center!important;
  padding:0 7px!important;
  border-radius:7px!important;
  white-space:nowrap!important;
  font-size:8px!important;
}
@media(max-width:720px){
  .interface-os-dock{right:max(7px,env(safe-area-inset-right))!important;bottom:max(7px,env(safe-area-inset-bottom))!important;max-width:calc(100vw - 14px)!important}
  body:not(.interface-os-edit) .interface-os-dock [data-io-personalize]{min-width:42px!important;width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;font-size:0!important}
  body:not(.interface-os-edit) .interface-os-dock [data-io-personalize]::before{content:'⚙';font-size:17px!important}
  body.interface-os-edit .interface-os-dock>.interface-os-toolbar{max-width:calc(100vw - 14px)!important;grid-template-rows:repeat(2,30px)!important;max-height:68px!important}
  body.interface-os-edit .interface-os-dock>.interface-os-toolbar>*{height:27px!important;min-height:27px!important}
}


/* 2026-09-21 — Orders list final integrity: search, composition, actions */
#orders .orders-panel .panel-head{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(430px,680px)!important;gap:14px!important;align-items:end!important}
#orders .orders-panel .toolbar{display:grid!important;grid-template-columns:minmax(280px,1fr) minmax(180px,220px)!important;gap:9px!important;width:100%!important;align-items:center!important}
#orders .orders-panel .toolbar label{height:44px!important;min-height:44px!important;display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;padding:0 10px!important}
#orders .orders-panel .toolbar label>span{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border:1px solid #2d527f!important;border-radius:9px!important;background:#0d2647!important;color:#79ceff!important;font-size:16px!important;line-height:1!important}
#orders .orders-panel .toolbar label input{height:42px!important;min-height:42px!important;width:100%!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#orders .orders-panel .toolbar>select,#orders .orders-panel .toolbar>.ui-select{height:44px!important;min-height:44px!important;width:100%!important;min-width:0!important}
#orders .orders-panel table{min-width:1510px!important;table-layout:fixed!important}
#orders .orders-panel th:nth-child(7),#orders .orders-panel td:nth-child(7){width:330px!important}
#orders .orders-panel th:nth-child(10),#orders .orders-panel td:nth-child(10){width:218px!important}
#orders .orders-panel .order-row-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%!important}
#orders .orders-panel .order-row-actions>*{width:100%!important;min-width:0!important;min-height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:6px 8px!important;white-space:normal!important;text-align:center!important}
#orders .orders-panel .order-actions-menu{width:100%!important;min-width:0!important}
#orders .orders-panel .order-actions-menu>summary{min-height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:6px 8px!important;text-align:center!important}
#orders .orders-panel .order-actions-menu[open]{grid-column:1/-1!important}
#orders .orders-panel .order-actions-menu>div{position:static!important;width:100%!important;min-width:0!important;margin-top:6px!important;padding:6px!important;box-shadow:none!important}
@media(max-width:720px){#orders .orders-panel .panel-head,#orders .orders-panel .toolbar{grid-template-columns:1fr!important}#orders .orders-panel table{min-width:0!important}}


/* 2026-09-21 — unified search control inside new order composition */
#orders .new-order-search{
 min-height:44px!important;height:44px!important;width:100%!important;display:grid!important;
 grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;
 padding:0 10px!important;border:1px solid #31577f!important;border-radius:11px!important;
 background:#091a34!important;box-sizing:border-box!important
}
#orders .new-order-search>span{
 width:30px!important;height:30px!important;display:grid!important;place-items:center!important;
 border:1px solid #34577c!important;border-radius:8px!important;background:#10294b!important;
 color:#7bd4ff!important;font-size:16px!important;line-height:1!important
}
#orders .new-order-search>#newOrderCatalogSearch{
 width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;
 padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
 box-shadow:none!important;color:#fff!important
}


/* 2026-09-21 — new order composition gets priority space */
@media(min-width:1181px){
 #orders .new-order-dialog{width:min(1560px,98vw)!important}
 #orders .new-order-body{grid-template-columns:minmax(420px,.76fr) minmax(680px,1.24fr)!important}
 #orders .new-order-catalog-results{max-height:300px!important}
 #orders .new-order-lines{max-height:320px!important}
}


/* 2026-09-22 — Owner Control Plane risk summary */
.owner-risk-bar{margin:0 0 14px;padding:14px;border:1px solid #23466d;border-radius:16px;background:linear-gradient(180deg,#0b1d35,#08172b)}
.owner-risk-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}
.owner-risk-head h3{margin:2px 0 4px}
.owner-risk-head p{margin:0;color:#8fa8c3;font-size:12px}
.owner-risk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.owner-risk-card{position:relative;display:grid!important;justify-items:start!important;text-align:left!important;gap:3px!important;min-height:96px!important;padding:11px 34px 11px 11px!important;border:1px solid #294869!important;border-radius:12px!important;background:#0b1b31!important}
.owner-risk-card.ok{border-color:#245b4d!important}
.owner-risk-card.warn{border-color:#7b5427!important;background:#211a10!important}
.owner-risk-card span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#86a4c3}
.owner-risk-card b{font-size:15px}
.owner-risk-card small{white-space:normal!important;color:#9eb4ca;line-height:1.3}
.owner-risk-card em{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-style:normal}
@media(max-width:720px){.owner-risk-head{display:block}.owner-risk-head button{margin-top:8px}.owner-risk-grid{grid-template-columns:1fr}}

/* 2026-09-23 — Critical Action Guard */
body.io-critical-actions-repair.order-page-body .order-top{overflow:visible!important}
body.io-critical-actions-repair.order-page-body .order-top-actions{overflow:visible!important}
body.io-critical-actions-repair.order-page-body #openPrint,
body.io-critical-actions-repair.order-page-body #saveOrder{display:inline-flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
body.io-critical-actions-repair.order-page-body .top-status-field{display:flex!important;visibility:visible!important;opacity:1!important}
body.io-critical-actions-repair.order-page-body .itech-status-trigger{display:flex!important;visibility:visible!important;opacity:1!important}