:root {
  --bg: #f5f1e8;
  --panel: rgba(255, 255, 255, 0.82);
  --panel-strong: #fffdfa;
  --ink: #1f2933;
  --muted: #67727e;
  --line: rgba(31, 41, 51, 0.08);
  --accent: #0d7a66;
  --accent-soft: #dff4ee;
  --warm: #d98032;
  --warning-soft: rgba(217, 128, 50, 0.13);
  --audit: #21639d;
  --audit-soft: rgba(34, 116, 201, 0.12);
  --exception: #9f3f2d;
  --exception-soft: rgba(159, 63, 45, 0.11);
  --shadow: 0 18px 50px rgba(31, 41, 51, 0.09);
  --radius: 24px;
  font-family: "Noto Sans SC", "Microsoft YaHei", sans-serif;
}

[hidden] {
  display: none !important;
}

.frontdesk-baseline-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 0 0 12px;
  padding: 12px 16px;
  border: 1px solid #cfe0e6;
  border-left: 4px solid #f2991f;
  border-radius: 4px;
  background: linear-gradient(135deg, #fff8eb, #ffffff);
  box-shadow: 0 1px 3px rgba(12, 40, 54, 0.08);
}

.frontdesk-baseline-banner div {
  display: grid;
  gap: 4px;
}

.frontdesk-baseline-banner strong {
  color: #193747;
}

.frontdesk-baseline-banner span {
  color: #607582;
  font-size: 13px;
  line-height: 1.55;
}

.frontdesk-baseline-banner a {
  flex: 0 0 auto;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #0b806a;
  border-radius: 3px;
  padding: 0 12px;
  background: #0b806a;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.inventory-legacy-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}

.inventory-workflow-board {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin: 12px 0 8px;
  border: 1px solid #c8d4dc;
  background: #fff;
}

.inventory-workflow-board__step {
  appearance: none;
  display: grid;
  gap: 3px;
  min-width: 0;
  min-height: 58px;
  padding: 9px 12px;
  border: 0;
  border-right: 1px solid #dce4ea;
  background: linear-gradient(#ffffff, #f2f6f8);
  color: #213744;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  font: inherit;
}

.inventory-workflow-board__step:last-child {
  border-right: 0;
}

.inventory-workflow-board__step strong {
  color: #173445;
  font-size: 15px;
}

.inventory-workflow-board__step span {
  color: #657987;
  font-size: 12px;
  line-height: 1.35;
}

.inventory-workflow-board__step:hover,
.inventory-workflow-board__step:focus-visible {
  background: #eaf4fb;
  outline: 1px solid #2f7fbd;
  outline-offset: -1px;
}

.inventory-workflow-board__step.is-cashier {
  background: linear-gradient(#fffdf8, #fff3df);
}

.inventory-legacy-nav__tab,
.inventory-legacy-toolbar__chip {
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 10px;
  background: #fff;
  color: #476961;
  font: inherit;
  cursor: pointer;
}

.inventory-legacy-nav__tab.is-active,
.inventory-legacy-toolbar__chip.is-active {
  border-color: rgba(13, 122, 102, 0.26);
  background: linear-gradient(135deg, rgba(13, 122, 102, 0.16), rgba(19, 129, 110, 0.08));
  color: #0d6a58;
  font-weight: 700;
}

.inventory-legacy-toolbar {
  display: grid;
  gap: 10px;
  margin-bottom: 16px;
  padding: 14px 16px;
  border: 1px solid rgba(13, 122, 102, 0.12);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(247, 252, 250, 0.96) 0%, rgba(255, 255, 255, 0.96) 100%);
}

.inventory-legacy-toolbar__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.inventory-legacy-toolbar__label {
  color: var(--muted);
  font-size: 12px;
  white-space: nowrap;
}

.inventory-legacy-toolbar__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.inventory-trace-toolbar__chips {
  align-items: center;
}

.inventory-trace-toolbar__text {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border: 1px dashed rgba(13, 122, 102, 0.18);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.84);
  color: #476961;
  font-size: 12px;
  line-height: 1.5;
}

.inventory-workspace-banner {
  margin-bottom: 16px;
  padding: 14px 16px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(13, 122, 102, 0.08), rgba(255, 255, 255, 0.98));
}

.inventory-workspace-banner__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-workspace-banner__head span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.inventory-workspace-banner__context {
  display: block;
  margin-top: 6px;
  color: #24566b;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
}

.inventory-workspace-banner__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.inventory-workspace-banner__chip {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(13, 122, 102, 0.1);
  color: #0d6a58;
  font-size: 12px;
  font-weight: 700;
}

.inventory-category-board {
  margin-bottom: 16px;
  padding: 16px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(246, 252, 250, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-category-board__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.inventory-category-board__head span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.inventory-category-table {
  width: 100%;
  border-collapse: collapse;
}

.inventory-category-table th,
.inventory-category-table td {
  padding: 12px 10px;
  border-bottom: 1px solid rgba(13, 122, 102, 0.08);
  text-align: left;
  vertical-align: top;
}

.inventory-category-table tbody tr.is-active {
  background: rgba(13, 122, 102, 0.08);
}

.inventory-category-table__trigger {
  padding: 0;
  border: 0;
  background: transparent;
  color: #127161;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

#product-table-body tr.is-active {
  background: rgba(13, 122, 102, 0.08);
}

#product-table-body tr {
  cursor: pointer;
}

@media (max-width: 900px) {
  .inventory-category-board__head {
    flex-direction: column;
  }

  .inventory-legacy-toolbar__row {
    align-items: flex-start;
  }
}

* { box-sizing: border-box; }

body {
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at top left, rgba(13, 122, 102, 0.14), transparent 28%),
    radial-gradient(circle at right center, rgba(217, 128, 50, 0.12), transparent 25%),
    linear-gradient(180deg, #f8f4ed 0%, var(--bg) 100%);
}

.page-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 300px 1fr;
}

.sidebar {
  padding: 28px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  background: linear-gradient(180deg, rgba(255,255,255,0.6), rgba(255,255,255,0.25));
  backdrop-filter: blur(14px);
}

.brand {
  display: flex;
  gap: 14px;
  align-items: center;
  margin-bottom: 28px;
}

.brand-mark {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(135deg, var(--accent), #1a9d84);
  color: white;
  font-weight: 800;
  letter-spacing: 0.08em;
  box-shadow: var(--shadow);
}

.brand h1, .hero h2, .panel h3 {
  margin: 0;
  font-family: "Trebuchet MS", "Noto Sans SC", sans-serif;
}

.brand p, .hero p, .panel-header p, .sidebar-card p, .sidebar-card li, .empty-state {
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}

.sidebar-card {
  margin-bottom: 18px;
  padding: 18px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: var(--shadow);
}

.sidebar-title {
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--warm);
  margin-bottom: 8px;
}

.sidebar-card ul {
  padding-left: 18px;
  margin: 0;
}

.main { padding: 28px; }

.hero, .panel, .metric-card {
  background: var(--panel);
  backdrop-filter: blur(18px);
  border: 1px solid rgba(255, 255, 255, 0.55);
  box-shadow: var(--shadow);
}

.hero {
  border-radius: 32px;
  padding: 26px 28px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-end;
}

.eyebrow {
  margin-bottom: 8px;
  color: var(--accent);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.hero h2 {
  max-width: 720px;
  font-size: 32px;
  line-height: 1.18;
  margin-bottom: 10px;
}

.hero-badge {
  padding: 14px 18px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--warm), #e1a25e);
  color: white;
  font-weight: 700;
  white-space: nowrap;
}

.summary-grid {
  margin: 22px 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 16px;
}

.metric-card {
  border-radius: 24px;
  padding: 18px;
  position: relative;
  overflow: hidden;
}

.foundation-card {
  grid-column: span 2;
  min-height: 100%;
  color: #113a34;
  background:
    linear-gradient(135deg, rgba(13, 122, 102, 0.16), rgba(255, 255, 255, 0.88) 48%),
    radial-gradient(circle at top right, rgba(217, 128, 50, 0.2), transparent 34%);
  border-color: rgba(13, 122, 102, 0.2);
}

.foundation-kicker,
.metric-source {
  color: var(--accent);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.foundation-title {
  margin-top: 8px;
  font-size: 25px;
  font-weight: 900;
  line-height: 1.2;
}

.foundation-copy {
  margin-top: 10px;
  color: #37534d;
  line-height: 1.7;
}

.foundation-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.foundation-stats span {
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(13, 122, 102, 0.14);
  font-weight: 800;
}

.foundation-foot {
  margin-top: 12px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}

.import-note-strong {
  color: var(--accent);
  font-weight: 900;
}

.metric-label {
  color: var(--muted);
  font-size: 13px;
  margin-bottom: 10px;
}

.metric-value {
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
}

.metric-source {
  margin-top: 8px;
  color: rgba(13, 122, 102, 0.78);
}

.metric-sub {
  margin-top: 12px;
  color: var(--muted);
  font-size: 12px;
}

.panel {
  border-radius: var(--radius);
  padding: 20px;
  margin-bottom: 20px;
}

.panel-header {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: end;
  margin-bottom: 16px;
}

.search-form {
  display: flex;
  gap: 10px;
}

.search-form input, .search-form button {
  height: 44px;
  border-radius: 14px;
  border: 1px solid var(--line);
  font: inherit;
}

.search-form input {
  width: 320px;
  padding: 0 14px;
  background: rgba(255,255,255,0.85);
}

.search-form button {
  padding: 0 16px;
  background: var(--accent);
  color: white;
  border: none;
  cursor: pointer;
  font-weight: 700;
}

.split {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
  gap: 16px;
}

.table-wrap {
  overflow: auto;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: var(--panel-strong);
}

.compact { max-height: 360px; }

table {
  width: 100%;
  border-collapse: collapse;
}

th, td {
  padding: 14px 16px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}

.empty-cell {
  color: var(--muted);
  text-align: center;
}

th {
  position: sticky;
  top: 0;
  background: #f9faf8;
  color: var(--muted);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

tbody tr {
  cursor: pointer;
  transition: background 0.18s ease;
}

tbody tr:hover, tbody tr.active { background: var(--accent-soft); }

.detail-card {
  min-height: 420px;
  padding: 20px;
  border-radius: 20px;
  border: 1px solid var(--line);
  background: var(--panel-strong);
}

.client-detail-titlebar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

.client-detail-titlebar h3 {
  margin: 0;
}

.row-link {
  display: inline-flex;
  margin-top: 4px;
  color: var(--accent);
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.row-link:hover {
  text-decoration: underline;
}

.detail-proof-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 14px;
}

.detail-proof-strip span {
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(13, 122, 102, 0.08);
  color: var(--accent);
  font-size: 12px;
  font-weight: 800;
}

.record-status-board {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
  gap: 8px;
  margin-bottom: 18px;
}

.record-status-card {
  padding: 10px;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: #fbfcfa;
}

.record-status-card.ok {
  background: rgba(13, 122, 102, 0.06);
  border-color: rgba(13, 122, 102, 0.16);
}

.record-status-card.muted {
  background: rgba(31, 41, 51, 0.035);
}

.record-status-card span,
.record-status-card strong,
.record-status-card small {
  display: block;
}

.record-status-card span {
  color: var(--muted);
  font-size: 11px;
}

.record-status-card strong {
  margin-top: 5px;
  font-size: 16px;
}

.record-status-card small {
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.45;
}

.detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
  margin-bottom: 18px;
}

.detail-label {
  color: var(--muted);
  font-size: 12px;
  display: block;
}

.detail-value {
  margin-top: 4px;
  font-weight: 600;
  display: block;
  word-break: break-all;
}

.chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 18px;
}

.chip {
  padding: 8px 12px;
  border-radius: 999px;
  background: #f4faf8;
  border: 1px solid rgba(13, 122, 102, 0.12);
  font-size: 13px;
}

.mini-section + .mini-section { margin-top: 18px; }

.mini-section h4 { margin: 0 0 10px; }

.mini-list {
  display: grid;
  gap: 10px;
}

.mini-card {
  padding: 12px 14px;
  border-radius: 16px;
  background: #fbfcfa;
  border: 1px solid var(--line);
}

.mini-meta {
  color: var(--muted);
  font-size: 12px;
  margin-top: 6px;
}

.profile-remark,
.remark-body,
.order-item-note {
  color: var(--ink);
  line-height: 1.7;
  word-break: break-word;
}

.remark-block {
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(13, 122, 102, 0.12);
  background: rgba(13, 122, 102, 0.045);
}

.remark-block.empty {
  background: rgba(31, 41, 51, 0.025);
  border-color: rgba(31, 41, 51, 0.06);
}

.remark-label {
  display: inline-flex;
  margin-bottom: 4px;
  color: var(--accent);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.06em;
}

.remark-body {
  font-size: 13px;
}

.remark-block.empty .remark-body {
  color: var(--muted);
}

.client-remark {
  border-color: rgba(13, 122, 102, 0.18);
  background: rgba(13, 122, 102, 0.065);
}

.optometry-remark {
  border-color: rgba(34, 116, 201, 0.16);
  background: rgba(34, 116, 201, 0.06);
}

.optometry-remark .remark-label {
  color: var(--audit);
}

.sales-remark {
  border-color: rgba(217, 128, 50, 0.2);
  background: rgba(217, 128, 50, 0.08);
}

.sales-remark .remark-label {
  color: var(--warm);
}

.operation-remark {
  border-color: rgba(31, 41, 51, 0.1);
  background: rgba(31, 41, 51, 0.035);
}

.operation-remark .remark-label {
  color: var(--muted);
}

.optometry-category-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 14px;
}

.optometry-category-chip,
.optometry-type-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(34, 116, 201, 0.08);
  color: var(--audit);
  font-size: 12px;
  font-weight: 800;
}

.original-store-board {
  margin-bottom: 16px;
  padding: 14px;
  border: 1px solid rgba(34, 116, 201, 0.16);
  border-radius: 14px;
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.original-store-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}

.original-store-head strong {
  display: block;
  color: var(--ink);
  font-size: 15px;
}

.original-store-head span {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.original-store-head button {
  flex: 0 0 auto;
  min-height: 32px;
  padding: 6px 12px;
  border: 1px solid #2f7fbd;
  border-radius: 999px;
  color: #fff;
  background: #2f7fbd;
  cursor: pointer;
}

.original-store-head button:disabled {
  cursor: wait;
  opacity: 0.7;
}

.original-store-boundary {
  margin-bottom: 12px;
  padding: 8px 10px;
  border: 1px solid #efd28a;
  border-radius: 10px;
  color: #6b4b12;
  background: #fff8e8;
  font-size: 12px;
  line-height: 1.55;
}

.original-store-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
}

.original-store-card {
  width: 100%;
  appearance: none;
  display: block;
  padding: 10px 12px;
  border: 1px solid #d7e0e6;
  border-radius: 12px;
  background: #fff;
  color: inherit;
  font: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.original-store-card.ready {
  border-color: #a8d9bc;
  background: #fbfffd;
}

.original-store-card.missing {
  border-color: #efd28a;
  background: #fffdf7;
}

.original-store-card:hover,
.original-store-card:focus-visible,
.original-store-card.is-active {
  border-color: #2f7fbd;
  box-shadow: 0 10px 24px rgba(47, 127, 189, 0.12);
  outline: none;
  transform: translateY(-1px);
}

.original-store-card.is-active {
  background: linear-gradient(180deg, #f3f9ff 0%, #fff 100%);
}

.original-store-card__head {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: var(--ink);
  font-size: 13px;
}

.original-store-card__head span {
  color: var(--muted);
  font-size: 12px;
  white-space: nowrap;
}

.original-store-card b {
  display: block;
  margin-top: 8px;
  color: var(--ink);
  font-size: 22px;
}

.original-store-card p,
.original-store-card small {
  display: block;
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.original-store-detail {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(34, 116, 201, 0.12);
}

.original-store-detail__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.original-store-detail__head strong,
.original-store-detail h4 {
  color: var(--ink);
}

.original-store-detail__head span {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.original-store-search {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.original-store-dataset-select {
  display: grid;
  gap: 4px;
  min-width: 220px;
  color: var(--muted);
  font-size: 12px;
}

.original-store-dataset-select select {
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid #d7e0e6;
  border-radius: 10px;
  background: #fff;
  color: var(--ink);
  font: inherit;
}

.original-store-search input {
  min-width: 260px;
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid #d7e0e6;
  border-radius: 10px;
  font: inherit;
}

.original-store-search button,
.original-store-detail__pager button {
  min-height: 34px;
  padding: 6px 12px;
  border: 1px solid #2f7fbd;
  border-radius: 10px;
  background: #eef7fd;
  color: #2f7fbd;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.original-store-search button[type="submit"] {
  background: #2f7fbd;
  color: #fff;
}

.original-store-detail__pager button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.original-store-detail__columns {
  display: grid;
  grid-template-columns: minmax(220px, 0.38fr) minmax(0, 0.62fr);
  gap: 12px;
}

.original-store-detail h4 {
  margin: 0 0 8px;
  font-size: 13px;
}

.original-store-fields,
.original-store-records {
  display: grid;
  gap: 8px;
}

.original-store-field-row,
.original-store-record {
  padding: 10px 12px;
  border: 1px solid rgba(34, 116, 201, 0.1);
  border-radius: 12px;
  background: #fff;
}

.original-store-field-row strong,
.original-store-field-row span {
  display: block;
}

.original-store-field-row strong {
  color: var(--ink);
  font-size: 13px;
}

.original-store-field-row span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  word-break: break-word;
}

.original-store-record {
  display: grid;
  gap: 8px;
}

.original-store-record__head,
.original-store-detail__pager {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.original-store-record__head strong,
.original-store-record__head span,
.original-store-record__head b {
  display: block;
}

.original-store-record__head strong {
  color: var(--ink);
}

.original-store-record__head span,
.original-store-record__head b,
.original-store-record__meta,
.original-store-detail__pager {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.original-store-record__head b {
  flex: 0 0 auto;
  font-weight: 500;
  text-align: right;
}

.original-store-record__meta,
.original-store-record__raw {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.original-store-record__meta span,
.original-store-record__raw span {
  padding: 5px 8px;
  border-radius: 999px;
  background: #f3f7fa;
  color: #49616f;
  font-size: 12px;
  line-height: 1.45;
  word-break: break-word;
}

.original-store-record__raw span {
  border-radius: 10px;
  background: #f8fbff;
}

.original-store-record__raw b {
  margin-right: 5px;
  color: #2f7fbd;
}

.original-store-detail__pager {
  align-items: center;
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid #efd28a;
  border-radius: 12px;
  background: #fffaf0;
  color: #6b4b12;
}

.optometry-category-chip strong {
  color: var(--ink);
}

.optometry-card {
  border-color: rgba(34, 116, 201, 0.14);
}

.optometry-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.optometry-card-head-actions {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.optometry-use-button {
  min-height: 30px;
  padding: 5px 12px;
  border: 1px solid #2f7fbd;
  border-radius: 999px;
  color: #2f7fbd;
  background: #eef7fd;
  cursor: pointer;
  white-space: nowrap;
}

.optometry-use-button:hover {
  background: #e2f0fb;
}

.optometry-use-button:disabled {
  cursor: wait;
  opacity: 0.7;
}

.optometry-meta-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 10px 0;
}

.optometry-meta-grid div {
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(31, 41, 51, 0.035);
  border: 1px solid rgba(31, 41, 51, 0.06);
}

.optometry-meta-grid span {
  display: block;
  color: var(--muted);
  font-size: 11px;
}

.optometry-meta-grid strong {
  display: block;
  margin-top: 2px;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.45;
}

.optometry-table-wrap {
  overflow-x: auto;
  margin-top: 10px;
  border: 1px solid rgba(34, 116, 201, 0.12);
  border-radius: 14px;
}

.optometry-detail-table {
  width: 100%;
  min-width: 520px;
  border-collapse: collapse;
  background: rgba(255, 255, 255, 0.78);
}

.optometry-detail-table th,
.optometry-detail-table td {
  padding: 8px 10px;
  border-bottom: 1px solid rgba(31, 41, 51, 0.06);
  text-align: left;
  font-size: 12px;
  line-height: 1.45;
}

.optometry-detail-table th {
  color: var(--muted);
  font-weight: 800;
  background: rgba(34, 116, 201, 0.045);
}

.optometry-detail-table tbody tr:last-child th,
.optometry-detail-table tbody tr:last-child td {
  border-bottom: 0;
}

body.optometry-detail-modal-open {
  overflow: hidden;
}

.frontdesk-optometry-detail-modal {
  position: fixed;
  inset: 0;
  z-index: 1500;
  display: grid;
  place-items: center;
}

.frontdesk-optometry-detail-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(33, 42, 48, 0.36);
}

.frontdesk-optometry-detail-modal__panel {
  position: relative;
  z-index: 1;
  width: min(1040px, calc(100vw - 40px));
  max-height: calc(100vh - 44px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 10px;
  padding: 14px;
  border: 1px solid #c8d1d8;
  border-radius: 6px;
  background: #f5f7f9;
  box-shadow: 0 10px 26px rgba(20, 35, 45, 0.24);
}

.frontdesk-optometry-detail-modal__head,
.frontdesk-optometry-detail-modal__foot {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.frontdesk-optometry-detail-modal__head strong {
  display: block;
  color: #163646;
  font-size: 18px;
}

.frontdesk-optometry-detail-modal__body {
  overflow: auto;
  padding-right: 2px;
}

.frontdesk-optometry-detail-hint {
  margin-bottom: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(31, 41, 51, 0.08);
  background: rgba(255, 255, 255, 0.88);
  font-size: 13px;
  line-height: 1.6;
}

.frontdesk-optometry-detail-hint.warning {
  border-color: rgba(217, 128, 50, 0.2);
  background: rgba(217, 128, 50, 0.09);
  color: #945117;
}

.frontdesk-optometry-detail-hint.success {
  border-color: rgba(13, 122, 102, 0.18);
  background: rgba(13, 122, 102, 0.08);
  color: #176252;
}

.frontdesk-optometry-detail-hint.info {
  border-color: rgba(47, 127, 189, 0.18);
  background: rgba(47, 127, 189, 0.08);
  color: #225c89;
}

.frontdesk-optometry-detail-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.order-card {
  background: linear-gradient(180deg, #fffefb, #faf8f3);
}

.order-block-title {
  margin-top: 12px;
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--warm);
  text-transform: uppercase;
}

.link-status,
.order-coverage {
  margin-top: 8px;
  padding: 9px 11px;
  border-radius: 13px;
  font-size: 12px;
  line-height: 1.6;
}

.link-status {
  display: grid;
  gap: 2px;
}

.link-status.ok,
.order-coverage.ok {
  background: rgba(13, 122, 102, 0.07);
  border: 1px solid rgba(13, 122, 102, 0.15);
  color: #176252;
}

.link-status.missing,
.order-coverage.audit,
.audit-note {
  background: rgba(217, 128, 50, 0.1);
  border: 1px solid rgba(217, 128, 50, 0.18);
  color: #9a551b;
}

.audit-note {
  display: block;
  padding: 8px 10px;
  border-radius: 12px;
}

.link-status strong {
  font-size: 12px;
}

.link-status span {
  color: inherit;
}

.order-item-list {
  margin-top: 10px;
  display: grid;
  gap: 8px;
}

.order-item-list.compact {
  margin-top: 8px;
}

.order-item-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(13, 122, 102, 0.05);
  border: 1px solid rgba(13, 122, 102, 0.08);
}

.order-item-row.compact {
  padding: 8px 10px;
  background: rgba(31, 41, 51, 0.03);
  border-color: rgba(31, 41, 51, 0.06);
}

.order-item-main {
  flex: 1 1 auto;
  min-width: 0;
}

.order-item-title {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  line-height: 1.5;
}

.order-item-title > span:not(.item-badge):not(.item-side) {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.item-badge,
.item-side {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.item-badge {
  background: rgba(13, 122, 102, 0.12);
  color: var(--accent);
}

.item-side {
  background: rgba(217, 128, 50, 0.14);
  color: var(--warm);
}

.order-item-meta {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.order-item-note {
  margin-top: 4px;
  color: #42515f;
  font-size: 12px;
  padding: 3px 6px;
  border: 1px solid #d8e3ea;
  background: #f7f9fa;
  line-height: 1.45;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.order-item-amount {
  flex: 0 0 auto;
  min-width: 70px;
  text-align: right;
  font-weight: 800;
  white-space: nowrap;
}

.order-item-amount.negative {
  color: #b44b2a;
}

.order-sub-list {
  margin-top: 8px;
  display: grid;
  gap: 8px;
}

.order-sub-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(217, 128, 50, 0.08);
  border: 1px solid rgba(217, 128, 50, 0.12);
}

.order-operation-list {
  margin-top: 8px;
}

.order-operation-list.compact .timeline-item {
  padding: 8px 10px;
}

.timeline-list {
  display: grid;
  gap: 10px;
}

.timeline-item {
  padding: 12px 14px;
  border-radius: 16px;
  background: #fbfcfa;
  border: 1px solid var(--line);
}

.timeline-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.timeline-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

.timeline-tag {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(13, 122, 102, 0.08);
  color: var(--accent);
  font-size: 12px;
}

.timeline-body {
  margin-top: 8px;
  line-height: 1.7;
  word-break: break-word;
}

.wechat-summary {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 12px;
  padding: 12px 14px;
  border-radius: 16px;
  background: #fbfcfa;
  border: 1px solid var(--line);
}

.wechat-summary-main {
  min-width: 0;
}

.wechat-chat {
  display: grid;
  gap: 10px;
}

.chat-row {
  display: grid;
  gap: 4px;
}

.chat-row.outgoing {
  justify-items: end;
}

.chat-row.incoming {
  justify-items: start;
}

.chat-meta {
  color: var(--muted);
  font-size: 12px;
}

.chat-bubble {
  max-width: min(100%, 420px);
  padding: 10px 12px;
  border-radius: 16px;
  line-height: 1.7;
  word-break: break-word;
  border: 1px solid transparent;
}

.chat-bubble.incoming {
  background: #fbfcfa;
  border-color: var(--line);
}

.chat-bubble.outgoing {
  background: rgba(13, 122, 102, 0.1);
  border-color: rgba(13, 122, 102, 0.15);
}

.chat-bubble a {
  color: var(--accent);
  font-weight: 700;
  text-decoration: none;
}

.member-shell {
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px;
}

.member-hero {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-end;
  margin-bottom: 22px;
}

.member-hero h1 {
  margin: 0 0 10px;
  font-family: "Trebuchet MS", "Noto Sans SC", sans-serif;
  font-size: 34px;
  line-height: 1.15;
}

.member-hero p {
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
}

.member-back-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid var(--line);
  color: var(--ink);
  text-decoration: none;
  font-weight: 700;
}

.compact-link {
  min-height: 40px;
  white-space: nowrap;
}

.migration-status-grid,
.quality-grid,
.gap-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
}

.migration-card,
.quality-card,
.gap-card {
  padding: 16px;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: #fbfcfa;
}

.migration-card.complete {
  background: rgba(13, 122, 102, 0.07);
  border-color: rgba(13, 122, 102, 0.18);
}

.migration-card.warning {
  background: rgba(217, 128, 50, 0.08);
  border-color: rgba(217, 128, 50, 0.2);
}

.migration-card.audit {
  background: var(--audit-soft);
  border-color: rgba(34, 116, 201, 0.18);
}

.migration-card.waiting {
  background: rgba(31, 41, 51, 0.035);
}

.migration-card-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.status-pill {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.status-pill.complete {
  background: rgba(13, 122, 102, 0.13);
  color: var(--accent);
}

.status-pill.running {
  background: rgba(34, 116, 201, 0.12);
  color: #21639d;
}

.status-pill.warning {
  background: rgba(217, 128, 50, 0.15);
  color: #af5c18;
}

.status-pill.verified {
  background: var(--exception-soft);
  color: var(--exception);
}

.status-pill.audit {
  background: var(--audit-soft);
  color: var(--audit);
}

.status-pill.waiting {
  background: rgba(31, 41, 51, 0.08);
  color: var(--muted);
}

.migration-count {
  margin-top: 12px;
  font-size: 28px;
  font-weight: 900;
}

.migration-count span {
  font-size: 13px;
  color: var(--muted);
  font-weight: 600;
}

.migration-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.migration-meta-grid div {
  padding: 10px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.62);
  border: 1px solid rgba(31, 41, 51, 0.06);
}

.migration-meta-grid span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  margin-bottom: 5px;
}

.migration-meta-grid strong {
  display: block;
  font-size: 12px;
  line-height: 1.45;
}

.gap-tone-complete {
  color: var(--accent);
}

.gap-tone-warning {
  color: #af5c18;
}

.progress-track {
  height: 8px;
  margin-top: 12px;
  border-radius: 999px;
  background: rgba(31, 41, 51, 0.08);
  overflow: hidden;
}

.progress-bar {
  height: 100%;
  border-radius: inherit;
  background: #21639d;
}

.progress-bar.complete {
  background: var(--accent);
}

.progress-bar.running {
  background: #21639d;
}

.progress-bar.warning {
  background: var(--warm);
}

.progress-bar.review {
  background: linear-gradient(90deg, var(--warm), #e7a458);
}

.progress-bar.audit {
  background: var(--audit);
}

.migration-note {
  margin-top: 10px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.7;
}

.status-footnote {
  margin-top: 12px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.7;
  word-break: break-all;
}

.source-ledger {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.source-ledger div {
  padding: 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.62);
  border: 1px solid var(--line);
}

.source-ledger span,
.source-ledger strong {
  display: block;
}

.source-ledger span {
  color: var(--muted);
  margin-bottom: 5px;
}

.source-ledger strong {
  color: var(--ink);
  font-weight: 700;
}

.quality-label {
  color: var(--muted);
  font-size: 13px;
}

.quality-value {
  margin-top: 8px;
  font-size: 30px;
  font-weight: 900;
}

.quality-card.complete {
  border-color: rgba(13, 122, 102, 0.16);
  background: rgba(13, 122, 102, 0.06);
}

.quality-card.needs-review {
  border-color: rgba(217, 128, 50, 0.18);
  background: rgba(217, 128, 50, 0.06);
}

.quality-card.audit {
  border-color: rgba(34, 116, 201, 0.18);
  background: var(--audit-soft);
}

.quality-detail,
.quality-gap,
.quality-note {
  margin-top: 8px;
  font-size: 12px;
}

.quality-detail,
.quality-note {
  color: var(--muted);
}

.quality-note {
  line-height: 1.65;
}

.quality-gap {
  font-weight: 800;
}

.quality-gap.ok {
  color: var(--accent);
}

.quality-gap.attention {
  color: #af5c18;
}

.quality-gap.audit {
  color: var(--audit);
}

.gap-grid {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.full-span {
  grid-column: 1 / -1;
}

.gap-overview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.gap-overview-item {
  padding: 14px;
  border-radius: 18px;
  background: #fbfcfa;
  border: 1px solid var(--line);
}

.gap-overview-item span,
.gap-overview-item strong {
  display: block;
}

.gap-overview-item span {
  color: var(--muted);
  font-size: 12px;
  margin-bottom: 6px;
}

.gap-overview-item strong {
  font-size: 24px;
  line-height: 1;
}

.gap-overview-item.clear {
  background: rgba(13, 122, 102, 0.07);
  border-color: rgba(13, 122, 102, 0.18);
}

.gap-overview-item.attention {
  background: var(--warning-soft);
  border-color: rgba(217, 128, 50, 0.22);
}

.gap-overview-item.verified {
  background: var(--exception-soft);
  border-color: rgba(159, 63, 45, 0.18);
}

.gap-overview-item.audit {
  background: var(--audit-soft);
  border-color: rgba(34, 116, 201, 0.18);
}

.gap-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.gap-card.clear {
  background: rgba(13, 122, 102, 0.06);
  border-color: rgba(13, 122, 102, 0.18);
}

.gap-card.attention {
  background: var(--warning-soft);
  border-color: rgba(217, 128, 50, 0.22);
}

.gap-card.exception {
  background: var(--exception-soft);
  border-color: rgba(159, 63, 45, 0.18);
}

.gap-card.audit {
  background: var(--audit-soft);
  border-color: rgba(34, 116, 201, 0.18);
}

.gap-card-copy {
  margin: 0;
  color: #52606d;
  line-height: 1.7;
  font-size: 13px;
}

.gap-card-head,
.gap-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.gap-list {
  display: grid;
  gap: 8px;
}

.gap-row {
  padding: 10px 0;
  border-top: 1px solid rgba(31, 41, 51, 0.08);
}

.gap-row.muted-row {
  opacity: 0.78;
}

.gap-row.open-gap-row {
  border-left: 3px solid var(--warm);
  padding-left: 10px;
}

.gap-row.exception-row {
  border-left: 3px solid var(--exception);
  padding-left: 10px;
}

.gap-row.audit-row {
  border-left: 3px solid var(--audit);
  padding-left: 10px;
}

.gap-row strong,
.gap-row span,
.gap-row-meta {
  display: block;
}

.gap-row span,
.gap-row-meta {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.gap-row em {
  display: inline;
  font-style: normal;
  color: var(--ink);
  font-weight: 800;
}

.gap-row-meta {
  text-align: right;
  min-width: 120px;
}

.gap-chip-list {
  margin-bottom: 0;
}

.project-panel {
  background:
    radial-gradient(circle at top left, rgba(13, 122, 102, 0.1), transparent 30%),
    radial-gradient(circle at bottom right, rgba(34, 116, 201, 0.08), transparent 26%),
    var(--panel);
}

.project-action-grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.8fr);
  gap: 14px;
}

.project-stage-card,
.project-task-card {
  border-radius: 20px;
  border: 1px solid var(--line);
  background: rgba(255, 253, 250, 0.86);
}

.project-stage-card {
  padding: 18px;
  min-height: 100%;
}

.project-kicker {
  color: var(--accent);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.project-stage-card h4,
.project-task-card h4 {
  margin: 8px 0 0;
  font-size: 20px;
}

.project-readiness {
  margin-top: 12px;
  font-size: 42px;
  font-weight: 950;
  color: var(--accent);
  line-height: 1;
}

.project-stage-card p,
.project-task-card p {
  margin: 12px 0 0;
  color: #52606d;
  line-height: 1.7;
}

.project-metric-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.project-metric-strip span {
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(13, 122, 102, 0.08);
  color: var(--accent);
  font-size: 12px;
  font-weight: 850;
}

.next-step-callout {
  margin-top: 16px;
  padding: 12px;
  border-radius: 16px;
  background: rgba(217, 128, 50, 0.1);
  border: 1px solid rgba(217, 128, 50, 0.18);
}

.next-step-callout strong,
.next-step-callout span {
  display: block;
}

.next-step-callout strong {
  color: var(--warm);
}

.next-step-callout span {
  margin-top: 6px;
  color: #6a4a2b;
  line-height: 1.6;
  font-size: 13px;
}

.project-task-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.project-task-card {
  padding: 15px;
}

.project-task-card.p0 {
  background: rgba(217, 128, 50, 0.07);
  border-color: rgba(217, 128, 50, 0.2);
}

.project-task-card.p1 {
  background: rgba(13, 122, 102, 0.055);
  border-color: rgba(13, 122, 102, 0.16);
}

.project-task-head {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}

.priority-badge {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  background: rgba(31, 41, 51, 0.08);
  font-size: 12px;
  font-weight: 900;
}

.task-owner {
  margin-top: 6px;
  color: var(--accent);
  font-size: 12px;
  font-weight: 900;
}

.task-next {
  margin-top: 12px;
  padding: 10px 11px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.68);
  border: 1px solid rgba(31, 41, 51, 0.06);
}

.task-next strong,
.task-next span,
.task-evidence {
  display: block;
}

.task-next strong {
  color: var(--ink);
  font-size: 12px;
}

.task-next span,
.task-evidence {
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.6;
  font-size: 12px;
}

.task-evidence {
  padding-top: 10px;
  border-top: 1px dashed rgba(31, 41, 51, 0.1);
}

.warning-chip {
  background: rgba(217, 128, 50, 0.12);
  border-color: rgba(217, 128, 50, 0.22);
  color: #af5c18;
}

.complete-chip {
  background: rgba(13, 122, 102, 0.1);
  border-color: rgba(13, 122, 102, 0.2);
  color: var(--accent);
}

.audit-chip {
  background: rgba(34, 116, 201, 0.1);
  border-color: rgba(34, 116, 201, 0.2);
  color: #2274c9;
}

.section-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}

.section-title-row h4,
.section-title-row p {
  margin: 0;
}

.section-title-row p {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.6;
  font-size: 13px;
}

.journey-section {
  padding: 16px;
  border-radius: 22px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  background:
    radial-gradient(circle at top left, rgba(13, 122, 102, 0.12), transparent 32%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(255, 250, 242, 0.82));
}

.journey-counts {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.journey-counts span {
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(13, 122, 102, 0.12);
  color: var(--accent);
  font-size: 12px;
  font-weight: 800;
}

.journey-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 12px;
}

.journey-filter-bar button {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--muted);
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease;
}

.journey-filter-bar button:hover,
.journey-filter-bar button.active {
  background: var(--accent);
  border-color: var(--accent);
  color: white;
}

.journey-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
}

.journey-card {
  position: relative;
  display: grid;
  gap: 7px;
  min-height: 168px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(31, 41, 51, 0.08);
  background: #fffdfa;
  color: var(--ink);
  text-align: left;
  font: inherit;
  cursor: pointer;
  box-shadow: 0 10px 26px rgba(31, 41, 51, 0.06);
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.journey-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(31, 41, 51, 0.11);
}

.journey-card.is-current-order {
  border-color: #f2991f;
  box-shadow: inset 0 0 0 1px rgba(242, 153, 31, 0.32);
}

.journey-card.is-hidden {
  display: none;
}

.journey-card.optometry {
  border-color: rgba(34, 116, 201, 0.18);
  background: linear-gradient(180deg, rgba(34, 116, 201, 0.07), #fffdfa);
}

.journey-card.order {
  border-color: rgba(217, 128, 50, 0.2);
  background: linear-gradient(180deg, rgba(217, 128, 50, 0.08), #fffdfa);
}

.journey-card.service {
  border-color: rgba(13, 122, 102, 0.18);
  background: linear-gradient(180deg, rgba(13, 122, 102, 0.08), #fffdfa);
}

.journey-card.wechat {
  border-color: rgba(111, 82, 160, 0.18);
  background: linear-gradient(180deg, rgba(111, 82, 160, 0.08), #fffdfa);
}

.journey-card strong,
.journey-card span {
  display: block;
}

.journey-card strong {
  padding-right: 74px;
  font-size: 15px;
  line-height: 1.4;
}

.journey-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(31, 41, 51, 0.06);
  color: var(--ink);
  font-size: 12px;
  font-weight: 900;
}

.journey-card.optometry .journey-badge { color: var(--audit); background: rgba(34, 116, 201, 0.1); }
.journey-card.order .journey-badge { color: var(--warm); background: rgba(217, 128, 50, 0.12); }
.journey-card.service .journey-badge { color: var(--accent); background: rgba(13, 122, 102, 0.1); }
.journey-card.wechat .journey-badge { color: #6f52a0; background: rgba(111, 82, 160, 0.1); }

.journey-time {
  color: var(--accent);
  font-size: 12px;
  font-weight: 900;
}

.journey-subtitle,
.journey-body,
.journey-note {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.journey-body {
  color: var(--ink);
}

.journey-note {
  padding-top: 8px;
  border-top: 1px dashed rgba(31, 41, 51, 0.1);
}

.section-flash {
  animation: section-flash 0.9s ease;
}

@keyframes section-flash {
  0% { box-shadow: 0 0 0 0 rgba(13, 122, 102, 0); }
  20% { box-shadow: 0 0 0 5px rgba(13, 122, 102, 0.16); }
  100% { box-shadow: 0 0 0 0 rgba(13, 122, 102, 0); }
}

.member-layout {
  display: grid;
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
  gap: 18px;
}

.member-panel {
  min-height: 180px;
}

.member-panel-header {
  align-items: flex-start;
}

.member-lookup-form {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
  gap: 10px;
}

.member-lookup-form input,
.member-lookup-form button {
  min-height: 46px;
  border-radius: 14px;
  border: 1px solid var(--line);
  font: inherit;
}

.member-lookup-form input {
  padding: 0 14px;
  background: rgba(255,255,255,0.88);
}

.member-lookup-form button {
  padding: 0 18px;
  background: var(--accent);
  color: white;
  border: none;
  cursor: pointer;
  font-weight: 700;
}

.member-status {
  margin-top: 12px;
  color: var(--muted);
  line-height: 1.6;
}

.member-wechat-status {
  margin: 0 0 12px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(20, 184, 166, 0.12);
  color: #0f766e;
  font-weight: 700;
  line-height: 1.55;
}

.member-wechat-status[data-state="missing"] {
  background: rgba(245, 158, 11, 0.14);
  color: #92400e;
}

.member-match-list {
  display: grid;
  gap: 10px;
}

.member-match-card {
  width: 100%;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: #fbfcfa;
  text-align: left;
  cursor: pointer;
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.member-match-card:hover,
.member-match-card.active {
  transform: translateY(-1px);
  box-shadow: var(--shadow);
  border-color: rgba(13, 122, 102, 0.24);
  background: rgba(13, 122, 102, 0.07);
}

.member-match-kicker {
  display: block;
  margin-bottom: 6px;
  color: var(--accent);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.member-detail-view {
  display: grid;
  gap: 18px;
}

.member-active-profile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(13, 122, 102, 0.13), rgba(36, 144, 207, 0.12));
  border: 1px solid rgba(13, 122, 102, 0.16);
}

.member-active-profile span,
.member-active-profile small {
  display: block;
  color: var(--muted);
  line-height: 1.4;
}

.member-active-profile strong {
  display: block;
  margin: 4px 0;
  font-size: 24px;
  color: var(--ink);
}

.member-benefit-card {
  padding: 24px;
  border-radius: 28px;
  color: #f8fafc;
  background:
    radial-gradient(circle at 86% 22%, rgba(255,255,255,0.22), transparent 18%),
    linear-gradient(135deg, #111827 0%, #17233c 62%, #0f766e 100%);
  box-shadow: 0 22px 46px rgba(15, 23, 42, 0.22);
}

.member-benefit-top {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 26px;
}

.member-benefit-top span {
  color: rgba(248, 250, 252, 0.82);
  font-weight: 800;
}

.member-benefit-top strong {
  font-size: 28px;
  letter-spacing: 0.18em;
}

.member-benefit-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.member-benefit-stats div {
  padding: 14px 12px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.1);
  text-align: center;
}

.member-benefit-stats span {
  display: block;
  color: rgba(248, 250, 252, 0.68);
  font-size: 12px;
  margin-bottom: 6px;
}

.member-benefit-stats strong {
  font-size: 22px;
}

.member-action-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.member-action-grid button {
  min-height: 92px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.9);
  color: var(--ink);
  text-align: left;
  cursor: pointer;
}

.member-action-grid strong,
.member-action-grid span {
  display: block;
}

.member-action-grid strong {
  margin-bottom: 8px;
  font-size: 16px;
}

.member-action-grid span {
  color: var(--muted);
  font-size: 13px;
}

.member-vision-summary {
  padding: 20px;
  border-radius: 24px;
  border-top: 5px solid #16a3d8;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--shadow);
}

.member-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.member-section-heading strong {
  font-size: 20px;
}

.member-section-heading span {
  color: var(--muted);
}

.member-eye-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.member-eye-grid div {
  padding: 18px;
  border-radius: 18px;
  background: radial-gradient(circle, rgba(22, 163, 216, 0.09) 1px, transparent 1px);
  background-size: 10px 10px;
  border: 1px solid rgba(22, 163, 216, 0.12);
  text-align: center;
}

.member-eye-grid span,
.member-eye-grid small {
  display: block;
  color: var(--muted);
}

.member-eye-grid strong {
  display: block;
  margin: 10px 0;
  color: #0e7490;
  font-size: 24px;
  letter-spacing: 0.04em;
}

.related-profile-card {
  width: 100%;
  border: 1px solid var(--line);
  text-align: left;
  cursor: pointer;
}

.related-profile-card:hover {
  border-color: rgba(13, 122, 102, 0.26);
  background: rgba(13, 122, 102, 0.06);
}

.member-record-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

@media (max-width: 1200px) {
  .page-shell { grid-template-columns: 1fr; }
  .sidebar { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.5); }
  .summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .split { grid-template-columns: 1fr; }
  .member-layout { grid-template-columns: 1fr; }
  .optometry-meta-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .source-ledger,
  .gap-overview,
  .record-status-board,
  .project-action-grid,
  .project-task-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .main, .sidebar { padding: 16px; }
  .hero { flex-direction: column; align-items: flex-start; }
  .hero h2 { font-size: 26px; }
  .summary-grid { grid-template-columns: 1fr; }
  .foundation-card { grid-column: span 1; }
  .search-form { width: 100%; flex-direction: column; }
  .search-form input { width: 100%; }
  .source-ledger,
  .gap-overview,
  .record-status-board,
  .migration-meta-grid,
  .project-action-grid,
  .project-task-list { grid-template-columns: 1fr; }
  .gap-card-head,
  .section-title-row,
  .gap-row { flex-direction: column; }
  .gap-row-meta { text-align: left; }
  .journey-counts { justify-content: flex-start; }
  .member-shell { padding: 16px; }
  .member-hero { flex-direction: column; align-items: flex-start; }
  .member-hero h1 { font-size: 28px; }
  .member-lookup-form { grid-template-columns: 1fr; }
  .member-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .member-benefit-stats,
  .member-eye-grid { grid-template-columns: 1fr; }
  .member-record-grid { grid-template-columns: 1fr; }
  .optometry-meta-grid { grid-template-columns: 1fr; }
  .optometry-card-head { flex-direction: column; }
}

/* E0123-like back-office skin: blue top nav, teal side menu, grey workbench. */
:root {
  --bg: #eef1f4;
  --panel: #ffffff;
  --panel-strong: #ffffff;
  --ink: #222f3d;
  --muted: #6f7f8d;
  --line: #d9e1e7;
  --accent: #2fb3a6;
  --accent-soft: #e8f7f5;
  --warm: #f0a22f;
  --audit: #2f80bd;
  --shadow: 0 1px 2px rgba(15, 37, 55, 0.06);
  --radius: 4px;
}

html {
  scroll-behavior: smooth;
}

body {
  background: #e9edf2;
  font-size: 14px;
  overflow-x: hidden;
}

.page-shell {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  grid-template-rows: 40px minmax(0, 1fr);
  grid-template-areas:
    "topbar topbar"
    "sidebar main";
  min-height: 100vh;
  max-width: 100vw;
  overflow-x: hidden;
}

.topbar {
  grid-area: topbar;
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  min-width: 0;
  height: 40px;
  background: #2b6f8d;
  color: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}

.topbar-brand {
  width: 220px;
  height: 40px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  background: #205d79;
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
}

.topbar-logo {
  display: inline-grid;
  place-items: center;
  min-width: 30px;
  height: 30px;
  border-radius: 2px;
  background: #111;
  color: #f6a623;
  font-size: 12px;
  font-weight: 900;
}

.topnav {
  display: flex;
  align-items: center;
  min-width: 0;
  height: 100%;
  overflow-x: auto;
  scrollbar-width: none;
}

.topnav::-webkit-scrollbar {
  display: none;
}

.topnav a {
  height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  color: #eef9ff;
  text-decoration: none;
  font-size: 14px;
  white-space: nowrap;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.topnav a:hover,
.topnav a.active {
  background: #1f87ad;
  color: #fff;
}

.topbar-user {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 100%;
  padding: 0 14px;
  color: #f6fbff;
  white-space: nowrap;
  font-size: 13px;
}

.topbar-avatar {
  width: 26px;
  height: 26px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(135deg, #d7b265, #8d5b16);
  color: #fff;
  font-weight: 900;
}

.sidebar {
  grid-area: sidebar;
  padding: 0;
  background: #36b7aa;
  border-right: 1px solid #299f94;
  backdrop-filter: none;
}

.brand {
  min-height: 92px;
  margin: 0;
  padding: 18px 16px;
  gap: 10px;
  background: #eef8f7;
  border-bottom: 1px solid #c7e5e1;
}

.brand-mark {
  width: 46px;
  height: 46px;
  border-radius: 3px;
  background: #15887d;
  box-shadow: none;
}

.brand h1 {
  font-size: 20px;
  color: #1e3a45;
}

.brand p {
  color: #6c7c84;
  font-size: 12px;
}

.sidebar-menu {
  padding: 8px 0 20px;
}

.sidebar-group-title {
  padding: 12px 18px 7px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
}

.sidebar-menu a {
  display: block;
  padding: 11px 20px;
  color: #fff;
  text-decoration: none;
  border-left: 4px solid transparent;
}

.sidebar-menu a:hover,
.sidebar-menu a.active {
  background: rgba(0, 0, 0, 0.14);
  border-left-color: #ffb02e;
}

.sidebar-card {
  display: none;
}

.main {
  grid-area: main;
  min-width: 0;
  padding: 18px 28px 32px;
  background: #f0f2f5;
  overflow-x: hidden;
}

body:has(.sidebar[hidden]) .page-shell {
  grid-template-columns: 1fr;
  grid-template-areas:
    "topbar"
    "main";
}

body:has(.sidebar[hidden]) .topbar-brand {
  width: auto;
}

body:has(.sidebar[hidden]) .main {
  padding-inline: 18px;
}

body:has(.sidebar[hidden]) .topbar {
  padding-left: 18px;
}

.hero,
.panel,
.metric-card {
  background: #fff;
  border: 1px solid #dce4ea;
  border-radius: 3px;
  box-shadow: var(--shadow);
  backdrop-filter: none;
}

.hero {
  align-items: center;
  padding: 18px 20px;
  border-top: 3px solid #36b7aa;
}

.hero h2 {
  max-width: none;
  font-size: 24px;
  color: #243848;
}

.hero p {
  font-size: 13px;
}

.eyebrow {
  color: #2b9f94;
}

.hero-badge {
  border-radius: 3px;
  background: #f2a12a;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.08);
}

.summary-grid {
  gap: 12px;
  margin: 14px 0;
}

.metric-card {
  border-radius: 3px;
  padding: 14px 16px;
}

.foundation-card {
  background: #fff;
  border-color: #dce4ea;
}

.foundation-title {
  font-size: 20px;
}

.foundation-stats span,
.detail-proof-strip span,
.journey-counts span,
.project-metric-strip span,
.chip {
  border-radius: 3px;
  background: #f4fbfa;
}

.metric-value {
  font-size: 28px;
  color: #1d3344;
}

.panel {
  padding: 0;
  margin-bottom: 14px;
  overflow: hidden;
}

body:has(.sidebar[hidden]) .panel {
  margin-bottom: 12px;
}

.panel-header {
  min-height: 50px;
  align-items: center;
  margin: 0;
  padding: 12px 16px;
  background: #fff;
  border-bottom: 1px solid #dce4ea;
}

.panel h3 {
  font-size: 16px;
  color: #1f3b4d;
}

.panel-header p {
  margin-top: 3px;
  font-size: 12px;
}

#product-section .panel-header {
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px 16px;
}

#product-section .panel-header > div:first-child {
  flex: 1 1 300px;
  min-width: 260px;
}

#product-section .panel-header .search-form {
  flex: 2 1 540px;
  justify-content: flex-end;
}

#product-section .panel-header h3 {
  white-space: normal;
  word-break: keep-all;
}

.panel > :not(.panel-header) {
  margin: 16px;
}

.panel > .table-wrap,
.panel > .panel-body,
.panel > .migration-status-grid,
.panel > .quality-grid,
.panel > .gap-grid,
.panel > .project-action-grid,
.panel > .status-footnote {
  margin: 16px;
}

.search-form input,
.search-form button,
.member-lookup-form input,
.member-lookup-form button,
.member-back-link,
.compact-link {
  height: 34px;
  min-height: 34px;
  border-radius: 3px;
}

.search-form input,
.member-lookup-form input {
  background: #fff;
  border-color: #cfd8df;
}

.search-form button,
.member-lookup-form button {
  background: #22a83d;
  border: 1px solid #1e9937;
}

.member-back-link {
  border-color: #cfd8df;
  background: #fff;
}

.table-wrap,
.detail-card,
.mini-card,
.record-status-card,
.migration-card,
.quality-card,
.gap-card,
.project-stage-card,
.project-task-card,
.member-match-card {
  border-radius: 3px;
  box-shadow: none;
}

.table-wrap {
  border-color: #dce4ea;
}

#order-section {
  border-top: 3px solid #2f7fbd;
}

#order-section .order-query-shell {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  gap: 0;
  margin: 0;
  min-height: 156px;
}

.order-query-sidebar {
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 12px;
  border-right: 1px solid #dce4ea;
  background: #f5f8fa;
}

.order-query-sidebar__title {
  display: grid;
  gap: 4px;
}

.order-query-sidebar__title strong {
  color: #1f3b4d;
  font-size: 16px;
}

.order-query-sidebar__title span,
.order-query-result-head span {
  color: #607582;
  font-size: 12px;
  line-height: 1.45;
}

.order-query-toggle,
.order-query-presets button,
.order-query-form button {
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid #2f7fbd;
  border-radius: 3px;
  background: #2f7fbd;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
}

.order-query-toggle[aria-expanded="true"] {
  background: #fff;
  color: #2f6f9f;
}

.order-query-presets {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}

.order-query-presets button {
  border-color: #cbd5dc;
  background: #fff;
  color: #34556b;
  font-weight: 600;
}

.order-query-main {
  display: grid;
  align-content: start;
  min-width: 0;
}

.order-query-form {
  display: grid;
  grid-template-columns: 132px 132px 150px minmax(220px, 1fr) auto;
  gap: 6px;
  align-items: end;
  padding: 10px 12px;
  border-bottom: 1px solid #dce4ea;
  background: #fbfcfd;
}

.order-query-form[hidden],
.order-query-results[hidden] {
  display: none;
}

.order-query-form label {
  display: grid;
  gap: 4px;
  color: #375466;
  font-size: 12px;
  font-weight: 700;
}

.order-query-form input,
.order-query-form select {
  width: 100%;
  min-height: 30px;
  padding: 4px 7px;
  border: 1px solid #c3ced6;
  border-radius: 2px;
  background: #fff;
  color: #263b4a;
  font: inherit;
}

.order-query-result-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 42px;
  padding: 8px 12px;
  border-bottom: 1px solid #dce4ea;
  background: #fff;
}

.order-query-result-head strong {
  display: block;
  color: #1f3b4d;
  font-size: 14px;
}

#order-query-result-count {
  padding: 4px 8px;
  border: 1px solid #d6dee5;
  border-radius: 3px;
  background: #f7f9fb;
  color: #3d5668;
  font-size: 12px;
  white-space: nowrap;
}

.order-query-results {
  margin: 0;
  border: 0;
  border-radius: 0;
  max-height: 420px;
}

th {
  top: 40px;
  background: #f6f7f8;
  color: #445867;
  letter-spacing: 0;
  text-transform: none;
}

th,
td {
  padding: 10px 12px;
}

tbody tr:hover,
tbody tr.active {
  background: #e6f6f4;
}

.detail-card {
  min-height: 360px;
}

.migration-status-grid,
.quality-grid,
.gap-grid,
.project-action-grid {
  gap: 10px;
}

.migration-card,
.quality-card,
.gap-card,
.project-stage-card,
.project-task-card {
  background: #fff;
}

.migration-card.warning,
.quality-card.needs-review,
.gap-card.attention,
.project-task-card.p0 {
  background: #fff9ef;
}

.migration-card.complete,
.quality-card.complete,
.gap-card.clear,
.project-task-card.p1 {
  background: #f3fbfa;
}

.status-pill,
.priority-badge,
.journey-filter-bar button,
.journey-badge,
.optometry-category-chip,
.optometry-type-badge,
.item-badge,
.item-side {
  border-radius: 3px;
}

.project-panel,
.journey-section {
  background: #fff;
}

.journey-card {
  border-radius: 3px;
  box-shadow: none;
}

.client-workspace-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  margin: 10px 0 12px;
  padding: 0 8px;
  border-bottom: 2px solid #2f7fbd;
}

.client-workspace-tabs button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 5px 14px;
  border: 1px solid #9db8cc;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
  background: #eaf1f7;
  color: #1f5f91;
  cursor: pointer;
  font-weight: 700;
}

.client-workspace-tabs button strong,
.client-workspace-tabs button span {
  display: inline-block;
}

.client-workspace-tabs button span {
  color: #6f7f8d;
  font-size: 12px;
  font-weight: 500;
}

.client-workspace-tabs button.active {
  color: #fff;
  background: linear-gradient(#3c91cf, #2f7fbd);
  border-color: #2f7fbd;
}

.client-workspace-tabs button.active span {
  color: rgba(255, 255, 255, 0.82);
}

.client-workspace-view {
  display: none;
}

.client-workspace-view.active {
  display: block;
}

.core-workbench {
  display: grid;
  gap: 12px;
}

.core-profile-card,
.priority-card {
  padding: 14px;
  border: 1px solid #dce4ea;
  border-radius: 3px;
  background: #fff;
}

.priority-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.detail-grid.compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 10px;
}

.detail-proof-strip.compact {
  margin: 8px 0 10px;
}

.sales-detail-card {
  background: #fffaf2;
}

.sales-detail-card.is-current-order {
  border-color: #f0be66;
  box-shadow: inset 0 0 0 1px rgba(242, 153, 31, 0.18);
}

.sales-detail-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.sales-detail-current-note {
  margin-top: 6px;
}

.sales-amount {
  min-width: 108px;
  text-align: right;
}

.sales-amount span,
.sales-amount strong {
  display: block;
}

.sales-amount span {
  color: var(--muted);
  font-size: 12px;
}

.sales-amount strong {
  color: #d36d00;
  font-size: 18px;
}

.record-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 14px;
}

.record-filter-bar button {
  min-height: 32px;
  padding: 6px 12px;
  border: 1px solid #cbd5dc;
  border-radius: 3px;
  background: #fff;
  color: #24566b;
  cursor: pointer;
}

.record-filter-bar button span {
  color: #d36d00;
  font-weight: 800;
}

.record-filter-bar button span small {
  margin-left: 4px;
  font-size: 11px;
  font-weight: 700;
}

.record-filter-bar button.active {
  color: #fff;
  background: #2f7fbd;
  border-color: #2f7fbd;
}

.record-filter-bar button.active span {
  color: #fff;
}

.e0123-optometry-gap-notice {
  display: grid;
  gap: 7px;
  margin: 0 0 10px;
  padding: 9px 10px;
  border: 1px solid #efd89b;
  border-left: 3px solid #d98c00;
  background: #fffaf0;
  color: #604517;
  font-size: 12px;
}

.e0123-optometry-gap-notice strong {
  margin-right: 8px;
  color: #8a5a00;
}

.e0123-optometry-gap-notice ol {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.e0123-optometry-gap-notice li {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 5px;
  max-width: 100%;
  padding: 2px 6px;
  border: 1px solid #efd89b;
  background: #fff;
  overflow-wrap: anywhere;
}

.e0123-optometry-gap-notice p {
  margin: 0;
  color: #7a5a22;
}

.e0123-review-guide {
  display: grid;
  gap: 6px;
  margin: 0 0 10px;
  padding: 8px 10px;
  border: 1px solid #d5e1e8;
  border-left: 3px solid #2f7fbd;
  background: #f7fafc;
  color: #334a5a;
  font-size: 12px;
}

.e0123-review-guide strong {
  margin-right: 8px;
  color: #174b69;
}

.e0123-review-guide__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.e0123-review-guide__chips span,
.e0123-review-guide li {
  display: inline-block;
  max-width: 100%;
  padding: 2px 6px;
  border: 1px solid #dbe5ea;
  background: #fff;
  overflow-wrap: anywhere;
}

.e0123-review-guide ol {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.click-card-list {
  display: grid;
  gap: 10px;
}

.click-card {
  border: 1px solid #dce4ea;
  border-radius: 3px;
  background: #fff;
}

.click-card.is-hidden {
  display: none;
}

.click-card summary {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  cursor: pointer;
  list-style: none;
}

.click-card summary::-webkit-details-marker {
  display: none;
}

.click-card summary span,
.click-card summary em,
.click-card summary strong,
.click-card summary b {
  display: block;
}

.click-card summary em {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.5;
}

.click-card summary b {
  flex: 0 0 auto;
  align-self: flex-start;
  padding: 5px 9px;
  border-radius: 3px;
  background: #eef6fb;
  color: #2f7fbd;
  font-size: 12px;
}

.click-card[open] summary {
  border-bottom: 1px solid #dce4ea;
  background: #f7fbfc;
}

.click-card > .mini-card {
  margin: 10px;
}

.member-shell {
  max-width: none;
  padding: 18px 28px;
  background: #f0f2f5;
  min-height: 100vh;
}

.member-hero {
  margin: 0 0 14px;
  padding: 14px 18px;
  background: #fff;
  border: 1px solid #dce4ea;
  border-top: 3px solid #36b7aa;
}

.member-hero h1 {
  font-size: 24px;
}

.member-layout {
  gap: 14px;
}

.e0123-workbench {
  margin: 0 0 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-top: 3px solid #36b7aa;
}

.e0123-workbench > * {
  margin-bottom: 0;
}

.e0123-strip,
.e0123-card {
  position: relative;
  background: #fff;
  border: 1px solid #d7e0e6;
  box-shadow: 0 1px 3px rgba(12, 40, 54, 0.08);
}

.e0123-strip {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 56px;
  padding: 10px 18px;
  margin-bottom: 10px;
  overflow-x: auto;
}

.e0123-strip .strip-title,
.e0123-section-title {
  padding-left: 10px;
  border-left: 3px solid #f2991f;
  color: #193747;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
}

.e0123-strip button,
.e0123-strip a,
.e0123-toolbar a,
.e0123-form-grid button,
.e0123-side-tabs button,
.e0123-product-search button,
.e0123-tabs a {
  min-height: 30px;
  padding: 6px 12px;
  border: 1px solid #cbd5dc;
  border-radius: 3px;
  background: #fff;
  color: #263b48;
  text-decoration: none;
  font-size: 14px;
  white-space: nowrap;
}

.e0123-strip button,
.e0123-strip a {
  flex: 0 0 auto;
}

.e0123-strip a {
  border-color: transparent;
  color: #8b99a3;
}

.e0123-strip a.active {
  color: #f08300;
  border-bottom: 2px solid #f08300;
}

.e0123-strip .right-action {
  margin-left: auto;
}

.frontdesk-queue-strip {
  flex-wrap: wrap;
  order: -40;
}

.frontdesk-queue-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.frontdesk-queue-tab.active {
  border-color: #f2991f;
  background: #fff6e9;
  color: #8d4f05;
}

.frontdesk-queue-tab b {
  display: inline-flex;
  min-width: 20px;
  padding: 1px 6px;
  border-radius: 999px;
  background: rgba(12, 40, 54, 0.08);
  color: #163140;
  font-size: 12px;
  justify-content: center;
}

.frontdesk-queue-meta {
  margin-left: auto;
  color: #607582;
  font-size: 13px;
  white-space: nowrap;
}

.frontdesk-queue-panel {
  order: -39;
  margin: 0 0 10px;
  padding: 12px 16px;
  border: 1px solid #d7e0e6;
  border-left: 4px solid #f2991f;
  background: linear-gradient(180deg, #fffdfa 0%, #fff 100%);
  box-shadow: 0 1px 3px rgba(12, 40, 54, 0.08);
}

.frontdesk-queue-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.frontdesk-queue-stat {
  padding: 10px 12px;
  border: 1px solid #e0e6eb;
  border-radius: 4px;
  background: #fff;
}

.frontdesk-queue-stat span {
  display: block;
  color: #607582;
  font-size: 12px;
}

.frontdesk-queue-stat strong {
  display: block;
  margin-top: 4px;
  color: #193747;
  font-size: 22px;
}

.frontdesk-queue-stat small {
  display: block;
  margin-top: 4px;
  color: #7a8b95;
  font-size: 12px;
}

.frontdesk-queue-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
}

.frontdesk-queue-card {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #d7e0e6;
  border-radius: 4px;
  background: #fff;
  text-align: left;
  font: inherit;
  cursor: pointer;
  transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

.frontdesk-queue-card.is-current-order {
  border-color: #f2991f;
  background: linear-gradient(180deg, #fff8eb 0%, #fff 100%);
  box-shadow: inset 0 0 0 1px rgba(242, 153, 31, 0.22);
}

.frontdesk-queue-card:hover {
  border-color: #36b7aa;
  box-shadow: 0 2px 6px rgba(12, 40, 54, 0.1);
  transform: translateY(-1px);
}

.frontdesk-queue-card:focus-visible {
  outline: 2px solid rgba(54, 183, 170, 0.28);
  outline-offset: 2px;
}

.frontdesk-queue-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.frontdesk-queue-card strong,
.frontdesk-queue-card span,
.frontdesk-queue-card small {
  display: block;
}

.frontdesk-queue-card strong {
  color: #193747;
  font-size: 15px;
}

.frontdesk-queue-card span {
  margin-top: 4px;
  color: #607582;
  font-size: 13px;
}

.frontdesk-queue-card small {
  margin-top: 6px;
  color: #7a8b95;
  font-size: 12px;
  line-height: 1.5;
}

.frontdesk-queue-card__meta {
  margin-top: 6px;
  color: #415a68;
  font-size: 12px;
  line-height: 1.45;
}

.frontdesk-current-pill {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 20px;
  padding: 0 7px;
  border: 1px solid #efc36a;
  border-radius: 999px;
  background: #fff5d8;
  color: #8b5700;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

.frontdesk-reminder-board {
  order: -38;
  margin: 0 0 10px;
  padding: 12px 16px;
  border: 1px solid #d7e0e6;
  border-left: 4px solid #607582;
  background: linear-gradient(180deg, #fcfdff 0%, #fff 100%);
  box-shadow: 0 1px 3px rgba(12, 40, 54, 0.08);
}

.frontdesk-reminder-board-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.frontdesk-reminder-board-head strong {
  color: #193747;
  font-size: 15px;
}

.frontdesk-reminder-board-head span {
  color: #607582;
  font-size: 13px;
}

.frontdesk-reminder-board-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.frontdesk-reminder-board-tabs button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 6px 12px;
  border: 1px solid #cbd5dc;
  border-radius: 3px;
  background: #fff;
  color: #263b48;
  cursor: pointer;
}

.frontdesk-reminder-board-tabs button.active {
  border-color: #607582;
  background: #eef3f6;
  color: #1e3442;
}

.frontdesk-reminder-board-tabs b {
  display: inline-flex;
  min-width: 20px;
  padding: 1px 6px;
  border-radius: 999px;
  background: rgba(12, 40, 54, 0.08);
  justify-content: center;
  font-size: 12px;
}

.frontdesk-reminder-board-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.frontdesk-reminder-board-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
}

.frontdesk-daily-digest {
  order: -37;
  margin: 0 0 10px;
  padding: 12px 16px;
  border: 1px solid #d7e0e6;
  border-left: 4px solid #36b7aa;
  background: linear-gradient(180deg, #fbfffd 0%, #fff 100%);
  box-shadow: 0 1px 3px rgba(12, 40, 54, 0.08);
}

.frontdesk-daily-digest-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.frontdesk-daily-digest-head strong {
  color: #193747;
  font-size: 15px;
}

.frontdesk-daily-digest-head span {
  color: #607582;
  font-size: 13px;
}

.frontdesk-daily-digest-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.frontdesk-daily-digest-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
}

.frontdesk-overview-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.34fr) minmax(320px, 0.96fr);
  gap: 8px;
  align-items: start;
  order: 30;
}

.frontdesk-overview-card {
  min-width: 0;
}

.frontdesk-queue-workspace {
  display: grid;
  gap: 0;
}

.frontdesk-overview-grid .frontdesk-queue-strip,
.frontdesk-overview-grid .frontdesk-queue-panel,
.frontdesk-overview-grid .frontdesk-reminder-board,
.frontdesk-overview-grid .frontdesk-daily-digest {
  order: 0;
  margin: 0;
}

.frontdesk-overview-grid .frontdesk-queue-strip {
  min-height: 48px;
  padding: 8px 12px;
  border-bottom: 0;
  margin-bottom: 0;
}

.frontdesk-overview-grid .frontdesk-queue-panel {
  padding: 10px 12px;
  border-top: 0;
  box-shadow: none;
}

.frontdesk-overview-grid .frontdesk-reminder-board,
.frontdesk-overview-grid .frontdesk-daily-digest {
  padding: 10px 12px;
  box-shadow: none;
}

.frontdesk-overview-grid .frontdesk-reminder-board {
  margin-bottom: 8px;
}

.frontdesk-overview-grid .frontdesk-queue-summary,
.frontdesk-overview-grid .frontdesk-reminder-board-summary,
.frontdesk-overview-grid .frontdesk-daily-digest-summary {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.frontdesk-overview-grid .frontdesk-queue-list,
.frontdesk-overview-grid .frontdesk-reminder-board-list,
.frontdesk-overview-grid .frontdesk-daily-digest-list {
  grid-template-columns: 1fr;
  gap: 8px;
}

#frontdesk-section .frontdesk-overview-grid,
#frontdesk-section .frontdesk-queue-strip,
#frontdesk-section .frontdesk-queue-panel,
#frontdesk-section .frontdesk-reminder-board,
#frontdesk-section .frontdesk-daily-digest {
  display: none !important;
}

.frontdesk-opening-shell {
  display: grid;
  gap: 6px;
  scroll-margin-top: 48px;
}

#frontdesk-client-card,
#frontdesk-optometry-card,
#frontdesk-product-workspace {
  scroll-margin-top: 48px;
}

.frontdesk-order-head {
  order: -15;
  flex-wrap: wrap;
  align-items: stretch;
  min-height: 0;
  padding: 8px 12px;
  row-gap: 8px;
}

.frontdesk-inline-field {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #244255;
  font-size: 13px;
  white-space: nowrap;
}

.frontdesk-inline-field input {
  width: 148px;
  min-height: 30px;
  padding: 5px 8px;
  border: 1px solid #cbd5dc;
  border-radius: 3px;
  background: #fffef7;
  color: #173445;
}

.frontdesk-inline-field input[readonly] {
  background: #eef3f6;
}

.frontdesk-stage-pills {
  display: flex;
  flex: 1 1 280px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.frontdesk-stage-pill {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid #d5dee5;
  border-radius: 999px;
  background: #f8fafb;
  color: #426172;
  font-size: 13px;
}

.frontdesk-stage-pill[data-tone="success"] {
  border-color: rgba(13, 122, 102, 0.22);
  background: rgba(13, 122, 102, 0.08);
  color: #0d6f5d;
}

.frontdesk-stage-pill[data-tone="warning"] {
  border-color: rgba(217, 128, 50, 0.24);
  background: rgba(217, 128, 50, 0.1);
  color: #9d5a16;
}

.frontdesk-stage-pill[data-tone="muted"] {
  border-color: rgba(96, 117, 130, 0.18);
  background: rgba(96, 117, 130, 0.08);
  color: #607582;
}

.frontdesk-createorder-console {
  display: grid;
  grid-template-columns: minmax(250px, 0.88fr) minmax(280px, 0.94fr) minmax(340px, 1.18fr);
  gap: 6px;
  align-items: center;
  padding: 7px 10px;
  border: 1px solid #bac5cc;
  background: #f1f4f7;
  box-shadow: none;
}

.frontdesk-createorder-console__lead {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  min-width: 0;
}

.frontdesk-createorder-console__lead span {
  color: #2f7fbd;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.frontdesk-createorder-console__lead strong {
  color: #173445;
  font-size: 15px;
}

.frontdesk-createorder-console__lead em {
  color: #607582;
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

.frontdesk-createorder-console .frontdesk-mode-buttons {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-content: center;
  gap: 5px;
}

.frontdesk-createorder-console .frontdesk-mode-buttons button {
  min-height: 28px;
  padding: 4px 8px;
  justify-content: center;
}

.frontdesk-stocktake-panel {
  display: none !important;
}

.frontdesk-cashier-snapshot {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  align-self: center;
}

.frontdesk-cashier-snapshot div {
  min-width: 0;
  padding: 6px 8px;
  border: 1px solid #ccd5dc;
  border-radius: 0;
  background: #fff;
  text-align: center;
}

.frontdesk-cashier-snapshot span {
  display: block;
  margin-bottom: 4px;
  color: #607582;
  font-size: 12px;
}

.frontdesk-cashier-snapshot strong {
  display: block;
  color: #173445;
  font-size: 15px;
  font-variant-numeric: tabular-nums;
}

.frontdesk-cashier-snapshot #frontdesk-cashier-balance {
  color: #c25a10;
}

.frontdesk-core-grid {
  display: grid;
  grid-template-columns: minmax(360px, 1fr) minmax(0, 1.7fr);
  gap: 8px;
  align-items: start;
  min-width: 0;
}

.frontdesk-core-grid--compact {
  gap: 6px;
}

.frontdesk-core-grid > .e0123-card {
  min-width: 0;
  margin-bottom: 0;
}

#frontdesk-client-card,
#frontdesk-optometry-card {
  min-height: 0;
  min-width: 0;
}

#frontdesk-client-card {
  padding-top: 40px;
}

#frontdesk-product-workspace {
  padding-top: 40px;
}

.frontdesk-core-grid--compact #frontdesk-client-card,
.frontdesk-core-grid--compact #frontdesk-optometry-card,
.frontdesk-core-grid--compact #frontdesk-product-workspace {
  box-shadow: 0 10px 24px rgba(22, 32, 39, 0.06);
}

.frontdesk-core-grid--compact #frontdesk-client-card {
  border-color: rgba(24, 95, 92, 0.16);
}

.frontdesk-core-grid--compact #frontdesk-optometry-card {
  border-color: rgba(41, 101, 156, 0.14);
}

.frontdesk-core-grid--compact #frontdesk-product-workspace {
  border-color: rgba(184, 111, 48, 0.14);
}

#frontdesk-client-card .e0123-toolbar {
  position: absolute;
  top: 10px;
  left: 180px;
  right: 12px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow-x: auto;
}

#frontdesk-client-card .e0123-toolbar a {
  flex: 0 0 auto;
  min-height: 26px;
  padding: 3px 10px;
  font-size: 12px;
}

#frontdesk-client-card .e0123-toolbar .e0123-live-search {
  flex: 1 1 420px;
  min-width: 320px;
}

#frontdesk-client-card .frontdesk-client-record-grid {
  grid-template-columns: repeat(8, minmax(94px, 1fr));
  gap: 4px 6px;
}

#frontdesk-client-card .frontdesk-client-record-grid label {
  align-items: center;
  gap: 3px;
  font-size: 11px;
}

#frontdesk-client-card .frontdesk-client-record-grid input {
  min-height: 24px;
  padding: 2px 5px;
}

#frontdesk-client-card .frontdesk-client-note-field {
  grid-column: span 3;
}

#frontdesk-client-card .frontdesk-client-note-field textarea {
  min-height: 24px;
  height: 28px;
  resize: none;
}

#frontdesk-client-card .frontdesk-customer-identity {
  gap: 4px;
  margin: 0 0 4px;
  padding-right: 128px;
}

#frontdesk-client-card .frontdesk-customer-identity .identity-pill {
  min-height: 24px;
  padding: 2px 8px;
  font-size: 11px;
}

#frontdesk-client-card .frontdesk-client-readonly-note {
  margin: 4px 0;
  padding: 5px 8px;
  font-size: 11px;
  line-height: 1.35;
}

.frontdesk-client-details {
  position: relative;
  margin-top: 2px;
}

.frontdesk-client-details summary {
  position: absolute;
  right: 0;
  top: -31px;
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 2px 9px;
  border: 1px solid #cbd5dc;
  border-radius: 3px;
  background: #fff;
  color: #24566b;
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
}

.frontdesk-client-details[open] {
  padding-top: 4px;
}

#frontdesk-optometry-card {
  overflow-x: clip;
}

.frontdesk-client-record-grid {
  grid-template-columns: repeat(2, minmax(150px, 1fr));
}

.frontdesk-client-note-field {
  grid-column: 1 / -1;
}

.frontdesk-client-note-field textarea {
  min-height: 36px;
}

.frontdesk-inline-manual-card {
  display: none;
  grid-template-columns: auto repeat(4, minmax(120px, 1fr)) auto auto;
  gap: 8px;
  align-items: end;
  margin: -2px 0 12px;
  padding: 10px;
  border: 1px solid #cfe4d7;
  border-radius: 0;
  background: #f5fbf7;
}

.frontdesk-inline-manual-card.active {
  display: grid;
  box-shadow: inset 0 0 0 2px rgba(54, 181, 111, 0.16);
}

.frontdesk-inline-manual-card strong {
  align-self: center;
  color: #0b6d43;
  white-space: nowrap;
}

.frontdesk-inline-manual-card label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #244255;
  font-size: 12px;
}

.frontdesk-inline-manual-card label.wide {
  min-width: 180px;
}

.frontdesk-inline-manual-card label.full {
  grid-column: 2 / span 3;
}

.frontdesk-inline-manual-card input,
.frontdesk-inline-manual-card select {
  width: 100%;
  min-height: 28px;
  border: 1px solid #bdd8c8;
  border-radius: 0;
  background: #fffef7;
  color: #173445;
  padding: 5px 8px;
}

.frontdesk-inline-manual-card button {
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid #36b56f;
  border-radius: 0;
  color: #fff;
  background: #36b56f;
  cursor: pointer;
}

.frontdesk-manual-mobile-status {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 8px 10px;
  border: 1px solid #d7e0e6;
  border-radius: 6px;
  background: #fff;
  color: #607582;
  font-size: 13px;
}

.frontdesk-manual-mobile-status strong {
  color: inherit;
}

.frontdesk-manual-mobile-status[data-status="running"] {
  border-color: #bed8ee;
  background: #f3f9ff;
  color: #2f6f9f;
}

.frontdesk-manual-mobile-status[data-status="success"] {
  border-color: #a8d9bc;
  background: #f1fbf5;
  color: #0b6d43;
}

.frontdesk-manual-mobile-status[data-status="warning"] {
  border-color: #f1c47c;
  background: #fff8eb;
  color: #8d4f05;
}

.frontdesk-manual-mobile-status[data-status="error"] {
  border-color: #efb0a4;
  background: #fff4f2;
  color: #a53826;
}

.frontdesk-manual-mobile-status button,
.frontdesk-manual-mobile-action-link {
  min-height: 28px;
  padding: 4px 10px;
  border-color: #2f7fbd;
  background: #2f7fbd;
}

.frontdesk-manual-mobile-action-link {
  display: inline-flex;
  align-items: center;
  border: 1px solid #2f7fbd;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
}

.frontdesk-manual-mobile-status button[data-manual-mobile-action="continue"] {
  border-color: #d0dae1;
  background: #fff;
  color: #244255;
}

.frontdesk-inline-manual-results {
  grid-column: 1 / -1;
  display: grid;
  gap: 6px;
}

.frontdesk-inline-manual-results button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 0;
  padding: 7px 9px;
  border-color: #d7e0e6;
  background: #fff;
  color: #173445;
  text-align: left;
}

.frontdesk-inline-manual-results button span {
  color: #607582;
  font-size: 12px;
}

.frontdesk-customer-identity {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
}

#frontdesk-client-card .frontdesk-customer-identity {
  margin-bottom: 6px;
}

.frontdesk-customer-identity .identity-pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid #d7e0e6;
  border-radius: 999px;
  background: #f7fafc;
  color: #244255;
  font-size: 13px;
}

.frontdesk-customer-identity .identity-pill strong {
  margin-right: 4px;
  color: #113346;
}

.frontdesk-client-edit-guide {
  margin: -2px 0 8px;
  padding: 6px 9px;
  border: 1px solid #d7e0e6;
  border-radius: 0;
  color: #244255;
  background: #f7fafc;
  font-size: 12px;
  line-height: 1.45;
}

.frontdesk-client-edit-guide[data-mode="new"] {
  color: #0b6d43;
  background: #e9f8ef;
  border-color: #a8d9bc;
}

.frontdesk-client-edit-guide[data-mode="readonly"] {
  color: #6b4b12;
  background: #fff8e8;
  border-color: #efd28a;
}

.frontdesk-flow-panel {
  order: -20;
  margin: 10px 0;
  padding: 12px 16px;
  border: 1px solid #cfe0e6;
  border-left: 4px solid #36b7aa;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbfa 100%);
  box-shadow: 0 1px 3px rgba(12, 40, 54, 0.08);
}

.frontdesk-flow-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-bottom: 10px;
}

.frontdesk-flow-head strong,
.frontdesk-mode-panel b {
  color: #193747;
}

.frontdesk-flow-head span,
.frontdesk-mode-panel p {
  display: block;
  margin-top: 4px;
  color: #607582;
  font-size: 13px;
  line-height: 1.55;
}

.frontdesk-mode-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.frontdesk-mode-buttons button,
.frontdesk-mode-panel button {
  min-height: 30px;
  padding: 6px 12px;
  border: 1px solid #cbd5dc;
  border-radius: 3px;
  color: #244255;
  background: #fff;
  cursor: pointer;
}

.frontdesk-mode-buttons button.active,
.frontdesk-mode-panel button {
  color: #fff;
  border-color: #2f7fbd;
  background: #2f7fbd;
}

.frontdesk-flow-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0;
}

.frontdesk-flow-steps article {
  display: inline-grid;
  grid-template-columns: 20px minmax(0, 1fr);
  flex: 1 1 92px;
  gap: 1px 5px;
  align-items: center;
  min-width: 92px;
  padding: 4px 6px;
  border: 1px solid #d1dce3;
  border-radius: 0;
  background: #fff;
}

.frontdesk-flow-steps article span {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 0;
  color: #fff;
  background: #9aa9b3;
  font-size: 12px;
  font-weight: 800;
}

.frontdesk-flow-steps article strong {
  color: #1d3d50;
  font-size: 12px;
}

.frontdesk-flow-steps article small {
  color: #718592;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.25;
}

.frontdesk-flow-steps article.doing {
  border-color: #f3c37f;
  background: #fff8ec;
}

.frontdesk-flow-steps article.doing span {
  background: #f2991f;
}

.frontdesk-flow-steps article.done {
  border-color: #b7ded3;
  background: #f1fbf7;
}

.frontdesk-flow-steps article.done span {
  background: #0b806a;
}

.frontdesk-mode-panel {
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px;
  border: 1px dashed #cfdbe2;
  border-radius: 6px;
  background: #fbfdfe;
}

.frontdesk-mode-panel.active {
  display: flex;
}

.manual-customer-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr)) auto;
  gap: 8px;
  flex: 1 1 720px;
}

.manual-customer-grid input,
.manual-customer-grid select {
  min-height: 30px;
  min-width: 0;
  border: 1px solid #cbd5dc;
  border-radius: 3px;
  padding: 5px 8px;
  background: #fff;
  color: #244255;
}

.manual-customer-help {
  grid-column: 1 / -1;
  color: #607582;
  font-size: 12px;
  line-height: 1.5;
}

.manual-referrer-results {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 6px;
}

.manual-referrer-results:empty {
  display: none;
}

.manual-referrer-results button {
  display: grid;
  justify-items: start;
  min-height: auto;
  padding: 8px 10px;
  border: 1px solid #cfdbe2;
  border-radius: 3px;
  background: #fff;
  color: #244255;
  text-align: left;
}

.manual-referrer-results button strong {
  color: #193747;
}

.manual-referrer-results button span {
  margin-top: 3px;
  color: #607582;
  font-size: 12px;
}

.frontdesk-inline-picker-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
}

.frontdesk-inline-picker-button {
  min-height: 30px;
  min-width: 52px;
  padding: 4px 10px;
  border: 1px solid #b8c4cc;
  border-radius: 2px;
  color: #255267;
  background: linear-gradient(#ffffff, #edf1f4);
  cursor: pointer;
  white-space: nowrap;
}

.frontdesk-review-advice {
  margin-top: 8px;
  padding: 8px 10px;
  border-left: 3px solid #0b806a;
  background: #edf8f4;
  color: #245246;
  font-size: 13px;
  line-height: 1.55;
}

body.modal-open {
  overflow: hidden;
}

.frontdesk-client-modal[hidden] {
  display: none;
}

.frontdesk-client-modal {
  position: fixed;
  inset: 0;
  z-index: 1400;
  display: grid;
  place-items: center;
}

.frontdesk-client-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(33, 42, 48, 0.32);
}

.frontdesk-client-modal__panel {
  position: relative;
  z-index: 1;
  width: min(1120px, calc(100vw - 40px));
  max-height: calc(100vh - 44px);
  display: grid;
  grid-template-rows: auto auto auto auto minmax(0, 1fr);
  gap: 10px;
  padding: 12px;
  border: 1px solid #aeb8bf;
  border-radius: 2px;
  background: #eef1f3;
  box-shadow: 0 8px 22px rgba(20, 35, 45, 0.22);
}

.frontdesk-client-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border: 1px solid #c8d1d8;
  background: #f8f9fa;
}

.frontdesk-client-modal__header h3 {
  margin: 0;
  color: #163646;
  font-size: 18px;
}

.frontdesk-client-modal__header h3 span {
  margin-left: 24px;
  color: #2f7fbd;
  font-size: 15px;
  font-weight: 400;
}

.frontdesk-client-modal__header p {
  margin: 4px 0 0;
  color: #607582;
  font-size: 13px;
  line-height: 1.4;
}

.frontdesk-client-modal__close {
  min-width: 34px;
  min-height: 34px;
  padding: 0;
  border: 1px solid #d3dce3;
  border-radius: 3px;
  color: #607582;
  background: #fff;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.frontdesk-client-modal__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 7px 8px;
  border: 1px solid #c8d1d8;
  background: #fff;
}

.frontdesk-client-modal__filters button {
  min-height: 26px;
  padding: 3px 10px;
  border: 1px solid #aeb8bf;
  border-radius: 2px;
  color: #244255;
  background: linear-gradient(#ffffff, #e9edf0);
  cursor: pointer;
}

.frontdesk-client-modal__filters button:hover {
  border-color: #2f7fbd;
  color: #1f5f91;
}

.frontdesk-client-modal__filters button.is-active {
  border-color: #c87510;
  color: #fff;
  background: linear-gradient(#f7a642, #e38416);
}

.frontdesk-client-modal__toolbar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 6px 8px;
  align-items: center;
  padding: 8px;
  border: 1px solid #c8d1d8;
  background: #f6f7f8;
}

.frontdesk-client-modal__toolbar label {
  color: #244255;
  font-weight: 700;
  white-space: nowrap;
}

.frontdesk-client-modal__toolbar input {
  min-width: 0;
  min-height: 30px;
  padding: 4px 8px;
  border: 1px solid #aeb8bf;
  border-radius: 2px;
  color: #244255;
  background: #fff;
}

.frontdesk-client-modal__toolbar button,
.frontdesk-client-select {
  min-height: 30px;
  padding: 4px 14px;
  border: 1px solid #c87510;
  border-radius: 2px;
  color: #fff;
  background: linear-gradient(#f7a642, #e38416);
  cursor: pointer;
  font-weight: 700;
  white-space: nowrap;
}

.frontdesk-client-select:disabled {
  border-color: #b7c3cc;
  color: #7a8b96;
  background: #eef1f4;
  cursor: not-allowed;
}

.frontdesk-client-modal__status {
  grid-column: 1 / -1;
  color: #617786;
  font-size: 13px;
  line-height: 1.5;
}

.frontdesk-client-modal__status[data-status="warning"] {
  color: #9a5c00;
}

.frontdesk-client-modal__status[data-status="success"] {
  color: #0b806a;
}

.frontdesk-client-modal__status[data-status="error"] {
  color: #b6382c;
}

.frontdesk-client-modal__table-wrap {
  overflow: auto;
  max-height: 260px;
  border: 1px solid #aeb8bf;
  border-radius: 0;
  background: #fff;
}

.frontdesk-client-modal__table {
  width: 100%;
  min-width: 0;
  border-collapse: collapse;
  table-layout: fixed;
}

.frontdesk-client-modal__table th {
  top: 0;
  padding: 6px 8px;
  border-right: 1px solid #c8d1d8;
  border-bottom: 1px solid #aeb8bf;
  background: #e6ebef;
  color: #2c4658;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

.frontdesk-client-modal__table th:nth-child(1),
.frontdesk-client-modal__table td:nth-child(1) {
  width: 72px;
}

.frontdesk-client-modal__table th:nth-child(2),
.frontdesk-client-modal__table td:nth-child(2) {
  width: 30%;
}

.frontdesk-client-modal__table th:nth-child(3),
.frontdesk-client-modal__table td:nth-child(3),
.frontdesk-client-modal__table th:nth-child(4),
.frontdesk-client-modal__table td:nth-child(4),
.frontdesk-client-modal__table th:nth-child(5),
.frontdesk-client-modal__table td:nth-child(5) {
  width: 15%;
}

.frontdesk-client-modal__table td {
  padding: 6px 8px;
  border-right: 1px solid #d8dee3;
  border-bottom: 1px solid #d8dee3;
  color: #243b4a;
  font-size: 13px;
  line-height: 1.35;
  vertical-align: top;
  white-space: normal;
  word-break: break-word;
}

.frontdesk-client-modal__table tbody tr:hover {
  background: #fff6e6;
}

.frontdesk-client-action-stack {
  display: grid;
  gap: 6px;
}

.frontdesk-client-identity {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}

.frontdesk-client-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border: 1px solid #b7c5cf;
  border-radius: 50%;
  color: #1f5f91;
  background: #eef6fc;
  font-weight: 800;
}

.frontdesk-client-identity strong {
  color: #183849;
}

.frontdesk-client-identity .mini-meta {
  margin-top: 0;
}

.frontdesk-client-stack {
  display: grid;
  gap: 6px;
}

.frontdesk-client-stack strong {
  color: #183849;
  font-size: 13px;
  line-height: 1.35;
  white-space: nowrap;
}

.frontdesk-client-clue {
  color: #607582;
  font-size: 12px;
  line-height: 1.55;
  white-space: normal;
}

.frontdesk-client-detail-button {
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid #c87510;
  border-radius: 2px;
  color: #fff;
  background: linear-gradient(#f7a642, #e38416);
  cursor: pointer;
  font-weight: 700;
  white-space: nowrap;
}

.frontdesk-client-detail-button.secondary {
  border-color: #b8c4cc;
  color: #255267;
  background: linear-gradient(#ffffff, #edf1f4);
}

a.frontdesk-client-detail-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.tag-pill {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  margin: 0 4px 4px 0;
  padding: 1px 6px;
  border: 1px solid #f0c78d;
  border-radius: 2px;
  color: #8d4f00;
  background: #fff6e6;
  font-size: 12px;
  font-weight: 700;
}

.frontdesk-client-modal__preview {
  overflow: auto;
  min-height: 220px;
  max-height: min(44vh, 420px);
  padding: 10px;
  border: 1px solid #aeb8bf;
  border-radius: 0;
  background: #fff;
}

.frontdesk-client-modal.is-detail-mode .frontdesk-client-modal__panel {
  width: min(1160px, calc(100vw - 48px));
  max-height: calc(100vh - 56px);
  grid-template-rows: auto minmax(0, 1fr);
  gap: 0;
  padding: 0;
  border-color: #c4c4c4;
  background: #fff;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
}

.frontdesk-client-modal.is-detail-mode .frontdesk-client-modal__header {
  min-height: 40px;
  align-items: center;
  padding: 8px 14px 7px;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  background: #f8f8f8;
}

.frontdesk-client-modal.is-detail-mode .frontdesk-client-modal__header h3 {
  color: #111;
  font-size: 15px;
  font-weight: 700;
}

.frontdesk-client-modal.is-detail-mode .frontdesk-client-modal__header p,
.frontdesk-client-modal.is-detail-mode .frontdesk-client-modal__filters,
.frontdesk-client-modal.is-detail-mode .frontdesk-client-modal__toolbar,
.frontdesk-client-modal.is-detail-mode .frontdesk-client-modal__table-wrap {
  display: none;
}

.frontdesk-client-modal.is-detail-mode .frontdesk-client-modal__close {
  min-width: 26px;
  min-height: 26px;
  border: 0;
  color: #909090;
  background: transparent;
  font-size: 30px;
  font-weight: 700;
}

.frontdesk-client-modal.is-detail-mode .frontdesk-client-modal__preview {
  min-height: 620px;
  max-height: calc(100vh - 100px);
  padding: 0 6px 8px;
  border: 0;
}

.frontdesk-client-modal.is-merge-mode .frontdesk-client-modal__panel {
  width: min(1120px, calc(100vw - 44px));
}

.frontdesk-client-modal.is-merge-mode .frontdesk-client-modal__header {
  border-color: #c9b27f;
  background: #fff8e8;
}

.frontdesk-client-modal.is-merge-mode .frontdesk-client-modal__header h3 span {
  color: #9a5c00;
}

.frontdesk-client-modal.is-merge-mode .frontdesk-client-modal__preview {
  max-height: min(50vh, 520px);
  background: #fffdf7;
}

.frontdesk-staff-modal .frontdesk-client-modal__panel {
  width: min(980px, calc(100vw - 44px));
}

.frontdesk-payment-modal .frontdesk-client-modal__panel {
  width: min(880px, calc(100vw - 44px));
  grid-template-rows: auto auto auto minmax(0, 1fr);
}

.frontdesk-payment-modal__summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.frontdesk-payment-modal__summary div {
  display: grid;
  gap: 4px;
  padding: 8px 10px;
  border: 1px solid #c8d1d8;
  background: #fff;
}

.frontdesk-payment-modal__summary span {
  color: #607582;
  font-size: 12px;
}

.frontdesk-payment-modal__summary strong {
  color: #183849;
  font-size: 18px;
}

.frontdesk-payment-modal__tabs {
  margin-top: 0;
}

.frontdesk-payment-modal__body {
  display: grid;
  gap: 10px;
}

.frontdesk-payment-modal__methods {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 8px;
  border: 1px solid #c8d1d8;
  background: #fff;
}

.frontdesk-payment-modal__methods button {
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid #aeb8bf;
  border-radius: 2px;
  color: #244255;
  background: linear-gradient(#ffffff, #e9edf0);
  cursor: pointer;
}

.frontdesk-payment-modal__methods button.is-active {
  border-color: #c87510;
  color: #fff;
  background: linear-gradient(#f7a642, #e38416);
}

.frontdesk-payment-modal__form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 10px;
  padding: 8px;
  border: 1px solid #c8d1d8;
  background: #f6f7f8;
}

.frontdesk-payment-modal__form label {
  display: grid;
  gap: 4px;
  color: #244255;
  font-size: 12px;
  font-weight: 700;
}

.frontdesk-payment-modal__form input {
  min-height: 30px;
  padding: 4px 8px;
  border: 1px solid #aeb8bf;
  border-radius: 2px;
  color: #244255;
  background: #fff;
}

.frontdesk-payment-modal__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px;
  border: 1px solid #c8d1d8;
  background: #fff;
}

.frontdesk-payment-modal__actions > div {
  display: flex;
  gap: 8px;
}

.frontdesk-client-merge-preflight {
  display: grid;
  gap: 10px;
  color: #263f50;
}

.frontdesk-client-merge-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid #d6c290;
  background: #fff8e8;
}

.frontdesk-client-merge-head h4 {
  margin: 0 0 4px;
  color: #17394d;
  font-size: 16px;
}

.frontdesk-client-merge-head p,
.frontdesk-client-merge-boundary,
.frontdesk-client-merge-card p {
  margin: 0;
  color: #607582;
  font-size: 13px;
  line-height: 1.5;
}

.frontdesk-client-merge-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 36px minmax(0, 1fr);
  gap: 8px;
  align-items: stretch;
}

.frontdesk-client-merge-card {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid #b7c5cf;
  background: #fff;
}

.frontdesk-client-merge-card.source {
  border-color: #d6b37b;
  background: #fffaf0;
}

.frontdesk-client-merge-card.target {
  border-color: #8ab9d6;
  background: #f3faff;
}

.frontdesk-client-merge-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-bottom: 1px solid #d8dee3;
  padding-bottom: 6px;
}

.frontdesk-client-merge-card header span {
  color: #607582;
  font-size: 12px;
  font-weight: 700;
}

.frontdesk-client-merge-card header strong {
  color: #17394d;
  font-size: 16px;
}

.frontdesk-client-merge-id {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px 8px;
  font-size: 13px;
}

.frontdesk-client-merge-id b,
.frontdesk-client-merge-id span {
  overflow-wrap: anywhere;
}

.frontdesk-client-merge-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.frontdesk-client-merge-card dl div {
  padding: 6px;
  border: 1px solid #d8dee3;
  background: #f8fafb;
}

.frontdesk-client-merge-card dt {
  color: #718491;
  font-size: 12px;
}

.frontdesk-client-merge-card dd {
  margin: 2px 0 0;
  color: #17394d;
  font-weight: 800;
}

.frontdesk-client-merge-arrow {
  display: grid;
  place-items: center;
  min-height: 100%;
  color: #e38416;
  font-size: 28px;
  font-weight: 900;
}

.frontdesk-client-merge-risk {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.frontdesk-client-merge-risk div {
  padding: 8px 10px;
  border: 1px solid #d8dee3;
  background: #fff;
}

.frontdesk-client-merge-risk div[data-tone="strong"] {
  border-color: #9dc9bd;
  background: #f1fbf8;
}

.frontdesk-client-merge-risk div[data-tone="warning"] {
  border-color: #e3c47c;
  background: #fff9e8;
}

.frontdesk-client-merge-risk div[data-tone="danger"] {
  border-color: #e5a6a0;
  background: #fff3f2;
}

.frontdesk-client-merge-risk strong,
.frontdesk-client-merge-risk span {
  display: block;
  font-size: 13px;
  line-height: 1.45;
}

.frontdesk-client-merge-risk strong {
  color: #17394d;
}

.frontdesk-client-merge-risk span {
  margin-top: 2px;
  color: #607582;
}

.frontdesk-client-merge-operator {
  display: grid;
  grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
  gap: 8px;
}

.frontdesk-client-merge-operator label {
  display: grid;
  gap: 4px;
  color: #244255;
  font-weight: 700;
}

.frontdesk-client-merge-operator input {
  min-height: 30px;
  padding: 4px 8px;
  border: 1px solid #aeb8bf;
  color: #244255;
  background: #fff;
}

.frontdesk-client-merge-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.frontdesk-client-modal.is-detail-mode .frontdesk-client-preview-tabs {
  margin: 0;
  padding: 6px 0 0;
  border-bottom: 1px solid #cfcfcf;
}

.frontdesk-client-modal.is-detail-mode .client-workspace-tabs button {
  min-width: 112px;
  min-height: 39px;
  justify-content: center;
  border: 0;
  border-radius: 4px 4px 0 0;
  background: transparent;
  color: #1e73be;
  font-weight: 400;
}

.frontdesk-client-modal.is-detail-mode .client-workspace-tabs button span {
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  color: #fff;
  background: #777;
  font-size: 12px;
  line-height: 20px;
}

.frontdesk-client-modal.is-detail-mode .client-workspace-tabs button span:empty {
  display: none;
}

.frontdesk-client-modal.is-detail-mode .client-workspace-tabs button.active {
  color: #fff;
  background: #2f7fbd;
}

.frontdesk-client-modal.is-detail-mode .client-workspace-tabs button.active span {
  color: #fff;
  background: rgba(255, 255, 255, 0.28);
}

.frontdesk-client-modal.is-detail-mode .client-workspace-view.active {
  padding: 0;
}

.frontdesk-client-modal.is-detail-mode .e0123-client-profile-panel {
  border: 0;
}

.frontdesk-client-modal.is-detail-mode .e0123-client-form-grid {
  grid-template-columns: minmax(0, 1fr) 136px;
  gap: 10px;
  padding: 12px 18px 4px;
}

.frontdesk-client-modal.is-detail-mode .e0123-client-form-main {
  grid-template-columns: repeat(3, minmax(205px, 1fr));
  gap: 7px 16px;
}

.frontdesk-client-modal.is-detail-mode .e0123-client-form-label {
  color: #111;
}

.frontdesk-client-modal.is-detail-mode .e0123-client-avatar-card img,
.frontdesk-client-modal.is-detail-mode .e0123-client-avatar-card > span {
  width: 108px;
  height: 108px;
}

.frontdesk-client-modal.is-detail-mode .e0123-client-action-row,
.frontdesk-client-modal.is-detail-mode .e0123-client-meta-line {
  padding-left: 20px;
  padding-right: 20px;
}

.frontdesk-client-modal.is-detail-mode .e0123-client-wallet-panel {
  margin-left: 6px;
  margin-right: 6px;
}

.frontdesk-client-modal.is-detail-mode .e0123-client-points-panel {
  margin: 10px 6px 4px;
}

.e0123-mobile-eye-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  color: #1e73be;
  background: transparent;
  cursor: pointer;
  font-size: 15px;
  line-height: 1;
}

.e0123-mobile-eye-button.is-active {
  color: #0a7c68;
}

.e0123-client-tag-summary {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  max-width: 520px;
  vertical-align: middle;
}

.e0123-client-tag-chip {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 1px 7px;
  border: 1px solid #12ad92;
  border-radius: 2px;
  color: #fff;
  background: #10b695;
  font-size: 12px;
  font-weight: 700;
}

.e0123-client-tag-empty,
.e0123-client-tag-operator {
  color: #607582;
  font-size: 12px;
}

.e0123-client-tag-modal {
  position: fixed;
  inset: 0;
  z-index: 1800;
  display: grid;
  place-items: start center;
  padding-top: 10px;
}

.e0123-client-tag-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.66);
}

.e0123-client-tag-modal__panel {
  position: relative;
  z-index: 1;
  width: min(1000px, calc(100vw - 48px));
  min-height: min(690px, calc(100vh - 42px));
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  border: 1px solid #c9c9c9;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.e0123-client-tag-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 42px;
  padding: 0 10px 0 18px;
  border-bottom: 1px solid #e5e5e5;
  background: #f7f7f7;
}

.e0123-client-tag-modal__head nav,
.e0123-client-tag-modal__head > div,
.e0123-client-tag-modal__foot,
.e0123-client-tag-modal__foot > div:last-child {
  display: flex;
  align-items: center;
  gap: 8px;
}

.e0123-client-tag-modal__head nav button {
  min-height: 34px;
  border: 0;
  border-bottom: 2px solid transparent;
  color: #8b8b8b;
  background: transparent;
  cursor: pointer;
  font-weight: 700;
}

.e0123-client-tag-modal__head nav button.active {
  color: #f07828;
  border-bottom-color: #f07828;
}

.e0123-client-tag-modal__head .all-active {
  border-color: #0cae91;
  color: #fff;
  background: #10b695;
}

.e0123-client-tag-operator-input {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #344b5b;
  font-size: 12px;
  font-weight: 700;
}

.e0123-client-tag-operator-input input {
  width: 108px;
  height: 26px;
  padding: 3px 6px;
  border: 1px solid #ccd4da;
}

.e0123-client-tag-close {
  width: 26px;
  height: 26px;
  border: 0;
  color: #999;
  background: transparent;
  cursor: pointer;
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
}

.e0123-client-tag-modal__body {
  overflow: auto;
  padding: 22px 28px;
}

.e0123-client-tag-client {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 14px;
  color: #607582;
}

.e0123-client-tag-client strong {
  color: #17394d;
  font-size: 16px;
}

.e0123-client-tag-group {
  padding: 12px 10px 18px;
  margin-bottom: 18px;
}

.e0123-client-tag-group.highlight {
  background: #eafffa;
}

.e0123-client-tag-group__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: #495b68;
}

.e0123-client-tag-group__title i {
  width: 6px;
  height: 20px;
  border-radius: 4px;
  background: #11a8ee;
}

.e0123-client-tag-group__title span {
  color: #10a889;
}

.e0123-client-tag-history {
  margin: 10px 10px 18px;
  padding: 10px 12px;
  border: 1px solid #e4edf2;
  background: #fafcfd;
  color: #516977;
  font-size: 12px;
}

.e0123-client-tag-history strong {
  display: block;
  margin-bottom: 6px;
  color: #17394d;
}

.e0123-client-tag-history p,
.e0123-client-tag-muted-note {
  margin: 4px 0;
  word-break: break-word;
}

.e0123-client-tag-muted-note {
  padding-left: 12px;
  color: #607582;
}

.e0123-client-tag-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-left: 12px;
}

.e0123-client-tag-options button {
  min-height: 32px;
  padding: 5px 14px;
  border: 1px solid #e0e4e7;
  border-radius: 3px;
  color: #566b78;
  background: #fff;
  cursor: pointer;
  font-weight: 700;
}

.e0123-client-tag-options button.active {
  border-color: #10b695;
  color: #fff;
  background: #10b695;
}

.e0123-client-tag-options button.eye {
  min-width: 42px;
  color: #607582;
  background: #fff;
}

.e0123-client-tag-custom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: end;
  padding: 12px;
  border-top: 1px solid #edf1f4;
}

.e0123-client-tag-custom label {
  display: grid;
  gap: 6px;
  color: #344b5b;
  font-weight: 700;
}

.e0123-client-tag-custom input {
  min-height: 32px;
  padding: 5px 8px;
  border: 1px solid #cbd5dc;
}

.e0123-client-tag-modal__foot {
  justify-content: space-between;
  gap: 14px;
  padding: 10px 18px;
  border-top: 1px solid #e5e5e5;
  background: #fbfbfb;
}

.e0123-client-tag-modal__foot > div:first-child {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.e0123-client-tag-modal__foot [data-e0123-client-tag-modal-summary] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

[data-e0123-client-tag-status] {
  color: #607582;
}

[data-e0123-client-tag-status][data-status="success"] {
  color: #0b806a;
}

[data-e0123-client-tag-status][data-status="error"] {
  color: #b6382c;
}

[data-e0123-client-tag-status][data-status="running"] {
  color: #1e73be;
}

.frontdesk-client-preview-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.frontdesk-client-preview-head h4 {
  margin: 0;
  color: #183849;
  font-size: 20px;
}

.frontdesk-client-preview-head p {
  margin: 6px 0 0;
  color: #607582;
  font-size: 13px;
  line-height: 1.5;
}

.frontdesk-client-preview-actions {
  display: flex;
  gap: 8px;
}

.frontdesk-client-preview-tabs {
  margin: 8px 0 10px;
}

.e0123-client-profile-panel {
  border: 1px solid #c6ced5;
  background: #fff;
  color: #1f2f3a;
  font-size: 13px;
}

.e0123-client-profile-panel input,
.e0123-client-profile-panel select,
.e0123-client-profile-panel textarea,
.e0123-client-form-grid {
  font-family: "Microsoft YaHei", "Noto Sans SC", sans-serif;
}

.e0123-client-form-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 150px;
  gap: 14px;
  padding: 10px 18px 8px;
}

.e0123-client-form-main {
  display: grid;
  grid-template-columns: repeat(3, minmax(210px, 1fr));
  gap: 7px 20px;
  align-items: center;
}

.e0123-client-form-field {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr) auto auto;
  gap: 5px;
  align-items: center;
  min-width: 0;
}

.e0123-client-form-field.wide {
  grid-column: span 2;
}

.e0123-client-form-label {
  color: #1f2f3a;
  text-align: right;
  white-space: nowrap;
}

.e0123-client-profile-panel input,
.e0123-client-profile-panel select,
.e0123-client-profile-panel textarea,
.e0123-client-form-value {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  width: 100%;
  min-height: 24px;
  padding: 2px 7px;
  border: 1px solid #b9c1c8;
  border-radius: 0;
  background: #fff;
  color: #253947;
  font-size: 13px;
  line-height: 18px;
  box-shadow: inset 0 1px 2px rgba(31, 47, 58, 0.06);
}

.e0123-client-form-value:not(input):not(select):not(textarea) {
  background: #f7f7f7;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e0123-client-profile-panel select {
  height: 24px;
  padding-right: 22px;
}

.e0123-client-profile-panel textarea {
  min-height: 48px;
  resize: vertical;
}

.e0123-client-profile-panel input[readonly],
.e0123-client-profile-panel textarea[readonly],
.e0123-client-profile-panel select:disabled,
.e0123-client-profile-panel .is-readonly,
.e0123-client-profile-panel [aria-readonly="true"] {
  border-color: #c4ccd2;
  background: #f3f4f5;
  color: #354754;
  cursor: default;
}

.e0123-client-profile-panel input:focus,
.e0123-client-profile-panel select:focus,
.e0123-client-profile-panel textarea:focus {
  outline: 1px solid #f19a27;
  outline-offset: -1px;
  border-color: #e18a1f;
  background: #fffdf8;
}

.e0123-client-form-suffix {
  color: #1f2f3a;
  white-space: nowrap;
}

.e0123-required {
  color: #d11;
  font-weight: 400;
}

.e0123-client-avatar-card {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 10px;
  padding-top: 8px;
}

.e0123-client-avatar-card img,
.e0123-client-avatar-card > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  border: 1px solid #b8c4cc;
  border-radius: 50%;
  background: radial-gradient(circle at 45% 35%, #fff8d7, #c78715 58%, #74400a);
  color: #fff;
  font-size: 34px;
  font-weight: 800;
  object-fit: cover;
}

.e0123-client-profile-panel .frontdesk-client-detail-button {
  min-height: 24px;
  padding: 3px 10px;
  border: 1px solid #c97813;
  border-radius: 2px;
  background: linear-gradient(#ffb449, #f08300);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  text-shadow: 0 1px 0 rgba(135, 69, 0, 0.35);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.38);
}

.e0123-client-profile-panel .frontdesk-client-detail-button.secondary {
  border-color: #c7c7c7;
  background: linear-gradient(#ffffff, #ececec);
  color: #2f3f4b;
  font-weight: 400;
  text-shadow: none;
}

.e0123-client-profile-panel .frontdesk-client-detail-button:hover {
  border-color: #b76a0e;
  background: linear-gradient(#ffc05c, #e97900);
}

.e0123-client-profile-panel .frontdesk-client-detail-button.secondary:hover {
  border-color: #b8b8b8;
  background: linear-gradient(#ffffff, #e3e3e3);
}

.e0123-client-action-row,
.e0123-client-meta-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  padding: 6px 18px;
}

.e0123-client-action-row strong {
  min-width: 44px;
  color: #1f2f3a;
}

.e0123-client-meta-line {
  padding-top: 2px;
  padding-bottom: 2px;
}

.e0123-client-meta-line a {
  color: #1e73be;
  text-decoration: none;
}

.e0123-client-wallet-panel {
  margin: 8px 4px 4px;
  border: 1px solid #c9d2d9;
  border-radius: 2px;
  background: #fff;
}

.e0123-client-wallet-panel[hidden] {
  display: none;
}

.e0123-client-wallet-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 12px;
  border-bottom: 1px solid #c9d2d9;
  background: linear-gradient(#f9fafb, #edf1f4);
}

.e0123-client-wallet-head h5 {
  margin: 0;
  color: #1f2f3a;
  font-size: 14px;
}

.e0123-client-wallet-head p {
  margin: 3px 0 0;
  color: #6a7c88;
  font-size: 12px;
  line-height: 1.45;
}

.e0123-client-wallet-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(118px, 1fr));
  gap: 0;
  border-bottom: 1px solid #d5dde3;
}

.e0123-client-wallet-summary article {
  min-width: 0;
  padding: 8px 10px;
  border-right: 1px solid #d5dde3;
  background: #fbfcfd;
}

.e0123-client-wallet-summary article:last-child {
  border-right: 0;
}

.e0123-client-wallet-summary span,
.e0123-client-wallet-summary small {
  display: block;
  color: #607582;
  font-size: 12px;
  line-height: 1.45;
}

.e0123-client-wallet-summary strong {
  display: block;
  margin-top: 2px;
  color: #1f2f3a;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.e0123-client-stored-ledger-wrap {
  margin: 10px;
}

.e0123-client-stored-ledger-table {
  min-width: 980px;
}

.e0123-client-stored-ledger-table th:nth-child(1),
.e0123-client-stored-ledger-table td:nth-child(1) {
  width: 132px;
}

.e0123-client-stored-ledger-table th:nth-child(2),
.e0123-client-stored-ledger-table td:nth-child(2) {
  width: 150px;
}

.e0123-client-stored-ledger-table th:nth-child(3),
.e0123-client-stored-ledger-table td:nth-child(3) {
  width: 128px;
}

.e0123-ledger-amount.positive {
  color: #0b7d55;
}

.e0123-ledger-amount.negative {
  color: #b83b2f;
}

.e0123-ledger-amount.neutral {
  color: #607582;
}

.e0123-client-wallet-empty {
  margin: 10px;
  border: 1px dashed #c9d2d9;
  background: #fbfcfd;
}

.e0123-client-points-panel {
  margin: 10px 4px 4px;
  border: 1px solid #d2d8dd;
  border-radius: 2px;
  background: #fdfdfd;
}

.e0123-client-points-panel h5 {
  margin: 0;
  padding: 9px 12px;
  border-bottom: 1px solid #d2d8dd;
  background: #f4f4f4;
  color: #1f2f3a;
  font-size: 14px;
}

.e0123-client-points-panel div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 32px;
  align-items: center;
  padding: 12px 28px;
}

.e0123-client-points-summary strong {
  color: #091f30;
}

.e0123-client-points-panel p {
  margin: -4px 28px 12px;
  color: #607582;
}

.e0123-client-points-modal {
  position: fixed;
  inset: 0;
  z-index: 1850;
  display: grid;
  place-items: start center;
  padding-top: 70px;
}

.e0123-client-points-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
}

.e0123-client-points-modal__panel {
  position: relative;
  z-index: 1;
  width: min(880px, calc(100vw - 64px));
  border: 1px solid #cfd6dc;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
}

.e0123-client-points-modal__panel.is-ledger {
  width: min(1040px, calc(100vw - 44px));
}

.e0123-client-points-modal__head,
.e0123-client-points-modal__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  border-bottom: 1px solid #e6e9ec;
  background: #f6f6f6;
}

.e0123-client-points-modal__head strong {
  color: #17394d;
}

.e0123-client-points-modal__body {
  max-height: min(660px, calc(100vh - 220px));
  overflow: auto;
  padding: 22px 26px;
}

.e0123-client-points-modal__foot {
  border-top: 1px solid #e6e9ec;
  border-bottom: 0;
}

.e0123-client-points-modal__foot > div {
  display: flex;
  gap: 8px;
}

.e0123-points-adjust-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1.2fr 1fr 2fr;
  gap: 0;
  border: 1px solid #d6dce1;
}

.e0123-points-adjust-grid > * {
  min-height: 30px;
  padding: 6px 8px;
  border-right: 1px solid #d6dce1;
  border-bottom: 1px solid #d6dce1;
}

.e0123-points-adjust-grid > span {
  background: #fafafa;
  color: #1f2f3a;
  font-weight: 700;
}

.e0123-points-adjust-grid input,
.e0123-points-transfer-form input,
.e0123-points-operator-input input,
.e0123-points-target-search input {
  min-height: 28px;
  padding: 4px 7px;
  border: 1px solid #c7d0d8;
}

.e0123-points-adjust-actions,
.e0123-points-transfer-form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: end;
  margin-top: 18px;
}

.e0123-points-transfer-form label,
.e0123-points-operator-input {
  display: inline-grid;
  gap: 5px;
  color: #344b5b;
  font-size: 12px;
  font-weight: 700;
}

.e0123-points-transfer-people {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 28px;
  align-items: center;
  margin-bottom: 22px;
}

.e0123-points-transfer-people article {
  display: grid;
  justify-items: center;
  gap: 7px;
  color: #243b4a;
}

.e0123-points-transfer-people img,
.e0123-points-transfer-people article > span {
  width: 118px;
  height: 118px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #edf2f5;
  color: #7390a0;
  font-size: 34px;
  font-weight: 800;
}

.e0123-points-transfer-arrow {
  border: 0;
  background: transparent;
  color: #f39a31;
  cursor: pointer;
  font-size: 64px;
  font-weight: 900;
  line-height: 1;
}

.e0123-points-transfer-arrow:hover {
  color: #d57700;
  transform: scale(1.06);
}

.e0123-points-target-search {
  margin: -4px 0 18px;
  padding: 12px;
  border: 1px solid #d6e0e7;
  background: #fbfdfe;
}

.e0123-points-target-search > div:first-child {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  margin-bottom: 10px;
}

.e0123-points-target-results {
  display: grid;
  gap: 6px;
  max-height: 190px;
  overflow: auto;
}

.e0123-points-target-result {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 7px 9px;
  border: 1px solid #dde5ea;
  background: #fff;
  color: #344b5b;
  cursor: pointer;
  text-align: left;
}

.e0123-points-target-result:hover {
  border-color: #10a889;
  background: #effcf8;
}

.e0123-points-target-result strong {
  color: #17394d;
}

.e0123-points-target-result span {
  color: #607582;
  font-size: 12px;
}

.e0123-points-ledger-summary {
  display: grid;
  gap: 5px;
  margin-bottom: 14px;
  color: #607582;
}

.e0123-points-ledger-summary strong {
  color: #17394d;
}

.e0123-client-points-modal h6 {
  margin: 16px 0 8px;
  color: #17394d;
  font-size: 13px;
}

[data-e0123-points-status] {
  color: #607582;
}

[data-e0123-points-status][data-status="success"] {
  color: #0b806a;
}

[data-e0123-points-status][data-status="error"] {
  color: #b6382c;
}

[data-e0123-points-status][data-status="running"] {
  color: #1e73be;
}

.e0123-client-profile-save-status {
  margin: 8px 18px 12px;
  padding: 6px 8px;
  border: 1px solid #d2d8dd;
  background: #f7f9fa;
  color: #607582;
  font-size: 12px;
}

.e0123-client-profile-save-status[data-status="running"] {
  border-color: #e4b260;
  background: #fff8e8;
  color: #8a5b0d;
}

.e0123-client-profile-save-status[data-status="success"] {
  border-color: #80c3a7;
  background: #f1fbf7;
  color: #0f7b61;
}

.e0123-client-profile-save-status[data-status="error"] {
  border-color: #e4a39b;
  background: #fff5f4;
  color: #b6382c;
}

.e0123-record-table-wrap {
  overflow-x: auto;
  border: 1px solid #b8c4cc;
  background: #fff;
}

.e0123-record-table {
  width: 100%;
  min-width: 860px;
  border-collapse: collapse;
  table-layout: fixed;
}

.e0123-record-table th {
  position: static;
  top: auto;
  padding: 6px 8px;
  border-right: 1px solid #c8d1d8;
  border-bottom: 1px solid #aeb8bf;
  color: #2c4658;
  background: #e6ebef;
  font-size: 13px;
  font-weight: 700;
  text-align: left;
}

.e0123-record-table td {
  padding: 7px 8px;
  border-right: 1px solid #d8dee3;
  border-bottom: 1px solid #d8dee3;
  color: #243b4a;
  font-size: 13px;
  line-height: 1.45;
  vertical-align: top;
}

.e0123-record-table td strong,
.e0123-record-table td span {
  display: block;
}

.e0123-record-table td span {
  margin-top: 3px;
  color: #607582;
}

.e0123-record-table tr.is-hidden {
  display: none;
}

.e0123-record-table tr.is-current-order td {
  background: #fff9ee;
}

.e0123-prescription-mini {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

.e0123-prescription-mini th,
.e0123-prescription-mini td {
  padding: 3px 5px;
  border: 1px solid #d8dee3;
  text-align: center;
}

.e0123-prescription-mini th {
  color: #2c4658;
  background: #f5f7f8;
}

.e0123-optometry-list-table {
  min-width: 960px;
}

.e0123-optometry-list-table th:nth-child(1),
.e0123-optometry-list-table td:nth-child(1) {
  width: 54px;
  text-align: center;
}

.e0123-optometry-list-table th:nth-child(2),
.e0123-optometry-list-table td:nth-child(2) {
  width: 150px;
}

.e0123-optometry-list-table th:nth-child(4),
.e0123-optometry-list-table td:nth-child(4) {
  width: 86px;
}

.e0123-optometry-list-table tr.is-review-optometry td {
  background: #fffdf3;
}

.e0123-optometry-list-table tr.is-optometry-gap td {
  background: #fffaf0;
}

.e0123-optometry-list-table tr.is-review-optometry .e0123-optometry-index-cell {
  color: #8a5d00;
  background: #fff4c9;
}

.e0123-optometry-list-table tr.is-optometry-gap .e0123-optometry-index-cell {
  color: #875800;
  background: #ffe7b3;
}

.e0123-optometry-index-cell {
  color: #555;
  background: #f7f9fa;
  font-weight: 700;
}

.e0123-optometry-source-cell strong {
  color: #1f5f91;
  font-weight: 700;
}

.e0123-optometry-source-cell strong,
.e0123-optometry-source-cell span {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.e0123-optometry-source-cell span {
  display: inline-block;
  width: 100%;
  padding: 2px 5px;
  border: 1px solid #d8e3ea;
  background: #f7f9fa;
  color: #526b7b;
  line-height: 1.35;
}

.e0123-optometry-source-cell span + span {
  margin-top: 4px;
}

.e0123-optometry-list-table tr.is-review-optometry .e0123-optometry-source-cell span,
.e0123-optometry-list-table tr.is-review-optometry .e0123-optometry-meta span:first-child {
  border-color: #efd88c;
  background: #fff8dd;
  color: #805800;
}

.e0123-optometry-list-table tr.is-optometry-gap .e0123-optometry-source-cell strong,
.e0123-optometry-list-table tr.is-optometry-gap .e0123-optometry-source-cell span,
.e0123-optometry-list-table tr.is-optometry-gap .e0123-optometry-meta span {
  border-color: #efd89b;
  background: #fff5db;
  color: #7a5412;
}

.e0123-optometry-main-cell {
  padding: 0 !important;
}

.e0123-optometry-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  padding: 5px 7px;
  border-bottom: 1px solid #d8dee3;
  color: #555;
  background: #f7f9fa;
  font-size: 12px;
}

.e0123-record-table .e0123-optometry-meta span,
.e0123-record-table .e0123-optometry-note-line span {
  display: inline;
  margin: 0;
}

.e0123-optometry-mini {
  table-layout: fixed;
  font-size: 12px;
}

.e0123-optometry-mini th,
.e0123-optometry-mini td {
  padding: 4px 5px;
  border-color: #cbd5dc;
  white-space: nowrap;
}

.e0123-optometry-mini thead th {
  color: #333;
  background: #eef3f6;
}

.e0123-optometry-mini tbody th {
  width: 34px;
  color: #333;
  background: #f9fafb;
}

.e0123-optometry-note-line {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 14px;
  padding: 5px 7px;
  border-top: 1px solid #d8dee3;
  color: #607582;
  background: #fff;
  font-size: 12px;
}

.e0123-optometry-gap-placeholder {
  display: grid;
  gap: 3px;
  padding: 10px;
  border-bottom: 1px solid #efd89b;
  background: #fffdf7;
  color: #6c5125;
  font-size: 12px;
}

.e0123-optometry-gap-placeholder strong {
  color: #8a5a00;
}

.e0123-optometry-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 0 7px 7px;
  background: #fff;
}

.e0123-optometry-tags button {
  min-height: 23px;
  padding: 2px 7px;
  font-size: 12px;
}

.e0123-optometry-action-cell .e0123-row-actions {
  flex-direction: column;
  align-items: stretch;
}

.e0123-optometry-action-cell button {
  width: 100%;
}

.e0123-order-list-table {
  min-width: 1080px;
}

.e0123-order-list-table th:nth-child(1),
.e0123-order-list-table td:nth-child(1) {
  width: 150px;
}

.e0123-order-list-table th:nth-child(2),
.e0123-order-list-table td:nth-child(2) {
  width: 142px;
}

.e0123-order-list-table th:nth-child(4),
.e0123-order-list-table td:nth-child(4) {
  width: 118px;
}

.e0123-order-list-table th:nth-child(5),
.e0123-order-list-table td:nth-child(5) {
  width: 140px;
}

.e0123-order-list-table th:nth-child(6),
.e0123-order-list-table td:nth-child(6) {
  width: 86px;
}

.e0123-current-order-flag {
  display: inline-flex !important;
  margin-top: 4px !important;
  padding: 2px 6px;
  border: 1px solid #efc36a;
  border-radius: 999px;
  background: #fff5d8;
  color: #8b5700 !important;
  font-size: 11px;
  font-weight: 700;
  width: fit-content;
}

.e0123-order-product-cell {
  padding: 0 !important;
}

.e0123-order-product-cell > strong {
  padding: 6px 8px 3px;
  color: #111;
}

.e0123-order-item-lines {
  display: grid;
  gap: 0;
}

.e0123-order-item-line {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) max-content;
  column-gap: 8px;
  row-gap: 4px;
  align-items: start;
  min-height: 42px;
  padding: 5px 8px;
  border-top: 1px solid #d8dee3;
  background: #fff;
}

.e0123-order-item-line.no-side {
  grid-template-columns: minmax(0, 1fr) max-content;
}

.e0123-order-item-line.discount-row {
  background: #fffafa;
}

.e0123-order-item-line.function-glasses-row {
  background: #fffdf6;
}

.e0123-order-item-line b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  border: 1px solid #b7c9d8;
  color: #1f5f91;
  background: #f5f9fc;
  font-size: 12px;
}

.e0123-order-item-line > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.e0123-order-item-line strong {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 4px;
  align-items: center;
  min-width: 0;
  color: #183849;
  font-weight: 700;
  overflow-wrap: anywhere;
  word-break: break-word;
  line-height: 1.45;
}

.e0123-order-item-kind {
  display: inline-flex;
  align-items: center;
  margin-right: 6px;
  padding: 1px 5px;
  border: 1px solid #b7c9d8;
  background: #eef6fb;
  color: #1f5f91;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}

.e0123-order-item-line.negative .e0123-order-item-kind {
  border-color: #e9b7ad;
  background: #fff4f1;
  color: #b6382c;
}

.e0123-record-table .e0123-order-item-line span {
  display: inline-flex;
  flex-wrap: wrap;
  width: fit-content;
  max-width: 100%;
  margin: 0;
  padding: 1px 5px;
  border: 1px solid #d8e3ea;
  background: #f7f9fa;
  color: #7a858c;
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.e0123-order-item-line .medical-device-trace {
  margin-top: 4px;
  padding: 4px 6px;
  border: 1px solid #c9e4df;
  background: #f4fbf9;
  color: #26574f;
  font-size: 12px;
  line-height: 1.45;
}

.e0123-order-item-line .medical-device-trace strong {
  display: block;
  margin-bottom: 2px;
  color: #0f766e;
  font-size: 12px;
}

.e0123-order-item-line .medical-device-trace div {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
}

.e0123-order-item-line .medical-device-trace span {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #26574f;
}

.e0123-order-item-line .medical-device-trace b {
  margin-right: 3px;
  border: 0;
  background: transparent;
  color: #48626b;
  font-weight: 600;
}

.e0123-order-remark-line {
  padding: 6px 8px;
  border-top: 1px solid #d8dee3;
  background: #fffdf5;
  color: #7b5b21;
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.e0123-order-remark-line b {
  color: #5c461c;
}

.e0123-order-item-line em {
  color: #111;
  font-style: normal;
  text-align: right;
  white-space: nowrap;
  min-width: 56px;
  line-height: 1.6;
}

.e0123-order-item-line.negative em,
.e0123-order-item-line.negative strong {
  color: #b6382c;
}

.e0123-order-item-empty {
  padding: 8px;
  color: #7a858c;
}

.e0123-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.e0123-row-actions button {
  min-height: 26px;
  padding: 3px 8px;
  font-size: 12px;
}

.e0123-table-foot {
  padding: 7px 9px;
  border-top: 1px solid #d8dee3;
  color: #607582;
  background: #f7f9fa;
  font-size: 13px;
}

.e0123-card {
  margin-bottom: 8px;
  padding: 10px 12px;
  border-color: #bac5cc;
  border-radius: 0;
  background: #fdfdfd;
  box-shadow: none;
}

.e0123-card .e0123-section-title {
  position: absolute;
  top: 12px;
  left: 12px;
}

.e0123-section-title.blue {
  color: #2f7fbd;
}

.e0123-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-left: 190px;
  margin-bottom: 12px;
}

#frontdesk-client-card .e0123-toolbar {
  position: absolute;
  top: 10px;
  left: 180px;
  right: 12px;
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  align-items: center;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow-x: auto;
}

#frontdesk-client-card .e0123-toolbar a {
  flex: 0 0 auto;
  min-height: 26px;
  padding: 3px 10px;
  font-size: 12px;
}

.e0123-live-search {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1 1 calc(100% + 190px);
  min-width: 0;
  margin-left: -190px;
  order: 2;
}

#frontdesk-client-card .e0123-live-search {
  flex: 1 1 420px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  gap: 4px;
  align-items: center;
  min-width: 320px;
  margin-left: 0;
  order: 0;
}

.e0123-live-search input {
  flex: 1 1 220px;
  min-width: 0;
  min-height: 30px;
  border: 1px solid #cbd5dc;
  border-radius: 3px;
  padding: 5px 8px;
}

#frontdesk-client-card .e0123-live-search input {
  min-height: 28px;
  padding: 4px 8px;
}

.e0123-live-search button {
  flex: 0 0 auto;
  background: #2f7fbd;
  color: #fff;
  border-color: #2f7fbd;
  white-space: nowrap;
}

#frontdesk-client-card .e0123-live-search button {
  min-height: 28px;
  padding: 4px 10px;
  font-size: 12px;
}

.e0123-live-search span {
  color: #0b806a;
  font-size: 13px;
  white-space: nowrap;
}

#frontdesk-client-card .e0123-live-search span {
  display: inline-flex;
  align-items: center;
  max-width: 230px;
  min-height: 28px;
  padding: 0 8px;
  border: 1px solid #d7e0e6;
  background: #f7fafc;
  color: #4f6776;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.e0123-toolbar a.primary {
  color: #fff;
  background: #36b56f;
  border-color: #36b56f;
}

.e0123-toolbar a.is-active {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.45), 0 0 0 2px rgba(54, 181, 111, 0.18);
}

.e0123-form-grid,
.e0123-product-search {
  display: grid;
  grid-template-columns: repeat(5, minmax(140px, 1fr));
  gap: 6px 10px;
  align-items: center;
}

.e0123-form-grid label,
.e0123-product-search label {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  color: #1d2f3a;
  font-size: 13px;
  white-space: nowrap;
}

.e0123-form-grid input,
.e0123-product-search input,
.e0123-form-grid textarea {
  min-width: 0;
  width: 100%;
  min-height: 26px;
  border: 1px solid #aeb8bf;
  border-radius: 0;
  background: #fff;
}

.e0123-form-grid input[readonly],
.e0123-form-grid textarea[readonly] {
  color: #183244;
  background: #eef1f3;
}

.e0123-card.is-new-client-entry {
  border-color: #8fcaad;
  box-shadow: 0 0 0 2px rgba(54, 181, 111, 0.12), 0 1px 3px rgba(12, 40, 54, 0.08);
}

.e0123-card.is-client-readonly .e0123-form-grid input[readonly],
.e0123-card.is-client-readonly .e0123-form-grid textarea[readonly] {
  cursor: not-allowed;
}

.e0123-card.is-client-readonly .e0123-form-grid input[readonly]::placeholder,
.e0123-card.is-client-readonly .e0123-form-grid textarea[readonly]::placeholder {
  color: #7d8d98;
}

.e0123-card.is-readonly-hint {
  border-color: #e3a33b;
  box-shadow: 0 0 0 2px rgba(227, 163, 59, 0.18), 0 1px 3px rgba(12, 40, 54, 0.08);
}

.e0123-card.is-new-client-entry .e0123-section-title::after {
  content: "手工录入";
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  padding: 2px 7px;
  border-radius: 999px;
  color: #0b6d43;
  background: #e9f8ef;
  font-size: 12px;
  font-weight: 700;
}

.e0123-card.is-new-client-entry .e0123-form-grid input:not([readonly]),
.e0123-card.is-new-client-entry .e0123-form-grid textarea:not([readonly]) {
  background: #fffef7;
  border-color: #93c9aa;
}

.e0123-card.is-new-client-entry .e0123-form-grid input:not([readonly]):focus,
.e0123-card.is-new-client-entry .e0123-form-grid textarea:not([readonly]):focus {
  outline: 0;
  border-color: #36b56f;
  box-shadow: 0 0 0 2px rgba(54, 181, 111, 0.14);
}

.e0123-form-grid textarea {
  min-height: 40px;
  padding: 4px 6px;
  resize: vertical;
}

.e0123-form-grid .required {
  color: #e33;
}

.e0123-optometry {
  padding-top: 42px;
}

.e0123-optometry-layout {
  position: relative;
  display: grid;
  grid-template-columns: minmax(144px, 0.24fr) minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  min-width: 0;
  max-width: 100%;
}

.e0123-side-tabs {
  border-right: 1px solid #d9e1e7;
  padding-right: 5px;
  min-width: 0;
  overflow: hidden;
}

.e0123-side-tabs button {
  margin: 0 2px 4px 0;
  color: #2f7fbd;
}

.e0123-check-entry {
  display: grid;
  align-content: start;
  gap: 3px;
  padding: 0 0 2px 0;
  background: #f8fbfd;
}

.e0123-check-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 2px;
  overflow: hidden;
}

.e0123-check-tabs button {
  min-height: 22px;
  margin: 0;
  padding: 2px 3px;
  background: #fff;
  font-size: 10px;
  flex: 1 1 0;
  white-space: nowrap;
}

.e0123-check-tabs button.active {
  border-color: #2f7fbd;
  background: #eaf5fd;
  color: #0b5f99;
  font-weight: 700;
}

.e0123-check-panel {
  display: grid;
  gap: 2px;
}

.e0123-check-panel[hidden] {
  display: none !important;
}

.e0123-check-panel-title {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  flex-wrap: wrap;
}

.e0123-check-panel-title span {
  color: #16465d;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
}

.e0123-check-sync-button {
  min-height: 22px;
  margin: 0;
  padding: 2px 5px;
  border: 0;
  border-radius: 0;
  background: #172530;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}

.e0123-check-sync-button:hover,
.e0123-check-sync-button:focus {
  outline: 0;
  background: #0b6fa8;
}

.e0123-check-grid {
  display: grid;
  grid-template-columns: 38px repeat(2, minmax(42px, 1fr));
  gap: 2px;
  align-items: center;
  font-size: 10px;
  min-width: 0;
}

.e0123-check-grid b {
  color: #16465d;
  text-align: center;
}

.e0123-check-grid input {
  width: 100%;
  min-width: 0;
  min-height: 21px;
  border: 1px solid #c6d3da;
  border-radius: 3px;
  background: #fff;
  text-align: center;
  padding: 1px 3px;
  font-size: 10px;
}

.e0123-check-grid input.has-value {
  border-color: #2f7fbd;
  background: #fffef7;
  color: #0a3f66;
  font-weight: 700;
}

.e0123-check-entry-note {
  margin: 0;
  padding: 3px 4px;
  border: 1px solid #d8e3ea;
  background: #f7fafc;
  color: #647681;
  font-size: 10px;
  line-height: 1.25;
}

.mini-grid {
  display: grid;
  grid-template-columns: 58px 44px 44px;
  gap: 6px;
  align-items: center;
  font-size: 13px;
}

.mini-grid b {
  color: #16465d;
  text-align: center;
}

.mini-grid i,
.e0123-measure-grid i {
  display: block;
  min-height: 22px;
  border-radius: 4px;
  background: #e9edf0;
  border: 1px solid #d2d8dd;
}

.e0123-measure-grid input {
  width: 100%;
  min-width: 0;
  min-height: 25px;
  border-radius: 0;
  border: 1px solid #c6d3da;
  background: #fffef7;
  color: #0f3344;
  text-align: center;
  padding: 3px 4px;
  font-size: 12px;
}

.e0123-measure-grid input:focus,
.frontdesk-opt-save-bar button:focus,
.e0123-form-grid.compact input:not([readonly]):focus,
.e0123-form-grid.compact textarea:not([readonly]):focus {
  outline: 0;
  border-color: #2f7fbd;
  box-shadow: 0 0 0 2px rgba(47, 127, 189, 0.14);
}

.e0123-measure-grid input.has-value {
  font-weight: 700;
  border-color: #95c8d5;
  background: #ffffff;
}

.mini-grid i.has-value,
.e0123-measure-grid i.has-value {
  display: grid;
  place-items: center;
  min-width: 42px;
  padding: 0 4px;
  color: #0f3344;
  background: #fff;
  border-color: #95c8d5;
  font-style: normal;
  font-weight: 700;
}

.e0123-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  border-bottom: 1px solid #d9e1e7;
  margin-bottom: 12px;
}

#frontdesk-optometry-card .e0123-tabs {
  margin-bottom: 8px;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

.e0123-tabs a,
.e0123-tabs button {
  border-bottom: 0;
  border-radius: 0;
  color: #2178bd;
  background: #fff;
  cursor: pointer;
}

#frontdesk-optometry-card .e0123-tabs button {
  flex: 0 0 auto;
  min-height: 24px;
  padding: 3px 8px;
  font-size: 11px;
  white-space: nowrap;
}

.e0123-tabs a.active,
.e0123-tabs button.active {
  background: #fff;
  color: #f08300;
  border-top: 1px solid #d9e1e7;
}

.e0123-measure-grid {
  display: grid;
  grid-template-columns: 28px repeat(12, minmax(46px, 1fr));
  gap: 3px;
  align-items: center;
  margin-bottom: 8px;
  color: #263b48;
  font-size: 12px;
  text-align: center;
}

#frontdesk-optometry-card .e0123-measure-grid {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: 6px;
  padding-bottom: 2px;
  scrollbar-gutter: stable;
}

#frontdesk-optometry-card .e0123-measure-grid span,
#frontdesk-optometry-card .e0123-measure-grid b {
  line-height: 1.15;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e0123-measure-grid b {
  color: #078b63;
}

.e0123-prescription {
  position: relative;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  padding-left: 0;
}

.e0123-opt-meta-grid {
  grid-template-columns: repeat(4, minmax(110px, 1fr));
}

.e0123-opt-meta-grid .frontdesk-opt-note-field {
  grid-column: span 2;
}

.e0123-prescription-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
  padding: 3px 7px;
  border-left: 3px solid #2f7fbd;
  background: #f5f9fc;
  color: #244255;
}

.e0123-prescription-title strong {
  font-size: 14px;
}

.e0123-prescription-title span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #667985;
  font-size: 11px;
  line-height: 1.3;
}

#frontdesk-flow-hint {
  display: none;
}

.e0123-prescription > .frontdesk-optometry-history-strip--inline {
  margin: 0 0 5px;
  max-width: 100%;
  overflow: hidden;
}

.e0123-prescription-kind-panel {
  margin: -1px 0 5px;
  padding: 3px 4px;
  border: 1px solid #d7e5ec;
  background: #f8fbfc;
  color: #5b6f7a;
  font-size: 10px;
  line-height: 1.3;
}

.frontdesk-prescription-kind-panel__options {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: center;
}

.frontdesk-prescription-kind-panel__group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}

.frontdesk-prescription-kind-panel__group strong {
  color: #4a6473;
  font-weight: 600;
}

.frontdesk-prescription-kind-panel__group button {
  min-height: 22px;
  padding: 1px 6px;
  border: 1px solid #d7e5ec;
  background: #fff;
  color: #587282;
  cursor: pointer;
  font-size: 10px;
}

.frontdesk-prescription-kind-panel__summary {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 5px;
}

.frontdesk-prescription-kind-panel__summary span {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 6px;
  border: 1px solid #d9e5eb;
  background: #fff;
  color: #516b79;
}

.frontdesk-prescription-kind-panel__group button.active {
  border-color: #f08300;
  color: #f08300;
  background: #fff8ee;
}

.frontdesk-prescription-kind-panel__note {
  margin-top: 5px;
  color: #6b7f8a;
}

.e0123-measure-grid .is-muted-for-kind {
  opacity: 0.42;
}

.e0123-measure-grid input.is-muted-for-kind {
  background: #edf1f3;
  color: #8a98a1;
  cursor: not-allowed;
}

.frontdesk-quick-picker {
  position: absolute;
  z-index: 8;
  width: min(320px, calc(100vw - 84px));
  max-height: 360px;
  overflow: auto;
  padding: 2px;
  border: 1px solid #1f8fc6;
  border-radius: 0;
  background: #ffffff;
  box-shadow: 0 8px 18px rgba(21, 52, 70, 0.14);
}

.frontdesk-quick-picker.is-compact-picker {
  max-height: 208px;
  overflow: auto;
  padding: 2px;
  border-color: #1f8fc6;
  border-radius: 0;
  box-shadow: 0 8px 18px rgba(21, 52, 70, 0.14);
}

.frontdesk-quick-picker.is-compact-picker .frontdesk-quick-picker__head {
  margin-bottom: 3px;
  gap: 2px;
}

.frontdesk-quick-picker.is-compact-picker .frontdesk-quick-picker__head strong {
  display: none;
}

.frontdesk-quick-picker.is-compact-picker .frontdesk-quick-picker__actions {
  width: 100%;
  gap: 2px;
}

.frontdesk-quick-picker.is-compact-picker .frontdesk-quick-picker__actions button {
  min-height: 20px;
  flex: 1 1 auto;
  padding: 1px 3px;
  border-radius: 0;
  font-size: 11px;
}

.frontdesk-quick-picker.is-compact-picker .frontdesk-quick-picker__grid {
  grid-template-columns: repeat(var(--frontdesk-picker-columns, 1), minmax(0, 1fr));
  gap: 2px;
}

.frontdesk-quick-picker.is-compact-picker .frontdesk-quick-picker__grid button {
  min-height: 23px;
  padding: 1px 2px;
  border-radius: 0;
  font-size: 11px;
}

.frontdesk-quick-picker.is-prescription-input-picker .frontdesk-quick-picker__actions button:not(#frontdesk-quick-picker-manual) {
  display: none;
}

.frontdesk-quick-picker.is-prescription-input-picker .frontdesk-quick-picker__actions button {
  min-height: 22px;
  padding: 2px 6px;
  font-size: 11px;
}

.frontdesk-quick-picker.is-prescription-input-picker .frontdesk-quick-picker__grid button {
  min-height: 21px;
  padding: 1px 2px;
  font-size: 10px;
}

.frontdesk-quick-picker.is-prescription-input-picker .frontdesk-quick-picker__grid button small {
  display: none;
}

.frontdesk-quick-picker.is-ortho-picker .frontdesk-quick-picker__grid button small {
  display: block;
  font-size: 10px;
}

.frontdesk-quick-picker.is-diagnostic-picker {
  width: min(292px, calc(100vw - 84px));
  max-height: none;
  overflow: visible;
  padding: 0;
  border-color: #1f8fc6;
  border-radius: 0;
  box-shadow: 0 8px 18px rgba(21, 52, 70, 0.14);
}

.frontdesk-quick-picker.is-diagnostic-picker .frontdesk-quick-picker__grid {
  grid-template-columns: repeat(var(--frontdesk-picker-columns, 4), minmax(0, 1fr));
  gap: 0;
}

.frontdesk-quick-picker.is-diagnostic-picker .frontdesk-quick-picker__grid button {
  min-height: 25px;
  padding: 3px 2px;
  border-color: #1695df;
  border-radius: 0;
  background: #fff;
  font-size: 12px;
}

.frontdesk-quick-picker.is-diagnostic-picker .frontdesk-quick-picker__grid button small {
  display: block;
  color: #8fa0aa;
}

.frontdesk-quick-picker__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
  padding: 2px 2px 4px;
}

.frontdesk-quick-picker.is-diagnostic-picker .frontdesk-quick-picker__head {
  margin: 0;
  padding: 5px 6px;
  border-bottom: 1px solid #1695df;
  background: #fff;
}

.frontdesk-quick-picker.is-diagnostic-picker .frontdesk-quick-picker__head strong {
  display: none;
}

.frontdesk-quick-picker.is-diagnostic-picker .frontdesk-quick-picker__actions {
  width: 100%;
  justify-content: flex-start;
}

.frontdesk-quick-picker.is-diagnostic-picker .frontdesk-quick-picker__actions button {
  min-height: 24px;
  padding: 3px 9px;
  border-color: #35a853;
  background: #35a853;
  color: #fff;
}

.frontdesk-quick-picker.is-diagnostic-picker .frontdesk-quick-picker__actions button:not(:first-child) {
  border-color: #d7e0e6;
  background: #f3f5f7;
  color: #263b48;
}

.frontdesk-quick-picker__head strong {
  color: #173445;
  font-size: 14px;
}

.frontdesk-quick-picker__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.frontdesk-quick-picker__actions button {
  min-height: 24px;
  padding: 2px 8px;
  border: 1px solid #35a853;
  border-radius: 0;
  background: #35a853;
  color: #fff;
  cursor: pointer;
}

.frontdesk-quick-picker__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
}

.frontdesk-quick-picker__grid button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 26px;
  padding: 2px 3px;
  border: 1px solid #1695df;
  border-radius: 0;
  background: #fff;
  color: #163748;
  cursor: pointer;
  text-align: center;
}

.frontdesk-quick-picker__grid button small {
  color: #6d7f8c;
  font-size: 11px;
}

.frontdesk-quick-picker__grid button:hover,
.frontdesk-quick-picker__grid button:focus {
  border-color: #2f7fbd;
  background: #eef7ff;
  outline: 0;
}

.e0123-form-grid.compact {
  grid-template-columns: repeat(5, minmax(108px, 1fr));
  gap: 4px 6px;
}

.e0123-opt-meta-grid {
  grid-template-columns: repeat(4, minmax(112px, 1fr));
  gap: 4px 6px;
  margin-top: 4px;
  min-width: 0;
}

#frontdesk-optometry-card .e0123-opt-meta-grid {
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
}

.e0123-opt-meta-grid[data-kind="contact"],
.e0123-opt-meta-grid[data-kind="rgp"],
.e0123-opt-meta-grid[data-kind="orthokeratology"] {
  grid-template-columns: repeat(3, minmax(106px, 1fr));
}

.e0123-opt-meta-grid[data-kind="multifocal"] {
  grid-template-columns: repeat(4, minmax(88px, 1fr));
  gap: 4px 6px;
}

.e0123-opt-meta-grid[data-kind="multifocal"] label[data-frontdesk-meta-field="frontdesk-opt-note"] {
  grid-column: 1 / -1;
}

.e0123-form-grid.compact label {
  position: relative;
  min-height: 26px;
}

#frontdesk-optometry-card .e0123-form-grid.compact label {
  min-width: 0;
}

#frontdesk-optometry-card .e0123-form-grid.compact input,
#frontdesk-optometry-card .e0123-form-grid.compact textarea {
  min-width: 0;
}

.e0123-form-grid.compact input:not([readonly]),
.e0123-form-grid.compact textarea:not([readonly]) {
  background: #fffef7;
  border-color: #c6d3da;
}

.e0123-form-grid.compact input[readonly] {
  background: #eef4f7;
  color: #315468;
  font-weight: 700;
}

.e0123-form-grid.compact input.is-invalid {
  border-color: #c85a2f;
  background: #fff4ee;
  color: #8f3418;
  box-shadow: 0 0 0 1px rgba(200, 90, 47, 0.12);
}

.frontdesk-opt-note-field {
  grid-column: 1 / -1;
}

.frontdesk-opt-note-field textarea {
  min-height: 48px;
  padding-right: 72px;
}

.frontdesk-opt-note-field button {
  position: absolute;
  right: 8px;
  top: 5px;
  min-height: 24px;
  padding: 2px 8px;
  border-radius: 3px;
  border: 1px solid #c7d8e2;
  background: #fff;
  color: #24566b;
  cursor: pointer;
}

#frontdesk-optometry-card .frontdesk-opt-note-field textarea {
  min-height: 42px;
  padding-right: 66px;
}

#frontdesk-optometry-card .frontdesk-opt-note-field button {
  min-height: 22px;
  padding: 1px 7px;
  font-size: 11px;
}

#frontdesk-optometry-card .frontdesk-opt-note-field textarea {
  min-height: 42px;
  padding-right: 66px;
}

#frontdesk-optometry-card .frontdesk-opt-note-field button {
  min-height: 22px;
  padding: 1px 7px;
  font-size: 11px;
}

.frontdesk-opt-tools {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  margin: 3px 0 8px;
  font-size: 11px;
  flex-wrap: wrap;
}

#frontdesk-optometry-card .frontdesk-opt-tools {
  margin: 2px 0 6px;
  font-size: 10px;
  min-width: 0;
}

.frontdesk-opt-tools button {
  min-height: 26px;
  border: 1px solid #2f7fbd;
  border-radius: 3px;
  background: #fff;
  color: #1f6699;
  cursor: pointer;
  padding: 0 8px;
}

.frontdesk-opt-tools [hidden] {
  display: none !important;
}

#frontdesk-measure-grid[data-kind="distance"] {
  gap: 3px;
}

#frontdesk-measure-grid[data-kind="near"] {
  gap: 3px;
}

#frontdesk-measure-grid[data-kind="contact"],
#frontdesk-measure-grid[data-kind="rgp"],
#frontdesk-measure-grid[data-kind="orthokeratology"] {
  gap: 3px;
}

#frontdesk-measure-grid[data-kind="rgp"] {
  font-size: 10px;
}

#frontdesk-measure-grid[data-kind="orthokeratology"] {
  gap: 3px;
  font-size: 10px;
}

#frontdesk-measure-grid[data-kind="orthokeratology"] input,
#frontdesk-measure-grid[data-kind="rgp"] input {
  min-height: 24px;
  padding: 2px 3px;
  font-size: 10px;
}

#frontdesk-measure-grid[data-kind="multifocal"] {
  gap: 3px;
  font-size: 10px;
}

#frontdesk-measure-grid[data-kind="multifocal"] span,
#frontdesk-measure-grid[data-kind="multifocal"] b {
  line-height: 1.2;
}

#frontdesk-measure-grid[data-kind="multifocal"] input {
  min-height: 24px;
  padding: 2px 3px;
  font-size: 10px;
}

.frontdesk-remark-template-popover {
  position: absolute;
  right: 12px;
  bottom: 56px;
  z-index: 9;
  width: min(360px, calc(100% - 24px));
  padding: 10px;
  border: 1px solid #2f7fbd;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(21, 52, 70, 0.16);
}

.frontdesk-remark-template-popover__head,
.frontdesk-remark-template-popover__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.frontdesk-remark-template-popover__head {
  justify-content: space-between;
  margin-bottom: 8px;
}

.frontdesk-remark-template-popover__grid {
  margin-bottom: 8px;
}

.frontdesk-remark-template-popover button {
  min-height: 26px;
  padding: 3px 8px;
  border: 1px solid #cbd8df;
  border-radius: 3px;
  background: #fbfdff;
  color: #244255;
  cursor: pointer;
}

.frontdesk-remark-template-popover label {
  display: grid;
  gap: 4px;
  margin-bottom: 8px;
  color: #526a78;
  font-size: 12px;
}

.e0123-product-search {
  grid-template-columns: minmax(260px, 1fr) repeat(4, auto);
  margin-top: 12px;
}

.e0123-product-search button {
  background: #2f7fbd;
  color: #fff;
  border-color: #2f7fbd;
}

.frontdesk-sales-workbench {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  margin-top: 4px;
  align-items: start;
}

.frontdesk-sales-main,
.frontdesk-sales-side {
  min-width: 0;
}

.frontdesk-sales-main {
  display: grid;
  gap: 5px;
}

.frontdesk-sales-side {
  display: none;
  gap: 5px;
}

.frontdesk-sales-card[data-sales-order-mode="draft"] .frontdesk-sales-side,
.frontdesk-sales-card[data-sales-order-mode="local"] .frontdesk-sales-side {
  display: grid;
}

.frontdesk-sales-card[data-sales-order-mode="draft"] .frontdesk-sales-workbench,
.frontdesk-sales-card[data-sales-order-mode="local"] .frontdesk-sales-workbench {
  grid-template-columns: minmax(0, 1.9fr) minmax(240px, 0.58fr);
}

@media (max-width: 1180px) {
  .frontdesk-sales-card[data-sales-order-mode="draft"] .frontdesk-sales-workbench,
  .frontdesk-sales-card[data-sales-order-mode="local"] .frontdesk-sales-workbench {
    grid-template-columns: minmax(0, 1fr);
  }

  .frontdesk-sales-card[data-sales-order-mode="draft"] .frontdesk-sales-side,
  .frontdesk-sales-card[data-sales-order-mode="local"] .frontdesk-sales-side {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.frontdesk-sales-meta-strip,
.frontdesk-sales-search-shell,
.frontdesk-sales-results-panel,
.frontdesk-product-picker-launcher,
.frontdesk-sales-draft-panel,
.frontdesk-sales-side-panel {
  border: 1px solid #ced8de;
  background: #fff;
}

.frontdesk-sales-card[data-sales-order-mode="empty"] .frontdesk-sales-results-panel,
.frontdesk-sales-card[data-sales-order-mode="history"] .frontdesk-sales-results-panel {
  display: none;
}

.frontdesk-sales-card[data-sales-order-mode="empty"] .frontdesk-sales-draft-panel,
.frontdesk-sales-card[data-sales-order-mode="history"] .frontdesk-sales-draft-panel {
  display: none;
}

.frontdesk-sales-card[data-sales-order-mode="empty"] .frontdesk-sales-side {
  display: none;
}

.frontdesk-sales-search-shell {
  order: 10;
}

.frontdesk-product-picker-launcher {
  order: 10;
}

.frontdesk-sales-results-panel {
  order: 20;
}

.frontdesk-sales-draft-panel {
  order: 30;
}

.frontdesk-inventory-workstation {
  order: 40;
}

.frontdesk-sales-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 4px 8px;
  border-bottom: 1px solid #d8e1e7;
  background: #f3f7f9;
}

.frontdesk-sales-panel-head strong {
  color: #173445;
  font-size: 12px;
}

.frontdesk-sales-panel-head span {
  color: #607582;
  font-size: 11px;
  line-height: 1.35;
}

.frontdesk-history-order-summary {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 8px 6px;
  min-height: 26px;
  padding: 3px 6px;
  border: 1px solid #d3dce2;
  background: #f8fafc;
  color: #6b4b12;
  font-size: 11px;
}

.frontdesk-history-order-summary[hidden] {
  display: none;
}

.frontdesk-history-order-summary strong {
  flex: 0 0 auto;
  color: #244255;
}

.frontdesk-history-order-summary span {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.frontdesk-history-order-summary button {
  flex: 0 0 auto;
  min-height: 22px;
  padding: 1px 8px;
  border: 1px solid #b9c6ce;
  border-radius: 3px;
  background: #fff;
  color: #24566b;
  cursor: pointer;
}

.frontdesk-product-picker-launcher__body {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
}

.frontdesk-product-picker-launcher__body button {
  flex: 0 0 auto;
  min-height: 32px;
  padding: 4px 18px;
  border: 1px solid #c87510;
  border-radius: 2px;
  color: #fff;
  background: linear-gradient(#f7a642, #e38416);
  cursor: pointer;
  font-weight: 700;
}

.frontdesk-product-picker-launcher__body span {
  min-width: 0;
  color: #607582;
  font-size: 12px;
  line-height: 1.45;
}

.frontdesk-product-picker-modal[hidden] {
  display: none;
}

.frontdesk-product-picker-modal {
  position: fixed;
  inset: 0;
  z-index: 1450;
  display: grid;
  place-items: center;
}

.frontdesk-product-picker-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(33, 42, 48, 0.34);
}

.frontdesk-product-picker-modal__panel {
  position: relative;
  z-index: 1;
  width: min(1180px, calc(100vw - 34px));
  max-height: calc(100vh - 34px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 8px;
  padding: 10px;
  border: 1px solid #aeb8bf;
  border-radius: 2px;
  background: #eef1f3;
  box-shadow: 0 8px 24px rgba(20, 35, 45, 0.24);
}

.frontdesk-product-picker-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border: 1px solid #c8d1d8;
  background: #f8f9fa;
}

.frontdesk-product-picker-modal__header h3 {
  margin: 0;
  color: #163646;
  font-size: 17px;
}

.frontdesk-product-picker-modal__header p {
  margin: 4px 0 0;
  color: #607582;
  font-size: 12px;
  line-height: 1.4;
}

.frontdesk-product-picker-modal__close {
  min-width: 34px;
  min-height: 34px;
  padding: 0;
  border: 1px solid #c3ccd3;
  border-radius: 2px;
  color: #607582;
  background: #fff;
  cursor: pointer;
  font-size: 24px;
  line-height: 1;
}

.frontdesk-product-picker-modal__body {
  min-height: 0;
  overflow: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  align-content: start;
}

.frontdesk-product-picker-modal__body .frontdesk-sales-search-shell,
.frontdesk-product-picker-modal__body .frontdesk-inventory-workstation,
.frontdesk-product-picker-modal__body .frontdesk-sales-results-panel {
  order: initial;
}

body[data-frontdesk-product-picker-open="true"] .frontdesk-product-picker-launcher {
  border-color: #d9912c;
}

.frontdesk-sales-meta-grid {
  grid-template-columns: repeat(5, minmax(100px, 1fr));
  padding: 5px 8px;
}

.frontdesk-sales-summary-grid {
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  padding: 5px 8px;
}

.frontdesk-sales-summary-grid label,
.frontdesk-sales-meta-grid label {
  align-items: flex-start;
  flex-direction: column;
  gap: 3px;
  white-space: normal;
  font-size: 11px;
  color: #244255;
}

.frontdesk-sales-search-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0;
  gap: 4px 6px;
  padding: 5px 8px;
  border-bottom: 1px solid #e4ebef;
}

.frontdesk-sales-search-row[hidden] {
  display: none !important;
}

.frontdesk-sales-search-row label {
  flex: 1 0 100%;
  min-width: 0;
}

.frontdesk-sales-search-row .frontdesk-product-group-filter {
  flex: 1 1 180px;
}

.frontdesk-sales-search-row .frontdesk-product-group-filter select {
  min-width: 150px;
  max-width: 100%;
  min-height: 28px;
  border: 1px solid #cbd5dc;
  border-radius: 3px;
  background: #fff;
}

.frontdesk-sales-search-row button {
  flex: 0 0 auto;
  min-width: 92px;
  padding-inline: 10px;
}

.frontdesk-sales-search-row #frontdesk-product-search-button {
  min-width: 72px;
}

.frontdesk-sales-search-tools {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 4px 8px;
  padding: 4px 8px 5px;
  border-top: 1px solid #eef3f6;
}

.frontdesk-product-picker-menu {
  margin: 2px 0 0;
  border: 1px solid #cfd8df;
  background: #fff;
  min-width: 128px;
  min-height: 26px;
  padding: 4px 8px;
  color: #24566b;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}

.frontdesk-product-picker-menu:hover,
.frontdesk-product-picker-menu[aria-expanded="true"] {
  background: #eaf4fb;
  color: #1c6092;
}

.frontdesk-sales-search-tools .frontdesk-product-shortcuts,
.frontdesk-sales-search-tools .frontdesk-product-actions {
  margin-top: 0;
}

.frontdesk-sales-search-tools .frontdesk-product-actions span {
  display: none;
}

.frontdesk-sales-search-shell .frontdesk-product-stage-filters,
.frontdesk-sales-search-shell .frontdesk-product-return-banner,
.frontdesk-sales-search-shell .frontdesk-assist-drawer {
  margin-inline: 8px;
}

.frontdesk-sales-search-shell .frontdesk-assist-drawer {
  margin-bottom: 6px;
}

.frontdesk-sales-search-shell[data-frontdesk-mode="stocktake"] .frontdesk-product-actions,
.frontdesk-sales-search-shell[data-frontdesk-mode="stocktake"] .frontdesk-assist-drawer,
.frontdesk-sales-search-shell[data-frontdesk-mode="lens"] .frontdesk-product-actions,
.frontdesk-sales-search-shell[data-frontdesk-mode="lens"] .frontdesk-assist-drawer {
  display: none;
}

.frontdesk-sales-search-shell[data-frontdesk-mode="old-customer"] .frontdesk-assist-drawer {
  display: none;
}

.frontdesk-sales-search-shell[data-frontdesk-mode="stocktake"] .frontdesk-product-shortcuts,
.frontdesk-sales-search-shell[data-frontdesk-mode="lens"] .frontdesk-product-shortcuts {
  padding-top: 2px;
}

.frontdesk-sales-search-shell[data-frontdesk-mode="stocktake"] .frontdesk-product-search-meta,
.frontdesk-sales-search-shell[data-frontdesk-mode="lens"] .frontdesk-product-search-meta {
  color: #173445;
}

.frontdesk-inventory-workstation {
  border: 1px solid #cbd7df;
  background: #fff;
}

.frontdesk-inventory-workstation[data-state="idle"],
.frontdesk-inventory-workstation[data-state="picker"] {
  display: none;
}

.frontdesk-inventory-workstation[data-state="idle"] {
  border-style: dashed;
  background: #fbfcfd;
}

.frontdesk-inventory-workstation[data-state="idle"] .frontdesk-inventory-tabs,
.frontdesk-inventory-workstation[data-state="idle"] .frontdesk-inventory-forms,
.frontdesk-inventory-workstation[data-state="idle"] .frontdesk-stocktake-panel,
.frontdesk-inventory-workstation[data-state="idle"] .frontdesk-inventory-inline-status {
  display: none;
}

.frontdesk-inventory-workstation[data-state="idle"] .frontdesk-inventory-selected {
  min-height: 0;
  border-bottom: 0;
  background: transparent;
}

.frontdesk-inventory-workstation[data-state="picker"] .frontdesk-inventory-tabs,
.frontdesk-inventory-workstation[data-state="picker"] .frontdesk-inventory-forms {
  display: none;
}

.frontdesk-inventory-workstation[data-state="picker"][data-frontdesk-mode="lens"] .frontdesk-stocktake-panel {
  display: none;
}

.frontdesk-inventory-workstation[data-expanded="false"] .frontdesk-inventory-tabs,
.frontdesk-inventory-workstation[data-expanded="false"] .frontdesk-inventory-forms,
.frontdesk-inventory-workstation[data-expanded="false"] .frontdesk-inventory-inline-status {
  display: none;
}

.frontdesk-inventory-workstation[data-expanded="false"] .frontdesk-inventory-selected {
  border-bottom: 0;
}

.frontdesk-inventory-workstation .frontdesk-sales-panel-head strong {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border: 1px solid #cfdbe3;
  background: #f6fafc;
  color: #174b74;
}

.frontdesk-inventory-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  padding: 0 8px;
  border-bottom: 1px solid #d8e1e7;
  background: #f7fafc;
}

.frontdesk-inventory-tabs button {
  min-height: 28px;
  padding: 3px 12px;
  border: 0;
  border-right: 1px solid #d8e1e7;
  background: transparent;
  color: #31566b;
  cursor: pointer;
  font-size: 12px;
}

.frontdesk-inventory-tabs button.is-active {
  background: #fff;
  color: #174b74;
  font-weight: 700;
  box-shadow: inset 0 -2px 0 #2f7fbd;
}

.frontdesk-inventory-selected {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 32px;
  padding: 4px 8px;
  border-bottom: 1px solid #e2e9ee;
  background: #fbfcfd;
}

.frontdesk-inventory-selected > div {
  min-width: 0;
}

.frontdesk-inventory-selected strong,
.frontdesk-inventory-selected span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.frontdesk-inventory-selected strong {
  color: #173445;
  font-size: 12px;
}

.frontdesk-inventory-selected span {
  color: #607582;
  font-size: 11px;
}

.frontdesk-inventory-selected__state {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex: 0 0 auto;
}

.frontdesk-inventory-selected__state b {
  min-height: 22px;
  padding: 2px 7px;
  border: 1px solid #d5dde3;
  border-radius: 3px;
  background: #fff;
  color: #4d6472;
  font-size: 11px;
}

.frontdesk-inventory-selected__state b[data-state="sellable"] {
  border-color: #b8d8cf;
  background: #eff9f6;
  color: #0d6a58;
}

.frontdesk-inventory-selected__state b[data-state="restock"] {
  border-color: #edd3b8;
  background: #fff7ef;
  color: #9a4c1f;
}

.frontdesk-inventory-selected__state b[data-state="opening"] {
  border-color: #d0d8df;
  background: #f4f7f9;
  color: #506573;
}

.frontdesk-inventory-selected__state button,
.frontdesk-inventory-actions button {
  min-height: 26px;
  padding: 3px 9px;
  border: 1px solid #cbd5dc;
  border-radius: 3px;
  background: #fff;
  color: #24566b;
  cursor: pointer;
  font-size: 12px;
}

.frontdesk-inventory-selected__state button {
  border-color: #2f7fbd;
  background: #f5fbff;
  color: #174b74;
  font-weight: 700;
}

.frontdesk-inventory-actions button[type="submit"],
#frontdesk-inline-receipt-submit,
#frontdesk-inline-loss-submit,
#frontdesk-inline-opening-submit {
  border-color: #2f7fbd;
  background: #2f7fbd;
  color: #fff;
}

.frontdesk-inventory-forms {
  display: block;
}

.frontdesk-inventory-form {
  display: none;
  gap: 6px;
  padding: 6px 8px;
}

.frontdesk-inventory-form.is-active {
  display: grid;
}

.frontdesk-inventory-stock-note {
  padding: 6px 8px 0;
  color: #4f6675;
  font-size: 11px;
  line-height: 1.5;
}

.frontdesk-inventory-form-grid,
.frontdesk-inventory-stock-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  gap: 5px 6px;
}

.frontdesk-inventory-form label,
.frontdesk-inventory-wide {
  display: grid;
  gap: 3px;
  color: #244255;
  font-size: 11px;
}

.frontdesk-inventory-form input,
.frontdesk-inventory-form select,
.frontdesk-inventory-form textarea {
  width: 100%;
  min-height: 26px;
  padding: 3px 5px;
  border: 1px solid #b8c4cc;
  border-radius: 0;
  background: #fff;
  color: #173445;
  font: inherit;
  font-size: 12px;
}

.frontdesk-inventory-form textarea {
  min-height: 40px;
  resize: vertical;
}

.frontdesk-inventory-stock-grid span {
  min-height: 26px;
  padding: 5px 7px;
  border: 1px solid #e1e8ed;
  background: #fbfdfe;
  color: #375466;
  font-size: 12px;
}

.frontdesk-inventory-stock-grid span[data-tone="sellable"] {
  border-color: #b8d8cf;
  background: #eff9f6;
  color: #0d6a58;
  font-weight: 700;
}

.frontdesk-inventory-stock-grid span[data-tone="restock"] {
  border-color: #edd3b8;
  background: #fff7ef;
  color: #9a4c1f;
  font-weight: 700;
}

.frontdesk-inventory-stock-grid span[data-tone="opening"] {
  border-color: #d0d8df;
  background: #f4f7f9;
  color: #506573;
  font-weight: 700;
}

.frontdesk-inventory-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
}

.frontdesk-inventory-trace-hint {
  color: #5f7480;
  font-size: 11px;
  line-height: 1.4;
}

.frontdesk-inventory-trace-hint[data-required="true"] {
  color: #9a4c1f;
}

.frontdesk-inventory-inline-status {
  min-height: 28px;
  padding: 5px 8px;
  border-top: 1px solid #dfe7ec;
  background: #f7fafc;
  color: #607582;
  font-size: 12px;
}

.frontdesk-inventory-inline-status[data-status="success"] {
  background: #f1faf7;
  color: #0d6a58;
}

.frontdesk-inventory-inline-status[data-status="warning"] {
  background: #fff8f0;
  color: #9a4c1f;
}

.frontdesk-stocktake-panel {
  border-top: 1px solid #d7e1e8;
  background: #fff;
}

.frontdesk-stocktake-panel__head,
.frontdesk-stocktake-panel__tools,
.frontdesk-stocktake-types,
.frontdesk-stocktake-index,
.frontdesk-stocktake-brands,
.frontdesk-stocktake-series,
.frontdesk-stocktake-specs {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 6px;
  border-bottom: 1px solid #e0e8ee;
}

.frontdesk-stocktake-panel__head,
.frontdesk-stocktake-panel__tools {
  justify-content: space-between;
}

.frontdesk-stocktake-panel__head {
  background: #f5f8fa;
}

.frontdesk-stocktake-panel__head-main {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.frontdesk-stocktake-panel__head strong {
  color: #173445;
  font-size: 12px;
}

.frontdesk-stocktake-panel__head span {
  color: #607582;
  font-size: 11px;
}

.frontdesk-stocktake-panel__path {
  flex: 0 0 auto;
  max-width: 42%;
  padding: 2px 6px;
  border: 1px solid #d8e3ea;
  background: #fff;
  color: #4f6675;
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.frontdesk-stocktake-panel__tools label {
  display: grid;
  grid-template-columns: auto minmax(180px, 1fr);
  align-items: center;
  gap: 4px;
  flex: 1 1 auto;
  color: #244255;
  font-size: 10px;
}

.frontdesk-stocktake-panel__tools input,
.frontdesk-stocktake-row input {
  min-height: 24px;
  padding: 2px 5px;
  border: 1px solid #b8c4cc;
  border-radius: 0;
  background: #fff;
  color: #173445;
  font: inherit;
  font-size: 12px;
}

.frontdesk-stocktake-panel__tools button,
.frontdesk-stocktake-row button,
.frontdesk-stocktake-types button,
.frontdesk-stocktake-index button,
.frontdesk-stocktake-brands button,
.frontdesk-stocktake-series button,
.frontdesk-stocktake-specs button {
  min-height: 24px;
  padding: 2px 7px;
  border: 1px solid #cbd5dc;
  border-radius: 3px;
  background: #fff;
  color: #24566b;
  cursor: pointer;
  font-size: 12px;
}

.frontdesk-stocktake-types,
.frontdesk-stocktake-index,
.frontdesk-stocktake-brands,
.frontdesk-stocktake-series,
.frontdesk-stocktake-specs {
  flex-wrap: wrap;
  align-items: stretch;
  background: #fbfdfe;
}

.frontdesk-stocktake-index[hidden],
.frontdesk-stocktake-brands[hidden],
.frontdesk-stocktake-series[hidden],
.frontdesk-stocktake-specs[hidden] {
  display: none;
}

.frontdesk-stocktake-types,
.frontdesk-stocktake-series,
.frontdesk-stocktake-specs {
  gap: 5px;
}

.frontdesk-stocktake-index {
  gap: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.frontdesk-stocktake-brands,
.frontdesk-stocktake-series,
.frontdesk-stocktake-specs {
  max-height: 64px;
  overflow: auto;
  gap: 5px;
}

.frontdesk-stocktake-types {
  max-height: 56px;
  overflow: auto;
}

.frontdesk-stocktake-specs {
  max-height: 56px;
}

.frontdesk-stocktake-index button {
  display: inline-grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 3px;
  min-height: 20px;
  padding: 1px 5px;
  border-color: transparent;
  background: transparent;
  color: #4c6473;
}

.frontdesk-stocktake-index button b {
  font-size: 11px;
}

.frontdesk-stocktake-index button span {
  color: #7b8c97;
  font-size: 9px;
}

.frontdesk-stocktake-types button,
.frontdesk-stocktake-brands button,
.frontdesk-stocktake-series button,
.frontdesk-stocktake-specs button {
  display: grid;
  grid-template-columns: auto auto;
  gap: 5px;
  align-items: center;
  min-height: 23px;
  padding: 2px 6px;
  background: #fff;
  text-align: left;
}

.frontdesk-stocktake-types button strong,
.frontdesk-stocktake-brands button strong,
.frontdesk-stocktake-series button strong,
.frontdesk-stocktake-specs button strong {
  color: #173445;
  font-size: 11px;
}

.frontdesk-stocktake-types button span,
.frontdesk-stocktake-brands button span,
.frontdesk-stocktake-series button span,
.frontdesk-stocktake-specs button span {
  color: #607582;
  font-size: 10px;
}

.frontdesk-stocktake-types {
  background: #f7fafc;
}

.frontdesk-stocktake-index,
.frontdesk-stocktake-brands,
.frontdesk-stocktake-series,
.frontdesk-stocktake-specs {
  background: #fbfdfe;
}

.frontdesk-stocktake-specs button strong {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.frontdesk-stocktake-index button.is-active,
.frontdesk-stocktake-types button.is-active,
.frontdesk-stocktake-brands button.is-active,
.frontdesk-stocktake-series button.is-active,
.frontdesk-stocktake-specs button.is-active {
  border-color: #2f7fbd;
  background: #eef7ff;
  color: #174b74;
}

.frontdesk-stocktake-index button.is-active {
  border-color: #c9d9e5;
  background: #f5fbff;
}

.frontdesk-stocktake-specs button:disabled {
  border-color: #d8e0e6;
  background: #f7fafc;
  color: #8b9ba6;
  cursor: default;
}

.frontdesk-stocktake-table {
  max-height: 420px;
  overflow: auto;
}

.frontdesk-stocktake-table__head,
.frontdesk-stocktake-row {
  display: grid;
  grid-template-columns: 64px 72px minmax(176px, 1.2fr) minmax(294px, 2fr) 58px 60px minmax(64px, 0.6fr) 46px 48px 68px;
  align-items: stretch;
  border-bottom: 1px solid #e2e9ee;
}

.frontdesk-stocktake-table__head[data-cost-visible="false"],
.frontdesk-stocktake-row[data-cost-visible="false"] {
  grid-template-columns: 64px 72px minmax(176px, 1.2fr) minmax(294px, 2fr) 60px minmax(64px, 0.6fr) 46px 48px 68px;
}

.frontdesk-stocktake-table__head[data-lens-mode="true"],
.frontdesk-stocktake-row[data-lens-mode="true"] {
  grid-template-columns: 66px 68px minmax(188px, 1.25fr) minmax(322px, 2.1fr) 58px 60px minmax(62px, 0.58fr) 44px 46px 66px;
}

.frontdesk-stocktake-table__head[data-cost-visible="false"][data-lens-mode="true"],
.frontdesk-stocktake-row[data-cost-visible="false"][data-lens-mode="true"] {
  grid-template-columns: 66px 68px minmax(188px, 1.25fr) minmax(322px, 2.1fr) 60px minmax(62px, 0.58fr) 44px 46px 66px;
}

.frontdesk-stocktake-table__head {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #eef4f8;
  color: #31566b;
  font-size: 11px;
  font-weight: 700;
}

.frontdesk-stocktake-table__head span,
.frontdesk-stocktake-row > span,
.frontdesk-stocktake-row__product,
.frontdesk-stocktake-row input,
.frontdesk-stocktake-row button {
  min-width: 0;
  padding: 4px 5px;
  border-right: 1px solid #edf2f5;
}

.frontdesk-stocktake-row {
  background: #fff;
  color: #244255;
  font-size: 11px;
}

.frontdesk-stocktake-row:nth-child(odd) {
  background: #fbfdfe;
}

.frontdesk-stocktake-row.is-selected {
  background: #e7f4ff;
  box-shadow: inset 3px 0 0 #2f7fbd;
}

.frontdesk-stocktake-row__product strong,
.frontdesk-stocktake-row__product span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.frontdesk-stocktake-row__product strong {
  color: #173445;
  font-size: 12px;
}

.frontdesk-stocktake-row__product span {
  color: #607582;
  font-size: 10px;
}

.frontdesk-stocktake-row__initial {
  color: #31566b;
  font-weight: 700;
  text-align: center;
}

.frontdesk-stocktake-row[data-lens-mode="true"] .frontdesk-stocktake-row__initial {
  color: #174b74;
}

.frontdesk-stocktake-row button {
  border-color: #2f7fbd;
  background: #f5fbff;
  color: #174b74;
}

.frontdesk-sales-results-panel {
  overflow: hidden;
}

.frontdesk-sales-results-panel[data-frontdesk-mode="stocktake"] {
  border-color: #c7d8e3;
  box-shadow: inset 0 0 0 1px rgba(47, 127, 189, 0.05);
}

.frontdesk-sales-results-panel[data-frontdesk-mode="lens"] {
  border-color: #c6dbe8;
  box-shadow: inset 0 0 0 1px rgba(34, 116, 201, 0.06);
}

.frontdesk-sales-results-panel[data-frontdesk-mode="stocktake"] .frontdesk-sales-results-titlebar strong,
.frontdesk-sales-results-panel[data-frontdesk-mode="lens"] .frontdesk-sales-results-titlebar strong {
  color: #173445;
}

.frontdesk-sales-results-panel[data-frontdesk-mode="stocktake"] .frontdesk-sales-results-titlebar span,
.frontdesk-sales-results-panel[data-frontdesk-mode="lens"] .frontdesk-sales-results-titlebar span {
  color: #516977;
}

.frontdesk-sales-results-titlebar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  padding: 4px 8px;
  border-bottom: 1px solid #d8e1e7;
  background: linear-gradient(#f8fafb, #edf2f6);
}

.frontdesk-sales-results-titlebar strong {
  color: #173445;
  font-size: 12px;
}

.frontdesk-sales-results-titlebar span {
  color: #607582;
  font-size: 11px;
}

.frontdesk-sales-results-panel .frontdesk-product-results {
  margin-top: 0;
}

.frontdesk-sales-card[data-sales-order-mode="empty"] .frontdesk-sales-search-shell {
  box-shadow: inset 0 0 0 1px rgba(47, 127, 189, 0.04);
}

.frontdesk-sales-card[data-sales-order-mode="empty"] .frontdesk-sales-meta-strip {
  border-color: #d7e0e6;
}

.frontdesk-sales-card[data-sales-order-mode="empty"] .frontdesk-inventory-workstation {
  margin-top: 2px;
}

.frontdesk-sales-summary-panel .frontdesk-sales-note-stack {
  display: grid;
  gap: 6px;
  padding: 0 8px 6px;
}

.frontdesk-sales-card[data-sales-order-mode="history"] .frontdesk-sales-summary-panel,
.frontdesk-sales-card[data-sales-order-mode="history"] .frontdesk-settlement-panel {
  display: none;
}

.frontdesk-sales-note-stack label {
  display: grid;
  gap: 3px;
  color: #244255;
  font-size: 11px;
}

.frontdesk-sales-note-stack textarea {
  min-height: 46px;
  width: 100%;
  padding: 4px 5px;
  border: 1px solid #b8c4cc;
  border-radius: 0;
  resize: vertical;
  background: #fffef7;
}

.frontdesk-product-shortcuts,
.frontdesk-product-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin-top: 0;
}

.frontdesk-product-shortcuts button,
.frontdesk-product-actions button {
  min-height: 24px;
  padding: 2px 8px;
  border: 1px solid #cbd5dc;
  border-radius: 3px;
  background: #fff;
  color: #24566b;
  cursor: pointer;
  font-size: 12px;
}

.frontdesk-product-shortcuts button {
  background: #f7fbfc;
}

.frontdesk-product-shortcuts button.is-active {
  color: #1d5d8d;
  background: #eef5fb;
  border-color: #2f7fbd;
}

.frontdesk-product-actions button {
  background: #fff;
  border-color: #cbd5dc;
}

.frontdesk-product-actions span {
  flex: 1 1 320px;
  color: #607582;
  font-size: 13px;
}

.frontdesk-product-stage-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin-top: 6px;
}

.frontdesk-product-stage-filters button {
  min-height: 24px;
  padding: 2px 8px;
  border: 1px solid #d5dde3;
  border-radius: 3px;
  background: #fff;
  color: #4d6472;
  cursor: pointer;
  font-size: 12px;
}

.frontdesk-product-stage-filters button.is-active {
  background: #eef5fb;
  border-color: #2f7fbd;
  color: #1d5d8d;
}

.frontdesk-product-return-banner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  padding: 6px 8px;
  border: 1px solid rgba(47, 127, 189, 0.26);
  border-left: 4px solid #2f7fbd;
  background: #f7fbff;
}

.frontdesk-product-return-banner strong {
  color: #174b74;
  font-size: 12px;
}

.frontdesk-product-return-banner span {
  color: #0f334b;
  font-size: 13px;
  font-weight: 700;
}

.frontdesk-product-return-banner small {
  color: #5a7381;
  font-size: 12px;
  line-height: 1.45;
  flex: 1 1 100%;
}

.frontdesk-assist-drawer {
  margin-top: 6px;
  border: 1px solid #d7e0e6;
  background: #fbfdfe;
}

.frontdesk-sales-search-shell[data-frontdesk-mode="old-customer"] .frontdesk-assist-drawer,
.frontdesk-sales-search-shell[data-frontdesk-mode="stocktake"] .frontdesk-assist-drawer,
.frontdesk-sales-search-shell[data-frontdesk-mode="lens"] .frontdesk-assist-drawer {
  margin-bottom: 4px;
}

.frontdesk-sales-card {
  background: linear-gradient(180deg, #fbfdfe 0%, #ffffff 34%);
}

.frontdesk-sales-card .frontdesk-section-title {
  letter-spacing: 0.2px;
}

.frontdesk-sales-card .frontdesk-sales-search-shell {
  border-top: 2px solid #d8e7f1;
}

.frontdesk-sales-card .frontdesk-inventory-workstation {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.frontdesk-assist-drawer summary {
  min-height: 26px;
  padding: 4px 8px;
  color: #24566b;
  background: #eef4f8;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}

.frontdesk-assist-drawer[open] summary {
  border-bottom: 1px solid #d7e0e6;
}

.frontdesk-lens-scene {
  display: grid;
  gap: 6px;
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid #d8e4eb;
  background: linear-gradient(180deg, #f8fcff 0%, #fefefe 100%);
}

.frontdesk-lens-scene strong {
  color: #214960;
}

.frontdesk-lens-scene__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.frontdesk-lens-scene__chips em {
  padding: 2px 8px;
  border-radius: 999px;
  background: #eef4f8;
  color: #3f6478;
  font-size: 11px;
  font-style: normal;
}

.frontdesk-lens-scene span {
  color: #5d7482;
  font-size: 13px;
}

.frontdesk-scene-support {
  display: grid;
  gap: 8px;
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid #dce6db;
  background: linear-gradient(180deg, #fbfffa 0%, #fefefe 100%);
}

.frontdesk-scene-support__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.frontdesk-scene-support__head strong {
  color: #2d5c43;
}

.frontdesk-scene-support__head button {
  min-height: 30px;
  padding: 6px 12px;
  border: 1px solid #c9d9c9;
  border-radius: 3px;
  background: #fff;
  color: #2d6a46;
  cursor: pointer;
}

.frontdesk-scene-support__head button:disabled {
  opacity: 0.55;
  cursor: default;
}

.frontdesk-scene-support__items {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.frontdesk-scene-support__items em {
  color: #6c7f73;
  font-style: normal;
  font-size: 13px;
}

.frontdesk-scene-support__item {
  display: grid;
  gap: 4px;
  padding: 10px;
  border: 1px solid #d6e4d7;
  background: #fff;
  text-align: left;
  cursor: pointer;
}

.frontdesk-scene-support__item span {
  color: #5e7c68;
  font-size: 11px;
}

.frontdesk-scene-support__item strong {
  color: #224835;
  font-size: 14px;
}

.frontdesk-scene-support__item small {
  color: #6c7f73;
  font-size: 12px;
  line-height: 1.5;
}

.frontdesk-scene-support__item.is-added {
  border-color: #c9d8cc;
  background: #f3f8f4;
}

.frontdesk-scene-support__item:disabled {
  cursor: default;
  opacity: 1;
}

.frontdesk-scene-support > span {
  color: #5d7462;
  font-size: 13px;
}

.frontdesk-scene-products {
  display: grid;
  gap: 8px;
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid #dcdff0;
  background: linear-gradient(180deg, #fafbff 0%, #fefefe 100%);
}

.frontdesk-scene-products__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.frontdesk-scene-products__head strong {
  color: #304a7c;
}

.frontdesk-scene-products__head button {
  min-height: 30px;
  padding: 6px 12px;
  border: 1px solid #cdd5ef;
  border-radius: 3px;
  background: #fff;
  color: #2f5b9a;
  cursor: pointer;
}

.frontdesk-scene-products__head button:disabled {
  opacity: 0.55;
  cursor: default;
}

.frontdesk-scene-products__items {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.frontdesk-scene-products__items em {
  color: #697493;
  font-style: normal;
  font-size: 13px;
}

.frontdesk-scene-product-card {
  display: grid;
  gap: 6px;
  padding: 10px;
  border: 1px solid #d8e0f1;
  background: #fff;
}

.frontdesk-scene-product-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.frontdesk-scene-product-card__head span {
  color: #58709a;
  font-size: 11px;
}

.frontdesk-scene-product-card__head b {
  color: #29477a;
  font-size: 12px;
}

.frontdesk-scene-product-card strong {
  color: #1f365d;
  font-size: 14px;
}

.frontdesk-scene-product-card small {
  color: #677996;
  font-size: 12px;
  line-height: 1.5;
}

.frontdesk-scene-product-card__bundle {
  color: #5b6e90;
  font-size: 12px;
}

.frontdesk-scene-product-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

.frontdesk-scene-product-card__meta b {
  color: #1f365d;
}

.frontdesk-scene-product-card__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.frontdesk-scene-product-card__meta button {
  min-height: 30px;
  padding: 6px 12px;
  border: 1px solid #bdd0f1;
  border-radius: 3px;
  background: #eef4ff;
  color: #295899;
  cursor: pointer;
}

.frontdesk-scene-product-card__meta button.secondary {
  background: #fff8ec;
  border-color: #eed2a4;
  color: #9c5f1c;
}

.frontdesk-scene-products > span {
  color: #637291;
  font-size: 13px;
}

.frontdesk-scene-frames {
  display: grid;
  gap: 8px;
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid #ecd9c7;
  background: linear-gradient(180deg, #fffaf5 0%, #fefefe 100%);
}

.frontdesk-scene-frames__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.frontdesk-scene-frames__head strong {
  color: #8a4b14;
}

.frontdesk-scene-frames__head button {
  min-height: 30px;
  padding: 6px 12px;
  border: 1px solid #ecd2b0;
  border-radius: 3px;
  background: #fff;
  color: #9a571e;
  cursor: pointer;
}

.frontdesk-scene-frames__head button:disabled {
  opacity: 0.55;
  cursor: default;
}

.frontdesk-scene-frames__filters {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  padding: 10px;
  border: 1px dashed #edd8bf;
  background: rgba(255, 250, 245, 0.8);
}

.frontdesk-scene-frames__filters em,
.frontdesk-scene-frames__filters small {
  grid-column: 1 / -1;
  color: #82684f;
  font-style: normal;
  font-size: 12px;
  line-height: 1.5;
}

.frontdesk-scene-frame-filter-group,
.frontdesk-scene-frame-filter-select,
.frontdesk-scene-frame-filter-input {
  display: grid;
  gap: 6px;
}

.frontdesk-scene-frame-filter-group--wide {
  grid-column: 1 / -1;
}

.frontdesk-scene-frame-filter-group > span,
.frontdesk-scene-frame-filter-select > span,
.frontdesk-scene-frame-filter-input > span {
  color: #8a5a2d;
  font-size: 12px;
  font-weight: 700;
}

.frontdesk-scene-frame-filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.frontdesk-scene-frame-filter-chips button,
.frontdesk-scene-frame-filter-reset {
  min-height: 28px;
  padding: 5px 10px;
  border: 1px solid #ead1b5;
  border-radius: 999px;
  background: #fff;
  color: #8a5a2d;
  cursor: pointer;
}

.frontdesk-scene-frame-filter-chips button.is-active {
  border-color: #d58a37;
  background: #fff1df;
  color: #9b581a;
}

.frontdesk-scene-frame-filter-chips--presets button {
  padding-inline: 12px;
  border-radius: 3px;
  background: linear-gradient(180deg, #fffdfa 0%, #fff4e6 100%);
}

.frontdesk-scene-frame-filter-chips--presets button.is-active {
  border-color: #ca7b28;
  background: linear-gradient(180deg, #fff2df 0%, #ffe4bc 100%);
}

.frontdesk-scene-frame-filter-select select,
.frontdesk-scene-frame-filter-input input {
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid #e4d1bb;
  background: #fff;
  color: #5d4022;
}

.frontdesk-scene-frame-filter-reset {
  align-self: end;
  justify-self: start;
  border-radius: 3px;
}

.frontdesk-scene-frames__items {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.frontdesk-scene-frames__items em {
  color: #8a7767;
  font-style: normal;
  font-size: 13px;
}

.frontdesk-scene-frame-card {
  display: grid;
  gap: 6px;
  padding: 10px;
  border: 1px solid #efddc9;
  background: #fff;
}

.frontdesk-scene-frame-card.is-added {
  border-color: #dcc4a7;
  background: #fff7ef;
}

.frontdesk-scene-frame-card__head,
.frontdesk-scene-frame-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.frontdesk-scene-frame-card__head span {
  color: #7f674b;
  font-size: 12px;
}

.frontdesk-scene-frame-card__head b,
.frontdesk-scene-frame-card__meta b,
.frontdesk-scene-frame-card strong {
  color: #5b3313;
}

.frontdesk-scene-frame-card small {
  color: #7f6a57;
  line-height: 1.5;
}

.frontdesk-scene-frame-card__meta button.secondary {
  min-height: 30px;
  padding: 6px 12px;
  border: 1px solid #e0c4a3;
  border-radius: 3px;
  background: #fff;
  color: #8a531e;
  cursor: pointer;
}

.frontdesk-scene-frame-card__meta button.secondary:disabled {
  opacity: 0.6;
  cursor: default;
}

.frontdesk-scene-frames > span {
  color: #7f6c5a;
  font-size: 13px;
}

.frontdesk-draft-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  margin-top: 8px;
  padding: 6px 8px;
  border: 1px solid #dbe7ec;
  background: #f9fcfd;
}

.frontdesk-draft-tools span {
  color: #244255;
  font-weight: 700;
}

.frontdesk-draft-tools button {
  min-height: 26px;
  padding: 4px 9px;
  border: 1px solid #cbd5dc;
  border-radius: 3px;
  background: #fff;
  color: #24566b;
  cursor: pointer;
}

.frontdesk-draft-tools em {
  flex: 1 1 320px;
  color: #6c7f8b;
  font-style: normal;
  font-size: 12px;
}

.frontdesk-draft-tools {
  display: none;
}

.frontdesk-picker {
  display: grid;
  gap: 8px;
  margin: 0 0 12px;
  padding: 8px;
  background: #f7fbfc;
  border: 1px solid #d9e7eb;
}

.frontdesk-optometry-history-strip {
  margin: 8px 0 12px;
  padding: 0;
  border-color: #b9d8ec;
  background: #fff;
}

.frontdesk-optometry-history-strip--inline {
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px rgba(47, 127, 189, 0.03);
}

.frontdesk-prescription-history-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  padding: 6px 8px;
  border-bottom: 1px solid #d9e6ec;
  background: linear-gradient(180deg, #f7fbfd 0%, #edf6fb 100%);
}

.frontdesk-optometry-history-strip--inline .frontdesk-prescription-history-head {
  gap: 6px;
  padding: 5px 7px;
  min-width: 0;
}

.frontdesk-prescription-history-title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 5px 7px;
  flex: 1;
  min-width: 210px;
}

.frontdesk-prescription-history-title em {
  flex: 1 1 220px;
}

.frontdesk-optometry-history-strip--inline .frontdesk-prescription-history-title {
  gap: 5px 8px;
  min-width: 0;
}

.frontdesk-optometry-history-strip--inline .frontdesk-prescription-history-title span {
  font-size: 11px;
}

.frontdesk-optometry-history-strip--inline .frontdesk-prescription-history-title em {
  flex-basis: 200px;
  font-size: 10px;
  line-height: 1.3;
}

#frontdesk-optometry-card .frontdesk-prescription-history-title em {
  display: none;
}

.frontdesk-prescription-history-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}

.frontdesk-optometry-history-strip--inline .frontdesk-prescription-history-actions {
  gap: 5px;
}

.frontdesk-current-opt-date {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  padding: 2px 6px;
  border: 1px solid #cbdde7;
  background: #fff;
  color: #244255;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

#frontdesk-optometry-card .frontdesk-current-opt-date {
  min-height: 24px;
  padding: 1px 5px;
  font-size: 10px;
}

.frontdesk-optometry-history-strip--inline .frontdesk-current-opt-date {
  min-height: 26px;
  padding: 2px 5px;
  font-size: 10px;
}

.frontdesk-current-opt-date input {
  width: 126px;
  min-height: 22px;
  border: 1px solid #bfcbd3;
  border-radius: 2px;
  background: #fffef7;
  color: #0f3344;
  font: inherit;
  padding: 1px 4px;
}

#frontdesk-optometry-card .frontdesk-current-opt-date input {
  width: 104px;
  min-height: 18px;
  padding: 1px 3px;
}

.frontdesk-optometry-history-strip--inline .frontdesk-current-opt-date input {
  width: 116px;
  min-height: 20px;
  padding: 1px 3px;
}

.frontdesk-current-opt-date input:focus {
  outline: 0;
  border-color: #f08300;
  box-shadow: 0 0 0 2px rgba(240, 131, 0, 0.14);
}

.frontdesk-prescription-history-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  padding: 6px 8px 0;
}

.frontdesk-prescription-history-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px;
  padding: 4px 7px 0;
}

#frontdesk-optometry-card .frontdesk-prescription-history-tabs,
#frontdesk-optometry-card .frontdesk-prescription-history-filters {
  flex-wrap: nowrap;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.frontdesk-picker button.frontdesk-history-filter-tab {
  flex: 0 0 auto;
  min-height: 18px;
  padding: 1px 4px;
  border-color: #d4dde5;
  background: #f7f8fa;
  color: #305468;
  gap: 1px;
}

.frontdesk-picker button.frontdesk-history-filter-tab strong {
  font-size: 8px;
  font-weight: 700;
}

.frontdesk-picker button.frontdesk-history-filter-tab small {
  color: #6f818d;
  font-size: 6px;
}

.frontdesk-optometry-history-strip--inline .frontdesk-prescription-history-filters {
  gap: 2px;
  padding: 4px 8px 0;
}

.frontdesk-optometry-history-strip--inline .frontdesk-prescription-history-tabs {
  gap: 3px;
  padding: 5px 7px 0;
}

.frontdesk-picker button.frontdesk-history-date-tab {
  flex: 0 0 auto;
  min-height: 21px;
  padding: 1px 5px;
  gap: 1px;
}

.frontdesk-picker button.frontdesk-history-date-tab strong {
  font-size: 9px;
}

.frontdesk-picker button.frontdesk-history-date-tab small {
  font-size: 7px;
}

.frontdesk-prescription-history-records {
  display: grid;
  gap: 6px;
}

.frontdesk-prescription-history-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 6px 8px 0;
  padding: 6px 7px;
  border: 1px solid #d7e5ec;
  background: #fff;
  color: #526b78;
  font-size: 11px;
}

.frontdesk-optometry-history-strip--inline .frontdesk-prescription-history-summary {
  gap: 6px;
  margin: 7px 8px 0;
  padding: 6px 7px;
  font-size: 11px;
  max-width: calc(100% - 16px);
}

.frontdesk-prescription-history-summary strong {
  color: #17384c;
}

.frontdesk-prescription-history-summary em {
  color: #6f828d;
  font-style: normal;
}

.frontdesk-prescription-history-card {
  display: grid;
  gap: 4px;
  padding: 5px 6px;
  border: 1px solid #d8e2e8;
  background: #fff;
  width: 100%;
  min-width: 0;
  text-align: left;
  cursor: pointer;
}

.frontdesk-prescription-history-card.active {
  border-color: #2f7fbd;
  box-shadow: inset 3px 0 0 #2f7fbd;
}

.frontdesk-prescription-history-card.is-review-optometry {
  border-color: #e4cf7a;
  background: #fffdf4;
}

.frontdesk-prescription-history-empty {
  margin: 8px 10px;
  padding: 10px;
  border: 1px dashed #c6d5dd;
  background: #f8fbfc;
  color: #5f737f;
  font-size: 13px;
}

.frontdesk-optometry-history-strip--inline .frontdesk-prescription-history-empty {
  margin: 7px 8px;
  padding: 8px;
  font-size: 12px;
}

.frontdesk-prescription-history-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.frontdesk-prescription-history-card-head div {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
}

.frontdesk-prescription-history-card-head strong {
  color: #17384c;
}

.frontdesk-prescription-history-card-head span {
  color: #6a7d88;
  font-size: 11px;
}

.frontdesk-prescription-history-card-date {
  flex-shrink: 0;
  text-align: right;
}

.frontdesk-prescription-history-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 12px;
}

#frontdesk-optometry-card .frontdesk-prescription-history-records {
  max-height: 170px;
  overflow-y: auto;
}

.frontdesk-prescription-history-table th,
.frontdesk-prescription-history-table td {
  padding: 4px 5px;
  border: 1px solid #d8e2e8;
  text-align: center;
}

.frontdesk-prescription-history-table th {
  background: #f3f7f9;
  color: #31566b;
}

.frontdesk-prescription-history-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  color: #71838e;
  font-size: 11px;
}

.frontdesk-prescription-history-preview {
  display: grid;
  gap: 8px;
  margin: 8px 10px 0;
  padding: 10px;
  border: 1px solid #cfe0ea;
  background: #fff;
}

.frontdesk-prescription-history-note {
  display: block;
  padding: 0 10px 8px;
  color: #7d8e98;
}

.frontdesk-optometry-history-strip--inline .frontdesk-prescription-history-note {
  padding: 0 8px 7px;
  font-size: 11px;
}

.frontdesk-picker span {
  color: #244255;
  font-weight: 700;
}

.frontdesk-picker em {
  color: #778895;
  font-style: normal;
}

.frontdesk-picker button,
.frontdesk-product-card button,
.frontdesk-remove-item {
  min-height: 28px;
  padding: 5px 10px;
  border: 1px solid #cbd5dc;
  border-radius: 3px;
  background: #fff;
  color: #24566b;
  cursor: pointer;
}

.frontdesk-picker button {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  text-align: left;
}

.frontdesk-picker button strong,
.frontdesk-picker button small {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.frontdesk-picker button small {
  color: #6f7f8a;
  font-size: 11px;
  font-weight: 400;
}

.frontdesk-picker button.frontdesk-history-action {
  display: inline-flex;
  min-height: 26px;
  flex-direction: row;
  align-items: center;
  padding: 2px 7px;
  background: #f8fbfc;
  color: #24566b;
  font-size: 11px;
}

.frontdesk-picker button.frontdesk-history-action.muted {
  color: #687b86;
}

.frontdesk-picker button.active,
.frontdesk-product-card button {
  color: #fff;
  background: #2f7fbd;
  border-color: #2f7fbd;
}

.frontdesk-picker button.has-review-optometry:not(.active) {
  border-color: #e4cf7a;
  background: #fffdf4;
}

.frontdesk-picker button.is-review-optometry {
  border-color: #e3c766;
  background: #fff9df;
  color: #7a5500;
}

.frontdesk-picker button.is-review-optometry.active {
  border-color: #c99000;
  background: #d18b00;
  color: #fff;
}

.frontdesk-picker button.active small,
.frontdesk-picker button.is-review-optometry.active small {
  color: rgba(255, 255, 255, 0.86);
}

.frontdesk-product-results {
  display: block;
  margin-top: 0;
  padding: 0;
  background: #fff;
}

.frontdesk-product-results .empty-state {
  grid-column: 1 / -1;
  padding: 10px;
}

.frontdesk-product-group {
  display: grid;
  gap: 0;
  padding: 0;
  border: 1px solid #dce5ea;
  border-radius: 0;
  background: #fff;
}

.frontdesk-product-group.is-sellable {
  border-left: 3px solid #0d7a66;
}

.frontdesk-product-group.is-restock {
  border-left: 3px solid #d98032;
}

.frontdesk-product-group.is-opening {
  border-left: 3px solid #607582;
}

.frontdesk-product-group__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  padding: 5px 8px;
  border-bottom: 1px solid #dce5ea;
  background: #f7f9fb;
}

.frontdesk-product-group__title {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.frontdesk-product-group__title strong {
  color: #213744;
  font-size: 13px;
}

.frontdesk-product-group__title span {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 6px;
  border-radius: 3px;
  background: rgba(33, 55, 68, 0.06);
  color: #506573;
  font-size: 11px;
}

.frontdesk-product-group__head small {
  color: #607684;
  font-size: 11px;
  line-height: 1.45;
}

.frontdesk-product-group__grid {
  display: grid;
  gap: 0;
}

.frontdesk-product-table-head {
  display: grid;
  grid-template-columns: minmax(0, 1.9fr) minmax(130px, 0.75fr) minmax(100px, 0.52fr) minmax(88px, auto);
  padding: 5px 8px;
  border-bottom: 1px solid #cfd8df;
  background: #e9eef2;
  color: #2c4658;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.frontdesk-product-table-head span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.frontdesk-product-card {
  display: grid;
  grid-template-columns: minmax(0, 1.9fr) minmax(130px, 0.75fr) minmax(100px, 0.52fr) minmax(88px, auto);
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 4px 8px;
  border: 0;
  border-bottom: 1px solid #d9e3e8;
  background: #fff;
}

.frontdesk-product-card > * {
  min-width: 0;
}

.frontdesk-product-card.is-return-highlight {
  border-color: rgba(47, 127, 189, 0.52);
  box-shadow: inset 3px 0 0 rgba(47, 127, 189, 0.5);
}

.frontdesk-product-card.is-selected {
  background: #eef7ff;
  box-shadow: inset 3px 0 0 #2f7fbd;
}

.frontdesk-product-card__title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.frontdesk-product-card__type-pill {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 6px;
  border-radius: 3px;
  background: rgba(16, 101, 157, 0.08);
  color: #175d8e;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

.frontdesk-product-card:has(.frontdesk-product-card__trace) {
  grid-template-columns: minmax(0, 1.9fr) minmax(130px, 0.75fr) minmax(100px, 0.52fr) minmax(88px, auto);
  align-items: start;
}

.frontdesk-product-card__main,
.frontdesk-product-card__stock,
.frontdesk-product-card__price {
  min-width: 0;
}

.frontdesk-product-card__actions {
  display: grid;
  gap: 4px;
  justify-items: stretch;
  align-self: start;
}

.frontdesk-product-card__actions small {
  color: #6f7f8b;
  font-size: 11px;
  text-align: center;
}

.frontdesk-product-card strong,
.frontdesk-product-card span,
.frontdesk-product-card small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.frontdesk-product-card span {
  margin-top: 2px;
  color: #6a7b87;
  font-size: 10px;
}

.frontdesk-product-card small {
  color: #7f909c;
  font-size: 10px;
}

.frontdesk-product-hints {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}

.frontdesk-product-hints--spec {
  margin-top: 3px;
}

.frontdesk-product-hints em {
  padding: 1px 6px;
  border-radius: 3px;
  background: #eef7ff;
  color: #26679b;
  font-size: 10px;
  font-style: normal;
}

.frontdesk-product-hints em.is-warning {
  background: rgba(180, 90, 36, 0.12);
  color: #a14d17;
}

.frontdesk-product-hints em.is-lens {
  background: rgba(43, 94, 169, 0.11);
  color: #234f8f;
}

.frontdesk-product-hints em.is-frame {
  background: rgba(122, 84, 30, 0.12);
  color: #81571f;
}

.frontdesk-product-hints em.is-contact {
  background: rgba(53, 101, 185, 0.11);
  color: #2d5b9f;
}

.frontdesk-product-hints em.is-care {
  background: rgba(13, 122, 102, 0.11);
  color: #0d6a58;
}

.frontdesk-product-hints em.is-accessory {
  background: rgba(92, 103, 114, 0.11);
  color: #4c5a66;
}

.frontdesk-product-hints em.is-danger {
  background: rgba(188, 54, 47, 0.11);
  color: #a1342f;
}

.frontdesk-product-hints em.is-trace {
  background: rgba(13, 122, 102, 0.12);
  color: #0d6a58;
}

.frontdesk-product-hints em.is-info {
  background: rgba(47, 127, 189, 0.12);
  color: #255f8c;
}

.frontdesk-product-note {
  margin-top: 2px;
  color: #486272;
  line-height: 1.4;
}

.frontdesk-product-card b {
  color: #d36d00;
}

.frontdesk-product-card__trace {
  grid-column: 1 / -1;
  display: grid;
  gap: 4px;
  margin-top: 2px;
  padding-top: 5px;
  border-top: 1px dashed #d9e3e8;
}

.frontdesk-product-card__trace-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.frontdesk-product-card__trace-head strong {
  color: #0d6a58;
  font-size: 12px;
}

.frontdesk-product-card__trace-head span {
  margin-top: 0;
  color: #5f7480;
  font-size: 11px;
}

.frontdesk-product-batch-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 4px;
}

.frontdesk-product-batch-card {
  display: grid;
  gap: 2px;
  width: 100%;
  padding: 5px 7px;
  border: 1px solid rgba(13, 122, 102, 0.18);
  border-radius: 0;
  background: #f8fcfb;
  text-align: left;
  cursor: pointer;
}

.frontdesk-product-batch-card strong,
.frontdesk-product-batch-card small {
  display: block;
}

.frontdesk-product-batch-card strong {
  color: #0f5b4d;
  font-size: 12px;
}

.frontdesk-product-batch-card small {
  color: #5e747d;
  font-size: 11px;
}

.frontdesk-product-batch-card:hover,
.frontdesk-product-batch-card:focus-visible {
  border-color: rgba(13, 122, 102, 0.34);
  box-shadow: none;
  outline: none;
}

.frontdesk-product-card button:disabled {
  opacity: 0.56;
  cursor: not-allowed;
}

.frontdesk-original-stock-picker {
  border: 1px solid #d7e1e8;
  background: #fff;
}

.frontdesk-sales-results-panel[data-frontdesk-mode="stocktake"] .frontdesk-original-stock-picker__head {
  background: #f4f8fb;
}

.frontdesk-sales-results-panel[data-frontdesk-mode="lens"] .frontdesk-original-stock-picker__head {
  background: #f3f8fc;
}

.frontdesk-original-stock-picker__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 6px 8px;
  border-bottom: 1px solid #dce5ea;
  background: #f7fafc;
}

.frontdesk-original-stock-picker__head strong,
.frontdesk-original-stock-picker__head span,
.frontdesk-original-stock-picker__head small {
  display: block;
}

.frontdesk-original-stock-picker__head strong {
  color: #173445;
  font-size: 13px;
}

.frontdesk-original-stock-picker__head span,
.frontdesk-original-stock-picker__head small {
  color: #607582;
  font-size: 11px;
}

.frontdesk-original-stock-picker__path {
  padding: 5px 8px;
  border-bottom: 1px solid #e3ebf0;
  background: #fbfdfe;
  color: #4f6675;
  font-size: 11px;
  position: sticky;
  top: 0;
  z-index: 2;
}

.frontdesk-original-stock-picker__filters {
  display: grid;
  gap: 0;
  scroll-margin-top: 72px;
}

.frontdesk-original-stock-picker__facet {
  border-bottom: 1px solid #e3ebf0;
  background: #fff;
}

.frontdesk-original-stock-picker__facet header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 5px 8px;
  background: #f7fafc;
  color: #31566b;
  font-size: 11px;
}

.frontdesk-original-stock-picker__facet header strong {
  color: #173445;
  font-size: 11px;
}

.frontdesk-original-stock-picker__facet header span {
  color: #607582;
  font-size: 10px;
}

.frontdesk-original-stock-picker__facet .frontdesk-stocktake-types,
.frontdesk-original-stock-picker__facet .frontdesk-stocktake-index,
.frontdesk-original-stock-picker__facet .frontdesk-stocktake-brands,
.frontdesk-original-stock-picker__facet .frontdesk-stocktake-series,
.frontdesk-original-stock-picker__facet .frontdesk-stocktake-specs {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 6px 8px;
  border-bottom: 0;
}

.frontdesk-original-stock-picker__facet .frontdesk-stocktake-index {
  gap: 3px;
}

.frontdesk-original-stock-picker__facet .frontdesk-stocktake-brands,
.frontdesk-original-stock-picker__facet .frontdesk-stocktake-series,
.frontdesk-original-stock-picker__facet .frontdesk-stocktake-specs {
  max-height: 168px;
  overflow: auto;
}

.frontdesk-sales-results-panel[data-frontdesk-mode="lens"] .frontdesk-original-stock-picker__facet .frontdesk-stocktake-brands,
.frontdesk-sales-results-panel[data-frontdesk-mode="lens"] .frontdesk-original-stock-picker__facet .frontdesk-stocktake-series {
  max-height: 220px;
}

.frontdesk-sales-results-panel[data-frontdesk-mode="lens"] .frontdesk-original-stock-picker {
  box-shadow: inset 0 0 0 1px rgba(34, 116, 201, 0.06);
}

.frontdesk-original-stock-picker__note {
  padding: 6px 8px;
  border-bottom: 1px solid #dce5ea;
  background: #fffdfa;
  color: #6e7f8a;
  font-size: 11px;
}

.frontdesk-original-stock-table {
  display: grid;
  max-height: 430px;
  overflow: auto;
}

.frontdesk-original-stock-table__head,
.frontdesk-original-stock-row {
  display: grid;
  grid-template-columns: minmax(170px, 1.45fr) minmax(120px, 0.9fr) minmax(160px, 1.25fr) 86px 82px minmax(112px, 0.95fr);
  align-items: stretch;
  border-bottom: 1px solid #dce5ea;
}

.frontdesk-original-stock-table__head[data-cost-visible="true"],
.frontdesk-original-stock-row[data-cost-visible="true"] {
  grid-template-columns: minmax(170px, 1.45fr) minmax(120px, 0.9fr) minmax(160px, 1.25fr) 86px 72px 82px minmax(112px, 0.95fr);
}

.frontdesk-original-stock-table__head {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #e9eef2;
  color: #2c4658;
  font-size: 12px;
  font-weight: 700;
}

.frontdesk-original-stock-row {
  width: 100%;
  min-height: 44px;
  padding: 0;
  border-inline: 0;
  border-top: 0;
  background: #fff;
  color: #244255;
  text-align: left;
  cursor: pointer;
}

.frontdesk-original-stock-row:nth-child(odd) {
  background: #fbfdfe;
}

.frontdesk-original-stock-row:hover,
.frontdesk-original-stock-row:focus-visible {
  background: #eef7ff;
  outline: none;
}

.frontdesk-original-stock-row.is-selected {
  background: #e7f4ff;
  box-shadow: inset 3px 0 0 #2f7fbd;
}

.frontdesk-sales-results-panel[data-frontdesk-mode="lens"] .frontdesk-original-stock-row.is-selected {
  background: #e8f3fb;
  box-shadow: inset 3px 0 0 #2f80bd;
}

.frontdesk-original-stock-table__head span,
.frontdesk-original-stock-row > span {
  min-width: 0;
  padding: 6px 8px;
  border-right: 1px solid #edf2f5;
}

.frontdesk-original-stock-row strong,
.frontdesk-original-stock-row small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.frontdesk-original-stock-row strong {
  color: #173445;
  font-size: 12px;
}

.frontdesk-original-stock-row small {
  margin-top: 2px;
  color: #607582;
  font-size: 11px;
}

.frontdesk-original-stock-row__name strong {
  color: #174b74;
}

.frontdesk-original-stock-row__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 3px 8px;
  border: 1px solid #2f7fbd;
  border-radius: 3px;
  background: #f5fbff;
  color: #174b74;
  font-weight: 700;
  cursor: pointer;
}

.frontdesk-original-stock-row__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.frontdesk-original-stock-row__actions > button {
  margin: 0;
}

.frontdesk-original-stock-row__action[data-route="stock"] {
  border-color: #b8d8cf;
  background: #eff9f6;
  color: #0d6a58;
}

.frontdesk-original-stock-row__action[data-route="receipt"] {
  border-color: #edd3b8;
  background: #fff7ef;
  color: #9a4c1f;
}

.frontdesk-original-stock-row__action[data-route="opening"] {
  border-color: #d0d8df;
  background: #f4f7f9;
  color: #506573;
}

.frontdesk-original-stock-row__subaction {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 3px 8px;
  border: 1px solid #c7d7e4;
  border-radius: 3px;
  background: #f6fafc;
  color: #2a6388;
  font-weight: 700;
  cursor: pointer;
}

.frontdesk-product-detail-modal {
  position: fixed;
  inset: 0;
  z-index: 1510;
  display: grid;
  place-items: center;
}

.frontdesk-product-detail-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(33, 42, 48, 0.34);
}

.frontdesk-product-detail-modal__panel {
  position: relative;
  z-index: 1;
  width: min(920px, calc(100vw - 40px));
  max-height: calc(100vh - 44px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 10px;
  padding: 12px;
  border: 1px solid #aeb8bf;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(20, 35, 45, 0.24);
}

.frontdesk-product-detail-modal__head,
.frontdesk-product-detail-modal__foot {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.frontdesk-product-detail-modal__head {
  padding-bottom: 8px;
  border-bottom: 1px solid #d7e0e6;
}

.frontdesk-product-detail-modal__head strong {
  display: block;
  color: #173445;
  font-size: 17px;
}

.frontdesk-product-detail-modal__head span,
.frontdesk-product-detail-modal__foot small {
  display: block;
  margin-top: 3px;
  color: #607582;
  font-size: 12px;
  line-height: 1.45;
}

.frontdesk-product-detail-modal__close {
  min-width: 30px;
  min-height: 30px;
  padding: 0;
  border: 1px solid #d3dce3;
  border-radius: 3px;
  background: #f8fafb;
  color: #607582;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}

.frontdesk-product-detail-modal__body {
  display: grid;
  gap: 10px;
  overflow: auto;
  padding-right: 2px;
}

.frontdesk-product-detail-modal__section {
  border: 1px solid #d7e0e6;
  background: #fbfdfe;
}

.frontdesk-product-detail-modal__section h4 {
  margin: 0;
  padding: 7px 9px;
  border-bottom: 1px solid #d7e0e6;
  background: #e9eef2;
  color: #2c4658;
  font-size: 13px;
}

.frontdesk-product-detail-modal__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.frontdesk-product-detail-modal__row {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  min-height: 32px;
  border-right: 1px solid #edf2f5;
  border-bottom: 1px solid #edf2f5;
}

.frontdesk-product-detail-modal__row span,
.frontdesk-product-detail-modal__row strong {
  min-width: 0;
  padding: 6px 8px;
  font-size: 12px;
  line-height: 1.45;
}

.frontdesk-product-detail-modal__row span {
  color: #607582;
  background: #f5f8fa;
}

.frontdesk-product-detail-modal__row strong {
  color: #173445;
  font-weight: 600;
  word-break: break-word;
}

.frontdesk-product-detail-modal__foot {
  align-items: center;
  padding-top: 8px;
  border-top: 1px solid #d7e0e6;
}

.frontdesk-product-detail-modal__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.frontdesk-product-detail-modal__primary {
  min-height: 30px;
  padding: 5px 14px;
  border: 1px solid #2f7fbd;
  border-radius: 3px;
  background: #f5fbff;
  color: #174b74;
  font-weight: 700;
  cursor: pointer;
}

.frontdesk-product-detail-modal__primary[data-route="stock"] {
  border-color: #b8d8cf;
  background: #eff9f6;
  color: #0d6a58;
}

.frontdesk-product-detail-modal__primary[data-route="receipt"] {
  border-color: #edd3b8;
  background: #fff7ef;
  color: #9a4c1f;
}

.frontdesk-product-detail-modal__primary[data-route="opening"] {
  border-color: #d0d8df;
  background: #f4f7f9;
  color: #506573;
}

.frontdesk-draft-summary {
  display: block;
  margin-top: 0;
  padding: 5px 8px;
  border: 1px solid #ead7b9;
  border-left: 3px solid #f2991f;
  background: #fff8eb;
  color: #6c4b16;
  font-size: 11px;
}

.frontdesk-draft-summary[data-status="success"] {
  border-color: #cfe4db;
  border-left-color: #0d6b58;
  background: #eef8f3;
  color: #0d6b58;
}

.frontdesk-draft-summary[data-status="warning"] {
  border-color: #ead7b9;
  border-left-color: #c26b21;
  background: #fff8eb;
  color: #8c4a18;
}

.frontdesk-save-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 0;
  padding: 6px;
  border: 1px solid #cfe0e6;
  border-radius: 0;
  background: #f7fbfa;
}

.frontdesk-lifecycle-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 0;
  padding: 6px;
  border: 1px solid #d6dee5;
  border-radius: 0;
  background: #fcfdfd;
}

.frontdesk-reminder-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 0;
  padding: 6px;
  border: 1px dashed #d6dee5;
  border-radius: 0;
  background: #fffdfa;
}

.frontdesk-save-bar label,
.frontdesk-lifecycle-bar label {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #244255;
  font-size: 11px;
}

.frontdesk-save-bar input,
.frontdesk-lifecycle-bar input {
  width: 118px;
  min-height: 24px;
  border: 1px solid #cbd5dc;
  border-radius: 3px;
  padding: 3px 6px;
}

.frontdesk-lifecycle-bar label.wide {
  flex: 1 1 260px;
}

.frontdesk-lifecycle-bar label.wide input {
  width: 100%;
}

.frontdesk-save-bar button,
.frontdesk-lifecycle-bar button,
.frontdesk-reminder-bar button {
  min-height: 24px;
  padding: 2px 8px;
  border: 1px solid #0b806a;
  border-radius: 3px;
  color: #fff;
  background: #0b806a;
  cursor: pointer;
  font-size: 12px;
}

.frontdesk-lifecycle-bar button.secondary {
  border-color: #607582;
  background: #607582;
}

.frontdesk-save-bar button:disabled,
.frontdesk-lifecycle-bar button:disabled,
.frontdesk-reminder-bar button:disabled {
  opacity: 0.6;
  cursor: wait;
}

.frontdesk-save-bar .frontdesk-status,
.frontdesk-lifecycle-bar .frontdesk-status,
.frontdesk-reminder-bar .frontdesk-status,
.frontdesk-opt-save-bar .frontdesk-status {
  flex: 1 1 280px;
  min-width: 220px;
  padding: 4px 6px;
  border: 1px solid transparent;
  border-radius: 3px;
  font-size: 12px;
  line-height: 1.4;
}

.frontdesk-settlement-panel {
  display: grid;
  gap: 4px;
  margin-top: 0;
  padding: 6px;
  border: 1px solid #ccd7df;
  background: #f7f9fa;
}

.frontdesk-save-bar .frontdesk-status[data-status="muted"],
.frontdesk-lifecycle-bar .frontdesk-status[data-status="muted"],
.frontdesk-reminder-bar .frontdesk-status[data-status="muted"],
.frontdesk-opt-save-bar .frontdesk-status[data-status="muted"] {
  color: #607582;
  background: rgba(96, 117, 130, 0.06);
}

.frontdesk-save-bar .frontdesk-status[data-status="running"],
.frontdesk-lifecycle-bar .frontdesk-status[data-status="running"],
.frontdesk-reminder-bar .frontdesk-status[data-status="running"],
.frontdesk-opt-save-bar .frontdesk-status[data-status="running"] {
  color: #21639d;
  background: rgba(34, 116, 201, 0.08);
  border-color: rgba(34, 116, 201, 0.18);
}

.frontdesk-save-bar .frontdesk-status[data-status="warning"],
.frontdesk-lifecycle-bar .frontdesk-status[data-status="warning"],
.frontdesk-reminder-bar .frontdesk-status[data-status="warning"],
.frontdesk-opt-save-bar .frontdesk-status[data-status="warning"] {
  color: #af5c18;
  background: rgba(217, 128, 50, 0.11);
  border-color: rgba(217, 128, 50, 0.2);
}

.frontdesk-save-bar .frontdesk-status[data-status="success"],
.frontdesk-lifecycle-bar .frontdesk-status[data-status="success"],
.frontdesk-reminder-bar .frontdesk-status[data-status="success"],
.frontdesk-opt-save-bar .frontdesk-status[data-status="success"] {
  color: #176252;
  background: rgba(13, 122, 102, 0.08);
  border-color: rgba(13, 122, 102, 0.18);
}

.frontdesk-save-bar .frontdesk-status[data-status="error"],
.frontdesk-lifecycle-bar .frontdesk-status[data-status="error"],
.frontdesk-reminder-bar .frontdesk-status[data-status="error"],
.frontdesk-opt-save-bar .frontdesk-status[data-status="error"] {
  color: #9f3f2d;
  background: rgba(159, 63, 45, 0.09);
  border-color: rgba(159, 63, 45, 0.18);
}

.frontdesk-reminder-summary {
  flex: 1 1 320px;
  color: #244255;
  font-size: 12px;
  line-height: 1.45;
}

.frontdesk-reminder-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.frontdesk-reminder-bar button.secondary {
  border-color: #8d6d2f;
  background: #8d6d2f;
}

.frontdesk-opt-save-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  padding: 7px 8px;
  border: 1px solid #d5dee5;
  border-radius: 0;
  background: #f7fafc;
}

#frontdesk-optometry-card .frontdesk-opt-save-bar .frontdesk-status {
  min-width: 0;
  font-size: 11px;
}

.frontdesk-opt-save-bar button {
  min-height: 30px;
  padding: 5px 12px;
  border: 1px solid #cbd5dc;
  border-radius: 3px;
  background: #fff;
  color: #24566b;
  cursor: pointer;
}

.frontdesk-opt-save-bar button:last-of-type {
  color: #fff;
  background: #2f7fbd;
  border-color: #2f7fbd;
}

.frontdesk-opt-save-bar button:disabled {
  opacity: 0.6;
  cursor: wait;
}

.frontdesk-remove-item {
  color: #c84631;
  border-color: #efc5bf;
}

.e0123-table {
  display: grid;
  grid-template-columns: 1.8fr 1.45fr 1.2fr 0.7fr 0.85fr 0.8fr 0.95fr 0.7fr;
  margin-top: 8px;
  border: 1px solid #b8c4cc;
  background: #fff;
}

.e0123-table > div {
  padding: 7px 8px;
  border-right: 1px solid #c8d1d8;
  background: #e6ebef;
  color: #2c4658;
  font-weight: 700;
  text-align: center;
  font-size: 12px;
}

.e0123-table > .e0123-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 40px;
  padding: 6px 8px;
  border-top: 1px solid #d8dee3;
  border-right: 1px solid #d8dee3;
  background: #fff;
  color: #223744;
  font-weight: 400;
  text-align: center;
}

.e0123-table > .e0123-cell.item-name {
  text-align: left;
}

.e0123-table > .e0123-cell.item-attrs,
.e0123-table > .e0123-cell.item-code {
  align-items: stretch;
  justify-content: flex-start;
}

.e0123-table > .e0123-cell strong {
  color: #173445;
  font-size: 12px;
}

.e0123-table > .e0123-cell span,
.e0123-table > .e0123-cell small {
  color: #677987;
  font-size: 12px;
}

.e0123-table > .e0123-cell.muted {
  color: #9aa7b0;
}

.e0123-table .frontdesk-inline-cell {
  width: 100%;
  min-height: 25px;
  padding: 3px 5px;
  border: 1px solid #cbd5dc;
  border-radius: 0;
  background: #fffef7;
  color: #173445;
  text-align: center;
}

.e0123-table .frontdesk-inline-cell:focus {
  outline: 0;
  border-color: #2f7fbd;
  box-shadow: 0 0 0 2px rgba(47, 127, 189, 0.14);
}

.e0123-table .frontdesk-inline-cell.is-money {
  font-variant-numeric: tabular-nums;
}

.e0123-table .frontdesk-inline-cell.is-select,
.e0123-table .frontdesk-inline-name,
.e0123-table .frontdesk-inline-note {
  text-align: left;
}

.e0123-table .frontdesk-inline-name {
  font-weight: 700;
}

.e0123-table .frontdesk-inline-note {
  min-height: 32px;
  background: #f9fbff;
}

.frontdesk-draft-attr-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 2px 8px;
  border: 1px solid #c8d5dc;
  background: #f5f9fc;
  color: #24566b;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.frontdesk-draft-name-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}

.frontdesk-draft-lens-side {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 22px;
  padding: 0 8px;
  border: 1px solid #c7d3da;
  background: #eef5fa;
  color: #224a61;
  font-size: 12px;
  font-weight: 700;
}

.frontdesk-draft-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 0 8px;
  border: 1px solid #cfd7de;
  background: #f5f7fa;
  color: #587080;
  font-size: 11px;
  font-weight: 700;
}

.frontdesk-draft-status-pill.is-ready {
  border-color: #b8d9c8;
  background: #eef8f2;
  color: #2d6a43;
}

.frontdesk-draft-status-pill.is-pending {
  border-color: #e2d4a5;
  background: #fff8df;
  color: #8b6422;
}

.frontdesk-draft-status-pill.is-warning {
  border-color: #ebc2b8;
  background: #fff0eb;
  color: #a24c23;
}

.frontdesk-draft-status-pill.is-muted {
  border-color: #d6dde3;
  background: #f4f6f8;
  color: #7b8b97;
}

.frontdesk-draft-status-pill.is-info {
  border-color: #c9d6e4;
  background: #f2f7fc;
  color: #41647c;
}

.e0123-table > .e0123-cell.item-name.is-lens.is-recent {
  background: #f5fbff;
  box-shadow: inset 3px 0 0 #2f7fbd;
}

.e0123-table > .e0123-cell.item-name.is-lens strong,
.e0123-table > .e0123-cell.item-attrs.is-lens .frontdesk-draft-lens-prescription,
.e0123-table > .e0123-cell.item-attrs.is-lens .frontdesk-draft-lens-stock {
  font-size: 12px;
}

.e0123-table > .e0123-cell.item-attrs.is-lens .frontdesk-draft-lens-prescription {
  color: #173f58;
  font-weight: 700;
  text-align: left;
}

.e0123-table > .e0123-cell.item-attrs.is-lens .frontdesk-draft-lens-stock {
  margin-top: 3px;
  color: #516a79;
  text-align: left;
}

.e0123-table .frontdesk-inline-meta {
  margin-top: 4px;
  color: #6f7f8b;
  font-size: 11px;
  text-align: left;
}

.e0123-table .frontdesk-inline-meta.is-warning {
  color: #a14d17;
}

.frontdesk-trace-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 4px;
  margin-top: 4px;
}

.e0123-table p {
  grid-column: 1 / -1;
  margin: 0;
  padding: 12px;
  color: #f02222;
  text-align: center;
}

@media (max-width: 980px) {
  .priority-grid,
  .detail-grid.compact {
    grid-template-columns: 1fr;
  }

  .sales-detail-head {
    flex-direction: column;
  }

  .sales-amount {
    text-align: left;
  }

  .e0123-form-grid,
  .e0123-form-grid.compact {
    grid-template-columns: repeat(2, minmax(150px, 1fr));
  }

  .frontdesk-overview-grid,
  .frontdesk-core-grid {
    grid-template-columns: 1fr;
  }

  .e0123-optometry-layout {
    grid-template-columns: minmax(144px, 0.24fr) minmax(0, 1fr);
    overflow-x: visible;
  }

  .e0123-side-tabs {
    border-right: 1px solid #d9e1e7;
    border-bottom: 0;
    padding: 3px 5px 4px 0;
  }

  .e0123-measure-grid {
    overflow-x: auto;
    grid-template-columns: 28px repeat(12, minmax(46px, 56px));
  }

  #frontdesk-optometry-card {
    overflow-x: clip;
  }

  .e0123-product-search {
    grid-template-columns: 1fr 1fr;
  }

  .frontdesk-sales-workbench {
    grid-template-columns: 1fr;
  }

  .frontdesk-sales-summary-grid,
  .frontdesk-sales-meta-grid {
    grid-template-columns: repeat(2, minmax(140px, 1fr));
  }

  .frontdesk-product-results {
    grid-template-columns: 1fr;
  }

  .frontdesk-product-group__head,
  .frontdesk-product-group__title {
    align-items: flex-start;
    flex-direction: column;
  }

  .frontdesk-product-card,
  .frontdesk-product-card:has(.frontdesk-product-card__trace) {
    grid-template-columns: 1fr;
  }

  .frontdesk-original-stock-table__head,
  .frontdesk-original-stock-row,
  .frontdesk-original-stock-table__head[data-cost-visible="true"],
  .frontdesk-original-stock-row[data-cost-visible="true"] {
    grid-template-columns: 1fr;
  }

  .frontdesk-original-stock-row__action {
    justify-content: flex-start;
  }

  .frontdesk-original-stock-row__actions {
    justify-content: flex-start;
  }

  .frontdesk-product-detail-modal__panel {
    width: calc(100vw - 24px);
    max-height: calc(100vh - 24px);
  }

  .frontdesk-product-detail-modal__head,
  .frontdesk-product-detail-modal__foot {
    display: grid;
  }

  .frontdesk-product-detail-modal__close {
    justify-self: end;
  }

  .frontdesk-product-detail-modal__grid {
    grid-template-columns: 1fr;
  }

  .frontdesk-product-detail-modal__actions {
    justify-content: flex-start;
  }

  .frontdesk-product-table-head {
    display: none;
  }

  .frontdesk-product-card__actions {
    justify-items: start;
  }

  .frontdesk-product-batch-list {
    grid-template-columns: 1fr;
  }

  .frontdesk-inventory-selected {
    align-items: flex-start;
    flex-direction: column;
  }

  .frontdesk-inventory-form-grid,
  .frontdesk-inventory-stock-grid {
    grid-template-columns: 1fr;
  }

  #order-section .order-query-shell,
  .inventory-workflow-board {
    grid-template-columns: 1fr;
  }

  .order-query-sidebar {
    border-right: 0;
    border-bottom: 1px solid #dce4ea;
  }

  .order-query-form {
    grid-template-columns: 1fr;
  }

  .inventory-workflow-board__step {
    border-right: 0;
    border-bottom: 1px solid #dce4ea;
  }

  .inventory-workflow-board__step:last-child {
    border-bottom: 0;
  }

  .frontdesk-flow-head,
  .frontdesk-mode-panel,
  .frontdesk-prescription-history-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .frontdesk-prescription-history-actions {
    justify-content: flex-start;
  }

  .frontdesk-optometry-history-strip--inline .frontdesk-prescription-history-head,
  .frontdesk-optometry-history-strip--inline .frontdesk-prescription-history-actions {
    width: 100%;
  }

  .frontdesk-stage-pills {
    justify-content: flex-start;
  }

  .frontdesk-createorder-console {
    grid-template-columns: 1fr;
  }

  .frontdesk-createorder-console .frontdesk-mode-buttons {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .frontdesk-cashier-snapshot {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .frontdesk-flow-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .inventory-trace-toolbar__text {
    width: 100%;
  }

  .manual-customer-grid {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .frontdesk-inline-manual-card {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .frontdesk-inline-manual-card strong,
  .frontdesk-inline-manual-card label.full,
  .frontdesk-inline-manual-results {
    grid-column: 1 / -1;
  }

  .e0123-opt-meta-grid .frontdesk-opt-note-field {
    grid-column: 1 / -1;
  }

  .frontdesk-client-modal__panel {
    width: calc(100vw - 24px);
    max-height: calc(100vh - 24px);
    padding: 14px;
  }

  .frontdesk-quick-picker {
    width: min(360px, calc(100vw - 84px));
  }
}

@media (max-width: 860px) {
  .frontdesk-overview-grid .frontdesk-queue-summary,
  .frontdesk-overview-grid .frontdesk-reminder-board-summary,
  .frontdesk-overview-grid .frontdesk-daily-digest-summary {
    grid-template-columns: 1fr;
  }

  .frontdesk-createorder-console .frontdesk-mode-buttons {
    grid-template-columns: 1fr;
  }

  .e0123-optometry-layout {
    grid-template-columns: 1fr;
    overflow-x: visible;
  }

  .e0123-side-tabs {
    border-right: 0;
    border-bottom: 1px solid #d9e1e7;
    padding: 0 0 12px;
  }

  .frontdesk-quick-picker,
  .frontdesk-quick-picker.is-diagnostic-picker {
    width: 100% !important;
    left: 0 !important;
  }

  .frontdesk-quick-picker.is-diagnostic-picker .frontdesk-quick-picker__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .frontdesk-optometry-history-strip--inline .frontdesk-current-opt-date {
    width: 100%;
    justify-content: space-between;
  }
}

.inventory-low-stock-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  color: var(--muted);
  white-space: nowrap;
}

.inventory-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.inventory-pipeline-panel {
  margin-bottom: 16px;
  padding: 16px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(247, 252, 250, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-pipeline-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.inventory-pipeline-panel__head span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  text-align: right;
}

.inventory-pipeline-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.inventory-pipeline-next {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(13, 122, 102, 0.06);
}

.inventory-pipeline-next strong {
  flex: 0 0 auto;
  color: #0d6a58;
}

.inventory-pipeline-next span {
  color: #456760;
  line-height: 1.7;
}

.inventory-data-eta {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(231, 125, 44, 0.2);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255, 249, 244, 0.98), rgba(255, 255, 255, 0.98));
}

.inventory-data-eta strong {
  display: block;
  color: #9a4d14;
}

.inventory-data-eta span {
  color: #5e5a51;
  line-height: 1.6;
}

.inventory-data-eta__steps {
  display: grid;
  gap: 4px;
}

.inventory-data-eta__steps span {
  padding-left: 12px;
  border-left: 3px solid rgba(231, 125, 44, 0.28);
}

.inventory-original-capture {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 14px;
  border: 1px solid rgba(21, 111, 92, 0.18);
  border-radius: 20px;
  background:
    radial-gradient(circle at 0% 0%, rgba(13, 122, 102, 0.1), transparent 28%),
    linear-gradient(135deg, rgba(247, 252, 250, 0.98), rgba(255, 255, 255, 0.98));
}

.inventory-original-capture__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-original-capture__head strong {
  display: block;
  color: #0d6a58;
  margin-bottom: 4px;
}

.inventory-original-capture__head span:not(.status-pill) {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}

.inventory-original-capture__answer {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(13, 122, 102, 0.07);
  color: #315a52;
  line-height: 1.6;
}

.inventory-original-capture__answer strong {
  color: #0d6a58;
}

.inventory-original-capture__answer small {
  color: #8a4a17;
  font-weight: 700;
}

.inventory-original-capture__grid,
.inventory-original-capture__gates {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
}

.inventory-original-capture-card,
.inventory-original-capture-gate,
.inventory-original-capture-row {
  border: 1px solid rgba(13, 122, 102, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 24px rgba(20, 63, 55, 0.06);
}

.inventory-original-capture-card {
  padding: 12px;
  display: grid;
  gap: 5px;
}

.inventory-original-capture-card span,
.inventory-original-capture-card small,
.inventory-original-capture-row span,
.inventory-original-capture-row small,
.inventory-original-capture-gate small {
  color: var(--muted);
  line-height: 1.55;
}

.inventory-original-capture-card strong {
  color: var(--ink);
  font-size: 20px;
}

.inventory-original-capture-card.complete strong,
.inventory-original-capture-row.complete strong,
.inventory-original-capture-gate.complete strong {
  color: #0d7a66;
}

.inventory-original-capture-card.audit strong,
.inventory-original-capture-row.audit strong {
  color: #8a4a17;
}

.inventory-original-capture-card.warning strong,
.inventory-original-capture-row.warning strong,
.inventory-original-capture-gate.warning strong {
  color: #b45b17;
}

.inventory-original-capture__split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.inventory-original-capture__split > div {
  display: grid;
  gap: 8px;
}

.inventory-original-capture__split > div > strong {
  color: var(--ink);
}

.inventory-original-capture__list {
  display: grid;
  gap: 8px;
}

.inventory-original-capture-row {
  display: grid;
  gap: 6px;
  padding: 12px;
}

.inventory-original-capture-row__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.inventory-original-capture-row__head strong {
  color: var(--ink);
}

.inventory-original-capture-gate {
  display: grid;
  gap: 4px;
  padding: 12px;
}

.inventory-original-capture-gate span {
  color: #0d6a58;
  font-weight: 700;
}

.inventory-pipeline-runner {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(43, 114, 185, 0.16);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(240, 247, 255, 0.96), rgba(255, 255, 255, 0.98));
}

.inventory-pipeline-runner__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.inventory-pipeline-runner__head strong {
  display: block;
  color: var(--ink);
  margin-bottom: 5px;
}

.inventory-pipeline-runner__head span {
  color: #47615d;
  font-size: 13px;
  line-height: 1.6;
}

.inventory-pipeline-runner__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
}

.inventory-pipeline-runner__actions button {
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid rgba(43, 114, 185, 0.24);
  border-radius: 999px;
  background: #fff;
  color: #245f9f;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-pipeline-runner__actions button.is-primary {
  border: none;
  background: linear-gradient(135deg, #2b72b9, #0d7a66);
  color: #fff;
}

.inventory-pipeline-runner__actions button:disabled {
  cursor: wait;
  opacity: 0.65;
}

.inventory-pipeline-runner__actions button.is-running {
  box-shadow: 0 0 0 3px rgba(43, 114, 185, 0.16);
}

.inventory-pipeline-runner pre {
  margin: 12px 0 0;
  min-height: 82px;
  max-height: 240px;
  overflow: auto;
  padding: 12px 14px;
  border-radius: 14px;
  background: #102722;
  color: #d9fff2;
  font-family: Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  line-height: 1.6;
  white-space: pre-wrap;
}

.inventory-first-wave {
  margin-top: 14px;
}

.inventory-first-wave-profile {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(21, 111, 92, 0.16);
  border-radius: 20px;
  background:
    radial-gradient(circle at 90% 0%, rgba(231, 125, 44, 0.13), transparent 30%),
    linear-gradient(180deg, rgba(252, 251, 246, 0.98) 0%, #fff 100%);
}

.inventory-first-wave__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.inventory-first-wave__head span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  text-align: right;
}

.inventory-first-wave__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 10px;
}

.inventory-first-wave__export {
  margin-top: 12px;
  display: grid;
  gap: 10px;
}

.inventory-first-wave__export textarea {
  min-height: 180px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  color: var(--ink);
  font: inherit;
  line-height: 1.6;
  resize: vertical;
}

.inventory-first-wave__export button {
  justify-self: flex-start;
  min-height: 40px;
  padding: 0 16px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, #1a8b72, #0d6a58);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-first-wave-profile__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-first-wave-profile__head span {
  max-width: 560px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  text-align: right;
}

.inventory-first-wave-profile__guardrail {
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border: 1px solid rgba(231, 125, 44, 0.18);
  border-radius: 16px;
  background: rgba(255, 249, 239, 0.9);
}

.inventory-first-wave-profile__guardrail strong {
  color: #b45a24;
}

.inventory-first-wave-profile__guardrail span {
  color: #635545;
  font-size: 12px;
  line-height: 1.6;
}

.inventory-first-wave-profile__grid,
.inventory-first-wave-profile__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}

.inventory-first-wave-profile-card,
.inventory-first-wave-profile-directory {
  display: grid;
  gap: 7px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.97);
}

.inventory-first-wave-profile-directory.warning {
  border-color: rgba(231, 125, 44, 0.22);
  background: linear-gradient(180deg, rgba(255, 249, 244, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-first-wave-profile-card span,
.inventory-first-wave-profile-card small,
.inventory-first-wave-profile-directory span,
.inventory-first-wave-profile-directory small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
  word-break: break-word;
}

.inventory-first-wave-profile-card strong,
.inventory-first-wave-profile-directory strong {
  color: var(--ink);
}

.inventory-first-wave-profile-directory em {
  color: #b45a24;
  font-style: normal;
  font-size: 12px;
  line-height: 1.5;
}

.inventory-first-wave-profile textarea {
  width: 100%;
  min-height: 120px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  font: inherit;
  background: #fffdf8;
  resize: vertical;
}

.inventory-first-wave-profile__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.inventory-first-wave-profile button {
  flex: 1 1 180px;
  min-height: 42px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, #b45a24, #8d4318);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-first-wave-profile button:disabled {
  cursor: wait;
  opacity: 0.68;
}

.inventory-product-stock-snapshot {
  display: grid;
  gap: 12px;
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid rgba(18, 103, 92, 0.16);
  border-radius: 20px;
  background:
    radial-gradient(circle at 0% 0%, rgba(55, 180, 144, 0.14), transparent 30%),
    linear-gradient(180deg, rgba(246, 253, 250, 0.98) 0%, #fff 100%);
}

.inventory-product-stock-snapshot__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-product-stock-snapshot__head div {
  display: grid;
  gap: 4px;
}

.inventory-product-stock-snapshot__head .inventory-product-stock-snapshot__head-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.inventory-product-stock-snapshot__head span,
.inventory-product-stock-snapshot__guardrail span,
.inventory-product-stock-snapshot__workflow small,
.inventory-product-stock-snapshot-card small,
.inventory-product-stock-snapshot-row small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.inventory-product-stock-snapshot__guardrail {
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.16);
  border-radius: 16px;
  background: rgba(241, 251, 246, 0.9);
}

.inventory-product-stock-snapshot__guardrail strong {
  color: var(--accent);
}

.inventory-product-stock-snapshot__workflow {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}

.inventory-product-stock-snapshot-workflow-card {
  display: grid;
  gap: 8px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.96);
}

.inventory-product-stock-snapshot-workflow-card.warning {
  border-color: rgba(180, 90, 36, 0.18);
  background: linear-gradient(135deg, rgba(255, 250, 244, 0.98), rgba(255, 255, 255, 0.96));
}

.inventory-product-stock-snapshot-workflow-card.audit {
  border-color: rgba(47, 127, 189, 0.14);
  background: linear-gradient(135deg, rgba(245, 250, 255, 0.98), rgba(255, 255, 255, 0.96));
}

.inventory-product-stock-snapshot-workflow-card.complete {
  border-color: rgba(13, 122, 102, 0.16);
  background: linear-gradient(135deg, rgba(244, 252, 248, 0.98), rgba(255, 255, 255, 0.96));
}

.inventory-product-stock-snapshot-workflow-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.inventory-product-stock-snapshot-workflow-card__head strong {
  color: var(--ink);
}

.inventory-product-stock-snapshot-workflow-card__meta {
  display: grid;
  gap: 4px;
}

.inventory-product-stock-snapshot-workflow-card__meta span {
  color: #12675c;
  font-weight: 700;
}

.inventory-product-stock-snapshot-workflow-card__next {
  padding: 9px 10px;
  border-radius: 12px;
  background: rgba(13, 122, 102, 0.06);
  color: var(--ink);
  font-size: 12px;
  line-height: 1.6;
}

.inventory-product-stock-snapshot-workflow-card.warning .inventory-product-stock-snapshot-workflow-card__next {
  background: rgba(180, 90, 36, 0.08);
}

.inventory-product-stock-snapshot-workflow-card__boundary {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.inventory-product-stock-snapshot-store-files {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 16px;
  background:
    radial-gradient(circle at 100% 0%, rgba(13, 122, 102, 0.08), transparent 34%),
    rgba(255, 255, 255, 0.97);
}

.inventory-product-stock-snapshot-store-files__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.inventory-product-stock-snapshot-store-files__tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.inventory-product-stock-snapshot-store-files__tools button {
  min-height: 26px;
  padding: 4px 9px;
  border: 1px solid rgba(13, 122, 102, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  color: #12675c;
  font-size: 12px;
  font-weight: 700;
}

.inventory-product-stock-snapshot-store-files__head div,
.inventory-product-stock-snapshot-store-files__summary {
  display: grid;
  gap: 4px;
}

.inventory-product-stock-snapshot-store-files__head strong,
.inventory-product-stock-snapshot-store-file strong {
  color: var(--ink);
}

.inventory-product-stock-snapshot-store-files__head span:not(.status-pill),
.inventory-product-stock-snapshot-store-files__summary span,
.inventory-product-stock-snapshot-store-file small,
.inventory-product-stock-snapshot-store-file span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.inventory-product-stock-snapshot-store-files__summary {
  padding: 9px 10px;
  border-radius: 12px;
  background: rgba(13, 122, 102, 0.06);
}

.inventory-product-stock-snapshot-store-files__summary strong {
  color: #12675c;
}

.inventory-product-stock-snapshot-store-checklist {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
  padding: 13px 15px;
  border: 1px solid rgba(13, 122, 102, 0.16);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(13, 122, 102, 0.1), transparent 34%),
    linear-gradient(135deg, rgba(247, 252, 250, 0.98), rgba(255, 255, 255, 0.96));
}

.inventory-product-stock-snapshot-store-checklist__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.inventory-product-stock-snapshot-store-checklist__head div,
.inventory-product-stock-snapshot-store-checklist__summary {
  display: grid;
  gap: 4px;
}

.inventory-product-stock-snapshot-store-checklist__head strong,
.inventory-product-stock-snapshot-store-checklist__summary strong {
  color: var(--ink);
}

.inventory-product-stock-snapshot-store-checklist__head span:not(.status-pill),
.inventory-product-stock-snapshot-store-checklist__summary span,
.inventory-product-stock-snapshot-store-checklist__steps span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.inventory-product-stock-snapshot-store-checklist__steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 8px;
}

.inventory-product-stock-snapshot-store-checklist__steps span {
  padding: 9px 10px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.78);
}

.inventory-product-stock-snapshot-store-checklist__steps b {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  border-radius: 999px;
  background: rgba(13, 122, 102, 0.1);
  color: #12675c;
  font-size: 11px;
}

.inventory-product-stock-snapshot-store-checklist__summary {
  padding: 9px 10px;
  border-radius: 12px;
  background: rgba(13, 122, 102, 0.06);
}

.inventory-product-stock-snapshot-store-files__downstream {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 8px;
}

.inventory-product-stock-snapshot-store-files__downstream-item {
  display: grid;
  gap: 6px;
  padding: 10px;
  border: 1px solid rgba(47, 127, 189, 0.12);
  border-radius: 13px;
  background: rgba(247, 251, 255, 0.94);
}

.inventory-product-stock-snapshot-store-files__downstream-item.warning {
  border-color: rgba(180, 90, 36, 0.15);
  background: rgba(255, 251, 246, 0.94);
}

.inventory-product-stock-snapshot-store-files__downstream-item strong {
  color: var(--ink);
}

.inventory-product-stock-snapshot-store-files__downstream-item span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.inventory-product-stock-snapshot-store-files__downstream-item button {
  justify-self: start;
  min-height: 28px;
  padding: 5px 10px;
  border: 1px solid rgba(47, 127, 189, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.85);
  color: #256a9f;
  font-size: 12px;
  font-weight: 700;
}

.inventory-product-stock-snapshot-store-files__downstream-item button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.inventory-product-stock-snapshot-execution-plan {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
  padding: 13px 15px;
  border: 1px solid rgba(180, 90, 36, 0.18);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(217, 128, 50, 0.1), transparent 34%),
    linear-gradient(135deg, rgba(255, 251, 246, 0.98), rgba(255, 255, 255, 0.96));
}

.inventory-product-stock-snapshot-execution-plan.audit {
  border-color: rgba(47, 127, 189, 0.14);
  background:
    radial-gradient(circle at 0% 0%, rgba(47, 127, 189, 0.08), transparent 34%),
    linear-gradient(135deg, rgba(247, 251, 255, 0.98), rgba(255, 255, 255, 0.96));
}

.inventory-product-stock-snapshot-execution-plan.complete {
  border-color: rgba(13, 122, 102, 0.18);
  background:
    radial-gradient(circle at 0% 0%, rgba(13, 122, 102, 0.08), transparent 34%),
    linear-gradient(135deg, rgba(247, 252, 250, 0.98), rgba(255, 255, 255, 0.96));
}

.inventory-product-stock-snapshot-execution-plan__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.inventory-product-stock-snapshot-execution-plan__head div,
.inventory-product-stock-snapshot-execution-plan__summary,
.inventory-product-stock-snapshot-execution-step {
  display: grid;
  gap: 5px;
}

.inventory-product-stock-snapshot-execution-plan__head strong,
.inventory-product-stock-snapshot-execution-step strong {
  color: var(--ink);
}

.inventory-product-stock-snapshot-execution-plan__head span:not(.status-pill),
.inventory-product-stock-snapshot-execution-plan__summary span,
.inventory-product-stock-snapshot-execution-step small,
.inventory-product-stock-snapshot-execution-step span,
.inventory-product-stock-snapshot-execution-plan__boundary {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.inventory-product-stock-snapshot-execution-plan__summary {
  padding: 10px 11px;
  border-radius: 13px;
  background: rgba(180, 90, 36, 0.08);
}

.inventory-product-stock-snapshot-execution-plan.audit .inventory-product-stock-snapshot-execution-plan__summary {
  background: rgba(47, 127, 189, 0.08);
}

.inventory-product-stock-snapshot-execution-plan.complete .inventory-product-stock-snapshot-execution-plan__summary {
  background: rgba(13, 122, 102, 0.07);
}

.inventory-product-stock-snapshot-execution-plan__summary strong {
  color: #b45a24;
}

.inventory-product-stock-snapshot-execution-plan.audit .inventory-product-stock-snapshot-execution-plan__summary strong {
  color: #256a9f;
}

.inventory-product-stock-snapshot-execution-plan.complete .inventory-product-stock-snapshot-execution-plan__summary strong {
  color: #12675c;
}

.inventory-product-stock-snapshot-execution-plan__steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
}

.inventory-product-stock-snapshot-execution-step {
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid rgba(180, 90, 36, 0.14);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.72);
}

.inventory-product-stock-snapshot-execution-step.audit {
  border-color: rgba(47, 127, 189, 0.13);
}

.inventory-product-stock-snapshot-execution-step.complete {
  border-color: rgba(13, 122, 102, 0.13);
}

.inventory-product-stock-snapshot-execution-step__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.inventory-product-stock-snapshot-store-files__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 8px;
}

.inventory-product-stock-snapshot-store-file {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.92);
}

.inventory-product-stock-snapshot-store-file.warning {
  border-color: rgba(180, 90, 36, 0.16);
  background: rgba(255, 251, 246, 0.92);
}

.inventory-product-stock-snapshot-store-file.audit {
  border-color: rgba(47, 127, 189, 0.12);
  background: rgba(247, 251, 255, 0.92);
}

.inventory-product-stock-snapshot-store-file.complete {
  border-color: rgba(13, 122, 102, 0.16);
  background: rgba(247, 252, 250, 0.92);
}

.inventory-product-stock-snapshot-store-file__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.inventory-product-stock-snapshot-workflow-boundary {
  grid-column: 1 / -1;
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border: 1px dashed rgba(180, 90, 36, 0.2);
  border-radius: 16px;
  background: rgba(255, 251, 246, 0.95);
}

.inventory-product-stock-snapshot-workflow-boundary strong {
  color: #b45a24;
}

.inventory-product-stock-snapshot-original-ledger {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 16px;
  background:
    radial-gradient(circle at 0% 0%, rgba(13, 122, 102, 0.08), transparent 34%),
    rgba(255, 255, 255, 0.96);
}

.inventory-product-stock-snapshot-original-ledger.warning {
  border-color: rgba(180, 90, 36, 0.18);
  background:
    radial-gradient(circle at 0% 0%, rgba(217, 128, 50, 0.1), transparent 34%),
    rgba(255, 251, 246, 0.96);
}

.inventory-product-stock-snapshot-original-ledger.audit {
  border-color: rgba(47, 127, 189, 0.14);
  background:
    radial-gradient(circle at 0% 0%, rgba(47, 127, 189, 0.08), transparent 34%),
    rgba(247, 251, 255, 0.96);
}

.inventory-product-stock-snapshot-original-ledger.complete {
  border-color: rgba(13, 122, 102, 0.2);
}

.inventory-product-stock-snapshot-original-ledger__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.inventory-product-stock-snapshot-original-ledger__head div,
.inventory-product-stock-snapshot-original-ledger__summary {
  display: grid;
  gap: 4px;
}

.inventory-product-stock-snapshot-original-ledger__head strong,
.inventory-product-stock-snapshot-original-ledger-row strong {
  color: var(--ink);
}

.inventory-product-stock-snapshot-original-ledger__head span:not(.status-pill),
.inventory-product-stock-snapshot-original-ledger__summary span,
.inventory-product-stock-snapshot-original-ledger-row small,
.inventory-product-stock-snapshot-original-ledger-row span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.inventory-product-stock-snapshot-original-ledger__summary {
  padding: 9px 10px;
  border-radius: 12px;
  background: rgba(13, 122, 102, 0.06);
}

.inventory-product-stock-snapshot-original-ledger.warning .inventory-product-stock-snapshot-original-ledger__summary {
  background: rgba(180, 90, 36, 0.08);
}

.inventory-product-stock-snapshot-original-ledger.audit .inventory-product-stock-snapshot-original-ledger__summary {
  background: rgba(47, 127, 189, 0.08);
}

.inventory-product-stock-snapshot-original-ledger__summary strong {
  color: #12675c;
}

.inventory-product-stock-snapshot-original-ledger.warning .inventory-product-stock-snapshot-original-ledger__summary strong {
  color: #b45a24;
}

.inventory-product-stock-snapshot-original-ledger.audit .inventory-product-stock-snapshot-original-ledger__summary strong {
  color: #256a9f;
}

.inventory-product-stock-snapshot-original-ledger__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}

.inventory-product-stock-snapshot-original-ledger-row {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.9);
}

.inventory-product-stock-snapshot-original-ledger-row.warning {
  border-color: rgba(180, 90, 36, 0.16);
  background: rgba(255, 251, 246, 0.92);
}

.inventory-product-stock-snapshot-original-ledger-row.audit {
  border-color: rgba(47, 127, 189, 0.12);
  background: rgba(247, 251, 255, 0.92);
}

.inventory-product-stock-snapshot-original-ledger-row.complete {
  border-color: rgba(13, 122, 102, 0.16);
  background: rgba(247, 252, 250, 0.92);
}

.inventory-product-stock-snapshot-original-ledger-row__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.inventory-product-stock-snapshot-original-ledger-row b {
  color: #12675c;
  font-size: 13px;
}

.inventory-product-stock-snapshot-original-ledger-row.warning b {
  color: #b45a24;
}

.inventory-product-stock-snapshot-original-ledger-row.audit b {
  color: #256a9f;
}

.inventory-product-stock-snapshot-original-ledger__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.inventory-product-stock-snapshot-original-ledger__chip {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 8px;
  border: 1px solid rgba(13, 122, 102, 0.12);
  border-radius: 999px;
  background: rgba(13, 122, 102, 0.08);
  color: #12675c;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
}

.inventory-product-stock-snapshot-original-ledger__chip.warning {
  border-color: rgba(180, 90, 36, 0.14);
  background: rgba(180, 90, 36, 0.1);
  color: #a14d17;
}

.inventory-product-stock-snapshot-original-ledger__chip.audit {
  border-color: rgba(47, 127, 189, 0.12);
  background: rgba(47, 127, 189, 0.1);
  color: #256a9f;
}

.inventory-product-stock-snapshot-original-ledger__chip.complete {
  border-color: rgba(13, 122, 102, 0.16);
  background: rgba(13, 122, 102, 0.11);
  color: #0d6a58;
}

.inventory-product-stock-snapshot-action-board {
  display: grid;
  grid-column: 1 / -1;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 16px;
  background:
    radial-gradient(circle at 100% 0%, rgba(13, 122, 102, 0.08), transparent 34%),
    rgba(255, 255, 255, 0.96);
}

.inventory-product-stock-snapshot-action-board.warning {
  border-color: rgba(180, 90, 36, 0.18);
  background:
    radial-gradient(circle at 100% 0%, rgba(217, 128, 50, 0.1), transparent 34%),
    rgba(255, 251, 246, 0.96);
}

.inventory-product-stock-snapshot-action-board.audit {
  border-color: rgba(47, 127, 189, 0.14);
  background:
    radial-gradient(circle at 100% 0%, rgba(47, 127, 189, 0.08), transparent 34%),
    rgba(247, 251, 255, 0.96);
}

.inventory-product-stock-snapshot-action-board__head,
.inventory-product-stock-snapshot-action-board__queue-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.inventory-product-stock-snapshot-action-board__head div {
  display: grid;
  gap: 4px;
}

.inventory-product-stock-snapshot-action-board__head strong,
.inventory-product-stock-snapshot-action-board__queue strong {
  color: var(--ink);
}

.inventory-product-stock-snapshot-action-board__head span:not(.status-pill),
.inventory-product-stock-snapshot-action-board small,
.inventory-product-stock-snapshot-action-board__summary span,
.inventory-product-stock-snapshot-action-board__queue span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.inventory-product-stock-snapshot-action-board__summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 8px;
}

.inventory-product-stock-snapshot-action-board__summary div {
  display: grid;
  gap: 3px;
  padding: 9px 10px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.88);
}

.inventory-product-stock-snapshot-action-board__summary b {
  color: #12675c;
  font-size: 16px;
}

.inventory-product-stock-snapshot-action-board.warning .inventory-product-stock-snapshot-action-board__summary b {
  color: #b45a24;
}

.inventory-product-stock-snapshot-action-board.audit .inventory-product-stock-snapshot-action-board__summary b {
  color: #256a9f;
}

.inventory-product-stock-snapshot-action-board__queues {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 8px;
}

.inventory-product-stock-snapshot-action-board__queue {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.9);
}

.inventory-product-stock-snapshot-action-board__queue.warning {
  border-color: rgba(180, 90, 36, 0.16);
  background: rgba(255, 251, 246, 0.92);
}

.inventory-product-stock-snapshot-action-board__queue.audit {
  border-color: rgba(47, 127, 189, 0.12);
  background: rgba(247, 251, 255, 0.92);
}

.inventory-product-stock-snapshot__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.inventory-product-stock-snapshot__actions > span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.inventory-product-stock-snapshot__risk-actions {
  padding: 10px 12px;
  border: 1px dashed rgba(13, 122, 102, 0.16);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.78);
}

.inventory-product-stock-snapshot__head button,
.inventory-product-stock-snapshot__actions button {
  min-height: 38px;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  background: #e9f7f2;
  color: #12675c;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-product-stock-snapshot__head button {
  background: linear-gradient(135deg, #16806e, #0d6a58);
  color: #fff;
}

.inventory-product-stock-snapshot__head button:disabled {
  cursor: wait;
  opacity: 0.72;
}

.inventory-product-stock-snapshot__actions button.active {
  background: linear-gradient(135deg, #16806e, #0d6a58);
  color: #fff;
}

.inventory-product-stock-snapshot__grid,
.inventory-product-stock-snapshot__audit,
.inventory-product-stock-snapshot__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 10px;
}

.inventory-product-stock-snapshot-card,
.inventory-product-stock-snapshot-audit-card,
.inventory-product-stock-snapshot-row {
  display: grid;
  gap: 7px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.97);
}

.inventory-product-stock-snapshot-card strong {
  color: var(--accent);
  font-size: 20px;
}

.inventory-product-stock-snapshot-category-card {
  display: grid;
  grid-column: 1 / -1;
  gap: 12px;
  padding: 15px 16px;
  border: 1px solid rgba(13, 122, 102, 0.16);
  border-radius: 20px;
  background:
    radial-gradient(circle at top right, rgba(216, 244, 231, 0.92), transparent 34%),
    linear-gradient(135deg, rgba(247, 255, 250, 0.98), rgba(255, 255, 255, 0.97));
}

.inventory-product-stock-snapshot-category-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-product-stock-snapshot-category-card__head div {
  display: grid;
  gap: 4px;
}

.inventory-product-stock-snapshot-category-card__head strong {
  color: #12675c;
  font-size: 17px;
}

.inventory-product-stock-snapshot-category-card__head span,
.inventory-product-stock-snapshot-category-card small,
.inventory-product-stock-snapshot-category-card p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
  margin: 0;
}

.inventory-product-stock-snapshot-category-card__focus,
.inventory-product-stock-snapshot-category-card__coverage {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 9px;
}

.inventory-product-stock-snapshot-category-card__focus article,
.inventory-product-stock-snapshot-category-card__coverage div {
  display: grid;
  gap: 5px;
  padding: 11px 12px;
  border: 1px solid rgba(13, 122, 102, 0.11);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.78);
}

.inventory-product-stock-snapshot-category-card__focus strong {
  color: #12675c;
}

.inventory-product-stock-snapshot-category-card__focus span,
.inventory-product-stock-snapshot-category-card__coverage span {
  color: var(--ink);
  font-size: 12px;
  font-weight: 700;
}

.inventory-product-stock-snapshot-category-card__coverage b {
  color: #12675c;
}

.inventory-product-stock-snapshot-category-card__coverage div.warning b {
  color: #b45a24;
}

.inventory-product-stock-snapshot-category-card__coverage i {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(31, 41, 51, 0.08);
}

.inventory-product-stock-snapshot-category-card__coverage i::before {
  content: "";
  display: block;
  width: var(--complete-ratio, 0%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #16806e, #6cc5a2);
}

.inventory-product-stock-snapshot-category-card__coverage div.warning i::before {
  background: linear-gradient(90deg, #d98032, #f0bd77);
}

.inventory-product-stock-snapshot-completeness {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}

.inventory-product-stock-snapshot-completeness__item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 12px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.96);
}

.inventory-product-stock-snapshot-completeness__item.warning {
  border-color: rgba(180, 90, 36, 0.18);
  background: linear-gradient(135deg, rgba(255, 250, 244, 0.98), rgba(255, 255, 255, 0.96));
}

.inventory-product-stock-snapshot-completeness__item div {
  display: grid;
  gap: 4px;
}

.inventory-product-stock-snapshot-completeness__item strong {
  color: var(--ink);
}

.inventory-product-stock-snapshot-completeness__item span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.inventory-product-stock-snapshot-completeness__item b {
  color: var(--accent);
}

.inventory-product-stock-snapshot-completeness__item.warning b {
  color: #b45a24;
}

.inventory-product-stock-snapshot-completeness__item i {
  grid-column: 1 / -1;
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(31, 41, 51, 0.08);
}

.inventory-product-stock-snapshot-completeness__item i::before {
  content: "";
  display: block;
  width: var(--complete-ratio, 0%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #16806e, #6cc5a2);
}

.inventory-product-stock-snapshot-completeness__item.warning i::before {
  background: linear-gradient(90deg, #d98032, #f0bd77);
}

.inventory-product-stock-snapshot__matrix {
  display: grid;
  gap: 10px;
}

.inventory-product-stock-matrix {
  display: grid;
  gap: 10px;
  padding: 14px 16px;
  border: 1px solid rgba(47, 127, 189, 0.14);
  border-radius: 18px;
  background:
    radial-gradient(circle at top right, rgba(214, 236, 248, 0.9), transparent 35%),
    linear-gradient(135deg, rgba(246, 251, 255, 0.98), rgba(255, 255, 255, 0.96));
}

.inventory-product-stock-matrix__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-product-stock-matrix__head div {
  display: grid;
  gap: 4px;
}

.inventory-product-stock-matrix__head strong {
  color: #24566b;
}

.inventory-product-stock-matrix__head span,
.inventory-product-stock-matrix__head small,
.inventory-product-stock-matrix__bucket small,
.inventory-product-stock-matrix__bucket span,
.inventory-product-stock-matrix__summary span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.inventory-product-stock-matrix__summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 8px;
}

.inventory-product-stock-matrix__summary div {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid rgba(47, 127, 189, 0.12);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.88);
}

.inventory-product-stock-matrix__summary strong {
  color: #24566b;
}

.inventory-product-stock-matrix__groups {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}

.inventory-product-stock-matrix__group {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid rgba(47, 127, 189, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.92);
}

.inventory-product-stock-matrix__group > strong {
  color: var(--ink);
}

.inventory-product-stock-matrix__bucket {
  display: grid;
  gap: 5px;
  padding: 10px 11px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 12px;
  background: rgba(244, 251, 248, 0.9);
}

.inventory-product-stock-matrix__bucket.warning {
  border-color: rgba(180, 90, 36, 0.18);
  background: rgba(255, 249, 242, 0.96);
}

.inventory-product-stock-matrix__bucket strong {
  color: var(--ink);
}

.inventory-product-stock-matrix__bucket span {
  color: #12675c;
  font-weight: 700;
}

.inventory-product-stock-matrix__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}

.inventory-product-stock-matrix__action {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(47, 127, 189, 0.14);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.92);
  color: #24566b;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.inventory-product-stock-matrix__action:hover {
  border-color: rgba(36, 86, 107, 0.28);
  background: #ffffff;
}

.inventory-product-stock-matrix__action:disabled {
  cursor: wait;
  opacity: 0.7;
}

.inventory-product-stock-snapshot-optical {
  display: grid;
  grid-column: 1 / -1;
  gap: 8px;
  padding: 14px 16px;
  border: 1px solid rgba(48, 93, 125, 0.16);
  border-radius: 18px;
  background:
    radial-gradient(circle at top right, rgba(215, 238, 247, 0.9), transparent 34%),
    linear-gradient(135deg, rgba(246, 252, 255, 0.98), rgba(255, 255, 255, 0.96));
}

.inventory-product-stock-snapshot-optical.warning {
  border-color: rgba(180, 90, 36, 0.2);
  background:
    radial-gradient(circle at top right, rgba(255, 231, 199, 0.9), transparent 34%),
    linear-gradient(135deg, rgba(255, 250, 244, 0.98), rgba(255, 255, 255, 0.96));
}

.inventory-product-stock-snapshot-care {
  border-color: rgba(43, 115, 93, 0.18);
  background:
    radial-gradient(circle at top right, rgba(218, 244, 231, 0.95), transparent 36%),
    linear-gradient(135deg, rgba(247, 255, 250, 0.98), rgba(255, 255, 255, 0.96));
}

.inventory-product-stock-snapshot-care.warning {
  border-color: rgba(180, 90, 36, 0.2);
}

.inventory-product-stock-snapshot-optical__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 7px;
}

.inventory-product-stock-snapshot-optical__grid span {
  padding: 7px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--ink);
  font-size: 12px;
  text-align: center;
}

.inventory-product-stock-snapshot-optical div {
  display: grid;
  gap: 4px;
}

.inventory-product-stock-snapshot-optical strong {
  color: #24566b;
}

.inventory-product-stock-snapshot-optical.warning strong {
  color: #b45a24;
}

.inventory-product-stock-snapshot-optical span {
  color: var(--ink);
  font-weight: 700;
}

.inventory-product-stock-snapshot-optical small {
  color: var(--muted);
  line-height: 1.55;
}

.inventory-product-stock-snapshot-row__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-product-stock-snapshot-row__head button {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 999px;
  background: #eef7f4;
  color: #12675c;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}

.inventory-product-stock-snapshot-row__head button:hover,
.inventory-product-stock-snapshot-row__head button:focus-visible {
  border-color: rgba(13, 122, 102, 0.28);
  background: #dff4ee;
  outline: none;
}

.inventory-product-stock-snapshot-row strong {
  color: var(--ink);
}

.inventory-product-stock-snapshot-row span {
  color: #12675c;
  font-weight: 700;
}

.inventory-product-stock-snapshot-row__params {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.inventory-product-stock-snapshot-param-chip {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 5px 8px;
  border: 1px solid rgba(13, 122, 102, 0.12);
  border-radius: 999px;
  background: #eef7f4;
  color: #12675c;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.inventory-product-stock-snapshot-param-chip.contact {
  border-color: rgba(48, 93, 125, 0.16);
  background: #edf7fb;
  color: #24566b;
}

.inventory-product-stock-snapshot-param-chip.care {
  border-color: rgba(43, 115, 93, 0.16);
  background: #edf9f1;
  color: #277159;
}

.inventory-product-stock-snapshot-param-chip.accessory {
  border-color: rgba(117, 95, 49, 0.16);
  background: #fbf6e9;
  color: #755f31;
}

.inventory-product-stock-snapshot-param-chip.warning {
  border-color: rgba(180, 90, 36, 0.2);
  background: #fff3e6;
  color: #b45a24;
}

.inventory-product-stock-snapshot-audit-card {
  border-color: rgba(180, 90, 36, 0.18);
  background: linear-gradient(135deg, rgba(255, 250, 244, 0.98), rgba(255, 255, 255, 0.96));
}

.inventory-product-stock-snapshot-audit-card strong {
  color: #b45a24;
}

.inventory-product-stock-snapshot-row em {
  color: #b45a24;
  font-style: normal;
  font-size: 12px;
  line-height: 1.5;
}

.inventory-product-stock-snapshot__pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(13, 122, 102, 0.12);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.82);
}

.inventory-product-stock-snapshot__pager span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.inventory-product-stock-snapshot__pager div {
  display: flex;
  gap: 8px;
}

.inventory-product-stock-snapshot__pager button {
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 999px;
  background: #fff;
  color: #12675c;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.inventory-product-stock-snapshot__pager button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.inventory-risk-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 6px;
}

.inventory-risk-badge {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(13, 122, 102, 0.08);
  color: #12675c;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
}

.inventory-risk-badge.warning {
  background: rgba(180, 90, 36, 0.12);
  color: #a14d17;
}

.inventory-risk-badge.snapshot {
  background: rgba(22, 128, 110, 0.12);
  color: #0d6a58;
}

.inventory-risk-badge.danger {
  background: rgba(188, 54, 47, 0.11);
  color: #a1342f;
}

.inventory-risk-badge.audit {
  background: rgba(47, 127, 189, 0.11);
  color: #256a9f;
}

.inventory-product-stock-snapshot textarea {
  width: 100%;
  min-height: 120px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  font: inherit;
  background: #fbfffe;
  resize: vertical;
}

.inventory-team-handoff {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed rgba(13, 122, 102, 0.18);
}

.inventory-team-handoff__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.inventory-team-handoff__head span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  text-align: right;
}

.inventory-team-handoff__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 10px;
}

.inventory-team-card {
  padding: 14px 16px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.98);
}

.inventory-team-card.warning {
  border-color: rgba(231, 125, 44, 0.22);
  background: linear-gradient(180deg, rgba(255, 249, 244, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-team-card.complete {
  border-color: rgba(13, 122, 102, 0.22);
}

.inventory-team-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.inventory-team-card__headline {
  margin-top: 8px;
  color: #0d6a58;
  font-weight: 700;
  line-height: 1.6;
}

.inventory-team-card__bullets {
  display: grid;
  gap: 6px;
  margin-top: 8px;
}

.inventory-team-card__bullets span,
.inventory-team-card small {
  color: var(--muted);
  line-height: 1.6;
}

.inventory-team-card small {
  display: block;
  margin-top: 8px;
}

.inventory-team-handoff__export {
  margin-top: 12px;
  display: grid;
  gap: 10px;
}

.inventory-team-handoff__export textarea {
  min-height: 190px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  color: var(--ink);
  font: inherit;
  line-height: 1.6;
  resize: vertical;
}

.inventory-team-handoff__export button {
  justify-self: flex-start;
  min-height: 40px;
  padding: 0 16px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, #1a8b72, #0d6a58);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-shift-checklist {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed rgba(13, 122, 102, 0.18);
}

.inventory-shift-checklist__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.inventory-shift-checklist__head span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  text-align: right;
}

.inventory-shift-checklist__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}

.inventory-shift-card {
  padding: 14px 16px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.98);
}

.inventory-shift-card.warning {
  border-color: rgba(231, 125, 44, 0.22);
  background: linear-gradient(180deg, rgba(255, 249, 244, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-shift-card.complete {
  border-color: rgba(13, 122, 102, 0.22);
}

.inventory-shift-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.inventory-shift-card__title {
  margin-top: 8px;
  color: #0d6a58;
  font-weight: 700;
  line-height: 1.6;
}

.inventory-shift-card small {
  display: block;
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.6;
}

.inventory-shift-checklist__export {
  margin-top: 12px;
  display: grid;
  gap: 10px;
}

.inventory-shift-checklist__export textarea {
  min-height: 168px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  color: var(--ink);
  font: inherit;
  line-height: 1.6;
  resize: vertical;
}

.inventory-shift-checklist__export button {
  justify-self: flex-start;
  min-height: 40px;
  padding: 0 16px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, #1a8b72, #0d6a58);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-command-deck {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed rgba(13, 122, 102, 0.18);
}

.inventory-command-deck__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.inventory-command-deck__head span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  text-align: right;
}

.inventory-command-deck__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 10px;
}

.inventory-command-card {
  padding: 14px 16px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.98);
}

.inventory-command-card.warning {
  border-color: rgba(231, 125, 44, 0.22);
  background: linear-gradient(180deg, rgba(255, 249, 244, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-command-card.complete {
  border-color: rgba(13, 122, 102, 0.22);
}

.inventory-command-card.audit {
  border-color: rgba(38, 93, 171, 0.18);
  background: linear-gradient(180deg, rgba(244, 248, 255, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-command-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.inventory-command-card__commands {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.inventory-command-card__commands code {
  display: block;
  padding: 9px 10px;
  border-radius: 12px;
  background: rgba(13, 122, 102, 0.08);
  color: #0d6a58;
  font-size: 12px;
  line-height: 1.6;
  word-break: break-all;
}

.inventory-command-card small {
  display: block;
  margin-top: 10px;
  color: var(--muted);
  line-height: 1.6;
}

.inventory-command-deck__export {
  margin-top: 12px;
  display: grid;
  gap: 10px;
}

.inventory-command-deck__export textarea {
  min-height: 182px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  color: var(--ink);
  font: inherit;
  line-height: 1.6;
  resize: vertical;
}

.inventory-command-deck__export button {
  justify-self: flex-start;
  min-height: 40px;
  padding: 0 16px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, #1a8b72, #0d6a58);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-path-deck {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed rgba(13, 122, 102, 0.18);
}

.inventory-path-deck__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.inventory-path-deck__head span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  text-align: right;
}

.inventory-path-deck__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 10px;
}

.inventory-path-card {
  padding: 14px 16px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.98);
}

.inventory-path-card.warning {
  border-color: rgba(231, 125, 44, 0.22);
  background: linear-gradient(180deg, rgba(255, 249, 244, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-path-card.complete {
  border-color: rgba(13, 122, 102, 0.22);
}

.inventory-path-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.inventory-path-card code {
  display: block;
  margin-top: 10px;
  padding: 9px 10px;
  border-radius: 12px;
  background: rgba(13, 122, 102, 0.08);
  color: #0d6a58;
  font-size: 12px;
  line-height: 1.6;
  word-break: break-all;
}

.inventory-path-card small {
  display: block;
  margin-top: 10px;
  color: var(--muted);
  line-height: 1.6;
}

.inventory-path-deck__export {
  margin-top: 12px;
  display: grid;
  gap: 10px;
}

.inventory-path-deck__export textarea {
  min-height: 176px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  color: var(--ink);
  font: inherit;
  line-height: 1.6;
  resize: vertical;
}

.inventory-path-deck__export button {
  justify-self: flex-start;
  min-height: 40px;
  padding: 0 16px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, #1a8b72, #0d6a58);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-drop-map {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed rgba(13, 122, 102, 0.18);
}

.inventory-drop-map__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.inventory-drop-map__head span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  text-align: right;
}

.inventory-drop-map__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 10px;
}

.inventory-drop-card {
  padding: 14px 16px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.98);
}

.inventory-drop-card.complete {
  border-color: rgba(13, 122, 102, 0.22);
}

.inventory-drop-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.inventory-drop-card code {
  display: block;
  margin-top: 10px;
  padding: 9px 10px;
  border-radius: 12px;
  background: rgba(13, 122, 102, 0.08);
  color: #0d6a58;
  font-size: 12px;
  line-height: 1.6;
  word-break: break-all;
}

.inventory-drop-card__meta {
  display: grid;
  gap: 6px;
  margin-top: 10px;
}

.inventory-drop-card__meta span,
.inventory-drop-card small {
  color: var(--muted);
  line-height: 1.6;
}

.inventory-drop-card small {
  display: block;
  margin-top: 10px;
  word-break: break-all;
}

.inventory-drop-map__export {
  margin-top: 12px;
  display: grid;
  gap: 10px;
}

.inventory-drop-map__export textarea {
  min-height: 176px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  color: var(--ink);
  font: inherit;
  line-height: 1.6;
  resize: vertical;
}

.inventory-drop-map__export button {
  justify-self: flex-start;
  min-height: 40px;
  padding: 0 16px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, #1a8b72, #0d6a58);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-gate-panel {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed rgba(13, 122, 102, 0.18);
}

.inventory-gate-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.inventory-gate-panel__head span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  text-align: right;
}

.inventory-gate-panel__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}

.inventory-gate-card {
  padding: 14px 16px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.98);
}

.inventory-gate-card.audit {
  border-color: rgba(38, 93, 171, 0.18);
  background: linear-gradient(180deg, rgba(244, 248, 255, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-gate-card.complete {
  border-color: rgba(13, 122, 102, 0.22);
}

.inventory-gate-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.inventory-gate-card small {
  display: block;
  margin-top: 10px;
  color: var(--muted);
  line-height: 1.6;
}

.inventory-gate-panel__export {
  margin-top: 12px;
  display: grid;
  gap: 10px;
}

.inventory-gate-panel__export textarea {
  min-height: 176px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  color: var(--ink);
  font: inherit;
  line-height: 1.6;
  resize: vertical;
}

.inventory-gate-panel__export button {
  justify-self: flex-start;
  min-height: 40px;
  padding: 0 16px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, #1a8b72, #0d6a58);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-blocker-panel {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed rgba(13, 122, 102, 0.18);
}

.inventory-blocker-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.inventory-blocker-panel__head span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  text-align: right;
}

.inventory-blocker-panel__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 10px;
}

.inventory-blocker-card {
  padding: 14px 16px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.98);
}

.inventory-blocker-card.warning {
  border-color: rgba(231, 125, 44, 0.22);
  background: linear-gradient(180deg, rgba(255, 249, 244, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-blocker-card.audit {
  border-color: rgba(38, 93, 171, 0.18);
  background: linear-gradient(180deg, rgba(244, 248, 255, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-blocker-card.complete {
  border-color: rgba(13, 122, 102, 0.22);
}

.inventory-blocker-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.inventory-blocker-card__detail {
  margin-top: 10px;
  color: #0d6a58;
  font-weight: 700;
  line-height: 1.6;
}

.inventory-blocker-card small {
  display: block;
  margin-top: 10px;
  color: var(--muted);
  line-height: 1.6;
}

.inventory-blocker-panel__export {
  margin-top: 12px;
  display: grid;
  gap: 10px;
}

.inventory-blocker-panel__export textarea {
  min-height: 176px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  color: var(--ink);
  font: inherit;
  line-height: 1.6;
  resize: vertical;
}

.inventory-blocker-panel__export button {
  justify-self: flex-start;
  min-height: 40px;
  padding: 0 16px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, #1a8b72, #0d6a58);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-brief-panel {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed rgba(13, 122, 102, 0.18);
}

.inventory-brief-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.inventory-brief-panel__head span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  text-align: right;
}

.inventory-brief-panel__list {
  display: grid;
  gap: 8px;
}

.inventory-brief-line {
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(13, 122, 102, 0.06);
  color: #0d6a58;
  line-height: 1.7;
}

.inventory-brief-panel__export {
  margin-top: 12px;
  display: grid;
  gap: 10px;
}

.inventory-brief-panel__export textarea {
  min-height: 156px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  color: var(--ink);
  font: inherit;
  line-height: 1.6;
  resize: vertical;
}

.inventory-brief-panel__export button {
  justify-self: flex-start;
  min-height: 40px;
  padding: 0 16px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, #1a8b72, #0d6a58);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-verdict-panel {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed rgba(13, 122, 102, 0.18);
}

.inventory-verdict-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.inventory-verdict-panel__head span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  text-align: right;
}

.inventory-verdict-panel__list {
  display: grid;
  gap: 10px;
}

.inventory-verdict-card {
  padding: 16px 18px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.98);
}

.inventory-verdict-card.warning {
  border-color: rgba(231, 125, 44, 0.22);
  background: linear-gradient(180deg, rgba(255, 249, 244, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-verdict-card.audit {
  border-color: rgba(38, 93, 171, 0.18);
  background: linear-gradient(180deg, rgba(244, 248, 255, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-verdict-card.complete {
  border-color: rgba(13, 122, 102, 0.24);
  background: linear-gradient(180deg, rgba(241, 255, 250, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-verdict-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.inventory-verdict-card__headline {
  margin-top: 10px;
  color: #0d6a58;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.6;
}

.inventory-verdict-card__grid {
  margin-top: 12px;
  display: grid;
  gap: 8px;
}

.inventory-verdict-card__grid span {
  line-height: 1.7;
}

.inventory-verdict-card__grid b {
  color: #0d6a58;
}

.inventory-verdict-panel__export {
  margin-top: 12px;
  display: grid;
  gap: 10px;
}

.inventory-verdict-panel__export textarea {
  min-height: 176px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  color: var(--ink);
  font: inherit;
  line-height: 1.6;
  resize: vertical;
}

.inventory-verdict-panel__export button {
  justify-self: flex-start;
  min-height: 40px;
  padding: 0 16px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, #1a8b72, #0d6a58);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-boundary-panel {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed rgba(13, 122, 102, 0.18);
}

.inventory-boundary-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.inventory-boundary-panel__head span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  text-align: right;
}

.inventory-boundary-panel__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 10px;
}

.inventory-boundary-card {
  padding: 14px 16px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.98);
}

.inventory-boundary-card.warning {
  border-color: rgba(231, 125, 44, 0.22);
  background: linear-gradient(180deg, rgba(255, 249, 244, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-boundary-card.audit {
  border-color: rgba(38, 93, 171, 0.18);
  background: linear-gradient(180deg, rgba(244, 248, 255, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-boundary-card.complete {
  border-color: rgba(13, 122, 102, 0.24);
  background: linear-gradient(180deg, rgba(241, 255, 250, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-boundary-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.inventory-boundary-card__list {
  margin-top: 12px;
  display: grid;
  gap: 8px;
}

.inventory-boundary-card__list span {
  line-height: 1.7;
}

.inventory-boundary-panel__export {
  margin-top: 12px;
  display: grid;
  gap: 10px;
}

.inventory-boundary-panel__export textarea {
  min-height: 176px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  color: var(--ink);
  font: inherit;
  line-height: 1.6;
  resize: vertical;
}

.inventory-boundary-panel__export button {
  justify-self: flex-start;
  min-height: 40px;
  padding: 0 16px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, #1a8b72, #0d6a58);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-dod-panel {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed rgba(13, 122, 102, 0.18);
}

.inventory-dod-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.inventory-dod-panel__head span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  text-align: right;
}

.inventory-dod-panel__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
}

.inventory-dod-card {
  padding: 14px 16px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.98);
}

.inventory-dod-card.warning {
  border-color: rgba(231, 125, 44, 0.22);
  background: linear-gradient(180deg, rgba(255, 249, 244, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-dod-card.audit {
  border-color: rgba(38, 93, 171, 0.18);
  background: linear-gradient(180deg, rgba(244, 248, 255, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-dod-card.complete {
  border-color: rgba(13, 122, 102, 0.24);
  background: linear-gradient(180deg, rgba(241, 255, 250, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-dod-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.inventory-dod-card__standard {
  margin-top: 10px;
  color: #0d6a58;
  font-weight: 700;
  line-height: 1.6;
}

.inventory-dod-card small {
  display: block;
  margin-top: 10px;
  color: var(--muted);
  line-height: 1.6;
}

.inventory-dod-panel__export {
  margin-top: 12px;
  display: grid;
  gap: 10px;
}

.inventory-dod-panel__export textarea {
  min-height: 188px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  color: var(--ink);
  font: inherit;
  line-height: 1.6;
  resize: vertical;
}

.inventory-dod-panel__export button {
  justify-self: flex-start;
  min-height: 40px;
  padding: 0 16px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, #1a8b72, #0d6a58);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-audit-panel {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed rgba(13, 122, 102, 0.18);
}

.inventory-audit-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.inventory-audit-panel__head span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  text-align: right;
}

.inventory-audit-panel__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
}

.inventory-audit-card {
  padding: 14px 16px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.98);
}

.inventory-audit-card.warning {
  border-color: rgba(231, 125, 44, 0.22);
  background: linear-gradient(180deg, rgba(255, 249, 244, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-audit-card.audit {
  border-color: rgba(38, 93, 171, 0.18);
  background: linear-gradient(180deg, rgba(244, 248, 255, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-audit-card.complete {
  border-color: rgba(13, 122, 102, 0.24);
  background: linear-gradient(180deg, rgba(241, 255, 250, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-audit-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.inventory-audit-card__rule {
  margin-top: 10px;
  color: #0d6a58;
  font-weight: 700;
  line-height: 1.6;
}

.inventory-audit-card small {
  display: block;
  margin-top: 10px;
  color: var(--muted);
  line-height: 1.6;
}

.inventory-audit-panel__export {
  margin-top: 12px;
  display: grid;
  gap: 10px;
}

.inventory-audit-panel__export textarea {
  min-height: 188px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  color: var(--ink);
  font: inherit;
  line-height: 1.6;
  resize: vertical;
}

.inventory-audit-panel__export button {
  justify-self: flex-start;
  min-height: 40px;
  padding: 0 16px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, #1a8b72, #0d6a58);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-delivery-panel {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed rgba(13, 122, 102, 0.18);
}

.inventory-delivery-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.inventory-delivery-panel__head span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  text-align: right;
}

.inventory-delivery-panel__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
}

.inventory-delivery-card {
  padding: 14px 16px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.98);
}

.inventory-delivery-card.warning {
  border-color: rgba(231, 125, 44, 0.22);
  background: linear-gradient(180deg, rgba(255, 249, 244, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-delivery-card.audit {
  border-color: rgba(38, 93, 171, 0.18);
  background: linear-gradient(180deg, rgba(244, 248, 255, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-delivery-card.complete {
  border-color: rgba(13, 122, 102, 0.24);
  background: linear-gradient(180deg, rgba(241, 255, 250, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-delivery-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.inventory-delivery-card__summary {
  margin-top: 10px;
  color: #0d6a58;
  font-weight: 700;
  line-height: 1.6;
}

.inventory-delivery-card small {
  display: block;
  margin-top: 10px;
  color: var(--muted);
  line-height: 1.6;
}

.inventory-delivery-panel__export {
  margin-top: 12px;
  display: grid;
  gap: 10px;
}

.inventory-delivery-panel__export textarea {
  min-height: 220px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  color: var(--ink);
  font: inherit;
  line-height: 1.6;
  resize: vertical;
}

.inventory-delivery-panel__export button {
  justify-self: flex-start;
  min-height: 40px;
  padding: 0 16px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, #1a8b72, #0d6a58);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-milestone-panel {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed rgba(13, 122, 102, 0.18);
}

.inventory-milestone-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.inventory-milestone-panel__head span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  text-align: right;
}

.inventory-milestone-panel__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
}

.inventory-milestone-card {
  padding: 14px 16px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.98);
}

.inventory-milestone-card.warning {
  border-color: rgba(231, 125, 44, 0.22);
  background: linear-gradient(180deg, rgba(255, 249, 244, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-milestone-card.audit {
  border-color: rgba(38, 93, 171, 0.18);
  background: linear-gradient(180deg, rgba(244, 248, 255, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-milestone-card.complete {
  border-color: rgba(13, 122, 102, 0.24);
  background: linear-gradient(180deg, rgba(241, 255, 250, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-milestone-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.inventory-milestone-card__summary {
  margin-top: 10px;
  color: #0d6a58;
  font-weight: 700;
  line-height: 1.6;
}

.inventory-milestone-card small {
  display: block;
  margin-top: 10px;
  color: var(--muted);
  line-height: 1.6;
}

.inventory-milestone-panel__export {
  margin-top: 12px;
  display: grid;
  gap: 10px;
}

.inventory-milestone-panel__export textarea {
  min-height: 220px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  color: var(--ink);
  font: inherit;
  line-height: 1.6;
  resize: vertical;
}

.inventory-milestone-panel__export button {
  justify-self: flex-start;
  min-height: 40px;
  padding: 0 16px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, #1a8b72, #0d6a58);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-first-wave-item {
  padding: 14px 16px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.98);
}

.inventory-first-wave-item.warning {
  border-color: rgba(231, 125, 44, 0.22);
  background: linear-gradient(180deg, rgba(255, 249, 244, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-first-wave-item.complete {
  border-color: rgba(13, 122, 102, 0.22);
}

.inventory-first-wave-item__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.inventory-first-wave-item__endpoint,
.inventory-first-wave-item__file,
.inventory-first-wave-item__payload,
.inventory-first-wave-item small {
  display: block;
  margin-top: 8px;
  line-height: 1.6;
  word-break: break-all;
}

.inventory-first-wave-item__endpoint {
  color: #0d6a58;
  font-weight: 600;
}

.inventory-first-wave-item__file {
  color: var(--ink);
}

.inventory-first-wave-item__payload,
.inventory-first-wave-item small {
  color: var(--muted);
}

.inventory-pipeline-reports {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.inventory-pipeline-report {
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.96);
}

.inventory-pipeline-report strong,
.inventory-pipeline-report span,
.inventory-pipeline-report small {
  display: block;
}

.inventory-pipeline-report span {
  margin-top: 6px;
  color: var(--ink);
  font-weight: 600;
  word-break: break-all;
}

.inventory-pipeline-report small {
  margin-top: 6px;
  color: var(--muted);
  line-height: 1.5;
  word-break: break-all;
}

.inventory-capture-checklist {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed rgba(13, 122, 102, 0.18);
}

.inventory-capture-checklist__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.inventory-capture-checklist__head span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  text-align: right;
}

.inventory-capture-checklist__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 10px;
}

.inventory-capture-item {
  padding: 14px 16px;
  border: 1px solid rgba(13, 122, 102, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.97);
}

.inventory-live-evidence {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(25, 116, 96, 0.16);
  border-radius: 20px;
  background:
    radial-gradient(circle at 12% 16%, rgba(66, 196, 158, 0.14), transparent 28%),
    linear-gradient(180deg, rgba(248, 253, 250, 0.98) 0%, #fff 100%);
}

.inventory-live-evidence__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-live-evidence__head span {
  max-width: 560px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  text-align: right;
}

.inventory-live-evidence__guardrail {
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border: 1px solid rgba(23, 119, 93, 0.16);
  border-radius: 16px;
  background: rgba(241, 251, 246, 0.9);
}

.inventory-live-evidence__guardrail strong {
  color: var(--accent);
}

.inventory-live-evidence__guardrail span {
  color: #43665d;
  font-size: 12px;
  line-height: 1.6;
}

.inventory-live-evidence__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.inventory-live-evidence-card {
  display: grid;
  gap: 5px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.12);
  border-radius: 16px;
  background: #fff;
}

.inventory-live-evidence-card span,
.inventory-live-evidence-card small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.inventory-live-evidence-card strong {
  color: var(--ink);
  font-size: 20px;
}

.inventory-live-evidence-card.complete strong {
  color: var(--accent);
}

.inventory-live-evidence-card.warning strong {
  color: #b45a24;
}

.inventory-live-evidence-card.audit strong {
  color: #2c7be5;
}

.inventory-live-evidence__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 10px;
}

.inventory-live-evidence-row {
  display: grid;
  gap: 5px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.96);
}

.inventory-live-evidence-row strong {
  color: var(--accent);
}

.inventory-live-evidence-row span {
  color: var(--ink);
  font-weight: 700;
}

.inventory-live-evidence-row small {
  color: var(--muted);
  line-height: 1.5;
}

.inventory-live-evidence-row.is-total {
  border-color: rgba(44, 123, 229, 0.22);
  background: linear-gradient(180deg, rgba(239, 246, 255, 0.98) 0%, #fff 100%);
}

.inventory-live-evidence textarea {
  width: 100%;
  min-height: 120px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  font: inherit;
  background: #fbfffe;
  resize: vertical;
}

.inventory-live-evidence__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.inventory-live-evidence button {
  flex: 1 1 180px;
  min-height: 42px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--accent), #13816e);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-original-export-box {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(43, 114, 185, 0.14);
  border-radius: 20px;
  background:
    radial-gradient(circle at 100% 0%, rgba(43, 114, 185, 0.08), transparent 28%),
    linear-gradient(180deg, rgba(244, 248, 255, 0.98), rgba(255, 255, 255, 0.98));
}

.inventory-original-export-box__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-original-export-box__head span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  text-align: right;
}

.inventory-original-export-box__guardrail {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(43, 114, 185, 0.08);
}

.inventory-original-export-box__guardrail strong {
  color: #2b72b9;
}

.inventory-original-export-box__guardrail span {
  color: #425d7a;
  line-height: 1.6;
}

.inventory-original-export-mission {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(43, 114, 185, 0.16);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(43, 114, 185, 0.12), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(238, 246, 255, 0.96));
}

.inventory-original-export-mission__hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-original-export-mission__hero > div:first-child {
  display: grid;
  gap: 4px;
}

.inventory-original-export-mission__hero strong,
.inventory-original-export-mission__subhead strong {
  color: #174e86;
}

.inventory-original-export-mission__hero span,
.inventory-original-export-mission__subhead span {
  color: #425d7a;
  font-size: 13px;
  line-height: 1.6;
}

.inventory-original-export-mission__score {
  min-width: 112px;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(23, 78, 134, 0.1);
  text-align: center;
}

.inventory-original-export-mission__score b {
  display: block;
  color: #174e86;
  font-size: 22px;
}

.inventory-original-export-mission__score small {
  color: #425d7a;
}

.inventory-original-export-mission__stats,
.inventory-original-export-mission__requirements {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}

.inventory-original-export-mission__stat,
.inventory-original-export-mission__requirement,
.inventory-original-export-mission__matrix-row {
  border: 1px solid rgba(43, 114, 185, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.88);
}

.inventory-original-export-mission__stat {
  padding: 10px 12px;
}

.inventory-original-export-mission__stat span,
.inventory-original-export-mission__requirement span,
.inventory-original-export-mission__matrix-row span,
.inventory-original-export-mission__matrix-row small,
.inventory-original-export-mission__next small {
  color: #5d7188;
  font-size: 12px;
  line-height: 1.6;
}

.inventory-original-export-mission__stat strong {
  display: block;
  color: #174e86;
  font-size: 20px;
}

.inventory-original-absorption-status {
  display: grid;
  gap: 10px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(23, 78, 134, 0.14);
  background:
    radial-gradient(circle at 100% 0%, rgba(13, 122, 102, 0.12), transparent 34%),
    rgba(255, 255, 255, 0.88);
}

.inventory-original-absorption-status__head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.inventory-original-absorption-status__head > div {
  display: grid;
  gap: 4px;
}

.inventory-original-absorption-status__head strong {
  color: #17324d;
}

.inventory-original-absorption-status__head span,
.inventory-original-absorption-status > small,
.inventory-original-absorption-status__summary span,
.inventory-original-absorption-status__item span,
.inventory-original-absorption-status__item small {
  color: #4f6278;
  font-size: 12px;
  line-height: 1.6;
}

.inventory-original-absorption-status__summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.inventory-original-absorption-status__summary span {
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(23, 78, 134, 0.08);
}

.inventory-original-absorption-status__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
}

.inventory-original-absorption-status__item {
  display: grid;
  gap: 4px;
  padding: 9px 10px;
  border-radius: 14px;
  border: 1px solid rgba(43, 114, 185, 0.12);
  background: rgba(255, 255, 255, 0.86);
}

.inventory-original-absorption-status__item b {
  color: #17324d;
}

.inventory-original-absorption-status__item.complete {
  border-color: rgba(13, 122, 102, 0.18);
  background: rgba(231, 248, 243, 0.78);
}

.inventory-original-absorption-status__item.audit {
  border-color: rgba(43, 114, 185, 0.18);
  background: rgba(238, 246, 255, 0.86);
}

.inventory-original-absorption-status__item.warning {
  border-color: rgba(190, 99, 24, 0.18);
  background: rgba(255, 247, 237, 0.9);
}

.inventory-original-export-mission__requirement {
  display: grid;
  gap: 6px;
  padding: 10px 12px;
}

.inventory-original-export-mission__requirement div {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.inventory-original-export-mission__requirement small {
  color: #425d7a;
  line-height: 1.6;
}

.inventory-original-export-mission__stat.complete,
.inventory-original-export-mission__requirement.complete {
  border-color: rgba(13, 122, 102, 0.18);
  background: rgba(231, 248, 243, 0.82);
}

.inventory-original-export-mission__stat.audit,
.inventory-original-export-mission__requirement.audit {
  border-color: rgba(43, 114, 185, 0.18);
  background: rgba(238, 246, 255, 0.86);
}

.inventory-original-export-mission__stat.warning,
.inventory-original-export-mission__requirement.warning {
  border-color: rgba(190, 99, 24, 0.18);
  background: rgba(255, 247, 237, 0.9);
}

.inventory-original-export-mission__matrix {
  display: grid;
  gap: 10px;
}

.inventory-original-export-mission__subhead {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.inventory-original-export-mission__matrix-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  padding: 10px 12px;
}

.inventory-original-export-mission__matrix-row b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: #174e86;
  color: #fff;
  font-size: 12px;
}

.inventory-original-export-mission__matrix-row div {
  display: grid;
  gap: 2px;
}

.inventory-original-export-mission__matrix-row strong {
  color: #17324d;
}

.inventory-original-export-mission__next {
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(23, 78, 134, 0.08);
}

.inventory-original-export-mission__next span {
  color: #17324d;
  line-height: 1.6;
}

.inventory-original-export-box__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
}

.inventory-original-export-box__list {
  display: grid;
  gap: 10px;
}

.inventory-original-export-box textarea {
  min-height: 170px;
  padding: 12px 14px;
  border: 1px solid rgba(43, 114, 185, 0.16);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  color: var(--ink);
  font: inherit;
  line-height: 1.6;
  resize: vertical;
}

.inventory-original-export-box__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.inventory-original-export-box__actions button {
  flex: 1 1 180px;
  min-height: 42px;
}

.inventory-original-workbench {
  margin: 12px 0 16px;
  border: 1px solid #ccd7de;
  border-radius: 3px;
  background: #ffffff;
  overflow: hidden;
}

.inventory-original-workbench__head,
.inventory-original-workbench__tools,
.inventory-original-workbench__tabs {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-bottom: 1px solid #d8e1e6;
}

.inventory-original-workbench__head {
  justify-content: space-between;
  background: #f3f5f7;
}

.inventory-original-workbench__head > div:first-child,
.inventory-original-workbench__tools label,
.inventory-original-selected__main,
.inventory-original-feed-row {
  display: grid;
  gap: 4px;
}

.inventory-original-workbench__head strong {
  color: #152f3a;
  font-size: 15px;
}

.inventory-original-workbench__head span,
.inventory-original-workbench__tools span,
.inventory-original-selected small,
.inventory-original-selected__main span,
.inventory-original-row small,
.inventory-original-feed-row small,
.inventory-original-table__foot {
  color: #667783;
  font-size: 12px;
  line-height: 1.45;
}

.inventory-original-workbench__actions,
.inventory-original-form__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.inventory-original-workbench button,
.inventory-original-form button {
  min-height: 32px;
  border: 1px solid #b8c8d1;
  border-radius: 4px;
  background: #fff;
  color: #20313a;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.inventory-original-workbench button:hover,
.inventory-original-form button:hover {
  border-color: #0d7a66;
  color: #0d7a66;
}

.inventory-original-workbench button:disabled,
.inventory-original-form button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.inventory-original-workbench__actions button,
.inventory-original-form button {
  padding: 0 12px;
}

.inventory-original-workbench__actions #inventory-original-permission {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid #d8e1e6;
  background: #fff;
  color: #61727d;
  font-size: 12px;
  font-weight: 700;
}

.inventory-original-workbench__tabs {
  padding: 0 12px;
  gap: 0;
  background: #fbfcfd;
  overflow-x: auto;
}

.inventory-original-workbench__tabs button {
  min-width: 90px;
  border: 0;
  border-right: 1px solid #d8e1e6;
  border-radius: 0;
  padding: 9px 12px;
  background: transparent;
}

.inventory-original-workbench__tabs button.is-active {
  background: #0d7a66;
  color: #fff;
}

.inventory-original-workbench__tools {
  display: grid;
  gap: 6px;
  background: #fff;
}

.inventory-original-workbench__tool-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.inventory-original-querybar {
  justify-content: space-between;
}

.inventory-original-workbench__search {
  flex: 1 1 420px;
}

.inventory-original-workbench__tools label {
  color: #4f626d;
  font-size: 12px;
  font-weight: 700;
}

.inventory-original-workbench__tools input,
.inventory-original-form input,
.inventory-original-form select,
.inventory-original-form textarea {
  width: 100%;
  border: 1px solid #c9d6dc;
  border-radius: 4px;
  background: #fff;
  color: #1f2933;
  font: inherit;
}

.inventory-original-workbench__tools input {
  min-height: 32px;
  padding: 0 9px;
}

.inventory-original-filterbars {
  display: grid;
  gap: 5px;
}

.inventory-original-filterbar {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
}

.inventory-original-filterbar > strong {
  color: #3c5562;
  font-size: 12px;
  line-height: 32px;
}

.inventory-original-filterbar.is-disabled > strong {
  color: #8a98a3;
}

.inventory-original-workbench__body {
  display: block;
  min-height: 560px;
}

.inventory-original-content {
  display: grid;
  grid-template-columns: minmax(0, 1.9fr) minmax(300px, 0.86fr);
  min-height: 560px;
}

.inventory-original-workbench__body {
  min-height: 560px;
}

.inventory-original-cascade__list,
.inventory-original-cascade__initials {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.inventory-original-cascade__placeholder {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px dashed #c9d6dc;
  border-radius: 4px;
  background: #f7fafb;
  color: #667783;
  font-size: 12px;
}

.inventory-original-cascade__initials {
  gap: 4px;
}

.inventory-original-cascade__list button,
.inventory-original-cascade__initials button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  max-width: 100%;
  padding: 0 8px;
  text-align: left;
  white-space: nowrap;
}

.inventory-original-cascade__list button strong,
.inventory-original-cascade__initials button strong {
  font-size: 12px;
}

.inventory-original-cascade__list button span,
.inventory-original-cascade__initials button span {
  color: #667783;
  font-size: 11px;
}

.inventory-original-cascade__list button span:empty,
.inventory-original-cascade__initials button span:empty {
  display: none;
}

.inventory-original-cascade__list button.is-active,
.inventory-original-cascade__initials button.is-active {
  border-color: #0d7a66;
  background: #e8f5f1;
  color: #075f4f;
}

.inventory-original-filterbar.is-disabled .inventory-original-cascade__list,
.inventory-original-filterbar.is-disabled .inventory-original-cascade__initials {
  opacity: 0.82;
}

.inventory-original-type-board {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 8px;
  padding: 12px;
  border-top: 1px solid #d8e1e6;
  background: #f7fafb;
}

.inventory-original-step-board {
  display: grid;
  gap: 0;
  min-height: 100%;
}

.inventory-original-step-board__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid #d8e1e6;
  background: #f8faf9;
}

.inventory-original-step-board__head strong {
  color: #193747;
  font-size: 14px;
}

.inventory-original-step-board__head span {
  color: #667783;
  font-size: 12px;
  line-height: 1.5;
}

.inventory-original-type-board--compact {
  align-content: start;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.inventory-original-type-board button {
  appearance: none;
  display: grid;
  gap: 4px;
  min-height: 82px;
  padding: 10px;
  border: 1px solid #d8e1e6;
  border-radius: 5px;
  background: #fff;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.inventory-original-type-board button:hover,
.inventory-original-type-board button:focus-visible {
  border-color: #0d7a66;
  box-shadow: 0 0 0 2px rgba(13, 122, 102, 0.1);
}

.inventory-original-type-board strong {
  color: #1f2933;
  font-size: 14px;
}

.inventory-original-type-board span {
  color: #0d6a58;
  font-size: 13px;
  font-weight: 700;
}

.inventory-original-type-board small {
  color: #667783;
  font-size: 12px;
  line-height: 1.45;
}

.inventory-original-main {
  min-width: 0;
  border-right: 1px solid #d8e1e6;
  background: #fff;
}

.inventory-original-side {
  min-width: 0;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  background: #f8fafc;
}

.inventory-original-side__head {
  display: grid;
  gap: 3px;
  padding: 8px 10px;
  border-bottom: 1px solid #d8e1e6;
  background: #f5f7f9;
}

.inventory-original-side__head strong {
  color: #183441;
  font-size: 13px;
}

.inventory-original-side__head span {
  color: #697a84;
  font-size: 12px;
}

.inventory-original-selected {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 8px 10px;
  border-bottom: 1px solid #d8e1e6;
  background: #ffffff;
}

.inventory-original-selected .empty-state {
  grid-column: 1 / -1;
}

.inventory-original-selected__main strong {
  color: #152f3a;
}

.inventory-original-selected__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
}

.inventory-original-selected__stats span {
  padding: 5px 7px;
  border: 1px solid #d8e1e6;
  border-radius: 3px;
  background: #f8faf9;
  color: #5e6e78;
  font-size: 12px;
}

.inventory-original-selected__stats b {
  display: block;
  color: #1f2933;
  font-size: 13px;
}

.inventory-original-selected__guide {
  display: grid;
  gap: 4px;
  padding: 7px 8px;
  border: 1px solid #d8e1e6;
  background: #f6fafb;
}

.inventory-original-selected__guide strong {
  color: #173441;
  font-size: 13px;
}

.inventory-original-selected__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.inventory-original-selected__actions button {
  min-width: 92px;
}

.inventory-original-panels {
  min-height: 0;
}

.inventory-original-panel {
  display: none;
  min-height: 0;
  padding: 8px 10px;
}

.inventory-original-panel.is-active {
  display: block;
}

.inventory-original-panel__head {
  display: grid;
  gap: 2px;
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 1px dashed #d8e1e6;
}

.inventory-original-panel__head strong {
  color: #1b3745;
  font-size: 13px;
}

.inventory-original-panel__head span {
  color: #687983;
  font-size: 12px;
}

.inventory-original-panel__note {
  display: grid;
  gap: 6px;
  padding: 7px 8px;
  border: 1px solid #d8e1e6;
  background: #fff;
  color: #5c6f7a;
  font-size: 12px;
}

.inventory-original-panel__note strong {
  color: #183441;
  font-size: 13px;
}

.inventory-original-panel__note--guide {
  margin-bottom: 8px;
}

.inventory-original-panel__note-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.inventory-original-panel__note-stats span {
  padding: 5px 7px;
  border: 1px solid #d8e1e6;
  background: #f8faf9;
  color: #5e6e78;
  font-size: 12px;
}

.inventory-original-panel__note-stats b {
  display: block;
  color: #1f2933;
  font-size: 13px;
}

.inventory-original-panel__note-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.inventory-original-panel__note-actions button {
  min-width: 92px;
}

.inventory-original-product-editor {
  display: grid;
  gap: 8px;
  border: 1px solid #cfdbe2;
  background: #fff;
}

.inventory-original-product-editor__head,
.inventory-original-product-editor__legacy,
.inventory-original-product-editor__viewbar,
.inventory-original-product-editor__source,
.inventory-original-product-editor__section-head,
.inventory-original-product-editor__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.inventory-original-product-editor__head {
  padding: 8px 10px;
  border-bottom: 1px solid #d8e1e6;
  background: #edf3f4;
}

.inventory-original-product-editor__head > div:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.inventory-original-product-editor__head strong,
.inventory-original-product-editor__section-head strong {
  color: #173441;
  font-size: 13px;
}

.inventory-original-product-editor__head span,
.inventory-original-product-editor__source,
.inventory-original-product-editor__section-head span,
.inventory-original-product-editor__foot {
  color: #627681;
  font-size: 12px;
  line-height: 1.45;
}

.inventory-original-product-editor__actions,
.inventory-original-product-editor__source div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.inventory-original-product-editor__actions button {
  min-height: 30px;
  padding: 0 9px;
}

.inventory-original-product-editor__actions button:last-child {
  background: #0d7a66;
  border-color: #0d7a66;
  color: #fff;
}

.inventory-original-product-editor__source {
  padding: 0 10px;
}

.inventory-original-product-editor__source > span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.inventory-original-product-editor__source div span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 7px;
  border: 1px solid #d8e1e6;
  background: #f7fafb;
  color: #405660;
  font-weight: 700;
}

.inventory-original-product-editor__legacy,
.inventory-original-product-editor__viewbar {
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0 10px;
}

.inventory-original-product-editor__legacy button {
  min-height: 28px;
  padding: 0 8px;
  font-size: 12px;
}

.inventory-original-product-editor__legacy button.is-active,
.inventory-original-product-editor__viewbar .is-active {
  background: #0d7a66;
  border-color: #0d7a66;
  color: #fff;
}

.inventory-original-product-editor__legacy span {
  color: #6b7d86;
  font-size: 11px;
}

.inventory-original-product-editor__viewbar {
  gap: 0;
  border-top: 1px solid #eef2f4;
  border-bottom: 1px solid #eef2f4;
  background: #fbfcfd;
}

.inventory-original-product-editor__viewbar span {
  min-height: 28px;
  padding: 6px 10px;
  border-right: 1px solid #dfe7eb;
  color: #405660;
  font-size: 12px;
  font-weight: 700;
}

.inventory-original-product-editor__path {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 0;
  margin: 0 10px;
  border: 1px solid #d8e1e6;
}

.inventory-original-product-editor__path span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 6px 8px;
  border-right: 1px solid #d8e1e6;
  background: #f8faf9;
}

.inventory-original-product-editor__path span:last-child {
  border-right: 0;
}

.inventory-original-product-editor__path small {
  color: #71838c;
  font-size: 11px;
}

.inventory-original-product-editor__path b {
  color: #173441;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.inventory-original-product-editor__section {
  margin: 0 10px;
  border: 1px solid #dce5ea;
  background: #fff;
}

.inventory-original-product-editor__section-head {
  padding: 7px 8px;
  border-bottom: 1px dashed #dce5ea;
  background: #f7fafb;
}

.inventory-original-product-editor__section-head span {
  min-width: 0;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inventory-original-product-editor__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 8px;
}

.inventory-original-product-editor label {
  display: grid;
  gap: 4px;
  min-width: 0;
  color: #4f626d;
  font-size: 12px;
  font-weight: 700;
}

.inventory-original-product-editor input,
.inventory-original-product-editor select,
.inventory-original-product-editor textarea {
  width: 100%;
  border: 1px solid #c9d6dc;
  border-radius: 4px;
  background: #fff;
  color: #1f2933;
  font: inherit;
}

.inventory-original-product-editor input,
.inventory-original-product-editor select {
  min-height: 32px;
  padding: 0 8px;
}

.inventory-original-product-editor textarea {
  min-height: 64px;
  padding: 8px 10px;
  resize: vertical;
}

.inventory-original-product-editor__wide {
  grid-column: 1 / -1;
}

.inventory-original-product-editor__foot {
  justify-content: flex-start;
  margin-top: 2px;
  padding: 8px 10px;
  border-top: 1px solid #d8e1e6;
  background: #fbfcfd;
}

.inventory-original-purchase-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin-bottom: 8px;
}

.inventory-original-purchase-flow span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 4px 8px;
  border: 1px solid #d8e1e6;
  background: #f7fafb;
  color: #405660;
  font-size: 12px;
  font-weight: 700;
}

.inventory-original-purchase-flow b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #0d7a66;
  color: #fff;
  font-size: 11px;
  line-height: 1;
}

.inventory-original-purchase-scope {
  display: grid;
  grid-template-columns: minmax(120px, 0.8fr) repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 8px;
  border: 1px solid #d7e1e6;
  background: #fff;
  color: #4f626d;
  font-size: 12px;
}

.inventory-original-purchase-scope strong,
.inventory-original-purchase-scope span {
  min-height: 30px;
  padding: 7px 9px;
  border-right: 1px solid #e1e8ec;
  line-height: 1.45;
}

.inventory-original-purchase-scope strong {
  color: #173441;
  background: #edf3f4;
}

.inventory-original-purchase-scope span:last-child {
  border-right: 0;
}

.inventory-original-purchase-entry {
  border: 1px solid #d7e1e6;
  background: #fbfcfd;
  margin-bottom: 10px;
  padding: 10px;
  display: grid;
  gap: 9px;
}

.inventory-original-purchase-entry__head,
.inventory-original-purchase-entry__modal-head,
.inventory-original-purchase-entry__detail {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.inventory-original-purchase-entry__head strong,
.inventory-original-purchase-entry__modal-head strong,
.inventory-original-purchase-entry__detail strong {
  display: block;
  color: #173441;
  font-size: 13px;
  line-height: 1.35;
}

.inventory-original-purchase-entry__head span,
.inventory-original-purchase-entry__modal-head span,
.inventory-original-purchase-entry__detail span,
.inventory-original-purchase-entry__hint {
  display: block;
  margin-top: 2px;
  color: #647681;
  font-size: 11px;
  line-height: 1.45;
}

.inventory-original-purchase-entry__head button,
.inventory-original-purchase-entry__detail-actions button,
.inventory-original-purchase-entry__modes button,
.inventory-original-purchase-entry__categories button {
  border: 1px solid #cfdbe2;
  border-radius: 4px;
  background: #fff;
  color: #1f3b45;
  padding: 6px 9px;
  font-size: 12px;
  line-height: 1.35;
  cursor: pointer;
}

.inventory-original-purchase-entry__head button {
  flex: 0 0 auto;
  background: #0d7a66;
  border-color: #0d7a66;
  color: #fff;
  font-weight: 700;
}

.inventory-original-purchase-entry__state {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.inventory-original-purchase-entry__state span {
  min-width: 0;
  border: 1px solid #e1e8ec;
  background: #fff;
  padding: 6px 8px;
}

.inventory-original-purchase-entry__state small {
  display: block;
  color: #7a8d97;
  font-size: 11px;
}

.inventory-original-purchase-entry__state b {
  display: block;
  margin-top: 2px;
  color: #173441;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.inventory-original-purchase-entry__modal {
  border: 1px solid #e1e8ec;
  background: #fff;
  padding: 9px;
  display: grid;
  gap: 8px;
}

.inventory-original-purchase-entry__modes,
.inventory-original-purchase-entry__categories,
.inventory-original-purchase-entry__detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.inventory-original-purchase-entry__modes button,
.inventory-original-purchase-entry__categories button {
  min-width: 112px;
  text-align: left;
}

.inventory-original-purchase-entry__modes button strong,
.inventory-original-purchase-entry__categories button strong {
  display: block;
  font-size: 12px;
}

.inventory-original-purchase-entry__modes button span,
.inventory-original-purchase-entry__categories button span {
  display: block;
  margin-top: 2px;
  color: #647681;
  font-size: 11px;
}

.inventory-original-purchase-entry__modes button.is-active,
.inventory-original-purchase-entry__categories button.is-active {
  border-color: #0d7a66;
  background: #eef8f5;
  color: #0b6354;
}

.inventory-original-purchase-entry__detail {
  border-top: 1px solid #e1e8ec;
  padding-top: 8px;
}

.inventory-original-purchase-entry__detail.is-empty {
  border: 1px dashed #cfdbe2;
  padding: 8px;
}

.inventory-original-purchase-entry__detail-actions button:first-child {
  background: #0d7a66;
  border-color: #0d7a66;
  color: #fff;
  font-weight: 700;
}

.inventory-original-purchase-rule {
  display: grid;
  grid-template-columns: minmax(160px, 1.2fr) repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.inventory-original-purchase-rule > div {
  display: grid;
  gap: 3px;
  padding: 7px 8px;
  border: 1px solid #d8e1e6;
  background: #f8faf9;
}

.inventory-original-purchase-rule strong,
.inventory-original-purchase-rule b {
  color: #173441;
  font-size: 12px;
  line-height: 1.4;
}

.inventory-original-purchase-rule span,
.inventory-original-purchase-rule small {
  color: #647681;
  font-size: 11px;
  line-height: 1.45;
}

.inventory-original-purchase-template {
  display: grid;
  gap: 4px;
  margin: 8px 0;
  padding: 8px 10px;
  border: 1px dashed #c9d6dc;
  background: #f7fafb;
  color: #5c6f79;
  font-size: 12px;
  line-height: 1.55;
}

.inventory-original-purchase-template strong {
  color: #173441;
}

.inventory-original-purchase-ledger {
  display: grid;
  gap: 8px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #d8e1e6;
}

.inventory-original-purchase-ledger__head {
  display: grid;
  gap: 2px;
}

.inventory-original-purchase-ledger__head strong {
  color: #1b3745;
  font-size: 13px;
}

.inventory-original-purchase-ledger__head span {
  color: #687983;
  font-size: 12px;
  line-height: 1.45;
}

.inventory-original-purchase-status {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.inventory-original-purchase-display {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 8px;
  padding: 6px;
  border: 1px solid #d8e1e6;
  background: #f8faf9;
}

.inventory-original-purchase-display button {
  min-height: 26px;
  padding: 0 8px;
  border-radius: 3px;
  font-size: 12px;
}

.inventory-original-purchase-display button.is-active {
  border-color: #0d7a66;
  background: #0d7a66;
  color: #fff;
}

.inventory-original-purchase-status button {
  min-height: 28px;
  padding: 0 8px;
  border-radius: 3px;
  font-size: 12px;
}

.inventory-original-purchase-status button.is-active {
  border-color: #0d7a66;
  background: #e8f5f1;
  color: #075f4f;
}

.inventory-original-purchase-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.inventory-original-purchase-summary span {
  display: grid;
  gap: 2px;
  padding: 6px 8px;
  border: 1px solid #d8e1e6;
  background: #f8faf9;
  color: #687983;
  font-size: 11px;
}

.inventory-original-purchase-summary b {
  color: #183441;
  font-size: 13px;
}

.inventory-original-purchase-card {
  display: grid;
  gap: 6px;
  padding: 9px 10px;
  border: 1px solid #d8e1e6;
  border-radius: 4px;
  background: #fff;
}

.inventory-original-purchase-card[data-busy="true"] {
  border-color: #bfd3df;
  background: #f8fbfd;
}

.inventory-original-purchase-card__head,
.inventory-original-purchase-card__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.inventory-original-purchase-card__head strong {
  color: #183441;
  font-size: 13px;
}

.inventory-original-purchase-card__head b {
  color: #0d6b58;
  font-size: 12px;
}

.inventory-original-purchase-card__receive {
  display: grid;
  gap: 5px;
}

.inventory-original-purchase-card__status {
  padding: 6px 8px;
  border: 1px solid #d8e1e6;
  background: #f8faf9;
  color: #60727d;
  font-size: 11px;
  line-height: 1.5;
}

.inventory-original-purchase-card__status[data-status="running"] {
  border-color: #bed6ec;
  background: #f2f8fd;
  color: #1f629b;
}

.inventory-original-purchase-card__status[data-status="success"] {
  border-color: #afd9c1;
  background: #eef9f4;
  color: #0d6b58;
}

.inventory-original-purchase-card__status[data-status="warning"] {
  border-color: #efcf98;
  background: #fff8ec;
  color: #9a5b11;
}

.inventory-original-purchase-card__receive textarea {
  min-height: 76px;
  padding: 7px 8px;
  border: 1px solid #c9d6dc;
  border-radius: 4px;
  background: #fffef7;
  color: #1f2933;
  font: inherit;
  font-size: 12px;
  resize: vertical;
}

.inventory-original-purchase-card__actions {
  justify-content: flex-start;
  flex-wrap: wrap;
}

.inventory-original-purchase-card__actions button {
  min-height: 28px;
  padding: 0 9px;
  font-size: 12px;
}

.inventory-original-return-panel {
  display: grid;
  gap: 8px;
  margin-top: 8px;
  border: 1px solid #d8e1e6;
  border-radius: 4px;
  background: #fffdf8;
}

.inventory-original-return-panel > summary {
  display: grid;
  gap: 3px;
  padding: 8px 10px;
  cursor: pointer;
  list-style: none;
}

.inventory-original-return-panel > summary::-webkit-details-marker {
  display: none;
}

.inventory-original-return-panel > summary strong {
  color: #513019;
  font-size: 13px;
}

.inventory-original-return-panel > summary span {
  color: #6b7c86;
  font-size: 12px;
  line-height: 1.45;
}

.inventory-original-return-panel[open] > summary {
  border-bottom: 1px solid #d8e1e6;
  background: #fff7e9;
}

.inventory-original-return-panel > form,
.inventory-original-return-panel > .inventory-original-inline-result {
  margin: 8px 10px 10px;
}

.inventory-original-table {
  display: grid;
  gap: 0;
  overflow: auto;
  min-height: 560px;
  max-height: 760px;
  border: 0;
  border-radius: 0;
}

.inventory-original-table__head,
.inventory-original-row {
  display: grid;
  grid-template-columns: 64px minmax(250px, 1.8fr) 128px 102px minmax(110px, 0.95fr) 94px;
  gap: 8px;
  align-items: center;
}

.inventory-original-table__head[data-cost-visible="true"],
.inventory-original-row[data-cost-visible="true"] {
  grid-template-columns: 64px minmax(250px, 1.8fr) 128px 102px minmax(110px, 0.95fr) 88px 94px;
}

.inventory-original-table__head {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 7px 10px;
  background: #edf1f4;
  color: #4f626d;
  font-size: 12px;
  font-weight: 800;
}

.inventory-original-row {
  width: 100%;
  min-height: 50px;
  padding: 7px 10px;
  border: 0;
  border-top: 1px solid #e2e9ed;
  border-radius: 0;
  text-align: left;
  background: #fff;
  font-weight: 500;
}

.inventory-original-row:nth-child(odd) {
  background: #fcfdfd;
}

.inventory-original-row.is-active {
  background: #e8f3fb;
}

.inventory-original-row > span,
.inventory-original-row__name {
  min-width: 0;
  overflow-wrap: anywhere;
}

.inventory-original-row__name,
.inventory-original-row span {
  display: grid;
  gap: 2px;
}

.inventory-original-row strong {
  color: #1f2933;
}

.inventory-original-row__actions {
  display: flex !important;
  flex-wrap: wrap;
  gap: 4px;
}

.inventory-original-row__actions b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0 7px;
  border: 1px solid #b8c8d1;
  border-radius: 3px;
  color: #22689a;
  font-size: 12px;
  font-weight: 800;
}

.inventory-original-row__index {
  color: #6a7a84;
  font-size: 12px;
  font-weight: 700;
}

.inventory-original-table__foot {
  padding: 9px 10px;
  border-top: 1px solid #d8e1e6;
  background: #fffaf2;
}

.inventory-original-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  align-items: end;
  padding: 0;
}

.inventory-original-form label {
  display: grid;
  gap: 4px;
  color: #4f626d;
  font-size: 12px;
  font-weight: 700;
}

.inventory-original-form input,
.inventory-original-form select {
  min-height: 32px;
  padding: 0 8px;
}

.inventory-original-form textarea {
  min-height: 68px;
  padding: 8px 10px;
  resize: vertical;
}

.inventory-original-receipt-params {
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 1px solid #d8e1e6;
  border-radius: 4px;
  background: #f8faf9;
}

.inventory-original-receipt-params__head {
  display: grid;
  gap: 4px;
  color: #4f626d;
  font-size: 12px;
  padding-bottom: 6px;
  border-bottom: 1px dashed #d8e1e6;
}

.inventory-original-receipt-params__head strong {
  color: #152f3a;
  font-size: 13px;
}

.inventory-original-receipt-params__head span {
  line-height: 1.5;
}

.inventory-original-receipt-params__note {
  padding: 7px 8px;
  border-left: 3px solid #c7d6de;
  background: #eef4f6;
  color: #586a75;
  font-size: 12px;
  line-height: 1.6;
}

.inventory-original-receipt-params__summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.inventory-original-receipt-params__summary span {
  display: grid;
  gap: 2px;
  padding: 6px 8px;
  border: 1px solid #d8e1e6;
  background: #fff;
}

.inventory-original-receipt-params__summary small {
  color: #6a7a84;
  font-size: 11px;
  line-height: 1.3;
}

.inventory-original-receipt-params__summary b {
  color: #193543;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.inventory-original-receipt-params__sections {
  display: grid;
  gap: 8px;
}

.inventory-original-receipt-params__section {
  border: 1px solid #dce5ea;
  background: #fff;
}

.inventory-original-receipt-params__section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 8px;
  border-bottom: 1px dashed #dce5ea;
  background: #f7fafb;
  color: #566974;
  font-size: 12px;
}

.inventory-original-receipt-params__section-head strong {
  color: #173441;
  font-size: 12px;
}

.inventory-original-receipt-params__section-head span {
  min-width: 0;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inventory-original-receipt-params__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 8px;
}

.inventory-original-lens-matrix {
  display: grid;
  gap: 8px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #d8e1e6;
}

.inventory-original-lens-matrix__head,
.inventory-original-lens-matrix__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #52636d;
  font-size: 12px;
}

.inventory-original-lens-matrix__head strong {
  color: #152f3a;
  font-size: 13px;
}

.inventory-original-lens-matrix__defaults {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border: 1px solid #d8e1e6;
  background: #f8faf9;
}

.inventory-original-lens-matrix__defaults span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 6px 8px;
  border-right: 1px solid #d8e1e6;
  color: #4f626d;
}

.inventory-original-lens-matrix__defaults span:last-child {
  border-right: 0;
}

.inventory-original-lens-matrix__defaults small {
  color: #70828b;
  font-size: 11px;
  line-height: 1.2;
}

.inventory-original-lens-matrix__defaults b {
  min-width: 0;
  color: #173441;
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.inventory-original-lens-matrix__tools {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.inventory-original-lens-matrix__tools button {
  min-height: 28px;
  padding: 0 8px;
  border: 1px solid #bacbd3;
  border-radius: 3px;
  background: #fff;
  color: #284858;
  font-size: 12px;
  font-weight: 800;
}

.inventory-original-lens-matrix__tools button:hover {
  background: #edf3f4;
}

.inventory-original-lens-purchase-table {
  overflow: auto;
  border: 1px solid #cbd8de;
  background: #fff;
}

.inventory-original-lens-purchase-table__row {
  display: grid;
  grid-template-columns: minmax(180px, 1.4fr) 92px minmax(170px, 1.2fr) 76px 112px 98px minmax(110px, 0.9fr);
  min-width: 960px;
  border-bottom: 1px solid #d8e1e6;
}

.inventory-original-lens-purchase-table__row:last-child {
  border-bottom: 0;
}

.inventory-original-lens-purchase-table__row > span {
  min-width: 0;
  padding: 7px 8px;
  border-right: 1px solid #d8e1e6;
  color: #2f4651;
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.inventory-original-lens-purchase-table__row > span:last-child {
  border-right: 0;
}

.inventory-original-lens-purchase-table__row--head > span {
  background: #e8eef2;
  color: #405660;
  font-weight: 800;
}

.inventory-original-lens-purchase-table__row strong,
.inventory-original-lens-purchase-table__row small {
  display: block;
  min-width: 0;
}

.inventory-original-lens-purchase-table__row small {
  margin-top: 2px;
  color: #697c86;
  font-size: 11px;
}

.inventory-original-lens-purchase-table__row button {
  min-height: 26px;
  padding: 0 8px;
  border-radius: 2px;
  font-size: 12px;
}

.inventory-original-lens-matrix__advanced {
  border: 1px solid #d8e1e6;
  background: #fff;
}

.inventory-original-lens-matrix__advanced > summary {
  padding: 7px 9px;
  color: #405660;
  background: #f7fafb;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  list-style: none;
}

.inventory-original-lens-matrix__advanced > summary::-webkit-details-marker {
  display: none;
}

.inventory-original-lens-dialog {
  position: fixed;
  inset: 0;
  z-index: 2100;
  display: grid;
  place-items: center;
}

.inventory-original-lens-dialog__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(28, 38, 45, 0.42);
}

.inventory-original-lens-dialog__panel {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  width: min(1320px, calc(100vw - 18px));
  max-height: calc(100vh - 18px);
  border: 1px solid #9fb0ba;
  border-radius: 2px;
  background: #eef2f4;
  box-shadow: 0 14px 34px rgba(18, 32, 42, 0.28);
}

.inventory-original-lens-dialog__head,
.inventory-original-lens-dialog__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 4px 8px;
  border-bottom: 1px solid #cbd8de;
  background: #f8fafb;
}

.inventory-original-lens-dialog__head strong {
  color: #173441;
  font-size: 14px;
}

.inventory-original-lens-dialog__head span,
.inventory-original-lens-dialog__foot span {
  display: block;
  margin-top: 1px;
  color: #657883;
  font-size: 11px;
}

.inventory-original-lens-dialog__foot span[data-status="running"] {
  color: #1f629b;
}

.inventory-original-lens-dialog__foot span[data-status="success"] {
  color: #0d6b58;
}

.inventory-original-lens-dialog__foot span[data-status="warning"] {
  color: #9a5b11;
}

.inventory-original-lens-dialog__head button {
  width: 24px;
  min-width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #7a8b96;
  font-size: 24px;
  line-height: 1;
}

.inventory-original-lens-dialog__topline {
  display: grid;
  grid-template-columns: auto minmax(260px, 1fr) auto;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-bottom: 1px solid #cbd8de;
  background: #fff;
}

.inventory-original-lens-dialog__tabs,
.inventory-original-lens-dialog__toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 0;
  border-bottom: 0;
  background: transparent;
}

.inventory-original-lens-dialog__tabs button,
.inventory-original-lens-dialog__toolbar button,
.inventory-original-lens-dialog__foot button {
  min-height: 28px;
  padding: 0 8px;
  border: 1px solid #b8c8d1;
  border-radius: 2px;
  background: linear-gradient(#fff, #edf2f4);
  color: #284858;
  font-size: 12px;
  font-weight: 800;
}

.inventory-original-lens-dialog__tabs button.is-active {
  border-color: #0d7a66;
  background: #0d7a66;
  color: #fff;
}

.inventory-original-lens-dialog__toolbar button.is-active {
  border-color: #b87900;
  background: #f3a313;
  color: #1f2f39;
}

.inventory-original-lens-dialog__meta {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 7px;
  color: #5b6f7a;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
}

.inventory-original-lens-dialog__meta span {
  min-width: 0;
  padding: 0;
  border-right: 0;
  color: #5b6f7a;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  overflow-wrap: anywhere;
}

.inventory-original-lens-dialog__meta b {
  color: #173441;
}

.inventory-original-lens-dialog__toolbar {
  align-items: center;
  background: #fdfefe;
}

.inventory-original-lens-dialog__range-tools {
  display: grid;
  grid-template-columns: minmax(160px, 1.1fr) minmax(220px, 1.4fr) minmax(320px, 2fr) auto;
  align-items: end;
  gap: 6px;
  padding: 0;
  border-bottom: 1px solid #cbd8de;
  background: #f7fafb;
  color: #355163;
  font-size: 12px;
  font-weight: 800;
}

.inventory-original-lens-dialog__range-tools > summary {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 26px;
  padding: 3px 8px;
  cursor: pointer;
  list-style: none;
}

.inventory-original-lens-dialog__range-tools > summary::-webkit-details-marker {
  display: none;
}

.inventory-original-lens-dialog__range-tools > summary::after {
  content: "设置";
  margin-left: auto;
  padding: 2px 7px;
  border: 1px solid #b8c8d1;
  border-radius: 2px;
  background: #fff;
  color: #284858;
  font-size: 11px;
}

.inventory-original-lens-dialog__range-tools[open] {
  padding: 0 8px 6px;
}

.inventory-original-lens-dialog__range-tools[open] > summary {
  margin: 0 -8px;
}

.inventory-original-lens-dialog__range-head {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.inventory-original-lens-dialog__range-head span {
  color: #173441;
  font-weight: 900;
}

.inventory-original-lens-dialog__range-head small {
  color: #657883;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.inventory-original-lens-dialog__range-presets,
.inventory-original-lens-dialog__range-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.inventory-original-lens-dialog__range-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(86px, 1fr));
  gap: 6px;
}

.inventory-original-lens-dialog__range-grid label {
  display: grid;
  gap: 3px;
  color: #516774;
  font-size: 11px;
  font-weight: 800;
}

.inventory-original-lens-dialog__range-grid input {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  border: 1px solid #b8c8d1;
  border-radius: 2px;
  background: #fff;
  color: #173441;
  font-size: 12px;
  font-weight: 800;
}

.inventory-original-lens-dialog__range-grid input[readonly] {
  background: #edf2f4;
  color: #7a8b96;
}

.inventory-original-lens-dialog__range-tools button {
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid #b8c8d1;
  border-radius: 2px;
  background: linear-gradient(#fff, #edf2f4);
  color: #284858;
  font-size: 12px;
  font-weight: 800;
}

.inventory-original-lens-dialog__range-tools button.is-active {
  border-color: #0d7a66;
  background: #0d7a66;
  color: #fff;
}

.inventory-original-lens-dialog__range-tools small {
  color: #657883;
  font-size: 12px;
  font-weight: 700;
}

.inventory-original-lens-dialog__toolbar label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #355163;
  font-size: 12px;
  font-weight: 800;
}

.inventory-original-lens-dialog__toolbar input {
  width: 72px;
  min-height: 24px;
  padding: 0 6px;
}

.inventory-original-lens-dialog input[type="number"]::-webkit-outer-spin-button,
.inventory-original-lens-dialog input[type="number"]::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.inventory-original-lens-dialog input[type="number"] {
  appearance: textfield;
  -moz-appearance: textfield;
}

.inventory-original-lens-dialog__body {
  overflow: auto;
  padding: 5px 8px 6px;
  background: #eef2f4;
}

.inventory-original-lens-dialog-fallback {
  margin-bottom: 5px;
  padding: 4px 7px;
  border: 1px solid #d6c16f;
  background: #fff8df;
  color: #6d5612;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.inventory-original-lens-dialog-table-wrap {
  overflow: auto;
  max-height: calc(100vh - 178px);
  scroll-padding-top: 32px;
  scroll-padding-left: 78px;
  border: 1px solid #8aa5b4;
  background: #fff;
}

.inventory-original-lens-dialog-table {
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 13px;
}

.inventory-original-lens-dialog-col-axis {
  width: 78px;
}

.inventory-original-lens-dialog-col-value {
  width: 72px;
}

.inventory-original-lens-dialog-col-total {
  width: 64px;
}

.inventory-original-lens-dialog-table th,
.inventory-original-lens-dialog-table td {
  min-width: 64px;
  max-width: 78px;
  height: 31px;
  padding: 0 3px;
  border: 1px solid #9fb9c8;
  background: #fff;
  text-align: center;
  vertical-align: middle;
}

.inventory-original-lens-dialog-table-wrap.is-compact .inventory-original-lens-dialog-table {
  font-size: 12px;
}

.inventory-original-lens-dialog-table-wrap.is-compact .inventory-original-lens-dialog-col-axis {
  width: 66px;
}

.inventory-original-lens-dialog-table-wrap.is-compact .inventory-original-lens-dialog-col-value {
  width: 58px;
}

.inventory-original-lens-dialog-table-wrap.is-compact .inventory-original-lens-dialog-col-total {
  width: 54px;
}

.inventory-original-lens-dialog-table-wrap.is-compact .inventory-original-lens-dialog-table th,
.inventory-original-lens-dialog-table-wrap.is-compact .inventory-original-lens-dialog-table td {
  min-width: 52px;
  max-width: 64px;
  height: 24px;
  padding: 0 2px;
}

.inventory-original-lens-dialog-table-wrap.is-compact .inventory-original-lens-dialog-axis {
  min-width: 66px !important;
  max-width: 66px !important;
}

.inventory-original-lens-dialog-table-wrap.is-compact .inventory-original-lens-dialog-sku.is-compact input {
  min-height: 20px;
  font-size: 11px;
}

.inventory-original-lens-dialog-table-wrap.is-ultra-compact .inventory-original-lens-dialog-table {
  font-size: 11px;
}

.inventory-original-lens-dialog-table-wrap.is-ultra-compact .inventory-original-lens-dialog-col-axis {
  width: 58px;
}

.inventory-original-lens-dialog-table-wrap.is-ultra-compact .inventory-original-lens-dialog-col-value {
  width: 48px;
}

.inventory-original-lens-dialog-table-wrap.is-ultra-compact .inventory-original-lens-dialog-col-total {
  width: 48px;
}

.inventory-original-lens-dialog-table-wrap.is-ultra-compact .inventory-original-lens-dialog-table th,
.inventory-original-lens-dialog-table-wrap.is-ultra-compact .inventory-original-lens-dialog-table td {
  min-width: 44px;
  max-width: 54px;
  height: 19px;
  padding: 0 1px;
}

.inventory-original-lens-dialog-table-wrap.is-ultra-compact .inventory-original-lens-dialog-axis {
  min-width: 58px !important;
  max-width: 58px !important;
}

.inventory-original-lens-dialog-table-wrap.is-ultra-compact .inventory-original-lens-dialog-sku.is-compact input {
  min-height: 16px;
  font-size: 10px;
}

.inventory-original-lens-dialog-table thead th,
.inventory-original-lens-dialog-table tfoot th,
.inventory-original-lens-dialog-table tfoot td {
  position: sticky;
  z-index: 3;
  height: 28px;
  padding: 4px 6px;
  background: #d8ebf8;
  color: #17465e;
  font-weight: 800;
}

.inventory-original-lens-dialog-table thead th {
  top: 0;
}

.inventory-original-lens-dialog-table tfoot th,
.inventory-original-lens-dialog-table tfoot td {
  bottom: 0;
}

.inventory-original-lens-dialog-axis {
  position: sticky;
  left: 0;
  z-index: 4 !important;
  min-width: 78px !important;
  max-width: 78px !important;
  background: #d8ebf8 !important;
  color: #17465e;
  font-weight: 800;
}

.inventory-original-lens-dialog-total-axis,
.inventory-original-lens-dialog-row-total,
.inventory-original-lens-dialog-column-total,
.inventory-original-lens-dialog-grand-total {
  background: #eef7fc !important;
  color: #173441;
  font-weight: 900;
}

.inventory-original-lens-dialog-table td.is-empty {
  color: #b5c2c8;
  background: #f8fbfd;
  font-weight: 800;
}

.inventory-original-lens-dialog-table td.is-selected {
  background: #fff8e8;
  box-shadow: inset 0 0 0 2px #d79d32;
}

.inventory-original-lens-dialog-table td.is-focus-cell {
  background: #fffbe8;
  box-shadow: inset 0 0 0 2px #0f5f97;
}

.inventory-original-lens-dialog-table td.is-drag-anchor {
  box-shadow: inset 0 0 0 2px #0d7a66;
}

.inventory-original-lens-dialog-table td.is-drag-preview {
  background: #edf7ff;
}

.inventory-original-lens-dialog-table td.is-drag-preview-target {
  background: #e8fff4;
  box-shadow: inset 0 0 0 1px #3ca370;
}

.inventory-original-lens-dialog-table td.is-drag-preview-remove {
  background: #fff1f1;
  box-shadow: inset 0 0 0 1px #cc6f6f;
}

.inventory-original-lens-dialog.is-multi-selecting .inventory-original-lens-dialog-table td[data-inventory-original-lens-dialog-cell] {
  cursor: crosshair;
  user-select: none;
}

.inventory-original-lens-dialog.is-multi-selecting .inventory-original-lens-dialog-table-wrap {
  user-select: none;
}

.inventory-original-lens-dialog-sku {
  display: grid;
  gap: 2px;
  padding: 4px;
}

.inventory-original-lens-dialog-sku.is-compact {
  padding: 0;
}

.inventory-original-lens-dialog-sku input {
  width: 100%;
  min-height: 25px;
  padding: 0 2px;
  border: 1px solid #a6bfd0;
  border-radius: 0;
  background: #f3f9ff;
  color: #173441;
  text-align: center;
  font-size: 12px;
  font-weight: 800;
}

.inventory-original-lens-dialog-sku.is-compact input {
  min-height: 24px;
  border: 0;
  background: transparent;
}

.inventory-original-lens-dialog-sku small,
.inventory-original-lens-dialog-sku em {
  color: #6a7c86;
  font-size: 10px;
  font-style: normal;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inventory-original-lens-dialog-total,
.inventory-original-lens-dialog-table td > b,
.inventory-original-lens-dialog-column-total,
.inventory-original-lens-dialog-grand-total {
  color: #0d5f73;
  font-size: 12px;
}

.inventory-original-lens-dialog-unmatched {
  margin-top: 8px;
  border: 1px solid #cbd8de;
  background: #fff;
}

.inventory-original-lens-dialog-unmatched > summary {
  padding: 7px 9px;
  background: #f7fafb;
  color: #405660;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  list-style: none;
}

.inventory-original-lens-dialog-unmatched__grid {
  display: grid;
  gap: 6px;
  padding: 8px;
}

.inventory-original-lens-dialog-unmatched__grid label {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) 160px;
  gap: 8px;
  align-items: center;
  color: #405660;
  font-size: 12px;
}

.inventory-original-lens-dialog__foot {
  border-top: 1px solid #cbd8de;
  border-bottom: 0;
}

.inventory-original-lens-dialog__foot > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

@media print {
  body.modal-open > *:not(.inventory-original-lens-dialog) {
    display: none !important;
  }

  .inventory-original-lens-dialog {
    position: static;
    display: block;
  }

  .inventory-original-lens-dialog__backdrop,
  .inventory-original-lens-dialog__toolbar,
  .inventory-original-lens-dialog__range-tools,
  .inventory-original-lens-dialog__foot {
    display: none !important;
  }

  .inventory-original-lens-dialog__panel {
    width: 100%;
    max-height: none;
    border: 0;
    box-shadow: none;
  }

  .inventory-original-lens-dialog__body,
  .inventory-original-lens-dialog-table-wrap {
    overflow: visible;
    max-height: none;
    padding: 0;
  }

  .inventory-original-lens-dialog-fallback {
    display: none;
  }

  .inventory-original-lens-dialog-table {
    font-size: 10pt;
  }

  .inventory-original-lens-dialog-table th,
  .inventory-original-lens-dialog-table td {
    height: 18pt;
    min-width: 34pt;
    max-width: 40pt;
    border-color: #777;
  }

  .inventory-original-lens-dialog-sku.is-compact input {
    min-height: 16pt;
    font-size: 10pt;
  }
}

.inventory-original-lens-power-table {
  overflow: auto;
  max-height: 560px;
  border: 1px solid #cbd8de;
  background: #fff;
}

.inventory-original-lens-power-table__grid {
  width: max-content;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 12px;
}

.inventory-original-lens-power-table__grid th,
.inventory-original-lens-power-table__grid td {
  min-width: 142px;
  max-width: 190px;
  height: 96px;
  padding: 0;
  border-right: 1px solid #d8e1e6;
  border-bottom: 1px solid #d8e1e6;
  vertical-align: top;
  background: #fff;
}

.inventory-original-lens-power-table__grid thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  height: auto;
  min-height: 30px;
  padding: 7px 8px;
  background: #e9f0f3;
  color: #2f4651;
  font-weight: 800;
  text-align: center;
}

.inventory-original-lens-power-table__grid tbody th {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 76px;
  max-width: 76px;
  padding: 7px 8px;
  background: #edf3f4;
  color: #2f4651;
  font-weight: 800;
  text-align: right;
}

.inventory-original-lens-power-table__grid thead .inventory-original-lens-power-table__axis {
  left: 0;
  z-index: 4;
  min-width: 76px;
  max-width: 76px;
  text-align: center;
}

.inventory-original-lens-power-table__sku {
  display: grid;
  gap: 4px;
  min-height: 95px;
  padding: 6px;
  background: #fff;
}

.inventory-original-lens-power-table__sku + .inventory-original-lens-power-table__sku {
  border-top: 1px dashed #d8e1e6;
}

.inventory-original-lens-power-table__sku.is-active {
  background: #e8f3fb;
  box-shadow: inset 3px 0 0 #2f7fbd;
}

.inventory-original-lens-power-table__cell-stock {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3px;
}

.inventory-original-lens-power-table__cell-stock b,
.inventory-original-lens-power-table__cell-stock small {
  min-width: 0;
  padding: 2px 4px;
  border: 1px solid #d8e1e6;
  background: #f8faf9;
  color: #405660;
  font-size: 11px;
  line-height: 1.2;
  text-align: center;
}

.inventory-original-lens-power-table__cell-stock small {
  grid-column: 1 / -1;
  color: #697c86;
}

.inventory-original-lens-power-table__cell-note {
  min-height: 14px;
  color: #6a7a84;
  font-size: 11px;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inventory-original-lens-power-table__cell-inputs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3px;
}

.inventory-original-lens-power-table__cell-inputs label {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  align-items: center;
  gap: 2px;
  color: #5f7079;
  font-size: 11px;
  font-weight: 800;
}

.inventory-original-lens-power-table__cell-inputs input {
  width: 100%;
  min-width: 0;
  min-height: 24px;
  padding: 0 3px;
  font-size: 11px;
}

.inventory-original-lens-power-table__empty {
  color: #b5c2c8;
  font-weight: 800;
  text-align: center;
  vertical-align: middle !important;
  background: #f8faf9 !important;
}

.inventory-original-lens-power-table__unmatched {
  border: 1px solid #d8e1e6;
  background: #fff;
}

.inventory-original-lens-power-table__unmatched > summary {
  padding: 7px 9px;
  border-bottom: 1px solid #d8e1e6;
  background: #f7fafb;
  color: #405660;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  list-style: none;
}

.inventory-original-lens-power-table__unmatched > summary::-webkit-details-marker {
  display: none;
}

.inventory-original-lens-matrix__table {
  overflow: auto;
  border: 1px solid #d8e1e6;
  background: #fff;
}

.inventory-original-lens-matrix__row {
  display: grid;
  grid-template-columns: minmax(170px, 1.5fr) 58px 58px 76px 72px 72px 72px minmax(96px, 0.9fr) minmax(150px, 1.2fr);
  gap: 6px;
  align-items: center;
  min-width: 980px;
  padding: 6px 8px;
  border-top: 1px solid #e2e9ed;
  font-size: 12px;
}

.inventory-original-lens-matrix__row--head {
  position: sticky;
  top: 0;
  z-index: 1;
  border-top: 0;
  background: #edf3f4;
  color: #405660;
  font-weight: 800;
}

.inventory-original-lens-matrix__row.is-active {
  background: #e8f3fb;
  box-shadow: inset 3px 0 0 #2f7fbd;
}

.inventory-original-lens-matrix__row small {
  display: block;
  color: #6a7a84;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inventory-original-lens-matrix__row input {
  width: 100%;
  min-height: 30px;
  padding: 0 6px;
}

.inventory-original-lens-matrix__trace {
  display: grid;
  grid-template-columns: minmax(64px, 0.8fr) minmax(92px, 1fr);
  gap: 4px;
}

.inventory-original-lens-matrix__actions button {
  min-width: 132px;
}

.inventory-original-form__wide,
.inventory-original-form__actions {
  grid-column: 1 / -1;
}

.inventory-original-feed {
  display: grid;
  gap: 6px;
}

.inventory-original-ledger-group {
  display: grid;
  gap: 6px;
  padding: 8px 10px;
  border: 1px solid #d8e1e6;
  border-radius: 4px;
  background: #fff;
}

.inventory-original-ledger-group__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  padding-bottom: 6px;
  border-bottom: 1px dashed #d8e1e6;
}

.inventory-original-ledger-group__head strong {
  color: #183441;
  font-size: 13px;
}

.inventory-original-ledger-group__head span {
  color: #687983;
  font-size: 12px;
}

.inventory-original-ledger-group__list {
  display: grid;
  gap: 6px;
}

.inventory-original-subtabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin-top: 8px;
  border: 1px solid #d8e1e6;
  border-bottom: 0;
  background: #f8fafb;
}

.inventory-original-subtabs button {
  min-height: 30px;
  padding: 5px 10px;
  border: 0;
  border-right: 1px solid #d8e1e6;
  border-radius: 0;
  background: transparent;
  color: #355163;
  font-size: 12px;
  font-weight: 700;
}

.inventory-original-subtabs button.is-active {
  background: #0d7a66;
  color: #fff;
}

.inventory-original-inline-result {
  display: grid;
  gap: 8px;
  margin-top: 8px;
  padding: 8px 10px;
  border: 1px solid #d8e1e6;
  border-radius: 4px;
  background: #fff;
}

.inventory-original-inline-result__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.inventory-original-inline-result__head strong {
  color: #183441;
  font-size: 13px;
}

.inventory-original-inline-result__head span {
  color: #687983;
  font-size: 12px;
}

.inventory-original-inline-result__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.inventory-original-inline-result__stats span,
.inventory-original-inline-result__meta span {
  display: grid;
  gap: 2px;
  padding: 6px 8px;
  border: 1px solid #e1e7eb;
  border-radius: 3px;
  background: #f8fafb;
  color: #60707a;
  font-size: 12px;
}

.inventory-original-inline-result__stats b,
.inventory-original-inline-result__meta b {
  color: #1f2933;
  font-size: 13px;
}

.inventory-original-inline-result__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.inventory-original-inline-result__list {
  display: grid;
  gap: 6px;
}

.inventory-original-inline-result__row {
  display: grid;
  gap: 3px;
  padding: 8px 10px;
  border: 1px solid #e1e7eb;
  border-radius: 3px;
  background: #f9fbfc;
  color: #405660;
  font-size: 12px;
}

.inventory-original-inline-result__row strong {
  color: #193747;
  font-size: 13px;
}

.inventory-original-inline-result__row small {
  color: #697a84;
  line-height: 1.5;
}

.inventory-original-inline-result__row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.inventory-original-inline-result__row-actions button {
  min-height: 24px;
  padding: 2px 8px;
  border: 1px solid #c7d4dc;
  border-radius: 3px;
  background: #fff;
  color: #245f8d;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.inventory-original-inline-result__row.is-warning {
  border-color: #efd8b0;
  background: #fff8ef;
}

.inventory-original-inline-result__row.is-success {
  border-color: #c7e4da;
  background: #f1fbf7;
}

.inventory-original-inline-result__row.is-muted {
  background: #f7f9fa;
}

.inventory-original-inline-result__row.is-blocked {
  border-color: #edc2b2;
  background: #fff4ef;
}

.inventory-original-inline-result__badge {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 7px;
  border: 1px solid #cad6de;
  border-radius: 999px;
  background: #fff;
  color: #3d5969;
  font-size: 11px;
  font-weight: 800;
}

.inventory-original-inline-result__badge.is-blocked {
  border-color: #d98e73;
  color: #9b4d12;
  background: #fff4ec;
}

.inventory-original-inline-result__badge.is-success {
  border-color: #7eb8a1;
  color: #0b6b58;
  background: #edf9f4;
}

.inventory-original-inline-result__badge.is-warning {
  border-color: #e2b463;
  color: #8a5a00;
  background: #fff8e8;
}

.inventory-original-inline-result__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.inventory-original-inline-result__actions button {
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid #b8c8d1;
  border-radius: 3px;
  background: #fff;
  color: #245f8d;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.inventory-original-feed-row {
  width: 100%;
  min-height: 52px;
  padding: 8px 10px;
  text-align: left;
}

.inventory-original-feed-row span {
  color: #405660;
  font-size: 12px;
}

.inventory-original-status {
  padding: 9px 12px;
  border-top: 1px solid #d8e1e6;
  background: #f8faf9;
  color: #52636d;
  font-size: 13px;
}

.inventory-original-status[data-status="success"] {
  background: #e8f5f1;
  color: #075f4f;
}

.inventory-original-status[data-status="warning"] {
  background: #fff4e8;
  color: #9b4d12;
}

.inventory-backstage-search {
  margin: 10px 12px 0;
}

.inventory-backstage-details {
  margin-top: 14px;
  border: 1px solid #d5dee5;
  background: #fff;
}

.inventory-backstage-details > summary {
  padding: 10px 12px;
  cursor: pointer;
  color: #1d4156;
  font-size: 13px;
  font-weight: 700;
  list-style: none;
}

.inventory-backstage-details > summary::-webkit-details-marker {
  display: none;
}

.inventory-backstage-details[open] > summary {
  border-bottom: 1px solid #d5dee5;
  background: #f6f8fa;
}

.inventory-backstage-details__hint {
  padding: 10px 12px 0;
  color: #6b7c86;
  font-size: 12px;
}

.inventory-original-status[data-status="muted"] {
  background: #f8faf9;
}

.inventory-product-scope {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin: 12px 0;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.12);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(248, 252, 251, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-product-scope__head {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.inventory-product-scope__head span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}

.inventory-product-scope__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.inventory-product-scope__actions button {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 999px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.inventory-product-scope__actions button.is-primary {
  border-color: rgba(13, 122, 102, 0.28);
  background: linear-gradient(135deg, rgba(13, 122, 102, 0.12) 0%, rgba(13, 122, 102, 0.06) 100%);
  color: #0d7a66;
}

.inventory-product-scope__actions button.is-accent {
  border-color: rgba(186, 126, 18, 0.26);
  background: linear-gradient(135deg, rgba(246, 166, 35, 0.14) 0%, rgba(246, 166, 35, 0.06) 100%);
  color: #8f5d0f;
}

.inventory-product-scope__actions button:disabled {
  opacity: 0.52;
  cursor: not-allowed;
}

.inventory-product-scope__sort {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 600;
}

.inventory-product-scope__sort select {
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 12px;
  background: #fff;
  color: var(--ink);
  font: inherit;
}

.inventory-product-scope__chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.inventory-product-scope textarea {
  width: 100%;
  min-height: 126px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.96);
  font: 12px/1.55 "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  resize: vertical;
}

.inventory-product-batch-tools {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.inventory-product-batch-tools button {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.97);
  color: var(--ink);
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.inventory-product-batch-tools button:disabled {
  opacity: 0.52;
  cursor: not-allowed;
}

.inventory-product-batch-tools__field {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 600;
}

.inventory-product-batch-tools__field input {
  width: 86px;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 12px;
  background: #fff;
  color: var(--ink);
  font: inherit;
}

.inventory-product-batch-tools__field--wide input {
  width: 168px;
}

.inventory-product-preview-feed {
  display: grid;
  gap: 10px;
  margin: 12px 0;
  padding: 14px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 18px;
  background: #fff;
}

.inventory-product-preview-feed__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-product-preview-feed__head span {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.inventory-product-preview-feed__head button {
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(13, 122, 102, 0.16);
  border-radius: 10px;
  background: #eef7f4;
  color: var(--accent);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-product-preview-feed__head button:disabled {
  opacity: 0.52;
  cursor: not-allowed;
}

.inventory-product-preview-feed__list {
  display: grid;
  gap: 10px;
}

.inventory-product-preview-feed textarea {
  width: 100%;
  min-height: 116px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  font: inherit;
  background: #fbfffe;
  resize: vertical;
}

.inventory-product-preview-card {
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(247, 252, 250, 0.96) 0%, #fff 100%);
}

.inventory-product-preview-card.is-warning {
  border-color: rgba(207, 106, 38, 0.28);
  background: linear-gradient(180deg, rgba(255, 248, 241, 0.96) 0%, #fff 100%);
}

.inventory-product-preview-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.inventory-product-preview-card__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.inventory-product-preview-card__actions button {
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid rgba(13, 122, 102, 0.16);
  border-radius: 10px;
  background: #eef7f4;
  color: var(--accent);
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.inventory-product-preview-card__warning {
  margin-top: 10px;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(207, 106, 38, 0.1);
  color: #a14f15;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
}

.inventory-product-preview-card__rows {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.inventory-product-preview-card__row {
  padding-top: 8px;
  border-top: 1px dashed rgba(13, 122, 102, 0.14);
}

.inventory-product-preview-card__row strong,
.inventory-product-preview-card__row span {
  display: block;
}

.inventory-product-preview-card__row span {
  margin-top: 2px;
  color: var(--muted);
  font-size: 12px;
}

.inventory-product-scope__chip {
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(13, 122, 102, 0.08);
  color: #1f6256;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.inventory-product-bulk {
  min-width: 160px;
}

.inventory-product-bulk__pick,
.inventory-product-bulk__qty {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.inventory-product-bulk__pick {
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 600;
}

.inventory-product-bulk__qty {
  color: var(--muted);
  font-size: 12px;
}

.inventory-product-bulk__qty input {
  width: 70px;
  min-height: 30px;
  padding: 0 8px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 10px;
  background: #fff;
  color: var(--ink);
  font: inherit;
}

tr.is-picked {
  background: rgba(13, 122, 102, 0.05);
}

.inventory-product-pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.97);
}

.inventory-product-pager span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}

.inventory-product-pager__actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.inventory-product-pager__jump {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--muted);
  font-size: 13px;
}

.inventory-product-pager__jump input {
  width: 72px;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 12px;
  background: #fff;
  color: var(--ink);
  font: inherit;
}

.inventory-product-pager__actions button {
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 999px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

.inventory-product-pager__actions button:disabled {
  opacity: 0.48;
  cursor: not-allowed;
}

.inventory-capture-item.warning {
  border-color: rgba(231, 125, 44, 0.22);
  background: linear-gradient(180deg, rgba(255, 249, 244, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-capture-item.complete {
  border-color: rgba(13, 122, 102, 0.2);
}

.inventory-capture-item.audit {
  border-color: rgba(57, 104, 195, 0.18);
}

.inventory-capture-item__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.inventory-capture-item__badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.inventory-capture-item__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
  color: var(--muted);
  font-size: 12px;
}

.inventory-capture-item__file {
  margin-top: 10px;
  color: var(--ink);
  font-weight: 600;
  line-height: 1.6;
  word-break: break-all;
}

.inventory-capture-item small {
  display: block;
  margin-top: 8px;
  color: #58716b;
  line-height: 1.6;
}

.inventory-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

.inventory-filter-chip {
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 999px;
  background: #fff;
  color: #40645d;
  font: inherit;
  cursor: pointer;
  transition: all 140ms ease;
}

.inventory-filter-chip.is-active {
  border-color: rgba(13, 122, 102, 0.26);
  background: linear-gradient(135deg, rgba(13, 122, 102, 0.14), rgba(19, 129, 110, 0.08));
  color: #0d6a58;
  font-weight: 700;
}

.inventory-summary-card,
.inventory-stat-card {
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 18px;
  padding: 14px 16px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(244, 251, 249, 0.96) 100%);
}

.inventory-summary-card span,
.inventory-stat-card span {
  color: var(--muted);
  font-size: 12px;
}

.inventory-summary-card strong,
.inventory-stat-card strong {
  display: block;
  margin-top: 6px;
  color: var(--ink);
  font-size: 24px;
  line-height: 1.1;
}

.inventory-stat-card.is-trace-required {
  border-color: rgba(180, 90, 36, 0.24);
  background: linear-gradient(180deg, rgba(255, 248, 239, 0.98) 0%, #fff 100%);
}

.inventory-stat-card.is-trace-required strong {
  color: #9a4c1f;
}

.inventory-stat-card.is-trace-required small {
  display: block;
  margin-top: 8px;
  color: #6a5b45;
  line-height: 1.5;
}

.inventory-summary-card small {
  display: block;
  margin-top: 8px;
  color: #56716b;
  line-height: 1.5;
}

.inventory-detail {
  margin-top: 16px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 22px;
  padding: 16px;
  background: linear-gradient(180deg, rgba(249, 252, 251, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-activity {
  margin-bottom: 16px;
  padding: 16px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(246, 252, 250, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-activity__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-activity__head span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.inventory-activity__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.inventory-movement-ledger {
  margin-bottom: 16px;
  padding: 16px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(247, 252, 251, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.inventory-movement-ledger__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-movement-ledger__head span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.inventory-movement-ledger__filters {
  display: grid;
  grid-template-columns: minmax(180px, 220px) minmax(260px, 1fr) auto;
  gap: 12px;
  margin-top: 14px;
  align-items: end;
}

.inventory-movement-ledger__filters label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 12px;
}

.inventory-movement-ledger__filters input,
.inventory-movement-ledger__filters select {
  width: 100%;
  min-height: 40px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  font: inherit;
  background: #fff;
}

.inventory-movement-ledger__search {
  min-width: 0;
}

.inventory-movement-ledger__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.inventory-movement-ledger__actions button,
.inventory-movement-ledger__export button {
  min-height: 40px;
  padding: 0 16px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, #1a8b72, #0d6a58);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-movement-ledger__actions button#inventory-movement-ledger-clear {
  background: rgba(13, 122, 102, 0.12);
  color: #0d6a58;
}

.inventory-movement-ledger__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.inventory-movement-ledger-row {
  text-align: left;
}

.inventory-movement-ledger__export {
  margin-top: 12px;
  display: grid;
  gap: 10px;
}

.inventory-movement-ledger__export textarea {
  min-height: 220px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.98);
  color: var(--ink);
  font: inherit;
  line-height: 1.6;
  resize: vertical;
}

.inventory-bootstrap {
  display: grid;
  grid-template-columns: minmax(320px, 1.25fr) minmax(280px, 0.95fr);
  gap: 14px;
  margin-bottom: 16px;
}

.inventory-bootstrap__stack {
  display: grid;
  gap: 14px;
  align-content: start;
}

.inventory-detail__header,
.inventory-ledger__head,
.inventory-form__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-detail__header p,
.inventory-ledger__head span,
.inventory-form__head span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.inventory-form__head-copy {
  min-width: 0;
  flex: 1 1 320px;
}

.inventory-opening-bridge-summary {
  min-width: 280px;
  max-width: 420px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(13, 122, 102, 0.16);
  background: linear-gradient(180deg, rgba(247, 255, 252, 0.98), rgba(237, 250, 246, 0.96));
  box-shadow: 0 10px 24px rgba(13, 122, 102, 0.08);
  display: grid;
  gap: 6px;
}

.inventory-opening-bridge-summary strong,
.inventory-opening-bridge-summary span,
.inventory-opening-bridge-summary small {
  display: block;
}

.inventory-opening-bridge-summary strong {
  color: var(--ink);
  font-size: 13px;
}

.inventory-opening-bridge-summary span,
.inventory-opening-bridge-summary small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.inventory-detail__header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.inventory-detail__nav {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.96);
}

.inventory-detail__nav span {
  color: var(--muted);
  font-size: 12px;
  white-space: nowrap;
}

.inventory-detail__nav button {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 999px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.inventory-detail__nav button:disabled {
  opacity: 0.48;
  cursor: not-allowed;
}

.inventory-detail__status {
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(13, 122, 102, 0.08);
  color: #2b5f57;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.inventory-detail__status[data-status="warning"] {
  background: rgba(217, 128, 50, 0.12);
  color: #8d5314;
}

.inventory-detail__status[data-status="success"] {
  background: rgba(13, 122, 102, 0.16);
  color: #11695a;
}

.inventory-detail__stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.inventory-detail__forms {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.inventory-form {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 18px;
  background: #fff;
}

.inventory-form--wide {
  align-content: start;
}

.inventory-opening-guardrail {
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.16);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(239, 248, 244, 0.98) 0%, #fff 100%);
}

.inventory-opening-guardrail strong {
  color: var(--accent);
}

.inventory-opening-guardrail span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}

.inventory-cascade-menu {
  display: grid;
  gap: 0;
  border: 1px solid #ccd8df;
  background: #fff;
}

.inventory-cascade-menu div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 30px;
  border-bottom: 1px solid #e2e8ed;
}

.inventory-cascade-menu div:last-child {
  border-bottom: 0;
}

.inventory-cascade-menu strong,
.inventory-cascade-menu span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 9px;
  border-right: 1px solid #e2e8ed;
  color: #375466;
  font-size: 12px;
}

.inventory-cascade-menu strong {
  min-width: 78px;
  background: #f3f6f8;
  color: #173445;
}

.inventory-cascade-menu span {
  background: #fff;
}

.inventory-opening-helper {
  display: grid;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.12);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(247, 251, 249, 0.98) 0%, #fff 100%);
}

.inventory-opening-helper__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}

.inventory-opening-helper__head strong {
  color: var(--accent);
}

.inventory-opening-helper__head span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}

.inventory-opening-helper__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.inventory-opening-helper__actions button {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 999px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.inventory-opening-helper__list {
  display: grid;
  gap: 10px;
}

.inventory-opening-helper-card {
  display: grid;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.96);
}

.inventory-opening-helper-card__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}

.inventory-opening-helper-card__head span {
  color: var(--muted);
  font-size: 12px;
}

.inventory-opening-helper-card__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.inventory-opening-helper-card__chip {
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 12px;
  border: 1px solid rgba(13, 122, 102, 0.12);
  background: rgba(239, 248, 244, 0.85);
  color: var(--accent);
}

.inventory-opening-helper-card__chip.warning {
  border-color: rgba(180, 90, 36, 0.18);
  background: rgba(255, 244, 234, 0.96);
  color: #9a4c1f;
}

.inventory-opening-helper-card__chip.success {
  border-color: rgba(13, 122, 102, 0.14);
  background: rgba(239, 248, 244, 0.92);
  color: var(--accent);
}

.inventory-opening-helper-card__list {
  display: grid;
  gap: 6px;
}

.inventory-opening-helper-card__row {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) 88px 88px minmax(140px, 1.4fr);
  gap: 8px;
  padding: 6px 8px;
  border-radius: 10px;
  background: rgba(247, 251, 249, 0.9);
  color: var(--muted);
  font-size: 12px;
}

.inventory-opening-gate {
  display: grid;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid rgba(180, 90, 36, 0.18);
  border-radius: 16px;
  background:
    radial-gradient(circle at top left, rgba(255, 241, 220, 0.86), transparent 42%),
    linear-gradient(180deg, rgba(255, 252, 247, 0.98) 0%, #fff 100%);
}

.inventory-opening-gate__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-opening-gate__head > div {
  display: grid;
  gap: 4px;
}

.inventory-opening-gate__head strong {
  color: #9a4c1f;
}

.inventory-opening-gate__head span,
.inventory-opening-gate-card small,
.inventory-opening-gate__next span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}

.inventory-opening-gate__head b {
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(180, 90, 36, 0.1);
  color: #9a4c1f;
  white-space: nowrap;
}

.inventory-opening-gate__summary,
.inventory-opening-gate__next {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.inventory-opening-gate__summary span,
.inventory-opening-gate__next span {
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(180, 90, 36, 0.12);
}

.inventory-opening-gate__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
}

.inventory-opening-gate-card {
  display: grid;
  gap: 7px;
  padding: 10px 12px;
  border: 1px solid rgba(13, 122, 102, 0.12);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.94);
}

.inventory-opening-gate-card.blocked {
  border-color: rgba(181, 66, 49, 0.22);
  background: rgba(255, 246, 244, 0.96);
}

.inventory-opening-gate-card.waiting,
.inventory-opening-gate-card.review {
  border-color: rgba(180, 90, 36, 0.22);
  background: rgba(255, 249, 241, 0.96);
}

.inventory-opening-gate-card.complete {
  border-color: rgba(13, 122, 102, 0.2);
  background: rgba(241, 255, 250, 0.96);
}

.inventory-opening-gate-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.inventory-opening-gate-card__head strong {
  color: var(--ink);
}

.inventory-opening-gate-card__head span {
  color: #9a4c1f;
  font-size: 12px;
  font-weight: 800;
}

.inventory-opening-gate-card.complete .inventory-opening-gate-card__head span {
  color: #0d6a58;
}

.inventory-opening-gate-card b {
  color: var(--ink);
}

.inventory-export,
.inventory-reorder-feed,
.inventory-purchase-order-feed,
.inventory-batch-feed,
.inventory-action-ledger-feed,
.inventory-legacy-sales-feed,
.inventory-legacy-sales-preview-feed,
.inventory-legacy-opening-feed {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 18px;
  background: #fff;
}

.inventory-form label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 12px;
}

.inventory-form__trace-hint {
  display: block;
  margin-top: -2px;
  color: #5f7480;
  font-size: 12px;
  line-height: 1.6;
}

.inventory-form__trace-hint[data-required="true"] {
  color: #9a4c1f;
}

.inventory-form input,
.inventory-form textarea,
.inventory-form select {
  width: 100%;
  min-height: 40px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  font: inherit;
  background: #fff;
}

.inventory-form textarea {
  min-height: 82px;
  resize: vertical;
}

.inventory-form__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.inventory-form button {
  min-height: 42px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--accent), #13816e);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-form__actions button {
  flex: 1 1 150px;
}

.inventory-export__head,
.inventory-reorder-feed__head,
.inventory-purchase-order-feed__head,
.inventory-batch-feed__head,
.inventory-action-ledger-feed__head,
.inventory-legacy-sales-feed__head,
.inventory-legacy-sales-preview-feed__head,
.inventory-legacy-opening-feed__head,
.inventory-trace-feed__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-export__head span,
.inventory-reorder-feed__head span,
.inventory-purchase-order-feed__head span,
.inventory-batch-feed__head span,
.inventory-action-ledger-feed__head span,
.inventory-legacy-sales-feed__head span,
.inventory-legacy-sales-preview-feed__head span,
.inventory-legacy-opening-feed__head span,
.inventory-trace-feed__head span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.inventory-export textarea,
.inventory-reorder-feed textarea,
.inventory-supplier-feed textarea,
.inventory-receipt-feed textarea,
.inventory-batch-feed textarea,
.inventory-source-order-feed textarea,
.inventory-action-ledger-feed textarea,
.inventory-legacy-sales-feed textarea,
.inventory-legacy-sales-preview-feed textarea,
.inventory-legacy-opening-feed textarea,
.inventory-purchase-order-feed textarea {
  width: 100%;
  min-height: 116px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  font: inherit;
  background: #fbfffe;
  resize: vertical;
}

.inventory-export button,
.inventory-reorder-feed button,
.inventory-supplier-feed button,
.inventory-receipt-feed button,
.inventory-batch-feed button,
.inventory-source-order-feed button,
.inventory-action-ledger-feed button,
.inventory-legacy-sales-feed button,
.inventory-legacy-sales-preview-feed button,
.inventory-legacy-opening-feed button,
.inventory-purchase-order-feed button {
  min-height: 42px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, #2c7be5, #1c5fb8);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-ledger {
  margin-top: 16px;
}

.inventory-receipt-feed {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 18px;
  background: #fff;
}

.inventory-supplier-feed {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 18px;
  background: #fff;
}

.inventory-source-order-feed {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 18px;
  background: #fff;
}

.inventory-action-ledger-feed {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 18px;
  background: #fff;
}

.inventory-legacy-sales-feed {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 18px;
  background: #fff;
}

.inventory-legacy-sales-preview-feed,
.inventory-legacy-opening-feed {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 18px;
  background: linear-gradient(180deg, #fff 0%, rgba(250, 253, 246, 0.95) 100%);
}

.inventory-legacy-opening-guardrail {
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border: 1px solid rgba(180, 90, 36, 0.16);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255, 247, 236, 0.98) 0%, #fff 100%);
}

.inventory-legacy-opening-guardrail strong {
  color: #9a4c1f;
}

.inventory-legacy-opening-guardrail span {
  color: #7a5b48;
  font-size: 12px;
  line-height: 1.6;
}

.inventory-legacy-opening-route-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.inventory-legacy-opening-route-card {
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(13, 122, 102, 0.12);
  background: #fff;
}

.inventory-legacy-opening-route-card strong {
  color: var(--ink);
}

.inventory-legacy-opening-route-card span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}

.inventory-legacy-opening-route-card.is-live {
  border-color: rgba(13, 122, 102, 0.18);
  background: linear-gradient(180deg, rgba(239, 248, 244, 0.98) 0%, #fff 100%);
}

.inventory-legacy-opening-route-card.is-live strong {
  color: var(--accent);
}

.inventory-legacy-opening-route-card.is-sandbox {
  border-color: rgba(180, 90, 36, 0.18);
  background: linear-gradient(180deg, rgba(255, 248, 240, 0.98) 0%, #fff 100%);
}

.inventory-legacy-opening-route-card.is-sandbox strong {
  color: #9a4c1f;
}

.inventory-legacy-opening-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.inventory-legacy-opening-summary-card {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(180, 90, 36, 0.14);
  background: rgba(255, 255, 255, 0.94);
}

.inventory-legacy-opening-summary-card span {
  color: var(--muted);
  font-size: 12px;
}

.inventory-legacy-opening-summary-card strong {
  color: var(--ink);
  font-size: 24px;
}

.inventory-legacy-opening-summary-card small {
  color: #7a5b48;
  line-height: 1.5;
}

.inventory-legacy-opening-workbench {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 10px;
}

.inventory-legacy-opening-panel {
  display: grid;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(180, 90, 36, 0.14);
  background: linear-gradient(180deg, rgba(255, 252, 246, 0.9) 0%, #fff 100%);
}

.inventory-legacy-opening-panel__head,
.inventory-legacy-opening-sample-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-legacy-opening-panel__head > div:first-child {
  display: grid;
  gap: 4px;
}

.inventory-legacy-opening-panel__head span,
.inventory-legacy-opening-sample-head span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}

.inventory-legacy-opening-panel__actions {
  display: grid;
  justify-items: end;
  gap: 6px;
  min-width: 180px;
}

.inventory-legacy-opening-panel__actions button {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(180, 90, 36, 0.2);
  border-radius: 999px;
  background: #fff7ec;
  color: #9a4c1f;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.inventory-legacy-opening-panel__actions button:disabled {
  cursor: wait;
  opacity: 0.68;
}

.inventory-legacy-opening-panel__actions span {
  text-align: right;
}

.inventory-legacy-opening-panel__actions span[data-status="ok"] {
  color: #0d6a58;
}

.inventory-legacy-opening-panel__actions span[data-status="warning"] {
  color: #b45a24;
}

.inventory-legacy-opening-panel__list,
.inventory-legacy-opening-panel__stack {
  display: grid;
  gap: 10px;
}

.inventory-legacy-opening-review-item {
  width: 100%;
  appearance: none;
  text-align: left;
  display: grid;
  gap: 8px;
  padding: 12px 14px;
  border: 1px solid rgba(180, 90, 36, 0.16);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255, 247, 236, 0.98) 0%, #fff 100%);
  color: var(--ink);
  font: inherit;
  cursor: pointer;
}

.inventory-legacy-opening-review-item:hover,
.inventory-legacy-opening-review-item:focus-visible {
  border-color: rgba(180, 90, 36, 0.32);
  box-shadow: 0 10px 22px rgba(180, 90, 36, 0.1);
  outline: none;
}

.inventory-legacy-opening-review-item__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-legacy-opening-review-item__head strong {
  color: var(--ink);
}

.inventory-legacy-opening-review-item__badge {
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(180, 90, 36, 0.1);
  color: #9a4c1f;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.inventory-legacy-opening-review-item__meta {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}

.inventory-legacy-opening-review-item__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.inventory-legacy-opening-review-item__stats span {
  display: grid;
  gap: 2px;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(180, 90, 36, 0.12);
  color: var(--muted);
  font-size: 12px;
}

.inventory-legacy-opening-review-item__stats b {
  color: var(--ink);
  font-size: 14px;
}

.inventory-legacy-opening-review-item__checks {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.inventory-legacy-opening-review-item__check {
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(180, 90, 36, 0.1);
  color: #9a4c1f;
  font-size: 12px;
  font-weight: 700;
}

.inventory-legacy-opening-diff-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.inventory-legacy-opening-diff-item {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(33, 60, 91, 0.12);
  background: rgba(255, 255, 255, 0.95);
}

.inventory-legacy-opening-diff-item__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.inventory-legacy-opening-diff-item__head strong {
  color: var(--ink);
}

.inventory-legacy-opening-diff-item__head span {
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(33, 60, 91, 0.08);
  color: #213c5b;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.inventory-legacy-opening-diff-item__meta {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}

.inventory-legacy-opening-snapshot {
  display: grid;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  background: rgba(255, 255, 255, 0.96);
}

.inventory-legacy-opening-snapshot__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-legacy-opening-snapshot__head span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}

.inventory-legacy-opening-snapshot__body {
  display: grid;
  gap: 8px;
}

.inventory-legacy-opening-snapshot-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.inventory-legacy-opening-snapshot-grid span {
  display: grid;
  gap: 2px;
  padding: 8px 10px;
  border-radius: 12px;
  background: #f8fbfa;
  color: var(--muted);
  font-size: 12px;
}

.inventory-legacy-opening-snapshot-grid small {
  color: inherit;
}

.inventory-legacy-opening-snapshot-grid b {
  color: var(--ink);
  font-size: 14px;
}

.inventory-legacy-opening-snapshot-note {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}

.inventory-legacy-opening-feed__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.inventory-legacy-opening-feed__actions button {
  flex: 1 1 170px;
}

.inventory-trace-feed {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 18px;
  background: #fff;
}

.inventory-supplier-feed__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-source-order-feed__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-action-ledger-feed__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-legacy-sales-feed__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-legacy-sales-preview-feed__head,
.inventory-legacy-opening-feed__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-supplier-feed__head span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.inventory-source-order-feed__head span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.inventory-action-ledger-feed__head span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.inventory-legacy-sales-feed__head span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.inventory-legacy-sales-preview-feed__head span,
.inventory-legacy-opening-feed__head span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.inventory-supplier-feed__list {
  display: grid;
  gap: 10px;
}

.inventory-supplier-import {
  display: grid;
  gap: 8px;
}

.inventory-supplier-import textarea {
  min-height: 70px;
  font: 12px/1.55 "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

.inventory-source-order-feed__list {
  display: grid;
  gap: 10px;
}

.inventory-action-ledger-feed__list {
  display: grid;
  gap: 10px;
}

.inventory-legacy-sales-feed__list {
  display: grid;
  gap: 10px;
}

.inventory-legacy-sales-preview-feed__list,
.inventory-legacy-opening-feed__list {
  display: grid;
  gap: 10px;
}

.inventory-reorder-feed__list {
  display: grid;
  gap: 10px;
}

.inventory-reorder-feed__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.inventory-reorder-feed__actions button {
  flex: 1 1 150px;
  min-height: 38px;
}

.inventory-reorder-feed__actions button:first-child,
.inventory-reorder-feed__actions button:nth-child(2) {
  background: #eef7f4;
  color: var(--accent);
  border: 1px solid rgba(13, 122, 102, 0.18);
}

.inventory-receipt-feed__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-receipt-feed__head span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.inventory-receipt-feed__list {
  display: grid;
  gap: 10px;
}

.inventory-purchase-order-feed__list {
  display: grid;
  gap: 10px;
}

.inventory-batch-feed__list {
  display: grid;
  gap: 10px;
}

.inventory-trace-feed__list {
  display: grid;
  gap: 10px;
}

.inventory-receipt-card {
  width: 100%;
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(247, 252, 250, 0.96) 0%, #fff 100%);
}

.inventory-receipt-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.inventory-receipt-card__head strong {
  color: var(--ink);
}

.inventory-receipt-card__head b {
  color: #0d6a58;
}

.inventory-reorder-card {
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(247, 252, 250, 0.96) 0%, #fff 100%);
}

.inventory-reorder-card.is-selected {
  border-color: rgba(13, 122, 102, 0.28);
  box-shadow: 0 10px 22px rgba(13, 122, 102, 0.08);
}

.inventory-reorder-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-reorder-card__head strong {
  color: var(--ink);
}

.inventory-reorder-card__pick {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--ink);
  font-weight: 700;
}

.inventory-reorder-card__pick input {
  margin-top: 4px;
}

.inventory-reorder-card__qty {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 12px;
}

.inventory-reorder-card__qty input {
  width: 120px;
  min-height: 36px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 10px;
  font: inherit;
}

.inventory-purchase-order-card {
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(247, 252, 250, 0.96) 0%, #fff 100%);
}

.inventory-purchase-order-status-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 12px;
}

.inventory-purchase-order-status-filters button {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(13, 122, 102, 0.16);
  border-radius: 999px;
  background: #f7fbf9;
  color: var(--muted);
  font: inherit;
  cursor: pointer;
}

.inventory-purchase-order-status-filters button.is-active {
  border-color: rgba(13, 122, 102, 0.38);
  background: #0d7a66;
  color: #fff;
  box-shadow: 0 8px 18px rgba(13, 122, 102, 0.16);
}

.inventory-purchase-order-feed__copy-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.inventory-purchase-order-feed__copy-actions button {
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(13, 122, 102, 0.16);
  border-radius: 10px;
  background: #eef7f4;
  color: var(--accent);
  font: inherit;
  cursor: pointer;
}

.inventory-batch-card {
  width: 100%;
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(247, 252, 250, 0.96) 0%, #fff 100%);
}

.inventory-purchase-order-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.inventory-batch-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.inventory-purchase-order-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.inventory-purchase-order-card__receive {
  display: grid;
  gap: 6px;
  margin-top: 10px;
}

.inventory-purchase-order-card__receive textarea {
  min-height: 74px;
  padding: 9px 10px;
  border: 1px solid rgba(13, 122, 102, 0.14);
  border-radius: 10px;
  background: #fbfdfc;
  color: var(--ink);
  font: 12px/1.55 "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  resize: vertical;
}

.inventory-purchase-order-card__actions button {
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(13, 122, 102, 0.16);
  border-radius: 10px;
  background: #eef7f4;
  color: var(--accent);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-purchase-audit {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 18px;
  background: linear-gradient(180deg, #fff 0%, rgba(247, 252, 250, 0.96) 100%);
}

.inventory-purchase-audit__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-purchase-audit__head span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
  text-align: right;
}

.inventory-purchase-audit__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.inventory-purchase-audit-card {
  display: grid;
  gap: 5px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.12);
  border-radius: 16px;
  background: #fff;
}

.inventory-purchase-audit-card span,
.inventory-purchase-audit-card small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.inventory-purchase-audit-card strong {
  color: var(--ink);
  font-size: 20px;
}

.inventory-purchase-audit-card.warning strong {
  color: #b45a24;
}

.inventory-purchase-audit-card.audit strong {
  color: #2c7be5;
}

.inventory-purchase-audit-card.complete strong {
  color: var(--accent);
}

.inventory-purchase-audit__list {
  display: grid;
  gap: 8px;
}

.inventory-purchase-audit-row {
  display: grid;
  gap: 5px;
  padding: 11px 13px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.96);
}

.inventory-purchase-audit-row div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.inventory-purchase-audit-row strong {
  color: var(--ink);
}

.inventory-purchase-audit-row span {
  color: var(--accent);
  font-weight: 700;
}

.inventory-purchase-audit-row.warning span {
  color: #b45a24;
}

.inventory-purchase-audit-row.audit span {
  color: #2c7be5;
}

.inventory-purchase-audit-row small {
  color: var(--muted);
  line-height: 1.5;
}

.inventory-purchase-audit__mismatch-title {
  color: #2c7be5;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.inventory-purchase-audit textarea {
  width: 100%;
  min-height: 106px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  font: inherit;
  background: #fbfffe;
  resize: vertical;
}

.inventory-purchase-audit button {
  min-height: 40px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, #2c7be5, #1c5fb8);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.inventory-reorder-card__head b {
  color: #b45a24;
}

.inventory-supplier-card {
  width: 100%;
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(247, 252, 250, 0.96) 0%, #fff 100%);
}

.inventory-source-order-card {
  width: 100%;
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(247, 252, 250, 0.96) 0%, #fff 100%);
}

.inventory-action-ledger-card {
  width: 100%;
  display: grid;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(247, 252, 250, 0.96) 0%, #fff 100%);
}

.inventory-legacy-sales-card {
  width: 100%;
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(247, 252, 250, 0.96) 0%, #fff 100%);
}

.inventory-legacy-sales-preview-card,
.inventory-legacy-opening-card {
  width: 100%;
  display: grid;
  gap: 8px;
  padding: 12px 14px;
  border: 1px solid rgba(180, 90, 36, 0.14);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255, 252, 246, 0.98) 0%, #fff 100%);
}

.inventory-legacy-sales-preview-card__head,
.inventory-legacy-opening-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-legacy-sales-preview-card__badge {
  padding: 4px 8px;
  border-radius: 999px;
  background: #eef7f4;
  color: var(--accent);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.inventory-legacy-sales-preview-card__badge.is-risk {
  background: #fff1e6;
  color: #b45a24;
}

.inventory-legacy-sales-preview-card__badge.is-blocked {
  background: #ffecec;
  color: #c93535;
}

.inventory-legacy-sales-preview-card__numbers {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.inventory-legacy-sales-preview-card__numbers span {
  display: grid;
  gap: 2px;
  padding: 8px;
  border-radius: 12px;
  background: #f6faf9;
  color: var(--muted);
  font-size: 12px;
}

.inventory-legacy-sales-preview-card__numbers b {
  color: var(--ink);
  font-size: 14px;
}

@media (max-width: 720px) {
  .frontdesk-client-merge-grid,
  .frontdesk-client-merge-risk,
  .frontdesk-client-merge-operator {
    grid-template-columns: 1fr;
  }

  .frontdesk-client-merge-arrow {
    min-height: 28px;
    transform: rotate(90deg);
  }

  .frontdesk-client-merge-head {
    flex-direction: column;
  }

  .original-store-detail__head,
  .original-store-record__head,
  .original-store-detail__pager {
    flex-direction: column;
  }

  .original-store-detail__columns {
    grid-template-columns: 1fr;
  }

  .original-store-search,
  .original-store-search input,
  .original-store-dataset-select {
    width: 100%;
  }

  .inventory-legacy-sales-preview-card__numbers {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .inventory-legacy-opening-summary,
  .inventory-legacy-opening-route-split,
  .inventory-legacy-opening-workbench,
  .inventory-legacy-opening-review-item__stats,
  .inventory-legacy-opening-snapshot-grid {
    grid-template-columns: 1fr;
  }

  .inventory-legacy-opening-panel__head,
  .inventory-legacy-opening-sample-head,
  .inventory-legacy-opening-snapshot__head {
    flex-direction: column;
  }

  .inventory-legacy-opening-panel__actions {
    justify-items: start;
    width: 100%;
  }

  .inventory-legacy-opening-panel__actions span {
    text-align: left;
  }
}

/* Public WeChat member center: mobile-first overrides. */
.member-shell,
.member-shell * {
  box-sizing: border-box;
}

.member-debug-panel {
  margin-bottom: 14px;
}

.member-debug-panel > summary {
  cursor: pointer;
  color: #607582;
  font-weight: 700;
}

.member-detail-view,
.member-match-list,
.member-integration-status {
  min-width: 0;
  overflow-wrap: anywhere;
}

.member-benefit-card {
  width: 100%;
  overflow: hidden;
}

.member-action-grid button::before {
  display: inline-flex;
  width: 30px;
  height: 30px;
  margin-bottom: 8px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(54, 183, 170, 0.13);
  color: #08776d;
  font-weight: 900;
}

.member-action-grid button:nth-child(1)::before { content: "视"; }
.member-action-grid button:nth-child(2)::before { content: "单"; }
.member-action-grid button:nth-child(3)::before { content: "权"; }
.member-action-grid button:nth-child(4)::before { content: "信"; }

@media (max-width: 720px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .member-shell {
    width: 100%;
    max-width: 100vw;
    padding: 10px;
    background: #f3f6f8;
  }

  .member-hero,
  .member-panel,
  .member-debug-panel {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 14px;
    border-radius: 10px;
  }

  .member-hero h1 {
    font-size: 24px;
    line-height: 1.25;
  }

  .member-hero p,
  .member-panel-header p {
    font-size: 14px;
    line-height: 1.75;
  }

  .member-back-link,
  .member-lookup-form button,
  .compact-link {
    width: 100%;
    min-height: 44px;
    justify-content: center;
    text-align: center;
  }

  .member-lookup-form {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .member-lookup-form input,
  .member-lookup-form select,
  .member-lookup-form textarea {
    width: 100%;
    min-width: 0;
    font-size: 16px;
  }

  .member-wechat-status {
    padding: 12px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.65;
  }

  .member-active-profile {
    display: grid;
    grid-template-columns: 1fr;
    padding: 14px;
    border-radius: 14px;
  }

  .member-active-profile strong {
    font-size: 22px;
  }

  .member-benefit-card {
    padding: 16px;
    border-radius: 18px;
    background:
      radial-gradient(circle at 86% 20%, rgba(255, 255, 255, 0.24), transparent 16%),
      linear-gradient(135deg, #163b45 0%, #0f766e 100%);
  }

  .member-benefit-top {
    margin-bottom: 16px;
  }

  .member-benefit-top strong {
    font-size: 20px;
    letter-spacing: 0.08em;
    word-break: break-all;
  }

  .member-benefit-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .member-benefit-stats div {
    padding: 10px 6px;
    border-radius: 12px;
  }

  .member-benefit-stats strong {
    font-size: 17px;
  }

  .member-action-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }

  .member-action-grid button {
    min-height: 84px;
    padding: 10px 6px;
    border-radius: 14px;
    text-align: center;
  }

  .member-action-grid button::before {
    margin-left: auto;
    margin-right: auto;
  }

  .member-action-grid strong {
    margin-bottom: 4px;
    font-size: 13px;
  }

  .member-action-grid span {
    font-size: 11px;
    line-height: 1.35;
  }

  .member-record-grid,
  .member-eye-grid {
    grid-template-columns: 1fr;
  }

  .member-vision-summary {
    padding: 14px;
    border-radius: 16px;
  }

  .member-section-heading {
    display: grid;
    gap: 4px;
  }

  .member-section-heading strong {
    font-size: 18px;
  }

  .member-eye-grid div {
    padding: 14px;
    border-radius: 14px;
  }

  .member-eye-grid strong {
    font-size: 22px;
  }

  .mini-card {
    width: 100%;
    min-width: 0;
    padding: 12px;
    border-radius: 10px;
  }

  .mini-meta {
    font-size: 12px;
    line-height: 1.65;
  }
}

.member-service-panel,
.member-debug-panel {
  display: none;
}

.member-lookup-panel {
  margin-bottom: 10px;
}

.member-match-panel {
  padding: 10px 14px;
}

.member-match-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.member-match-summary strong,
.member-match-summary span {
  display: block;
}

.member-match-summary span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
}

.member-mini-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.member-mini-actions button {
  min-height: 42px;
  border: 1px solid #d7e0e6;
  border-radius: 12px;
  background: #fff;
  color: #193747;
  font-weight: 800;
}

.member-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}

.member-modal[aria-hidden="false"] {
  display: block;
}

.member-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.48);
}

.member-modal-dialog {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: min(720px, 100%);
  max-height: 86vh;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  border-radius: 22px 22px 0 0;
  background: #f7fafb;
  box-shadow: 0 -18px 52px rgba(15, 23, 42, 0.26);
  overflow: hidden;
}

.member-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  background: #fff;
  border-bottom: 1px solid #dce4ea;
}

.member-modal-header h3 {
  margin: 0;
  font-size: 18px;
  color: #193747;
}

.member-modal-close {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #d7e0e6;
  border-radius: 999px;
  background: #fff;
  color: #193747;
  font-weight: 800;
}

.member-modal-body {
  flex: 1 1 auto;
  min-height: 0;
  padding: 14px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

body.member-modal-open {
  overflow: hidden;
}

.member-picker-intro {
  margin-bottom: 12px;
  color: #607582;
  line-height: 1.7;
}

.member-picker-list,
.member-full-list {
  display: grid;
  gap: 12px;
}

.member-person-card {
  width: 100%;
  padding: 16px;
  border: 1px solid #cfe8e3;
  border-radius: 18px;
  background: linear-gradient(135deg, #eefbf8, #fff);
  color: #193747;
  text-align: left;
}

.member-person-card.is-current {
  border-color: #14a64a;
  background: linear-gradient(135deg, #e7f8ef, #ffffff);
  box-shadow: 0 0 0 2px rgba(20, 166, 74, 0.12);
}

.member-person-card span,
.member-person-card small,
.member-person-card em {
  display: block;
}

.member-person-card span {
  color: #0f766e;
  font-weight: 900;
}

.member-person-card strong {
  display: block;
  margin: 8px 0;
  font-size: 24px;
}

.member-person-card small {
  margin-top: 5px;
  color: #607582;
}

.member-person-card em {
  margin-top: 12px;
  padding: 10px;
  border-radius: 12px;
  background: #14a64a;
  color: #fff;
  font-style: normal;
  text-align: center;
  font-weight: 900;
}

.member-person-card.is-current em {
  background: #e7f8ef;
  color: #0f766e;
  border: 1px solid #bfe8d2;
}

.member-order-full-card {
  padding: 14px;
  border: 1px solid #d7e0e6;
  border-radius: 16px;
  background: #fff;
}

.member-order-full-card header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.member-order-full-card header strong {
  color: #172033;
  font-size: 15px;
  line-height: 1.45;
}

.member-order-full-card header span {
  flex: 0 0 auto;
  padding: 3px 8px;
  border-radius: 999px;
  background: #eefbf8;
  color: #0f766e;
  font-size: 12px;
  font-weight: 800;
}

.member-order-money {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

.member-order-money div {
  padding: 8px;
  border-radius: 12px;
  background: #f3f6f8;
}

.member-order-money small,
.member-order-money b {
  display: block;
}

.member-order-money small {
  color: #607582;
  font-size: 11px;
}

.member-order-money b {
  margin-top: 3px;
  color: #193747;
  font-size: 14px;
}

.member-order-full-card p {
  margin: 8px 0 0;
  color: #607582;
  line-height: 1.65;
}

@media (max-width: 720px) {
  .member-hero-compact {
    padding-bottom: 12px;
  }

  .member-hero-compact .member-back-link,
  .member-hero-compact p {
    display: none;
  }

  .member-match-panel:has(.empty-state),
  .member-service-panel,
  .member-debug-panel {
    display: none;
  }

  .member-match-summary {
    display: grid;
  }

  .member-mini-actions {
    grid-template-columns: 1fr;
  }

  .member-modal-dialog {
    max-height: 88vh;
    border-radius: 18px 18px 0 0;
  }

  .member-modal-body {
    padding: 12px;
  }
}

@media (min-width: 721px) and (max-width: 980px) {
  .inventory-legacy-opening-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .inventory-legacy-opening-workbench {
    grid-template-columns: 1fr;
  }
}

button.inventory-receipt-card,
button.inventory-supplier-card,
button.inventory-source-order-card,
button.inventory-batch-card,
button.inventory-action-ledger-card,
button.inventory-legacy-sales-card,
button.inventory-legacy-sales-preview-card,
button.inventory-legacy-opening-card {
  appearance: none;
  text-align: left;
  font: inherit;
  cursor: pointer;
}

button.inventory-receipt-card:hover,
button.inventory-supplier-card:hover,
button.inventory-source-order-card:hover,
button.inventory-batch-card:hover,
button.inventory-action-ledger-card:hover,
button.inventory-legacy-sales-card:hover,
button.inventory-legacy-sales-preview-card:hover,
button.inventory-legacy-opening-card:hover,
button.inventory-receipt-card:focus-visible,
button.inventory-supplier-card:focus-visible,
button.inventory-source-order-card:focus-visible,
button.inventory-batch-card:focus-visible,
button.inventory-action-ledger-card:focus-visible,
button.inventory-legacy-sales-card:focus-visible,
button.inventory-legacy-sales-preview-card:focus-visible,
button.inventory-legacy-opening-card:focus-visible {
  border-color: rgba(13, 122, 102, 0.28);
  box-shadow: 0 10px 22px rgba(13, 122, 102, 0.08);
  outline: none;
}

.inventory-supplier-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.inventory-source-order-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.inventory-action-ledger-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.inventory-legacy-sales-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.inventory-supplier-card__head strong {
  color: var(--ink);
}

.inventory-source-order-card__head strong {
  color: var(--ink);
}

.inventory-action-ledger-card__head strong {
  color: var(--ink);
}

.inventory-legacy-sales-card__head strong {
  color: var(--ink);
}

.inventory-supplier-card__head b {
  color: #0d6a58;
}

.inventory-source-order-card__head b {
  color: #0d6a58;
}

.inventory-action-ledger-card__head b {
  color: #0d6a58;
}

.inventory-legacy-sales-card__head b {
  color: #0d6a58;
}

.inventory-action-ledger-card__rows {
  display: grid;
  gap: 6px;
}

.inventory-action-ledger-card__row {
  width: 100%;
  display: grid;
  gap: 4px;
  appearance: none;
  border: 0;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(13, 122, 102, 0.04);
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.inventory-action-ledger-card__row:hover,
.inventory-action-ledger-card__row:focus-visible {
  background: rgba(13, 122, 102, 0.08);
  outline: none;
}

.inventory-action-ledger-card__row strong {
  color: var(--ink);
}

.inventory-action-ledger-card__row span {
  color: var(--muted);
}

.inventory-batch-card__head strong {
  color: var(--ink);
}

.inventory-batch-card__head b {
  color: #0d6a58;
}

.inventory-ledger__list {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.inventory-ledger-row {
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 16px;
  background: #fff;
}

.inventory-activity-row {
  display: grid;
  gap: 6px;
  width: 100%;
  padding: 12px 14px;
  border: 1px solid rgba(13, 122, 102, 0.1);
  border-radius: 16px;
  background: #fff;
  text-align: left;
  font: inherit;
  cursor: pointer;
}

.inventory-activity-row__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.inventory-activity-row__title {
  color: var(--ink);
  font-weight: 700;
}

.inventory-ledger-row__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.inventory-ledger-row__head strong {
  color: var(--ink);
}

.inventory-ledger-row__head b.is-in,
.inventory-activity-row__head b.is-in {
  color: #0d7a66;
}

.inventory-ledger-row__head b.is-out,
.inventory-activity-row__head b.is-out {
  color: #b45a24;
}

.inventory-ledger-row__remark {
  margin-top: 8px;
  color: #395955;
  line-height: 1.6;
}

#product-table-body tr[data-product-id] {
  cursor: pointer;
}

#product-table-body tr.is-active {
  background: rgba(13, 122, 102, 0.08);
}

.archive-status-panel {
  border-top: 4px solid #0d7a66;
}

.archive-panel-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.archive-manifest-run {
  min-height: 40px;
  padding: 0 16px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, #0d7a66, #2b72b9);
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}

.archive-manifest-run.secondary {
  background: linear-gradient(135deg, #2b72b9, #173d6b);
}

.archive-manifest-run.audit {
  background: linear-gradient(135deg, #d97706, #9a3412);
}

.archive-manifest-run:disabled {
  cursor: wait;
  opacity: 0.68;
}

.archive-manifest-output {
  margin: 14px 0 0;
  min-height: 78px;
  max-height: 260px;
  overflow: auto;
  padding: 12px 14px;
  border-radius: 14px;
  background: #102722;
  color: #d9fff2;
  font-family: Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  line-height: 1.6;
  white-space: pre-wrap;
}

.archive-status-grid {
  display: grid;
  gap: 14px;
}

.archive-overview {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
}

.archive-overview-card,
.archive-dataset-card,
.archive-detail-card {
  border: 1px solid rgba(13, 122, 102, 0.16);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(31, 54, 51, 0.06);
}

.archive-overview-card {
  display: grid;
  gap: 8px;
  min-height: 128px;
  padding: 16px;
  position: relative;
  overflow: hidden;
}

.archive-overview-card::after {
  content: "";
  position: absolute;
  right: -20px;
  bottom: -28px;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: rgba(13, 122, 102, 0.09);
}

.archive-overview-card.warning::after {
  background: rgba(221, 106, 51, 0.14);
}

.archive-overview-card.audit::after {
  background: rgba(54, 119, 190, 0.13);
}

.archive-overview-card span,
.archive-dataset-card__source,
.archive-detail-card small {
  color: #69817d;
  font-size: 12px;
}

.archive-overview-card strong {
  color: var(--ink);
  font-size: 30px;
  line-height: 1;
  position: relative;
  z-index: 1;
}

.archive-overview-card.warning strong {
  color: #c14f24;
}

.archive-overview-card small {
  color: #3d5954;
  line-height: 1.5;
  position: relative;
  z-index: 1;
}

.archive-ledger {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.archive-dataset-card {
  display: grid;
  gap: 8px;
  padding: 14px;
  border-left: 4px solid #0d7a66;
}

.archive-dataset-card.audit {
  border-left-color: #2b72b9;
}

.archive-dataset-card.warning {
  border-left-color: #dd6a33;
  background: #fff8f3;
}

.archive-dataset-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.archive-dataset-card__head strong {
  color: var(--ink);
}

.archive-dataset-card__count {
  color: #0d7a66;
  font-size: 24px;
  font-weight: 800;
}

.archive-dataset-card.warning .archive-dataset-card__count {
  color: #c14f24;
}

.archive-dataset-card p {
  margin: 0;
  color: #3d5954;
  line-height: 1.55;
}

.archive-detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}

.archive-detail-card {
  padding: 16px;
}

.archive-detail-card.warning {
  background: linear-gradient(135deg, #fff8f3, #fff);
}

.archive-detail-card h4 {
  margin: 0 0 12px;
  color: var(--ink);
}

.archive-path {
  margin: 0 0 8px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #f4faf8;
  color: #24443f;
  font-family: Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  line-height: 1.45;
  word-break: break-all;
}

.archive-dir-row,
.archive-blocker-row,
.archive-action-row {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 9px 0;
  border-bottom: 1px solid rgba(13, 122, 102, 0.1);
}

.archive-dir-row:last-child,
.archive-blocker-row:last-child,
.archive-action-row:last-child {
  border-bottom: 0;
}

.archive-dir-row {
  justify-content: space-between;
}

.archive-dir-row b {
  color: #0d7a66;
  white-space: nowrap;
}

.archive-manifest-history {
  display: grid;
  gap: 6px;
  margin-top: 12px;
}

.archive-manifest-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 10px;
  background: #f4faf8;
  color: #3d5954;
  font-size: 12px;
}

.archive-manifest-row.warning {
  background: #fff3ec;
}

.archive-manifest-row b {
  color: #0d7a66;
  white-space: nowrap;
}

.archive-manifest-row.warning b {
  color: #c14f24;
}

.archive-blocker-row {
  display: grid;
  gap: 4px;
}

.archive-blocker-row b {
  color: var(--ink);
}

.archive-blocker-row.warning b {
  color: #c14f24;
}

.archive-blocker-row span,
.archive-action-row p {
  margin: 0;
  color: #3d5954;
  line-height: 1.55;
}

.archive-action-row > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 50%;
  background: #0d7a66;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

@media (max-width: 1080px) {
  .inventory-bootstrap {
    grid-template-columns: 1fr;
  }

  .inventory-product-scope {
    flex-direction: column;
    align-items: stretch;
  }

  .inventory-product-scope__actions {
    justify-content: flex-start;
  }

  .inventory-product-scope__sort {
    width: 100%;
    justify-content: flex-start;
  }

  .inventory-product-scope__chips {
    justify-content: flex-start;
  }

  .inventory-pipeline-runner__head {
    display: grid;
  }

  .inventory-pipeline-runner__actions {
    justify-content: flex-start;
  }

  .inventory-product-pager__actions {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .inventory-product-pager__jump {
    width: 100%;
    justify-content: flex-start;
  }

  .inventory-movement-ledger__filters {
    grid-template-columns: 1fr;
  }

  .inventory-movement-ledger__actions {
    justify-content: flex-start;
  }

  .inventory-original-workbench__body,
  .inventory-original-content,
  .inventory-original-selected {
    grid-template-columns: 1fr;
  }

  .inventory-original-filterbar {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .inventory-original-filterbar > strong {
    line-height: 1.4;
  }

  .inventory-original-table__head,
  .inventory-original-row,
  .inventory-original-table__head[data-cost-visible="true"],
  .inventory-original-row[data-cost-visible="true"] {
    grid-template-columns: 56px minmax(180px, 1.5fr) 112px 88px minmax(92px, 0.9fr) 86px;
  }

  .inventory-original-table__head[data-cost-visible="true"] span:nth-child(6),
  .inventory-original-row[data-cost-visible="true"] > span:nth-child(6) {
    display: none;
  }

  .inventory-original-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .inventory-original-receipt-params__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .inventory-original-receipt-params__summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .inventory-original-panel__note-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .inventory-original-purchase-entry__head,
  .inventory-original-purchase-entry__modal-head,
  .inventory-original-purchase-entry__detail {
    flex-direction: column;
  }

  .inventory-original-purchase-entry__state {
    grid-template-columns: 1fr;
  }

  .inventory-original-receipt-params__section-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .inventory-original-lens-dialog__panel {
    width: calc(100vw - 18px);
    max-height: calc(100vh - 18px);
  }

  .inventory-original-lens-dialog__head,
  .inventory-original-lens-dialog__foot {
    align-items: stretch;
    flex-direction: column;
  }

  .inventory-original-lens-dialog__meta {
    flex-wrap: wrap;
    white-space: normal;
  }

  .inventory-original-lens-dialog__meta span {
    border-right: 0;
    border-bottom: 0;
  }

  .inventory-original-lens-dialog__range-tools {
    grid-template-columns: 1fr;
  }

  .inventory-original-lens-dialog__topline {
    grid-template-columns: 1fr;
  }

  .inventory-original-lens-dialog__range-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .page-shell {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto minmax(0, 1fr);
    grid-template-areas:
      "topbar"
      "sidebar"
      "main";
  }

  .topbar {
    height: auto;
    flex-wrap: wrap;
  }

  .topbar-brand {
    width: 100%;
  }

  .topbar-user {
    margin-left: 0;
  }

  .sidebar {
    display: block;
  }

  .brand {
    display: none;
  }

  .sidebar-menu {
    display: flex;
    flex-wrap: wrap;
    padding: 8px;
    gap: 6px;
  }

  .sidebar-group-title {
    display: none;
  }

  .sidebar-menu a {
    padding: 8px 10px;
    border-left: 0;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.08);
  }

  .main,
  .member-shell {
    padding: 14px;
  }

  .frontdesk-client-modal__header {
    display: grid;
  }

  .frontdesk-client-modal__toolbar {
    grid-template-columns: 1fr;
  }

  .frontdesk-client-modal__close {
    justify-self: end;
  }

  th {
    top: 0;
  }

  .inventory-original-workbench__head,
  .inventory-original-workbench__tools {
    align-items: stretch;
    flex-direction: column;
  }

  .inventory-original-workbench__actions {
    width: 100%;
  }

  .inventory-original-workbench__actions button,
  .inventory-original-form button {
    flex: 1 1 120px;
  }

  .inventory-original-form {
    grid-template-columns: 1fr;
  }

  .inventory-original-panel__note-stats {
    grid-template-columns: 1fr;
  }

  .inventory-original-receipt-params__grid {
    grid-template-columns: 1fr;
  }

  .inventory-original-receipt-params__summary {
    grid-template-columns: 1fr;
  }

  .inventory-original-table__head {
    display: none;
  }

  .inventory-original-row,
  .inventory-original-row[data-cost-visible="true"] {
    grid-template-columns: 1fr 1fr;
    gap: 6px 10px;
  }

  .inventory-original-row__index,
  .inventory-original-row__name,
  .inventory-original-row__actions {
    grid-column: 1 / -1;
  }
}
.frontdesk-core-grid--compact {
  display: grid;
  grid-template-columns: minmax(360px, 1fr) minmax(0, 1.7fr);
  gap: 16px;
  align-items: start;
}

.frontdesk-core-grid--compact #frontdesk-client-card {
  grid-column: 1;
}

.frontdesk-core-grid--compact #frontdesk-product-workspace {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
}

#frontdesk-section[data-frontdesk-workspace-view="opening"] {
  gap: 10px;
  max-width: 1150px;
  margin-inline: auto;
  background: transparent;
}

#frontdesk-section[data-frontdesk-workspace-view="opening"] .frontdesk-order-head,
#frontdesk-section[data-frontdesk-workspace-view="opening"] .frontdesk-createorder-console,
#frontdesk-section[data-frontdesk-workspace-view="opening"] .frontdesk-sales-meta-strip {
  display: flex !important;
}

#frontdesk-section[data-frontdesk-workspace-view="opening"] .frontdesk-createorder-console {
  display: grid !important;
}

#frontdesk-section[data-frontdesk-workspace-view="opening"] .frontdesk-core-grid--compact {
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}

#frontdesk-section[data-frontdesk-workspace-view="opening"] #frontdesk-client-card,
#frontdesk-section[data-frontdesk-workspace-view="opening"] #frontdesk-optometry-card,
#frontdesk-section[data-frontdesk-workspace-view="opening"] #frontdesk-product-workspace {
  grid-column: 1;
  grid-row: auto;
  width: 100%;
}

#frontdesk-section[data-frontdesk-workspace-view="opening"] #frontdesk-client-card,
#frontdesk-section[data-frontdesk-workspace-view="opening"] #frontdesk-product-workspace {
  padding-top: 12px;
}

#frontdesk-section[data-frontdesk-workspace-view="opening"] #frontdesk-optometry-card {
  padding-top: 12px;
}

#frontdesk-section[data-frontdesk-workspace-view="opening"] #frontdesk-product-workspace .e0123-section-title {
  color: #222;
}

#frontdesk-section[data-frontdesk-workspace-view="opening"] .frontdesk-sales-workbench {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px;
}

#frontdesk-section[data-frontdesk-workspace-view="opening"] .frontdesk-sales-main {
  gap: 8px;
}

#frontdesk-section[data-frontdesk-workspace-view="opening"] .frontdesk-sales-side {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

#frontdesk-section[data-frontdesk-workspace-view="opening"] .frontdesk-sales-side-panel,
#frontdesk-section[data-frontdesk-workspace-view="opening"] .frontdesk-settlement-panel,
#frontdesk-section[data-frontdesk-workspace-view="opening"] .frontdesk-sales-search-shell,
#frontdesk-section[data-frontdesk-workspace-view="opening"] .frontdesk-sales-draft-panel,
#frontdesk-section[data-frontdesk-workspace-view="opening"] .frontdesk-sales-meta-strip {
  border-color: #d8dde2;
  box-shadow: none;
}

#frontdesk-section[data-frontdesk-workspace-view="product"] .frontdesk-core-grid--compact {
  grid-template-columns: minmax(0, 1fr);
}

#frontdesk-section[data-frontdesk-workspace-view="product"] #frontdesk-client-card,
#frontdesk-section[data-frontdesk-workspace-view="product"] #frontdesk-optometry-card,
#frontdesk-section[data-frontdesk-workspace-view="product"] #frontdesk-product-workspace {
  grid-column: 1;
  grid-row: auto;
  width: 100%;
}

body[data-active-workspace="frontdesk"] #product-section:not(.is-frontdesk-product-workspace),
body[data-active-workspace="frontdesk"] #inventory-product-scope,
body[data-active-workspace="frontdesk"] #inventory-product-stock-snapshot-section,
body[data-active-workspace="frontdesk"] #inventory-product-preview-feed,
body[data-active-workspace="frontdesk"] #inventory-detail {
  display: none !important;
}

body[data-active-workspace="inventory"] #frontdesk-section {
  display: none !important;
}

@media (max-width: 1180px) {
  .frontdesk-core-grid--compact {
    grid-template-columns: 1fr;
  }

  .frontdesk-core-grid--compact #frontdesk-client-card,
  .frontdesk-core-grid--compact #frontdesk-product-workspace {
    grid-column: 1;
    grid-row: auto;
  }
}

/* WeChat member gateway v6: original-system-like mobile landing. */
body[data-member-ready="true"] .member-lookup-panel,
body[data-member-ready="true"] .member-match-panel {
  display: none;
}

.member-hero-compact {
  padding: 18px;
  border: 0;
  border-radius: 0 0 22px 22px;
  background:
    radial-gradient(circle at 88% 18%, rgba(255, 255, 255, 0.22), transparent 18%),
    linear-gradient(135deg, #0e6b58 0%, #0d8b6d 52%, #18a058 100%);
  color: #fff;
}

.member-hero-compact .eyebrow,
.member-hero-compact h1,
.member-hero-compact p {
  color: #fff;
}

.member-hero-compact h1 {
  margin: 6px 0 4px;
  font-size: 22px;
}

.member-hero-compact p {
  max-width: 32em;
  margin: 0;
  opacity: 0.88;
}

.member-active-profile--compact {
  margin-top: 2px;
  border: 1px solid #dcebe6;
  background: #fff;
  box-shadow: 0 8px 24px rgba(16, 45, 55, 0.07);
}

.member-active-profile--compact span {
  color: #0f766e;
  font-weight: 800;
}

.member-benefit-card--primary {
  position: relative;
  margin-top: 12px;
  border: 0;
  box-shadow: 0 18px 40px rgba(12, 82, 65, 0.22);
}

.member-action-grid--original {
  margin-top: 12px;
}

.member-action-grid--original button {
  border-color: #e0ebe7;
  background: #fff;
  box-shadow: 0 8px 18px rgba(20, 48, 60, 0.06);
}

.member-summary-grid .mini-card,
.member-vision-summary,
.member-mini-actions--original button {
  border-color: #e0ebe7;
  box-shadow: 0 8px 18px rgba(20, 48, 60, 0.05);
}

.member-mini-actions--original button {
  color: #0f766e;
  font-weight: 800;
}

.member-modal-dialog {
  border-radius: 22px 22px 0 0;
}

.member-modal-body {
  background: #f5f8f7;
}

.member-order-full-card {
  border-color: #dfece8;
  box-shadow: 0 8px 18px rgba(20, 48, 60, 0.05);
}

.member-order-full-card p {
  word-break: break-word;
}

.member-bind-card {
  margin-bottom: 12px;
  border-color: #bfe8d2;
  background: linear-gradient(135deg, #f0fff7 0%, #fff 100%);
}

.member-bind-card strong {
  color: #0f766e;
}

.member-bind-button {
  width: 100%;
  min-height: 42px;
  margin-top: 10px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, #12a150, #0f766e);
  color: #fff;
  font-weight: 900;
}

.member-bind-button:disabled {
  opacity: 0.72;
}

@media (max-width: 720px) {
  .member-shell {
    padding: 0 10px 14px;
  }

  .member-hero-compact {
    margin: 0 -10px 12px;
    padding: 18px 16px 20px;
  }

  body[data-member-ready="true"] .member-main-panel {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .member-active-profile--compact {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    padding: 12px;
  }

  .member-active-profile--compact strong {
    font-size: 20px;
  }

  .member-active-profile--compact .compact-link {
    width: auto;
    min-height: 34px;
    padding: 0 10px;
    white-space: nowrap;
  }

  .member-benefit-card--primary {
    padding: 18px 16px;
    border-radius: 20px;
  }

  .member-benefit-top strong {
    font-size: 23px;
  }

  .member-action-grid--original button {
    min-height: 78px;
    padding: 9px 4px;
  }

  .member-summary-grid {
    gap: 10px;
    margin-top: 12px;
  }

  .member-modal-dialog {
    width: 100%;
    max-height: 90vh;
  }

  .member-order-full-card header {
    display: grid;
  }

  .member-order-full-card header span {
    justify-self: start;
  }

  .member-order-money {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .member-order-money div {
    padding: 8px 4px;
  }
}