/* INU-ONE shared responsive layer. Loaded after each page's own styles. */
html.inu-one-responsive { max-width: 100%; overflow-x: clip; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
html.shell-drawer-open,
html.shell-drawer-open body { overflow: hidden !important; overscroll-behavior: none; }

.shell-main,
.shell-content,
.shell-header,
.shell-header-left,
.shell-header-right,
.shell-header-titleblock { min-width: 0; }
.shell-content { width: 100%; }
.shell-content img,
.shell-content video,
.shell-content canvas,
.shell-content svg:not(.shell-nav-icon svg) { max-width: 100%; }
.shell-content pre,
.shell-content code,
.shell-content .sku,
.shell-content .mono { overflow-wrap: anywhere; word-break: break-word; }

.responsive-message-back,
.responsive-context-close { display: none; }

body[data-responsive-page="login"],
body[data-responsive-page="reset-password"] {
  box-sizing: border-box;
  width: min(100%, 420px) !important;
  min-height: 100dvh;
  margin: 0 auto !important;
  padding: clamp(24px, 8vh, 80px) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)) !important;
}
body[data-responsive-page="login"] .card,
body[data-responsive-page="reset-password"] .card { width: 100%; }
body[data-responsive-page="login"] input,
body[data-responsive-page="login"] button:not(.link-btn),
body[data-responsive-page="reset-password"] input,
body[data-responsive-page="reset-password"] button { min-height: 48px; font-size: 16px !important; }
body[data-responsive-page="login"] #status,
body[data-responsive-page="reset-password"] #status { overflow-wrap: anywhere; }

@media (max-width: 1200px) {
  .responsive-table-scroll-host {
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }
  .responsive-table--scroll:not(.responsive-table--native-scroll) {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
  }
}

