:root {
      color-scheme: light;
      --bg: #f7f8fa;
      --panel: #ffffff;
      --text: #1f2933;
      --muted: #65717e;
      --line: #d8dde3;
      --brand: #146c94;
      --danger: #b42318;
      --ok: #18794e;
    }
    * { box-sizing: border-box; }
    body {
      margin: 0;
      background: var(--bg);
      color: var(--text);
      font: 14px/1.45 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }
    header {
      background: #ffffff;
      border-bottom: 1px solid var(--line);
      padding: 12px 20px;
      position: sticky;
      top: 0;
      z-index: 2;
    }
    .topbar {
      align-items: center;
      display: flex;
      gap: 18px;
      justify-content: space-between;
      max-width: 1600px;
      margin: 0 auto;
    }
    h1 { font-size: 18px; margin: 0; letter-spacing: 0; }
    h2 { font-size: 16px; margin: 18px 0 10px; letter-spacing: 0; }
    .page-title {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 18px 0 10px;
    }
    .page-title h2 { margin: 0; }
    .help-button {
      align-items: center;
      background: #ffffff;
      border: 1px solid var(--line);
      border-radius: 999px;
      color: var(--brand);
      cursor: pointer;
      display: inline-flex;
      font-weight: 700;
      height: 26px;
      justify-content: center;
      line-height: 1;
      padding: 0;
      width: 26px;
    }
    .help-button:hover { border-color: var(--brand); background: #f0f8fb; }
    .help-dialog {
      border: 1px solid var(--line);
      border-radius: 8px;
      box-shadow: 0 18px 48px rgba(15, 47, 58, .22);
      color: var(--text);
      max-height: min(82vh, 760px);
      max-width: min(920px, calc(100vw - 32px));
      padding: 0;
      width: 920px;
    }
    .help-dialog::backdrop { background: rgba(15, 23, 42, .38); }
    .help-dialog-inner {
      background: #ffffff;
      max-height: min(82vh, 760px);
      overflow: auto;
      padding: 18px;
    }
    .help-dialog-header {
      align-items: center;
      border-bottom: 1px solid var(--line);
      display: flex;
      gap: 12px;
      justify-content: space-between;
      margin: -18px -18px 14px;
      padding: 14px 18px;
    }
    .help-dialog-header h3 {
      font-size: 16px;
      letter-spacing: 0;
      margin: 0;
    }
    .help-close {
      background: #ffffff;
      border: 1px solid var(--line);
      border-radius: 999px;
      color: var(--muted);
      cursor: pointer;
      font-size: 18px;
      height: 30px;
      line-height: 1;
      padding: 0;
      width: 30px;
    }
    .help-close:hover { border-color: var(--brand); color: var(--brand); }
    .help-section { margin: 0 0 16px; }
    .help-section h4 {
      font-size: 14px;
      letter-spacing: 0;
      margin: 0 0 8px;
    }
    .help-section ul {
      margin: 0;
      padding-left: 20px;
    }
    .help-section li { margin: 4px 0; }
    .help-field-wrap {
      border: 1px solid var(--line);
      border-radius: 8px;
      overflow: auto;
    }
    .help-field-table {
      border-collapse: collapse;
      min-width: 720px;
      width: 100%;
    }
    .help-field-table th,
    .help-field-table td {
      border-bottom: 1px solid var(--line);
      padding: 8px 10px;
      text-align: left;
      vertical-align: top;
    }
    .help-field-table th {
      background: #f0f3f6;
      color: var(--text);
      font-size: 12px;
      width: 260px;
    }
    .help-field-table tr:last-child th,
    .help-field-table tr:last-child td { border-bottom: 0; }
    .help-field-table td > p { margin: 0; }
    .help-option-block {
      background: #f7fafb;
      border-left: 3px solid #9bc7d7;
      margin-top: 8px;
      padding: 8px 10px;
    }
    .help-option-block > strong { color: var(--text); font-size: 12px; }
    .help-option-block dl { margin: 6px 0 0; }
    .help-option-row {
      border-top: 1px solid #e2e9ec;
      display: grid;
      gap: 10px;
      grid-template-columns: minmax(180px, .8fr) minmax(260px, 1.2fr);
      padding: 7px 0;
    }
    .help-option-row:first-child { border-top: 0; }
    .help-option-row dt { align-items: baseline; display: flex; flex-wrap: wrap; gap: 7px; }
    .help-option-row dt code { color: #075f63; font-weight: 700; overflow-wrap: anywhere; }
    .help-option-row dt span { color: var(--muted); font-size: 12px; }
    .help-option-row dd { margin: 0; }
    .help-dialog-actions {
      border-top: 1px solid var(--line);
      margin: 16px -18px -18px;
      padding: 12px 18px;
      text-align: right;
    }
    @media (max-width: 680px) {
      .help-option-row { grid-template-columns: 1fr; gap: 3px; }
    }
    .button {
      border: 1px solid var(--line);
      border-radius: 6px;
      color: var(--text);
      background: #ffffff;
      display: inline-flex;
      align-items: center;
      min-height: 34px;
      padding: 6px 10px;
      text-decoration: none;
      white-space: nowrap;
    }
    .button:hover { border-color: var(--brand); color: var(--brand); }
    .table-nav {
      align-items: center;
      display: flex;
      flex: 1;
      flex-wrap: wrap;
      gap: 8px;
      min-width: 280px;
    }
    .nav-group {
      position: relative;
    }
    .nav-group[open]::after {
      content: "";
      height: 10px;
      left: 0;
      position: absolute;
      right: 0;
      top: 100%;
      z-index: 29;
    }
    .nav-primary {
      align-items: center;
      background: #ffffff;
      border: 1px solid var(--line);
      border-radius: 6px;
      color: var(--text);
      cursor: pointer;
      display: inline-flex;
      font-weight: 600;
      gap: 6px;
      list-style: none;
      min-height: 34px;
      padding: 6px 10px;
      text-decoration: none;
      white-space: nowrap;
    }
    .nav-primary::-webkit-details-marker { display: none; }
    .nav-primary::after {
      color: var(--muted);
      content: "▾";
      font-size: 10px;
      line-height: 1;
    }
    .nav-group[open] .nav-primary::after { transform: rotate(180deg); }
    .nav-group.active .nav-primary,
    .nav-primary.active,
    .nav-primary:hover {
      border-color: var(--brand);
      color: var(--brand);
    }
    .nav-single::after { content: none; }
    .nav-submenu {
      background: #ffffff;
      border: 1px solid var(--line);
      border-radius: 8px;
      box-shadow: 0 12px 28px rgba(15, 47, 58, .16);
      display: grid;
      gap: 6px;
      left: 0;
      min-width: 330px;
      padding: 8px;
      position: absolute;
      top: calc(100% + 2px);
      z-index: 30;
    }
    .nav-submenu.wide {
      grid-template-columns: repeat(2, minmax(260px, 1fr));
      min-width: 680px;
    }
    .nav-submenu .nav-link {
      justify-content: flex-start;
      white-space: normal;
      width: 100%;
    }
    .nav-link {
      border: 1px solid var(--line);
      border-radius: 6px;
      color: var(--text);
      background: #ffffff;
      display: inline-flex;
      align-items: center;
      min-height: 32px;
      padding: 5px 9px;
      text-decoration: none;
      white-space: nowrap;
    }
    .nav-link:hover,
    .nav-link.active {
      border-color: var(--brand);
      color: var(--brand);
    }
    main { max-width: 1600px; margin: 0 auto; padding: 18px 20px 40px; }
    .flash {
      border-left: 4px solid var(--ok);
      background: #ecfdf3;
      padding: 10px 12px;
      margin: 0 0 14px;
    }
    .flash.error { border-color: var(--danger); background: #fff1f0; }
    .toolbar {
      align-items: end;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
      gap: 10px;
      margin-bottom: 14px;
    }
    .toolbar.websites-toolbar {
      grid-template-columns: repeat(6, minmax(150px, 1fr));
    }
    .toolbar .search-row {
      display: flex;
      align-items: end;
      gap: 8px;
      grid-column: 1 / -1;
      justify-content: center;
    }
    .websites-toolbar .search-row {
      display: grid;
      grid-template-columns: repeat(6, minmax(150px, 1fr));
      justify-content: stretch;
    }
    .toolbar .search-row > div {
      flex: 0 0 190px;
      max-width: 220px;
    }
    .websites-toolbar .search-row > div {
      flex: none;
      max-width: none;
    }
    .toolbar .search-row > .search-input {
      flex: 1 1 360px;
      max-width: 560px;
    }
    .websites-toolbar .search-row .search-field-category-code { grid-column: 1; }
    .websites-toolbar .search-row .search-field-collect-status { grid-column: 2; }
    .websites-toolbar .search-row .search-field-result-code { grid-column: 3; }
    .websites-toolbar .search-row .search-field-service-tag { grid-column: 4; }
    .websites-toolbar .search-row .search-input {
      grid-column: 5 / span 1;
      max-width: none;
    }
    .websites-toolbar .search-row button { grid-column: 6; }
    .toolbar.product-details-toolbar { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .product-details-search-row {
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: minmax(210px, .7fr) minmax(480px, 1.4fr) minmax(240px, 1fr) auto;
      align-items: end;
      gap: 12px;
    }
    .product-details-search-row > * { min-width: 0; }
    .product-details-search-row .numeric-range-filter label { overflow-wrap: anywhere; }
    @media (max-width: 900px) {
      .toolbar.product-details-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .product-details-search-row { grid-template-columns: minmax(0, 1fr); }
    }
    .required-marker {
      color: #d92d20;
      font-weight: 700;
      margin-left: 3px;
    }
    label {
      color: var(--muted);
      display: block;
      font-size: 12px;
      margin-bottom: 4px;
    }
    input, select, textarea {
      border: 1px solid var(--line);
      border-radius: 6px;
      font: inherit;
      min-height: 34px;
      padding: 6px 8px;
      width: 100%;
    }
    .numeric-range-filter {
      border: 0;
      display: grid;
      gap: 6px;
      grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
      margin: 0;
      min-width: 0;
      padding: 0;
    }
    .numeric-range-filter legend {
      color: var(--muted);
      font-size: 12px;
      grid-column: 1 / -1;
      margin-bottom: 4px;
      padding: 0;
    }
    .numeric-range-filter label { margin: 0; }
    .numeric-range-separator { align-self: center; color: var(--muted); padding-top: 18px; }
    .compact-filter {
      position: relative;
      width: 100%;
    }
    .compact-filter summary {
      border: 1px solid var(--line);
      border-radius: 6px;
      cursor: pointer;
      min-height: 34px;
      overflow: hidden;
      padding: 7px 28px 7px 8px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .compact-filter-menu {
      background: var(--panel);
      border: 1px solid var(--line);
      border-radius: 6px;
      box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
      left: 0;
      max-height: 260px;
      min-width: 100%;
      overflow: auto;
      padding: 6px;
      position: absolute;
      top: calc(100% + 4px);
      z-index: 20;
    }
    .compact-filter-option {
      align-items: center;
      color: var(--text);
      display: flex;
      gap: 6px;
      margin: 0;
      min-height: 28px;
      padding: 4px 6px;
      white-space: nowrap;
    }
    .compact-filter-option[hidden] {
      display: none;
    }
    .compact-filter-option input {
      min-height: 0;
      width: auto;
    }
    .compact-filter-search {
      margin-bottom: 6px;
      min-height: 30px;
      position: sticky;
      top: 0;
      z-index: 1;
    }
    .searchable-filter {
      position: relative;
      width: 100%;
    }
    .searchable-filter-input {
      background: #ffffff;
      border: 1px solid var(--line);
      border-radius: 6px;
      min-height: 34px;
      padding: 6px 8px;
      width: 100%;
    }
    .searchable-filter .compact-filter-menu {
      display: none;
    }
    .searchable-filter:focus-within .compact-filter-menu {
      display: block;
    }
    textarea { resize: vertical; }
    button {
      background: var(--brand);
      border: 1px solid var(--brand);
      border-radius: 6px;
      color: #ffffff;
      cursor: pointer;
      font: inherit;
      min-height: 34px;
      padding: 6px 12px;
      white-space: nowrap;
    }
    button.secondary { background: #ffffff; color: var(--text); border-color: var(--line); }
    button.danger { background: var(--danger); border-color: var(--danger); }
    button.compact-filter-option {
      background: transparent;
      border: 0;
      border-radius: 4px;
      color: var(--text);
      justify-content: flex-start;
      min-height: 28px;
      padding: 4px 6px;
      text-align: left;
      width: 100%;
    }
    button.compact-filter-option:hover,
    button.compact-filter-option:focus {
      background: #f0f3f6;
      outline: none;
    }
    .website-contact-link { text-decoration: underline; text-underline-offset: 3px; }
    .website-contact-link:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
    .table-wrap {
      background: var(--panel);
      border: 1px solid var(--line);
      border-radius: 8px;
      overflow: auto;
    }
    /* Opening an editor moves its long list; isolate the list's paint work. */
    .table-wrap.nowrap-body,
    .table-wrap.domestic-buyer-table { contain: layout paint; }
    .table-wrap.nowrap-body table {
      table-layout: fixed;
      /* Let visible column widths determine the total without stretching them. */
      min-width: 0;
      width: 1px;
    }
    .table-wrap.nowrap-body .col-id { width: 56px; }
    .table-wrap.nowrap-body .col-category-code { width: 88px; }
    .table-wrap.nowrap-body .col-country { width: 88px; }
    .table-wrap.nowrap-body .col-website-type { width: 112px; }
    .table-wrap.nowrap-body .col-language { width: 72px; }
    .table-wrap.nowrap-body .col-currency-unit { width: 88px; }
    .table-wrap.nowrap-body .col-update-frequency { width: 96px; }
    .table-wrap.nowrap-body .col-collect-status { width: 96px; }
    .table-wrap.nowrap-body .col-status { width: 64px; }
    .table-wrap.nowrap-body .col-result-code { width: 100px; }
    .table-wrap.nowrap-body .col-website-name { width: 160px; }
    .table-wrap.nowrap-body .col-website-domain { width: 240px; }
    .table-wrap.nowrap-body .col-service-tag { width: 112px; }
    .table-wrap.nowrap-body .col-website-remarks { width: 160px; }
    /* Fixed tables must reserve space for every owner column. Otherwise all
       declared widths consume the row and collapse these newer columns. */
    .table-wrap.nowrap-body .col-creator-email,
    .table-wrap.nowrap-body .col-follow-up-email { width: 180px; min-width: 180px; }
    .table-wrap.nowrap-body .col-create-time,
    .table-wrap.nowrap-body .col-update-time { width: 136px; }
    .table-wrap.nowrap-body .col-actions { width: 160px; }
    .table-wrap.nowrap-body th :is(.th-field, .th-zh) {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .table-wrap.nowrap-body tbody td {
      max-width: 260px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .table-wrap.nowrap-body tbody td * {
      white-space: nowrap;
    }
    .table-wrap.nowrap-body .row-actions {
      flex-wrap: nowrap;
      min-width: 0;
    }
    .table-wrap.nowrap-body tr[id^="website-row-"] { scroll-margin-top: 120px; }
    .table-wrap.nowrap-body tr:target > td { background: #fff4ce; }
    .table-wrap.product-detail-table table {
      table-layout: fixed;
      min-width: 1850px;
    }
    .table-wrap.product-detail-table th,
    .table-wrap.product-detail-table td {
      width: 120px;
      max-width: 120px;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .table-wrap.product-detail-table .col-original-name {
      width: 200px;
      max-width: 200px;
    }
    .table-wrap.product-detail-table .col-chinese-name {
      width: 200px;
      max-width: 200px;
    }
    .table-wrap.product-detail-table .col-pkey {
      width: 60px;
      min-width: 60px;
      max-width: 60px;
      padding-left: 4px;
      padding-right: 4px;
      white-space: nowrap;
    }
    .table-wrap.product-detail-table .col-product-url {
      width: 55px;
      max-width: 55px;
      white-space: nowrap;
    }
    .table-wrap.product-detail-table .col-product-url * {
      white-space: nowrap;
    }
    .table-wrap.product-detail-table .col-standard-name {
      width: 51px;
      max-width: 51px;
    }
    .table-wrap.product-detail-table .col-product-price,
    .table-wrap.product-detail-table .col-product-usd-price {
      width: 51px;
      max-width: 51px;
    }
    .table-wrap.product-detail-table .col-in-stock {
      width: 30px;
      max-width: 30px;
    }
    .table-wrap.domestic-buyer-table table {
      table-layout: fixed;
      min-width: 6400px;
    }
    .table-wrap.domestic-buyer-table th,
    .table-wrap.domestic-buyer-table td {
      overflow-wrap: anywhere;
      white-space: normal;
      width: 190px;
    }
    .table-wrap.domestic-buyer-table .col-company-name,
    .table-wrap.domestic-buyer-table .col-company-address,
    .table-wrap.domestic-buyer-table [class$="-store-name"],
    .table-wrap.domestic-buyer-table .col-company-introduction {
      width: 250px;
    }
    .table-wrap.domestic-buyer-table .col-company-info-lookup-url,
    .table-wrap.domestic-buyer-table .col-company-website-url,
    .table-wrap.domestic-buyer-table .col-taobao-store-url,
    .table-wrap.domestic-buyer-table .col-jd-store-url,
    .table-wrap.domestic-buyer-table .col-pinduoduo-store-url,
    .table-wrap.domestic-buyer-table .col-xiaohongshu-store-url,
    .table-wrap.domestic-buyer-table .col-douyin-store-url,
    .table-wrap.domestic-buyer-table .col-xiaohongshu-profile-url {
      box-sizing: border-box;
      max-width: 70px;
      min-width: 70px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 70px;
    }
    .table-wrap.domestic-buyer-table .domestic-buyer-url-link {
      white-space: nowrap;
    }
    .table-wrap.domestic-buyer-table .col-category-code { width: 145px; }
    .table-wrap.domestic-buyer-table .col-operator-email { width: 220px; }
    .table-wrap.domestic-buyer-table .col-actions { width: 170px; }
    .table-wrap.domestic-buyer-table .row-actions { flex-wrap: nowrap; }
    main .domestic-buyer-table table[data-column-table] > thead > tr > th {
      padding: 12px 24px 12px 12px;
      vertical-align: middle;
      overflow-wrap: normal;
      word-break: normal;
    }
    main .domestic-buyer-table table[data-column-table] > thead > tr > th.sortable-column { padding-right: 40px; }
    .domestic-buyer-table th :is(.th-field,.th-zh) {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.5;
    }
    .domestic-buyer-table table[data-column-table] .sort-arrows {
      top: 50%; transform: translateY(-50%); right: 16px; gap: 4px;
    }
    .table-wrap.domestic-buyer-table .row-actions { min-width: 0; }
    table { border-collapse: collapse; min-width: 1100px; width: 100%; }
    th, td {
      border-bottom: 1px solid var(--line);
      padding: 8px 10px;
      text-align: left;
      vertical-align: top;
    }
    th {
      background: #f0f3f6;
      color: var(--muted);
      font-size: 12px;
      vertical-align: bottom;
      white-space: nowrap;
    }
    th.sortable-column {
      position: relative;
      padding-right: 13px;
    }
    .sortable-label {
      display: block;
      overflow: hidden;
    }
    .sort-arrows {
      position: absolute;
      top: 4px;
      right: 2px;
      display: flex;
      flex-direction: column;
      gap: 0;
      line-height: 0.82;
    }
    .sort-arrow {
      color: #6b7280;
      font-size: 11px;
      font-weight: 700;
      line-height: 1;
      text-decoration: none;
    }
    .sort-arrow:hover,
    .sort-arrow:focus,
    .sort-arrow.active {
      color: #0b63ce;
      outline: none;
    }
    .th-field,
    .th-zh {
      display: block;
      line-height: 1.25;
    }
    .th-field {
      color: var(--text);
      font-weight: 700;
    }
    .th-zh {
      color: var(--muted);
      font-weight: 500;
      margin-top: 2px;
    }
    td { max-width: 320px; word-break: break-word; }
    .row-actions { display: flex; flex-wrap: wrap; gap: 6px; min-width: 210px; }
    .inline-form { display: inline; }
    .metric-section {
      margin: 0 0 18px;
    }
    .metric-section h3 {
      font-size: 15px;
      letter-spacing: 0;
      margin: 0 0 8px;
    }
    .metric-grid {
      display: grid;
      gap: 10px;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
    .metric-card {
      background: #ffffff;
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 14px;
    }
    .metric-value {
      color: var(--text);
      font-size: 24px;
      font-weight: 700;
      line-height: 1.1;
    }
    .metric-label {
      color: var(--muted);
      font-size: 13px;
      margin-top: 6px;
    }
    .edit-form {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 12px;
      background: var(--panel);
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 14px;
      margin-bottom: 18px;
    }
    .edit-form.websites-form {
      grid-template-columns: repeat(6, minmax(150px, 1fr));
    }
    .website-editor-panel { background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;margin-bottom:16px; }
    .website-editor-panel>summary { cursor:pointer;font-size:15px;font-weight:600;list-style-position:inside;width:fit-content;max-width:100%; }
    .website-editor-panel[open]>summary { margin-bottom:12px; }
    .website-editor-panel>.websites-form { background:transparent;border:0;border-radius:0;padding:0;margin:0; }
    .domestic-buyer-editor-panel { background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;margin-bottom:16px; }
    .domestic-buyer-editor-panel>summary { cursor:pointer;font-size:15px;font-weight:600;list-style-position:inside;width:fit-content;max-width:100%; }
    .domestic-buyer-editor-panel[open]>summary { margin-bottom:12px; }
    .edit-form.domestic-buyer-form {
      gap: 8px;
      grid-template-columns: repeat(6, minmax(150px, 1fr));
      padding: 10px;
    }
    .domestic-buyer-form label {
      font-size: 11px;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .domestic-buyer-form textarea { min-height: 50px; }
    .edit-form.merchant-form {
      grid-template-columns: repeat(4, minmax(190px, 1fr));
    }
    .websites-form .field-category-code { grid-column: 1; grid-row: 1; }
    .websites-form .field-website-domain { grid-column: 2; grid-row: 1; }
    .websites-form .field-website-type { grid-column: 3; grid-row: 1; }
    .websites-form .field-country { grid-column: 4; grid-row: 1; }
    .websites-form .field-language { grid-column: 5; grid-row: 1; }
    .websites-form .field-currency-unit { grid-column: 6; grid-row: 1; }
    .websites-form .field-website-name { grid-column: 2; grid-row: 2; }
    .websites-form .field-update-frequency { grid-column: 3; grid-row: 2; }
    .websites-form .field-status { grid-column: 4; grid-row: 2; }
    .websites-form .form-actions { grid-column: 6; grid-row: 2; }
    .wide { grid-column: 1 / -1; }
    .form-actions { align-items: center; align-self: end; display: flex; gap: 8px; }
    .summary { color: var(--muted); margin: 8px 0 14px; }
    @media (max-width: 720px) {
      header { padding: 10px 12px; }
      main { padding: 12px; }
      .topbar { align-items: flex-start; flex-direction: column; }
      .table-nav { width: 100%; }
      .nav-group { width: 100%; }
      .nav-primary { justify-content: space-between; width: 100%; }
      .nav-submenu,
      .nav-submenu.wide {
        grid-template-columns: 1fr;
        left: auto;
        min-width: 0;
        position: static;
        width: 100%;
      }
    }
    @media (max-width: 1180px) {
      .edit-form.websites-form {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      }
      .edit-form.domestic-buyer-form {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      }
      .edit-form.merchant-form {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      }
      .websites-form .form-field,
      .websites-form .form-actions {
        grid-column: auto;
        grid-row: auto;
      }
      .toolbar.websites-toolbar,
      .websites-toolbar .search-row {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      }
      .websites-toolbar .search-row .search-field-collect-status,
      .websites-toolbar .search-row .search-field-result-code,
      .websites-toolbar .search-row .search-field-service-tag,
      .websites-toolbar .search-row .search-input,
      .websites-toolbar .search-row button {
        grid-column: auto;
      }
    }
    @media (max-width: 720px) {
      .edit-form.domestic-buyer-form { grid-template-columns: 1fr; }
    }
    
:root {
  --bg: #f3f6f8;
  --panel: #ffffff;
  --text: #192f3d;
  --muted: #526775;
  --line: #dce5e9;
  --brand: #116c70;
  --danger: #b42332;
  --ok: #16734c;
  --surface-soft: #f6f9fa;
  --brand-soft: #e9f5f2;
  --shadow-panel: 0 3px 14px rgba(23, 46, 62, .045);
  --shadow-float: 0 18px 52px rgba(18, 40, 55, .16);
}
body {
  background: linear-gradient(180deg, #edf3f5 0, var(--bg) 330px);
  font-family: Inter, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  min-width: 320px;
}
body > header {
  background: linear-gradient(112deg, #132d3e 0%, #153d47 70%, #174b4c 100%);
  border-bottom: 1px solid #284c58;
  box-shadow: 0 4px 20px rgba(13, 38, 51, .13);
  color: #fff;
  padding: 16px 28px;
  z-index: 40;
}
.topbar { gap: 24px; max-width: 1760px; }
.topbar h1 {
  align-items: center;
  color: #fff;
  display: flex;
  flex: 0 0 auto;
  font-size: 17px;
  font-weight: 650;
  gap: 11px;
  letter-spacing: .02em;
}
.topbar h1::before {
  background: #7edac1;
  border: 4px solid rgba(255, 255, 255, .22);
  border-radius: 7px;
  box-shadow: 0 0 0 4px rgba(126, 218, 193, .08);
  content: "";
  flex: 0 0 20px;
  height: 20px;
}
.table-nav { gap: 6px; justify-content: flex-end; min-width: 0; position: relative; }
.table-nav .nav-group { position: static; }
.table-nav .nav-primary {
  background: transparent;
  border-color: transparent;
  border-radius: 8px;
  color: #e0edf0;
  font-size: 13px;
  font-weight: 550;
  min-height: 38px;
  padding: 7px 11px;
}
.table-nav .nav-primary::after { color: #a8c6cc; }
.table-nav .nav-primary:hover,
.table-nav .nav-group[open] .nav-primary {
  background: rgba(255, 255, 255, .09);
  border-color: rgba(206, 236, 230, .18);
  color: #fff;
}
.table-nav .nav-group.active .nav-primary,
.table-nav .nav-primary.active {
  background: #e1f3ed;
  border-color: #e1f3ed;
  color: #124d4c;
}
.table-nav .nav-group.active .nav-primary::after { color: #276b65; }
.nav-submenu {
  border-radius: 12px;
  box-shadow: var(--shadow-float);
  gap: 4px;
  left: 0;
  max-height: min(70vh, 580px);
  min-width: 0;
  overflow: auto;
  padding: 8px;
  top: calc(100% + 7px);
  width: 100%;
}
.nav-submenu.wide { grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; }
.nav-submenu .nav-link {
  border-color: transparent;
  border-radius: 7px;
  min-height: 38px;
  padding: 8px 11px;
}
.nav-submenu .nav-link:hover,
.nav-submenu .nav-link.active {
  background: var(--brand-soft);
  border-color: #d4e9e3;
  color: #105b58;
}
main { max-width: 1760px; padding: 24px 28px 52px; }
h2 { color: #183441; font-size: 21px; font-weight: 680; margin: 24px 0 14px; }
h3 { color: #203e4b; font-weight: 650; }
.page-title { gap: 12px; margin: 6px 0 20px; }
.page-title h2 { line-height: 1.4; }
.page-title { align-items: flex-start; }
.page-title > .help-button { margin-top: 2px; }
.page-technical-name { color: var(--muted); font-size: 12px; font-weight: 400; margin: 5px 0 0; }
.websites-form .form-actions { grid-column: 1 / -1; grid-row: auto; justify-content: flex-end; }
.email-value { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: top; }
.table-wrap.nowrap-body tbody td .email-value:focus { display: block; overflow: visible; overflow-wrap: anywhere; white-space: normal; }
.summary, .map-note { color: var(--muted); line-height: 1.7; }
a { color: #126b79; text-underline-offset: 3px; }
a:hover { color: #084f5c; }
code { font-family: "Cascadia Code", Consolas, monospace; font-size: .91em; }
.flash {
  border: 1px solid #cce6d8;
  border-left: 4px solid var(--ok);
  border-radius: 9px;
  color: #225f42;
  padding: 12px 16px;
}
.flash.error { border-color: #f0c8cb; border-left-color: var(--danger); color: #912335; }
.toolbar {
  background: rgba(255, 255, 255, .9);
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: var(--shadow-panel);
  gap: 12px;
  margin-bottom: 18px;
  padding: 16px;
}
label, .numeric-range-filter legend { color: #4f6472; font-size: 12px; font-weight: 550; overflow-wrap: anywhere; }
/* Technical identifiers stay readable inside the existing responsive columns. */
main th, main dt, main .metric-label, main .runtime-metric-label,
main .profit-label, main .runtime-progress-label, main .runtime-badge {
  overflow-wrap: anywhere;
  white-space: normal;
}
main .runtime-badge { max-width: 100%; }
main .profit-table th { min-width: 130px; max-width: 180px; white-space: normal; }
main .runtime-kv dt { min-width: 0; }
input, select, textarea, .searchable-filter-input {
  background-color: #fff;
  border-color: #cbd8df;
  border-radius: 8px;
  color: var(--text);
  min-height: 38px;
  min-width: 0;
  padding: 8px 10px;
  transition: border-color .15s ease, box-shadow .15s ease;
}
input::placeholder, textarea::placeholder { color: #71838e; opacity: 1; }
input:hover, select:hover, textarea:hover { border-color: #9fb7c1; }
input:focus, select:focus, textarea:focus {
  border-color: #25817f;
  box-shadow: 0 0 0 3px rgba(37, 129, 127, .12);
}
input[type="checkbox"], input[type="radio"] {
  accent-color: var(--brand);
  min-height: 0;
  padding: 0;
  width: auto;
}
input[readonly], textarea[readonly] { background: var(--surface-soft); color: #415a68; }
input:disabled, select:disabled, textarea:disabled { background: #edf1f3; color: #61717c; cursor: not-allowed; }
button, .button {
  border-radius: 8px;
  font-weight: 550;
  gap: 6px;
  justify-content: center;
  min-height: 38px;
  padding: 8px 13px;
  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
button { box-shadow: 0 2px 4px rgba(19, 90, 86, .1); }
button:hover:not(:disabled) { background: #0d5b5f; border-color: #0d5b5f; }
.button:hover, button.secondary:hover:not(:disabled) {
  background: #f0f7f6;
  border-color: #88b8b2;
  color: #145c5a;
}
.button.active { background: var(--brand-soft); border-color: #8dbeb4; color: #125e57; }
button.danger:hover:not(:disabled) { background: #951e2b; border-color: #951e2b; }
button:disabled { cursor: not-allowed; opacity: .55; box-shadow: none; }
.compact-filter summary { background: #fff; border-color: #cbd8df; border-radius: 8px; min-height: 38px; }
.compact-filter-menu { border-radius: 10px; box-shadow: var(--shadow-float); }
button.compact-filter-option { box-shadow: none; }
button.compact-filter-option:hover:not(:disabled), button.compact-filter-option:focus { background: var(--brand-soft); color: #125c58; }
.table-wrap { border-radius: 12px; box-shadow: var(--shadow-panel); max-width: 100%; overscroll-behavior-x: contain; }
.table-wrap table { font-size: 13px; }
.table-wrap th { background: #edf3f5; color: #4a6472; padding-top: 12px; padding-bottom: 12px; }
.table-wrap td { border-bottom-color: #e7eef1; padding-top: 11px; padding-bottom: 11px; }
.table-wrap tbody tr:nth-child(even) { background: #fbfcfd; }
.table-wrap tbody tr:hover { background: #edf6f4; }
.table-wrap tbody tr:last-child td { border-bottom: 0; }
.table-wrap .th-field { color: #294651; font-size: 12px; overflow-wrap: anywhere; white-space: normal; }
.table-wrap .th-zh { color: #58707c; margin-top: 4px; overflow-wrap: anywhere; white-space: normal; }
.table-wrap .sort-arrow.active { color: #0b6b64; }
.row-actions { align-items: flex-start; }
.row-actions button, .row-actions .button { font-size: 12px; min-height: 31px; padding: 5px 9px; }
.table-wrap.domestic-buyer-table td { padding-top: 8px; padding-bottom: 8px; }
.edit-form { border-radius: 12px; box-shadow: var(--shadow-panel); gap: 16px; padding: 20px; }
.edit-form > div, .toolbar > div, .form-field, .workbench-field { min-width: 0; }
.edit-form.domestic-buyer-form { gap: 8px; padding: 12px; }
.domestic-buyer-form input, .domestic-buyer-form select, .domestic-buyer-form textarea { min-height: 34px; padding: 6px 8px; }
.form-actions { flex-wrap: wrap; }
.metric-section { margin-bottom: 24px; }
.metric-section h3 { font-size: 15px; margin-bottom: 12px; }
.metric-grid { gap: 14px; }
.metric-card { border-radius: 12px; box-shadow: var(--shadow-panel); padding: 20px; }
.metric-value { color: #15595c; font-size: 29px; font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.metric-label { color: #546d79; line-height: 1.5; margin-top: 9px; }

/* Bespoke views inherit the same surfaces without changing their data density. */
main .workbench-panel { border-radius: 12px; box-shadow: var(--shadow-panel); padding: 20px; }
main .workbench-tabs { flex-wrap: wrap; margin-bottom: 20px; }
main .workbench-panel-title { align-items: flex-start; flex-wrap: wrap; }
main .workbench-panel-title h3 { padding-top: 5px; }
main .runtime-page { --runtime-blue: #146a6a; --runtime-ink: #193844; --runtime-soft: #f4f8f8; }
main .runtime-hero { background: linear-gradient(120deg, #143748, #195c61); box-shadow: var(--shadow-panel); padding: 28px; }
main .runtime-hero p { color: #dceced; }
main .runtime-selector { border-color: var(--line); box-shadow: var(--shadow-panel); padding: 18px; }
main .runtime-metric-card, main .runtime-worker { background: #fff; border-color: var(--line); box-shadow: var(--shadow-panel); }
main .runtime-metric-card { padding: 18px; }
main .runtime-metric-value { font-variant-numeric: tabular-nums; font-weight: 700; }
main .runtime-section-heading { flex-wrap: wrap; }
main .runtime-metric-note { color: #536d79; font-size: 12px; }
main .country-map-filter { background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow-panel); padding: 16px; }
main .country-map-panel { border-radius: 14px; box-shadow: var(--shadow-panel); padding: 14px; }
main .country-map-toolbar button:hover:not(:disabled) { background: var(--brand-soft); border-color: #88b8b2; color: #145c5a; }
main .map-detail-section { margin-top: 26px; }

/* The dialog is an in-page field guide; long identifiers must wrap within it. */
.help-button { background: #fff; border-color: #b6cece; box-shadow: none; color: #1b706e; height: 29px; min-height: 29px; padding: 0; width: 29px; }
.help-button:hover:not(:disabled) { background: #e5f3ef; border-color: #79aca2; color: #185f59; }
.help-dialog { border-color: #cfdee2; border-radius: 16px; box-shadow: 0 28px 90px rgba(9, 30, 44, .3); max-height: 90vh; max-height: 90dvh; max-width: min(1080px, calc(100vw - 40px)); width: 1080px; }
.help-dialog::backdrop { background: rgba(15, 35, 49, .53); backdrop-filter: blur(3px); }
.help-dialog-inner { max-height: 90vh; max-height: 90dvh; padding: 24px; scroll-padding-top: 82px; }
.help-dialog-header { background: #fff; border-bottom-color: var(--line); margin: -24px -24px 20px; padding: 19px 24px; position: sticky; top: -24px; z-index: 3; }
.help-dialog-header h3 { font-size: 19px; line-height: 1.4; overflow-wrap: anywhere; }
.help-close { background: #f3f7f8; border-color: #d7e2e6; box-shadow: none; color: #4e6672; flex: 0 0 34px; height: 34px; min-height: 34px; padding: 0; width: 34px; }
.help-close:hover:not(:disabled) { background: #e9f2f1; border-color: #b0ccca; color: #245e5c; }
.help-section { margin-bottom: 23px; }
.help-section h4 { color: #244e59; font-size: 14px; margin-bottom: 10px; }
.help-section p { line-height: 1.8; }
.help-section li { margin: 6px 0; }
.help-field-search { background: #f8fbfb; border-color: #b9d1d1; margin: 0 0 7px; max-width: 100%; min-height: 42px; }
.help-search-status { color: var(--muted); font-size: 12px; margin: 0 0 12px; }
.help-field-wrap { border-color: #dce7e9; border-radius: 10px; overflow: visible; }
.help-field-table { min-width: 0; table-layout: fixed; width: 100%; }
.help-field-table th, .help-field-table td { max-width: none; overflow-wrap: anywhere; padding: 16px; white-space: normal; word-break: normal; }
.help-field-table th { background: #f1f7f6; color: #234f54; font-size: 13px; width: 230px; }
.help-field-table th code { display: inline-block; margin-top: 4px; max-width: 100%; }
.help-field-table td { background: #fff; }
.help-field-table tr:first-child th { border-top-left-radius: 10px; }
.help-field-table tr:first-child td { border-top-right-radius: 10px; }
.help-field-table tr:last-child th { border-bottom-left-radius: 10px; }
.help-field-table tr:last-child td { border-bottom-right-radius: 10px; }
.help-field-row[hidden] { display: none !important; }
.help-field-detail dl { display: grid; gap: 8px 14px; grid-template-columns: minmax(78px, auto) minmax(0, 1fr); margin: 0; }
.help-field-detail { margin-top: 12px; }
.help-field-detail summary { border-radius: 6px; color: #146a65; cursor: pointer; font-size: 13px; font-weight: 600; padding: 5px 0; width: fit-content; }
.help-field-detail summary:hover { color: #0b514e; }
.help-field-detail[open] summary { margin-bottom: 12px; }
.help-field-detail dt { color: #4c6772; font-size: 12px; font-weight: 600; }
.help-field-detail dd { margin: 0; min-width: 0; }
.help-field-detail p { margin: 0 0 9px; }
.help-field-meta { align-items: center; color: #526d75; display: flex; flex-wrap: wrap; font-size: 12px; gap: 8px 14px; justify-content: space-between; margin: 7px 0 13px; }
.help-field-meta button { box-shadow: none; font-size: 12px; min-height: 32px; padding: 5px 10px; }
.help-field-meta .help-search-status { margin: 0; }
.help-option-block { background: #f4f8f9; border-left-color: #73aaa4; border-radius: 0 7px 7px 0; padding: 11px 13px; }
.help-option-row { grid-template-columns: minmax(125px, .8fr) minmax(0, 1.2fr); }
.help-dialog code, .help-dialog pre { overflow-wrap: anywhere; white-space: pre-wrap; }
.help-dialog-actions { background: #fff; border-top-color: var(--line); margin: 22px -24px -24px; padding: 15px 24px; }
.auth-page main { max-width: 820px; padding-top: 32px; }
.auth-page main > h2 { font-size: 18px; margin-top: 26px; }
.auth-intro { color: #526d78; line-height: 1.8; margin-bottom: 24px; }
.auth-page .edit-form { gap: 18px; padding: 24px; }
.auth-page .form-actions button { min-width: 120px; }
.auth-card { background: #fff; border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow-panel); margin: 24px auto; max-width: 780px; padding: 24px; }

/* Keyboard outlines remain distinct on both dark navigation and white forms. */
:is(a, button, summary, input, select, textarea, [tabindex]):focus-visible { outline: 3px solid #147b81; outline-offset: 3px; }
body > header :is(a, button, summary):focus-visible { outline-color: #b8eadb; }
.help-dialog :focus-visible { scroll-margin-block: 86px 20px; }
@media (max-width: 1240px) {
  .topbar { align-items: flex-start; flex-wrap: wrap; gap: 14px; }
  .table-nav { flex-basis: 100%; justify-content: flex-start; }
}
@media (min-width: 721px) and (max-width: 1240px) {
  .nav-submenu.wide { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  body > header { padding: 16px; position: relative; }
  .topbar { gap: 14px; }
  .topbar h1 { font-size: 16px; }
  .table-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); position: relative; width: 100%; }
  .table-nav .nav-group { position: static; width: auto; }
  .table-nav .nav-primary { justify-content: space-between; min-height: 39px; width: 100%; }
  .table-nav .nav-submenu, .table-nav .nav-submenu.wide { grid-template-columns: 1fr; left: 0; max-height: 65vh; min-width: 0; position: absolute; right: 0; top: calc(100% + 8px); width: 100%; }
  main { padding: 18px 14px 36px; }
  h2 { font-size: 20px; }
  .page-title { margin-bottom: 16px; }
  .toolbar { gap: 12px; padding: 14px; }
  .toolbar, .toolbar.websites-toolbar, .websites-toolbar .search-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .toolbar .search-row { align-items: stretch; display: flex; flex-wrap: wrap; justify-content: flex-start; }
  .toolbar .search-row > div, .toolbar .search-row > .search-input { flex: 1 1 150px; max-width: none; }
  .toolbar .search-row > button { flex: 1 1 100%; }
  .websites-toolbar .search-row > div, .websites-toolbar .search-row > .search-input { grid-column: auto; }
  .edit-form, .edit-form.websites-form, .edit-form.merchant-form { grid-template-columns: 1fr; padding: 16px; }
  .metric-grid { gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .metric-card { min-width: 0; padding: 16px; }
  .metric-value { font-size: 25px; overflow-wrap: anywhere; }
  main .runtime-hero { padding: 21px; }
  main .runtime-selector { grid-template-columns: 1fr; padding: 14px; }
  main .runtime-progress-label { flex-wrap: wrap; gap: 5px; }
  main .workbench-panel { padding: 16px; }
  main .country-map-filter > label { min-width: 0; width: 100%; }
  main .country-map-status-options { flex-wrap: wrap; }
  main .country-map-panel { padding: 10px; }
  main .small-region-focus { grid-template-columns: minmax(0, 1fr); }
  main .small-region-grid { grid-template-columns: minmax(0, 1fr); }
  .help-dialog { border-radius: 12px; max-width: calc(100vw - 20px); }
  .help-dialog-inner { padding: 16px; }
  .help-dialog-header { margin: -16px -16px 17px; padding: 15px 16px; top: -16px; }
  .help-dialog-header h3 { font-size: 17px; }
  .help-field-table, .help-field-table tbody, .help-field-table tr, .help-field-table th, .help-field-table td { display: block; width: 100%; }
  .help-field-table th { border-bottom: 0; padding: 13px 14px 9px; }
  .help-field-table td { padding: 13px 14px 17px; }
  .help-field-table tr:not(:last-child) { border-bottom: 1px solid var(--line); }
  .help-field-table tr th, .help-field-table tr td { border-radius: 0; }
  .help-field-table tr:first-child th { border-radius: 10px 10px 0 0; }
  .help-field-table tr:last-child td { border-radius: 0 0 10px 10px; }
  .help-field-detail dl { grid-template-columns: 1fr; gap: 4px; }
  .help-field-detail dd { margin-bottom: 8px; }
  .help-option-row { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .help-dialog-actions { margin: 18px -16px -16px; padding: 14px 16px; }
  .auth-page main { padding-top: 20px; }
  .auth-page .edit-form, .auth-card { padding: 18px; }
}
@media (max-width: 390px) {
  .toolbar, .toolbar.websites-toolbar { grid-template-columns: 1fr; }
  .metric-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; scroll-behavior: auto !important; transition: none !important; }
}

    
/* Atomic values stay on one line even when a saved width uses fixed layout. */
main table > :is(thead,tbody,tfoot) > tr > td.single-line-value,
main table > :is(thead,tbody,tfoot) > tr > td.single-line-value *,
main table.columns-sized > :is(thead,tbody,tfoot) > tr > td.single-line-value,
main table.columns-sized > :is(thead,tbody,tfoot) > tr > td.single-line-value * {
  white-space:nowrap !important; overflow-wrap:normal !important; word-break:normal !important;
}
main table > :is(thead,tbody,tfoot) > tr > td.single-line-value {
  overflow:hidden; text-overflow:ellipsis;
}
/* An English identifier must not determine an auto-layout column's width. */
main th .th-label {
  display:block; width:100%; min-width:0; min-height:0; max-width:100%;
  margin:0; padding:0; border:0; border-radius:2px; background:transparent;
  box-shadow:none; text-align:left; font:inherit; cursor:help;
}
main th .th-label:hover { background:transparent; transform:none; box-shadow:none; }
main th .th-label:focus-visible { outline:2px solid #16766f; outline-offset:-2px; }
main th .th-label .th-zh {
  display:block; max-width:18em; margin:0; color:#294651; font-size:13px;
  font-weight:700; line-height:1.4; white-space:nowrap; overflow:hidden;
  text-overflow:ellipsis;
}
main th .th-label .th-field {
  display:block; width:0; min-width:100%; max-width:100%; margin-top:3px;
  color:#58707c; font-size:11px; font-weight:400; line-height:1.4;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.header-label-tooltip {
  position:fixed; z-index:10000; width:max-content; max-width:min(440px,calc(100vw - 24px));
  padding:10px 12px; border:1px solid #b8cad0; border-radius:8px;
  background:#fff; color:#183441; box-shadow:0 5px 22px #153a4e33;
  font:13px/1.5 sans-serif; overflow-wrap:anywhere; white-space:normal;
  user-select:text;
}
.header-label-tooltip[hidden] { display:none; }
@media print { .header-label-tooltip { display:none !important; } }

    
.category-name-blue { --category-name-color:#1565c0; }
.category-name-amber { --category-name-color:#a65f00; }
.category-name-black { --category-name-color:#000; }
main .category-name, main .category-name a:any-link { color:var(--category-name-color); }
main.list-page { padding-top:12px; }
.list-page .page-title { align-items:center; margin:0 0 10px; gap:10px; }
.list-page .page-heading { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 12px; min-width:0; }
.list-page .page-heading h2 { margin:0; }
.list-page .page-technical-name { margin:0; overflow-wrap:anywhere; }
.list-page .page-title > .help-button { margin:0; flex-shrink:0; }
.list-page .page-actions { margin-left:auto; display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.list-page .page-actions .directory-choices { margin:0; }
.list-page .page-actions button, .list-page .page-actions .button { min-height:34px; padding:6px 12px; }
.list-page .toolbar { margin-bottom:8px; padding:10px 12px; gap:8px 12px; }
.list-page .list-editor-linked:not([open]) { display:none; }
.list-page .list-editor-linked > summary { display:none; }
.list-page .list-editor-linked[open] { margin:0 0 10px; padding:12px; }
.record-editor-panel { background:#fff; border:1px solid var(--line); border-radius:8px; padding:12px; margin:0 0 10px; }
.record-editor-panel > summary { cursor:pointer; width:fit-content; }
.record-editor-panel[open] > summary { margin-bottom:10px; }
.list-tools { display:flex; align-items:center; flex-wrap:wrap; gap:6px 18px; margin:10px 0 8px; min-width:0; }
.list-tools .list-pagination { display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin:0; color:var(--muted); font-size:12px; }
.list-tools .list-pagination .button { min-height:30px; padding:4px 9px; }
.list-tools [data-column-toolbar-slot] { margin-left:auto; min-width:0; }
.list-tools .column-toolbar { margin:0; gap:6px 10px; justify-content:flex-end; }
.list-tools .column-toolbar button { min-height:30px; padding:4px 10px; }
.column-toolbar .column-notice:empty { display:none; }
.list-page .watch-stats { display:flex; flex-wrap:wrap; gap:6px 18px; margin:6px 0 10px; }
.list-page .watch-stat { display:flex; align-items:baseline; gap:8px; border:0; background:transparent; padding:0; }
.list-page .watch-stat strong { display:inline; margin:0; font-size:16px; }
.list-page .watchlist-toolbar { grid-template-columns:repeat(6,minmax(0,1fr)); }
.list-page .watchlist-toolbar .watch-filter-search { grid-column:auto; }
.list-page .watchlist-toolbar .watch-filter-actions { flex-wrap:wrap; }
.list-page .profit-filter, .list-page .inquiry-filters { padding:10px 12px; margin-bottom:8px; gap:8px; }
.list-page .profit-summary { margin:8px 0; gap:8px; }
.list-page .profit-card { padding:8px 10px; }
.list-page .profit-card strong { font-size:18px; }
@media(max-width:900px) {
  main.list-page { padding-top:10px; }
  .list-tools [data-column-toolbar-slot] { margin-left:0; flex-basis:100%; }
  .list-tools .column-toolbar { justify-content:flex-start; }
  .list-page .watchlist-toolbar { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:520px) {
  .list-page .page-heading { flex:1 1 100%; }
  .list-page .watchlist-toolbar { grid-template-columns:minmax(0,1fr); }
}

    
.nav-menu-toggle, .nav-current, .filter-toggle { display:none; }
.websites-form .form-field { grid-column:auto; grid-row:auto; }
.websites-form .form-field.wide { grid-column:1 / -1; }
.active-filters { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin:8px 0 12px; font-size:12px; color:var(--muted); }
.filter-chip { display:inline-flex; align-items:center; gap:8px; max-width:100%; border:1px solid #c5dfd8; border-radius:16px; background:#edf7f3; padding:4px 10px; color:#235d55; text-decoration:none; overflow-wrap:anywhere; }
.filter-chip:hover { background:#dbefe7; }
.filter-reset { margin-left:5px; }
.form-section-heading { grid-column:1 / -1 !important; margin:8px 0 0; padding-bottom:8px; border-bottom:1px solid var(--line); font-size:14px; }
.field-error { color:var(--danger); font-size:12px; margin:5px 0 0; }
.uncertain-draft { padding:16px; background:var(--panel); border:1px solid var(--line); border-radius:12px; }
.uncertain-draft dt { font-weight:600; }
.uncertain-draft dd { margin:0 0 12px; }
.uncertain-draft pre { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; }
[aria-invalid="true"] { border-color:var(--danger); }
.form-save-state { color:var(--muted); font-size:12px; margin-right:auto; }
.form-save-state.is-dirty { color:#8b580c; }
.edit-form .form-actions { align-items:center; }
.button[aria-disabled="true"] { opacity:.5; cursor:default; pointer-events:none; }
.empty-state { padding:30px 16px !important; text-align:center; color:var(--muted); }
.empty-state strong { display:block; color:var(--text); font-size:15px; margin-bottom:6px; }
.empty-state p { margin:6px 0 12px; }
.table-wrap tr.record-highlight > td { background:#e0f3e8; box-shadow:inset 0 2px #65a78b,inset 0 -2px #65a78b; }
.table-wrap td.numeric-cell { text-align:right; font-variant-numeric:tabular-nums; }
.status-badge { display:inline-flex; align-items:center; padding:2px 8px; border-radius:12px; font-size:12px; border:1px solid var(--line); background:var(--surface-soft); }
.status-badge.is-positive { color:#176445; background:#edf7f0; border-color:#c5e3d0; }
.status-badge.is-negative { color:#914137; background:#fdf1ee; border-color:#f0d5cf; }
.auth-page main { max-width:540px; }
.auth-page .edit-form { grid-template-columns:1fr; margin-top:12px; }
.auth-page .auth-first-time { margin-top:24px; }
.auth-first-time > summary { cursor:pointer; color:var(--brand); padding:10px 0; font-weight:600; }
.auth-page .auth-note { color:var(--muted); font-size:13px; }
.auth-step-label { color:var(--muted); font-size:13px; margin:8px 0; }
.auth-page .form-actions button { width:100%; }
.auth-page .auth-back { display:inline-block; margin-top:18px; }
@media(max-width:720px) {
  body > header { padding:12px 14px; }
  .topbar { gap:8px; align-items:center; flex-direction:row; }
  .nav-menu-toggle { display:inline-flex; margin-left:auto; min-height:38px; color:#e0edf0; background:transparent; border-color:#66878d; box-shadow:none; }
  .nav-current { display:block; flex-basis:100%; color:#bcd5d7; font-size:12px; overflow-wrap:anywhere; }
  .table-nav.nav-collapsible:not(.is-expanded) { display:none; }
  .table-nav.nav-collapsible { max-height:65vh; overflow:auto; grid-template-columns:1fr; gap:2px; }
  .table-nav.nav-collapsible .nav-submenu { position:static; max-height:none; margin:4px 0; }
  .active-filters { gap:6px; }
  .filter-toggle { display:inline-flex; margin:4px 0 8px; }
  .toolbar.filter-collapsible:not(.is-expanded) { display:none; }
}