/* Mobile operations layer. Existing Vue business components and desktop styles stay intact. */
.admin-mobile-tabs,
.admin-mobile-backdrop,
.admin-mobile-table-hint { display: none; }
.admin-mobile-tabs[hidden],
.admin-mobile-backdrop[hidden],
.admin-mobile-table-hint[hidden] { display: none !important; }

@media (max-width: 900px) {
  html[data-admin-theme="cyber"] body.admin-ui .product-info .brand { color: var(--theme-muted, #99b4bf); }
  body.admin-ui {
    --admin-rail: 72px;
    --admin-nav: min(240px, calc(100vw - 100px));
    --admin-mobile-bottom: calc(64px + env(safe-area-inset-bottom, 0px));
    -webkit-text-size-adjust: 100%;
  }

  body.admin-ui .custom-layout-c,
  body.admin-ui .main-c,
  body.admin-ui .main-content { min-width: 0; max-width: 100%; }
  body.admin-ui .header-c { top: 0; height: 56px; z-index: 100; }
  body.admin-ui .container-23234 { height: 56px; min-width: 0; padding: 0 6px; gap: 3px; }
  body.admin-ui .container-23234 .logo-c {
    flex: 1 1 auto; width: auto; min-width: 0; max-width: none;
    padding: 0 5px; border: 0; overflow: hidden; font-size: 13px !important;
  }
  body.admin-ui .container-23234 .logo-c .logo { flex: 0 0 26px; width: 26px; height: 26px; margin-right: 7px; }
  body.admin-ui .container-23234 .logo-c > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  body.admin-ui .container-23234 > .right { flex: 0 0 auto; margin: 0; gap: 0; }
  body.admin-ui .container-23234 .admin-search-trigger,
  body.admin-ui .container-23234 .admin-menu-toggle,
  body.admin-ui .container-23234 .admin-theme-trigger {
    display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px;
    width: 44px; min-width: 44px; height: 44px; min-height: 44px; margin: 0;
    padding: 8px 4px; gap: 0; font-size: 12px; border-radius: var(--theme-control-radius, 8px);
  }
  body.admin-ui .container-23234 .admin-search-trigger > span,
  body.admin-ui .container-23234 .admin-search-trigger kbd,
  body.admin-ui .container-23234 .admin-theme-trigger-icon,
  body.admin-ui .container-23234 .admin-theme-trigger-current { display: none; }
  body.admin-ui .container-23234 .admin-theme-trigger-label { display: inline; }
  body.admin-ui .container-23234 .user-dropdown-menu {
    display: flex; align-items: center; justify-content: center; width: 44px; min-height: 44px;
    margin: 0; padding: 6px; border: 0;
  }
  body.admin-ui .container-23234 .user-dropdown-menu > span:last-child { display: none; }
  body.admin-ui .container-23234 .user-dropdown-menu .ant-avatar { margin: 0; }

  body.admin-ui .main-c { margin-left: 0; margin-top: 100px; }
  body.admin-ui .main-c > .page-header {
    top: 56px; left: 0; width: 100%; height: 44px; padding: 0 14px;
    background: var(--theme-bg, #f4f5fb); z-index: 20;
  }
  body.admin-ui .page-header .back-c { min-width: 0; }
  body.admin-ui .page-header .back-c .title { font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  body.admin-ui .page-header .back-c .back-btn { min-width: 36px; min-height: 36px; }
  body.admin-ui .main-content {
    min-height: calc(100dvh - 112px); margin: 0 10px 14px !important; padding: 14px !important;
    border-radius: var(--theme-control-radius, 10px);
  }
  body.admin-ui.admin-mobile-ready .main-c { padding-bottom: calc(var(--admin-mobile-bottom) + 12px); }
  body.admin-ui.admin-mobile-ready .main-content { min-height: calc(100dvh - 124px - var(--admin-mobile-bottom)); }
  body.admin-ui .first-bar,
  body.admin-ui .second-bar {
    top: 56px; bottom: 0; height: auto; z-index: 90; visibility: hidden;
    transform: translateX(-340px); overflow-x: hidden; overflow-y: auto;
    overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
    transition: transform .18s ease, visibility .18s;
  }
  body.admin-ui.admin-mobile-ready .first-bar,
  body.admin-ui.admin-mobile-ready .second-bar { bottom: var(--admin-mobile-bottom); }
  body.admin-ui .first-bar { width: 72px !important; min-width: 72px !important; max-width: 72px !important; flex-basis: 72px !important; padding: 6px 0; }
  body.admin-ui .first-bar .list .item { width: 60px; min-height: 48px; margin: 3px 6px; }
  body.admin-ui .second-bar { left: 72px; width: var(--admin-nav) !important; min-width: var(--admin-nav) !important; max-width: var(--admin-nav) !important; padding: 10px 8px 18px; }
  body.admin-ui .second-bar .ant-menu-item,
  body.admin-ui .second-bar .ant-menu-submenu-title,
  body.admin-ui .second-bar .pm-admin-menu-link { min-height: 44px; line-height: 44px !important; }
  body.admin-ui.admin-nav-open .first-bar,
  body.admin-ui.admin-nav-open .second-bar { visibility: visible; transform: translateX(0); }
  body.admin-ui.admin-nav-open { overflow: hidden; }
  body.admin-ui.admin-mobile-ready.admin-nav-open::after { display: none; }
  body.admin-ui .admin-mobile-backdrop {
    position: fixed; inset: 56px 0 var(--admin-mobile-bottom); z-index: 85;
    width: 100%; height: auto; margin: 0; padding: 0; border: 0; border-radius: 0;
    background: rgba(8, 15, 30, .44); touch-action: manipulation;
  }
  body.admin-ui .admin-mobile-backdrop[hidden] { display: none !important; }
  body.admin-ui.admin-nav-open .admin-mobile-backdrop:not([hidden]) { display: block; }
  body.admin-ui.admin-mobile-ready .admin-mobile-tabs {
    position: fixed; bottom: 0; left: 0; right: 0; z-index: 95; display: flex;
    height: var(--admin-mobile-bottom); min-height: var(--admin-mobile-bottom);
    padding: 3px max(4px, env(safe-area-inset-right, 0px)) env(safe-area-inset-bottom, 0px) max(4px, env(safe-area-inset-left, 0px));
    border-top: 1px solid var(--theme-line, #e5e4ef); background: var(--theme-surface, #fff);
    color: var(--theme-muted, #70748a); box-shadow: 0 -3px 16px rgba(15, 23, 42, .05);
  }
  body.admin-ui .admin-mobile-tab {
    position: relative; display: flex; flex: 1 1 0; flex-direction: column; align-items: center;
    justify-content: center; gap: 3px; min-width: 0; min-height: 56px; margin: 0;
    padding: 5px 2px; border: 0; border-radius: var(--theme-control-radius, 8px);
    background: transparent; color: inherit; font: inherit; cursor: pointer; touch-action: manipulation;
  }
  body.admin-ui .admin-mobile-tab .iconfont { font-size: 21px; line-height: 24px; }
  body.admin-ui .admin-mobile-tab > span:not(.iconfont) { max-width: 100%; font-size: 11px; line-height: 16px; white-space: nowrap; }
  body.admin-ui .admin-mobile-tab[aria-current="page"],
  body.admin-ui .admin-mobile-tab[aria-selected="true"],
  body.admin-ui .admin-mobile-tab.is-active,
  body.admin-ui .admin-mobile-tab.active,
  body.admin-ui .admin-mobile-tab[aria-expanded="true"] { color: var(--theme-primary, #7356ef); background: var(--theme-soft, #eee9ff); font-weight: 600; }
  body.admin-ui .admin-mobile-tab:focus-visible { outline: 2px solid var(--theme-primary, #7356ef); outline-offset: -3px; }
  body.admin-ui.admin-mobile-keyboard .admin-mobile-tabs { display: none; }
  body.admin-ui.admin-mobile-keyboard .main-c { padding-bottom: 16px; }
  body.admin-ui.admin-mobile-keyboard .main-content { min-height: calc(100dvh - 124px); }

  /* Keep the first screen useful without changing the metrics or their calculations. */
  body.admin-ui .admin-tech-hero { min-height: 142px; border-radius: var(--theme-control-radius, 10px); }
  body.admin-ui .admin-tech-copy { width: 100%; padding: 18px; }
  body.admin-ui .admin-tech-eyebrow { margin-bottom: 8px; font-size: 9px; letter-spacing: .4px; }
  body.admin-ui .admin-workbench-title { max-width: none; font-size: 23px; line-height: 1.35; }
  body.admin-ui .admin-workbench-subtitle { max-width: 82%; margin: 8px 0 0; font-size: 12px; line-height: 1.65; }
  body.admin-ui .admin-tech-art { width: 135px; height: 140px; top: 8px; right: -40px; opacity: .18; }
  body.admin-ui .admin-tech-orbit { width: 120px; height: 120px; }
  body.admin-ui .admin-tech-tags,
  body.admin-ui .admin-tech-art-label { display: none; }
  body.admin-ui .admin-section-heading { margin-top: 18px; gap: 10px; }
  body.admin-ui .admin-section-heading h2 { font-size: 15px; }
  body.admin-ui .admin-section-heading > span { font-size: 11px; }
  body.admin-ui .admin-metrics,
  body.admin-ui .admin-overview-today .admin-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  body.admin-ui .admin-metric { min-width: 0; padding: 13px 12px; }
  body.admin-ui .admin-metric strong { font-size: 24px; overflow-wrap: anywhere; }
  body.admin-ui .admin-shortcuts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  body.admin-ui .admin-shortcut { min-width: 0; min-height: 66px; padding: 12px 9px; gap: 8px; }
  body.admin-ui .admin-shortcut strong { font-size: 13px; }
  body.admin-ui .admin-shortcut small { font-size: 10px; }
  body.admin-ui .admin-shortcut-arrow { display: none; }
  body.admin-ui .admin-mobile-shortcuts { margin: 14px 0; }
  body.admin-ui .admin-overview-periods { flex-wrap: wrap; gap: 6px; }
  body.admin-ui .admin-overview-periods button,
  body.admin-ui .admin-overview-refresh { min-height: 40px; }

  /* Table semantics, sorting, selection and fixed columns remain native. */
  body.admin-ui .ant-table-wrapper { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; }
  body.admin-ui .ant-table-body { -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; }
  body.admin-ui .ant-table-thead > tr > th,
  body.admin-ui .ant-table-tbody > tr > td { padding: 12px 10px; }
  body.admin-ui .admin-mobile-table-hint:not([hidden]) {
    display: flex; align-items: center; gap: 6px; padding: 9px 1px; margin: 0;
    color: var(--theme-muted, #70748a); font-size: 12px; line-height: 1.5;
  }
  body.admin-ui .admin-mobile-table-hint[hidden] { display: none !important; }
  /* Legacy product surfaces use literal white; match the active dark skin on mobile. */
  html[data-admin-theme="cyber"] body.admin-ui .main-content > .container,
  html[data-admin-theme="cyber"] body.admin-ui .main-content > .container .content-wrap,
  html[data-admin-theme="cyber"] body.admin-ui .main-content > .container .content-wrap .content,
  html[data-admin-theme="cyber"] body.admin-ui .main-content > .content-wrap,
  html[data-admin-theme="cyber"] body.admin-ui .main-content > .content-wrap .content,
  html[data-admin-theme="cyber"] body.admin-ui .ant-modal-body .content-wrap,
  html[data-admin-theme="cyber"] body.admin-ui .ant-modal-body .content-wrap .content {
    background: var(--theme-surface, #131e28); color: var(--theme-ink, #e0f2f3);
  }
  html[data-admin-theme="cyber"] body.admin-ui .ant-table-tbody > tr > td {
    background: var(--theme-surface, #131e28); color: var(--theme-ink, #e0f2f3);
  }
  html[data-admin-theme="cyber"] body.admin-ui .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td,
  html[data-admin-theme="cyber"] body.admin-ui .ant-table-tbody > tr.ant-table-row-hover > td,
  html[data-admin-theme="cyber"] body.admin-ui .ant-table-tbody > tr.ant-table-row-selected > td {
    background: var(--theme-soft, #1c343b);
  }
  html[data-admin-theme="cyber"] body.admin-ui .ant-table .product-info .title { color: var(--theme-ink, #e0f2f3); }
  html[data-admin-theme="cyber"] body.admin-ui .ant-table .number,
  html[data-admin-theme="cyber"] body.admin-ui .ant-table .marked-tag { color: var(--theme-muted, #99b4bf); }
  html[data-admin-theme="cyber"] body.admin-ui .ant-modal-body .content-wrap .side-left .item.active {
    background: var(--theme-soft, #1c343b); color: var(--theme-primary, #52f5d1);
  }
  body.admin-ui .ant-pagination { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 16px 0; }
  body.admin-ui .ant-pagination > li { margin: 0; }
  body.admin-ui .ant-pagination-item,
  body.admin-ui .ant-pagination-prev,
  body.admin-ui .ant-pagination-next,
  body.admin-ui .ant-pagination-jump-prev,
  body.admin-ui .ant-pagination-jump-next { min-width: 40px; height: 40px; line-height: 38px; }
  body.admin-ui .ant-pagination-options { margin-left: 0; }
  body.admin-ui .ant-pagination-total-text { height: auto; line-height: 32px; white-space: normal; }

  /* Larger native controls; avoid iOS focus zoom without disabling zoom. */
  body.admin-ui .ant-btn,
  body.admin-ui .ci-button,
  body.admin-ui .sp-button,
  body.admin-ui .pm-admin-btn,
  body.admin-ui .dbr-button { min-height: 44px; height: auto; padding-top: 7px; padding-bottom: 7px; touch-action: manipulation; }
  body.admin-ui input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]),
  body.admin-ui select,
  body.admin-ui textarea { font-size: 16px !important; }
  body.admin-ui .ant-input,
  body.admin-ui .ant-input-number,
  body.admin-ui .ant-select-selection,
  body.admin-ui .ci-input,
  body.admin-ui .ci-select,
  body.admin-ui .sp-input,
  body.admin-ui .pm-admin-input { min-height: 44px; max-width: 100%; }
  body.admin-ui .ant-input-number-input { height: 42px; }
  body.admin-ui .ant-input-number { width: 100%; }
  body.admin-ui .ant-select-selection--single { height: 44px; }
  body.admin-ui .ant-select-selection__rendered { line-height: 42px; }
  body.admin-ui .ant-select-selection--multiple .ant-select-selection__rendered { line-height: 30px; }
  body.admin-ui .ant-select-selection--multiple .ant-select-selection__choice { height: 30px; line-height: 28px; }
  body.admin-ui .ant-calendar-picker { max-width: 100%; }
  body.admin-ui .ant-radio-button-wrapper { min-height: 42px; height: auto; line-height: 40px; }
  body.admin-ui .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    color: var(--theme-primary, #7356ef) !important;
    background: var(--theme-soft, #eee9ff) !important;
    border-color: var(--theme-primary, #7356ef) !important;
    box-shadow: none;
  }
  body.admin-ui .ant-checkbox-wrapper,
  body.admin-ui .ant-radio-wrapper { min-height: 40px; display: inline-flex; align-items: center; }
  body.admin-ui .ant-table-selection-column .ant-checkbox-wrapper { min-height: 28px; }
  body.admin-ui .ant-form-item { margin-bottom: 18px; }
  body.admin-ui .ant-form-item-label { width: 100%; max-width: 100%; padding: 0 0 5px; line-height: 24px; text-align: left; white-space: normal; }
  body.admin-ui .ant-form-item-label + .ant-form-item-control-wrapper { width: 100%; max-width: 100%; margin-left: 0; }
  body.admin-ui .form-container > .ant-row > [class*="ant-col-"],
  body.admin-ui .ant-modal-body .ant-form > .ant-row > [class*="ant-col-"] { width: 100%; max-width: 100%; margin-left: 0; }
  body.admin-ui .ant-form-item-control { line-height: 1.6; }
  body.admin-ui .ant-form-explain,
  body.admin-ui .ant-form-extra { line-height: 1.6; overflow-wrap: anywhere; }
  body.admin-ui .main-content .content-head { flex-wrap: wrap; align-items: flex-start; gap: 12px; }
  body.admin-ui .main-content .content-head > div { max-width: 100%; min-width: 0; flex-wrap: wrap; }
  body.admin-ui .main-content .page-header { gap: 10px; margin-bottom: 16px; }
  body.admin-ui .main-content .page-header .right { display: flex; flex-wrap: wrap; gap: 8px; margin-left: 0; }
  body.admin-ui .main-content .page-header .right > div { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
  body.admin-ui .main-content .page-header .right .ant-btn { float: none !important; margin-left: 0 !important; }
  body.admin-ui .sort-keys { width: 100%; flex-wrap: wrap; gap: 8px; }
  body.admin-ui .sort-keys .tab-list,
  body.admin-ui .main-content > .container > .tab-list {
    max-width: 100%; min-width: 0; margin-right: 0; overflow-x: auto;
    flex-wrap: nowrap; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain;
  }
  body.admin-ui .sort-keys .tab-list .item,
  body.admin-ui .main-content > .container > .tab-list .item { flex: 0 0 auto; margin-right: 10px; min-height: 42px; padding: 10px 8px; white-space: nowrap; }
  body.admin-ui .ant-modal-body .content-wrap .content { flex-wrap: wrap; min-width: 0; max-width: 100%; }
  body.admin-ui .ant-modal-body .content-wrap .content > .side-left {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px;
    flex: 0 0 100%; width: 100%; max-width: 100%; overflow: visible;
    margin-bottom: 16px; padding-bottom: 12px; border-right: 0; border-bottom: 1px solid var(--theme-line, #e5e4ef);
  }
  body.admin-ui .ant-modal-body .content-wrap .content > .side-left .item {
    display: flex; align-items: center; justify-content: center; min-width: 0;
    padding: 10px 8px; margin: 0; min-height: 44px; line-height: 1.4;
    white-space: normal; overflow-wrap: anywhere; text-align: center;
  }
  body.admin-ui .ant-modal-body .content-wrap .content > .side-left > div:not([class]) {
    position: static; grid-column: 1 / -1; width: 100%; min-width: 0;
    margin: 0 !important; padding: 4px 0 0; background: var(--theme-surface, #fff);
  }
  body.admin-ui .ant-modal-body .content-wrap .content > .side-left > div:not([class]) > .ant-btn { display: block; width: 100%; min-height: 44px; }
  body.admin-ui .ant-modal-body .content-wrap .content > .side-right { flex: 1 1 100%; width: 100%; min-width: 0; max-width: 100%; padding-left: 0; overflow-x: auto; }
  body.admin-ui .ant-modal-body .content-wrap .side-right .attr-item { flex-wrap: wrap; gap: 8px; }
  body.admin-ui .ant-modal-body .content-wrap .side-right .attr-item .attr-item-value { flex-wrap: wrap; gap: 8px; max-width: 100%; }
  /* Native IForm fields; scope direct children so SKU editor cells stay intact. */
  body.admin-ui .ant-modal-body .content-wrap .side-right .form-item.form-container.ant-row { min-width: 0; max-width: 100%; padding-bottom: 20px; }
  body.admin-ui .ant-modal-body .content-wrap .side-right .form-item.form-container.ant-row > .input-item {
    display: flex; flex: 0 0 100%; flex-direction: column; align-items: stretch;
    width: 100% !important; max-width: 100%; min-width: 0; margin-left: 0; padding-right: 0;
  }
  body.admin-ui .ant-modal-body .content-wrap .side-right .form-item.form-container.ant-row > .input-item > .input-title {
    flex: 0 0 auto !important; width: 100% !important; min-width: 0 !important;
    max-width: 100%; margin-bottom: 6px; text-align: left !important; line-height: 1.65;
  }
  body.admin-ui .ant-modal-body .content-wrap .side-right .form-item.form-container.ant-row > .input-item > .input-title + div {
    flex: 1 1 auto; width: 100%; min-width: 0; max-width: 100%; padding-left: 0 !important;
  }

  /* Dialogs sit above the app bar and use their own scrolling surface. */
  body.admin-ui .ant-modal { top: 12px; width: calc(100% - 24px) !important; max-width: 720px; margin: 0 auto; padding-bottom: 12px; }
  body.admin-ui .ant-modal-content { display: flex; flex-direction: column; max-height: calc(100dvh - 24px); }
  body.admin-ui .ant-modal-header { flex: 0 0 auto; padding: 17px 52px 17px 16px; }
  body.admin-ui .ant-modal-title { line-height: 1.6; overflow-wrap: anywhere; }
  body.admin-ui .ant-modal-body { min-height: 0; overflow-y: auto; padding: 16px; overscroll-behavior: contain; }
  body.admin-ui .ant-modal-footer { flex: 0 0 auto; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; padding: 12px 16px max(12px, env(safe-area-inset-bottom, 0px)); }
  body.admin-ui .ant-modal-footer .ant-btn + .ant-btn { margin-left: 0; }
  body.admin-ui .ant-modal-close-x { width: 48px; height: 48px; line-height: 48px; }
  body.admin-ui .ant-modal-confirm-body .ant-modal-confirm-content { margin-left: 0; padding-top: 8px; overflow-wrap: anywhere; }
  body.admin-ui .ant-modal-confirm .ant-modal-body { padding: 22px; }
  body.admin-ui .ant-modal-confirm .ant-modal-confirm-btns { display: flex; flex-wrap: wrap; gap: 8px; float: none; justify-content: flex-end; }
  body.admin-ui .ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn { margin-left: 0; }
  body.admin-ui .ant-drawer-content-wrapper { max-width: 100vw; }
  body.admin-ui .ant-drawer-header { padding: 17px 52px 17px 16px; }
  body.admin-ui .ant-drawer-body { padding: 16px; padding-bottom: max(20px, env(safe-area-inset-bottom, 0px)); }
  body.admin-ui .ant-select-dropdown { max-width: calc(100vw - 16px); }
  body.admin-ui .ant-select-dropdown-menu-item,
  body.admin-ui .ant-dropdown-menu-item { min-height: 42px; padding-top: 10px; padding-bottom: 10px; white-space: normal; }
  body.admin-ui .ant-calendar-picker-container { max-width: 100vw; }
  body.admin-ui .ant-calendar-range { width: min(552px, calc(100vw - 16px)); }
  body.admin-ui .admin-search-backdrop { padding: 64px 10px 12px; }
  body.admin-ui .admin-search-dialog { max-height: calc(100dvh - 80px); display: flex; flex-direction: column; }
  body.admin-ui .admin-search-top { padding: 12px; }
  body.admin-ui .admin-search-close { min-width: 44px; min-height: 44px; }
  body.admin-ui .admin-search-results { min-height: 0; max-height: min(55dvh, 420px); overflow-y: auto; }
  body.admin-ui .admin-search-result { min-height: 58px; }
  body.admin-ui .admin-search-foot { flex-wrap: wrap; gap: 8px 14px; padding: 10px 14px; }

  /* Native order cards: preserve every amount, status and business action. */
  body.admin-ui .main-content > .container > .row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; overflow: visible !important; }
  body.admin-ui .main-content > .container > .row > .ant-input-affix-wrapper,
  body.admin-ui .main-content > .container > .row > .ant-input { flex: 1 1 220px; width: auto !important; min-width: 0; margin-right: 0 !important; }
  body.admin-ui .main-content > .container > .row > .ant-radio-group { display: flex; flex-wrap: wrap; gap: 6px; width: 100%; margin-left: 0 !important; }
  body.admin-ui .main-content > .container > .row > .ant-radio-group .ant-radio-button-wrapper { border-radius: var(--theme-control-radius, 8px); border-left-width: 1px; }
  body.admin-ui .main-content > .container > .row > a { display: inline-flex; align-items: center; min-height: 42px; margin-left: 0 !important; }
  body.admin-ui .filter-c { min-width: 0; flex-wrap: wrap; gap: 12px; padding: 12px; }
  body.admin-ui .filter-c > div { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; max-width: 100%; margin-left: 0 !important; }
  body.admin-ui .filter-c .ant-calendar-picker { margin-left: 0 !important; width: 100%; }
  body.admin-ui .filter-c .ant-btn { float: none !important; margin-left: 0 !important; }
  body.admin-ui .order-list { margin-top: 14px; padding-bottom: 12px; }
  body.admin-ui .order-item { max-width: 100%; margin-bottom: 14px; border-color: var(--theme-line, #e5e4ef); border-radius: var(--theme-control-radius, 8px); background: var(--theme-surface, #fff); }
  body.admin-ui .order-item .order-item-top { height: auto; min-height: 48px; padding: 12px; display: flex; flex-wrap: wrap; gap: 8px 10px; align-items: center; border-color: var(--theme-line, #e5e4ef); }
  body.admin-ui .order-item .order-item-top > div { min-width: 0; max-width: 100%; margin: 0 !important; font-size: 12px; color: var(--theme-muted, #70748a); overflow-wrap: anywhere; }
  body.admin-ui .order-item .order-item-top .star { padding: 8px; margin: -5px; font-size: 18px; }
  body.admin-ui .order-item .value { color: var(--theme-ink, #202238); }
  body.admin-ui .order-item .products { padding: 0 12px; }
  body.admin-ui .order-item .products .product-item { gap: 10px; padding: 13px 0; align-items: flex-start; }
  body.admin-ui .order-item .products .product-item .thumb { flex: 0 0 52px; width: 52px; height: 52px; object-fit: contain; border-radius: 6px; }
  body.admin-ui .order-item .products .product-item .content { min-width: 0; flex: 1 1 auto; margin-left: 0; overflow-wrap: anywhere; }
  body.admin-ui .order-item .products .product-title { line-height: 1.65; }
  body.admin-ui .order-item .products .product-title > span { display: inline-block; max-width: 100%; margin-left: 0 !important; margin-right: 5px; }
  body.admin-ui .order-item .user-info-wrapper { padding: 10px 12px; border-top: 1px solid var(--theme-line, #e5e4ef); }
  body.admin-ui .order-item .user-info-content { flex-wrap: wrap; gap: 6px 9px; font-size: 13px; }
  body.admin-ui .order-item .user-info-content > div { min-width: 0; max-width: 100%; margin-left: 0 !important; overflow-wrap: anywhere; }
  body.admin-ui .order-item .user-info-content .address { flex: 1 0 100%; line-height: 1.8; }
  body.admin-ui .order-item .remark,
  body.admin-ui .order-item .aftersale,
  body.admin-ui .order-item .deliver { padding: 0 12px; font-size: 13px; line-height: 1.8; overflow-wrap: anywhere; }
  body.admin-ui .order-item .actions { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px; }
  body.admin-ui .order-item .actions .ant-btn { margin-right: 0 !important; }
  body.admin-ui .order-item .actions > span { margin-left: 0 !important; width: 100%; }

  /* Existing extension forms and review screens. */
  body.admin-ui #checkin-admin-host,
  body.admin-ui #search-poster-admin-host,
  body.admin-ui .pm-admin-page { padding: 0; min-width: 0; }
  body.admin-ui .ci-header,
  body.admin-ui .sp-header,
  body.admin-ui .pm-admin-head,
  body.admin-ui .pm-admin-detail-head { flex-wrap: wrap; gap: 12px; }
  body.admin-ui .ci-title,
  body.admin-ui .sp-title,
  body.admin-ui .pm-admin-title { font-size: 21px; line-height: 1.4; }
  body.admin-ui .ci-header > .ci-toolbar-group { width: 100%; max-width: 100%; justify-content: flex-start; }
  body.admin-ui .ci-toolbar,
  body.admin-ui .ci-toolbar-group,
  body.admin-ui .ci-pagination,
  body.admin-ui .ci-section-head,
  body.admin-ui .pm-admin-actions,
  body.admin-ui .pm-admin-toolbar,
  body.admin-ui .sp-actions,
  body.admin-ui .sp-poster-tools { flex-wrap: wrap; gap: 8px; }
  body.admin-ui .ci-toolbar { padding: 12px; }
  body.admin-ui .ci-toolbar .ci-search { width: 100%; max-width: 100%; }
  body.admin-ui .ci-tabs { max-width: 100%; overflow-x: auto; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; }
  body.admin-ui .ci-tab { min-height: 44px; padding: 12px; }
  body.admin-ui .ci-grid,
  body.admin-ui .ci-simple-grid,
  body.admin-ui .ci-reward-fields,
  body.admin-ui .ci-decoration-grid,
  body.admin-ui .ci-detail-grid,
  body.admin-ui .sp-grid,
  body.admin-ui .sp-poster-grid,
  body.admin-ui .pm-admin-layout { grid-template-columns: minmax(0, 1fr); }
  body.admin-ui .ci-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.admin-ui .ci-filter-grid > *,
  body.admin-ui .ci-toolbar-group > *,
  body.admin-ui .sp-poster-grid > * { min-width: 0; max-width: 100%; }
  body.admin-ui .ci-table-wrap,
  body.admin-ui .ci-table-wrapper { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  body.admin-ui .ci-actions { flex-wrap: wrap; }
  body.admin-ui .ci-actions .ci-link,
  body.admin-ui .ci-row-more > summary { min-height: 40px; padding: 9px 8px; }
  body.admin-ui .ci-modal-mask { padding: 10px; }
  body.admin-ui .ci-modal,
  body.admin-ui .ci-modal.wide,
  body.admin-ui .pm-admin-modal { width: min(100%, 720px); max-width: 100%; max-height: calc(100dvh - 20px); }
  body.admin-ui .ci-modal-head { height: auto; min-height: 56px; padding: 8px 14px; gap: 12px; }
  body.admin-ui .ci-modal-head h3 { min-width: 0; line-height: 1.5; }
  body.admin-ui .ci-modal-close { flex: 0 0 44px; width: 44px; height: 44px; }
  body.admin-ui .ci-modal-body { min-height: 0; padding: 14px; overscroll-behavior: contain; }
  body.admin-ui .ci-modal-foot { flex-wrap: wrap; padding: 10px 14px max(10px, env(safe-area-inset-bottom, 0px)); gap: 8px; }
  body.admin-ui .ci-pagination { justify-content: flex-start; padding: 12px; }
  body.admin-ui .sp-form { padding: 0 14px 14px; }
  body.admin-ui .sp-panel-head { padding: 16px 14px; }
  body.admin-ui.admin-mobile-ready .sp-actions { bottom: var(--admin-mobile-bottom); background: var(--theme-surface, #fff); }
  body.admin-ui.admin-mobile-keyboard .sp-actions { bottom: 0; }
  body.admin-ui .sp-preview { width: min(100%, 360px); max-width: 100%; }
  body.admin-ui .pm-admin-layout { min-height: 0; }
  body.admin-ui .pm-admin-left { border-right: 0; border-bottom: 1px solid var(--theme-line, #e5e4ef); }
  body.admin-ui .pm-admin-head,
  body.admin-ui .pm-admin-detail-head { padding: 14px; }
  body.admin-ui .pm-admin-filters { padding: 12px; }
  body.admin-ui .pm-admin-list { max-height: 45dvh; }
  body.admin-ui .pm-admin-messages { max-height: 62dvh; padding: 14px; }
  body.admin-ui .pm-admin-msg { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  body.admin-ui .pm-admin-msg-meta { text-align: left; }
  body.admin-ui .pm-admin-user { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
  body.admin-ui .pm-admin-tags { flex-wrap: wrap; }
  body.admin-ui .pm-admin-toolbar { justify-content: flex-start; }
  body.admin-ui .pm-identity-list { padding: 12px; }
  body.admin-ui .pm-identity-item { padding: 12px; gap: 12px; }
  body.admin-ui .pm-comment-filters .pm-admin-input { width: 100%; }
  body.admin-ui .cio-drawer-head { padding: 16px; }
  body.admin-ui .cio-drawer-body { padding: 16px; padding-bottom: max(20px, env(safe-area-inset-bottom, 0px)); }
  body.admin-ui .dbr-modal-mask { padding: 10px; }
  body.admin-ui .dbr-modal { max-width: 100%; max-height: calc(100dvh - 20px); }

  @media (max-width: 480px) {
    body.admin-ui .container-23234 .logo-c .logo { width: 24px; height: 24px; flex-basis: 24px; margin-right: 5px; }
    body.admin-ui .container-23234 .logo-c { font-size: 12px !important; padding-left: 2px; }
    body.admin-ui .main-content { margin-right: 8px !important; margin-left: 8px !important; padding: 12px !important; }
    body.admin-ui .admin-workbench-title { font-size: 21px; }
    body.admin-ui .admin-metric strong { font-size: 22px; }
    body.admin-ui .ant-calendar-range { width: calc(100vw - 16px); }
    body.admin-ui .ant-calendar-range-part { width: 100%; }
    body.admin-ui .ci-filter-grid,
    body.admin-ui .pm-admin-filters { grid-template-columns: minmax(0, 1fr); }
    body.admin-ui .ci-filter-grid .ci-day-range { grid-column: auto; }
    body.admin-ui .ci-modal-foot > .ci-muted { flex-basis: 100%; }
    body.admin-ui .sp-channel-option { flex: 1 1 120px; min-width: 0; }
  }

  @media (prefers-reduced-motion: reduce) {
    body.admin-ui .first-bar,
    body.admin-ui .second-bar { transition: none; }
  }
}