@media (min-width: 701px) and (max-width: 1200px) {
  .responsive-table--cards {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 900px) {
  .shell-root { min-height: 100dvh; }
  .shell-sidebar,
  .shell-root.collapsed .shell-sidebar {
    width: min(86vw, 320px) !important;
    flex-basis: min(86vw, 320px) !important;
    height: 100dvh !important;
    max-height: 100dvh;
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
    overscroll-behavior: contain;
  }
  .shell-scrim.is-visible { display: block !important; }
  /* Mobile drawer: scroll every section as one list. APPS/footer must not stay pinned. */
  .shell-sidebar .shell-nav {
    flex: none !important;
    overflow: visible !important;
  }
  .shell-sidebar .shell-apps-section,
  .shell-sidebar .shell-sidebar-footer {
    flex: none;
    position: static;
  }
  .shell-root.collapsed .shell-apps-item,
  .shell-root.collapsed .shell-apps-other-toggle {
    justify-content: flex-start;
    padding: 8px 10px;
    text-align: left;
  }
  .shell-root.collapsed .shell-apps-other-toggle { display: flex; }
  .shell-root.collapsed .shell-apps-other-items { display: none; }
  .shell-root.collapsed .shell-apps-other.open .shell-apps-other-items { display: block; }
  .shell-root.collapsed .shell-apps-other-items .shell-apps-item { padding-left: 20px; }

  /* Saved desktop collapse state must never center mobile menu entries. */
  .shell-root.collapsed .shell-nav-link,
  .shell-root.collapsed .shell-primary-action,
  .shell-root.collapsed .shell-sidebar-footer .shell-nav-link {
    justify-content: flex-start;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }

  .shell-nav-link,
  .shell-apps-item,
  .shell-primary-action,
  .shell-collapse-btn,
  .shell-sidebar-footer button { min-height: 44px; }

  .shell-header {
    padding: 10px 12px;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
  }
  .shell-menu-btn { width: 44px; height: 44px; flex: 0 0 44px; }
  .shell-header-left { flex: 1 1 220px; gap: 8px; }
  .shell-header-title { font-size: clamp(16px, 4.5vw, 19px); overflow-wrap: anywhere; }
  .shell-header-desc { overflow-wrap: anywhere; }
  .shell-breadcrumb { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .shell-header-right {
    flex: 1 1 100%;
    width: 100%;
    gap: 6px;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: thin;
  }
  .shell-header-actions { flex-wrap: wrap; min-width: 0; }
  .shell-header-actions:empty { display: none; }
  .shell-header-primary-btn,
  .shell-header-help-link { min-height: 44px; }
  .shell-user-chip { margin-left: auto; min-height: 40px; }
  .shell-user-role { white-space: nowrap; }
  .shell-preview-select-wrap,
  .shell-worker-switcher { min-height: 40px; flex: 0 0 auto; }
  .shell-preview-banner { padding: 8px 12px; flex-wrap: wrap; }
  .shell-preview-banner-text { min-width: 0; overflow-wrap: anywhere; }
  .shell-preview-banner-reset { min-height: 40px; }
  .shell-content { padding: 12px 12px calc(72px + env(safe-area-inset-bottom)); overflow-x: clip; }

  .table-wrap,
  .table-scroll,
  .tablewrap,
  .tree-wrap,
  .grp-body,
  .disc-root .disc-table-wrap,
  .rfp-scroll,
  .sd-tblwrap,
  .pay-card-payments,
  .ra-root .ra2-csv-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }
  table.aw-table,
  table.files,
  table.detail,
  table.ictbl,
  table.alloc,
  table.itemtbl,
  table.task-table,
  table.mini-table,
  table.history-table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
  }
  .cc-root .cc-tree-panel { width: 100%; max-width: 100%; overflow-x: auto; }
  .cc-root table.cc-tree-table { min-width: 760px; }
  .wt-root table.wt-tree-table { display: block; width: 100%; max-width: 100%; min-width: 0; overflow-x: auto; }
  .wt-root table.nr-req-table,
  table.wt-confirm-table { display: block; max-width: 100%; overflow-x: auto; }

  .tabs,
  .tab-bar,
  .subtabs,
  .step-tabs,
  .postep,
  .skd-tabs {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  .tabs > *,
  .tab-bar > *,
  .subtabs > *,
  .step-tabs > *,
  .postep > *,
  .skd-tabs > * { flex: 0 0 auto; min-height: 44px; }

  .modal-overlay,
  .drawer-overlay,
  .dialog-overlay,
  [class*="modal-backdrop"],
  [class*="drawer-backdrop"] {
    padding: max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom)) !important;
  }
  .bt-modal-backdrop.open,
  .cc-root .cc-modal-overlay,
  .disc-root .disc-modal-overlay { padding: 12px !important; }
  .modal,
  .modal-box,
  .modal-content,
  .modal-card,
  .drawer,
  .drawer-panel,
  .drawer-content,
  .dialog,
  .dialog-card,
  [role="dialog"] {
    box-sizing: border-box;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .pm-modal-box,
  .bt-modal,
  #modal,
  #import-modal,
  #create-modal,
  #detail-modal,
  #kb-version-modal,
  .cc-root .cc-modal-box,
  .disc-root .disc-modal-box,
  .disc-root .disc-wide-modal,
  .wt-confirm-modal-box {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 24px) !important;
    overflow-y: auto;
  }
  #fw-drawer,
  #product-drawer,
  #exception-drawer,
  #kb-flow-drawer { max-width: 100vw !important; min-width: 0 !important; }
  .modal-actions,
  .drawer-actions,
  .dialog-actions,
  .form-actions,
  .footer-actions,
  .action-bar,
  .toolbar,
  .filters,
  .btn-row { flex-wrap: wrap !important; min-width: 0; }

  .responsive-table { max-width: 100%; }

  body[data-responsive-page="supply-procurement-plans"] .wb-header,
  body[data-responsive-page="supply-procurement-plans"] .grp-head,
  body[data-responsive-page="supply-purchase-orders"] .psec-h,
  body[data-responsive-page="supply-receiving"] .pog-head,
  body[data-responsive-page="supply-receiving"] .pog-sum,
  body[data-responsive-page="fba-inbound-plan-detail"] .section-head,
  body[data-responsive-page="shipping-work-hub"] .ship-section-head,
  body[data-responsive-page="inbound-shipment-detail"] .section-head {
    flex-wrap: wrap !important;
  }

  body[data-responsive-page="supply-shipment-allocation"] .alloc-bar {
    top: var(--shell-header-height, 0px) !important;
  }
  .bulk-editbar,
  .wt-root .wt-bottom-bar,
  .shell-root.collapsed .wt-root .wt-bottom-bar {
    left: 0 !important;
    max-width: 100vw;
    padding-bottom: max(10px, env(safe-area-inset-bottom));
  }
}

