/* Shared CRM menus and card surfaces. Loaded last; does not change business data. */
:root{--crm-menu-line:#3c5b7e;--crm-menu-line-active:#79bfff;--crm-menu-bg:#0b1b31;--crm-menu-radius:12px;}
body [hidden]:not([hidden="until-found"]){display:none!important;}
body :is(.panel,.order-card,.ops-card,.crm-os-panel,.sidebar-module-manager,.module-collapsible){border-width:1px!important;border-style:solid!important;border-color:var(--crm-menu-line)!important;border-radius:var(--crm-menu-radius)!important;}
body :is(.notification-popover,.calendar-popover,.reminder-popover,.order-context-menu,.itech-status-menu,.itech-status-menu-portal){border:1px solid var(--crm-menu-line-active)!important;border-radius:var(--crm-menu-radius)!important;box-shadow:0 16px 44px #0006!important;}
body :is(.module-more-actions,.orders-more-actions,.order-actions-menu,.owner-more-tabs)>summary{border:1px solid var(--crm-menu-line)!important;border-radius:9px!important;min-height:38px!important;line-height:1.35!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;writing-mode:horizontal-tb!important;}
body :is(.module-more-actions,.orders-more-actions,.order-actions-menu,.owner-more-tabs)[open]>summary{border-color:var(--crm-menu-line-active)!important;background:#15385d!important;color:#f1f7ff!important;}
body :is(.ui-select-trigger,.itech-status-trigger){border:1px solid var(--crm-menu-line)!important;min-height:40px;}
body :is(.ops-tabs,.new-order-mode-switch,.new-order-catalog-tabs,.staff-settings-tabs,.owner-tabs,.tw-tabs)>button{border:1px solid var(--crm-menu-line)!important;border-radius:8px!important;word-break:normal!important;white-space:normal!important;line-height:1.4!important;}
body :is(.ops-tabs,.new-order-mode-switch,.new-order-catalog-tabs,.staff-settings-tabs,.owner-tabs,.tw-tabs)>button.active{border-color:var(--crm-menu-line-active)!important;}
body .side .nav button[data-view]{border:1px solid #304967!important;border-radius:10px!important;}
body .side .nav button[data-view].active{border-color:var(--crm-menu-line-active)!important;}
body :is(button,a,summary,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--crm-menu-line-active)!important;outline-offset:2px!important;}
/* Position is measured against the viewport, including the on-screen keyboard. */
html body #uiEnginePortal .ui-select-portal,html body .ui-select-portal,html body .ui-details-panel{
 position:fixed!important;inset:auto!important;left:var(--ui-popup-left,8px)!important;top:var(--ui-popup-top,8px)!important;
 width:var(--ui-popup-width,260px)!important;min-width:0!important;max-width:calc(100vw - 16px)!important;
 max-height:var(--ui-popup-max-height,calc(100dvh - 16px))!important;height:auto!important;
 display:flex!important;flex-direction:column!important;grid-template-columns:none!important;grid-auto-flow:row!important;
 align-items:stretch!important;justify-content:flex-start!important;gap:5px!important;margin:0!important;padding:8px!important;
 border:1px solid var(--crm-menu-line-active)!important;border-radius:var(--crm-menu-radius)!important;background:var(--crm-menu-bg)!important;
 box-shadow:0 18px 48px #0008!important;box-sizing:border-box!important;overflow:auto!important;overscroll-behavior:contain;scroll-padding:8px;
 color:#e9f3ff!important;writing-mode:horizontal-tb!important;animation:none!important;transform:none!important;z-index:2147483200!important;
}
html body :is(.ui-select-portal,.ui-details-panel)::backdrop{background:transparent;pointer-events:none;}
html body .ui-select-options{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important;flex:0 0 auto!important;}
html body #uiEnginePortal .ui-select-option,html body .ui-select-portal .ui-select-option,html body .ui-details-panel :is(button,a){
 display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 0 auto!important;
 width:100%!important;min-width:0!important;max-width:100%!important;min-height:40px!important;height:auto!important;
 grid-column:auto!important;grid-row:auto!important;gap:10px!important;padding:9px 12px!important;box-sizing:border-box!important;
 border:1px solid #304b6b!important;border-radius:8px!important;background:#10243e;color:#e9f3ff;
 font-size:13px!important;line-height:1.45!important;letter-spacing:normal!important;writing-mode:horizontal-tb!important;
 white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;text-align:left!important;text-decoration:none;
}
html body #uiEnginePortal .ui-select-option>span,html body .ui-select-option>span,html body .ui-details-panel :is(button,a)>span{
 display:block!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:100%!important;
 white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;writing-mode:horizontal-tb!important;
}
html body .ui-select-option>i{flex:0 0 18px!important;margin-left:auto!important;}
html body .ui-select-option.selected,html body .ui-select-option:hover,html body .ui-select-option:focus-visible,html body .ui-details-panel :is(button,a):hover{border-color:var(--crm-menu-line-active)!important;background:#193c62!important;}
html body .ui-select-option:disabled{opacity:.45!important;cursor:not-allowed!important;}
html body .ui-select-search{flex:0 0 auto!important;min-width:0!important;box-sizing:border-box!important;font-size:14px!important;}
html body .ui-select-empty{padding:16px 12px!important;color:#adc0d6!important;font-size:13px!important;line-height:1.5!important;}
/* Client cards had no base .order-card stylesheet: restore the missing surfaces. */
body.client-page-body .client-page{width:min(1500px,100%)!important;padding:22px!important;}
body.client-page-body :is(.client-page-main,.client-page-side){align-content:start!important;gap:16px!important;}
body.client-page-body .order-card{padding:20px!important;box-shadow:0 8px 24px #0002!important;min-width:0!important;}
body.client-page-body .order-card.module-collapsible{padding:0!important;}
body.client-page-body .module-collapsible>.module-collapsible-body{padding:18px!important;}
body.client-page-body .module-collapsible>summary{padding:12px 16px!important;font-size:13px!important;line-height:1.45!important;}
body.client-page-body .order-card .order-card-head{display:flex!important;flex-flow:row wrap!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px 16px!important;margin-bottom:18px!important;}
body.client-page-body .order-card .order-card-head>div:not(.client-card-actions){flex:1 1 240px!important;min-width:0!important;}
body.client-page-body .order-card .order-card-head>.client-card-actions{flex:0 1 auto!important;width:auto!important;max-width:100%!important;}
body.client-page-body .order-card .order-card-head h2{font-size:20px!important;line-height:1.3!important;margin:5px 0 8px!important;}
body.client-page-body .order-card .order-card-head p{font-size:13px!important;line-height:1.6!important;margin:0!important;color:#adbed4!important;max-width:72ch;}
body.client-page-body :is(.client-core-form,.client-extra-form){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:start!important;}
body.client-page-body :is(.client-core-form,.client-extra-form)>.wide{grid-column:1/-1!important;}
body.client-page-body :is(.client-core-form,.client-extra-form) label{align-content:start!important;}
body.client-page-body :is(.client-core-form,.client-extra-form,.client-meta-form) :is(input,textarea){box-sizing:border-box!important;min-width:0!important;}
body.client-page-body .client-side-card{gap:12px!important;}
body.client-page-body .client-side-row{flex-wrap:wrap;align-items:flex-start;}
body.client-page-body .client-side-row strong{overflow-wrap:anywhere;}
body.client-page-body #newOrderForClient{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;max-width:100%!important;box-sizing:border-box!important;text-align:center!important;text-decoration:none!important;white-space:normal!important;}
body.client-page-body .client-top{grid-template-columns:auto minmax(180px,1fr) auto!important;gap:16px!important;padding:12px 18px!important;}
body.client-page-body .client-top-actions{display:flex!important;flex-flow:row wrap!important;grid-column:auto!important;align-items:center!important;gap:8px!important;width:auto!important;max-width:680px!important;padding:8px!important;border:1px solid var(--crm-menu-line)!important;border-radius:12px!important;background:#0b1b31!important;}
body.client-page-body .client-top-actions>*{flex:0 1 auto!important;min-width:0!important;width:auto!important;max-width:100%!important;}
body.client-page-body .client-top-actions :is(button,summary){font-size:12px!important;min-height:38px!important;height:auto!important;line-height:1.4!important;padding:8px 11px!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;}
body.client-page-body .client-top-actions .client-sync-pill{width:auto!important;min-width:0!important;max-width:100%!important;}
@media(max-width:1180px){
 body.client-page-body .client-top{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;}
 body.client-page-body .client-top>.order-brand{display:none!important;}
 body.client-page-body .client-top-actions{grid-column:1/-1!important;width:100%!important;max-width:100%!important;justify-content:flex-start!important;}
}
@media(max-width:760px){
 body.client-page-body .client-page{padding:12px!important;}
 body.client-page-body .order-card{padding:16px!important;}
 body.client-page-body .order-card.module-collapsible{padding:0!important;}
 body.client-page-body .order-card .order-card-head{flex-direction:column!important;gap:12px!important;}
 body.client-page-body .order-card .order-card-head>div:not(.client-card-actions){flex:0 1 auto!important;}
 body.client-page-body .order-card .order-card-head>.client-card-actions{flex:0 1 auto!important;width:100%!important;}
 body.client-page-body :is(.client-core-form,.client-extra-form){grid-template-columns:minmax(0,1fr)!important;}
 body.client-page-body .client-top{position:relative!important;padding:10px 12px!important;}
 body.client-page-body .client-top-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 body.client-page-body .client-top-actions>*{width:100%!important;min-width:0!important;max-width:100%!important;}
 body.client-page-body .client-top-actions .client-sync-pill{grid-column:1/-1!important;width:100%!important;justify-content:center!important;}
 body.client-page-body .client-top-actions .client-card-more{grid-column:1/-1!important;}
 body.client-page-body :is(input,textarea),html body .ui-select-search{font-size:16px!important;}
 html body .ui-select-portal .ui-select-option,html body .ui-details-panel :is(button,a){min-height:44px!important;}
}
@media(prefers-reduced-motion:reduce){body :is(.ui-select-portal,.ui-details-panel,.ui-select-trigger){animation:none!important;transition:none!important;}}
/* Explicit header tracks prevent inherited min-width rules collapsing action buttons. */
@media(min-width:1181px){
 body.client-page-body .client-top{grid-template-columns:auto minmax(180px,1fr) minmax(500px,680px)!important;}
}
@media(min-width:761px){
 body.client-page-body .client-top-actions{display:grid!important;grid-template-columns:minmax(145px,1.15fr) minmax(120px,1fr) minmax(145px,1.15fr) minmax(64px,.55fr)!important;width:100%!important;}
}
/* Menu-only priority layer: legacy table rules must not shrink popup actions. */
@layer crm-menu-contract{
 .ui-details-panel{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;grid-template-columns:none!important;grid-auto-flow:row!important;padding:8px!important;}
 .ui-details-panel :is(button,a){display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:40px!important;grid-column:auto!important;grid-row:auto!important;padding:9px 12px!important;border:1px solid var(--crm-menu-line)!important;border-radius:8px!important;box-sizing:border-box!important;line-height:1.45!important;font-size:13px!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;letter-spacing:normal!important;writing-mode:horizontal-tb!important;}
 .ui-details-panel :is(button,a)>span{width:auto!important;min-width:0!important;white-space:normal!important;word-break:normal!important;}
 .ui-details-panel [hidden]:not([hidden="until-found"]){display:none!important;}
 .ui-details-panel .danger{border-color:#a95970!important;color:#ffc0cb!important;}
 .ui-details-panel :is(button,a):hover{border-color:var(--crm-menu-line-active)!important;}
 @media(max-width:760px){.ui-details-panel :is(button,a){min-height:44px!important;}}
}
@media(max-width:380px){
 body.client-page-body .client-top-actions{grid-template-columns:minmax(0,1fr)!important;}
 body.client-page-body .client-top-actions>*{grid-column:1!important;}
}
body.client-page-body .client-top .back-orders{margin-right:12px!important;text-decoration:none!important;}
body.client-page-body .client-top>.order-brand{align-items:center;gap:3px;text-decoration:none!important;color:#d9ecff!important;white-space:nowrap;}
body.client-page-body .client-top-actions .client-sync-pill{white-space:normal!important;overflow-wrap:normal!important;line-height:1.4!important;min-height:38px!important;justify-content:center!important;text-align:center!important;}

/* CRM usability audit 2026-10-06: scoped layout contracts, no business-data changes. */
@layer crm-commercial-ui {
  body [hidden]:not([hidden="until-found"]), body .hidden { display:none!important; }
  .nav-layout-toolbar { min-width:0!important; box-sizing:border-box!important; }
  #navEditToggle { min-height:38px!important; line-height:1.35!important; word-break:normal!important; overflow-wrap:normal!important; writing-mode:horizontal-tb!important; }
  #navEditToggle span { white-space:nowrap!important; }
  body:not(.interface-os-edit) .interface-os-control-slot:empty { display:none!important; }
  .row-actions:has([data-backup-download]) { display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:6px!important; min-width:170px!important; }
  [data-backup-download] { flex:0 0 auto!important; width:auto!important; min-width:82px!important; height:auto!important; min-height:38px!important; padding:8px 12px!important; white-space:normal!important; overflow:visible!important; line-height:1.4!important; }
  .crm-section-help p { display:block!important; margin:4px 0 0!important; line-height:1.5!important; }
  .ui-command-card { max-width:calc(100vw - 24px)!important; max-height:calc(100dvh - 24px)!important; overflow:auto!important; box-sizing:border-box!important; }
  .ui-command-actions { display:flex!important; flex-wrap:wrap!important; gap:8px!important; }
  .ui-command-actions>button { min-height:42px!important; white-space:normal!important; overflow-wrap:normal!important; word-break:normal!important; }
  @media(min-width:801px) and (max-width:1200px) {
    #navLayoutToolbar { width:100%!important; margin:0 0 10px!important; padding:0!important; justify-content:center!important; }
    #navLayoutToolbar>small, #navEditToggle>span { display:none!important; }
    #navEditToggle { display:flex!important; align-items:center!important; justify-content:center!important; flex:0 0 42px!important; width:42px!important; min-width:42px!important; height:40px!important; padding:8px!important; font-size:18px!important; }
  }
  @media(min-width:761px) {
    #backupManagerHost td:has([data-backup-download]) { min-width:190px!important; width:190px!important; }
  }
  @media(max-width:800px) {
    body:not(.interface-os-edit) [class]:has(>button[data-io-shell="mainSide"]) { display:none!important; }
  }
  @media(max-width:760px) {
    .crm-section-hero { padding:14px!important; margin-bottom:12px!important; }
    .crm-section-hero .eyebrow { display:none!important; }
    .crm-section-hero h1 { font-size:24px!important; line-height:1.25!important; margin:0!important; }
    #genericHelpBox { padding:10px 12px!important; gap:10px!important; margin-top:10px!important; }
    #genericHelpBox>div { min-width:0!important; }
    #genericHelpBox b { font-size:11px!important; }
    #genericHelpBox p { font-size:12px!important; }
    #genericHelpClose { align-self:flex-start!important; flex:0 0 32px!important; width:32px!important; min-height:32px!important; height:32px!important; }
    .warehouse-area-tabs,.warehouse-scope-tabs { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:6px!important; padding:8px!important; margin:0 0 10px!important; }
    .warehouse-area-tabs>button,.warehouse-scope-tabs>button { display:flex!important; align-items:center!important; justify-content:flex-start!important; min-width:0!important; width:100%!important; height:auto!important; min-height:46px!important; padding:9px!important; border:1px solid var(--crm-menu-line,#3c5b7e)!important; border-radius:9px!important; white-space:normal!important; word-break:normal!important; overflow-wrap:break-word!important; line-height:1.4!important; }
    .warehouse-area-tabs>button>b,.warehouse-scope-tabs>button>b { min-width:0!important; font-size:12px!important; line-height:1.4!important; }
    .warehouse-area-tabs>button>small,.warehouse-scope-tabs>button>small { display:none!important; }
    .catalog-summary.compact-summary { display:flex!important; align-items:baseline!important; flex-wrap:wrap!important; gap:6px 10px!important; padding:10px 12px!important; min-height:0!important; }
    .catalog-summary.compact-summary>b { font-size:23px!important; line-height:1.3!important; }
    .ops-tabs { display:flex!important; flex-flow:row wrap!important; gap:6px!important; padding:8px!important; margin:10px 0!important; min-height:0!important; }
    .ops-tabs>button { min-height:40px!important; padding:8px 10px!important; flex:0 1 auto!important; }
    #ordersBody td { min-width:0!important; white-space:normal!important; overflow-wrap:anywhere!important; }
    #ordersBody td:is([data-label="Менеджер"],[data-label="Исполнитель"],[data-col="manager"],[data-col="master"]) { grid-column:1 / -1!important; }
    #ordersBody .ui-select { width:100%!important; min-width:0!important; max-width:100%!important; }
    #ordersBody .ui-select-trigger { min-height:40px!important; height:auto!important; }
    #ordersBody .ui-select-value { white-space:normal!important; overflow:visible!important; overflow-wrap:break-word!important; word-break:normal!important; text-overflow:clip!important; line-height:1.35!important; }
    body.order-page-body .order-top { position:relative!important; height:auto!important; min-height:0!important; max-height:none!important; padding:10px 12px!important; gap:10px!important; }
    body.order-page-body .order-top-actions { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-template-rows:none!important; grid-template-areas:none!important; grid-auto-rows:auto!important; gap:7px!important; height:auto!important; min-height:0!important; max-height:none!important; width:100%!important; padding:0!important; }
    body.order-page-body .order-top-actions>* { grid-area:auto!important; grid-column:auto!important; grid-row:auto!important; min-width:0!important; width:100%!important; height:auto!important; max-height:none!important; box-sizing:border-box!important; }
    body.order-page-body .order-top-actions>button { display:flex!important; align-items:center!important; justify-content:center!important; min-height:44px!important; padding:9px 8px!important; font-size:13px!important; line-height:1.4!important; white-space:normal!important; word-break:normal!important; overflow-wrap:normal!important; overflow:visible!important; }
    body.order-page-body .order-top-actions>.top-status-field { order:0!important; grid-column:1 / -1!important; }
    body.order-page-body #orderPersonalizeTop { order:1!important; }
    body.order-page-body #openPrint { order:2!important; }
    body.order-page-body #deliverOrder { order:3!important; }
    body.order-page-body #checkoutEarly { order:4!important; }
    body.order-page-body #saveOrder { order:5!important; grid-column:1 / -1!important; }
  }
}

@layer crm-commercial-ui {
  .ui-system-status { pointer-events:none!important; }
  @media(max-width:720px){
    #ordersBody tr[data-order-id] { min-width:0!important; }
    #ordersBody td { width:auto!important; max-width:100%!important; box-sizing:border-box!important; }
    #ordersBody td:nth-child(7), #ordersBody td:nth-child(8), #ordersBody td:nth-child(3) { grid-column:1 / -1!important; }
    #ordersBody .ui-select-value { flex:1 1 auto!important; width:auto!important; max-width:none!important; min-width:0!important; }
    #ordersBody .ui-select-arrow { flex:0 0 16px!important; }
  }
}

/* 2026-10-06: order command bar and readable, container-sized line economics. */
@layer crm-commercial-ui {
 @media(min-width:761px){
  body.order-page-body.order-workflow-v4 .order-top{grid-template-columns:minmax(180px,1fr) auto!important;min-height:70px!important;align-items:center!important;gap:12px!important}
  body.order-page-body.order-workflow-v4 .order-top-actions{display:grid!important;grid-template-columns:minmax(150px,200px) 42px 80px 124px 148px 104px!important;grid-template-rows:auto!important;grid-auto-rows:auto!important;width:auto!important;max-width:none!important;gap:6px!important;align-items:center!important}
  body.order-page-body.order-workflow-v4 .order-top-actions>*{grid-column:auto!important;grid-row:auto!important;grid-area:auto!important;min-width:0!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;margin:0!important}
  body.order-page-body.order-workflow-v4 .order-top-actions>button{min-height:40px!important;padding:9px 7px!important;white-space:normal!important;overflow:visible!important;line-height:1.35!important}
  body.order-page-body.order-workflow-v4 .top-status-field{min-width:0!important;width:100%!important;max-width:none!important;grid-template-rows:auto!important;height:auto!important}
  body.order-page-body.order-workflow-v4 .top-status-field>span{display:none!important}
  body.order-page-body.order-workflow-v4 .top-status-field>:is(select,.itech-status-picker,.ui-select){width:100%!important;min-width:0!important;max-width:100%!important;height:40px!important;min-height:40px!important}
  body.order-page-body.order-workflow-v4 .top-status-field :is(.itech-status-trigger,.ui-select-trigger){min-height:40px!important;height:40px!important;max-height:none!important}
  body.order-page-body.order-workflow-v4 #orderPersonalizeTop{width:42px!important;min-width:42px!important;max-width:42px!important}
 }
 @media(min-width:761px) and (max-width:1200px){
  body.order-page-body.order-workflow-v4 .order-top{grid-template-columns:1fr!important}
  body.order-page-body.order-workflow-v4 .order-top-actions{grid-column:1!important;grid-row:2!important;width:100%!important;grid-template-columns:minmax(140px,1fr) 42px 80px 124px 148px 104px!important;justify-self:stretch!important}
 }
 body.order-page-body .order-lines-card{container-type:inline-size}
 body.order-page-body #orderLines .order-lines-table-head{display:none!important}
 body.order-page-body #orderLines .order-line.order-line-economics{position:relative!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px 10px!important;padding:14px!important;align-items:end!important;min-width:0!important}
 body.order-page-body #orderLines .order-line-economics>*{grid-area:auto!important;min-width:0!important;max-width:100%!important}
 body.order-page-body #orderLines .order-line-economics .line-kind{display:none!important}
 body.order-page-body #orderLines .order-line-economics .line-copy{grid-column:1/-1!important;grid-row:auto!important;padding:0 42px 5px 0!important;display:grid!important;gap:5px!important;overflow:visible!important;white-space:normal!important;max-height:none!important}
 body.order-page-body #orderLines .line-copy>:is(b,span){display:block!important;min-width:0!important;white-space:normal!important;text-overflow:clip!important;overflow:visible!important;word-break:normal!important;overflow-wrap:anywhere!important;max-height:none!important;font-size:13px!important;line-height:1.45!important}
 body.order-page-body #orderLines .line-copy>span{font-size:11px!important}
 body.order-page-body #orderLines .order-line-economics label{display:grid!important;grid-template-rows:auto minmax(40px,auto)!important;gap:5px!important;padding:0!important}
 body.order-page-body #orderLines .order-line-economics label>span{display:block!important;visibility:visible!important;font-size:11px!important;line-height:1.4!important;white-space:normal!important}
 body.order-page-body #orderLines .order-line-economics input{height:40px!important;min-height:40px!important;padding:8px!important;font-size:13px!important;line-height:1.3!important;max-width:100%!important}
 body.order-page-body #orderLines .order-line-economics .line-remove{position:absolute!important;right:10px!important;top:10px!important;width:32px!important;height:34px!important;min-width:32px!important;min-height:34px!important;display:grid!important;place-items:center!important;padding:0!important}
 body.order-page-body #orderLines .order-line-economics .line-sum{grid-column:1/-1!important;grid-row:auto!important;border-top:1px solid #29425a!important;padding-top:8px!important;justify-items:end!important;justify-self:stretch!important}
 body.order-page-body #orderLines .repair-part-link{justify-self:start!important;width:auto!important;min-width:160px!important;min-height:38px!important;white-space:normal!important;line-height:1.4!important}
 @container(max-width:460px){body.order-page-body #orderLines .order-line.order-line-economics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
 .repair-part-offer{border:1px solid #355a81;border-radius:12px;padding:12px;margin:10px 0 14px;background:#0b2039;display:flex;flex-wrap:wrap;gap:8px}
 .repair-part-offer>b,.repair-part-offer>p{flex:0 0 100%;margin:0;line-height:1.5}
 .repair-part-offer>p{font-size:12px;color:#a9bed7}
 .repair-part-offer>button{min-height:40px!important;width:auto!important;white-space:normal!important}
 #repairPartDialog{width:min(980px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;padding:0!important;box-sizing:border-box!important}
 #repairPartDialog form{min-width:0!important;margin:0!important}
 #repairPartDialog :is(header,footer){display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;padding:14px!important;box-sizing:border-box!important}
 #repairPartDialog header>div{min-width:0!important}
 #repairPartDialog :is(h2,p){overflow-wrap:anywhere!important;line-height:1.5!important}
 #repairPartDialog .repair-part-scope{display:grid;gap:5px;margin:0 0 12px}
 #repairPartDialog .repair-part-choice{display:flex!important;align-items:flex-start!important;gap:10px!important;min-width:0!important;padding:12px!important}
 #repairPartDialog .repair-part-choice>span{display:grid!important;gap:5px!important;min-width:0!important;overflow-wrap:anywhere!important;line-height:1.5!important}
 #repairPartDialog .repair-part-check{display:flex!important;gap:10px!important;align-items:flex-start!important;line-height:1.5!important}
 #repairPartDialog input:is([type=checkbox],[type=radio]){width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;flex:0 0 18px!important;margin:3px 0!important;padding:0!important}
 #repairPartDialog footer{position:sticky!important;bottom:0!important;z-index:2;background:#0a1a2c!important;align-items:stretch!important}
 #repairPartDialog footer>button{min-height:44px!important;height:auto!important;white-space:normal!important;line-height:1.4!important}
 #repairPartDialog .repair-part-cost-warning{font-size:12px;color:#f3cb82}
 @media(max-width:600px){#repairPartDialog .repair-part-filters,#repairPartDialog .repair-part-economics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}#repairPartDialog .repair-part-body{padding:12px!important}#repairPartDialog footer>button{flex:1 1 0!important}#repairPartDialog .repair-part-economics label{font-size:12px!important;min-width:0!important}#repairPartDialog :is(input,select){min-width:0!important;width:100%!important;box-sizing:border-box!important}}
}

@layer crm-commercial-ui {
 #repairPartDialog,#repairPartDialog header,#repairPartDialog footer{background:var(--crm-menu-bg,#0b1b31)!important;color:#edf5ff!important;border-color:var(--crm-menu-line,#3c5b7e)!important}
 #repairPartDialog :is(label,legend),#repairPartDialog .repair-part-choice b,#repairPartDialog .repair-part-check span{color:#e0ecfa!important}
 #repairPartDialog :is(input[type=number],select,textarea){background:#09172b!important;color:#eef5ff!important;-webkit-text-fill-color:#eef5ff!important;border-color:#426181!important;color-scheme:dark}
 #repairPartDialog select option{background:#09172b!important;color:#eef5ff!important}
 #repairPartDialog .repair-part-choice{background:#10233d!important;border-color:#355572!important}
 #repairPartDialog .repair-part-choice:has(input:checked){background:#173c64!important;border-color:#79bfff!important}
 #repairPartDialog :is(.repair-part-choice small,.repair-part-explanation,.repair-part-empty,header p){color:#aec3db!important}
 #repairPartDialog fieldset{border-color:#355572!important}
 #repairPartDialog .repair-part-movement{background:#122d4b!important;color:#d3eaff!important}
 #repairPartDialog .repair-part-error{color:#ffb2be!important}
}

@layer crm-commercial-ui {
 #orders input[type=checkbox] {width:18px!important;height:18px!important;min-height:18px!important;margin:0!important;align-self:center!important;}
 @media(min-width:721px){#orders .table-wrap {overflow-x:auto!important;max-width:100%!important;width:100%!important;min-width:0!important;overscroll-behavior-x:contain;}}
}

/* 2026-10-07: keep order-column control readable on 320–360 px screens. */
@layer crm-commercial-ui {
  @media(max-width:360px){
    body.tw-workspace #orders #twOrderToolbar #orderColumnsBtn,
    body.tw-workspace #orders #orderColumnsBtn{
      font-size:11px!important;
      line-height:1.25!important;
      padding:7px 8px!important;
      white-space:normal!important;
      overflow:visible!important;
      text-overflow:clip!important;
      min-height:42px!important;
    }
  }
}