:root {
      --sea: #0994dc;
      --sea-dark: #075f91;
      --green: #0ca678;
      --gold: #c9891d;
      --red: #d9485f;
      --ink: #122832;
      --muted: #627b88;
      --line: #d7e7ef;
      --soft: #f5f9fb;
      --card: #ffffff;
      --side: #082b3c;
      font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      min-height: 100vh;
      color: var(--ink);
      background:
        linear-gradient(180deg, #f7fbfd 0%, #eef6fa 46%, #eaf3f8 100%);
    }
    h1, h2, h3, p { margin: 0; }
    button, input, textarea, select { font: inherit; }
    button { cursor: pointer; }
    a { color: inherit; }
    .layout {
      min-height: 100vh;
      display: grid;
      grid-template-columns: 280px minmax(0, 1fr);
    }
    .sidebar {
      position: sticky;
      top: 0;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      padding: 22px 18px;
      color: #dcebf0;
      background:
        linear-gradient(180deg, rgba(7, 37, 54, .98), rgba(8, 72, 103, .98)),
        url("/assets/hero-yellow-croaker.png") center bottom / 150% auto no-repeat;
      box-shadow: 14px 0 36px rgba(18, 45, 58, .14);
    }
    .sidebar::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: linear-gradient(180deg, rgba(10, 36, 48, .03), rgba(10, 36, 48, .86));
    }
    .side-brand, .side-menu, .side-foot { position: relative; z-index: 1; }
    .side-brand {
      display: grid;
      grid-template-columns: 52px 1fr;
      gap: 12px;
      align-items: center;
      padding: 4px 6px 22px;
      border-bottom: 1px solid rgba(255, 255, 255, .12);
    }
    .side-logo {
      width: 52px;
      height: 52px;
      display: grid;
      place-items: center;
      border-radius: 8px;
      color: #0d3340;
      background: linear-gradient(135deg, #e8fbff, #79d7ff);
      font-size: 22px;
      font-weight: 900;
      box-shadow: 0 18px 38px rgba(34, 177, 238, .24);
    }
    .side-brand strong { display: block; color: #fff; font-size: 21px; line-height: 1.1; }
    .side-brand span { display: block; margin-top: 6px; color: rgba(222, 238, 244, .72); font-size: 12px; font-weight: 800; }
    .side-menu {
      display: grid;
      gap: 7px;
      margin-top: 22px;
    }
    .side-menu a {
      min-height: 46px;
      display: grid;
      grid-template-columns: 34px 1fr;
      gap: 10px;
      align-items: center;
      padding: 0 12px;
      border-radius: 8px;
      color: rgba(230, 244, 249, .84);
      text-decoration: none;
      font-size: 14px;
      font-weight: 900;
    }
    .side-menu a:hover,
    .side-menu a.active {
      color: #fff;
      background: rgba(255, 255, 255, .12);
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
    }
    .side-menu i {
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      border-radius: 8px;
      color: #bff1ff;
      background: rgba(255, 255, 255, .1);
      font-style: normal;
      font-size: 13px;
    }
    .side-foot {
      margin-top: auto;
      padding: 16px;
      border: 1px solid rgba(255, 255, 255, .12);
      border-radius: 8px;
      background: rgba(255, 255, 255, .08);
    }
    .side-foot strong { display: block; color: #fff; font-size: 14px; }
    .side-foot span { display: block; margin-top: 7px; color: rgba(231, 245, 250, .72); font-size: 12px; line-height: 1.55; }
    .main {
      min-width: 0;
      display: flex;
      flex-direction: column;
    }
    .topbar {
      position: sticky;
      top: 0;
      z-index: 20;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 18px;
      padding: 18px 32px;
      border-bottom: 1px solid rgba(211, 225, 233, .88);
      background: rgba(255, 255, 255, .9);
      backdrop-filter: blur(18px);
      box-shadow: 0 12px 34px rgba(35, 70, 86, .08);
    }
    .page-title {
      display: grid;
      grid-template-columns: 44px 1fr;
      gap: 12px;
      align-items: center;
      min-width: 0;
    }
    .page-mark {
      width: 44px;
      height: 44px;
      display: grid;
      place-items: center;
      border-radius: 8px;
      color: #fff;
      background: linear-gradient(135deg, #1bb4f3, #0f7fb5);
      box-shadow: 0 14px 28px rgba(22, 139, 213, .22);
      font-weight: 900;
    }
    .page-title h1 { color: #112c37; font-size: 22px; line-height: 1.2; }
    .page-title p { margin-top: 4px; color: var(--muted); font-size: 13px; font-weight: 800; }
    .top-actions {
      display: flex;
      gap: 10px;
      align-items: center;
      justify-content: flex-end;
      flex-wrap: wrap;
    }
    .status-pill {
      min-height: 38px;
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 0 12px;
      border: 1px solid #d8e6ed;
      border-radius: 999px;
      color: #48616c;
      background: #fff;
      font-size: 12px;
      font-weight: 900;
      white-space: nowrap;
    }
    .status-pill::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--green);
      box-shadow: 0 0 0 4px rgba(18, 184, 134, .12);
    }
    .content {
      width: 100%;
      max-width: 1480px;
      padding: 28px 32px 56px;
    }
    .page-head {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 16px;
      margin-bottom: 18px;
    }
    .page-head h2 { color: #102833; font-size: 28px; letter-spacing: 0; }
    .page-head p { margin-top: 8px; max-width: 760px; color: #728891; line-height: 1.65; }
    .actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
    .btn {
      min-height: 38px;
      border: 0;
      border-radius: 8px;
      padding: 0 15px;
      color: #fff;
      background: linear-gradient(135deg, var(--sea), var(--sea-dark));
      box-shadow: 0 10px 20px rgba(9, 148, 220, .14);
      font-weight: 900;
    }
    .btn.light {
      color: #136f9f;
      border: 1px solid #cfe4ed;
      background: #f2fafc;
      box-shadow: none;
    }
    .btn.secondary {
      color: #21414e;
      border: 1px solid #d7e5eb;
      background: #fff;
      box-shadow: none;
    }
    .btn.warn { background: linear-gradient(135deg, #d89a2b, #bd7b17); }
    .btn.danger { background: linear-gradient(135deg, #e55361, #c93649); }
    .stats {
      display: grid;
      grid-template-columns: repeat(6, minmax(130px, 1fr));
      gap: 16px;
      margin-bottom: 18px;
    }
    .stat, .panel, .insight-card, .module-card {
      border: 1px solid rgba(214, 228, 236, .92);
      background: #fff;
      box-shadow: 0 14px 34px rgba(31, 70, 88, .07);
    }
    .stat {
      min-height: 124px;
      position: relative;
      overflow: hidden;
      padding: 18px 18px 16px;
      border-radius: 8px;
      background: linear-gradient(145deg, #fff 0%, #f8fcff 100%);
    }
    .stat::after {
      content: "";
      position: absolute;
      right: -26px;
      top: -34px;
      width: 90px;
      height: 90px;
      border-radius: 50%;
      background: rgba(22, 139, 213, .1);
    }
    .stat span { color: #6e8792; font-size: 12px; font-weight: 900; }
    .stat strong { display: block; margin-top: 14px; color: #102833; font-size: 31px; line-height: 1; }
    .stat em {
      width: max-content;
      display: block;
      margin-top: 12px;
      padding: 5px 9px;
      border-radius: 999px;
      color: #1378ae;
      background: #e9f7ff;
      font-size: 11px;
      font-style: normal;
      font-weight: 900;
    }
    .grid-2 { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); gap: 18px; }
    .grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
    .module-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
      margin-bottom: 18px;
    }
    .module-card {
      min-height: 116px;
      display: grid;
      align-content: center;
      gap: 8px;
      padding: 17px;
      border-radius: 18px;
      text-decoration: none;
      transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
    }
    .module-card:hover { transform: translateY(-2px); border-color: rgba(22, 139, 213, .28); box-shadow: 0 20px 42px rgba(36, 76, 92, .1); }
    .module-card i {
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      border-radius: 12px;
      color: #fff;
      background: linear-gradient(135deg, #10313f, #168bd5);
      font-style: normal;
      font-weight: 900;
    }
    .module-card strong { color: #102833; font-size: 16px; }
    .module-card span { color: #708793; font-size: 12px; line-height: 1.45; }
    .panel {
      overflow: hidden;
      border-radius: 20px;
      margin-bottom: 18px;
    }
    .panel-head {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
      padding: 20px 22px;
      border-bottom: 1px solid var(--line);
      background: linear-gradient(180deg, #fff, #fbfdff);
    }
    .panel-head h2 { color: #102833; font-size: 19px; }
    .panel-head p { margin-top: 5px; color: #718894; font-size: 13px; line-height: 1.55; }
    .panel-body { padding: 20px 22px 22px; }
    .form-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
    }
    .form-block {
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
      padding: 16px;
      border: 1px solid #e3eef2;
      border-radius: 18px;
      background: linear-gradient(180deg, #fff, #fafdff);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
    }
    .form-block-title {
      grid-column: 1 / -1;
      display: flex;
      justify-content: space-between;
      gap: 12px;
      align-items: center;
      padding-bottom: 8px;
      border-bottom: 1px solid #edf4f7;
    }
    .form-block-title strong {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      color: #102833;
      font-size: 16px;
    }
    .form-block-title strong::before {
      content: "";
      width: 8px;
      height: 18px;
      border-radius: 999px;
      background: linear-gradient(180deg, #168bd5, #24c6a1);
    }
    .form-block-title span { color: #728891; font-size: 12px; font-weight: 800; }
    .field { display: flex; flex-direction: column; gap: 7px; }
    .field.two { grid-column: span 2; }
    .field.full { grid-column: 1 / -1; }
    label { color: #657d88; font-size: 12px; font-weight: 900; }
    input, textarea, select {
      width: 100%;
      border: 1px solid #d8e6ed;
      border-radius: 12px;
      padding: 10px 11px;
      color: var(--ink);
      background: #fbfdff;
      outline: none;
      transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
    }
    input:focus, textarea:focus, select:focus {
      border-color: #69bde7;
      background: #fff;
      box-shadow: 0 0 0 4px rgba(22, 139, 213, .1);
    }
    textarea { min-height: 92px; resize: vertical; }
    .hint { color: #728891; font-size: 12px; line-height: 1.55; }
    .danger-text { color: #b42318 !important; }
    .toggle-line {
      min-height: 42px;
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 12px;
      border: 1px solid #d8e6ed;
      border-radius: 12px;
      color: #183743;
      background: #fff;
      cursor: pointer;
    }
    .toggle-line input[type="checkbox"] {
      width: 18px;
      height: 18px;
      flex: 0 0 18px;
      padding: 0;
      accent-color: #168bd5;
      box-shadow: none;
    }
    .toggle-line span { min-width: 0; font-size: 13px; font-weight: 900; }
    .payment-mode-panel {
      grid-column: 1 / -1;
      padding: 18px;
      border: 1px solid #dcecf2;
      border-radius: 12px;
      background: #f8fcfe;
    }
    .payment-mode-panel.is-hidden { display: none; }
    .payment-mode-panel .form-block-title { margin-bottom: 14px; }
    .payment-shared-field { grid-column: 1 / -1; }
    .field-title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
    }
    .field-title label { min-width: 0; }
    .btn.small {
      min-height: 32px;
      padding: 0 10px;
      border-radius: 10px;
      font-size: 12px;
      white-space: nowrap;
    }
    .upload-preview {
      min-height: 76px;
      overflow: hidden;
      border: 1px solid #dceaf0;
      border-radius: 14px;
      background: linear-gradient(135deg, #f2fafc, #fff);
    }
    .upload-preview img {
      width: 100%;
      height: 116px;
      display: block;
      object-fit: cover;
    }
    .button-group {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      justify-content: flex-end;
    }
    .modal-card.product-editor-card { width: min(100%, 1120px); }
    .product-editor-hero {
      display: grid;
      grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);
      gap: 16px;
      margin-bottom: 18px;
      padding: 18px;
      border: 1px solid #cfe4ed;
      border-radius: 18px;
      background:
        radial-gradient(circle at 86% 8%, rgba(35, 190, 230, .18), transparent 30%),
        linear-gradient(135deg, #ffffff 0%, #eefaff 100%);
    }
    .product-editor-title {
      display: grid;
      gap: 9px;
      min-width: 0;
    }
    .product-editor-title span {
      width: max-content;
      min-height: 28px;
      display: inline-flex;
      align-items: center;
      padding: 0 10px;
      border-radius: 999px;
      color: #0f78ad;
      background: #e7f7ff;
      font-size: 12px;
      font-weight: 900;
    }
    .product-editor-title h3 {
      color: #102833;
      font-size: 23px;
      line-height: 1.2;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .product-editor-title p {
      color: #6e8792;
      font-size: 13px;
      line-height: 1.65;
      font-weight: 800;
    }
    .product-editor-scorebox {
      display: grid;
      gap: 12px;
      align-content: center;
      padding: 16px;
      border-radius: 16px;
      background: rgba(255, 255, 255, .82);
      box-shadow: inset 0 0 0 1px rgba(189, 219, 231, .86);
    }
    .product-editor-scorebox strong {
      display: block;
      color: #102833;
      font-size: 26px;
      line-height: 1;
    }
    .product-editor-scorebox span {
      color: #728891;
      font-size: 12px;
      font-weight: 900;
    }
    .product-editor-insights {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      grid-column: 1 / -1;
    }
    .editor-insight-card {
      min-width: 0;
      min-height: 88px;
      display: grid;
      align-content: center;
      gap: 6px;
      padding: 13px;
      border: 1px solid #dceaf0;
      border-radius: 15px;
      background: rgba(255, 255, 255, .86);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86);
    }
    .editor-insight-card strong {
      color: #102833;
      font-size: 13px;
      line-height: 1.35;
    }
    .editor-insight-card span {
      color: #657f8b;
      font-size: 12px;
      line-height: 1.45;
      font-weight: 800;
    }
    .editor-insight-card em {
      color: #0f78ad;
      font-size: 11px;
      line-height: 1.35;
      font-style: normal;
      font-weight: 900;
    }
    .editor-insight-card.error {
      border-color: #f2b8c0;
      background: #fff8f9;
    }
    .editor-insight-card.warn {
      border-color: #f0d092;
      background: #fffaf0;
    }
    .editor-insight-card.ok {
      border-color: #b9e8d8;
      background: #f5fffb;
    }
    .product-editor-actions {
      grid-column: 1 / -1;
      display: flex;
      flex-wrap: wrap;
      gap: 9px;
    }
    .product-editor-nav {
      position: sticky;
      top: 0;
      z-index: 2;
      display: flex;
      flex-wrap: wrap;
      gap: 9px;
      margin: -4px 0 18px;
      padding: 12px;
      border: 1px solid #dceaf0;
      border-radius: 16px;
      background: rgba(255, 255, 255, .94);
      box-shadow: 0 14px 32px rgba(36, 76, 92, .08);
      backdrop-filter: blur(14px);
    }
    .product-editor-tab {
      min-height: 34px;
      border: 1px solid #d4e9f1;
      border-radius: 999px;
      padding: 0 12px;
      color: #0f78ad;
      background: #f2fbff;
      font-size: 12px;
      font-weight: 900;
    }
    .product-editor-tab:hover {
      border-color: #8ed3ef;
      background: #e7f8ff;
    }
    .product-section-title {
      grid-column: 1 / -1;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 12px;
      margin-top: 8px;
      padding: 14px 0 4px;
      border-bottom: 1px solid #edf4f7;
    }
    .product-section-title strong {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      color: #102833;
      font-size: 16px;
    }
    .product-section-title strong::before {
      content: "";
      width: 8px;
      height: 18px;
      border-radius: 999px;
      background: linear-gradient(180deg, #168bd5, #24c6a1);
    }
    .product-section-title span {
      color: #728891;
      font-size: 12px;
      font-weight: 800;
      text-align: right;
    }
    .product-edit-checklist {
      grid-column: 1 / -1;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    .check-chip {
      min-height: 30px;
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 0 10px;
      border-radius: 999px;
      color: #647987;
      background: #edf4f7;
      font-size: 12px;
      font-weight: 900;
    }
    .check-chip::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #9db2bd;
    }
    .check-chip.ok {
      color: #0d6c50;
      background: #e6fbf2;
    }
    .check-chip.ok::before { background: #13b887; }
    .check-chip.warn {
      color: #9a6613;
      background: #fff4da;
    }
    .check-chip.warn::before { background: #d89a2b; }
    .check-chip.error {
      color: #b3273d;
      background: #fff0f2;
    }
    .check-chip.error::before { background: #d9485f; }
    .product-line-preview {
      display: grid;
      gap: 8px;
      margin-top: 4px;
    }
    .structured-editor {
      display: grid;
      gap: 12px;
      margin-top: 10px;
    }
    .structured-inventory-notice {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      padding: 12px 14px;
      border: 1px solid #b9dbe8;
      border-radius: 8px;
      background: #f0f8fb;
    }
    .structured-inventory-notice > div {
      display: grid;
      min-width: 0;
      gap: 3px;
    }
    .structured-inventory-notice strong { color: #164b61; font-size: 13px; }
    .structured-inventory-notice span { color: #5f7f8c; font-size: 12px; line-height: 1.5; }
    .structured-row-grid input[readonly] {
      color: #58727d;
      border-color: #d7e4e9;
      background: #f3f7f9;
      cursor: not-allowed;
    }
    .structured-row {
      border: 1px solid #dbeaf1;
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 10px 26px rgba(24, 75, 96, .06);
    }
    .structured-row-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 11px 14px;
      border-bottom: 1px solid #e7f0f4;
      background: #f5fbfe;
    }
    .structured-row-head strong {
      min-width: 0;
      color: #123646;
      font-size: 13px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .structured-row-head span {
      color: #78909b;
      font-size: 11px;
      font-weight: 900;
    }
    .structured-row-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      padding: 14px;
    }
    .structured-row-grid .field { min-width: 0; }
    .structured-row-grid .field.wide { grid-column: span 2; }
    .structured-row-grid .field.full { grid-column: 1 / -1; }
    .product-spec-group-editor {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: start;
    }
    .product-spec-group-row {
      min-width: 0;
      overflow: hidden;
      border-color: #cfe3eb;
      box-shadow: none;
    }
    .product-spec-group-row .structured-row-head {
      min-height: 52px;
      background: #f3f9fb;
    }
    .product-spec-group-row .structured-row-head > div {
      display: grid;
      min-width: 0;
      gap: 3px;
    }
    .spec-group-grid {
      grid-template-columns: 1fr;
    }
    .spec-group-grid textarea {
      min-height: 116px;
      line-height: 1.65;
      resize: vertical;
    }
    #productSkuEditor .structured-row-head > div {
      display: grid;
      min-width: 0;
      gap: 4px;
    }
    #productSkuEditor .structured-row-head span {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .sku-procurement-rule {
      display: grid;
      gap: 12px;
      padding-top: 14px;
      border-top: 1px solid #dce9ee;
    }
    .sku-procurement-heading {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 18px;
    }
    .sku-procurement-heading > div {
      display: grid;
      gap: 3px;
    }
    .sku-procurement-heading strong {
      color: #153f50;
      font-size: 13px;
    }
    .sku-procurement-heading span {
      color: #6f8792;
      font-size: 11px;
      line-height: 1.5;
    }
    .sku-procurement-heading em {
      max-width: 55%;
      color: #0c769f;
      font-size: 12px;
      font-style: normal;
      font-weight: 900;
      line-height: 1.5;
      text-align: right;
    }
    .sku-procurement-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
    }
    .sku-procurement-grid .field { min-width: 0; }
    .order-internal-note-label {
      display: block;
      margin: 12px 0 7px;
      color: #365765;
      font-size: 12px;
      font-weight: 900;
    }
    .structured-empty {
      padding: 20px;
      border: 1px dashed #cbdfe7;
      border-radius: 8px;
      color: #708995;
      background: #f9fcfe;
      text-align: center;
      font-size: 13px;
      font-weight: 800;
    }
    .advanced-source {
      margin-top: 12px;
      border: 1px solid #dce9ef;
      border-radius: 8px;
      background: #f8fbfd;
    }
    .advanced-source summary {
      padding: 11px 13px;
      color: #5f7986;
      cursor: pointer;
      font-size: 12px;
      font-weight: 900;
    }
    .advanced-source textarea {
      min-height: 92px;
      border: 0;
      border-top: 1px solid #e3edf2;
      border-radius: 0 0 8px 8px;
      background: #fff;
      font-family: Consolas, monospace;
      font-size: 12px;
    }
    .inventory-workbench {
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
      gap: 18px;
      padding: 20px;
    }
    .inventory-form {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
    }
    .inventory-form .field.full { grid-column: 1 / -1; }
    .inventory-current {
      display: grid;
      align-content: start;
      gap: 10px;
      padding: 16px;
      border: 1px solid #dceaf0;
      border-radius: 8px;
      background: #f6fbfe;
    }
    .inventory-current strong { color: #123646; font-size: 14px; }
    .inventory-current-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .inventory-current-grid span { padding: 10px; border: 1px solid #e0edf2; border-radius: 8px; color: #718995; background: #fff; font-size: 11px; }
    .inventory-current-grid b { display: block; margin-top: 3px; color: #0c769f; font-size: 18px; }
    .package-editor { display: grid; gap: 10px; margin-top: 12px; }
    .package-editor .structured-row-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .line-card {
      display: grid;
      grid-template-columns: minmax(130px, 1.1fr) minmax(140px, 1fr) repeat(3, minmax(72px, .45fr));
      gap: 10px;
      align-items: center;
      padding: 10px 12px;
      border: 1px solid #e1edf2;
      border-radius: 13px;
      background: #fbfdff;
      color: #102833;
      font-size: 12px;
      font-weight: 900;
    }
    .line-card span {
      min-width: 0;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .line-card em {
      color: #728891;
      font-style: normal;
      font-weight: 800;
    }
    .product-image-preview-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
      gap: 10px;
      margin-top: 8px;
    }
    .image-mini-card {
      overflow: hidden;
      border: 1px solid #dceaf0;
      border-radius: 14px;
      background: #fff;
    }
    .image-mini-card img {
      width: 100%;
      height: 86px;
      display: block;
      object-fit: cover;
      background: #eef7f8;
    }
    .image-mini-card span {
      display: block;
      padding: 7px 8px;
      color: #728891;
      font-size: 11px;
      font-weight: 900;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .image-mini-actions {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 5px;
      padding: 0 8px 8px;
    }
    .image-mini-actions button {
      min-width: 0;
      padding: 6px 4px;
      border-radius: 9px;
      font-size: 11px;
    }
    .product-import-panel,
    .wechat-bill-panel {
      display: none;
      gap: 10px;
      padding: 14px;
      margin: 10px 0;
      border: 1px solid #dbeaf1;
      border-radius: 16px;
      background: #f8fcff;
    }
    .product-import-panel.show,
    .wechat-bill-panel.show {
      display: grid;
    }
    .wechat-bill-panel .button-group { justify-content: flex-start; }
    .product-import-panel textarea {
      min-height: 130px;
    }
    .textarea-actions {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
    }
    .table-image-editor {
      min-width: 300px;
      display: grid;
      grid-template-columns: 56px minmax(160px, 1fr) auto;
      gap: 8px;
      align-items: center;
    }
    .table-image-editor img {
      width: 52px;
      height: 52px;
      border-radius: 13px;
      object-fit: cover;
      background: #eef7f8;
    }
    tr.sub-row td { background: #f8fcff; }
    tr.sub-row td:first-child { padding-left: 28px; }
    select[data-field="parentId"]:disabled {
      color: #7d97a5;
      background: #eef6fa;
      cursor: not-allowed;
    }
    .banner-manager-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
      gap: 16px;
    }
    .banner-card-editor {
      overflow: hidden;
      border: 1px solid #dceaf0;
      border-radius: 18px;
      background: linear-gradient(180deg, #ffffff, #f8fcff);
      box-shadow: 0 16px 34px rgba(36, 76, 92, .07);
    }
    .banner-card-cover {
      position: relative;
      min-height: 190px;
      background:
        radial-gradient(circle at 82% 8%, rgba(94, 204, 242, .24), transparent 32%),
        linear-gradient(135deg, #eefaff, #ffffff);
    }
    .banner-card-cover img {
      width: 100%;
      height: 210px;
      display: block;
      object-fit: cover;
    }
    .banner-card-cover .banner-badge {
      position: absolute;
      left: 14px;
      top: 14px;
      min-height: 30px;
      display: inline-flex;
      align-items: center;
      padding: 0 11px;
      border-radius: 999px;
      color: #0f78ad;
      background: rgba(255, 255, 255, .9);
      font-size: 12px;
      font-weight: 900;
      box-shadow: 0 10px 20px rgba(35, 70, 86, .12);
    }
    .banner-card-body {
      display: grid;
      gap: 12px;
      padding: 16px;
    }
    .banner-inline-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      justify-content: space-between;
      align-items: center;
    }
    .banner-inline-actions .row-actions {
      justify-content: flex-end;
    }
    .notice-config-grid {
      display: grid;
      grid-template-columns: 1.2fr repeat(3, minmax(150px, 1fr));
      gap: 14px;
      align-items: end;
    }
    .notice-status-strip {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 10px;
      margin: 16px 0;
    }
    .notice-status-strip div {
      min-height: 78px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 14px 16px;
      border: 1px solid #dceaf0;
      border-radius: 8px;
      background: #fff;
    }
    .notice-status-strip strong { color: #0f78ad; font-size: 24px; }
    .notice-status-strip span { color: #637f8c; font-size: 13px; font-weight: 800; }
    .notice-manager-grid { display: grid; gap: 16px; }
    .notice-admin-card {
      overflow: hidden;
      border: 1px solid #d9e8ee;
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 10px 26px rgba(36, 76, 92, .06);
    }
    .notice-admin-head,
    .notice-admin-actions {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 15px 18px;
      background: #f7fbfd;
    }
    .notice-admin-head { border-bottom: 1px solid #e3eef2; }
    .notice-admin-actions { border-top: 1px solid #e3eef2; }
    .notice-admin-head > div:first-child { min-width: 0; display: flex; align-items: center; gap: 12px; }
    .notice-admin-head strong { overflow: hidden; color: #153746; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
    .notice-sequence { flex: 0 0 auto; color: #0b88b8; font-size: 12px; font-weight: 900; }
    .notice-editor-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 13px;
      padding: 18px;
    }
    .notice-editor-grid .field { min-width: 0; }
    .notice-editor-grid .field.full { grid-column: 1 / -1; }
    .notice-editor-grid textarea[data-notice-field="content"] { min-height: 150px; line-height: 1.7; }
    .notice-cover-editor {
      display: grid;
      grid-template-columns: 112px minmax(0, 1fr);
      gap: 10px;
      align-items: center;
    }
    .notice-cover-editor img {
      width: 112px;
      height: 72px;
      border: 1px solid #dce9ee;
      border-radius: 6px;
      object-fit: cover;
      background: #eef7f8;
    }
    .banner-empty {
      grid-column: 1 / -1;
      padding: 26px;
      border: 1px dashed #bfdae7;
      border-radius: 18px;
      color: #728891;
      background: #f8fcff;
      text-align: center;
      font-weight: 900;
    }
    .section-toolbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 14px;
      padding: 16px 20px 0;
      flex-wrap: wrap;
    }
    .filter-row { display: flex; gap: 10px; flex-wrap: wrap; }
    .filter-row input, .filter-row select {
      width: auto;
      min-width: 170px;
      height: 38px;
      padding-top: 0;
      padding-bottom: 0;
      background: #fff;
    }
    .filter-row.orders-filter {
      width: 100%;
      display: grid;
      grid-template-columns: minmax(260px, 1.4fr) repeat(6, minmax(132px, .78fr));
      align-items: center;
    }
    .filter-row.orders-filter input,
    .filter-row.orders-filter select {
      width: 100%;
      min-width: 0;
    }
    .filter-row.order-primary-filter {
      grid-template-columns: minmax(280px, 1.7fr) minmax(145px, .8fr) minmax(145px, .8fr) repeat(2, minmax(145px, .8fr)) auto;
    }
    .filter-row.orders-filter.order-advanced-filter {
      display: none;
      grid-template-columns: repeat(5, minmax(150px, 1fr));
      padding: 14px;
      border: 1px solid #dbeaf0;
      border-radius: 8px;
      background: #f7fbfd;
    }
    .filter-row.orders-filter.order-advanced-filter.show {
      display: grid;
    }
    .order-advanced-toggle {
      min-width: 112px;
      white-space: nowrap;
    }
    .order-advanced-toggle.active {
      border-color: #5db4d4;
      color: #0878a5;
      background: #eaf8fd;
    }
    .custom-date-field {
      display: none;
    }
    .custom-date-field.show {
      display: block;
    }
    .toolbar-summary { color: #728891; font-size: 13px; font-weight: 900; }
    .toolbar-summary b { color: #102833; }
    .order-filter-presets {
      display: flex;
      align-items: center;
      gap: 8px;
      min-height: 38px;
      margin-left: auto;
      color: #5d7783;
      font-size: 12px;
      font-weight: 900;
    }
    .order-filter-presets select {
      width: 210px;
      height: 34px;
      background: #fff;
    }
    .bulk-toolbar {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
      margin: 12px 20px 0;
      padding: 12px 14px;
      border: 1px solid #dceaf0;
      border-radius: 14px;
      background: linear-gradient(135deg, #f8fcff, #ffffff);
      color: #647987;
      font-size: 13px;
      font-weight: 900;
    }
    .bulk-toolbar label { display: inline-flex; align-items: center; gap: 7px; color: #102833; }
    .bulk-toolbar select,
    .bulk-toolbar input:not([type="checkbox"]) { width: auto; height: 34px; min-width: 140px; background: #fff; }
    .bulk-toolbar input[type="checkbox"],
    .order-table input[type="checkbox"] {
      width: 16px;
      height: 16px;
      min-width: 16px;
      flex: 0 0 16px;
      margin: 0;
      padding: 0;
      accent-color: #078fc8;
      box-shadow: none;
    }
    .bulk-toolbar b { color: #0f78ad; }
    .order-bulk-toolbar {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      gap: 8px 16px;
      padding: 10px 12px;
      border-radius: 8px;
      background: #f8fbfd;
    }
    .order-bulk-selection,
    .order-bulk-fulfillment,
    .order-bulk-secondary {
      min-width: 0;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .order-bulk-selection {
      grid-row: 1 / span 2;
      align-self: stretch;
      padding-right: 16px;
      border-right: 1px solid #dbe8ed;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
    }
    .order-check-control {
      min-height: 30px;
      white-space: nowrap;
      cursor: pointer;
    }
    .order-check-control span { color: #234755; font-size: 12px; }
    .order-selected-summary { color: #6b828c; font-size: 12px; white-space: nowrap; }
    .order-bulk-fulfillment { flex-wrap: wrap; }
    .order-bulk-fulfillment #orderBulkStatus { width: 126px; min-width: 126px; }
    .order-bulk-fulfillment #orderBulkCarrier { width: min(240px, 28vw); min-width: 190px; }
    .order-waybill-control {
      min-height: 34px;
      padding: 0 10px;
      border: 1px solid #d8e6ed;
      border-radius: 7px;
      background: #fff;
    }
    .order-bulk-secondary { grid-column: 2; }
    .order-bulk-secondary #orderBulkPrintType { width: 108px; min-width: 108px; }
    .ops-command-strip,
    .order-priority-strip {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 12px;
      margin: 0 0 18px;
    }
    .command-card,
    .order-priority-card {
      min-width: 0;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 12px;
      align-items: center;
      padding: 16px;
      border: 1px solid #dbe9ef;
      border-radius: 18px;
      text-align: left;
      color: #123340;
      background:
        radial-gradient(circle at 96% 0, rgba(43, 184, 229, .12), transparent 30%),
        linear-gradient(145deg, #ffffff, #f6fbff);
      box-shadow: 0 14px 30px rgba(31, 70, 88, .06);
    }
    .command-card strong,
    .order-priority-card strong {
      display: block;
      color: #102833;
      font-size: 14px;
      line-height: 1.35;
    }
    .command-card span,
    .order-priority-card span {
      display: block;
      margin-top: 5px;
      color: #657f8b;
      font-size: 12px;
      line-height: 1.45;
      font-weight: 800;
    }
    .command-card em,
    .order-priority-card em {
      min-width: 54px;
      color: #0f78ad;
      font-size: 24px;
      line-height: 1;
      font-style: normal;
      font-weight: 950;
      text-align: right;
    }
    .command-card.warn,
    .order-priority-card.warn {
      border-color: #f0d092;
      background: linear-gradient(145deg, #fffaf0, #ffffff);
    }
    .command-card.error,
    .order-priority-card.error {
      border-color: #f2b8c0;
      background: linear-gradient(145deg, #fff8f9, #ffffff);
    }
    .command-card.ok,
    .order-priority-card.ok {
      border-color: #b9e8d8;
      background: linear-gradient(145deg, #f5fffb, #ffffff);
    }
    .command-card.active,
    .order-priority-card.active {
      border-color: #6dc6ef;
      box-shadow: 0 18px 38px rgba(9, 148, 220, .13);
    }
    .command-card:hover,
    .order-priority-card:hover {
      transform: translateY(-1px);
      box-shadow: 0 18px 36px rgba(31, 70, 88, .09);
    }
    .ops-quick-panel {
      display: grid;
      grid-template-columns: repeat(9, minmax(0, 1fr));
      gap: 8px;
      margin: 12px 20px 0;
    }
    .ops-quick-card {
      min-width: 0;
      min-height: 62px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      border: 1px solid #dceaf0;
      border-radius: 8px;
      padding: 10px 11px;
      color: #123340;
      background: linear-gradient(145deg, #ffffff, #f4fbff);
      text-align: left;
      box-shadow: 0 10px 22px rgba(31, 70, 88, .05);
    }
    .ops-quick-card strong {
      display: block;
      flex: none;
      font-size: 19px;
      line-height: 1.1;
    }
    .ops-quick-card span {
      display: block;
      min-width: 0;
      margin-top: 0;
      color: #667f8b;
      font-size: 12px;
      font-weight: 900;
      line-height: 1.35;
      text-align: right;
    }
    .ops-quick-card.active {
      border-color: #6dc6ef;
      color: #075f91;
      background: linear-gradient(145deg, #eafdff, #ffffff);
      box-shadow: 0 12px 28px rgba(9, 148, 220, .12);
    }
    .order-import-panel {
      display: none;
      gap: 12px;
      margin: 10px 20px 0;
      padding: 14px;
      border: 1px solid #dceaf0;
      border-radius: 14px;
      background: #f8fcff;
    }
    .order-import-panel.show { display: grid; }
    .order-import-panel textarea {
      width: 100%;
      min-height: 96px;
      border: 1px solid #d7e5eb;
      border-radius: 10px;
      padding: 10px 12px;
      resize: vertical;
    }
    .table-wrap { width: 100%; overflow-x: auto; padding: 0 14px 14px; }
    .order-table-wrap {
      padding-top: 14px;
    }
    .order-table {
      min-width: 1420px;
      table-layout: fixed;
      border-collapse: separate;
      border-spacing: 0;
      overflow: hidden;
      background: #fff;
    }
    .order-table th {
      position: sticky;
      top: 0;
      z-index: 1;
      background: #f4fbff;
      white-space: nowrap;
    }
    .order-table td {
      vertical-align: top;
      border-bottom: 1px solid #e5f0f5;
    }
    .order-col-select { width: 46px; }
    .order-col-no { width: 210px; }
    .order-col-customer { width: 150px; }
    .order-col-goods { width: 160px; }
    .order-col-money { width: 190px; }
    .order-col-status { width: 118px; }
    .order-col-logistics { width: 230px; }
    .order-col-payment { width: 220px; }
    .order-col-actions { width: 96px; }
    .order-density-control {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #607a86;
      font-size: 12px;
      font-weight: 900;
    }
    .order-density-control select {
      width: 88px;
      min-height: 34px;
      padding: 6px 8px;
      border-radius: 6px;
    }
    .order-table.density-compact th { padding: 8px; }
    .order-table.density-compact td {
      padding: 9px 8px;
      font-size: 12px;
    }
    .order-table.density-compact .order-no-cell span,
    .order-table.density-compact .order-customer-cell span,
    .order-table.density-compact .order-goods-cell span,
    .order-table.density-compact .order-money-cell span,
    .order-table.density-compact .order-logistics-cell span,
    .order-table.density-compact .order-payment-cell span {
      margin-top: 2px;
      font-size: 11px;
      line-height: 1.3;
    }
    .order-table.density-compact .proof-list img {
      width: 34px;
      height: 34px;
      border-radius: 5px;
    }
    .order-table.density-compact .order-row-actions { gap: 5px; min-width: 86px; }
    .order-table.density-compact .order-row-actions .btn { min-height: 28px; padding: 0 7px; }
    .order-task-line { font-weight: 900 !important; }
    .order-table tr.order-main-row:hover td {
      background: #f8fcff;
    }
    .order-table tr.order-main-row.order-visibility-archived td {
      background: #fbfcfd;
      color: #5f7783;
    }
    .order-table tr.order-main-row.order-visibility-deleted td {
      background: #fff8f8;
      color: #87616a;
    }
    .order-table tr.order-main-row.order-visibility-archived td:first-child,
    .order-table tr.order-main-row.order-visibility-deleted td:first-child {
      box-shadow: inset 3px 0 0 #f0b866;
    }
    .order-table tr.order-main-row.order-visibility-deleted td:first-child {
      box-shadow: inset 3px 0 0 #e26b7b;
    }
    .order-no-cell strong {
      display: block;
      max-width: 250px;
      overflow: hidden;
      color: #0e2b37;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .order-no-cell span,
    .order-customer-cell span,
    .order-goods-cell span,
    .order-money-cell span,
    .order-logistics-cell span,
    .order-payment-cell span {
      display: block;
      margin-top: 4px;
      color: #667f8b;
      font-size: 12px;
      font-weight: 800;
      line-height: 1.45;
    }
    .order-goods-cell strong,
    .order-money-cell strong,
    .order-logistics-cell strong,
    .order-payment-cell strong {
      color: #123340;
      font-size: 13px;
      line-height: 1.35;
    }
    .order-customer-cell strong,
    .order-customer-cell span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .order-payment-cell strong {
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow-wrap: anywhere;
    }
    .order-tag-stack {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
    }
    .order-row-actions {
      display: flex;
      flex-direction: column;
      gap: 7px;
      min-width: 104px;
    }
    .order-row-actions .btn {
      width: 100%;
      justify-content: center;
    }
    .order-row-actions .ghost-danger {
      color: #b83246;
      border: 1px solid #efc2c9;
      background: #fff7f8;
      box-shadow: none;
    }
    .order-detail-row td {
      padding: 0;
      background: #f7fcff;
    }
    .order-detail-summary {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
      margin-bottom: 18px;
      padding: 14px 16px;
      border: 1px solid #d9e9ef;
      border-left: 4px solid #168fbd;
      border-radius: 8px;
      background: #fff;
    }
    .order-detail-summary div { min-width: 0; display: grid; gap: 5px; }
    .order-detail-summary span { color: #718994; font-size: 12px; }
    .order-detail-summary strong { color: #173744; font-size: 17px; overflow-wrap: anywhere; }
    .order-detail-summary strong.green { color: #137253; }
    .order-detail-summary strong.gold { color: #986415; }
    .order-detail-summary strong.red { color: #bd3a4d; }
    .order-warehouse-overview { margin-bottom: 18px; border-top: 3px solid #118fc1; }
    .order-warehouse-overview.exception { border-top-color: #c94357; }
    .order-warehouse-overview .panel-head { align-items: center; border-bottom: 1px solid #dfecef; }
    .order-warehouse-overview .panel-head .button-group { align-items: center; }
    .order-warehouse-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); padding: 20px 24px 17px; }
    .order-warehouse-steps span { position: relative; display: grid; place-items: center; gap: 8px; color: #7a9099; font-size: 11px; }
    .order-warehouse-steps span::before { position: absolute; top: 6px; right: 50%; left: -50%; height: 2px; content: ""; background: #dce9ed; }
    .order-warehouse-steps span:first-child::before { left: 50%; }
    .order-warehouse-steps i { position: relative; z-index: 1; width: 14px; height: 14px; border: 3px solid #cbdde3; border-radius: 50%; background: #fff; }
    .order-warehouse-steps b { letter-spacing: 0; }
    .order-warehouse-steps span.done { color: #106f92; }
    .order-warehouse-steps span.done::before { background: #35a6ca; }
    .order-warehouse-steps span.done i { border-color: #1697c3; background: #1697c3; box-shadow: 0 0 0 3px #e4f5fb; }
    .order-warehouse-meta { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid #e1ecef; border-bottom: 1px solid #e1ecef; background: #f7fbfc; }
    .order-warehouse-meta div { min-width: 0; padding: 12px 16px; border-right: 1px solid #e1ecef; }
    .order-warehouse-meta div:last-child { border-right: 0; }
    .order-warehouse-meta span, .order-warehouse-meta strong { display: block; overflow-wrap: anywhere; }
    .order-warehouse-meta span { color: #758d97; font-size: 10px; }
    .order-warehouse-meta strong { margin-top: 5px; color: #173d4b; font-size: 13px; }
    .order-warehouse-times { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; padding: 13px 16px; }
    .order-warehouse-times span { min-width: 0; }
    .order-warehouse-times i, .order-warehouse-times b { display: block; overflow-wrap: anywhere; font-style: normal; }
    .order-warehouse-times i { color: #78909a; font-size: 10px; }
    .order-warehouse-times b { margin-top: 4px; color: #315664; font-size: 11px; }
    .order-warehouse-warning { margin: 0 16px 16px; padding: 11px 13px; border-left: 3px solid #c58a22; color: #76500e; background: #fff8e8; font-size: 12px; line-height: 1.7; }
    .shipping-mode-panel { border-top: 3px solid #178fbd; }
    .shipping-mode-options { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 18px 22px 12px; }
    .shipping-mode-options > select { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
    .shipping-mode-option { display: flex; min-width: 0; padding: 15px 16px; border: 1px solid #d6e5ea; border-radius: 6px; background: #fff; cursor: pointer; transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease; }
    .shipping-mode-option:hover { border-color: #78b9cf; background: #f7fcfe; }
    .shipping-mode-option.active { border-color: #168fbd; background: #eff9fc; box-shadow: inset 3px 0 0 #168fbd; }
    .shipping-mode-option input { flex: none; margin: 3px 11px 0 0; accent-color: #168fbd; }
    .shipping-mode-option span, .shipping-mode-option strong, .shipping-mode-option em { display: block; min-width: 0; }
    .shipping-mode-option strong { color: #173d4b; font-size: 14px; }
    .shipping-mode-option em { margin-top: 5px; color: #67808a; font-size: 11px; font-style: normal; line-height: 1.65; }
    .shipping-mode-note { margin: 0 22px 18px; padding: 9px 12px; border-left: 3px solid #d2a137; color: #705521; background: #fff9ea; font-size: 11px; line-height: 1.65; }
    .quick-ship-modal .quick-ship-card { width: min(100%, 760px); }
    .quick-ship-snapshot { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 18px; border: 1px solid #dce8ec; background: #f7fbfc; }
    .quick-ship-snapshot div { min-width: 0; padding: 12px 13px; border-right: 1px solid #dce8ec; }
    .quick-ship-snapshot div:last-child { border-right: 0; }
    .quick-ship-snapshot span, .quick-ship-snapshot strong { display: block; overflow-wrap: anywhere; }
    .quick-ship-snapshot span { color: #718892; font-size: 10px; }
    .quick-ship-snapshot strong { margin-top: 5px; color: #173d4b; font-size: 13px; }
    .quick-ship-grid textarea { min-height: 74px; resize: vertical; }
    .quick-ship-result { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 16px; align-items: center; margin-top: 16px; padding: 12px 14px; border: 1px solid #dce8ec; border-radius: 6px; background: #f7fbfc; }
    .quick-ship-result span { color: #5f7984; font-size: 11px; }
    .quick-ship-result strong { color: #157b49; font-size: 13px; text-align: right; }
    .quick-ship-result strong.loss { color: #bb3f4f; }
    .quick-ship-result em { grid-column: 1 / -1; color: #81959d; font-size: 10px; font-style: normal; }
    .quick-ship-notice { margin-top: 10px; padding-left: 11px; border-left: 3px solid #168fbd; color: #526f7a; font-size: 11px; line-height: 1.65; }
    .quick-ship-more { margin-top: 14px; border: 1px solid #dce8ec; border-radius: 6px; background: #fbfdfe; }
    .quick-ship-more summary { padding: 11px 13px; color: #3f6574; font-size: 12px; font-weight: 800; cursor: pointer; }
    .quick-ship-more[open] summary { border-bottom: 1px solid #e2ecef; }
    .quick-ship-more .quick-ship-grid { padding: 14px; }
    .shipping-pane:not(.active) { display: none !important; }
    .shipping-primary-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .shipping-subsection-nav { display: flex; gap: 8px; margin: -6px 0 14px; }
    .shipping-subsection-nav a { padding: 6px 10px; border: 1px solid #d8e6eb; border-radius: 5px; color: #3e6574; background: #fff; font-size: 11px; font-weight: 800; text-decoration: none; }
    .shipping-subsection-nav a:hover { color: #0879a5; border-color: #8bc3d6; }
    .shipping-region-field { gap: 8px; }
    .shipping-region-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
    .shipping-region-rules { display: grid; gap: 8px; }
    .shipping-region-rule { display: grid; grid-template-columns: minmax(220px, 1.3fr) 110px 130px 120px minmax(200px, 1fr) auto; gap: 8px; align-items: end; padding: 10px; border: 1px solid #dce8ec; border-radius: 6px; background: #f8fbfc; }
    .shipping-region-rule .field { margin: 0; }
    .shipping-region-delete { margin-bottom: 1px; }
    .shipping-template-editor { scroll-margin-top: 126px; transition: border-color .18s ease, box-shadow .18s ease; }
    .shipping-template-editor.is-editing { border-color: #7bbfd3; box-shadow: inset 4px 0 0 #168fbd; }
    .shipping-template-editor.is-creating { border-color: #86c5a7; box-shadow: inset 4px 0 0 #2c9a69; }
    .shipping-template-editor.is-locating { animation: shipping-template-editor-locate .85s ease; }
    .shipping-template-edit-status { display: none; grid-template-columns: minmax(0, auto) minmax(0, 1fr); gap: 6px 14px; align-items: center; margin-bottom: 16px; padding: 11px 13px; border: 1px solid #b9dce7; border-radius: 6px; color: #315b69; background: #eff9fc; }
    .shipping-template-edit-status.active { display: grid; }
    .shipping-template-edit-status strong { color: #0f7194; font-size: 12px; }
    .shipping-template-edit-status span { color: #587681; font-size: 11px; line-height: 1.6; }
    [data-shipping-template-row].is-selected td { background: #eff9fc; }
    [data-edit-shipping-template].is-selected { border-color: #168fbd; color: #fff; background: #168fbd; }
    @keyframes shipping-template-editor-locate {
      0%, 100% { box-shadow: inset 4px 0 0 #168fbd; }
      45% { box-shadow: inset 4px 0 0 #168fbd, 0 0 0 4px rgba(22, 143, 189, .16); }
    }
    .order-quick-fulfillment { margin-bottom: 18px; border-top: 3px solid #168fbd; }
    .order-quick-fulfillment.done { border-top-color: #2c9a69; }
    .quick-fulfillment-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 18px 22px 20px; }
    .quick-fulfillment-steps span { position: relative; min-width: 0; padding: 0 12px 0 42px; color: #77909a; }
    .quick-fulfillment-steps span::before { position: absolute; top: 15px; left: -12px; width: 24px; height: 2px; content: ""; background: #dce8ec; }
    .quick-fulfillment-steps span:first-child::before { display: none; }
    .quick-fulfillment-steps i { position: absolute; top: 0; left: 0; display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid #cbdde3; border-radius: 50%; color: #78909a; background: #fff; font-size: 11px; font-style: normal; }
    .quick-fulfillment-steps b, .quick-fulfillment-steps em { display: block; overflow-wrap: anywhere; }
    .quick-fulfillment-steps b { color: #355967; font-size: 12px; }
    .quick-fulfillment-steps em { margin-top: 5px; color: #78909a; font-size: 10px; font-style: normal; }
    .quick-fulfillment-steps span.done i { border-color: #168fbd; color: #fff; background: #168fbd; }
    .quick-fulfillment-steps span.done::before { background: #69b8d2; }
    .order-detail-workbench .panel-head { border-bottom: 1px solid #e1edf1; }
    .order-detail-standalone-table { border: 0; border-radius: 0; }
    .order-detail-standalone-table table { min-width: 0; }
    .order-detail-standalone-table .order-detail-row td { background: #f7fbfd; }
    .order-detail-standalone-table .order-detail-panel { border-top: 0; }
    .order-commerce-panel { margin-bottom: 18px; }
    .order-commerce-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.7fr) minmax(280px, .7fr);
      min-width: 0;
    }
    .order-detail-goods-table { border: 0; border-right: 1px solid #dfebef; border-radius: 0; }
    .order-detail-goods-table table { min-width: 640px; }
    .order-detail-goods-table th:first-child,
    .order-detail-goods-table td:first-child { padding-left: 20px; }
    .order-detail-product { display: flex; align-items: center; gap: 10px; min-width: 220px; }
    .order-detail-product img { flex: none; width: 48px; height: 48px; border-radius: 6px; object-fit: cover; background: #edf5f7; }
    .order-detail-product div { min-width: 0; display: grid; gap: 4px; }
    .order-detail-product strong { color: #173744; font-size: 13px; overflow-wrap: anywhere; }
    .order-detail-product span { color: #718994; font-size: 12px; }
    .order-detail-customer { display: grid; align-content: start; gap: 0; padding: 6px 20px 18px; }
    .order-detail-customer > div { display: grid; gap: 5px; padding: 12px 0; border-bottom: 1px solid #e3edf0; }
    .order-detail-customer > div:last-child { border-bottom: 0; }
    .order-detail-customer span { color: #718994; font-size: 12px; font-weight: 800; }
    .order-detail-customer strong { color: #173744; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
    .order-detail-customer em { color: #58727d; font-size: 12px; font-style: normal; line-height: 1.55; }
    .order-amount-breakdown p { display: flex; justify-content: space-between; gap: 16px; margin: 0; color: #55707b; font-size: 12px; }
    .order-amount-breakdown p i { font-style: normal; }
    .order-amount-breakdown p b { color: #173744; }
    .order-amount-breakdown p.total { margin-top: 5px; padding-top: 9px; border-top: 1px solid #cfe0e6; font-size: 14px; }
    .order-amount-breakdown p.total b { color: #087eaa; font-size: 17px; }
    .order-promotion-snapshot p { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: 8px; margin: 0; }
    .order-promotion-snapshot p i { padding: 3px 5px; border-radius: 4px; color: #a73543; background: #fff0f2; font-size: 10px; font-style: normal; font-weight: 900; text-align: center; }
    .order-promotion-snapshot p b { min-width: 0; color: #294b58; font-size: 12px; overflow-wrap: anywhere; }
    .order-promotion-snapshot p em { color: #a73543; font-weight: 800; text-align: right; }
    .order-linked-after-sales p { display: grid; gap: 2px; margin: 0; }
    .order-operation-section { display: grid; gap: 9px; margin-top: 6px; padding-top: 12px; border-top: 1px solid #dce9ed; }
    .order-operation-section h3 { margin: 0; }
    .order-operation-logs { display: grid; gap: 0; }
    .order-operation-logs > div { display: grid; gap: 3px; padding: 9px 0; border-bottom: 1px solid #e4edef; }
    .order-operation-logs > div:last-child { border-bottom: 0; }
    .order-operation-logs strong { color: #294b58; font-size: 12px; }
    .order-operation-logs span,
    .order-operation-logs em { color: #78909a; font-size: 11px; font-style: normal; line-height: 1.5; overflow-wrap: anywhere; }
    .order-detail-load-state { display: flex; min-height: 180px; align-items: center; justify-content: center; flex-direction: column; gap: 14px; }
    .order-detail-panel {
      display: grid;
      grid-template-columns: minmax(260px, .8fr) minmax(420px, 1.4fr) minmax(260px, .9fr);
      gap: 14px;
      padding: 14px;
      border-top: 1px solid #dcecf3;
    }
    .order-detail-block {
      min-width: 0;
      display: grid;
      align-content: start;
      gap: 10px;
      padding: 12px;
      border: 1px solid #dcecf3;
      border-radius: 8px;
      background: #fff;
    }
    .order-detail-block h3 {
      color: #123340;
      font-size: 13px;
      font-weight: 900;
    }
    .order-detail-block.wide {
      grid-column: span 2;
    }
    .order-payment-events {
      display: grid;
      gap: 7px;
      max-height: 180px;
      overflow: auto;
      padding-right: 4px;
    }
    .order-pagination {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
      padding: 12px 20px 18px;
      color: #667f8b;
      font-size: 13px;
      font-weight: 900;
    }
    .admin-pagination {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
      padding: 12px 20px 18px;
      color: #667f8b;
      font-size: 13px;
      font-weight: 900;
    }
    .order-page-actions {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
    }
    .admin-page-actions {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
    }
    .order-page-actions select {
      height: 34px;
      min-width: 100px;
    }
    .admin-page-actions select {
      height: 34px;
      min-width: 100px;
    }
    .product-shelf-tabs {
      display: flex;
      align-items: center;
      gap: 2px;
      margin: 14px 0;
      padding: 4px;
      overflow-x: auto;
      border: 1px solid #d7e6ec;
      border-radius: 7px;
      background: #f4f8fa;
      scrollbar-width: thin;
    }
    .product-shelf-tab {
      min-width: 104px;
      height: 42px;
      display: inline-flex;
      flex: none;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 0 13px;
      border: 0;
      border-radius: 5px;
      color: #4e6875;
      background: transparent;
      cursor: pointer;
      font: inherit;
      font-size: 13px;
      font-weight: 800;
    }
    .product-shelf-tab:hover { color: #075f8e; background: #eaf5f9; }
    .product-shelf-tab.active { color: #075f8e; background: #fff; box-shadow: 0 2px 8px rgba(22, 74, 96, .09); }
    .product-shelf-tab.trash.active { color: #a03f48; }
    .product-shelf-tab b {
      min-width: 20px;
      padding: 2px 5px;
      border-radius: 10px;
      color: #66808b;
      background: #e2edf1;
      font-size: 11px;
      text-align: center;
    }
    .product-shelf-tab.active b { color: #fff; background: #1594c5; }
    .product-shelf-tab.trash.active b { background: #c6535d; }
    .product-admin-grid,
    .member-card-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
      gap: 16px;
      padding: 16px 20px 20px;
    }
    .product-admin-card,
    .member-admin-card {
      overflow: hidden;
      border: 1px solid rgba(209, 228, 237, .96);
      border-radius: 20px;
      background:
        radial-gradient(circle at 92% 0, rgba(33, 169, 227, .13), transparent 28%),
        linear-gradient(145deg, #ffffff 0%, #f7fbff 100%);
      box-shadow: 0 16px 38px rgba(35, 73, 91, .08);
    }
    .product-admin-card.product-is-deleted { border-color: #e3c8cb; background: #fffafa; box-shadow: none; }
    .product-admin-card.product-is-deleted .product-card-cover img { filter: grayscale(.55); opacity: .72; }
    .product-card-cover {
      position: relative;
      height: 180px;
      background: linear-gradient(135deg, #effaff, #ffffff);
    }
    .product-card-cover img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }
    .product-card-check {
      position: absolute;
      left: 12px;
      top: 12px;
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      border-radius: 12px;
      background: rgba(255, 255, 255, .92);
      box-shadow: 0 10px 22px rgba(26, 58, 72, .12);
    }
    .product-card-badges {
      position: absolute;
      right: 12px;
      top: 12px;
      display: flex;
      gap: 7px;
      flex-wrap: wrap;
      justify-content: flex-end;
    }
    .product-card-body,
    .member-card-body {
      display: grid;
      gap: 13px;
      padding: 16px;
    }
    .product-card-title,
    .member-card-title {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      align-items: flex-start;
    }
    .product-card-title strong,
    .member-card-title strong {
      min-width: 0;
      color: #102833;
      font-size: 17px;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .product-card-title span,
    .member-card-title span {
      color: #6f8792;
      font-size: 12px;
      line-height: 1.45;
      font-weight: 800;
    }
    .product-card-meta,
    .member-card-meta {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
    }
    .product-card-meta span,
    .member-card-meta span {
      min-height: 54px;
      display: grid;
      align-content: center;
      gap: 4px;
      padding: 9px;
      border-radius: 14px;
      color: #607a86;
      background: #f1f8fb;
      font-size: 11px;
      font-weight: 900;
    }
    .product-card-meta b,
    .member-card-meta b {
      color: #173643;
      font-size: 14px;
      overflow-wrap: anywhere;
    }
    .product-card-tags,
    .member-card-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
      min-height: 26px;
    }
    .product-card-actions,
    .member-card-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      justify-content: flex-end;
      padding-top: 2px;
    }
    .product-workflow-panel {
      padding: 14px 16px;
      border: 1px solid #b9ddec;
      border-left: 4px solid #078fce;
      background: #f2f9fc;
    }
    .product-workflow-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
    .product-workflow-head > div { display: flex; align-items: baseline; gap: 10px; }
    .product-workflow-head span { color: #68818e; font-size: 12px; font-weight: 700; }
    .product-workflow-head strong { color: #075b87; font-size: 16px; }
    .product-workflow-panel p { margin: 8px 0 5px; color: #36596a; font-size: 13px; line-height: 1.65; }
    .product-workflow-panel small { color: #78919d; font-size: 11px; }
    .product-live-version {
      display: grid;
      grid-template-columns: minmax(0, 1.6fr) repeat(2, minmax(90px, .7fr));
      gap: 10px;
      margin: 12px 0;
      padding: 12px;
      border: 1px solid #b9dfd4;
      background: #f2fbf7;
    }
    .product-live-version > div { min-width: 0; display: grid; gap: 4px; }
    .product-live-version span { color: #708b82; font-size: 11px; font-weight: 800; }
    .product-live-version strong { overflow: hidden; color: #145f4a; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
    .product-live-version em { grid-column: 1 / -1; color: #4b786a; font-size: 11px; font-style: normal; line-height: 1.5; }
    .product-inventory-note { display: block; margin: 0 0 9px; color: #5e7b70 !important; }
    .product-live-note {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      gap: 8px;
      align-items: center;
      padding: 8px 10px;
      border-left: 3px solid #1d9a72;
      background: #f1faf6;
      color: #55766a;
      font-size: 11px;
    }
    .product-live-note span { font-weight: 800; }
    .product-live-note strong { overflow: hidden; color: #175f4a; text-overflow: ellipsis; white-space: nowrap; }
    .product-live-note em { color: #357461; font-style: normal; white-space: nowrap; }
    .product-workflow-meta { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 10px; padding-top: 10px; border-top: 1px dashed #d8e7ed; color: #7b919b; font-size: 11px; }
    .product-workflow-meta strong { color: #476674; }
    .product-workflow-meta em { flex-basis: 100%; color: #647d88; font-style: normal; overflow-wrap: anywhere; }
    @media (max-width: 720px) {
      .product-live-version { grid-template-columns: 1fr 1fr; }
      .product-live-version > div:first-child { grid-column: 1 / -1; }
      .product-live-note { grid-template-columns: auto minmax(0, 1fr); }
      .product-live-note em { grid-column: 1 / -1; white-space: normal; }
    }
    .member-admin-card {
      display: grid;
      grid-template-columns: 86px 1fr;
      min-height: 210px;
    }
    .member-avatar-panel {
      display: grid;
      place-items: center;
      padding: 16px 0 16px 16px;
    }
    .member-avatar {
      width: 62px;
      height: 62px;
      display: grid;
      place-items: center;
      overflow: hidden;
      border-radius: 20px;
      color: #0f78ad;
      background: linear-gradient(135deg, #e9f8ff, #ffffff);
      box-shadow: inset 0 0 0 1px #d6ebf4, 0 12px 26px rgba(33, 73, 92, .1);
      font-size: 20px;
      font-weight: 900;
    }
    .member-avatar img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }
    .member-contact {
      display: grid;
      gap: 5px;
      color: #687f8a;
      font-size: 12px;
      line-height: 1.45;
      font-weight: 800;
      overflow-wrap: anywhere;
    }
    table { width: 100%; min-width: 940px; border-collapse: separate; border-spacing: 0 10px; }
    th {
      padding: 10px 12px;
      border: 0;
      color: #7a909b;
      background: transparent;
      text-align: left;
      font-size: 12px;
      font-weight: 900;
      white-space: nowrap;
    }
    td {
      padding: 14px 12px;
      border-top: 1px solid #e2edf2;
      border-bottom: 1px solid #e2edf2;
      background: #fff;
      vertical-align: middle;
      font-size: 14px;
    }
    td:first-child { border-left: 1px solid #e2edf2; border-radius: 14px 0 0 14px; }
    td:last-child { border-right: 1px solid #e2edf2; border-radius: 0 14px 14px 0; }
    tbody tr:hover td { background: #f8fcff; border-color: #cfe5f1; }
    td img {
      width: 64px;
      height: 64px;
      border-radius: 14px;
      object-fit: cover;
      background: #eef7f8;
    }
    .muted { color: #728891; font-size: 13px; line-height: 1.45; }
    .tag {
      min-height: 26px;
      display: inline-flex;
      align-items: center;
      padding: 0 9px;
      border-radius: 999px;
      color: #0f78ad;
      background: #eaf8ff;
      font-size: 12px;
      font-weight: 900;
      white-space: nowrap;
    }
    .tag.gold { color: #9a6613; background: #fff4da; }
    .tag.red { color: #b92d42; background: #ffecef; }
    .tag.green { color: #116b48; background: #e7fbf2; }
    .tag.gray { color: #647987; background: #edf4f7; }
    .coupon-admin-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
      gap: 16px;
    }
    .coupon-admin-card {
      overflow: hidden;
      border: 1px solid #dceaf0;
      border-radius: 18px;
      background: linear-gradient(145deg, #ffffff 0%, #f6fbff 100%);
      box-shadow: 0 16px 34px rgba(36, 76, 92, .07);
    }
    .coupon-admin-top {
      display: grid;
      grid-template-columns: 104px 1fr;
      gap: 14px;
      align-items: center;
      padding: 16px;
      border-bottom: 1px solid #e6f0f4;
      background:
        radial-gradient(circle at 92% 0, rgba(35, 190, 230, .18), transparent 32%),
        linear-gradient(135deg, #ffffff, #effaff);
    }
    .coupon-amount {
      min-height: 86px;
      display: grid;
      place-items: center;
      border-radius: 16px;
      color: #0f78ad;
      background: linear-gradient(135deg, #e7f9ff, #ffffff);
      box-shadow: inset 0 0 0 1px rgba(148, 207, 233, .5);
      font-size: 30px;
      font-weight: 900;
    }
    .coupon-amount small { font-size: 14px; }
    .coupon-title strong { display: block; color: #102833; font-size: 17px; line-height: 1.35; }
    .coupon-title span { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
    .coupon-editor {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      padding: 16px;
    }
    .coupon-editor .field.full { grid-column: 1 / -1; }
    .ops-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      min-width: 420px;
    }
    .ops-grid .field.full { grid-column: 1 / -1; }
    .ops-grid input, .ops-grid textarea, .ops-grid select { min-width: 0; }
    .shipping-snapshot-box { padding: 14px 16px; border: 1px solid #dcecf2; border-radius: 10px; background: #f6fcff; }
    .shipping-snapshot-title { display: flex; justify-content: space-between; gap: 18px; align-items: center; }
    .shipping-snapshot-title strong { color: #12384c; }
    .shipping-snapshot-title span { color: #087eaa; font-weight: 800; text-align: right; }
    .shipping-snapshot-note { margin-top: 7px; color: #708b98; font-size: 12px; }
    .shipping-snapshot-rows { margin-top: 8px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 18px; }
    .shipping-snapshot-rows div { display: flex; justify-content: space-between; gap: 12px; padding-top: 6px; border-top: 1px solid #e3f0f4; color: #66818f; font-size: 12px; }
    .shipping-snapshot-rows b { color: #315f73; }
    .ops-timeline {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
      margin-top: 10px;
    }
    .ops-step {
      min-height: 25px;
      display: inline-flex;
      align-items: center;
      padding: 0 8px;
      border-radius: 999px;
      color: #7a909b;
      background: #edf4f7;
      font-size: 12px;
      font-weight: 900;
    }
    .ops-step.done {
      color: #0d6c50;
      background: #e6fbf2;
    }
    .order-card-list {
      display: grid;
      gap: 16px;
    }
    .order-card {
      overflow: hidden;
      border: 1px solid rgba(205, 225, 234, .96);
      border-radius: 20px;
      background:
        radial-gradient(circle at 94% 0, rgba(33, 169, 227, .12), transparent 26%),
        linear-gradient(145deg, #ffffff 0%, #f7fbff 100%);
      box-shadow: 0 18px 42px rgba(33, 73, 92, .08);
    }
    .order-card-head {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 16px;
      padding: 18px 20px;
      border-bottom: 1px solid #e2eef4;
      background: rgba(255, 255, 255, .72);
    }
    .order-card-head > div:first-child {
      min-width: 0;
      display: grid;
      gap: 6px;
    }
    .order-card-head strong {
      color: #0e2b37;
      font-size: 18px;
      line-height: 1.2;
    }
    .order-card-head span {
      color: #6b838e;
      font-size: 12px;
      font-weight: 800;
    }
    .order-head-tags {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 8px;
      flex-wrap: wrap;
    }
    .order-card-grid {
      display: grid;
      grid-template-columns: minmax(220px, .8fr) minmax(300px, 1fr) minmax(260px, .9fr);
      gap: 14px;
      padding: 16px;
      align-items: stretch;
    }
    .order-block {
      min-width: 0;
      display: grid;
      align-content: start;
      gap: 12px;
      padding: 15px;
      border: 1px solid #e1edf3;
      border-radius: 16px;
      background: rgba(255, 255, 255, .88);
    }
    .order-block.wide {
      grid-column: span 2;
    }
    .order-block h3 {
      color: #153543;
      font-size: 14px;
      font-weight: 900;
      letter-spacing: 0;
    }
    .order-block.money > strong {
      display: block;
      color: #0b759f;
      font-size: 30px;
      line-height: 1;
      letter-spacing: 0;
    }
    .order-block.money > p {
      color: #6e8490;
      font-size: 12px;
      line-height: 1.6;
      font-weight: 800;
    }
    .status-edit {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
      align-items: center;
    }
    .status-edit .tag {
      min-height: 38px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .payment-box {
      display: grid;
      gap: 8px;
      padding: 12px;
      border-radius: 14px;
      background: #f2f8fb;
    }
    .payment-box > strong {
      color: #183946;
      font-size: 13px;
      font-weight: 900;
    }
    .payment-meta {
      display: grid;
      gap: 6px;
    }
    .payment-meta span,
    .payment-event {
      min-width: 0;
      overflow-wrap: anywhere;
      color: #5c7580;
      font-size: 12px;
      line-height: 1.5;
      font-weight: 800;
    }
    .payment-event {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      padding-top: 7px;
      border-top: 1px solid #ddebf2;
    }
    .customer-remark {
      display: grid;
      gap: 6px;
      padding: 12px;
      border-radius: 14px;
      background: #f5fafc;
    }
    .customer-remark strong {
      color: #193844;
      font-size: 12px;
      font-weight: 900;
    }
    .customer-remark span {
      color: #617884;
      font-size: 12px;
      line-height: 1.6;
    }
    .mini-meta-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
      margin-top: 8px;
    }
    .mini-meta-grid span {
      min-height: 32px;
      display: flex;
      align-items: center;
      padding: 0 9px;
      border-radius: 10px;
      color: #496672;
      background: #f0f7fa;
      font-size: 12px;
      font-weight: 800;
    }
    .history-list {
      display: grid;
      gap: 6px;
      margin-top: 8px;
      color: #728891;
      font-size: 12px;
      line-height: 1.45;
    }
    .proof-list {
      max-width: 220px;
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
    }
    .proof-list a {
      width: 52px;
      height: 52px;
      display: block;
      overflow: hidden;
      border: 1px solid #dce9ef;
      border-radius: 12px;
      background: #eef7f8;
    }
    .proof-list.proof-list > img {
      width: 52px;
      height: 52px;
      display: block;
      overflow: hidden;
      border: 1px solid #dce9ef;
      border-radius: 12px;
      background: #eef7f8;
    }
    .proof-list img {
      width: 100%;
      height: 100%;
      border-radius: 0;
      object-fit: cover;
    }
    .table-note textarea {
      min-height: 66px;
      min-width: 220px;
    }
    .customer-remark {
      min-width: 220px;
      display: grid;
      gap: 6px;
      margin-bottom: 10px;
      padding: 10px;
      border: 1px solid #dceaf0;
      border-radius: 12px;
      background: #f5fbff;
    }
    .customer-remark strong {
      color: #0f78ad;
      font-size: 12px;
      line-height: 1.2;
    }
    .customer-remark span {
      color: #48616c;
      font-size: 12px;
      line-height: 1.5;
      font-weight: 800;
    }
    .customer-remark.has-remark {
      border-color: #f0c98e;
      background: #fffaf1;
    }
    .customer-remark-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
    }
    .customer-remark-head i {
      padding: 3px 7px;
      border-radius: 6px;
      font-size: 11px;
      line-height: 1.2;
      font-style: normal;
      font-weight: 900;
    }
    .customer-remark-head i.pending {
      color: #a0521e;
      background: #ffead0;
    }
    .customer-remark-head i.confirmed {
      color: #15705b;
      background: #dff5ec;
    }
    .remark-confirm-check {
      display: flex;
      align-items: center;
      gap: 7px;
      padding-top: 8px;
      border-top: 1px solid rgba(160, 82, 30, 0.14);
      color: #6d5a43;
      font-size: 12px;
      line-height: 1.45;
      font-weight: 800;
    }
    .remark-confirm-check input {
      width: 16px;
      height: 16px;
      flex: 0 0 auto;
    }
    .status-edit {
      min-width: 170px;
      display: grid;
      gap: 8px;
    }
    .payment-box {
      display: grid;
      gap: 8px;
      min-width: 210px;
      margin-top: 10px;
      padding: 10px;
      border: 1px solid #dceaf0;
      border-radius: 13px;
      background: linear-gradient(180deg, #ffffff, #f5fbff);
    }
    .payment-box strong {
      color: #0f78ad;
      font-size: 12px;
      line-height: 1.2;
    }
    .payment-meta,
    .payment-event {
      display: grid;
      gap: 3px;
      color: #48616c;
      font-size: 12px;
      line-height: 1.45;
      font-weight: 800;
    }
    .payment-event {
      padding-top: 7px;
      border-top: 1px dashed #d7e8ef;
    }
    .payment-event span:first-child {
      color: #102833;
      font-weight: 900;
    }
    .row-actions { display: flex; flex-wrap: wrap; gap: 8px; }
    .empty { padding: 24px; color: #728891; text-align: center; }
    .activity-list, .status-stack, .quick-actions-grid { display: grid; gap: 12px; }
    .activity-item, .status-row, .quick-action {
      border: 1px solid #e2edf2;
      border-radius: 16px;
      background: #fbfdff;
    }
    .activity-item {
      display: grid;
      grid-template-columns: 34px 1fr;
      gap: 11px;
      align-items: start;
      padding: 12px;
    }
    .activity-icon {
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      border-radius: 11px;
      color: #0f78ad;
      background: #eaf8ff;
      font-size: 13px;
      font-weight: 900;
    }
    .activity-item strong, .status-row b { display: block; color: #1f2d35; font-size: 13px; line-height: 1.35; }
    .activity-item span, .status-row span { display: block; margin-top: 4px; color: #7a909b; font-size: 12px; line-height: 1.45; }
    .status-row { padding: 14px; }
    .status-top { display: flex; justify-content: space-between; gap: 10px; align-items: center; }
    .status-dot {
      min-width: 56px;
      height: 26px;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      border-radius: 999px;
      color: #116b48;
      background: #e7fbf2;
      font-size: 12px;
      font-weight: 900;
    }
    .status-dot.warn { color: #9a6613; background: #fff4da; }
    .status-dot.green { color: #116b48; background: #e7fbf2; }
    .status-dot.gold { color: #91600f; background: #fff4da; }
    .status-dot.red { color: #b92d42; background: #ffecef; }
    .order-wechat-shipping-status {
      border: 1px solid #dcecf2;
      border-radius: 8px;
      background: #f8fcfe;
    }
    .order-wechat-shipping-status .status-dot {
      min-width: 72px;
      padding: 0 9px;
    }
    .db-message-list {
      display: grid;
      gap: 10px;
      margin-bottom: 18px;
    }
    .db-message {
      padding: 12px 14px;
      border: 1px solid #dbe9ef;
      border-radius: 14px;
      color: #34515d;
      background: #fbfdff;
      font-size: 13px;
      font-weight: 800;
      line-height: 1.6;
    }
    .db-message.warn {
      color: #8b6018;
      border-color: #f1dba8;
      background: #fff9ea;
    }
    .db-message.error {
      color: #b92d42;
      border-color: #ffd1d8;
      background: #fff3f5;
    }
    .runtime-alerts {
      display: grid;
      gap: 10px;
      margin: 0 0 18px;
    }
    .runtime-alert {
      display: grid;
      grid-template-columns: 34px 1fr;
      gap: 11px;
      align-items: start;
      padding: 13px 14px;
      border: 1px solid #f0d9a2;
      border-radius: 16px;
      color: #6f511c;
      background: #fff9ea;
    }
    .runtime-alert.error {
      color: #a93548;
      border-color: #ffd1d8;
      background: #fff3f5;
    }
    .runtime-alert i {
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      border-radius: 11px;
      font-style: normal;
      font-weight: 900;
      background: rgba(255,255,255,.75);
    }
    .runtime-alert strong { display: block; color: inherit; font-size: 14px; line-height: 1.35; }
    .runtime-alert span { display: block; margin-top: 4px; color: inherit; opacity: .82; font-size: 12px; line-height: 1.55; }
    .health-summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      margin-bottom: 14px;
      padding: 15px 16px;
      border: 1px solid #cce7dc;
      border-radius: 14px;
      color: #155f4b;
      background: #f1fbf7;
    }
    .health-summary.gold { border-color: #efd8a4; color: #88611a; background: #fff9ec; }
    .health-summary.red { border-color: #f4c5cf; color: #a33249; background: #fff3f5; }
    .health-summary strong { min-width: 0; font-size: 14px; line-height: 1.45; }
    .health-summary span { flex: none; color: inherit; opacity: .82; font-size: 12px; font-weight: 800; text-align: right; }
    .health-check-grid .acceptance-card small { display: block; margin-top: 8px; color: #75909b; font-size: 11px; line-height: 1.5; }
    @media (max-width: 760px) {
      .health-summary { align-items: flex-start; flex-direction: column; gap: 7px; }
      .health-summary span { text-align: left; }
    }
    .db-sql {
      max-height: 240px;
      overflow: auto;
      padding: 14px;
      border: 1px solid #dceaf0;
      border-radius: 14px;
      color: #21414e;
      background: #f8fcff;
      font-family: Consolas, "Courier New", monospace;
      font-size: 12px;
      line-height: 1.6;
      white-space: pre-wrap;
    }
    .quick-action {
      min-height: 48px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      padding: 0 14px;
      color: #173542;
      font-size: 13px;
      font-weight: 900;
      text-decoration: none;
    }
    .quick-action:hover { border-color: #94cfe9; color: #0f78ad; }
    .ops-cards {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
      margin-bottom: 20px;
    }
    .ops-card {
      min-height: 118px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 14px;
      padding: 18px;
      border: 1px solid rgba(173, 217, 236, .82);
      border-radius: 18px;
      color: #163541;
      background:
        radial-gradient(circle at 88% 8%, rgba(36, 198, 161, .13), transparent 34%),
        linear-gradient(135deg, #fff, #f2fbff);
      box-shadow: 0 18px 42px rgba(31, 128, 174, .08);
    }
    .ops-card.warn {
      border-color: rgba(245, 190, 101, .64);
      background:
        radial-gradient(circle at 88% 8%, rgba(250, 183, 70, .16), transparent 34%),
        linear-gradient(135deg, #fff, #fff8e9);
    }
    .ops-card.danger {
      border-color: rgba(255, 161, 175, .68);
      background:
        radial-gradient(circle at 88% 8%, rgba(255, 92, 118, .13), transparent 34%),
        linear-gradient(135deg, #fff, #fff3f6);
    }
    .ops-card small {
      color: #6f8995;
      font-size: 12px;
      font-weight: 900;
    }
    .ops-card strong {
      display: block;
      color: #102833;
      font-size: 30px;
      line-height: 1;
      font-weight: 900;
    }
    .ops-card span {
      color: #7a909b;
      font-size: 12px;
      line-height: 1.45;
      font-weight: 800;
    }
    .todo-list, .rank-list, .risk-list {
      display: grid;
      gap: 12px;
    }
    .todo-card, .rank-row, .risk-row {
      min-width: 0;
      display: grid;
      grid-template-columns: 38px minmax(0, 1fr) auto;
      gap: 12px;
      align-items: center;
      padding: 13px;
      border-radius: 16px;
      background: #fbfdff;
      border: 1px solid #dcecf3;
    }
    .todo-icon, .rank-index {
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      border-radius: 13px;
      color: #0f78ad;
      background: #eaf8ff;
      font-size: 13px;
      font-weight: 900;
    }
    .todo-card.warn .todo-icon, .risk-row.warn .rank-index { color: #9a6613; background: #fff4da; }
    .todo-card.danger .todo-icon, .risk-row.danger .rank-index { color: #b92d42; background: #fff3f5; }
    .todo-main, .rank-main { min-width: 0; }
    .todo-main strong, .rank-main strong {
      display: block;
      overflow: hidden;
      color: #173542;
      font-size: 13px;
      line-height: 1.35;
      font-weight: 900;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .todo-main span, .rank-main span {
      display: block;
      overflow: hidden;
      margin-top: 4px;
      color: #7a909b;
      font-size: 12px;
      line-height: 1.45;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .todo-card .btn, .risk-row .btn {
      height: 34px;
      padding: 0 12px;
      font-size: 12px;
    }
    .audit-panel-grid {
      display: grid;
      grid-template-columns: minmax(220px, .72fr) minmax(0, 1.28fr);
      gap: 16px;
    }
    .audit-score-card {
      min-height: 190px;
      display: grid;
      align-content: center;
      gap: 13px;
      padding: 20px;
      border-radius: 18px;
      color: #fff;
      background:
        radial-gradient(circle at 86% 8%, rgba(255, 255, 255, .24), transparent 28%),
        linear-gradient(135deg, #0f7fb5, #24bde7);
      box-shadow: 0 18px 40px rgba(22, 139, 213, .16);
    }
    .audit-score-card.warn { background: linear-gradient(135deg, #bd7b17, #f4a63c); }
    .audit-score-card.danger { background: linear-gradient(135deg, #b92d42, #e55361); }
    .audit-score-card small {
      color: rgba(255, 255, 255, .78);
      font-size: 12px;
      font-weight: 900;
    }
    .audit-score-card strong {
      font-size: 54px;
      line-height: 1;
      font-weight: 900;
    }
    .audit-score-card span {
      color: rgba(255, 255, 255, .82);
      font-size: 13px;
      line-height: 1.55;
      font-weight: 800;
    }
    .audit-metrics {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin-top: 4px;
    }
    .audit-metrics em {
      display: grid;
      gap: 5px;
      padding: 10px;
      border-radius: 13px;
      background: rgba(255, 255, 255, .16);
      font-style: normal;
      font-size: 12px;
      font-weight: 900;
    }
    .audit-metrics b {
      color: #fff;
      font-size: 17px;
    }
    .audit-issue-list {
      display: grid;
      gap: 10px;
      min-width: 0;
    }
    .audit-issue {
      min-width: 0;
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr) auto;
      gap: 12px;
      align-items: center;
      padding: 13px;
      border: 1px solid #dcecf3;
      border-radius: 16px;
      background: #fbfdff;
    }
    .audit-issue .rank-index {
      width: 42px;
      height: 42px;
    }
    .audit-issue.error .rank-index { color: #b92d42; background: #fff3f5; }
    .audit-issue.warn .rank-index { color: #9a6613; background: #fff4da; }
    .diagnostics-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr);
      gap: 18px;
    }
    .diagnostic-list {
      display: grid;
      gap: 12px;
    }
    .diagnostic-item {
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr);
      gap: 12px;
      align-items: flex-start;
      padding: 14px;
      border: 1px solid #dbe9ef;
      border-radius: 16px;
      background: #fbfdff;
    }
    .diagnostic-item i {
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border-radius: 14px;
      color: #fff;
      background: linear-gradient(135deg, #23b7ec, #0f7fb5);
      font-style: normal;
      font-weight: 900;
    }
    .diagnostic-item.ok i { background: linear-gradient(135deg, #24c497, #0a956f); }
    .diagnostic-item.warn i { background: linear-gradient(135deg, #f0b84e, #d48912); }
    .diagnostic-item.error i { background: linear-gradient(135deg, #f06b77, #d83f52); }
    .diagnostic-item.info i { background: linear-gradient(135deg, #58c4ef, #168bd5); }
    .diagnostic-item strong {
      display: block;
      color: #102833;
      line-height: 1.35;
    }
    .diagnostic-item span {
      display: block;
      margin-top: 5px;
      color: #68818b;
      font-size: 12px;
      line-height: 1.65;
    }
    .diagnostic-item em {
      display: inline-block;
      margin-top: 8px;
      color: #168bd5;
      font-size: 12px;
      font-style: normal;
      font-weight: 900;
    }
    .endpoint-list {
      display: grid;
      gap: 10px;
    }
    .endpoint-row {
      display: grid;
      grid-template-columns: 90px minmax(0, 1fr) auto;
      gap: 10px;
      align-items: center;
      padding: 12px;
      border: 1px solid #dbe9ef;
      border-radius: 14px;
      background: #fff;
    }
    .endpoint-row strong {
      color: #18313b;
      font-size: 13px;
      line-height: 1.3;
    }
    .endpoint-row code {
      display: block;
      min-width: 0;
      padding: 9px 10px;
      border-radius: 10px;
      color: #0e5f89;
      background: #eef8fc;
      font-family: Consolas, Monaco, monospace;
      font-size: 12px;
      word-break: break-all;
    }
    .endpoint-row span {
      display: block;
      margin-top: 5px;
      color: #78909a;
      font-size: 12px;
      line-height: 1.5;
    }
    .diagnostic-code {
      margin: 0;
      padding: 15px;
      border: 1px solid #dbe9ef;
      border-radius: 14px;
      color: #143847;
      background: #f3f9fc;
      font-family: Consolas, Monaco, monospace;
      font-size: 12px;
      line-height: 1.7;
      white-space: pre-wrap;
      word-break: break-word;
    }
    .acceptance-grid, .flow-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 12px;
    }
    .acceptance-card, .flow-card {
      padding: 14px;
      border: 1px solid #dbe9ef;
      border-radius: 16px;
      background: linear-gradient(180deg, #ffffff 0%, #f7fbfd 100%);
    }
    .acceptance-card strong, .flow-card strong {
      display: block;
      color: #12313d;
      font-size: 14px;
      line-height: 1.35;
    }
    .acceptance-card span, .flow-card span {
      display: block;
      margin-top: 7px;
      color: #6c858f;
      font-size: 12px;
      line-height: 1.6;
    }
    .acceptance-card em {
      display: inline-flex;
      margin-top: 9px;
      padding: 4px 8px;
      border-radius: 999px;
      color: #0f78aa;
      background: #e8f7fd;
      font-size: 11px;
      font-style: normal;
      font-weight: 900;
    }
    .acceptance-card.error {
      border-color: #f2b8c0;
      background: #fff8f9;
    }
    .acceptance-card.warn {
      border-color: #f0d092;
      background: #fffaf0;
    }
    .acceptance-card.ok {
      border-color: #b9e8d8;
      background: #f5fffb;
    }
    .readiness-band {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 16px;
      align-items: center;
      margin-bottom: 14px;
      padding: 16px;
      border: 1px solid #cfe8f3;
      border-radius: 18px;
      background: linear-gradient(135deg, #f4fbff 0%, #eaf8ff 52%, #ffffff 100%);
    }
    .readiness-band.blocked,
    .readiness-band.error {
      border-color: #f2b8c0;
      background: linear-gradient(135deg, #fff8f9 0%, #fff2f4 100%);
    }
    .readiness-band.warn {
      border-color: #f0d092;
      background: linear-gradient(135deg, #fffaf0 0%, #fff5dc 100%);
    }
    .readiness-band strong {
      display: block;
      color: #102833;
      font-size: 15px;
      line-height: 1.35;
    }
    .readiness-band span {
      display: block;
      margin-top: 6px;
      color: #5f7a85;
      font-size: 12px;
      line-height: 1.6;
    }
    .readiness-score {
      min-width: 92px;
      text-align: right;
      color: #0e7fad;
      font-size: 30px;
      font-weight: 950;
      line-height: 1;
    }
    .readiness-score em {
      display: block;
      margin-top: 5px;
      color: #6d8791;
      font-size: 11px;
      font-style: normal;
      font-weight: 800;
    }
    .priority-grid, .scenario-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 12px;
    }
    .priority-card, .scenario-card {
      min-width: 0;
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr);
      gap: 12px;
      padding: 14px;
      border: 1px solid #dbe9ef;
      border-radius: 16px;
      background: #fff;
    }
    .priority-card > i, .scenario-card > i {
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border-radius: 14px;
      color: #fff;
      background: linear-gradient(135deg, #2ab8ed, #0f7fb5);
      font-style: normal;
      font-weight: 950;
    }
    .priority-card.error, .scenario-card.error { border-color: #f2b8c0; background: #fff8f9; }
    .priority-card.warn, .scenario-card.warn { border-color: #f0d092; background: #fffaf0; }
    .priority-card.ok, .scenario-card.ok { border-color: #b9e8d8; background: #f5fffb; }
    .priority-card.error > i, .scenario-card.error > i { background: linear-gradient(135deg, #f06b77, #d83f52); }
    .priority-card.warn > i, .scenario-card.warn > i { background: linear-gradient(135deg, #f0b84e, #d48912); }
    .priority-card.ok > i, .scenario-card.ok > i { background: linear-gradient(135deg, #24c497, #0a956f); }
    .priority-card strong, .scenario-card strong {
      display: block;
      color: #12313d;
      line-height: 1.35;
    }
    .priority-card span, .scenario-card span {
      display: block;
      margin-top: 6px;
      color: #657f89;
      font-size: 12px;
      line-height: 1.65;
    }
    .priority-card em, .scenario-card em {
      display: block;
      margin-top: 8px;
      color: #0f78aa;
      font-size: 12px;
      font-style: normal;
      font-weight: 900;
      line-height: 1.55;
    }
    .priority-card code {
      display: block;
      margin-top: 8px;
      padding: 8px 10px;
      border-radius: 10px;
      color: #395560;
      background: rgba(14, 127, 173, .08);
      font-size: 11px;
      word-break: break-all;
    }
    .scenario-checks {
      margin: 10px 0 0;
      padding-left: 18px;
      color: #38525c;
      font-size: 12px;
      line-height: 1.7;
    }
    .card-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 10px;
    }
    .flow-card ul {
      margin: 10px 0 0;
      padding-left: 18px;
      color: #38525c;
      font-size: 12px;
      line-height: 1.7;
    }
    .flow-card.ready {
      border-color: #b9e8d8;
    }
    .flow-card.blocked {
      border-color: #f2b8c0;
    }
    .rank-value {
      min-width: 82px;
      color: #c24a3a;
      font-size: 15px;
      font-weight: 900;
      text-align: right;
    }
    .product-score {
      min-width: 116px;
      display: grid;
      gap: 8px;
    }
    .score-label {
      display: flex;
      justify-content: space-between;
      gap: 8px;
      color: #607a86;
      font-size: 12px;
      font-weight: 900;
    }
    .score-label strong { color: #102833; font-size: 16px; }
    .score-track {
      height: 8px;
      overflow: hidden;
      border-radius: 999px;
      background: #edf4f7;
    }
    .score-fill {
      height: 100%;
      border-radius: inherit;
      background: linear-gradient(90deg, #168bd5, #24c6a1);
    }
    .score-fill.warn { background: linear-gradient(90deg, #f4a63c, #ffd36e); }
    .score-fill.danger { background: linear-gradient(90deg, #e14d61, #ff94a3); }
    .score-missing {
      color: #7a909b;
      font-size: 12px;
      line-height: 1.45;
      font-weight: 800;
    }
    .empty-soft {
      padding: 22px;
      border: 1px dashed #cce3ee;
      border-radius: 16px;
      color: #7a909b;
      background: #fbfdff;
      font-size: 13px;
      line-height: 1.65;
      font-weight: 800;
      text-align: center;
    }
    .trend-bars { display: grid; gap: 15px; margin-top: 18px; }
    .trend-row {
      display: grid;
      grid-template-columns: 84px 1fr 58px;
      gap: 12px;
      align-items: center;
      color: #657d88;
      font-size: 13px;
      font-weight: 900;
    }
    .trend-track { height: 11px; overflow: hidden; border-radius: 999px; background: #edf4f7; }
    .trend-fill { height: 100%; border-radius: inherit; background: linear-gradient(90deg, #168bd5, #24c6a1); }
    .mini-phone {
      max-width: 360px;
      min-height: 520px;
      overflow: hidden;
      border-radius: 24px;
      border: 8px solid #102833;
      background: #eef7fa;
      box-shadow: 0 24px 52px rgba(16, 40, 51, .2);
    }
    .phone-hero {
      padding: 18px;
      color: #fff;
      background:
        radial-gradient(circle at 80% 0, rgba(255, 255, 255, .34), transparent 30%),
        linear-gradient(156deg, #78d9f4 0%, #3bc4e8 52%, #11a7d6 100%);
    }
    .phone-brand { display: flex; justify-content: space-between; gap: 12px; align-items: center; font-weight: 900; }
    .phone-search {
      min-width: 118px;
      min-height: 30px;
      display: flex;
      align-items: center;
      padding: 0 10px;
      border-radius: 999px;
      color: #6f8995;
      background: rgba(255,255,255,.95);
      font-size: 12px;
      font-weight: 800;
    }
    .phone-banner {
      width: 100%;
      height: 150px;
      display: block;
      margin-top: 18px;
      border-radius: 16px;
      object-fit: cover;
      background: #e8f9ff;
      border: 1px solid rgba(255, 255, 255, .64);
      box-shadow: 0 16px 32px rgba(21, 132, 184, .18);
    }
    .phone-content { padding: 14px; }
    .phone-trust, .phone-cats, .phone-products { display: grid; gap: 9px; margin-bottom: 12px; }
    .phone-trust { grid-template-columns: repeat(3, 1fr); }
    .phone-cats { grid-template-columns: repeat(4, 1fr); }
    .phone-products { grid-template-columns: repeat(2, 1fr); }
    .phone-chip, .phone-cat, .phone-product { border-radius: 12px; background: #fff; box-shadow: 0 10px 24px rgba(42, 119, 165, .08); }
    .phone-chip { min-height: 42px; display: grid; place-items: center; color: #168bd5; font-size: 11px; font-weight: 900; text-align: center; }
    .phone-cat { min-height: 54px; padding: 8px 4px; color: #314650; font-size: 11px; font-weight: 900; text-align: center; }
    .phone-product { min-height: 118px; overflow: hidden; }
    .phone-product span { display: block; height: 62px; background: linear-gradient(135deg, #dff4ff, #fff); }
    .phone-product strong { display: block; padding: 9px; color: #102833; font-size: 12px; line-height: 1.35; }
    .modal {
      position: fixed;
      inset: 0;
      z-index: 60;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 24px;
      background: rgba(9, 30, 39, .58);
      backdrop-filter: blur(8px);
    }
    .modal.show { display: flex; }
    .modal-card {
      width: min(100%, 920px);
      max-height: 92vh;
      overflow: auto;
      border-radius: 20px;
      background: #fff;
      box-shadow: 0 34px 100px rgba(9, 35, 46, .32);
    }
    .modal-card.compact { width: min(100%, 560px); }
    .modal-head, .modal-foot {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 18px 22px;
      border-bottom: 1px solid var(--line);
    }
    .modal-head h2 { color: #102833; font-size: 20px; }
    .modal-foot { justify-content: flex-end; border-top: 1px solid var(--line); border-bottom: 0; }
    .modal-body { padding: 20px 22px; }
    .dialog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
    .dialog-grid .field.full { grid-column: 1 / -1; }
    .login-mask {
      position: fixed;
      inset: 0;
      z-index: 80;
      display: none;
      place-items: center;
      padding: 24px;
      background:
        linear-gradient(135deg, rgba(11, 43, 55, .92), rgba(20, 88, 112, .8)),
        url("/assets/hero-yellow-croaker.png") center / cover no-repeat;
      backdrop-filter: blur(12px);
    }
    .login-mask.show { display: grid; }
    .login-box {
      width: min(100%, 520px);
      padding: 36px 40px;
      border: 1px solid rgba(255, 255, 255, .7);
      border-radius: 24px;
      background: rgba(255, 255, 255, .96);
      box-shadow: 0 34px 90px rgba(3, 24, 32, .32);
    }
    .login-box h2 { color: #102833; font-size: 30px; }
    .login-box p { margin-top: 9px; color: #708793; line-height: 1.7; }
    .login-box input { height: 54px; margin-top: 14px; }
    .login-box .maintenance-input {
      border-color: #cce7f1;
      background: #f2fbff;
    }
    .login-box .maintenance-hint {
      display: block;
      margin-top: 10px;
      color: #7a909b;
      font-size: 12px;
      line-height: 1.55;
    }
    .login-box .btn { width: 100%; margin-top: 16px; height: 48px; }
    .toast-stack {
      position: fixed;
      right: 24px;
      top: 96px;
      z-index: 90;
      display: grid;
      gap: 10px;
      width: min(360px, calc(100vw - 32px));
      pointer-events: none;
    }
    .toast {
      display: grid;
      grid-template-columns: 34px 1fr;
      gap: 11px;
      align-items: start;
      padding: 13px 14px;
      border: 1px solid #dbe9ef;
      border-radius: 16px;
      background: rgba(255, 255, 255, .96);
      box-shadow: 0 18px 44px rgba(26, 58, 72, .16);
      backdrop-filter: blur(14px);
      pointer-events: auto;
      animation: toastIn .18s ease-out;
    }
    .toast i {
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      border-radius: 11px;
      color: #0f78ad;
      background: #eaf8ff;
      font-style: normal;
      font-size: 13px;
      font-weight: 900;
    }
    .toast strong { display: block; color: #102833; font-size: 14px; line-height: 1.35; }
    .toast span { display: block; margin-top: 3px; color: #718894; font-size: 12px; line-height: 1.5; }
    .toast.success i { color: #116b48; background: #e7fbf2; }
    .toast.error i { color: #b92d42; background: #ffecef; }
    .toast.warn i { color: #9a6613; background: #fff4da; }
    @keyframes toastIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
    .panel,
    .stat,
    .module-card,
    .ops-card,
    .insight-card,
    .audit-score-card,
    .audit-issue,
    .todo-card,
    .risk-row,
    .rank-row,
    .product-admin-card,
    .member-admin-card,
    .coupon-admin-card,
    .banner-card,
    .form-block,
    .table-wrap,
    table,
    input,
    textarea,
    select,
    .login-box,
    .toast {
      border-radius: 8px;
    }
    @media (max-width: 1180px) {
      .layout { grid-template-columns: 236px minmax(0, 1fr); }
      .stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .module-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .grid-2, .grid-3, .diagnostics-grid { grid-template-columns: 1fr; }
      .ops-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .form-grid, .form-block { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .notice-config-grid, .notice-editor-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .notice-status-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .order-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .order-block.wide { grid-column: span 2; }
      .filter-row.orders-filter { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .filter-row.orders-filter.order-advanced-filter { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .ops-quick-panel { grid-template-columns: repeat(5, minmax(0, 1fr)); }
      .order-detail-panel { grid-template-columns: 1fr; }
      .order-detail-block.wide { grid-column: auto; }
      .order-commerce-grid { grid-template-columns: 1fr; }
      .order-detail-goods-table { border-right: 0; border-bottom: 1px solid #dfebef; }
      .structured-row-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .sku-procurement-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .product-spec-group-editor { grid-template-columns: 1fr; }
      .inventory-workbench { grid-template-columns: 1fr; }
    }
    @media (max-width: 820px) {
      .layout { display: block; }
      .sidebar { position: relative; min-height: auto; }
      .side-menu { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .side-foot { display: none; }
      .topbar { padding: 14px 16px; align-items: flex-start; flex-direction: column; }
      .content { padding: 22px 16px 40px; }
      .page-head { flex-direction: column; }
      .stats, .module-grid, .form-grid, .form-block, .dialog-grid, .ops-cards { grid-template-columns: 1fr; }
      .product-admin-grid, .member-card-grid { grid-template-columns: 1fr; padding: 14px; }
      .member-admin-card { grid-template-columns: 1fr; }
      .member-avatar-panel { padding: 16px 16px 0; justify-content: start; }
      .product-card-meta, .member-card-meta { grid-template-columns: 1fr; }
      .order-card-head, .payment-event { flex-direction: column; }
      .order-filter-presets { width: 100%; margin-left: 0; flex-wrap: wrap; }
      .order-filter-presets select { width: 100%; }
      .order-detail-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .order-warehouse-overview .panel-head { align-items: flex-start; }
      .order-warehouse-overview .panel-head .button-group { width: 100%; justify-content: space-between; }
      .order-warehouse-steps { padding-right: 10px; padding-left: 10px; }
      .order-warehouse-meta, .order-warehouse-times { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .order-warehouse-meta div:nth-child(2) { border-right: 0; }
      .order-warehouse-meta div:nth-child(-n+2) { border-bottom: 1px solid #e1ecef; }
      .shipping-mode-options { grid-template-columns: 1fr; padding-right: 14px; padding-left: 14px; }
      .shipping-mode-note { margin-right: 14px; margin-left: 14px; }
      .quick-ship-modal .quick-ship-card { width: calc(100vw - 20px); }
      .quick-ship-snapshot { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .quick-ship-snapshot div:nth-child(2) { border-right: 0; }
      .quick-ship-snapshot div:nth-child(-n+2) { border-bottom: 1px solid #dce8ec; }
      .quick-fulfillment-steps { grid-template-columns: 1fr; gap: 15px; padding-right: 16px; padding-left: 16px; }
      .quick-fulfillment-steps span::before { top: -15px; left: 15px; width: 2px; height: 15px; }
      .order-detail-customer { padding: 6px 16px 16px; }
      .order-card-grid, .ops-grid, .status-edit { grid-template-columns: 1fr; }
      .order-block.wide { grid-column: auto; }
      .filter-row.orders-filter { grid-template-columns: 1fr; }
      .filter-row.orders-filter.order-advanced-filter { grid-template-columns: 1fr; }
      .order-advanced-toggle { width: 100%; }
      .ops-quick-panel { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-right: 14px; margin-left: 14px; }
      .order-bulk-toolbar { grid-template-columns: 1fr; margin-right: 14px; margin-left: 14px; }
      .order-bulk-selection { grid-row: auto; padding: 0 0 8px; border-right: 0; border-bottom: 1px solid #dbe8ed; flex-direction: row; justify-content: space-between; }
      .order-bulk-fulfillment,
      .order-bulk-secondary { grid-column: 1; }
      .order-bulk-fulfillment #orderBulkCarrier { width: 100%; flex: 1 1 190px; }
      .structured-row-grid, .package-editor .structured-row-grid, .inventory-form { grid-template-columns: 1fr; }
      .sku-procurement-grid { grid-template-columns: 1fr; }
      .sku-procurement-heading { flex-direction: column; gap: 6px; }
      .sku-procurement-heading em { max-width: none; text-align: left; }
      .structured-row-grid .field.wide { grid-column: auto; }
      .structured-inventory-notice { align-items: stretch; flex-direction: column; }
      .structured-inventory-notice .btn { width: 100%; }
      .order-pagination, .admin-pagination { align-items: stretch; flex-direction: column; }
      .endpoint-row { grid-template-columns: 1fr; }
      .field.two { grid-column: auto; }
      .filter-row input, .filter-row select { width: 100%; }
      .toast-stack { top: 14px; right: 16px; }
    }
    .after-sale-detail-row td { padding: 0 14px 18px; background: #f5fafc; }
    .after-sale-detail-panel { padding: 18px; border: 1px solid #d7e8ee; border-radius: 6px; background: #fff; }
    .after-sale-detail-panel .form-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .check-line { min-height: 42px; display: flex; align-items: center; gap: 9px; padding: 0 12px; border: 1px solid var(--line); border-radius: 5px; background: #f8fbfc; font-weight: 600; }
    .check-line input { width: 16px; height: 16px; margin: 0; }
    @media (max-width: 1100px) { .after-sale-detail-panel .form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    @media (max-width: 680px) { .after-sale-detail-panel .form-grid { grid-template-columns: 1fr; } }
    @media (max-width: 680px) {
      .notice-config-grid, .notice-editor-grid, .notice-status-strip { grid-template-columns: 1fr; }
      .notice-admin-head, .notice-admin-actions { align-items: flex-start; flex-direction: column; }
      .notice-cover-editor { grid-template-columns: 1fr; }
      .notice-cover-editor img { width: 100%; height: 150px; }
    }
  
.product-type-guidance{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid #d9e6ee;background:#f7fbfd;border-radius:6px}.product-type-guidance div{display:flex;flex-direction:column;gap:4px}.product-type-guidance strong{font-size:14px;color:#123447}.product-type-guidance span,.product-type-guidance em{font-size:12px;line-height:1.6;color:#587181;font-style:normal}.product-type-guidance.warn{border-color:#efd7a1;background:#fffaf0}.product-type-guidance.warn em{color:#9b6413}.product-type-guidance.ready{border-color:#b9dfd3;background:#f3fbf8}.product-type-guidance.ready em{color:#18735d}@media(max-width:760px){.product-type-guidance{flex-direction:column;gap:8px}}
.product-type-editor{border-top:3px solid #1695ca}.product-type-editor .panel-head{background:linear-gradient(90deg,#f2fbff 0%,#fff 72%)}.product-type-editor .compact-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0 20px 18px}.product-type-editor .compact-stats .stat{min-height:92px;padding:16px 18px;background:#f7fbfd;box-shadow:none}.product-type-editor textarea[data-model-field]{min-height:118px;font-family:Consolas,"Microsoft YaHei",sans-serif;line-height:1.65}.product-type-editor textarea[data-model-field="description"]{min-height:82px;font-family:inherit}.product-type-editor textarea[data-model-field="attributes"]{min-height:168px}@media(max-width:820px){.product-type-editor .compact-stats{grid-template-columns:1fr;padding:0 14px 14px}}
.home-section-table table{min-width:1320px}.home-section-table td{vertical-align:top}.home-section-table input,.home-section-table select,.home-section-table textarea{min-width:150px}.home-section-table .compact-input{margin-top:8px}.home-section-table .compact-textarea{min-height:62px;margin-top:8px}.home-section-table .check-line{min-height:38px;margin-bottom:8px;white-space:nowrap}
.product-draft-status{display:inline-flex;align-items:center;min-height:28px;margin:0 20px 14px;padding:6px 10px;border:1px solid #d7e7ec;border-radius:6px;background:#f7fbfc;color:#6b8490;font-size:12px}.product-draft-status.saved{border-color:#b8e0d3;background:#f2fbf7;color:#16745b}.product-draft-status.saving{border-color:#f0d8a3;background:#fffaf0;color:#94620f}.product-draft-status.restored{border-color:#9ed3e7;background:#effaff;color:#126b8d}.launch-acceptance-panel{border-top:3px solid #2f9ec7}.launch-acceptance-summary{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr)) minmax(180px,2fr);align-items:center;gap:12px;padding:14px 16px;margin-bottom:14px;border:1px solid #d8e8ed;border-radius:8px;background:linear-gradient(105deg,#f1fbff,#fbfefd)}.launch-acceptance-summary>div:not(.launch-acceptance-progress){display:flex;flex-direction:column;gap:3px}.launch-acceptance-summary strong{color:#153b4c;font-size:24px;line-height:1}.launch-acceptance-summary strong small{font-size:14px;color:#6d8792}.launch-acceptance-summary span{color:#708792;font-size:12px}.launch-acceptance-progress{height:8px;overflow:hidden;border-radius:20px;background:#dcecf0}.launch-acceptance-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#32a6d2,#2db58b);transition:width .25s ease}.launch-acceptance-list{display:grid;gap:8px}.launch-acceptance-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #e1ecef;border-left:3px solid #e2b44c;border-radius:7px;background:#fff}.launch-acceptance-row.ok{border-left-color:#2db58b;background:#fbfefd}.launch-acceptance-row.error{border-left-color:#dd6170;background:#fffafa}.launch-acceptance-main{min-width:0;display:flex;flex:1;flex-direction:column;gap:4px}.launch-acceptance-title{display:flex;align-items:center;gap:10px}.launch-acceptance-title strong{color:#173c4d;font-size:14px}.launch-acceptance-main>span{color:#526d79;font-size:13px;line-height:1.55}.launch-acceptance-main small{overflow:hidden;color:#8499a2;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.launch-acceptance-actions{flex:none}.launch-acceptance-auto{padding:6px 9px;color:#64808c;font-size:12px;font-style:normal}.acceptance-modal-note{margin-bottom:16px;padding:12px 14px;border:1px solid #d5e8ef;border-radius:6px;background:#f3fbfe;color:#4d6c78;font-size:13px;line-height:1.65}.launch-acceptance-modal-card{max-width:720px}.launch-acceptance-modal-card .modal-head{align-items:flex-start}.launch-acceptance-modal-card .modal-head p{margin:4px 0 0;color:#6e8792;font-size:12px}.inline-alert{margin-top:14px;padding:11px 13px;border-radius:6px;font-size:13px;line-height:1.5}.inline-alert.warn{border:1px solid #efd6a0;background:#fff8e8;color:#926318}
@media(max-width:820px){.launch-acceptance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.launch-acceptance-progress{grid-column:1/-1}.launch-acceptance-row{align-items:flex-start;flex-direction:column;gap:10px}.launch-acceptance-actions{width:100%}.launch-acceptance-actions .btn{width:100%}}

/* v56 same-order production evidence chain */
.transaction-evidence-panel { border-top: 3px solid #177fa6; }
.transaction-evidence-form { display: grid; grid-template-columns: minmax(300px, 1fr) minmax(320px, 1.2fr); gap: 16px; align-items: end; }
.transaction-evidence-order { min-width: 0; padding: 12px 14px; border: 1px solid #d7e7ec; background: #f7fbfc; }
.transaction-evidence-order strong, .transaction-evidence-order span { display: block; }
.transaction-evidence-order strong { color: #173f50; font-size: 14px; }
.transaction-evidence-order span { margin-top: 5px; overflow: hidden; color: #6b838e; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.transaction-evidence-summary { display: grid; grid-template-columns: repeat(4, minmax(110px, .7fr)) minmax(260px, 1.5fr); gap: 12px; align-items: center; margin-top: 16px; padding: 14px 16px; border: 1px solid #eed1d5; border-left: 3px solid #d95f6d; background: #fffafa; }
.transaction-evidence-summary.ready { border-color: #b9dfd2; border-left-color: #248e70; background: #f5fbf8; }
.transaction-evidence-summary > div { display: flex; flex-direction: column; gap: 4px; }
.transaction-evidence-summary strong { color: #183f4e; font-size: 22px; }
.transaction-evidence-summary strong small { color: #78909a; font-size: 13px; }
.transaction-evidence-summary span { color: #728994; font-size: 12px; }
.transaction-evidence-summary p { margin: 0; color: #526e7a; font-size: 13px; line-height: 1.55; }
.transaction-evidence-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 14px; }
.transaction-evidence-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; min-width: 0; padding: 12px 14px; border: 1px solid #ecd7da; border-left: 3px solid #d95f6d; background: #fffafa; }
.transaction-evidence-row.ok { border-color: #d6e9e2; border-left-color: #2a9878; background: #fbfefd; }
.transaction-evidence-row > div { min-width: 0; }
.transaction-evidence-row strong, .transaction-evidence-row span { display: block; }
.transaction-evidence-row strong { color: #234756; font-size: 13px; }
.transaction-evidence-row span { margin-top: 4px; color: #708792; font-size: 12px; line-height: 1.5; }
@media (max-width: 980px) {
  .transaction-evidence-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .transaction-evidence-summary p { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  .transaction-evidence-form, .transaction-evidence-checks { grid-template-columns: 1fr; }
  .transaction-evidence-summary { grid-template-columns: 1fr 1fr; }
}
.shipping-policy-preview {
  padding: 16px 18px;
  border: 1px solid #d9eaf2;
  border-radius: 12px;
  background: linear-gradient(135deg, #f4fbfe, #ffffff);
}
.shipping-policy-preview-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  color: #123746;
}
.shipping-policy-preview p,
.shipping-policy-preview small {
  display: block;
  margin: 8px 0 0;
  color: #658493;
  line-height: 1.55;
}
.shipping-policy-preview small {
  color: #0b86b4;
}

/* v45 transaction fulfillment stability and refund truth source */
.growth-range { display: inline-flex; overflow: hidden; border: 1px solid #cddfe7; border-radius: 6px; background: #fff; }
.growth-range button { min-width: 58px; height: 36px; border: 0; border-right: 1px solid #dbe8ed; color: #56717e; background: transparent; font-size: 12px; font-weight: 800; }
.growth-range button:last-child { border-right: 0; }
.growth-range button.active { color: #fff; background: #087fae; }
.growth-kpis { display: grid; grid-template-columns: 1.4fr repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.growth-kpi { min-height: 122px; padding: 18px; border: 1px solid #d7e6ec; border-top: 3px solid #9bcddd; border-radius: 8px; background: #fff; }
.growth-kpi.primary { color: #fff; border-color: #087caa; background: #087caa; }
.growth-kpi.warn { border-top-color: #d58a17; background: #fffbf2; }
.growth-kpi span, .growth-kpi small { display: block; color: #6f8791; font-size: 12px; line-height: 1.5; }
.growth-kpi.primary span, .growth-kpi.primary small { color: #d9f3fd; }
.growth-kpi strong { display: block; margin: 10px 0 7px; color: #123745; font-size: 28px; line-height: 1; }
.growth-kpi.primary strong { color: #fff; }
.growth-main-grid { grid-template-columns: 1.45fr .8fr; }
.growth-chart { min-height: 310px; display: grid; grid-template-columns: repeat(auto-fit, minmax(20px, 1fr)); gap: 5px; align-items: end; overflow-x: auto; }
.growth-day { min-width: 20px; display: grid; grid-template-rows: 214px 18px 17px; gap: 5px; align-items: end; text-align: center; }
.growth-day > div { height: 214px; display: flex; align-items: flex-end; overflow: hidden; background: #f0f6f8; }
.growth-day i { width: 100%; display: block; background: #1598c9; }
.growth-day span { color: #738a94; font-size: 10px; white-space: nowrap; }
.growth-day b { overflow: hidden; color: #294a57; font-size: 9px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.segment-overview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.segment-overview > div { min-height: 104px; padding: 14px; border: 1px solid #dce9ee; border-radius: 6px; background: #f8fbfc; }
.segment-overview strong, .segment-overview small { display: block; }
.segment-overview strong { margin: 12px 0 5px; color: #143744; font-size: 24px; }
.segment-overview small { color: #78909a; font-size: 11px; }
.growth-rank { display: grid; gap: 12px; }
.growth-rank > div { display: grid; grid-template-columns: 30px minmax(150px, 1fr) minmax(100px, 1.2fr); gap: 12px; align-items: center; }
.growth-rank em { width: 28px; height: 28px; display: grid; place-items: center; color: #0b779e; background: #eaf6fa; font-size: 12px; font-style: normal; font-weight: 900; }
.growth-rank span strong, .growth-rank span small { display: block; }
.growth-rank span strong { overflow: hidden; color: #173b49; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.growth-rank span small { margin-top: 4px; color: #78909a; font-size: 11px; }
.growth-rank > div > i { height: 8px; overflow: hidden; background: #edf4f6; }
.growth-rank > div > i b { height: 100%; display: block; background: #1598c9; }
.growth-rank.category > div > i b { background: #18a27d; }
.marketing-safety { border-left: 4px solid #18a27d; }
.growth-settings { padding: 18px 20px; }
.campaign-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.campaign-card { overflow: hidden; border: 1px solid #d4e5eb; border-top: 3px solid #168dbb; border-radius: 8px; background: #fff; }
.campaign-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 18px 20px; border-bottom: 1px solid #deeaee; background: #f7fbfc; }
.campaign-card > header strong, .campaign-card > header small { display: block; }
.campaign-card > header strong { margin-top: 8px; color: #153946; font-size: 17px; }
.campaign-card > header small { margin-top: 5px; color: #758d97; font-size: 11px; }
.switch-line { display: inline-flex; align-items: center; gap: 7px; color: #345865; font-size: 12px; font-weight: 800; white-space: nowrap; }
.switch-line input { width: 17px; height: 17px; margin: 0; }
.campaign-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 18px 20px; }
.campaign-form .field.full { grid-column: 1 / -1; }
.campaign-form select[multiple] { min-height: 128px; padding: 6px; }
.campaign-card > footer { display: flex; justify-content: flex-end; padding: 0 20px 18px; }
.segment-filter { display: grid; grid-template-columns: repeat(auto-fit, minmax(126px, 1fr)); gap: 8px; margin-bottom: 18px; }
.segment-filter button { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; border: 1px solid #d2e3e9; border-radius: 6px; color: #58727e; background: #fff; text-align: left; }
.segment-filter button strong { color: #123745; font-size: 21px; }
.segment-filter button.active { color: #fff; border-color: #087fae; background: #087fae; }
.segment-filter button.active strong { color: #fff; }
.pipeline-band { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid #e0eaee; border-bottom: 1px solid #e0eaee; }
.pipeline-band > div { padding: 18px; border-right: 1px solid #e0eaee; background: #f8fbfc; }
.pipeline-band > div:last-child { border-right: 0; }
.pipeline-band span, .pipeline-band small { display: block; color: #718893; font-size: 11px; }
.pipeline-band strong { display: block; margin: 7px 0; color: #143846; font-size: 24px; }
.task-center-list { display: grid; }
.task-center-row { display: grid; grid-template-columns: 42px minmax(300px, 1fr) minmax(220px, .7fr) 116px; gap: 14px; align-items: center; padding: 17px 20px; border-top: 1px solid #e0eaee; }
.task-center-row:first-child { border-top: 0; }
.task-center-row > i { width: 38px; height: 38px; display: grid; place-items: center; color: #fff; background: #bd7b15; font-style: normal; font-weight: 900; }
.task-center-row.healthy > i { background: #15916f; }
.task-center-row.failed > i { background: #cd4558; }
.task-center-row.running > i { background: #168dbb; }
.task-center-row.degraded > i { background: #d08a1b; }
.task-center-stats { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.task-main > div { display: flex; align-items: center; gap: 10px; }
.task-main strong { color: #153845; font-size: 14px; }
.task-main p, .task-main small { display: block; margin: 5px 0 0; color: #718993; font-size: 11px; line-height: 1.5; }
.task-main code { display: block; overflow: hidden; margin-top: 7px; padding: 7px 9px; color: #28505f; background: #f1f6f8; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.task-times { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.task-times span { color: #7b929b; font-size: 10px; }
.task-times b { display: block; margin-top: 4px; color: #254b58; font-size: 11px; line-height: 1.35; }
.danger-text { color: #c33f53 !important; }
.task-actions { display: grid; gap: 7px; }
@media (max-width: 1280px) {
  .task-center-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .growth-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .campaign-grid { grid-template-columns: 1fr; }
  .task-center-row { grid-template-columns: 42px minmax(240px, 1fr) minmax(180px, .7fr); }
  .task-actions { grid-column: 2 / -1; display: flex; }
}
@media (max-width: 820px) {
  .task-center-stats { grid-template-columns: 1fr 1fr; }
  .growth-kpis, .pipeline-band { grid-template-columns: 1fr; }
  .growth-main-grid { grid-template-columns: 1fr; }
  .campaign-form { grid-template-columns: 1fr; }
  .campaign-form .field.full { grid-column: auto; }
  .pipeline-band > div { border-right: 0; border-bottom: 1px solid #e0eaee; }
  .task-center-row { grid-template-columns: 38px minmax(0, 1fr); align-items: start; }
  .task-times, .task-actions { grid-column: 2; }
  .task-times { grid-template-columns: 1fr; }
  .growth-rank > div { grid-template-columns: 28px minmax(0, 1fr); }
  .growth-rank > div > i { grid-column: 2; }
}

/* v47 warehouse and procurement workbenches */
.warehouse-kpis .stat:nth-child(5) { border-top: 3px solid #cf4c5f; }
.warehouse-create-panel { border-top: 3px solid #1097c8; }
.warehouse-create-controls { display: grid; grid-template-columns: minmax(180px, .8fr) minmax(160px, .7fr) minmax(260px, 1.4fr) auto; gap: 12px; align-items: end; padding: 18px 20px; border-bottom: 1px solid #dce9ee; background: #f7fbfd; }
.warehouse-create-controls .field.grow { min-width: 0; }
.warehouse-create-controls .btn { height: 42px; }
.warehouse-order-queue table { min-width: 1080px; }
.warehouse-order-queue td { vertical-align: top; }
.warehouse-layout { display: grid; grid-template-columns: minmax(300px, .72fr) minmax(620px, 1.55fr); gap: 16px; align-items: start; }
.warehouse-wave-list, .warehouse-wave-detail { margin: 0; }
.warehouse-wave-rows { max-height: 720px; overflow: auto; }
.warehouse-wave-row { width: 100%; display: grid; grid-template-columns: 38px minmax(0, 1fr) 52px 72px; gap: 11px; align-items: center; padding: 14px 16px; border: 0; border-top: 1px solid #e1ecef; color: #183b49; background: #fff; text-align: left; }
.warehouse-wave-row:first-child { border-top: 0; }
.warehouse-wave-row:hover, .warehouse-wave-row.active { background: #eef9fd; }
.warehouse-wave-row.active { box-shadow: inset 3px 0 #0c91c4; }
.warehouse-wave-row > i { width: 34px; height: 34px; display: grid; place-items: center; color: #fff; background: #1b87ad; font-size: 12px; font-style: normal; font-weight: 900; }
.warehouse-wave-row > i.green { background: #198365; }
.warehouse-wave-row > i.gold { background: #b97a18; }
.warehouse-wave-row > i.red { background: #c94357; }
.warehouse-wave-row span { min-width: 0; }
.warehouse-wave-row strong, .warehouse-wave-row small { display: block; }
.warehouse-wave-row small { overflow: hidden; margin-top: 5px; color: #758c96; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.warehouse-wave-row > b { color: #0b7fab; font-size: 15px; text-align: right; }
.warehouse-wave-row > em { color: #6d858f; font-size: 11px; font-style: normal; text-align: right; }
.warehouse-wave-detail { min-height: 420px; padding: 20px; }
.warehouse-empty { min-height: 360px; display: grid; place-content: center; gap: 7px; color: #78909a; text-align: center; }
.warehouse-empty strong { color: #244b59; font-size: 17px; }
.warehouse-detail-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.warehouse-detail-head span, .warehouse-detail-head p, .warehouse-stage small { display: block; color: #718893; font-size: 11px; }
.warehouse-detail-head h3 { margin: 5px 0; color: #123846; font-size: 23px; }
.warehouse-stage { min-width: 136px; text-align: right; }
.warehouse-stage strong { display: block; margin: 9px 0 5px; color: #0b7fad; font-size: 24px; }
.warehouse-progress { height: 8px; overflow: hidden; margin: 16px 0; background: #e4eff3; }
.warehouse-progress i { height: 100%; display: block; background: #1499c9; transition: width .2s ease; }
.warehouse-responsibility { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid #dce8ed; background: #f8fbfc; }
.warehouse-responsibility span { padding: 12px 14px; border-right: 1px solid #dce8ed; }
.warehouse-responsibility span:last-child { border-right: 0; }
.warehouse-responsibility em, .warehouse-responsibility b { display: block; font-style: normal; }
.warehouse-responsibility em { color: #718993; font-size: 10px; }
.warehouse-responsibility b { margin-top: 5px; color: #183d4b; font-size: 13px; }
.warehouse-commandbar { display: grid; grid-template-columns: 180px minmax(300px, 1fr) 120px; gap: 12px; align-items: end; margin: 16px 0; padding: 15px; border: 1px solid #cfe4ec; background: #f2faff; }
.warehouse-commandbar .field.grow { min-width: 0; }
.input-command { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
.input-command input { border-radius: 6px 0 0 6px; }
.input-command .btn { border-radius: 0 6px 6px 0; }
.warehouse-lines { border: 1px solid #dce8ed; }
.warehouse-line { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 12px; align-items: center; min-height: 64px; padding: 10px 14px; border-top: 1px solid #e2ecef; background: #fff; }
.warehouse-line:first-child { border-top: 0; }
.warehouse-line > i { width: 30px; height: 30px; display: grid; place-items: center; color: #976512; background: #fff3d8; font-size: 11px; font-style: normal; font-weight: 900; }
.warehouse-line.done > i { color: #126d52; background: #def6ec; }
.warehouse-line strong, .warehouse-line span { display: block; }
.warehouse-line span { margin-top: 4px; color: #718993; font-size: 11px; }
.warehouse-line > b { color: #234b59; font-size: 14px; }
.warehouse-evidence { display: grid; grid-template-columns: minmax(190px, 1fr) minmax(180px, 1.2fr) auto; gap: 14px; align-items: center; margin-top: 16px; padding: 14px; border: 1px solid #d9e7ec; background: #f8fbfc; }
.warehouse-evidence strong, .warehouse-evidence span { display: block; }
.warehouse-evidence span { margin-top: 4px; color: #758c96; font-size: 11px; }
.warehouse-evidence-images { display: flex; gap: 7px; overflow-x: auto; }
.warehouse-evidence-images img { width: 52px; height: 52px; display: block; border: 1px solid #d6e4e9; object-fit: cover; }
.warehouse-orders { margin-top: 16px; border: 1px solid #dce8ed; }
.warehouse-orders h4 { margin: 0; padding: 12px 14px; border-bottom: 1px solid #dce8ed; color: #173d4b; background: #f7fafb; }
.warehouse-orders > div { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 12px; align-items: center; padding: 11px 14px; border-top: 1px solid #e5edef; }
.warehouse-orders h4 + div { border-top: 0; }
.warehouse-orders strong, .warehouse-orders small { display: block; }
.warehouse-orders small { margin-top: 4px; color: #738b95; font-size: 10px; }
.warehouse-footer-actions { display: flex; justify-content: space-between; gap: 12px; margin-top: 16px; }
.procurement-kpis, .procurement-detail-kpis { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.procurement-top-grid { display: grid; grid-template-columns: minmax(660px, 1.55fr) minmax(280px, .7fr); gap: 16px; align-items: start; }
.procurement-top-grid > .panel { margin-top: 0; }
.procurement-form-head { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; padding: 16px 18px; border-bottom: 1px solid #dce8ed; background: #f8fbfc; }
.procurement-line-head, .procurement-line { display: grid; grid-template-columns: 1.35fr 1fr 76px 100px 1fr 132px 58px; gap: 8px; align-items: center; }
.procurement-line-head { padding: 10px 18px; color: #718994; background: #eef5f7; font-size: 10px; font-weight: 900; }
.procurement-line { padding: 9px 18px; border-top: 1px solid #e1ebee; }
.procurement-line input, .procurement-line select { min-width: 0; height: 38px; padding: 7px 8px; }
.procurement-submit { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 14px 18px 18px; }
.supplier-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; padding: 18px; }
.supplier-form .full { grid-column: 1 / -1; }
.supplier-form > .btn { min-height: 42px; }
.procurement-table table { min-width: 1320px; }
.procurement-table td { vertical-align: top; }
.warehouse-batches { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; }
.warehouse-batches em { display: inline-flex; padding: 4px 7px; border: 1px solid #cfe2e9; color: #326171; background: #f3fafc; font-size: 10px; font-style: normal; }
.warehouse-batches button { margin: -2px -4px -2px 6px; padding: 2px 5px; border: 0; color: #fff; background: #238b72; font-size: 9px; cursor: pointer; }
.warehouse-batch-target { margin-top: 6px; }
.warehouse-batch-target select { width: min(360px, 100%); height: 32px; padding: 4px 7px; font-size: 10px; }
.procurement-detail-summary { border-top: 3px solid #1696c8; }
.procurement-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid #deeaee; }
.procurement-summary-grid > div { min-width: 0; padding: 17px 19px; border-right: 1px solid #deeaee; background: #fbfdfe; }
.procurement-summary-grid > div:last-child { border-right: 0; }
.procurement-summary-grid span, .procurement-summary-grid strong, .procurement-summary-grid em { display: block; }
.procurement-summary-grid span { color: #78909a; font-size: 11px; }
.procurement-summary-grid strong { overflow: hidden; margin-top: 6px; color: #173d4c; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.procurement-summary-grid em { overflow: hidden; margin-top: 5px; color: #68838e; font-size: 11px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.procurement-receipt-panel { border-top: 3px solid #2a9f79; }
.procurement-receipt-table { min-width: 1260px; }
.procurement-receipt-table th { background: #edf6f4; }
.procurement-receipt-table td { vertical-align: top; }
.procurement-receipt-table input, .procurement-receipt-table select { min-width: 82px; height: 36px; padding: 6px 8px; }
.procurement-receipt-table td:nth-child(7) input { display: block; width: 150px; margin-bottom: 6px; }
.procurement-evidence-form { display: grid; grid-template-columns: 140px minmax(220px, .8fr) minmax(260px, 1.2fr) auto auto; gap: 12px; align-items: end; padding: 16px 18px; border-top: 1px solid #dce9ed; background: #f7fbfc; }
.procurement-evidence-form .field.grow { min-width: 0; }
.procurement-evidence-form .btn { height: 42px; }
.procurement-upload-strip { min-height: 58px; display: flex; align-items: center; gap: 8px; padding: 11px 18px; border-top: 1px solid #e1ecef; color: #758c96; background: #fbfdfe; font-size: 11px; }
.procurement-upload-strip img { width: 50px; height: 50px; border: 1px solid #d4e4e9; object-fit: cover; }
.procurement-detail-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(420px, .9fr); gap: 16px; }
.procurement-detail-grid > .panel { margin-top: 0; }
.procurement-history { max-height: 560px; overflow: auto; }
.procurement-history article { padding: 15px 18px; border-top: 1px solid #e1ebee; }
.procurement-history article:first-child { border-top: 0; }
.procurement-history article > div:first-child { display: flex; justify-content: space-between; gap: 14px; }
.procurement-history article strong { color: #173e4c; }
.procurement-history article span, .procurement-history article p { color: #718993; font-size: 11px; }
.procurement-history article > b { display: block; margin-top: 8px; color: #16765c; }
.procurement-history article img { width: 46px; height: 46px; margin-right: 5px; object-fit: cover; }
.procurement-settlement-panel { border-top: 3px solid #c28a27; }
.procurement-settlement-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; padding: 17px 18px; }
.procurement-settlement-form .full { grid-column: 1 / -1; }
.procurement-payment-history > div, .procurement-operation-log > div { display: grid; grid-template-columns: minmax(160px, .6fr) minmax(220px, 1fr) minmax(220px, 1.3fr); gap: 14px; padding: 12px 18px; border-top: 1px solid #e1ebee; }
.procurement-payment-history strong { color: #a16b13; }
.procurement-payment-history span, .procurement-operation-log span, .procurement-operation-log em { color: #718993; font-size: 11px; font-style: normal; }
.procurement-operation-log strong { color: #173e4c; }
@media (max-width: 1260px) {
  .warehouse-layout, .procurement-top-grid { grid-template-columns: 1fr; }
  .warehouse-wave-rows { max-height: 360px; }
  .procurement-kpis, .procurement-detail-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .procurement-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .procurement-summary-grid > div:nth-child(2) { border-right: 0; }
  .procurement-summary-grid > div:nth-child(-n+2) { border-bottom: 1px solid #deeaee; }
  .procurement-detail-grid { grid-template-columns: 1fr; }
  .procurement-evidence-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .procurement-evidence-form .field.grow { grid-column: 1 / -1; }
}
@media (max-width: 820px) {
  .warehouse-create-controls, .warehouse-commandbar, .procurement-form-head { grid-template-columns: 1fr; }
  .warehouse-responsibility { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .warehouse-responsibility span:nth-child(2) { border-right: 0; }
  .warehouse-responsibility span:nth-child(-n+2) { border-bottom: 1px solid #dce8ed; }
  .warehouse-evidence, .warehouse-orders > div { grid-template-columns: 1fr; }
  .procurement-kpis, .procurement-detail-kpis, .procurement-summary-grid { grid-template-columns: 1fr; }
  .procurement-summary-grid > div { border-right: 0; border-bottom: 1px solid #deeaee; }
  .procurement-summary-grid > div:last-child { border-bottom: 0; }
  .procurement-line-head { display: none; }
  .procurement-line { grid-template-columns: 1fr 1fr; padding: 12px; }
  .procurement-line > :first-child { grid-column: 1 / -1; }
  .procurement-submit, .supplier-form { grid-template-columns: 1fr; }
  .procurement-evidence-form, .procurement-settlement-form { grid-template-columns: 1fr; }
  .procurement-evidence-form .field.grow, .procurement-settlement-form .full { grid-column: auto; }
  .procurement-payment-history > div, .procurement-operation-log > div { grid-template-columns: 1fr; gap: 4px; }
  .supplier-form .full { grid-column: auto; }
}

/* v63 account roles and checkbox permissions */
.admin-access-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 16px;
  border: 1px solid #dbe8ed;
  background: #fff;
}
.admin-access-summary > div {
  min-width: 0;
  padding: 16px 18px;
  border-right: 1px solid #e1ebef;
}
.admin-access-summary > div:last-child { border-right: 0; }
.admin-access-summary span { display: block; color: #728892; font-size: 12px; font-weight: 800; }
.admin-access-summary strong { display: block; margin-top: 5px; color: #163948; font-size: 24px; line-height: 1; }
.admin-access-summary .sensitive strong { color: #a45d18; }
.admin-user-table { min-width: 1080px; }
.admin-user-table td { vertical-align: middle; }
.admin-user-identity { display: flex; align-items: center; gap: 11px; min-width: 190px; }
.admin-user-avatar {
  display: grid;
  flex: none;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid #b9dce9;
  border-radius: 6px;
  background: #edf9fd;
  color: #117ca5;
  font-size: 15px;
  font-weight: 900;
}
.admin-user-identity > div { min-width: 0; }
.admin-user-identity strong, .admin-user-identity span, .admin-user-identity em { display: block; }
.admin-user-identity span { margin-top: 2px; color: #77909b; font-size: 12px; }
.admin-user-identity em { margin-top: 4px; color: #a46516; font-size: 11px; font-style: normal; font-weight: 800; }
.admin-permission-summary { display: flex; flex-wrap: wrap; gap: 5px; max-width: 360px; margin-bottom: 5px; }
.permission-pill, .permission-more {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 3px 7px;
  border: 1px solid #d3e5eb;
  border-radius: 5px;
  background: #f5fafc;
  color: #476a78;
  font-size: 11px;
  font-weight: 800;
}
.permission-pill.owner { border-color: #efd398; background: #fff8e8; color: #8e5d11; }
.permission-more { border-style: dashed; background: #fff; color: #708994; }
.modal-card.user-access-card {
  display: flex;
  width: min(1180px, calc(100vw - 36px));
  flex-direction: column;
  overflow: hidden;
}
.user-access-card .modal-head > div { min-width: 0; }
.user-access-card .modal-head p { margin: 4px 0 0; color: #728893; font-size: 12px; }
.user-access-card .modal-head, .user-access-card .modal-foot { flex: none; }
.user-access-card .modal-body { min-height: 0; padding: 0; overflow: auto; }
.user-access-card .field[hidden] { display: none !important; }
.user-access-layout { display: grid; grid-template-columns: minmax(280px, 340px) minmax(0, 1fr); min-height: 560px; }
.user-account-fields { padding: 22px; border-right: 1px solid #dfeaec; background: #f8fbfc; }
.user-account-fields .dialog-grid { grid-template-columns: 1fr; margin-top: 18px; }
.user-account-fields .field.full { grid-column: auto; }
.field-note { color: #6b838e; font-size: 12px; line-height: 1.55; }
.user-security-note { margin-top: 18px; padding: 12px 13px; border-left: 3px solid #2c9bc4; background: #eef8fc; }
.user-security-note strong, .user-security-note span { display: block; }
.user-security-note strong { color: #174356; font-size: 12px; }
.user-security-note span { margin-top: 4px; color: #5d7884; font-size: 12px; line-height: 1.55; }
.user-permission-editor { min-width: 0; padding: 22px; }
.permission-editor-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.permission-editor-head > div:first-child { min-width: 0; }
.permission-editor-head strong, .permission-editor-head span { display: block; }
.permission-editor-head strong { color: #153b4b; font-size: 16px; }
.permission-editor-head span { margin-top: 4px; color: #738a94; font-size: 12px; }
.permission-count { flex: none; padding: 6px 9px; border: 1px solid #c9e2eb; border-radius: 5px; background: #f1faff; color: #14779d; font-size: 12px; font-weight: 900; }
.permission-toolbar { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
.permission-owner-notice { margin-bottom: 14px; padding: 11px 13px; border: 1px solid #efd39a; background: #fff8e9; color: #855817; font-size: 12px; font-weight: 800; }
.permission-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.permission-group { min-width: 0; border: 1px solid #dce8ec; border-radius: 7px; background: #fff; overflow: hidden; }
.permission-group-head { padding: 11px 12px; border-bottom: 1px solid #e4edef; background: #f7fafb; }
.permission-group-head label, .permission-option { display: flex; align-items: flex-start; gap: 9px; cursor: pointer; }
.permission-group input[type="checkbox"] { width: 16px; height: 16px; min-height: 0; margin: 2px 0 0; padding: 0; accent-color: #168fbe; }
.permission-group-head span, .permission-option span { min-width: 0; }
.permission-group-head strong, .permission-group-head small, .permission-option strong, .permission-option small { display: block; }
.permission-group-head strong { color: #244b5b; font-size: 13px; }
.permission-group-head small { margin-top: 2px; color: #7b929b; font-size: 11px; line-height: 1.45; }
.permission-options { display: grid; }
.permission-option { min-height: 72px; padding: 11px 12px; border-bottom: 1px solid #edf2f4; }
.permission-option:last-child { border-bottom: 0; }
.permission-option:hover { background: #f7fbfd; }
.permission-option strong { color: #2c4b58; font-size: 12px; }
.permission-option strong em { display: inline-flex; margin-left: 6px; padding: 1px 5px; border-radius: 4px; background: #fff0e1; color: #a55a13; font-size: 10px; font-style: normal; }
.permission-option small { margin-top: 4px; color: #718892; font-size: 11px; line-height: 1.5; }
.permission-option.sensitive { background: #fffcf7; }
.permission-option.locked { cursor: default; }
.permission-option.locked small { color: #82969e; }
.user-access-card .modal-foot { gap: 10px; }
.modal-foot-note { margin-right: auto; color: #738993; font-size: 11px; line-height: 1.45; }
@media (max-width: 900px) {
  .admin-access-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-access-summary > div:nth-child(2) { border-right: 0; }
  .admin-access-summary > div:nth-child(-n+2) { border-bottom: 1px solid #e1ebef; }
  .user-access-layout { grid-template-columns: 1fr; }
  .user-account-fields { border-right: 0; border-bottom: 1px solid #dfeaec; }
}
@media (max-width: 640px) {
  .modal-card.user-access-card { width: calc(100vw - 20px); }
  .permission-groups { grid-template-columns: 1fr; }
  .user-access-card .modal-foot { align-items: stretch; flex-wrap: wrap; }
  .modal-foot-note { width: 100%; margin-right: 0; }
}

/* v48 transaction acceptance and account-level order views */
.transaction-kpis .stat:first-child { border-top: 3px solid #118fc1; }
.transaction-kpis .stat:nth-child(2) { border-top: 3px solid #cf465a; }
.transaction-overview { border-top: 3px solid #1293c2; }
.transaction-observability { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.transaction-observability > div { min-width: 0; padding: 18px 20px; border-right: 1px solid #deeaee; background: #fbfdfe; }
.transaction-observability > div:last-child { border-right: 0; }
.transaction-observability span, .transaction-observability strong { display: block; }
.transaction-observability span { color: #718993; font-size: 11px; }
.transaction-observability strong { overflow: hidden; margin-top: 7px; color: #173e4c; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.transaction-queue { border-top: 3px solid #183d4b; }
.transaction-filter-bar .filter-row { grid-template-columns: minmax(260px, 1.5fr) repeat(3, minmax(150px, .65fr)) auto; }

.navigation-settings-panel { border-top: 3px solid #229bc7; }
.navigation-settings-table { min-width: 1120px; }
.navigation-settings-table th:first-child { width: 260px; }
.navigation-settings-table th:nth-child(2) { width: 230px; }
.navigation-settings-table th:nth-child(3) { width: 280px; }
.navigation-settings-table th:nth-child(4) { width: 150px; }
.navigation-settings-table input,
.navigation-settings-table select { width: 100%; }
.navigation-settings-table .compact-input { margin-top: 7px; }
.navigation-image-editor { display: grid; grid-template-columns: 68px minmax(170px, 1fr); gap: 10px; align-items: center; }
.navigation-image-editor img { width: 64px; height: 64px; border: 1px solid #d8e8ee; border-radius: 50%; background: #edf9fe; object-fit: contain; }
.navigation-image-editor .btn { margin-bottom: 7px; }
.navigation-image-editor.compact { grid-template-columns: 48px minmax(170px, 1fr); }
.navigation-image-editor.compact img { width: 44px; height: 44px; border-radius: 6px; }
.navigation-settings-table .row-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.bottom-navigation-table { min-width: 1320px; }
.bottom-navigation-table th:first-child { width: 210px; }
.bottom-navigation-table th:nth-child(2) { width: 180px; }
.bottom-navigation-table th:nth-child(3),
.bottom-navigation-table th:nth-child(4) { width: 330px; }
.transaction-table { min-width: 1180px; }
.transaction-table th { position: sticky; top: 0; z-index: 1; background: #f2f8fa; }
.transaction-table td { vertical-align: top; }
.transaction-row.critical td:first-child { box-shadow: inset 3px 0 #cf465a; }
.transaction-row.warning td:first-child { box-shadow: inset 3px 0 #d19a32; }
.transaction-message { max-width: 430px; margin: 6px 0; line-height: 1.55; }
.transaction-table code { display: inline-block; margin-top: 4px; padding: 4px 7px; color: #42616d; background: #eef4f6; font-size: 10px; }
.transaction-resolution { max-width: 310px; margin-top: 7px; padding: 7px 9px; border-left: 3px solid #1d9a75; color: #315b55; background: #f1faf7; font-size: 11px; line-height: 1.5; }
.transaction-recommendation { display: inline-flex; margin: 2px 0 5px; padding: 4px 7px; border: 1px solid #cfe1e7; color: #24596c; background: #f4fafc; font-size: 11px; }
.transaction-actions { min-width: 112px; display: grid; gap: 7px; }
.transaction-actions .btn { width: 100%; justify-content: center; }
.transaction-case-card { width: min(680px, calc(100vw - 32px)); }
.transaction-case-card .modal-head p { margin: 4px 0 0; color: #708792; font-size: 12px; }
.transaction-case-card .modal-body { display: grid; gap: 14px; }
.transaction-case-card textarea { min-height: 112px; resize: vertical; }
.transaction-case-card .field small { color: #80949c; font-size: 11px; line-height: 1.5; }
.transaction-case-summary { display: grid; gap: 7px; padding: 14px 16px; border: 1px solid #ead7b0; border-left: 3px solid #d19a32; background: #fffaf0; }
.transaction-case-summary.critical { border-color: #edcfd3; border-left-color: #cf465a; background: #fff8f9; }
.transaction-case-summary span { color: #9a6b1e; font-size: 11px; font-weight: 700; }
.transaction-case-summary.critical span { color: #ad3949; }
.transaction-case-summary strong { color: #193f4e; font-size: 16px; }
.transaction-case-summary p { margin: 0; color: #58717c; font-size: 13px; line-height: 1.6; }
.transaction-action-guide { display: grid; gap: 5px; padding: 12px 14px; border: 1px solid #cde3dc; border-left: 3px solid #218b70; background: #f4fbf8; }
.transaction-action-guide.manual { border-color: #d6e4e9; border-left-color: #63818e; background: #f7fafb; }
.transaction-action-guide strong { color: #204c4d; font-size: 13px; }
.transaction-action-guide span { color: #637d85; font-size: 12px; line-height: 1.55; }
@media (max-width: 1180px) {
  .transaction-filter-bar .filter-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .transaction-filter-bar .filter-row > :first-child { grid-column: 1 / -1; }
  .transaction-observability { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .transaction-observability > div:nth-child(2) { border-right: 0; }
  .transaction-observability > div:nth-child(-n+2) { border-bottom: 1px solid #deeaee; }
}
@media (max-width: 680px) {
  .transaction-filter-bar .filter-row, .transaction-observability { grid-template-columns: 1fr; }
  .transaction-filter-bar .filter-row > :first-child { grid-column: auto; }
  .transaction-observability > div { border-right: 0; border-bottom: 1px solid #deeaee; }
  .transaction-observability > div:last-child { border-bottom: 0; }
  .transaction-case-card { width: calc(100vw - 20px); }
}

/* v55 server-side shipping quote simulator */
.shipping-quote-test-panel { border-top: 3px solid #168dbb; }
.shipping-quote-test-grid { display: grid; grid-template-columns: minmax(280px, 1.5fr) minmax(160px, .6fr) minmax(160px, .6fr); gap: 12px; }
.shipping-quote-test-summary { display: grid; grid-template-columns: minmax(260px, 1.4fr) repeat(2, minmax(180px, .8fr)) auto; gap: 12px; align-items: center; margin-top: 16px; padding: 12px 14px; border: 1px solid #d9e8ed; border-left: 3px solid #188e70; background: #f7fbfc; }
.shipping-quote-test-summary strong { color: #173e4c; }
.shipping-quote-test-summary span { color: #42616d; font-size: 12px; }
.shipping-quote-test-summary em { color: #78909a; font-size: 11px; font-style: normal; text-align: right; }
.shipping-quote-test-table { min-width: 1050px; margin-top: 14px; }
.shipping-quote-test-table td { vertical-align: top; }
.shipping-quote-test-table td:nth-child(3) strong { color: #0b789f; font-size: 15px; }

.wholesale-config-panel { border: 1px solid #cfe3ea; border-left: 4px solid #168dbb; padding: 16px; background: #f7fbfc; }
.wholesale-config-panel .product-section-title { margin: 0 0 14px; }
.wholesale-config-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.quote-version-list { display: grid; gap: 6px; margin-top: 10px; }
.quote-version-list > div { display: grid; grid-template-columns: 38px 1fr auto; gap: 8px; align-items: center; padding: 7px 9px; border: 1px solid #dce9ed; background: #fff; font-size: 12px; }
.quote-version-list strong { color: #0b789f; }
.quote-version-list span { color: #355865; }
.quote-version-list em { color: #78909a; font-style: normal; }
.waybill-config-panel { border-top: 3px solid #0d7fa8; }
.waybill-status-line { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; padding: 11px 13px; border: 1px solid #d8e9ef; background: #f7fbfd; }
.waybill-status-line strong { color: #153d4c; }
.waybill-status-line em { margin-left: auto; color: #6f8994; font-size: 12px; font-style: normal; }
.shipping-alert-panel { border-top: 3px solid #d99231; }
.shipping-cost-panel { border-top: 3px solid #168e70; }
.shipping-cost-import { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 14px; padding: 0 18px 18px; }
.shipping-cost-import textarea { min-height: 104px; resize: vertical; }
.shipping-cost-import span { padding: 13px; border-left: 3px solid #168e70; background: #f2faf7; color: #53716a; font-size: 12px; line-height: 1.7; }
.shipping-cost-table { min-width: 1080px; }
.shipping-cost-table .cost-loss { color: #b83c45; font-weight: 800; }
.shipping-cost-table .cost-margin { color: #147c62; font-weight: 800; }
.compact-check { white-space: nowrap; }
.shipping-batch-preflight { margin: 0 18px 14px; border: 1px solid #cfe4eb; border-left: 4px solid #168e70; background: #f8fcfd; }
.shipping-batch-preflight.has-blocked { border-left-color: #d99231; }
.shipping-batch-preflight-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 13px 15px; border-bottom: 1px solid #dcebf0; }
.shipping-batch-preflight-head > div:first-child { display: grid; gap: 3px; }
.shipping-batch-preflight-head strong { color: #163d4c; }
.shipping-batch-preflight-head span { color: #66818c; font-size: 12px; }
.shipping-batch-result-list { display: grid; max-height: 260px; overflow: auto; }
.shipping-batch-result { display: grid; grid-template-columns: minmax(180px, .6fr) minmax(280px, 1.5fr) 70px; gap: 14px; align-items: center; padding: 10px 15px; border-bottom: 1px solid #e3eef2; }
.shipping-batch-result:last-child { border-bottom: 0; }
.shipping-batch-result span { color: #58737f; font-size: 12px; }
.shipping-batch-result em { color: #168e70; font-size: 12px; font-style: normal; font-weight: 800; text-align: right; }
.shipping-batch-result.blocked em { color: #bd4a52; }
.package-waybill-actions { flex-wrap: wrap; justify-content: flex-end; }
.package-waybill-error { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; margin: 8px 0; padding: 9px 11px; border-left: 3px solid #c8444d; background: #fff6f6; color: #8f333b; font-size: 12px; }
.package-waybill-error em { color: #866c70; font-style: normal; }
@media (max-width: 980px) {
  .shipping-quote-test-grid { grid-template-columns: 1fr 1fr; }
  .shipping-quote-test-grid .field:first-child { grid-column: 1 / -1; }
  .shipping-quote-test-summary { grid-template-columns: 1fr 1fr; }
  .shipping-quote-test-summary em { text-align: left; }
}
@media (max-width: 620px) {
  .shipping-quote-test-grid, .shipping-quote-test-summary { grid-template-columns: 1fr; }
  .shipping-quote-test-grid .field:first-child { grid-column: auto; }
  .waybill-status-line, .shipping-batch-preflight-head { align-items: flex-start; flex-direction: column; }
  .waybill-status-line em { margin-left: 0; }
  .shipping-cost-import, .shipping-batch-result { grid-template-columns: 1fr; }
  .shipping-batch-result em { text-align: left; }
  .package-waybill-error { grid-template-columns: 1fr; }
}

/* v79 resumable order exports */
.order-export-panel { border-top: 3px solid #178e70; }
.order-export-jobs { display: grid; gap: 8px; padding: 0 18px 18px; }
.order-export-job { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 12px 14px; border: 1px solid #dce9ed; border-left: 3px solid #178e70; background: #f9fcfd; }
.order-export-job-main { min-width: 0; display: grid; gap: 4px; }
.order-export-job-main > div { display: flex; align-items: center; gap: 9px; }
.order-export-job-main p { margin: 0; overflow: hidden; color: #4f6e79; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.order-export-job-main small { color: #7a9099; font-size: 11px; }
.order-export-job-main em { font-size: 11px; font-style: normal; }
.order-export-job-actions { display: flex; align-items: center; justify-content: flex-end; }
@media (max-width: 620px) {
  .order-export-job { grid-template-columns: 1fr; gap: 10px; }
  .order-export-job-main p { white-space: normal; word-break: break-word; }
  .order-export-job-actions { justify-content: flex-start; }
}
.inquiry-item-lines {
  display: grid;
  gap: 6px;
  margin-top: 10px;
  padding: 9px 10px;
  border: 1px solid #dce8ed;
  border-radius: 6px;
  background: #f7fbfc;
}

.inquiry-item-lines > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  color: #496570;
  font-size: 12px;
}

.inquiry-item-lines span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inquiry-item-lines strong,
.inquiry-item-lines small {
  flex: 0 0 auto;
  color: #147d9f;
}

/* Procurement inquiry workbench: compact summary first, editing on demand. */
.inquiry-list {
  display: grid;
  gap: 14px;
  padding: 0 14px 14px;
  min-width: 0;
  overflow-x: hidden;
}
.inquiry-card {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d9e8ed;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(27, 69, 84, .055);
}
.inquiry-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-bottom: 1px solid #e5eef1;
  background: #fbfdfe;
}
.inquiry-card-title,
.inquiry-card-head-right,
.inquiry-card-status,
.inquiry-section-title,
.inquiry-edit-actions,
.inquiry-chip-row,
.inquiry-follow-summary {
  display: flex;
  align-items: center;
}
.inquiry-card-title {
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.inquiry-card-eyebrow,
.inquiry-card-related,
.inquiry-section-title > div > span,
.inquiry-contact-grid small,
.inquiry-info-row > span,
.inquiry-summary-grid span,
.inquiry-follow-summary small,
.inquiry-history > span,
.inquiry-remark > span {
  color: #78909a;
  font-size: 11px;
  line-height: 1.4;
}
.inquiry-card-title > strong {
  max-width: 100%;
  overflow-wrap: anywhere;
  color: #153844;
  font-size: 17px;
  line-height: 1.25;
}
.inquiry-card-related { overflow-wrap: anywhere; }
.inquiry-card-head-right {
  flex: 0 0 auto;
  align-items: flex-end;
  flex-direction: column;
  gap: 9px;
}
.inquiry-card-status,
.inquiry-chip-row { flex-wrap: wrap; gap: 6px; }
.inquiry-follow-toggle { white-space: nowrap; }
.inquiry-summary-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-bottom: 1px solid #e5eef1;
  background: #f6fafb;
}
.inquiry-summary-grid > div {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 11px 14px;
  border-right: 1px solid #e5eef1;
}
.inquiry-summary-grid > div:last-child { border-right: 0; }
.inquiry-summary-grid strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #1a5367;
  font-size: 14px;
  line-height: 1.35;
}
.inquiry-card-grid {
  display: grid;
  grid-template-columns: minmax(230px, .8fr) minmax(300px, 1.25fr) minmax(300px, 1fr);
  gap: 14px;
  padding: 16px;
}
.inquiry-card-section {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 11px;
  padding: 14px;
  border: 1px solid #e1edf1;
  border-radius: 7px;
  background: #fff;
}
.inquiry-section-title {
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #edf3f5;
}
.inquiry-section-title > div { min-width: 0; display: grid; gap: 3px; }
.inquiry-section-title > div > strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #193e4b;
  font-size: 14px;
  line-height: 1.35;
}
.inquiry-section-title > em {
  flex: 0 0 auto;
  max-width: 52%;
  color: #5d7a85;
  font-size: 11px;
  font-style: normal;
  line-height: 1.45;
  text-align: right;
}
.inquiry-contact-grid,
.inquiry-follow-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.inquiry-contact-grid > div,
.inquiry-follow-summary > div {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 8px 9px;
  border-radius: 6px;
  background: #f5fafb;
}
.inquiry-contact-grid b,
.inquiry-follow-summary b {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #315b68;
  font-size: 12px;
  line-height: 1.4;
}
.inquiry-info-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #edf3f5;
}
.inquiry-info-row b {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #3a5e69;
  font-size: 12px;
  font-weight: 700;
  text-align: right;
}
.inquiry-info-row-block { align-items: flex-start; }
.inquiry-info-row-block b { flex: 1; }
.inquiry-purchase-list { display: grid; gap: 7px; min-width: 0; }
.inquiry-purchase-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid #e3edf0;
  border-radius: 6px;
  background: #f9fcfd;
}
.inquiry-purchase-main { min-width: 0; display: grid; gap: 2px; }
.inquiry-purchase-main strong,
.inquiry-purchase-main span,
.inquiry-purchase-main small {
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.4;
}
.inquiry-purchase-main strong { color: #295564; font-size: 12px; }
.inquiry-purchase-main span { color: #66818b; font-size: 11px; }
.inquiry-purchase-main small { color: #8198a1; font-size: 11px; }
.inquiry-purchase-row > b {
  flex: 0 0 auto;
  color: #147d9f;
  font-size: 13px;
  white-space: nowrap;
}
.inquiry-purchase-row > b em { color: #66818b; font-size: 11px; font-style: normal; font-weight: 600; }
.inquiry-more-items.is-collapsed { display: none; }
.inquiry-items-toggle {
  justify-self: start;
  padding: 0;
  border: 0;
  color: #147d9f;
  background: transparent;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
}
.inquiry-threshold-note {
  padding: 8px 10px;
  border-left: 3px solid #2b9b7e;
  color: #417165;
  background: #f1faf6;
  font-size: 11px;
  line-height: 1.5;
}
.inquiry-remark {
  display: grid;
  gap: 4px;
  padding: 9px 10px;
  border-radius: 6px;
  background: #fffaf0;
}
.inquiry-remark p { margin: 0; color: #7a6741; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.inquiry-follow-summary { align-items: stretch; }
.inquiry-history { display: grid; gap: 7px; }
.inquiry-history p { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 8px; margin: 0; color: #607a84; font-size: 11px; line-height: 1.45; }
.inquiry-history p b { color: #78909a; font-weight: 700; }
.inquiry-history p span { min-width: 0; overflow-wrap: anywhere; }
.inquiry-history-empty { color: #99abb2 !important; }
.inquiry-follow-panel {
  display: grid;
  gap: 12px;
  margin-top: 2px;
  padding: 13px;
  border: 1px solid #cfe5ea;
  border-radius: 7px;
  background: #f7fcfd;
}
.inquiry-follow-panel.is-collapsed { display: none; }
.inquiry-follow-panel-title { display: grid; gap: 3px; }
.inquiry-follow-panel-title strong { color: #214d5b; font-size: 13px; }
.inquiry-follow-panel-title span { color: #78909a; font-size: 11px; line-height: 1.45; }
.inquiry-edit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; min-width: 0; }
.inquiry-edit-grid .field.full { grid-column: 1 / -1; }
.inquiry-card input,
.inquiry-card textarea,
.inquiry-card select { width: 100%; min-width: 0; max-width: 100%; }
.inquiry-card textarea { min-height: 68px; resize: vertical; }
.inquiry-edit-actions { justify-content: flex-end; }
.inquiry-empty {
  padding: 54px 20px;
  border: 1px dashed #cbdde3;
  border-radius: 7px;
  color: #7b929b;
  background: #fbfdfe;
  text-align: center;
  font-size: 13px;
}
.inquiry-card .tag.blue { color: #146e9a; background: #eaf7fd; }
@media (max-width: 1180px) {
  .inquiry-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .inquiry-follow-section { grid-column: 1 / -1; }
}
@media (max-width: 820px) {
  .inquiry-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .inquiry-summary-grid > div:nth-child(3) { border-right: 0; }
  .inquiry-card-grid { grid-template-columns: 1fr; padding: 12px; }
  .inquiry-follow-section { grid-column: auto; }
  .inquiry-card-head { padding: 14px; }
  .inquiry-card-head-right { align-items: flex-end; }
}
@media (max-width: 560px) {
  .inquiry-list { padding: 0 10px 10px; }
  .inquiry-card-head { flex-direction: column; }
  .inquiry-card-head-right { width: 100%; align-items: stretch; }
  .inquiry-card-status { justify-content: flex-start; }
  .inquiry-follow-toggle { align-self: flex-start; }
  .inquiry-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .inquiry-summary-grid > div,
  .inquiry-summary-grid > div:nth-child(3) { border-right: 1px solid #e5eef1; }
  .inquiry-summary-grid > div:nth-child(even) { border-right: 0; }
  .inquiry-summary-grid > div:last-child { grid-column: 1 / -1; border-right: 0; }
  .inquiry-edit-grid { grid-template-columns: 1fr; }
  .inquiry-edit-grid .field.full { grid-column: auto; }
  .inquiry-history p { grid-template-columns: 1fr; gap: 2px; }
  .inquiry-section-title { flex-direction: column; }
  .inquiry-section-title > em { max-width: none; text-align: left; }
}

/* Member workbench: keep identity, value and actions readable at every width. */
.member-list-workbench {
  display: grid;
  grid-template-columns: minmax(210px, .55fr) minmax(0, 1.65fr);
  align-items: center;
  gap: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid #e4eef1;
}
.member-list-workbench .list-workbench-meta {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.member-list-workbench .list-workbench-meta > span {
  color: #7b929c;
  font-size: 11px;
  line-height: 1.45;
}
.member-primary-filter {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(250px, 1.5fr) repeat(3, minmax(125px, .75fr)) auto;
  gap: 8px;
  align-items: center;
}
.member-primary-filter input,
.member-primary-filter select {
  width: 100%;
  min-width: 0;
}
.member-primary-filter .btn { white-space: nowrap; }
.member-lifecycle-filter {
  grid-column: 2;
  min-width: 0;
  display: grid;
  grid-template-columns: auto repeat(2, minmax(150px, 1fr)) auto;
  gap: 8px;
  align-items: center;
}
.member-lifecycle-filter > span {
  color: #607b86;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.member-lifecycle-filter select {
  width: 100%;
  min-width: 0;
}
.member-lifecycle-filter .btn { white-space: nowrap; }
.member-card-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(430px, 100%), 1fr));
  gap: 14px;
  padding: 14px 18px 18px;
  align-items: stretch;
}
.member-admin-card {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #d9e8ed;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(27, 69, 84, .055);
}
.member-card-head {
  min-width: 0;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px 15px;
  border-bottom: 1px solid #e5eef1;
  background: #fbfdfe;
}
.member-card-head .member-avatar {
  width: 54px;
  height: 54px;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #d6ebf4;
}
.member-card-head > .tag { align-self: start; white-space: nowrap; }
.member-card-identity {
  min-width: 0;
  display: grid;
  gap: 4px;
}
.member-card-identity strong {
  min-width: 0;
  overflow: hidden;
  color: #153844;
  font-size: 15px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-card-identity span {
  min-width: 0;
  overflow: hidden;
  color: #718994;
  font-size: 11px;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-admin-card .member-card-body {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 11px;
  padding: 13px 15px 14px;
}
.member-contact-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(130px, .8fr) minmax(0, 1.2fr);
  gap: 8px;
}
.member-contact-grid > div {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 8px 9px;
  border-radius: 6px;
  background: #f6fafb;
}
.member-contact-grid span {
  color: #7b929b;
  font-size: 10px;
  line-height: 1.35;
}
.member-contact-grid strong {
  min-width: 0;
  overflow: hidden;
  color: #3b606d;
  font-size: 12px;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-time-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid #e7eff2;
  border-bottom: 1px solid #e7eff2;
}
.member-time-grid > div {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 9px 10px;
  border-right: 1px solid #e7eff2;
}
.member-time-grid > div:last-child { border-right: 0; }
.member-time-grid span {
  color: #7b929b;
  font-size: 10px;
  line-height: 1.35;
}
.member-time-grid b {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #315967;
  font-size: 11px;
  line-height: 1.45;
}
.member-admin-card .member-card-meta {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}
.member-admin-card .member-card-meta span {
  min-width: 0;
  min-height: 52px;
  padding: 8px;
  border-radius: 6px;
}
.member-admin-card .member-card-meta b {
  min-width: 0;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-lifecycle-row {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.member-lifecycle-row > span:last-child {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #728a94;
  font-size: 11px;
  line-height: 1.45;
}
.member-card-remark {
  min-width: 0;
  margin: 0;
  color: #66808b;
  font-size: 11px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.member-admin-card .member-card-actions {
  margin-top: auto;
  padding-top: 11px;
  border-top: 1px solid #e8f0f2;
}
.member-admin-card .member-card-actions .btn { flex: 0 0 auto; }
@media (max-width: 1180px) {
  .member-list-workbench { grid-template-columns: 1fr; align-items: stretch; }
  .member-lifecycle-filter { grid-column: auto; }
}
@media (max-width: 820px) {
  .member-primary-filter { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .member-primary-filter > :first-child { grid-column: 1 / -1; }
  .member-primary-filter .btn { width: 100%; }
  .member-lifecycle-filter { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .member-lifecycle-filter > span { grid-column: 1 / -1; }
  .member-lifecycle-filter .btn { width: 100%; grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .member-list-workbench { padding-right: 14px; padding-left: 14px; }
  .member-primary-filter { grid-template-columns: 1fr; }
  .member-primary-filter > :first-child { grid-column: auto; }
  .member-card-grid { padding: 12px; }
  .member-card-head { grid-template-columns: 48px minmax(0, 1fr) auto; padding: 12px; }
  .member-card-head .member-avatar { width: 48px; height: 48px; }
  .member-contact-grid { grid-template-columns: 1fr; }
  .member-lifecycle-filter { grid-template-columns: 1fr; }
  .member-lifecycle-filter > span,
  .member-lifecycle-filter .btn { grid-column: auto; }
  .member-time-grid { grid-template-columns: 1fr; }
  .member-time-grid > div { border-right: 0; border-bottom: 1px solid #e7eff2; }
  .member-time-grid > div:last-child { border-bottom: 0; }
  .member-admin-card .member-card-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .member-admin-card .member-card-meta span:last-child { grid-column: 1 / -1; }
}

/* v122 首页精选好物运营工作台 */
.home-featured-panel { overflow: hidden; }
.featured-config-strip {
  display: grid;
  grid-template-columns: minmax(150px, .8fr) minmax(240px, 1.4fr) 110px 120px minmax(190px, .9fr);
  gap: 12px;
  align-items: end;
  padding: 14px 18px;
  border-top: 1px solid #e3ecef;
  border-bottom: 1px solid #e3ecef;
  background: #f8fbfc;
}
.featured-config-strip .field { min-width: 0; }
.featured-config-strip .field label { margin-bottom: 6px; }
.featured-autofill {
  min-width: 0;
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 6px 9px;
  border: 1px solid #dce8eb;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
}
.featured-autofill input { width: 17px; height: 17px; flex: 0 0 auto; }
.featured-autofill span { min-width: 0; display: grid; gap: 1px; }
.featured-autofill strong { color: #294f5b; font-size: 12px; line-height: 1.35; }
.featured-autofill em { color: #7d929a; font-size: 10px; line-height: 1.35; font-style: normal; }
.featured-workbench {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(420px, .95fr) minmax(520px, 1.25fr);
  min-height: 430px;
}
.featured-selected-pane,
.featured-library-pane { min-width: 0; padding: 16px 18px 18px; }
.featured-selected-pane { border-right: 1px solid #e3ecef; background: #fbfdfe; }
.featured-pane-head { min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.featured-pane-head > div { min-width: 0; display: grid; gap: 3px; }
.featured-pane-head strong { color: #153c48; font-size: 14px; line-height: 1.35; }
.featured-pane-head span { color: #748b94; font-size: 11px; line-height: 1.5; }
.featured-selected-list { min-width: 0; display: grid; gap: 8px; }
.featured-selected-row {
  min-width: 0;
  display: grid;
  grid-template-columns: 28px 52px minmax(120px, 1fr) auto auto;
  gap: 9px;
  align-items: center;
  padding: 9px;
  border: 1px solid #dfe9ec;
  border-radius: 6px;
  background: #fff;
}
.featured-selected-row.invalid { border-color: #efd8d4; background: #fffafa; }
.featured-selected-row > img { width: 52px; height: 52px; object-fit: cover; border-radius: 5px; background: #eef4f5; }
.featured-selected-index { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: #356270; background: #e7f2f5; font-size: 11px; font-weight: 700; }
.featured-selected-copy,
.featured-selected-missing { min-width: 0; display: grid; gap: 4px; }
.featured-selected-copy strong,
.featured-selected-missing strong { overflow: hidden; color: #244c59; font-size: 12px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.featured-selected-copy span,
.featured-selected-missing span { color: #789098; font-size: 10px; line-height: 1.45; overflow-wrap: anywhere; }
.featured-order-actions { display: flex; align-items: center; gap: 5px; }
.btn.icon-only { width: 32px; min-width: 32px; height: 32px; padding: 0; display: inline-grid; place-items: center; }
.featured-empty,
.featured-library-state { min-height: 130px; display: grid; place-items: center; padding: 20px; color: #7b9098; font-size: 12px; line-height: 1.6; text-align: center; }
.featured-library-state.error { gap: 7px; color: #a24f44; }
.featured-library-state.error span { color: #7f6965; }
.featured-library-toolbar { display: grid; grid-template-columns: minmax(190px, 1fr) minmax(140px, .65fr) auto; gap: 8px; margin-bottom: 12px; }
.featured-product-library { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.featured-library-item {
  min-width: 0;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  padding: 9px;
  border: 1px solid #dfe9ec;
  border-radius: 6px;
  background: #fff;
}
.featured-library-item.unavailable { opacity: .72; background: #fafcfc; }
.featured-library-item > img { width: 64px; height: 64px; object-fit: cover; border-radius: 5px; background: #edf3f4; }
.featured-library-copy { min-width: 0; display: grid; gap: 3px; }
.featured-library-copy strong { overflow: hidden; color: #204956; font-size: 12px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.featured-library-copy span,
.featured-library-copy em { overflow: hidden; color: #789098; font-size: 10px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; font-style: normal; }
.featured-library-copy em { color: #52737e; }
.featured-product-pagination { min-height: 34px; display: flex; align-items: center; justify-content: flex-end; gap: 9px; margin-top: 12px; color: #708790; font-size: 11px; }
.home-new-arrivals-panel { overflow: hidden; }
.new-arrivals-config-strip { border-bottom: 1px solid #e3ecef; }
.new-arrivals-rule-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: #e3ecef; }
.new-arrivals-rule-grid > div { min-width: 0; display: grid; gap: 4px; padding: 14px 18px; background: #f8fbfb; }
.new-arrivals-rule-grid strong { color: #28525e; font-size: 12px; line-height: 1.4; }
.new-arrivals-rule-grid span { color: #718890; font-size: 11px; line-height: 1.55; }
.product-publish-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 10px 0; padding: 9px 10px; border: 1px solid #dce8e9; border-radius: 5px; background: #f7fbfb; }
.product-publish-meta span { min-width: 0; color: #637d85; font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.product-publish-meta b { color: #244d59; }
.home-personalized-panel { overflow: hidden; }
.personalized-config-strip { border-bottom: 1px solid #e3ecef; }
.personalized-rule-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: #dfe9eb;
}
.personalized-rule-grid > div {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 14px 18px;
  background: #f7fafb;
}
.personalized-rule-grid strong { color: #28525e; font-size: 12px; line-height: 1.4; }
.personalized-rule-grid span { color: #718890; font-size: 11px; line-height: 1.55; }
.personalized-runtime { min-width: 0; padding: 16px 18px 18px; background: #fff; }
.personalized-summary-state { min-height: 76px; display: grid; place-items: center; color: #718890; font-size: 12px; }
.personalized-summary-state.error { color: #a15b4f; }
.personalized-summary-grid { min-width: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.personalized-summary-grid > div {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: end;
  gap: 6px;
  padding: 12px;
  border: 1px solid #dfe9eb;
  border-radius: 6px;
  background: #f8fbfb;
}
.personalized-summary-grid span { grid-column: 1 / -1; color: #718890; font-size: 10px; line-height: 1.4; }
.personalized-summary-grid strong { color: #173f4c; font-size: 22px; line-height: 1; }
.personalized-summary-grid em { color: #789098; font-size: 10px; line-height: 1.2; font-style: normal; }
.personalized-top-categories { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; margin-top: 12px; padding-top: 12px; border-top: 1px solid #e5edef; }
.personalized-top-categories > strong { color: #315b67; font-size: 11px; }
.personalized-top-categories > div { min-width: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.personalized-top-categories > div span { padding: 4px 7px; border-radius: 4px; color: #37616d; background: #eaf3f4; font-size: 10px; }
.personalized-top-categories > em { color: #7c9299; font-size: 10px; font-style: normal; }
@media (max-width: 1260px) {
  .shipping-region-rule { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shipping-region-delete { justify-self: start; }
  .featured-config-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .featured-desc-field { grid-column: span 2; }
  .featured-workbench { grid-template-columns: 1fr; }
  .featured-selected-pane { border-right: 0; border-bottom: 1px solid #e3ecef; }
  .personalized-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .shipping-primary-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shipping-region-rule { grid-template-columns: 1fr; }
  .shipping-template-edit-status { grid-template-columns: 1fr; }
  .quick-ship-snapshot { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .quick-ship-snapshot div:nth-child(2) { border-right: 0; }
  .quick-ship-snapshot div:nth-child(-n+2) { border-bottom: 1px solid #dce8ec; }
  .featured-config-strip { grid-template-columns: 1fr 1fr; }
  .featured-desc-field { grid-column: 1 / -1; }
  .featured-selected-row { grid-template-columns: 26px 46px minmax(0, 1fr); }
  .featured-selected-row > img { width: 46px; height: 46px; }
  .featured-selected-row > .tag,
  .featured-order-actions { grid-column: 3; }
  .featured-product-library { grid-template-columns: 1fr; }
  .featured-library-toolbar { grid-template-columns: 1fr; }
  .new-arrivals-rule-grid { grid-template-columns: 1fr; }
  .personalized-rule-grid,
  .personalized-summary-grid { grid-template-columns: 1fr; }
  .personalized-top-categories { grid-template-columns: 1fr; }
  .product-publish-meta { align-items: flex-start; flex-direction: column; }
}