@media (max-width: 700px) {
  .shell-header-right { max-width: 100%; }
  .shell-user-name,
  .shell-user-role { display: none !important; }
  .shell-content { padding-inline: 10px; }

  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select,
  textarea { max-width: 100%; min-width: 0; font-size: 16px !important; }
  button,
  [role="button"],
  .btn,
  a.button { touch-action: manipulation; }
  button:not(.icon-btn):not(.row-edit-btn),
  [role="button"]:not(.icon-btn),
  .btn:not(.small),
  a.button { min-height: 44px; }

  .form-grid-2col,
  .form-grid.cols2,
  .form-grid.cols3,
  .form-grid.cols4,
  .fc-grid,
  .admin-grid,
  .field-grid,
  .info-grid,
  .kv-grid,
  .item-grid,
  .filters-grid,
  .check-grid,
  .tpl-layout,
  .sku-layout,
  .skp-layout,
  .edit-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .filter-grid,
  .pm-form-grid,
  .bt-form-grid,
  .fwd-form,
  .partner-grid,
  .pkg-choice-grid,
  .ed-reason-grid,
  .kv,
  .pay-kv,
  .sku-identity { grid-template-columns: minmax(0, 1fr) !important; }

  .kpi-row,
  .kpi-row.main,
  .kpi-row.sub,
  .kpi-grid,
  .summary-grid,
  .grp-stats,
  .pr-facts,
  .carrier-kpi-row,
  .stat-grid,
  .sd-kpis,
  .dash-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .modal,
  .modal-box,
  .modal-content,
  .modal-card,
  .drawer,
  .drawer-panel,
  .drawer-content,
  .dialog,
  .dialog-card,
  [role="dialog"] {
    width: calc(100vw - 16px) !important;
    min-width: 0 !important;
    border-radius: 12px !important;
  }

  .responsive-table--cards {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    table-layout: auto !important;
  }
  .responsive-table--cards[hidden],
  .responsive-table--cards[aria-hidden="true"],
  .responsive-table--cards[style*="display:none" i],
  .responsive-table--cards[style*="display: none" i] { display: none !important; }
  body[data-responsive-page="cs-dashboard"] #list-table[style*="display:table" i],
  body[data-responsive-page="cs-dashboard"] #list-table[style*="display: table" i],
  body[data-responsive-page="cs-dashboard"] #carrier-list-table[style*="display:table" i],
  body[data-responsive-page="cs-dashboard"] #carrier-list-table[style*="display: table" i] { display: block !important; }
  .responsive-table--cards > colgroup { display: none !important; }
  .responsive-table--cards > thead {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .responsive-table--cards > tbody { display: grid; gap: 10px; width: 100%; min-width: 0 !important; }
  .responsive-table--cards > tbody > tr {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    border: 1px solid var(--border-light, #e5e7eb) !important;
    border-radius: 10px !important;
    background: var(--panel-bg, #fff) !important;
    box-shadow: 0 1px 2px var(--shadow, rgba(0,0,0,.06));
    overflow: hidden;
  }
  .responsive-table--cards > tbody > tr[hidden],
  .responsive-table--cards > tbody > tr[aria-hidden="true"],
  .responsive-table--cards > tbody > tr[style*="display:none" i],
  .responsive-table--cards > tbody > tr[style*="display: none" i],
  .responsive-table--cards > tbody > tr.is-collapsed,
  .responsive-table--cards > tbody > tr.aw-hide,
  .responsive-table--cards > tbody > tr.kv-hidden:not(.show) { display: none !important; }
  .responsive-table--cards > tbody > tr > td {
    display: grid;
    grid-template-columns: minmax(88px, 36%) minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 9px 11px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--border-light, #e5e7eb) !important;
    white-space: normal !important;
    text-align: left !important;
    overflow: visible !important;
    overflow-wrap: anywhere;
  }
  .responsive-table--cards > tbody > tr > td:last-child { border-bottom: 0 !important; }
  .responsive-table--cards > tbody > tr > td::before {
    content: attr(data-label);
    color: var(--text-muted, #64748b);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }
  .responsive-table--cards > tbody > tr > td[data-label=""] {
    display: block;
  }
  .responsive-table--cards > tbody > tr > td[data-label=""]::before { display: none; }
  .responsive-table--cards > tbody > tr > td > * { min-width: 0; max-width: 100%; }
  .responsive-table--cards > tbody > tr > td button,
  .responsive-table--cards > tbody > tr > td .btn { white-space: normal; }

  body[data-responsive-page="cs-customer-messages"] .shell-content { padding: 6px !important; }
  body[data-responsive-page="cs-customer-messages"] .msg-app {
    display: block !important;
    height: calc(100dvh - var(--shell-header-height, 64px) - 12px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  body[data-responsive-page="cs-customer-messages"] .msg-app > .pane {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
  }
  body[data-responsive-page="cs-customer-messages"][data-mobile-message-view="list"] .pane-thread,
  body[data-responsive-page="cs-customer-messages"][data-mobile-message-view="list"] .pane-context { display: none !important; }
  body[data-responsive-page="cs-customer-messages"][data-mobile-message-view="thread"] .msg-app > .pane:first-child { display: none !important; }
  body[data-responsive-page="cs-customer-messages"][data-mobile-message-view="thread"] .pane-thread { display: flex !important; }
  body[data-responsive-page="cs-customer-messages"] .msg-app.show-context .pane-context {
    display: flex !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    z-index: 40 !important;
  }
  body[data-responsive-page="cs-customer-messages"] .responsive-message-back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    margin: 0 8px 4px 0;
    padding: 5px 10px;
    border: 1px solid var(--border, #d1d5db);
    border-radius: 8px;
    background: var(--panel-bg, #fff);
    color: var(--accent, #2563eb);
    font: inherit;
    font-weight: 700;
  }
  body[data-responsive-page="cs-customer-messages"] .responsive-context-close {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 44px;
    padding: 8px 12px;
    border: 0;
    border-bottom: 1px solid var(--border-light, #e5e7eb);
    background: var(--panel-bg, #fff);
    color: var(--accent, #2563eb);
    font: inherit;
    font-weight: 700;
  }
  body[data-responsive-page="cs-customer-messages"] .case-drawer,
  body[data-responsive-page="cs-customer-messages"] .tpl-modal {
    width: 100vw !important;
    min-width: 0 !important;
    max-width: 100vw !important;
  }

  body[data-responsive-page="cs-dashboard"] .drawer,
  body[data-responsive-page="order-search"] .drawer,
  body[data-responsive-page="shipping-list"] .drawer,
  body[data-responsive-page="supply-suppliers"] .drawer,
  body[data-responsive-page="forwarder-shipments"] .drawer {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
  }

  body[data-responsive-page="shipping-work"] .exception-actions,
  body[data-responsive-page="shipping-work"] .lc-top-row,
  body[data-responsive-page="supply-procurement-plans"] .wb-header,
  body[data-responsive-page="supply-procurement-plans"] .wb-header-actions,
  body[data-responsive-page="supply-shipment-allocation"] .alloc-bar,
  body[data-responsive-page="expense-trip-report"] .toolbar {
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
  }
  body[data-responsive-page="shipping-work"] .exception-btn,
  body[data-responsive-page="shipping-work"] .exception-actions > *,
  body[data-responsive-page="supply-procurement-plans"] .wb-header-actions > *,
  body[data-responsive-page="supply-shipment-allocation"] .alloc-bar > button {
    width: 100% !important;
    max-width: none !important;
  }

  /* shipping-work-hub のピッキング行(.pt-line-card)は、ページ側(@media max-width:640px)で
     grid-template-areas による自前のスマホ用レイアウトを持つ。以前ここにあった上書き
     (旧クラス名 .pt-line-status/.pt-line-size/.pt-line-color/.pt-line-qty 前提の3列格子)は
     現在のDOMと合わず、棚番バッジが在庫行(個配在庫/カートン)に重なって文字が潰れていた
     (2026-10-06、矢留現場報告)ため削除。ページ側のレイアウトに任せる。 */

  body[data-responsive-page="cs-dashboard"] #list-table,
  body[data-responsive-page="cs-dashboard"] #list-table tbody { width: 100% !important; }
  body[data-responsive-page="cs-dashboard"] #list-table thead { display: none !important; }
  body[data-responsive-page="cs-dashboard"] #list-table tr.group-header,
  body[data-responsive-page="cs-dashboard"] #list-table tr.group-header td { display: block !important; width: 100% !important; }
  body[data-responsive-page="cs-dashboard"] #list-table tr.row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "attn age" "rma detail" "order detail" "type assignee" "next next";
    gap: 5px 10px;
    padding: 11px 12px;
  }
  body[data-responsive-page="cs-dashboard"] #list-table tr.row > td {
    display: block;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
  }
  body[data-responsive-page="cs-dashboard"] #list-table tr.row > td::before { display: none !important; }
  body[data-responsive-page="cs-dashboard"] #list-table tr.row > td:nth-child(1) { grid-area: attn; }
  body[data-responsive-page="cs-dashboard"] #list-table tr.row > td:nth-child(2) { grid-area: age; text-align: right !important; }
  body[data-responsive-page="cs-dashboard"] #list-table tr.row > td:nth-child(3) { grid-area: rma; }
  body[data-responsive-page="cs-dashboard"] #list-table tr.row > td:nth-child(4) { grid-area: order; }
  body[data-responsive-page="cs-dashboard"] #list-table tr.row > td:nth-child(5) { grid-area: type; }
  body[data-responsive-page="cs-dashboard"] #list-table tr.row > td:nth-child(6) { grid-area: next; }
  body[data-responsive-page="cs-dashboard"] #list-table tr.row > td:nth-child(7) { grid-area: assignee; }
  body[data-responsive-page="cs-dashboard"] #list-table tr.row > td:nth-child(8) { grid-area: detail; align-self: center; }
  body[data-responsive-page="cs-dashboard"] #list-table .next-action { max-width: none; }

  body[data-responsive-page="cs-reply"] .shell-content { padding: 0 !important; overflow: hidden !important; }
  body[data-responsive-page="cs-reply"] .rw-app {
    height: calc(100dvh - var(--shell-header-height, 68px)) !important;
    min-height: 0 !important;
  }
  body[data-responsive-page="cs-reply"] .rw-head { flex-wrap: wrap; }
  body[data-responsive-page="cs-reply"] .rw-head .sub { flex: 1 1 100%; }
  body[data-responsive-page="cs-reply"] .rw-main { flex-direction: column !important; overflow-y: auto; }
  body[data-responsive-page="cs-reply"] .rw-compose { flex: 0 0 62%; min-width: 0; min-height: 360px; }
  body[data-responsive-page="cs-reply"] .rw-splitter { display: none !important; }
  body[data-responsive-page="cs-reply"] .rw-side,
  body[data-responsive-page="cs-reply"] .rw-side.collapsed {
    display: flex !important;
    flex: 0 0 42dvh !important;
    width: 100% !important;
    min-height: 260px;
    border-left: 0;
    border-top: 1px solid var(--border, #d1d5db);
  }
  body[data-responsive-page="cs-reply"] .rw-side.collapsed .rw-tabs .tab { display: block !important; }
  body[data-responsive-page="cs-reply"] .rw-side.collapsed .rw-tabbody { display: block !important; }
  body[data-responsive-page="cs-reply"] #rw-side-toggle { display: none !important; }
  body[data-responsive-page="cs-reply"] #rw-text,
  body[data-responsive-page="cs-reply"] .rw-meta select,
  body[data-responsive-page="cs-reply"] .rw-search { font-size: 16px !important; }
  body[data-responsive-page="cs-reply"] #rw-consult-overlay .rwc-modal {
    inset: 0 !important;
    transform: none !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-width: 100vw !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
  }

  body[data-responsive-page="cs-consult"] #cc-head { flex-wrap: wrap; }
  body[data-responsive-page="cs-consult"] #cc-head .sub,
  body[data-responsive-page="cs-consult"] #cc-open-full { flex: 1 1 100%; }
  body[data-responsive-page="cs-consult"] .cc-input-row { flex-wrap: wrap; }
  body[data-responsive-page="cs-consult"] #cc-input { flex-basis: 100%; font-size: 16px !important; }
  body[data-responsive-page="cs-consult"] #cc-ask,
  body[data-responsive-page="cs-consult"] #cc-draft { flex: 1 1 140px; }

  body[data-responsive-page="supply-procurement-plans"] .grp-stats,
  body[data-responsive-page="supply-purchase-orders"] .pr-facts { width: 100% !important; margin-left: 0 !important; }
  body[data-responsive-page="supply-procurement-plans"] .step-btn { width: 44px !important; height: 44px !important; }
  body[data-responsive-page="supply-home"] .queue-list li { flex-wrap: wrap !important; }
  body[data-responsive-page="supply-home"] .queue-list .code { min-width: 0 !important; flex: 1 1 100%; }
  body[data-responsive-page="supply-suppliers"] .bulk-float-bar {
    left: 10px !important;
    right: 10px !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
    flex-wrap: wrap !important;
  }

  body[data-responsive-page="settings-amazon-warehouse"] .tree-scroll {
    overflow-x: auto !important;
    max-width: 100% !important;
    overscroll-behavior-inline: contain;
  }
  body[data-responsive-page="settings-amazon-warehouse"] .fc-grid,
  body[data-responsive-page="settings-amazon-warehouse"] .admin-grid { grid-template-columns: minmax(0, 1fr) !important; }

  body[data-responsive-page="fba-inbound-plan-detail"] .form-grid.cols4 { grid-template-columns: minmax(0, 1fr) !important; }
  body[data-responsive-page="expense-trip-detail"] .modal-content [style*="display:flex"],
  body[data-responsive-page="expense-trip-detail"] .modal-content [style*="display: flex"] {
    flex-wrap: wrap !important;
  }
  body[data-responsive-page="expense-trip-report"] .report { padding: 10px !important; max-width: 100% !important; }
  body[data-responsive-page="expense-trip-report"] .report table:not(.sign-table) {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }

  body[data-responsive-page="accounting"] .card,
  body[data-responsive-page="accounting-mapping"] .card { padding: 12px !important; overflow: hidden; }
  body[data-responsive-page="accounting"] .btn-row,
  body[data-responsive-page="accounting-mapping"] .btn-row { width: 100%; }
}

@media (max-width: 480px) {
  .shell-header-desc,
  .shell-breadcrumb { display: none; }
  .shell-user-chip,
  .shell-header-help-link { display: none !important; }
  .shell-header { flex-wrap: nowrap; }
  .shell-header-left { flex-basis: auto; }
  .shell-header-right { flex: 0 1 auto; width: auto; max-width: 48vw; overflow-x: auto; }
  .shell-header-actions { max-width: 38vw; overflow-x: auto; flex-wrap: nowrap !important; }
  .shell-preview-select-label,
  .shell-worker-label { display: none; }
  .shell-preview-select-wrap,
  .shell-worker-switcher { max-width: 128px; padding-inline: 7px; }
  .shell-preview-select,
  .shell-worker-select { max-width: 108px; }
  .shell-content { padding-inline: 8px; }

  .kpi-row,
  .kpi-grid,
  .summary-grid,
  .grp-stats,
  .pr-facts,
  .carrier-kpi-row,
  .stat-grid,
  .sd-kpis,
  .dash-stats { grid-template-columns: minmax(0, 1fr) !important; }
  .responsive-table--cards > tbody > tr > td {
    grid-template-columns: minmax(74px, 34%) minmax(0, 1fr) !important;
    padding: 8px 9px !important;
  }
}

@media (max-height: 560px) and (orientation: landscape) {
  body[data-responsive-page="login"],
  body[data-responsive-page="reset-password"] { padding-top: 16px !important; }
  body[data-responsive-page="login"] .brand-logo,
  body[data-responsive-page="reset-password"] .brand-logo { max-width: 180px; margin-bottom: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .shell-sidebar { transition: none !important; }
}