:root {
  --bg: #f6f7f9;
  --surface: #ffffff;
  --surface-2: #eef3f0;
  --ink: #1e252b;
  --muted: #67727d;
  --line: #dce2e6;
  --accent: #0f766e;
  --accent-2: #8f4b10;
  --accent-3: #2457a6;
  --danger: #b42318;
  --shadow: 0 10px 28px rgba(30, 37, 43, 0.08);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: "Microsoft YaHei", "PingFang SC", "Segoe UI", Arial, sans-serif;
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  border: 0;
  cursor: pointer;
}

.app-shell {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  min-height: 100vh;
}

.sidebar {
  background: #17212b;
  color: #f4f7f9;
  padding: 22px 18px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.brand {
  display: flex;
  gap: 12px;
  align-items: center;
  min-width: 0;
}

.brand-mark {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  background: #f2c14e;
  color: #17212b;
  font-weight: 800;
  border-radius: 8px;
}

.brand h1 {
  margin: 0;
  font-size: 18px;
  letter-spacing: 0;
}

.brand p {
  margin: 3px 0 0;
  color: #b7c1ca;
  font-size: 13px;
}

.nav-tabs {
  display: grid;
  gap: 7px;
}

.nav-tab {
  min-height: 42px;
  padding: 0 12px;
  border-radius: 8px;
  background: transparent;
  color: #d8e0e7;
  text-align: left;
}

.nav-tab:hover,
.nav-tab.is-active {
  background: #243240;
  color: #ffffff;
}

.nav-more {
  position: relative;
}

.nav-more summary,
.top-more summary {
  min-height: 38px;
  padding: 0 12px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.nav-more summary::-webkit-details-marker,
.top-more summary::-webkit-details-marker {
  display: none;
}

.nav-more summary {
  background: #202c37;
  color: #d8e0e7;
}

.nav-more[open] summary,
.nav-more summary:hover {
  background: #243240;
  color: #ffffff;
}

.nav-more-list {
  display: grid;
  gap: 7px;
  margin-top: 7px;
  padding: 8px;
  border: 1px solid rgba(216, 224, 231, 0.12);
  border-radius: 8px;
  background: #111922;
}

.nav-more-list .nav-tab,
.top-more-list button {
  width: 100%;
}

.storage-panel {
  margin-top: auto;
  padding: 14px;
  background: #202c37;
  border-radius: 8px;
  display: grid;
  gap: 4px;
}

.storage-panel span {
  color: #aeb9c2;
  font-size: 12px;
}

.storage-panel strong {
  font-size: 13px;
  font-weight: 600;
}

.workspace {
  min-width: 0;
  padding: 22px;
}

.topbar {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.eyebrow {
  margin: 0 0 4px;
  color: var(--accent);
  font-size: 13px;
  font-weight: 700;
}

.topbar h2 {
  margin: 0;
  font-size: 26px;
  letter-spacing: 0;
}

.top-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  align-items: flex-start;
}

.file-button,
button.primary,
button.secondary,
button.danger,
form button[type="submit"] {
  min-height: 38px;
  padding: 0 13px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

button.primary {
  background: var(--accent);
  color: #ffffff;
}

.file-button {
  background: var(--accent);
  color: white;
  overflow: hidden;
  position: relative;
}

.file-button.secondary-file {
  background: #e5ece9;
  color: #21302f;
}

.file-button input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

button.secondary {
  background: #e5ece9;
  color: #21302f;
}

button.danger {
  background: #fde9e7;
  color: var(--danger);
}

.top-more {
  position: relative;
}

.top-more summary {
  background: #e5ece9;
  color: #21302f;
}

.top-more[open] summary {
  background: #d8e5df;
}

.top-more-list {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 30;
  width: max-content;
  min-width: 180px;
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: var(--shadow);
}

form button[type="submit"] {
  background: var(--accent);
  color: white;
  align-self: end;
}

button.small {
  min-height: 32px;
  padding-inline: 10px;
}

.file-button.small {
  min-height: 32px;
  padding-inline: 10px;
}

.view {
  display: none;
}

.view.is-active {
  display: block;
}

.is-click-feedback {
  outline: 2px solid rgba(15, 118, 110, 0.42);
  outline-offset: 2px;
  transform: translateY(-1px);
}

.action-feedback-toast {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 1000;
  max-width: min(420px, calc(100vw - 32px));
  padding: 11px 14px;
  border: 1px solid rgba(15, 118, 110, 0.28);
  border-radius: 8px;
  background: #12231f;
  color: #ffffff;
  box-shadow: 0 14px 34px rgba(18, 35, 31, 0.24);
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity 0.18s ease, transform 0.18s ease;
  font-size: 13px;
}

.action-feedback-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

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

.metric,
.panel,
.quote-panel {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.metric {
  padding: 18px;
}

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

.metric strong {
  display: block;
  margin-top: 8px;
  font-size: 30px;
}

.metric p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.daily-ops-hero {
  background: linear-gradient(180deg, #ffffff 0%, #f4f8fb 100%);
}

.optimization-command-panel,
.optimization-lifecycle-panel {
  background: #ffffff;
}

.optimization-command-board,
.optimization-lifecycle-board,
.optimization-review-board,
.optimization-connector-board,
.optimization-product-dossier-board {
  display: grid;
  gap: 12px;
}

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

.optimization-kpi,
.optimization-next-card,
.optimization-review-card,
.optimization-connector-panel,
.optimization-product-dossier-card {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.optimization-kpi {
  display: grid;
  gap: 8px;
  padding: 12px;
}

.optimization-kpi span,
.optimization-lifecycle-step small,
.optimization-review-card p,
.optimization-connector-row p,
.optimization-queue-row p {
  color: var(--muted);
}

.optimization-kpi span {
  font-size: 12px;
  font-weight: 700;
}

.optimization-kpi strong {
  font-size: 28px;
}

.optimization-kpi p,
.optimization-next-card p,
.optimization-review-card p,
.optimization-connector-row p,
.optimization-queue-row p,
.optimization-product-dossier-card p {
  margin: 0;
  overflow-wrap: anywhere;
}

.optimization-next-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px;
  background: #f8fbfa;
}

.optimization-next-card h4,
.optimization-review-head h4 {
  margin: 6px 0;
  overflow-wrap: anywhere;
}

.optimization-next-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.optimization-lifecycle-flow {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.optimization-lifecycle-step {
  min-height: 118px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 6px;
  align-items: start;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f7f8f6;
  color: var(--ink);
  text-align: left;
}

.optimization-lifecycle-step.has-count {
  background: #f2f7f6;
  border-color: rgba(15, 118, 110, 0.22);
}

.optimization-lifecycle-step span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #17212b;
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
}

.optimization-lifecycle-step strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.optimization-lifecycle-step em {
  min-width: 28px;
  padding: 3px 6px;
  border-radius: 999px;
  background: #e5ece9;
  color: #21302f;
  font-style: normal;
  text-align: center;
  font-weight: 800;
}

.optimization-lifecycle-step small {
  grid-column: 1 / -1;
  line-height: 1.5;
}

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

.optimization-review-head p {
  margin: 0;
  color: var(--muted);
}

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

.optimization-review-card {
  display: grid;
  gap: 8px;
  padding: 12px;
}

.optimization-review-card strong {
  font-size: 20px;
}

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

.optimization-product-dossier-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.48fr);
  gap: 12px;
}

.optimization-product-dossier-card {
  display: grid;
  gap: 12px;
  padding: 14px;
  background: #f8fbfa;
}

.optimization-product-dossier-card h4 {
  margin: 6px 0;
  font-size: 20px;
  overflow-wrap: anywhere;
}

.optimization-product-dossier-proof {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.optimization-product-dossier-proof div,
.optimization-product-dossier-step,
.optimization-product-dossier-note {
  min-width: 0;
  padding: 9px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.optimization-product-dossier-proof dt,
.optimization-product-dossier-step span,
.optimization-product-dossier-note span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.optimization-product-dossier-proof dd {
  margin: 4px 0 0;
  font-size: 13px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.optimization-product-dossier-actions,
.optimization-product-dossier-steps,
.optimization-product-dossier-side {
  display: grid;
  gap: 8px;
}

.optimization-product-dossier-actions {
  grid-template-columns: repeat(auto-fit, minmax(118px, max-content));
}

.optimization-product-dossier-step strong,
.optimization-product-dossier-note strong {
  display: block;
  margin-top: 4px;
  overflow-wrap: anywhere;
}

.optimization-product-dossier-step p,
.optimization-product-dossier-note p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.optimization-connector-panel {
  display: grid;
  gap: 10px;
  padding: 12px;
}

.optimization-connector-list,
.optimization-queue-list {
  display: grid;
  gap: 8px;
}

.optimization-connector-row,
.optimization-queue-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 4px 8px;
  align-items: center;
  padding: 9px;
  border-radius: 8px;
  background: #f6f7f9;
}

.optimization-connector-row p,
.optimization-queue-row p {
  grid-column: 2;
  font-size: 12px;
}

.optimization-acceptance-board {
  display: grid;
  gap: 14px;
  margin-top: 14px;
}

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

.optimization-acceptance-kpis article {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.optimization-acceptance-kpis span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.optimization-acceptance-kpis strong {
  display: block;
  margin-top: 4px;
  color: #243240;
  font-size: 22px;
}

.optimization-acceptance-kpis p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

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

.optimization-acceptance-group {
  min-width: 0;
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
}

.optimization-acceptance-group-head {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
}

.optimization-acceptance-group-head h4 {
  margin: 0;
  color: #1f2d3a;
  font-size: 16px;
}

.optimization-acceptance-group-head p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.optimization-acceptance-group-head strong {
  min-width: 34px;
  min-height: 34px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #25313a;
  color: #ffffff;
}

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

.optimization-acceptance-card {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.optimization-acceptance-main {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.optimization-acceptance-main h4 {
  margin: 0;
  color: #1f2d3a;
  font-size: 14px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.optimization-acceptance-main p,
.optimization-acceptance-main .muted {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.optimization-acceptance-actions {
  display: grid;
  gap: 8px;
}

.automation-capability-board {
  display: grid;
  gap: 14px;
  margin-top: 14px;
}

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

.automation-capability-kpis article {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.automation-capability-kpis span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.automation-capability-kpis strong {
  display: block;
  margin-top: 4px;
  color: #243240;
  font-size: 22px;
}

.automation-capability-kpis p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

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

.automation-capability-card {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
}

.automation-capability-main {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.automation-capability-main h4 {
  margin: 0;
  color: #1f2d3a;
  font-size: 16px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.automation-capability-main p,
.automation-capability-main .muted {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.automation-capability-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.automation-capability-proof div {
  min-width: 0;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.automation-capability-proof dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.automation-capability-proof dd {
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.automation-capability-actions {
  display: grid;
  gap: 8px;
}

.daily-page-slim-board {
  display: grid;
  gap: 14px;
  margin-top: 14px;
}

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

.daily-page-slim-summary article {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.daily-page-slim-summary span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.daily-page-slim-summary strong {
  display: block;
  margin-top: 4px;
  color: #243240;
  font-size: 22px;
}

.daily-page-slim-summary p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.daily-page-slim-mode {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.daily-page-slim-mode .is-active {
  background: #17212b;
  color: #ffffff;
}

.daily-page-slim-groups {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.daily-page-slim-group {
  min-width: 0;
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
}

.daily-page-slim-group-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.daily-page-slim-group-head strong {
  overflow-wrap: anywhere;
}

.daily-page-slim-group-head span {
  min-width: 28px;
  min-height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #e5ece9;
  color: #21302f;
  font-weight: 800;
}

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

.daily-page-slim-card {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.daily-page-slim-card h4 {
  margin: 0;
  color: #1f2d3a;
  font-size: 14px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.daily-page-slim-card p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.daily-secondary-section[hidden] {
  display: none;
}

.platform-maturity-board {
  display: grid;
  gap: 14px;
  margin-top: 14px;
}

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

.platform-maturity-kpis article {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.platform-maturity-kpis span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.platform-maturity-kpis strong {
  display: block;
  margin-top: 4px;
  color: #243240;
  font-size: 22px;
}

.platform-maturity-kpis p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

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

.platform-maturity-card {
  min-width: 0;
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
}

.platform-maturity-main {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.platform-maturity-main h4 {
  margin: 0;
  color: #1f2d3a;
  font-size: 16px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.platform-maturity-main p,
.platform-maturity-main .muted {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.platform-maturity-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.platform-maturity-proof div {
  min-width: 0;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.platform-maturity-proof dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.platform-maturity-proof dd {
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.platform-maturity-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.skill-sync-board {
  display: grid;
  gap: 14px;
  margin-top: 14px;
}

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

.skill-sync-kpis article {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.skill-sync-kpis span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.skill-sync-kpis strong {
  display: block;
  margin-top: 4px;
  color: #243240;
  font-size: 22px;
}

.skill-sync-kpis p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

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

.skill-sync-card {
  min-width: 0;
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
}

.skill-sync-main {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.skill-sync-main h4 {
  margin: 0;
  color: #1f2d3a;
  font-size: 16px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.skill-sync-main p,
.skill-sync-main .muted,
.skill-sync-gate {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.skill-sync-gate {
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.daily-ops-tabs {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin: 10px 0 16px;
}

.view-directory-panel {
  background: linear-gradient(180deg, #ffffff 0%, #f7faf9 100%);
}

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

.section-jump-button {
  min-height: 110px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  display: grid;
  gap: 6px;
  align-content: start;
  text-align: left;
  box-shadow: 0 8px 20px rgba(30, 37, 43, 0.04);
}

.section-jump-button strong {
  font-size: 15px;
}

.section-jump-button span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
  white-space: normal;
}

.section-jump-button:hover {
  border-color: rgba(15, 118, 110, 0.32);
  box-shadow: 0 12px 26px rgba(15, 118, 110, 0.08);
}

.section-jump-button.is-current {
  border-color: rgba(15, 118, 110, 0.58);
  background: #eef8f5;
  box-shadow: 0 12px 26px rgba(15, 118, 110, 0.12);
}

.is-section-focus {
  outline: 2px solid rgba(15, 118, 110, 0.34);
  outline-offset: 4px;
}

@media (max-width: 1100px) {
  .view-directory-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .view-directory-grid {
    grid-template-columns: 1fr;
  }

  .section-jump-button {
    min-height: 0;
  }
}

.daily-ops-tab {
  min-height: 110px;
  display: grid;
  place-items: center;
  gap: 6px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  text-align: center;
}

.daily-ops-tab span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #edf2f7;
  color: #425466;
  font-weight: 800;
}

.daily-ops-tab strong {
  font-size: 15px;
}

.daily-ops-tab small {
  color: var(--muted);
  font-size: 12px;
}

.daily-ops-tab.is-active {
  background: #5d7df2;
  border-color: #5d7df2;
  color: #ffffff;
  box-shadow: 0 12px 24px rgba(93, 125, 242, 0.22);
}

.daily-ops-tab.is-active span {
  background: rgba(255, 255, 255, 0.18);
  color: #ffffff;
}

.daily-ops-tab.is-active small {
  color: rgba(255, 255, 255, 0.8);
}

.daily-ops-platform-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.daily-ops-platform-main {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.daily-ops-letter {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #17212b;
  color: #f2c14e;
  font-size: 24px;
  font-weight: 800;
  flex: 0 0 auto;
}

.daily-ops-platform-main h3 {
  margin: 0;
  font-size: 22px;
}

.daily-ops-platform-main p {
  margin: 6px 0 10px;
  color: var(--muted);
}

.daily-ops-badges,
.daily-ops-action-strip,
.creator-intel-head,
.creator-intel-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.daily-ops-action-strip {
  justify-content: flex-end;
}

.daily-ops-columns {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
}

.daily-ops-columns > section,
.creator-intel-card,
.policy-watch-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.daily-ops-columns h4 {
  margin: 0 0 10px;
}

.daily-ops-board {
  display: grid;
  gap: 14px;
}

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

.daily-ops-kpi,
.temu-fill-assist-kpi,
.policy-intel-kpi {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.daily-ops-kpi span,
.temu-fill-assist-kpi span,
.policy-intel-kpi span {
  color: var(--muted);
  font-size: 12px;
}

.daily-ops-kpi strong,
.temu-fill-assist-kpi strong,
.policy-intel-kpi strong {
  display: block;
  margin-top: 6px;
  font-size: 24px;
}

.daily-ops-kpi p,
.temu-fill-assist-kpi p,
.policy-intel-kpi p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.daily-ops-columns-simple {
  grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(0, 1fr));
}

.daily-ops-core-note {
  margin: 0 0 12px;
}

.daily-ops-tool-grid,
.daily-ops-advanced-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.daily-ops-mini-list {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.daily-ops-mini-list article {
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
}

.daily-ops-mini-list strong {
  display: block;
  font-size: 14px;
}

.daily-ops-mini-list p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.daily-ops-action-list {
  display: grid;
  gap: 10px;
}

.daily-ops-action-list article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
}

.daily-ops-action-list article > span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--surface-2);
  font-weight: 800;
}

.daily-ops-action-list p,
.creator-intel-card p,
.policy-watch-card p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.daily-ops-chip-list,
.daily-ops-risk-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
  padding: 0;
}

.daily-ops-chip-list li,
.daily-ops-risk-list li {
  padding: 7px 9px;
  border-radius: 8px;
  background: #eef3f0;
  color: #25313a;
  font-size: 13px;
}

.daily-ops-risk-list li {
  background: #fff6e7;
  color: #68420f;
}

.account-login-status-board {
  display: grid;
  gap: 14px;
}

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

.account-login-grid {
  display: grid;
  gap: 12px;
}

.account-login-card {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr) minmax(180px, auto);
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.account-login-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.account-login-card h4 {
  margin: 0;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.account-login-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.account-login-card dl {
  display: grid;
  gap: 8px;
  margin: 0;
  min-width: 0;
}

.account-login-card dl div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
  min-width: 0;
}

.account-login-card dt {
  color: var(--muted);
  font-size: 12px;
}

.account-login-card dd {
  margin: 3px 0 0;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.account-login-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  align-content: flex-start;
}

.account-access-matrix-board {
  display: grid;
  gap: 14px;
}

.account-access-matrix-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.account-access-matrix-list {
  display: grid;
  gap: 12px;
}

.account-access-matrix-card {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr) minmax(180px, auto);
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.account-access-matrix-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.account-access-matrix-main h4 {
  margin: 0;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.account-access-matrix-main p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.account-access-matrix-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  min-width: 0;
}

.account-access-matrix-proof div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
  min-width: 0;
}

.account-access-matrix-proof dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.account-access-matrix-proof dd {
  margin: 3px 0 0;
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.account-access-matrix-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  align-content: flex-start;
}

.platform-access-quick-board {
  display: grid;
  gap: 14px;
}

.platform-access-quick-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.platform-access-quick-list {
  display: grid;
  gap: 12px;
}

.platform-access-quick-card {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.8fr) minmax(180px, auto);
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.platform-access-quick-card.is-primary {
  border-color: #9fc2ad;
  background: #f7fbf8;
}

.platform-access-quick-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.platform-access-quick-card h4 {
  margin: 0;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.platform-access-quick-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.platform-access-quick-card dl {
  display: grid;
  gap: 8px;
  margin: 0;
  min-width: 0;
}

.platform-access-quick-card dl div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
  min-width: 0;
}

.platform-access-quick-card dt {
  color: var(--muted);
  font-size: 12px;
}

.platform-access-quick-card dd {
  margin: 3px 0 0;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.platform-access-quick-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  align-content: flex-start;
}

.real-list-first-capture-board {
  display: grid;
  gap: 14px;
}

.real-list-first-capture-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.real-list-first-capture-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  gap: 14px;
}

.real-list-first-capture-main,
.real-list-first-capture-help {
  display: grid;
  gap: 12px;
  align-content: start;
  min-width: 0;
}

.real-list-first-capture-card,
.real-list-first-capture-help {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
}

.real-list-first-capture-card.is-primary {
  border-color: #7d9b8f;
  background: #f5faf7;
}

.real-list-first-capture-card h4,
.real-list-first-capture-help h4 {
  margin: 8px 0 0;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.real-list-first-capture-card p {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.real-list-first-capture-card dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0 0;
}

.real-list-first-capture-card dl div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
  min-width: 0;
}

.real-list-first-capture-card dt {
  color: var(--muted);
  font-size: 12px;
}

.real-list-first-capture-card dd {
  margin: 3px 0 0;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.real-list-first-capture-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.first-capture-execution-board {
  display: grid;
  gap: 14px;
}

.first-capture-execution-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.first-capture-execution-list {
  display: grid;
  gap: 12px;
}

.first-capture-execution-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  display: grid;
  gap: 12px;
  min-width: 0;
}

.first-capture-execution-card.is-current {
  border-color: #7d9b8f;
  background: #f5faf7;
}

.first-capture-execution-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.first-capture-execution-head h4 {
  margin: 8px 0 0;
  font-size: 16px;
  overflow-wrap: anywhere;
}

.first-capture-execution-head p,
.first-capture-execution-card p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.first-capture-execution-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.first-capture-execution-route {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, 0.9fr);
  gap: 8px;
}

.first-capture-execution-route div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 10px;
  min-width: 0;
}

.first-capture-execution-route span {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.first-capture-execution-route strong {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.first-capture-execution-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.first-capture-execution-steps li {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 10px;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
}

.first-capture-execution-steps li > span {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #25313a;
  color: #ffffff;
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 700;
}

.first-capture-execution-steps strong {
  display: block;
  font-size: 13px;
}

.first-capture-execution-steps p {
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.45;
}

.page-capture-quick-check-board {
  display: grid;
  gap: 14px;
}

.page-capture-quick-check-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.page-capture-quick-check-list {
  display: grid;
  gap: 12px;
}

.page-capture-quick-check-workbench {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid #b7d7cc;
  border-radius: 8px;
  background: #f4fbf8;
  padding: 12px;
  min-width: 0;
}

.page-capture-quick-check-workbench strong {
  display: block;
  margin-top: 6px;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.page-capture-quick-check-workbench p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.page-capture-quick-check-card {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.85fr) minmax(140px, auto);
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.page-capture-quick-check-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.page-capture-quick-check-card h4 {
  margin: 0;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.page-capture-quick-check-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.page-capture-quick-check-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.page-capture-quick-check-card dl div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
  min-width: 0;
}

.page-capture-quick-check-card dt {
  color: var(--muted);
  font-size: 12px;
}

.page-capture-quick-check-card dd {
  margin: 3px 0 0;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.page-capture-quick-check-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.page-capture-import-closure-daily-board {
  display: grid;
  gap: 14px;
}

.page-capture-import-closure-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.page-capture-import-closure-list {
  display: grid;
  gap: 12px;
}

.page-capture-import-closure-card {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr) minmax(160px, auto);
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.page-capture-import-closure-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.page-capture-import-closure-card h4 {
  margin: 0;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.page-capture-import-closure-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.page-capture-import-closure-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.page-capture-import-closure-card dl div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
  min-width: 0;
}

.page-capture-import-closure-card dt {
  color: var(--muted);
  font-size: 12px;
}

.page-capture-import-closure-card dd {
  margin: 3px 0 0;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.page-capture-import-closure-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  align-content: flex-start;
}

.daily-step-guide-board {
  display: grid;
  gap: 14px;
}

.daily-start-sop-panel {
  background: #fbfcfb;
}

.daily-three-minute-board {
  display: grid;
  gap: 12px;
}

.daily-three-minute-current,
.daily-three-minute-card,
.daily-three-minute-kpis article {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  min-width: 0;
}

.daily-three-minute-current {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  background: #fbfcfb;
}

.daily-three-minute-current h4,
.daily-three-minute-current p {
  margin: 0;
  overflow-wrap: anywhere;
}

.daily-three-minute-current h4 {
  margin-top: 6px;
  font-size: 18px;
}

.daily-three-minute-current p {
  margin-top: 6px;
  color: var(--muted);
  line-height: 1.55;
}

.daily-three-minute-current-actions,
.daily-three-minute-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.daily-three-minute-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.daily-three-minute-kpis article {
  padding: 10px;
}

.daily-three-minute-kpis span,
.daily-three-minute-card-head {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.daily-three-minute-kpis strong {
  display: block;
  margin-top: 4px;
  font-size: 22px;
  overflow-wrap: anywhere;
}

.daily-three-minute-kpis p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 12px;
}

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

.daily-three-minute-card {
  display: grid;
  gap: 8px;
  padding: 12px;
}

.daily-three-minute-card.is-current {
  border-color: rgba(152, 100, 15, 0.38);
  background: #fffdf7;
}

.daily-three-minute-card-head {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.daily-three-minute-card h4,
.daily-three-minute-card p {
  margin: 0;
  overflow-wrap: anywhere;
}

.daily-three-minute-card h4 {
  font-size: 15px;
}

.daily-three-minute-card strong {
  font-size: 20px;
}

.daily-three-minute-card p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.real-case-tutorial-hub-board {
  display: grid;
  gap: 14px;
}

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

.real-case-tutorial-summary article,
.real-case-tutorial-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.real-case-tutorial-summary article {
  padding: 12px;
}

.real-case-tutorial-summary span {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.real-case-tutorial-summary strong {
  display: block;
  margin-top: 4px;
  font-size: 22px;
  color: var(--ink);
  overflow-wrap: anywhere;
}

.real-case-tutorial-summary p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
}

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

.real-case-tutorial-card {
  display: grid;
  grid-template-columns: minmax(120px, 34%) minmax(0, 1fr);
  overflow: hidden;
}

.real-case-tutorial-media {
  min-height: 210px;
  background: #f3f6f8;
  border-right: 1px solid var(--line);
}

.real-case-tutorial-media img {
  width: 100%;
  height: 100%;
  min-height: 210px;
  object-fit: cover;
  display: block;
}

.real-case-tutorial-body {
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 14px;
  min-width: 0;
}

.real-case-tutorial-body h4,
.real-case-tutorial-body p {
  margin: 0;
  overflow-wrap: anywhere;
}

.real-case-tutorial-body h4 {
  font-size: 16px;
}

.real-case-tutorial-body p,
.real-case-tutorial-body dd {
  color: var(--muted);
  line-height: 1.55;
}

.real-case-tutorial-body dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.real-case-tutorial-body dl div {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 8px;
}

.real-case-tutorial-body dt {
  color: var(--muted);
  font-size: 12px;
}

.real-case-tutorial-body dd {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.first-use-checklist-board {
  display: grid;
  gap: 12px;
}

.first-use-checklist-panel .primary.small,
.quick-single-trial-panel .primary.small {
  background: #25313a;
  border-color: #25313a;
  color: #fff;
  box-shadow: 0 6px 14px rgba(37, 49, 58, 0.16);
}

.first-use-checklist-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.first-use-checklist-kpis article,
.first-use-checklist-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 10px;
  min-width: 0;
}

.first-use-checklist-kpis span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.first-use-checklist-kpis strong {
  display: block;
  margin-top: 4px;
  font-size: 24px;
}

.first-use-checklist-kpis p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.first-use-checklist-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.first-use-checklist-card {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.first-use-checklist-card.is-high {
  border-color: rgba(152, 100, 15, 0.35);
  background: #fffdf7;
}

.first-use-checklist-index {
  display: grid;
  place-items: center;
  width: 34px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #e7f0ec;
  color: #24564c;
  font-weight: 800;
}

.first-use-checklist-main {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.first-use-checklist-main h4,
.first-use-checklist-main p {
  margin: 0;
  overflow-wrap: anywhere;
}

.first-use-checklist-main h4 {
  font-size: 15px;
}

.first-use-checklist-main p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.first-use-checklist-main > strong {
  font-size: 18px;
}

.first-use-checklist-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.quick-single-trial-board {
  display: grid;
  gap: 12px;
}

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

.quick-single-trial-summary article,
.quick-single-trial-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  min-width: 0;
}

.quick-single-trial-summary span {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.quick-single-trial-summary strong {
  display: block;
  margin-top: 5px;
  font-size: 20px;
  overflow-wrap: anywhere;
}

.quick-single-trial-summary p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.quick-single-trial-card {
  display: grid;
  gap: 12px;
}

.quick-single-trial-route {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.quick-single-trial-step {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 3px 8px;
  background: #f8fafc;
  color: #43515c;
  font-size: 12px;
  font-weight: 700;
}

.quick-single-trial-step.is-done {
  border-color: #b9dcc5;
  background: #ecf8ef;
  color: #27613a;
}

.quick-single-trial-step.is-current {
  border-color: #25313a;
  background: #25313a;
  color: #fff;
}

.quick-single-trial-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.quick-single-trial-proof div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  padding: 9px;
}

.quick-single-trial-proof dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.quick-single-trial-proof dd {
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.quick-single-trial-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.real-product-quick-start-board {
  display: grid;
  gap: 14px;
}

.real-product-quick-start-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.real-product-quick-start-summary article,
.real-product-quick-start-current,
.real-product-quick-start-card {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: #ffffff;
}

.real-product-quick-start-summary span {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.real-product-quick-start-summary strong {
  display: block;
  margin-top: 5px;
  font-size: 22px;
  overflow-wrap: anywhere;
}

.real-product-quick-start-summary p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.real-product-quick-start-current {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  border-color: #b8c9de;
  background: #fbfdff;
}

.real-product-quick-start-current h4,
.real-product-quick-start-current p {
  margin: 6px 0 0;
  overflow-wrap: anywhere;
}

.real-product-quick-start-current h4 {
  font-size: 16px;
}

.real-product-quick-start-current p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.real-product-quick-start-list {
  display: grid;
  gap: 10px;
}

.real-product-quick-start-card {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) minmax(180px, 0.65fr) auto;
  gap: 12px;
  align-items: center;
}

.real-product-quick-start-card.is-current {
  border-color: #25313a;
  box-shadow: 0 0 0 1px #25313a inset;
}

.real-product-quick-start-index {
  display: grid;
  place-items: center;
  width: 30px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #25313a;
  color: #ffffff;
  font-weight: 800;
}

.real-product-quick-start-main {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.real-product-quick-start-main h4,
.real-product-quick-start-main strong,
.real-product-quick-start-main p,
.real-product-quick-start-main .muted {
  margin: 0;
  overflow-wrap: anywhere;
}

.real-product-quick-start-main h4 {
  font-size: 15px;
}

.real-product-quick-start-main strong {
  font-size: 13px;
  line-height: 1.45;
}

.real-product-quick-start-main p,
.real-product-quick-start-main .muted {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.real-product-quick-start-proof {
  min-width: 0;
}

.real-product-quick-start-proof span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.real-product-quick-start-proof p {
  margin: 4px 0 0;
  color: #34414c;
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.real-product-quick-start-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.real-product-replace-board {
  display: grid;
  gap: 12px;
}

.real-product-replace-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.real-product-replace-summary article,
.real-product-replace-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
}

.real-product-replace-summary span {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.real-product-replace-summary strong {
  display: block;
  margin-top: 5px;
  font-size: 22px;
}

.real-product-replace-summary p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
}

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

.real-product-replace-card {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
}

.real-product-replace-card.is-high {
  border-color: rgba(152, 100, 15, 0.35);
  background: #fffdf7;
}

.real-product-replace-index {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #edf4f0;
  color: #1f5e4e;
  font-weight: 800;
}

.real-product-replace-main {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.real-product-replace-main h4,
.real-product-replace-main p {
  margin: 0;
  overflow-wrap: anywhere;
}

.real-product-replace-main h4 {
  font-size: 15px;
}

.real-product-replace-main strong {
  font-size: 20px;
}

.real-product-replace-main p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.real-product-replace-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.real-product-closeout-board {
  display: grid;
  gap: 12px;
}

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

.real-product-closeout-summary article,
.real-product-closeout-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
}

.real-product-closeout-summary span {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.real-product-closeout-summary strong {
  display: block;
  margin-top: 5px;
  font-size: 22px;
}

.real-product-closeout-summary p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.real-product-closeout-list {
  display: grid;
  gap: 10px;
}

.real-product-closeout-card {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr) auto;
  gap: 12px;
  align-items: start;
}

.real-product-closeout-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.real-product-closeout-card h4,
.real-product-closeout-card p {
  margin: 0;
  overflow-wrap: anywhere;
}

.real-product-closeout-card h4 {
  font-size: 16px;
}

.real-product-closeout-card p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.real-product-closeout-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.real-product-closeout-card dl div {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px;
  min-width: 0;
}

.real-product-closeout-card dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.real-product-closeout-card dd {
  margin: 3px 0 0;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.real-product-closeout-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.full-journey-cockpit-board {
  display: grid;
  gap: 14px;
}

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

.full-journey-summary article,
.full-journey-current-card,
.full-journey-step {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 12px;
  min-width: 0;
}

.full-journey-summary span {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.full-journey-summary strong {
  display: block;
  margin-top: 5px;
  font-size: 20px;
  overflow-wrap: anywhere;
}

.full-journey-summary p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.full-journey-current-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  border-color: #b8c9de;
  background: #fbfdff;
}

.full-journey-current-card h4,
.full-journey-current-card p {
  margin: 6px 0 0;
  overflow-wrap: anywhere;
}

.full-journey-current-card h4 {
  font-size: 16px;
}

.full-journey-current-card p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.full-journey-actions,
.full-journey-step-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.full-journey-route {
  display: grid;
  grid-template-columns: repeat(7, minmax(128px, 1fr));
  gap: 10px;
}

.full-journey-step {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-content: start;
}

.full-journey-step.is-current {
  border-color: #25313a;
  box-shadow: 0 0 0 1px #25313a inset;
}

.full-journey-step-index {
  display: grid;
  place-items: center;
  width: 30px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #25313a;
  color: #ffffff;
  font-weight: 800;
}

.full-journey-step-main {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.full-journey-step-main h4,
.full-journey-step-main strong,
.full-journey-step-main p {
  margin: 0;
  overflow-wrap: anywhere;
}

.full-journey-step-main h4 {
  font-size: 15px;
}

.full-journey-step-main strong {
  font-size: 13px;
  line-height: 1.45;
}

.full-journey-step-main p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.daily-finance-closeout-board {
  display: grid;
  gap: 14px;
}

.daily-finance-closeout-kpis {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.daily-finance-closeout-kpis article,
.daily-finance-closeout-current,
.daily-finance-closeout-item {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.daily-finance-closeout-kpis span {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.daily-finance-closeout-kpis strong {
  display: block;
  margin-top: 5px;
  font-size: 20px;
  overflow-wrap: anywhere;
}

.daily-finance-closeout-kpis p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.daily-finance-closeout-main {
  display: grid;
  grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.6fr);
  gap: 12px;
}

.daily-finance-closeout-current {
  display: grid;
  gap: 8px;
  align-content: start;
  border-color: #c7b06d;
  background: #fffdf7;
}

.daily-finance-closeout-current h4,
.daily-finance-closeout-current p {
  margin: 0;
  overflow-wrap: anywhere;
}

.daily-finance-closeout-current h4 {
  font-size: 17px;
}

.daily-finance-closeout-current p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.daily-finance-closeout-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

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

.daily-finance-closeout-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.daily-finance-closeout-item strong,
.daily-finance-closeout-item p,
.daily-finance-closeout-item .muted {
  display: block;
  margin: 0;
  overflow-wrap: anywhere;
}

.daily-finance-closeout-item p {
  margin-top: 4px;
  font-size: 13px;
  color: var(--muted);
}

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

.daily-start-sop-grid article {
  min-width: 0;
  border: 1px solid #b7c7bb;
  border-radius: 8px;
  background: #ffffff;
  padding: 12px;
  display: grid;
  gap: 8px;
}

.daily-start-sop-grid span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #e5ece9;
  color: #21302f;
  font-weight: 800;
}

.daily-start-sop-grid strong {
  font-size: 15px;
}

.daily-start-sop-grid p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.daily-start-closure-board {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

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

.daily-start-closure-head h4 {
  margin: 0 0 4px;
}

.daily-start-closure-head p,
.daily-start-closure-lead {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.daily-start-closure-kpis,
.daily-start-closure-list {
  display: grid;
  gap: 10px;
}

.daily-start-closure-kpis {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.daily-start-closure-kpis article,
.daily-start-closure-card {
  min-width: 0;
  border: 1px solid #b7c7bb;
  border-radius: 8px;
  background: #ffffff;
}

.daily-start-closure-kpis article {
  padding: 10px;
}

.daily-start-closure-kpis span {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.daily-start-closure-kpis strong {
  display: block;
  margin-top: 4px;
  font-size: 22px;
}

.daily-start-closure-kpis p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.daily-start-closure-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.daily-start-closure-card {
  padding: 12px;
  display: grid;
  gap: 8px;
}

.daily-start-closure-card strong,
.daily-start-closure-card p {
  overflow-wrap: anywhere;
}

.daily-start-closure-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.daily-next-action-board {
  display: grid;
  gap: 10px;
}

.account-access-acceptance-board {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

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

.account-access-acceptance-head h4 {
  margin: 0 0 4px;
}

.account-access-acceptance-head p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.account-access-acceptance-kpis,
.account-access-acceptance-list {
  display: grid;
  gap: 10px;
}

.account-access-acceptance-kpis {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.account-access-acceptance-kpis article,
.account-access-acceptance-card {
  min-width: 0;
  border: 1px solid #b7c7bb;
  border-radius: 8px;
  background: #ffffff;
}

.account-access-acceptance-kpis article {
  padding: 10px;
}

.account-access-acceptance-kpis span {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.account-access-acceptance-kpis strong {
  display: block;
  margin-top: 4px;
  font-size: 22px;
}

.account-access-acceptance-kpis p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.account-access-acceptance-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.account-access-acceptance-card {
  padding: 12px;
  display: grid;
  gap: 9px;
}

.account-access-acceptance-card h4,
.account-access-acceptance-card p,
.account-access-acceptance-card dd {
  overflow-wrap: anywhere;
}

.account-access-acceptance-card h4 {
  margin: 0;
  font-size: 15px;
}

.account-access-acceptance-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.account-access-acceptance-card dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.account-access-acceptance-card dl div {
  min-width: 0;
}

.daily-next-action-card {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(220px, 0.55fr) auto;
  gap: 14px;
  align-items: center;
  border: 1px solid #b7c7bb;
  border-radius: 8px;
  background: #f7fbf8;
  padding: 14px;
  min-width: 0;
}

.daily-next-action-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.daily-next-action-main h4 {
  margin: 0;
  font-size: 18px;
  overflow-wrap: anywhere;
}

.daily-next-action-main p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.daily-next-action-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.daily-next-action-stats div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 10px;
  min-width: 0;
}

.daily-next-action-stats span {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.daily-next-action-stats strong {
  display: block;
  margin-top: 4px;
  font-size: 18px;
  overflow-wrap: anywhere;
}

.daily-next-action-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.daily-top-three-board {
  display: grid;
  gap: 12px;
}

.daily-top-three-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.daily-top-three-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.daily-top-three-card {
  min-width: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 10px;
  border: 1px solid #b7c7bb;
  border-radius: 8px;
  background: #fbfcfb;
  padding: 12px;
}

.daily-top-three-rank {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #25313a;
  color: #ffffff;
  font-weight: 800;
}

.daily-top-three-main {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.daily-top-three-main h4 {
  margin: 0;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.daily-top-three-main p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.daily-top-three-proof {
  display: grid;
  gap: 6px;
  margin: 2px 0 0;
}

.daily-top-three-proof div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 8px;
}

.daily-top-three-proof dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.daily-top-three-proof dd {
  margin: 3px 0 0;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.daily-top-three-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.daily-access-cheat-board {
  display: grid;
  gap: 12px;
}

.daily-access-cheat-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.daily-access-cheat-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.daily-access-cheat-card {
  min-width: 0;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 12px;
}

.daily-access-cheat-main {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.daily-access-cheat-main h4 {
  margin: 0;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.daily-access-cheat-main p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.daily-access-cheat-proof {
  display: grid;
  gap: 6px;
  margin: 0;
}

.daily-access-cheat-proof div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 8px;
}

.daily-access-cheat-proof dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.daily-access-cheat-proof dd {
  margin: 3px 0 0;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.daily-access-cheat-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.latest-capture-cheat-board {
  display: grid;
  gap: 12px;
}

.latest-capture-cheat-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.latest-capture-cheat-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.latest-capture-cheat-card {
  min-width: 0;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 12px;
}

.latest-capture-cheat-main {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.latest-capture-cheat-main h4 {
  margin: 0;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.latest-capture-cheat-main p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.latest-capture-cheat-proof {
  display: grid;
  gap: 6px;
  margin: 0;
}

.latest-capture-cheat-proof div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 8px;
}

.latest-capture-cheat-proof dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.latest-capture-cheat-proof dd {
  margin: 3px 0 0;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.latest-capture-cheat-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.daily-step-guide-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.daily-step-guide-list {
  display: grid;
  gap: 10px;
}

.daily-step-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 12px;
  min-width: 0;
}

.daily-step-card.is-current {
  border-color: #7d9b8f;
  background: #f5faf7;
}

.daily-step-index {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #25313a;
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
}

.daily-step-main {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.daily-step-main h4 {
  margin: 0;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.daily-step-main p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.daily-step-actions {
  display: flex;
  justify-content: flex-end;
}

.selection-listing-closure-board {
  display: grid;
  gap: 14px;
}

.selection-listing-closure-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.selection-listing-closure-list {
  display: grid;
  gap: 12px;
}

.selection-listing-closure-card {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.9fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.selection-listing-closure-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.selection-listing-closure-card h4 {
  margin: 0;
  font-size: 16px;
  overflow-wrap: anywhere;
}

.selection-listing-closure-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.selection-listing-closure-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.selection-listing-closure-card dl div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
  min-width: 0;
}

.selection-listing-closure-card dt {
  color: var(--muted);
  font-size: 12px;
}

.selection-listing-closure-card dd {
  margin: 3px 0 0;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.selection-listing-closure-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.category-coverage-board {
  display: grid;
  gap: 14px;
}

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

.category-coverage-list {
  display: grid;
  gap: 12px;
}

.category-coverage-card {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.95fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.category-coverage-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.category-coverage-card h4 {
  margin: 0;
  font-size: 16px;
  overflow-wrap: anywhere;
}

.category-coverage-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.category-coverage-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.category-coverage-card dl div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
  min-width: 0;
}

.category-coverage-card dt {
  color: var(--muted);
  font-size: 12px;
}

.category-coverage-card dd {
  margin: 3px 0 0;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.category-coverage-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.product-data-completeness-board {
  display: grid;
  gap: 14px;
}

.product-data-completeness-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.product-data-completeness-list {
  display: grid;
  gap: 12px;
}

.product-data-completeness-card {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.95fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.product-data-completeness-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.product-data-completeness-card h4 {
  margin: 0;
  font-size: 16px;
  overflow-wrap: anywhere;
}

.product-data-completeness-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.product-data-completeness-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.product-data-completeness-card dl div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
  min-width: 0;
}

.product-data-completeness-card dt {
  color: var(--muted);
  font-size: 12px;
}

.product-data-completeness-card dd {
  margin: 3px 0 0;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.product-data-completeness-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.pre-listing-final-gate-board {
  display: grid;
  gap: 14px;
}

.pre-listing-final-gate-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.pre-listing-final-gate-list {
  display: grid;
  gap: 12px;
}

.pre-listing-final-gate-card {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.95fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.pre-listing-final-gate-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.pre-listing-final-gate-card h4 {
  margin: 0;
  font-size: 16px;
  overflow-wrap: anywhere;
}

.pre-listing-final-gate-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.pre-listing-final-gate-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.pre-listing-final-gate-card dl div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
  min-width: 0;
}

.pre-listing-final-gate-card dt {
  color: var(--muted);
  font-size: 12px;
}

.pre-listing-final-gate-card dd {
  margin: 3px 0 0;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.pre-listing-final-gate-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.product-push-cheat-board {
  display: grid;
  gap: 12px;
}

.product-push-cheat-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.product-push-cheat-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.product-push-cheat-card {
  min-width: 0;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 12px;
}

.product-push-cheat-main {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.product-push-cheat-main h4 {
  margin: 0;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.product-push-cheat-main p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.product-push-cheat-proof {
  display: grid;
  gap: 6px;
  margin: 0;
}

.product-push-cheat-proof div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 8px;
}

.product-push-cheat-proof dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.product-push-cheat-proof dd {
  margin: 3px 0 0;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.product-push-cheat-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.product-route-desk-board {
  display: grid;
  gap: 12px;
}

.product-route-desk-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.product-route-desk-list {
  display: grid;
  gap: 12px;
}

.product-route-desk-card {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.9fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
}

.product-route-desk-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.product-route-desk-main h4 {
  margin: 0;
  font-size: 16px;
  overflow-wrap: anywhere;
}

.product-route-desk-main p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.product-route-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.product-route-step {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 7px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #ffffff;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.product-route-step.is-done {
  border-color: #b9dcc5;
  background: #ecf8ef;
  color: #27613a;
}

.product-route-step.is-current {
  border-color: #25313a;
  background: #25313a;
  color: #ffffff;
}

.product-route-desk-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.product-route-desk-proof div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
}

.product-route-desk-proof dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.product-route-desk-proof dd {
  margin: 3px 0 0;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.product-route-desk-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.platform-rotation-desk-board {
  display: grid;
  gap: 12px;
}

.platform-rotation-desk-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.platform-rotation-desk-list {
  display: grid;
  gap: 12px;
}

.platform-rotation-desk-card {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.95fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
}

.platform-rotation-desk-card.is-primary {
  border-color: #9fc5b0;
  background: #fbfefc;
}

.platform-rotation-desk-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.platform-rotation-desk-main h4 {
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.platform-rotation-desk-main p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.platform-rotation-desk-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.platform-rotation-desk-proof div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
}

.platform-rotation-desk-proof dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.platform-rotation-desk-proof dd {
  margin: 3px 0 0;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.platform-rotation-desk-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.four-platform-readonly-board {
  display: grid;
  gap: 12px;
}

.four-platform-readonly-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

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

.four-platform-readonly-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
}

.four-platform-readonly-card.is-current {
  border-color: #9fc5b0;
  background: #fbfefc;
}

.four-platform-readonly-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.four-platform-readonly-main h4 {
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.four-platform-readonly-main p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.four-platform-readonly-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.four-platform-readonly-proof div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
}

.four-platform-readonly-proof dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.four-platform-readonly-proof dd {
  margin: 3px 0 0;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.four-platform-readonly-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.after-login-capture-board {
  display: grid;
  gap: 12px;
}

.after-login-capture-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.after-login-capture-current {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.8fr) minmax(180px, auto);
  gap: 12px;
  align-items: start;
  border: 1px solid #9fc5b0;
  border-radius: 8px;
  background: #fbfefc;
  padding: 14px;
  min-width: 0;
}

.after-login-capture-current h4,
.after-login-capture-current p,
.after-login-capture-main h4,
.after-login-capture-main p {
  margin: 0;
  overflow-wrap: anywhere;
}

.after-login-capture-current h4,
.after-login-capture-main h4 {
  font-size: 15px;
  line-height: 1.45;
}

.after-login-capture-current p,
.after-login-capture-main p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.after-login-capture-steps {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 0;
}

.after-login-capture-steps li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

.after-login-capture-steps li > span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: #1f4d36;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.after-login-capture-steps strong {
  display: block;
  font-size: 13px;
}

.after-login-capture-steps p {
  margin-top: 3px;
  font-size: 12px;
}

.after-login-capture-list {
  display: grid;
  gap: 12px;
}

.after-login-capture-card {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 1.1fr) minmax(180px, auto);
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
}

.after-login-capture-card.is-current {
  border-color: #9fc5b0;
  background: #fbfefc;
}

.after-login-capture-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.after-login-capture-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.after-login-capture-proof div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
}

.after-login-capture-proof dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.after-login-capture-proof dd {
  margin: 3px 0 0;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.after-login-capture-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-content: flex-start;
  justify-content: flex-end;
}

.template-upload-handoff-board {
  display: grid;
  gap: 14px;
}

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

.template-upload-handoff-list {
  display: grid;
  gap: 12px;
}

.template-upload-handoff-card {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.95fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.template-upload-handoff-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.template-upload-handoff-card h4 {
  margin: 0;
  font-size: 16px;
  overflow-wrap: anywhere;
}

.template-upload-handoff-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.template-upload-handoff-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.template-upload-handoff-card dl div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
  min-width: 0;
}

.template-upload-handoff-card dt {
  color: var(--muted);
  font-size: 12px;
}

.template-upload-handoff-card dd {
  margin: 3px 0 0;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.template-upload-handoff-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.zero-row-capture-board {
  display: grid;
  gap: 14px;
}

.zero-row-capture-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.zero-row-capture-list {
  display: grid;
  gap: 12px;
}

.zero-row-capture-card {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.zero-row-capture-card h4 {
  margin: 8px 0 0;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.zero-row-capture-card p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.zero-row-capture-card dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.zero-row-capture-card dl div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
  min-width: 0;
}

.zero-row-capture-card dt {
  color: var(--muted);
  font-size: 12px;
}

.zero-row-capture-card dd {
  margin: 3px 0 0;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.zero-row-capture-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.new-product-launch-form {
  margin-bottom: 14px;
}

.new-product-launch-board {
  display: grid;
  gap: 12px;
}

.new-product-launch-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.new-product-launch-kpi,
.new-product-launch-latest {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.new-product-launch-kpi span {
  color: var(--muted);
  font-size: 12px;
}

.new-product-launch-kpi strong {
  display: block;
  margin-top: 6px;
  font-size: 24px;
}

.new-product-launch-kpi p,
.new-product-launch-latest p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.new-product-launch-latest h4 {
  margin: 8px 0 0;
}

.daily-confirm-board {
  display: grid;
  gap: 14px;
}

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

.daily-confirm-kpi {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.daily-confirm-kpi span {
  color: var(--muted);
  font-size: 12px;
}

.daily-confirm-kpi strong {
  display: block;
  margin-top: 6px;
  font-size: 24px;
}

.daily-confirm-kpi p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.daily-confirm-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.7fr);
  gap: 14px;
}

.daily-confirm-list,
.daily-confirm-help {
  display: grid;
  gap: 10px;
  align-content: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.daily-confirm-buckets {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

.daily-confirm-batch-panel {
  display: grid;
  gap: 10px;
  border: 1px solid #c7d7cd;
  border-radius: 8px;
  background: #f7fbf8;
  padding: 12px;
  min-width: 0;
}

.daily-confirm-batch-panel-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
  min-width: 0;
}

.daily-confirm-batch-panel-head h4 {
  margin: 0;
  font-size: 16px;
}

.daily-confirm-batch-panel-head p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.daily-confirm-batch-panel-head strong {
  min-width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #25313a;
  color: #ffffff;
}

.daily-confirm-batch-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.daily-confirm-batch-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 10px;
  min-width: 0;
}

.daily-confirm-batch-main {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.daily-confirm-batch-main h4 {
  margin: 0;
  font-size: 14px;
  overflow-wrap: anywhere;
}

.daily-confirm-batch-main p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.daily-confirm-bucket {
  display: grid;
  gap: 10px;
  align-content: flex-start;
  min-width: 0;
}

.daily-confirm-bucket-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 10px;
  min-width: 0;
}

.daily-confirm-bucket-head h4 {
  margin: 0;
  font-size: 15px;
}

.daily-confirm-bucket-head p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.daily-confirm-bucket-head strong {
  min-width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #25313a;
  color: #ffffff;
  font-size: 16px;
}

.daily-confirm-bucket-must .daily-confirm-bucket-head {
  border-color: #e7b5b5;
  background: #fff7f7;
}

.daily-confirm-bucket-later .daily-confirm-bucket-head {
  border-color: #d5dce8;
  background: #f8fafc;
}

.daily-confirm-bucket-learning .daily-confirm-bucket-head {
  border-color: #d8cfae;
  background: #fffaf0;
}

.daily-confirm-bucket-list {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.daily-confirm-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 12px;
  min-width: 0;
}

.daily-confirm-head {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.daily-confirm-item h4,
.daily-confirm-help h4 {
  margin: 8px 0 0;
}

.daily-confirm-item p,
.daily-confirm-help p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.daily-confirm-actions {
  display: flex;
  justify-content: flex-end;
}

.mobile-review-board {
  display: grid;
  gap: 14px;
  margin-top: 14px;
}

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

.mobile-review-kpi {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.mobile-review-kpi span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.mobile-review-kpi strong {
  display: block;
  margin-top: 4px;
  color: #243240;
  font-size: 22px;
}

.mobile-review-kpi p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.mobile-review-filters {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.mobile-review-filters button {
  min-width: 0;
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.mobile-review-filters button span,
.mobile-review-filters button strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.mobile-review-filters button.is-active {
  border-color: #24504b;
  background: #eef7f2;
  color: #1f473f;
}

.mobile-review-filters button.is-active strong {
  color: #24504b;
}

.mobile-review-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.mobile-review-card {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.mobile-review-main {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.mobile-review-main h4 {
  margin: 0;
  color: #1f2d3a;
  font-size: 15px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.mobile-review-main p,
.mobile-review-main .muted {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.mobile-review-actions {
  display: grid;
  gap: 8px;
  justify-items: stretch;
}

.mobile-review-actions .small {
  min-width: 64px;
}

.daily-feature-navigator-panel {
  border-color: #c8d8d1;
  background: linear-gradient(180deg, #fbfdfb 0%, #ffffff 100%);
}

.daily-feature-navigator-search {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin-top: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 10px;
  min-width: 0;
}

.daily-feature-navigator-search label {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.daily-feature-navigator-search input {
  width: 100%;
  min-width: 0;
  border: 1px solid #cbd7d2;
  border-radius: 8px;
  background: #ffffff;
  padding: 11px 12px;
  color: var(--text);
  font-size: 14px;
}

.daily-feature-navigator-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.daily-feature-navigator-board {
  display: grid;
  gap: 14px;
  margin-top: 14px;
  min-width: 0;
}

.daily-feature-navigator-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.daily-feature-navigator-current {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  border: 1px solid #b8d0c0;
  border-radius: 8px;
  background: #f6fbf7;
  padding: 14px;
  min-width: 0;
}

.daily-feature-navigator-current strong {
  display: block;
  margin-top: 8px;
  font-size: 18px;
  overflow-wrap: anywhere;
}

.daily-feature-navigator-current p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.daily-feature-navigator-current-actions,
.daily-feature-navigator-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.daily-feature-navigator-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

.daily-feature-navigator-card {
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.daily-feature-navigator-card-main h4 {
  margin: 0;
  font-size: 16px;
  overflow-wrap: anywhere;
}

.daily-feature-navigator-card-main p {
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.daily-feature-navigator-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  min-width: 0;
}

.daily-feature-navigator-proof div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 10px;
  min-width: 0;
}

.daily-feature-navigator-proof dt {
  color: var(--muted);
  font-size: 12px;
}

.daily-feature-navigator-proof dd {
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.daily-visual-guide-board {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.daily-visual-guide-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

.daily-visual-guide-card {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 12px;
  min-width: 0;
}

.daily-visual-guide-shot {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f6f8f7;
  aspect-ratio: 16 / 10;
}

.daily-visual-guide-shot img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.daily-visual-guide-copy {
  display: grid;
  gap: 7px;
  align-content: start;
  min-width: 0;
}

.daily-visual-guide-copy h4 {
  margin: 0;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.daily-visual-guide-copy p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.daily-visual-guide-copy button {
  justify-self: start;
}

.daily-button-coach-board {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.daily-button-coach-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.daily-button-coach-current {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  border: 1px solid #c7d7cd;
  border-radius: 8px;
  background: #f7fbf8;
  padding: 14px;
  min-width: 0;
}

.daily-button-coach-current strong {
  display: block;
  margin-top: 8px;
  font-size: 18px;
  overflow-wrap: anywhere;
}

.daily-button-coach-current p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.daily-button-coach-current-actions,
.daily-button-coach-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.daily-button-coach-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

.daily-button-coach-card {
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.daily-button-coach-card.is-recommended {
  border-color: #9fc3aa;
  box-shadow: 0 8px 18px rgba(49, 98, 68, 0.08);
}

.daily-button-coach-main {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.daily-button-coach-main h4 {
  margin: 0;
  font-size: 16px;
  overflow-wrap: anywhere;
}

.daily-button-coach-main p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.daily-button-coach-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  min-width: 0;
}

.daily-button-coach-proof div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 10px;
  min-width: 0;
}

.daily-button-coach-proof dt {
  color: var(--muted);
  font-size: 12px;
}

.daily-button-coach-proof dd {
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.daily-button-coach-dictionary {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 12px;
  min-width: 0;
}

.daily-button-coach-dictionary summary {
  cursor: pointer;
  font-weight: 700;
  color: var(--text);
}

.daily-button-coach-dictionary .daily-button-coach-list {
  margin-top: 12px;
}

.daily-ops-closure-board {
  display: grid;
  gap: 12px;
}

.daily-ops-closure-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.daily-ops-closure-step {
  min-width: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 12px;
}

.daily-ops-closure-number {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #25313a;
  color: #ffffff;
  font-weight: 800;
}

.daily-ops-closure-step h4 {
  margin: 8px 0 0;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.daily-ops-closure-step p {
  margin: 6px 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.daily-ops-closure-step .muted {
  display: block;
  overflow-wrap: anywhere;
}

.daily-queue-cleanup-board {
  display: grid;
  gap: 12px;
}

.daily-queue-cleanup-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.daily-queue-cleanup-kpi {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
  display: grid;
  gap: 4px;
}

.daily-queue-cleanup-kpi span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.daily-queue-cleanup-kpi strong {
  font-size: 22px;
}

.daily-queue-cleanup-kpi p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.daily-queue-cleanup-list {
  display: grid;
  gap: 10px;
}

.daily-queue-cleanup-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 12px;
  min-width: 0;
}

.daily-queue-cleanup-item strong,
.daily-queue-cleanup-item p,
.daily-queue-cleanup-item .muted {
  display: block;
  overflow-wrap: anywhere;
}

.daily-queue-cleanup-item p {
  margin: 6px 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.daily-writeback-closure-board {
  display: grid;
  gap: 12px;
}

.daily-writeback-closure-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.daily-writeback-closure-kpi {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
  display: grid;
  gap: 4px;
}

.daily-writeback-closure-kpi span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.daily-writeback-closure-kpi strong {
  font-size: 22px;
}

.daily-writeback-closure-kpi p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.daily-writeback-closure-list {
  display: grid;
  gap: 10px;
}

.daily-writeback-closure-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 12px;
  min-width: 0;
}

.daily-writeback-closure-item strong,
.daily-writeback-closure-item p,
.daily-writeback-closure-item .muted {
  display: block;
  overflow-wrap: anywhere;
}

.daily-writeback-closure-item p {
  margin: 6px 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.daily-closeout-board {
  display: grid;
  gap: 14px;
}

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

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

.daily-closeout-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 12px;
  min-width: 0;
}

.daily-closeout-item h4 {
  margin: 8px 0 0;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.daily-closeout-item p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.daily-closeout-actions {
  display: flex;
  justify-content: flex-end;
}

.daily-policy-radar-board {
  display: grid;
  gap: 14px;
}

.daily-policy-radar-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.daily-policy-radar-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  border: 1px solid #c5d3df;
  border-radius: 8px;
  background: #f7fbfc;
  padding: 14px;
  min-width: 0;
}

.daily-policy-radar-hero h4 {
  margin: 8px 0 4px;
  font-size: 16px;
}

.daily-policy-radar-hero p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.daily-policy-radar-hero-actions,
.daily-policy-radar-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.daily-policy-radar-list {
  display: grid;
  gap: 12px;
}

.daily-policy-radar-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.72fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.daily-policy-radar-card.is-primary {
  border-color: #aac3d9;
  background: #fbfdff;
}

.daily-policy-radar-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.daily-policy-radar-main h4,
.daily-policy-radar-main strong,
.daily-policy-radar-main p {
  margin: 0;
  overflow-wrap: anywhere;
}

.daily-policy-radar-main h4 {
  font-size: 15px;
}

.daily-policy-radar-main strong {
  font-size: 14px;
  line-height: 1.45;
}

.daily-policy-radar-main p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.daily-policy-radar-proof {
  display: grid;
  gap: 8px;
  margin: 0;
}

.daily-policy-radar-proof div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
  min-width: 0;
}

.daily-policy-radar-proof dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.daily-policy-radar-proof dd {
  margin: 3px 0 0;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.daily-learning-board {
  display: grid;
  gap: 14px;
}

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

.daily-learning-layout {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.daily-learning-column {
  display: grid;
  gap: 10px;
  align-content: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.daily-learning-column h4 {
  margin: 0;
}

.daily-learning-intel {
  display: grid;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 10px;
  min-width: 0;
}

.daily-learning-intel strong {
  font-size: 14px;
}

.daily-learning-intel p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.policy-freshness-board {
  display: grid;
  gap: 12px;
}

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

.policy-freshness-list {
  display: grid;
  gap: 12px;
}

.policy-freshness-card {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
}

.policy-freshness-card.is-primary {
  border-color: #b8c9de;
  background: #fbfdff;
}

.policy-freshness-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.policy-freshness-main h4 {
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.policy-freshness-main p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.policy-freshness-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.policy-freshness-proof div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
}

.policy-freshness-proof dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.policy-freshness-proof dd {
  margin: 3px 0 0;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.policy-freshness-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.front-selection-probe-board {
  display: grid;
  gap: 14px;
}

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

.front-selection-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(260px, 0.75fr);
  gap: 14px;
}

.front-selection-column {
  display: grid;
  gap: 10px;
  align-content: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.front-selection-column h4 {
  margin: 0;
}

.front-selection-item {
  display: grid;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 12px;
  min-width: 0;
}

.front-selection-item strong {
  font-size: 14px;
  overflow-wrap: anywhere;
}

.front-selection-item p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.front-selection-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.front-selection-steps {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.front-selection-steps li {
  padding-left: 2px;
}

.candidate-sourcing-desk-board {
  display: grid;
  gap: 14px;
}

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

.candidate-sourcing-list {
  display: grid;
  gap: 12px;
}

.candidate-sourcing-card {
  display: grid;
  grid-template-columns: minmax(180px, 0.7fr) minmax(300px, 1.1fr) minmax(220px, 0.8fr);
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.candidate-sourcing-main,
.candidate-sourcing-note {
  display: grid;
  gap: 8px;
  align-content: start;
  min-width: 0;
}

.candidate-sourcing-main h4 {
  margin: 0;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.candidate-sourcing-main p,
.candidate-sourcing-note p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.candidate-sourcing-note .muted {
  display: block;
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.candidate-sourcing-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.candidate-sourcing-proof div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 9px;
  min-width: 0;
}

.candidate-sourcing-proof dt {
  color: var(--muted);
  font-size: 12px;
}

.candidate-sourcing-proof dd {
  margin: 3px 0 0;
  font-weight: 700;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.candidate-sourcing-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.image-search-sourcing-board {
  display: grid;
  gap: 14px;
  margin-top: 12px;
}

.sourcing-panel-head {
  align-items: flex-start;
}

.sourcing-panel-head > div:first-child {
  min-width: min(100%, 320px);
}

.sourcing-panel-head h3,
.sourcing-panel-head h4,
.sourcing-panel-head p {
  overflow-wrap: anywhere;
}

.sourcing-panel-head p {
  margin: 5px 0 0;
  color: var(--muted);
  line-height: 1.55;
}

.sourcing-primary-actions {
  max-width: 680px;
}

.inline-tools-menu {
  position: relative;
}

.inline-tools-menu summary {
  min-height: 32px;
  padding: 0 10px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  background: #e5ece9;
  color: #21302f;
  cursor: pointer;
  list-style: none;
  white-space: nowrap;
}

.inline-tools-menu summary::-webkit-details-marker {
  display: none;
}

.inline-tools-menu[open] summary {
  background: #d8e5df;
}

.inline-tools-list {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 25;
  width: max-content;
  min-width: 190px;
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}

.inline-tools-list button {
  width: 100%;
}

.sourcing-ops-command-panel {
  background: #ffffff;
}

.sourcing-ops-command-board {
  display: grid;
  gap: 12px;
}

.sourcing-ops-current {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(15, 118, 110, 0.22);
  border-radius: 8px;
  background: #f5faf7;
}

.sourcing-ops-current h4,
.sourcing-ops-current p {
  margin: 6px 0 0;
  overflow-wrap: anywhere;
}

.sourcing-ops-current p,
.sourcing-ops-card p,
.sourcing-ops-safe {
  color: var(--muted);
}

.sourcing-ops-cards {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.sourcing-ops-card {
  min-width: 0;
  display: grid;
  gap: 8px;
  align-content: start;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.sourcing-ops-card.ready {
  border-color: rgba(15, 118, 110, 0.25);
  background: #f7fbf9;
}

.sourcing-ops-card.warn {
  border-color: rgba(143, 75, 16, 0.28);
  background: #fffaf0;
}

.sourcing-ops-card span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.sourcing-ops-card strong {
  font-size: 26px;
}

.sourcing-ops-card p {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.sourcing-ops-card button {
  justify-self: start;
}

.sourcing-ops-safe {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  font-size: 12px;
  line-height: 1.55;
}

.sourcing-ops-safe span {
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  overflow-wrap: anywhere;
}

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

.image-search-list {
  display: grid;
  gap: 12px;
}

.image-search-card {
  display: grid;
  grid-template-columns: 132px minmax(260px, 1fr) minmax(210px, 0.55fr);
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  min-width: 0;
}

.capture-flow-board {
  display: grid;
  gap: 12px;
  margin: 12px 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f7faf8;
}

.capture-flow-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.capture-flow-head strong {
  display: block;
  font-size: 16px;
}

.capture-flow-head p {
  margin: 4px 0 0;
  color: var(--muted);
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.capture-flow-head-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

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

.capture-flow-step {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 10px;
  min-width: 0;
}

.capture-flow-index {
  display: grid;
  place-items: center;
  width: 34px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #e7f0ec;
  color: #24564c;
  font-weight: 800;
}

.capture-flow-step.ready .capture-flow-index {
  background: #dff4ed;
  color: #0d6a52;
}

.capture-flow-step.warn .capture-flow-index {
  background: #fff2cf;
  color: #7a5200;
}

.capture-flow-body {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.capture-flow-body span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.capture-flow-body strong {
  font-size: 24px;
  line-height: 1;
}

.capture-flow-body p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.capture-flow-step button {
  grid-column: 1 / -1;
  justify-self: start;
}

.shop-url-capture-quick-board {
  display: grid;
  gap: 12px;
  margin: 12px 0;
}

.shop-url-quick-head,
.shop-url-quick-step {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  min-width: 0;
}

.shop-url-quick-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
}

.shop-url-quick-head strong {
  display: block;
  margin-top: 6px;
  font-size: 16px;
}

.shop-url-quick-head p {
  margin: 5px 0 0;
  color: var(--muted);
  line-height: 1.55;
}

.shop-url-quick-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-content: start;
  justify-content: flex-end;
}

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

.shop-url-quick-step {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

.shop-url-quick-step > span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #eef3f7;
  font-weight: 800;
}

.shop-url-quick-step.ready > span {
  background: #dff4ed;
  color: #0d6a52;
}

.shop-url-quick-step.warn > span {
  background: #fff2cf;
  color: #7a5200;
}

.shop-url-quick-step strong,
.shop-url-quick-step p {
  margin: 0;
  overflow-wrap: anywhere;
}

.shop-url-quick-step p {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.shop-url-quick-step b {
  grid-column: 1 / -1;
  font-size: 22px;
}

.shop-url-quick-step button {
  grid-column: 1 / -1;
  justify-self: start;
}

.shop-url-quick-safe {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.capture-flow-note {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.capture-flow-note span {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 8px;
  overflow-wrap: anywhere;
}

.image-search-thumb {
  display: block;
  width: 132px;
  aspect-ratio: 1;
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  background: #f6f7f7;
}

.image-search-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.image-search-main {
  display: grid;
  gap: 8px;
  align-content: start;
  min-width: 0;
}

.image-search-main h4 {
  margin: 0;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.image-search-main p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.image-search-main dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.image-search-main dl div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
  min-width: 0;
}

.image-search-main dt {
  color: var(--muted);
  font-size: 12px;
}

.image-search-main dd {
  margin: 3px 0 0;
  font-size: 13px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.image-search-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-content: start;
  min-width: 0;
}

.image-source-fill-form {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 8px;
  align-items: end;
  border-top: 1px solid var(--line);
  padding-top: 10px;
  min-width: 0;
}

.image-source-fill-form strong {
  align-self: center;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.image-source-fill-form label {
  display: grid;
  gap: 4px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  min-width: 0;
}

.image-source-fill-form input {
  width: 100%;
  min-width: 0;
}

.image-source-fill-form .muted {
  align-self: center;
  display: block;
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.image-next-actions {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfa;
  padding: 10px;
  min-width: 0;
}

.image-next-actions strong {
  display: block;
  font-size: 13px;
  margin-bottom: 4px;
}

.image-next-actions p {
  margin: 0 0 4px;
  color: var(--text);
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.image-next-action-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}

.plugin-capture-inbox {
  margin-top: 14px;
  padding: 12px;
  border: 1px dashed var(--line);
  border-radius: 8px;
  background: #fbfcfc;
}

.nested-head {
  align-items: flex-start;
}

.nested-head h4 {
  margin: 0 0 4px;
  font-size: 16px;
}

.plugin-capture-inbox-board,
.plugin-capture-list {
  display: grid;
  gap: 12px;
}

.plugin-capture-inbox-board {
  margin-top: 10px;
}

.plugin-capture-empty {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 14px;
}

.plugin-capture-empty p {
  margin: 6px 0 0;
  color: var(--muted);
  line-height: 1.55;
}

.plugin-capture-card {
  display: grid;
  grid-template-columns: 132px minmax(240px, 1fr) minmax(190px, 0.48fr);
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  min-width: 0;
}

.plugin-capture-main {
  display: grid;
  gap: 8px;
  align-content: start;
  min-width: 0;
}

.plugin-capture-main h4,
.plugin-capture-main p {
  margin: 0;
  overflow-wrap: anywhere;
}

.plugin-capture-main h4 {
  font-size: 15px;
}

.plugin-capture-main p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.plugin-capture-main dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.plugin-capture-main dl div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
  min-width: 0;
}

.plugin-capture-main dt {
  color: var(--muted);
  font-size: 12px;
}

.plugin-capture-main dd {
  margin: 3px 0 0;
  font-weight: 700;
  font-size: 13px;
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
  .sourcing-panel-head,
  .sourcing-ops-current,
  .sourcing-ops-cards,
  .sourcing-ops-safe,
  .image-search-kpis,
  .shop-url-quick-head,
  .shop-url-quick-steps,
  .capture-flow-head,
  .capture-flow-steps,
  .capture-flow-note,
  .image-search-card,
  .image-search-main dl,
  .image-source-fill-form,
  .image-next-actions,
  .plugin-capture-card,
  .plugin-capture-main dl {
    grid-template-columns: 1fr;
  }

  .image-next-action-buttons {
    justify-content: flex-start;
  }

  .sourcing-primary-actions {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    max-width: none;
    width: 100%;
  }

  .inline-tools-menu {
    width: 100%;
  }

  .inline-tools-menu summary {
    justify-content: center;
    width: 100%;
  }

  .inline-tools-list {
    position: static;
    width: 100%;
    min-width: 0;
    margin-top: 8px;
  }

  .image-search-thumb {
    width: min(100%, 220px);
  }

  .image-search-actions,
  .capture-flow-head-actions,
  .shop-url-quick-actions {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: stretch;
  }

  .image-search-actions > *,
  .capture-flow-head-actions > *,
  .shop-url-quick-actions > * {
    width: 100%;
  }
}

.sourcing-conversion-board {
  display: grid;
  gap: 14px;
}

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

.sourcing-conversion-list {
  display: grid;
  gap: 12px;
}

.sourcing-conversion-card {
  display: grid;
  grid-template-columns: minmax(180px, 0.75fr) minmax(300px, 1fr) minmax(220px, 0.75fr);
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.sourcing-conversion-main,
.sourcing-conversion-note {
  display: grid;
  gap: 8px;
  align-content: start;
  min-width: 0;
}

.sourcing-conversion-main h4 {
  margin: 0;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.sourcing-conversion-main p,
.sourcing-conversion-note p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.sourcing-conversion-note .muted {
  display: block;
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.sourcing-conversion-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.sourcing-conversion-proof div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 9px;
  min-width: 0;
}

.sourcing-conversion-proof dt {
  color: var(--muted);
  font-size: 12px;
}

.sourcing-conversion-proof dd {
  margin: 3px 0 0;
  font-weight: 700;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.sourcing-conversion-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.draft-generation-board {
  display: grid;
  gap: 14px;
}

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

.draft-generation-list {
  display: grid;
  gap: 12px;
}

.draft-generation-card {
  display: grid;
  grid-template-columns: minmax(180px, 0.75fr) minmax(300px, 1fr) minmax(220px, 0.75fr);
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.draft-generation-main,
.draft-generation-note {
  display: grid;
  gap: 8px;
  align-content: start;
  min-width: 0;
}

.draft-generation-main h4 {
  margin: 0;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.draft-generation-main p,
.draft-generation-note p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.draft-generation-note .muted {
  display: block;
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.draft-generation-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.draft-generation-proof div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 9px;
  min-width: 0;
}

.draft-generation-proof dt {
  color: var(--muted);
  font-size: 12px;
}

.draft-generation-proof dd {
  margin: 3px 0 0;
  font-weight: 700;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.draft-generation-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.draft-first-review-board {
  display: grid;
  gap: 14px;
}

.draft-first-review-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.draft-first-review-list {
  display: grid;
  gap: 12px;
}

.draft-first-review-card {
  display: grid;
  grid-template-columns: minmax(190px, 0.75fr) minmax(320px, 1fr) minmax(230px, 0.75fr);
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.draft-first-review-main,
.draft-first-review-note {
  display: grid;
  gap: 8px;
  align-content: start;
  min-width: 0;
}

.draft-first-review-main h4 {
  margin: 0;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.draft-first-review-main p,
.draft-first-review-note p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.draft-first-review-note .muted {
  display: block;
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.draft-first-review-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.draft-first-review-proof div {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 9px;
  min-width: 0;
}

.draft-first-review-proof dt {
  color: var(--muted);
  font-size: 12px;
}

.draft-first-review-proof dd {
  margin: 3px 0 0;
  font-weight: 700;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.draft-first-review-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.daily-handoff-board {
  display: grid;
  gap: 14px;
}

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

.daily-handoff-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.8fr);
  gap: 14px;
}

.daily-handoff-platform {
  display: grid;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 10px;
  min-width: 0;
}

.daily-handoff-platform strong {
  font-size: 14px;
}

.daily-handoff-platform span {
  color: var(--muted);
  font-size: 12px;
}

.portable-restore-wizard-board {
  margin-top: 14px;
}

.portable-restore-wizard-panel {
  display: grid;
  gap: 12px;
  border: 1px solid #cfd9de;
  border-radius: 8px;
  background: #f8fbfb;
  padding: 12px;
  min-width: 0;
}

.portable-restore-wizard-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.portable-restore-wizard-head h4,
.portable-restore-wizard-head p {
  margin: 0;
  overflow-wrap: anywhere;
}

.portable-restore-wizard-head h4 {
  margin-top: 8px;
  font-size: 16px;
}

.portable-restore-wizard-head p {
  margin-top: 4px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.portable-restore-wizard-steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.portable-restore-wizard-step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 10px;
  min-width: 0;
}

.portable-restore-wizard-step strong,
.portable-restore-wizard-step p,
.portable-restore-wizard-step .muted {
  display: block;
  margin: 0;
  overflow-wrap: anywhere;
}

.portable-restore-wizard-step p {
  margin-top: 4px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.portable-backup-board {
  margin-top: 14px;
}

.portable-backup-panel {
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  padding: 12px;
  min-width: 0;
}

.portable-backup-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.portable-backup-created {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid #9fc2ad;
  border-radius: 8px;
  background: #f7fbf8;
  padding: 12px;
  min-width: 0;
}

.portable-backup-restore-note {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid #d6dee2;
  border-radius: 8px;
  background: #ffffff;
  padding: 12px;
  min-width: 0;
}

.portable-backup-head h4 {
  margin: 8px 0 4px;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.portable-backup-head p,
.portable-backup-created p,
.portable-backup-restore-note p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.portable-backup-created h4 {
  margin: 8px 0 4px;
  font-size: 15px;
  overflow-wrap: anywhere;
}

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

.portable-backup-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 10px;
  min-width: 0;
}

.portable-backup-item strong {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  overflow-wrap: anywhere;
}

.portable-backup-item p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.creator-intel-grid,
.policy-watch-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.creator-intel-card h4,
.policy-watch-card h4 {
  margin: 10px 0 0;
}

.creator-intel-head {
  justify-content: space-between;
}

.creator-intel-meta {
  justify-content: space-between;
  margin-top: 10px;
  color: var(--muted);
  font-size: 12px;
}

.daily-ops-advanced {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 12px 14px;
}

.daily-ops-advanced summary {
  cursor: pointer;
  font-weight: 700;
}

.daily-ops-advanced-inner {
  display: grid;
  gap: 14px;
  margin-top: 14px;
}

.daily-ops-advanced-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.temu-fill-assist-board {
  display: grid;
  gap: 14px;
}

.temu-fill-assist-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.temu-fill-assist-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.temu-fill-assist-card,
.policy-intel-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
  min-width: 0;
}

.temu-fill-assist-empty {
  display: grid;
  gap: 12px;
  background: #fbfcfc;
}

.temu-fill-assist-empty .template-actions {
  justify-content: flex-start;
}

.temu-fill-assist-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.temu-fill-assist-card h4,
.policy-intel-card h4 {
  margin: 10px 0 0;
}

.temu-fill-assist-card p,
.policy-intel-card p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.temu-fill-assist-field-list {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}

.temu-fill-assist-field-list article {
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
}

.temu-fill-assist-field-list strong {
  display: block;
  font-size: 13px;
}

.temu-final-handoff-card {
  display: grid;
  gap: 10px;
  background: #fbfcfc;
}

.temu-final-handoff-card .daily-ops-chip-list {
  margin-top: 4px;
}

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

.policy-verify-task-board {
  display: grid;
  gap: 12px;
  margin-bottom: 12px;
}

.policy-verify-task-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.policy-verify-task-list {
  display: grid;
  gap: 12px;
}

.policy-verify-task-card {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
}

.policy-verify-task-card.is-primary {
  border-color: #b8c9de;
  background: #fbfdff;
}

.policy-verify-task-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.policy-verify-task-main h4 {
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.policy-verify-task-main p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.policy-verify-task-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.policy-verify-task-proof div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
}

.policy-verify-task-proof dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.policy-verify-task-proof dd {
  margin: 3px 0 0;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.policy-verify-task-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.daily-profit-guard-board {
  display: grid;
  gap: 12px;
}

.daily-profit-guard-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.daily-profit-guard-list {
  display: grid;
  gap: 12px;
}

.daily-profit-guard-card {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 1.05fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
}

.daily-profit-guard-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.daily-profit-guard-main h4 {
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.daily-profit-guard-main p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.daily-profit-guard-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.daily-profit-guard-proof div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
}

.daily-profit-guard-proof dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.daily-profit-guard-proof dd {
  margin: 3px 0 0;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.daily-profit-guard-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.workflow-roadmap-board {
  display: grid;
  gap: 12px;
}

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

.workflow-roadmap-flow {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 8px;
}

.workflow-roadmap-pill {
  min-width: 0;
  min-height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  color: #34414c;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  overflow-wrap: anywhere;
}

.workflow-roadmap-pill.is-current {
  border-color: #17212b;
  background: #17212b;
  color: #ffffff;
}

.workflow-roadmap-list {
  display: grid;
  gap: 12px;
}

.workflow-roadmap-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 48px minmax(0, 1.05fr) minmax(300px, 0.95fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
}

.workflow-roadmap-card.is-current {
  border-color: #b8c9de;
  background: #fbfdff;
}

.workflow-roadmap-step {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #17212b;
  color: #f2c14e;
  font-weight: 900;
}

.workflow-roadmap-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.workflow-roadmap-main h4 {
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.workflow-roadmap-main p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.workflow-roadmap-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.workflow-roadmap-proof div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
}

.workflow-roadmap-proof dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.workflow-roadmap-proof dd {
  margin: 3px 0 0;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.workflow-roadmap-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.daily-workflow-relay-board {
  display: grid;
  gap: 12px;
}

.daily-workflow-relay-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.daily-workflow-relay-list {
  display: grid;
  gap: 12px;
}

.daily-workflow-relay-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 46px minmax(0, 0.9fr) minmax(340px, 1.1fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
}

.daily-workflow-relay-rank {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #0f766e;
  color: #ffffff;
  font-weight: 900;
}

.daily-workflow-relay-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.daily-workflow-relay-main h4 {
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.daily-workflow-relay-main p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.daily-workflow-relay-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.daily-workflow-relay-proof div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
}

.daily-workflow-relay-proof dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.daily-workflow-relay-proof dd {
  margin: 3px 0 0;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.daily-workflow-relay-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.daily-workflow-relay-status {
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 14px;
}

.daily-workflow-relay-status-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.daily-workflow-relay-status-head h4 {
  margin: 0;
  font-size: 16px;
}

.daily-workflow-relay-status-head p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.daily-workflow-relay-status-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.daily-workflow-relay-status-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.daily-workflow-relay-status-kpis article {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 10px;
}

.daily-workflow-relay-status-kpis span {
  color: var(--muted);
  font-size: 12px;
}

.daily-workflow-relay-status-kpis strong {
  display: block;
  margin-top: 3px;
  font-size: 20px;
}

.daily-workflow-relay-status-kpis p {
  margin: 2px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.daily-workflow-relay-status-list {
  display: grid;
  gap: 10px;
}

.daily-workflow-relay-status-list article {
  min-width: 0;
  display: grid;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 12px;
}

.daily-workflow-relay-status-list h5 {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.daily-workflow-relay-status-list p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.daily-workflow-relay-status-list dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.daily-workflow-relay-status-list dl div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 8px;
}

.daily-workflow-relay-status-list dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.daily-workflow-relay-status-list dd {
  margin: 3px 0 0;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.daily-workflow-relay-status-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.daily-workflow-relay-manifest {
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
}

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

.daily-workflow-relay-manifest-grid article {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  padding: 10px;
}

.daily-workflow-relay-manifest-grid h5 {
  margin: 0 0 6px;
  font-size: 14px;
}

.daily-workflow-relay-manifest-grid p,
.daily-workflow-relay-manifest-grid li {
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.daily-workflow-relay-manifest-grid ul,
.daily-workflow-relay-manifest-grid ol {
  margin: 0;
  padding-left: 18px;
}

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

.data-quality-kpi {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: #fbfcfc;
  min-width: 0;
}

.data-quality-kpi span {
  color: var(--muted);
  font-size: 12px;
}

.data-quality-kpi strong {
  display: block;
  margin-top: 6px;
  font-size: 24px;
}

.data-quality-kpi p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.data-quality-list {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
}

.data-quality-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.data-quality-item strong {
  display: block;
  margin-top: 6px;
}

.data-quality-item p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 13px;
}

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

.shop-health-kpi {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: #fbfcfc;
  min-width: 0;
}

.shop-health-kpi span {
  color: var(--muted);
  font-size: 12px;
}

.shop-health-kpi strong {
  display: block;
  margin-top: 6px;
  font-size: 24px;
}

.shop-health-kpi p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.shop-health-list {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
}

.shop-health-item {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.shop-health-score {
  display: grid;
  place-items: center;
  min-height: 62px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
}

.shop-health-score strong {
  font-size: 24px;
  line-height: 1;
}

.shop-health-score span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 11px;
}

.shop-health-score.danger {
  border-color: #f0a3a3;
  background: #fff5f5;
}

.shop-health-score.warn {
  border-color: #f0c36a;
  background: #fffbeb;
}

.shop-health-score.good {
  border-color: #b7dbc4;
  background: #f2fbf5;
}

.shop-health-item strong {
  display: block;
  margin-top: 6px;
}

.shop-health-item p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.shop-health-item .muted {
  display: block;
  margin-top: 5px;
}

.workflow-health-grid,
.first-run-closure-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.workflow-health-kpi,
.first-run-closure-kpi {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: #fbfcfc;
  min-width: 0;
}

.workflow-health-kpi span,
.first-run-closure-kpi span {
  color: var(--muted);
  font-size: 12px;
}

.workflow-health-kpi strong,
.first-run-closure-kpi strong {
  display: block;
  margin-top: 6px;
  font-size: 24px;
}

.workflow-health-kpi p,
.first-run-closure-kpi p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.workflow-health-list,
.first-run-closure-list {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
}

.workflow-health-item,
.first-run-closure-item {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.95fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.workflow-health-item strong,
.first-run-closure-item strong {
  display: block;
  margin-top: 6px;
  overflow-wrap: anywhere;
}

.workflow-health-item p,
.first-run-closure-item p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.workflow-health-item .muted,
.first-run-closure-item .muted {
  display: block;
  margin-top: 5px;
  overflow-wrap: anywhere;
}

.workflow-health-progress,
.first-run-closure-progress {
  height: 7px;
  margin-top: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e5ece9;
}

.workflow-health-progress span,
.first-run-closure-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--accent);
}

.workflow-health-item dl,
.first-run-closure-item dl {
  display: grid;
  gap: 7px;
  margin: 0;
}

.workflow-health-item dt,
.first-run-closure-item dt {
  color: var(--muted);
  font-size: 11px;
}

.workflow-health-item dd,
.first-run-closure-item dd {
  margin: 2px 0 0;
  color: #34414c;
  font-size: 13px;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

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

.workflow-delivery-acceptance-kpi,
.workflow-delivery-acceptance-highlight,
.workflow-delivery-acceptance-item {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  min-width: 0;
}

.workflow-delivery-acceptance-kpi {
  padding: 14px;
}

.workflow-delivery-acceptance-kpi span {
  color: var(--muted);
  font-size: 12px;
}

.workflow-delivery-acceptance-kpi strong {
  display: block;
  margin-top: 6px;
  font-size: 24px;
}

.workflow-delivery-acceptance-kpi p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.workflow-delivery-acceptance-highlight {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  background: linear-gradient(180deg, #f7fbff 0%, #fbfcfc 100%);
}

.workflow-delivery-acceptance-highlight strong {
  display: block;
  margin-top: 6px;
  font-size: 18px;
  overflow-wrap: anywhere;
}

.workflow-delivery-acceptance-highlight p {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.workflow-delivery-acceptance-highlight .muted {
  display: block;
  margin-top: 6px;
  overflow-wrap: anywhere;
}

.workflow-delivery-acceptance-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}

.workflow-delivery-acceptance-list {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
}

.workflow-delivery-acceptance-item {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.95fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  background: var(--surface);
}

.workflow-delivery-acceptance-item strong {
  display: block;
  margin-top: 6px;
  overflow-wrap: anywhere;
}

.workflow-delivery-acceptance-item p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.workflow-delivery-acceptance-item .muted {
  display: block;
  margin-top: 5px;
  overflow-wrap: anywhere;
}

.workflow-delivery-acceptance-progress {
  height: 7px;
  margin-top: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e5ece9;
}

.workflow-delivery-acceptance-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--accent);
}

.workflow-delivery-acceptance-item dl {
  display: grid;
  gap: 7px;
  margin: 0;
}

.workflow-delivery-acceptance-item dt {
  color: var(--muted);
  font-size: 11px;
}

.workflow-delivery-acceptance-item dd {
  margin: 2px 0 0;
  color: #34414c;
  font-size: 13px;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

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

.delivery-guide-kpi {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: #fbfcfc;
  min-width: 0;
}

.delivery-guide-kpi span {
  color: var(--muted);
  font-size: 12px;
}

.delivery-guide-kpi strong {
  display: block;
  margin-top: 6px;
  font-size: 24px;
}

.delivery-guide-kpi p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.delivery-guide-list {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
}

.delivery-guide-highlight {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(220px, 0.8fr);
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: linear-gradient(180deg, #f7fbff 0%, #fbfcfc 100%);
  min-width: 0;
}

.delivery-guide-highlight-copy strong {
  display: block;
  margin-top: 6px;
  font-size: 18px;
  overflow-wrap: anywhere;
}

.delivery-guide-highlight-copy p {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.delivery-guide-highlight-copy dl {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
}

.delivery-guide-highlight-copy dt {
  color: var(--muted);
  font-size: 11px;
}

.delivery-guide-highlight-copy dd {
  margin: 2px 0 0;
  color: #34414c;
  font-size: 13px;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.delivery-guide-highlight-actions {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}

.delivery-guide-item {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(260px, 0.95fr) minmax(120px, auto);
  gap: 12px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
  min-width: 0;
}

.delivery-guide-item strong {
  display: block;
  margin-top: 6px;
  overflow-wrap: anywhere;
}

.delivery-guide-item p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.delivery-guide-item .muted {
  display: block;
  margin-top: 5px;
  overflow-wrap: anywhere;
}

.delivery-guide-item dl {
  display: grid;
  gap: 7px;
  margin: 0;
}

.delivery-guide-item dt {
  color: var(--muted);
  font-size: 11px;
}

.delivery-guide-item dd {
  margin: 2px 0 0;
  color: #34414c;
  font-size: 13px;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.delivery-guide-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.delivery-tutorial-preview {
  grid-column: 1 / -1;
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: #fbfcfc;
  min-width: 0;
}

.delivery-tutorial-preview-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  min-width: 0;
}

.delivery-tutorial-preview-head strong {
  display: block;
  margin-top: 6px;
  font-size: 18px;
  overflow-wrap: anywhere;
}

.delivery-tutorial-preview-head p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.delivery-tutorial-preview-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}

.delivery-tutorial-preview-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.delivery-tutorial-preview-item {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 9px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
  min-width: 0;
}

.delivery-tutorial-preview-item img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #eef4f2;
}

.delivery-tutorial-preview-item strong {
  display: block;
  font-size: 14px;
  overflow-wrap: anywhere;
}

.delivery-tutorial-preview-item p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.delivery-tutorial-preview-item .muted {
  display: block;
  margin-top: 5px;
  font-size: 11px;
  overflow-wrap: anywhere;
}

.delivery-tutorial-preview-item button {
  margin-top: 8px;
  width: fit-content;
}

.split-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.8fr);
  gap: 14px;
  margin-top: 14px;
}

.panel,
.quote-panel {
  padding: 18px;
}

.panel-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.panel h3,
.quote-panel h3 {
  margin: 0;
  font-size: 17px;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  gap: 12px;
  padding: 16px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
  margin-bottom: 14px;
}

label {
  display: grid;
  gap: 6px;
  color: #34414a;
  font-size: 13px;
  font-weight: 700;
}

input,
select,
textarea {
  width: 100%;
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 8px 10px;
  color: var(--ink);
  background: #fbfcfd;
  outline: none;
  font-weight: 400;
}

textarea {
  resize: vertical;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.12);
}

.span-2 {
  grid-column: span 2;
}

.table-wrap {
  overflow-x: auto;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

table {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
}

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

th {
  background: #f0f4f3;
  color: #46535d;
  font-size: 12px;
  text-transform: uppercase;
}

tr:last-child td {
  border-bottom: 0;
}

.empty {
  color: var(--muted);
  text-align: center;
  padding: 28px;
}

.row-actions {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
}

.row-actions button {
  min-width: 34px;
  min-height: 30px;
  border-radius: 7px;
  background: #eef3f0;
  color: #243240;
}

.row-actions button.delete {
  background: #fde9e7;
  color: var(--danger);
}

.badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: #e8f1ff;
  color: var(--accent-3);
  font-size: 12px;
  font-weight: 700;
}

.badge.warn {
  background: #fff2dc;
  color: var(--accent-2);
}

.badge.good {
  background: #e7f6ee;
  color: #0d7a45;
}

.badge.danger {
  background: #fde9e7;
  color: var(--danger);
}

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

.action-item {
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.action-item p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.guide-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.after-import-desk {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

.report-import-desk {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
}

.inline-head {
  align-items: flex-start;
}

.report-import-desk-body {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

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

.report-import-kpi {
  min-width: 0;
  min-height: 82px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  display: grid;
  align-content: center;
  gap: 5px;
}

.report-import-kpi span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.report-import-kpi strong {
  font-size: 20px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.report-import-kpi p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.report-import-detail {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
}

.report-import-detail > div {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.report-import-detail h4 {
  margin: 0 0 8px;
  font-size: 14px;
}

.report-import-detail p {
  margin: 0 0 6px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

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

.after-import-kpi,
.after-import-item {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
}

.after-import-kpi {
  padding: 12px;
}

.after-import-kpi span {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.after-import-kpi strong {
  display: block;
  margin-top: 4px;
  font-size: 24px;
}

.after-import-kpi p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.after-import-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

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

.after-import-item {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(220px, 0.8fr) auto;
  gap: 12px;
  align-items: start;
  padding: 12px;
}

.after-import-item strong {
  display: block;
  margin-top: 6px;
}

.after-import-item p,
.after-import-item .muted,
.after-import-item dd {
  overflow-wrap: anywhere;
}

.after-import-item p {
  margin: 6px 0 4px;
}

.after-import-item dl {
  display: grid;
  gap: 6px;
  margin: 0;
}

.after-import-item dt {
  color: var(--muted);
  font-size: 12px;
}

.after-import-item dd {
  margin: 0;
  font-size: 13px;
}

.guide-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  gap: 10px;
}

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

.guide-card h4 {
  margin: 8px 0 0;
  font-size: 16px;
  letter-spacing: 0;
}

.guide-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.guide-card ol {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 6px;
  color: #34414c;
  font-size: 13px;
}

.platform-run-desk-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.platform-run-desk-kpi {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: #fbfcfd;
  min-width: 0;
}

.platform-run-desk-kpi span {
  color: var(--muted);
  font-size: 12px;
}

.platform-run-desk-kpi strong {
  display: block;
  margin-top: 6px;
  font-size: 24px;
}

.platform-run-desk-kpi p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.platform-run-desk-list {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
}

.platform-run-desk-item {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.9fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.platform-run-desk-item strong {
  display: block;
  margin-top: 6px;
}

.platform-run-desk-item p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.platform-run-desk-item .muted {
  display: block;
  margin-top: 5px;
}

.platform-run-desk-item dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.platform-run-desk-item dt {
  color: var(--muted);
  font-size: 11px;
}

.platform-run-desk-item dd {
  margin: 2px 0 0;
  font-size: 13px;
}

.first-run-starter-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.first-run-starter-kpi {
  min-width: 0;
  min-height: 86px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  align-content: center;
  gap: 5px;
}

.first-run-starter-kpi span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.first-run-starter-kpi strong {
  font-size: 24px;
}

.first-run-starter-kpi p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.first-run-starter-list {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.first-run-starter-card {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  display: grid;
  gap: 10px;
}

.first-run-starter-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.first-run-starter-card h4 {
  margin: 6px 0 0;
  font-size: 16px;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.first-run-starter-card p {
  margin: 0;
  color: #34414c;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.first-run-starter-progress {
  height: 7px;
  border-radius: 999px;
  background: #e8eef3;
  overflow: hidden;
}

.first-run-starter-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #2f7d57;
}

.first-run-starter-card dl {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.first-run-starter-card dl div {
  min-width: 0;
  padding: 8px;
  border-radius: 8px;
  background: var(--surface-2);
}

.first-run-starter-card dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.first-run-starter-card dd {
  margin: 3px 0 0;
  color: var(--text);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.first-run-starter-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.quick-account-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.quick-account-card {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  display: grid;
  gap: 10px;
}

.quick-account-card.is-primary {
  border-color: #79a7d8;
  background: #f7fbff;
}

.quick-account-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.quick-account-head h4 {
  margin: 6px 0 0;
  font-size: 16px;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.quick-account-head strong {
  color: var(--muted);
  font-size: 12px;
}

.quick-account-card p {
  margin: 0;
  color: #34414c;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.quick-account-card dl {
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

.quick-account-card dl div {
  min-width: 0;
  padding: 8px;
  border-radius: 8px;
  background: var(--surface-2);
}

.quick-account-card dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.quick-account-card dd {
  margin: 3px 0 0;
  color: var(--text);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.quick-account-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.quick-account-card .muted {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.first-run-nav-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.first-run-nav-kpi {
  min-width: 0;
  min-height: 84px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  align-content: center;
  gap: 5px;
}

.first-run-nav-kpi span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.first-run-nav-kpi strong {
  font-size: 24px;
}

.first-run-nav-kpi p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.first-run-nav-list {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.first-run-nav-card {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  display: grid;
  gap: 10px;
}

.first-run-nav-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.first-run-nav-card h4 {
  margin: 6px 0 0;
  font-size: 16px;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.first-run-nav-card p {
  margin: 0;
  color: #34414c;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.first-run-nav-card dl {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.first-run-nav-card dl div {
  min-width: 0;
  padding: 8px;
  border-radius: 8px;
  background: var(--surface-2);
}

.first-run-nav-card dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.first-run-nav-card dd {
  margin: 3px 0 0;
  color: var(--text);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.first-run-nav-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.first-run-nav-card .muted {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.temu-capture-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.temu-capture-kpi {
  min-width: 0;
  min-height: 84px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  align-content: center;
  gap: 5px;
}

.temu-capture-kpi span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.temu-capture-kpi strong {
  font-size: 24px;
}

.temu-capture-kpi p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.temu-capture-list {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.temu-capture-card {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  display: grid;
  gap: 10px;
}

.temu-capture-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.temu-capture-card h4 {
  margin: 6px 0 0;
  font-size: 16px;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.temu-capture-card p {
  margin: 0;
  color: #34414c;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.temu-capture-card dl {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.temu-capture-card dl div {
  min-width: 0;
  padding: 8px;
  border-radius: 8px;
  background: var(--surface-2);
}

.temu-capture-card dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.temu-capture-card dd {
  margin: 3px 0 0;
  color: var(--text);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.temu-capture-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.temu-capture-card .muted {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.login-relay-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.login-relay-kpi {
  min-width: 0;
  min-height: 84px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  align-content: center;
  gap: 5px;
}

.login-relay-kpi span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.login-relay-kpi strong {
  font-size: 24px;
}

.login-relay-kpi p,
.login-relay-card p,
.login-relay-card .muted {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.login-relay-list {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.login-relay-card {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  display: grid;
  gap: 10px;
}

.login-relay-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.login-relay-card h4 {
  margin: 6px 0 0;
  font-size: 16px;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.login-relay-card dl {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.login-relay-card dl div {
  min-width: 0;
  padding: 8px;
  border-radius: 8px;
  background: var(--surface-2);
}

.login-relay-card dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.login-relay-card dd {
  margin: 3px 0 0;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.login-relay-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.platform-daily-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.platform-gap-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.platform-daily-card {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  gap: 10px;
}

.platform-gap-card {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  gap: 10px;
}

.platform-daily-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

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

.platform-daily-card h4 {
  margin: 6px 0 0;
  font-size: 16px;
  letter-spacing: 0;
}

.platform-gap-card h4 {
  margin: 6px 0 0;
  font-size: 16px;
  letter-spacing: 0;
}

.platform-daily-card p {
  margin: 0;
  color: #34414c;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.platform-gap-card p {
  margin: 0;
  color: #34414c;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.platform-daily-card .muted {
  overflow-wrap: anywhere;
}

.platform-gap-card .muted {
  overflow-wrap: anywhere;
}

.platform-daily-progress {
  height: 7px;
  border-radius: 999px;
  background: #e8eef3;
  overflow: hidden;
}

.platform-gap-progress {
  height: 7px;
  border-radius: 999px;
  background: #e8eef3;
  overflow: hidden;
}

.platform-daily-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #2f7d57;
}

.platform-gap-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #3b6f9f;
}

.platform-daily-stats {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.platform-gap-stats {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.platform-daily-stats div {
  min-width: 0;
  padding: 8px;
  border-radius: 8px;
  background: var(--surface-2);
}

.platform-gap-stats div {
  min-width: 0;
  padding: 8px;
  border-radius: 8px;
  background: var(--surface-2);
}

.platform-daily-stats dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.platform-gap-stats dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.platform-daily-stats dd {
  margin: 3px 0 0;
  color: var(--text);
  font-size: 13px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.platform-gap-stats dd {
  margin: 3px 0 0;
  color: var(--text);
  font-size: 13px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.platform-backfill-exec-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.platform-backfill-exec-card {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  gap: 10px;
}

.platform-backfill-exec-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.platform-backfill-exec-card h4 {
  margin: 6px 0 0;
  font-size: 16px;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.platform-backfill-exec-card p {
  margin: 0;
  color: #34414c;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.platform-backfill-exec-fields {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.platform-backfill-exec-fields div {
  min-width: 0;
  padding: 8px;
  border-radius: 8px;
  background: var(--surface-2);
}

.platform-backfill-exec-fields dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.platform-backfill-exec-fields dd {
  margin: 3px 0 0;
  color: var(--text);
  font-size: 13px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.platform-backfill-exec-card .muted {
  overflow-wrap: anywhere;
}

.real-run-session-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.first-run-acceptance-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.automation-maturity-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.real-run-session-kpi {
  min-width: 0;
  min-height: 86px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  align-content: center;
  gap: 5px;
}

.first-run-acceptance-kpi {
  min-width: 0;
  min-height: 86px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  align-content: center;
  gap: 5px;
}

.automation-maturity-kpi {
  min-width: 0;
  min-height: 86px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  align-content: center;
  gap: 5px;
}

.real-run-session-kpi span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.first-run-acceptance-kpi span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.automation-maturity-kpi span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.real-run-session-kpi strong {
  font-size: 24px;
}

.first-run-acceptance-kpi strong {
  font-size: 24px;
}

.automation-maturity-kpi strong {
  font-size: 24px;
}

.real-run-session-kpi p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.first-run-acceptance-kpi p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.automation-maturity-kpi p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.real-run-session-list {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
}

.first-run-acceptance-list {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
}

.automation-maturity-list {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
}

.real-run-session-item {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(260px, 0.95fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.first-run-acceptance-item {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(260px, 0.95fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.automation-maturity-item {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(260px, 0.95fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.real-run-session-item strong {
  display: block;
  margin-top: 6px;
  overflow-wrap: anywhere;
}

.first-run-acceptance-item strong {
  display: block;
  margin-top: 6px;
  overflow-wrap: anywhere;
}

.automation-maturity-item strong {
  display: block;
  margin-top: 6px;
  overflow-wrap: anywhere;
}

.real-run-session-item p {
  margin: 6px 0 0;
  color: #34414c;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.first-run-acceptance-item p {
  margin: 6px 0 0;
  color: #34414c;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.automation-maturity-item p {
  margin: 6px 0 0;
  color: #34414c;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.real-run-session-item .muted {
  display: block;
  margin-top: 5px;
  overflow-wrap: anywhere;
}

.first-run-acceptance-item .muted {
  display: block;
  margin-top: 5px;
  overflow-wrap: anywhere;
}

.automation-maturity-item .muted {
  display: block;
  margin-top: 5px;
  overflow-wrap: anywhere;
}

.first-run-acceptance-progress {
  height: 7px;
  margin-top: 8px;
  border-radius: 999px;
  background: #e8edf1;
  overflow: hidden;
}

.first-run-acceptance-progress span {
  display: block;
  height: 100%;
  background: var(--accent);
}

.automation-maturity-progress {
  height: 7px;
  margin-top: 8px;
  border-radius: 999px;
  background: #e8edf1;
  overflow: hidden;
}

.automation-maturity-progress span {
  display: block;
  height: 100%;
  background: var(--accent);
}

.real-run-session-item dl {
  display: grid;
  gap: 7px;
  margin: 0;
}

.first-run-acceptance-item dl {
  display: grid;
  gap: 7px;
  margin: 0;
}

.automation-maturity-item dl {
  display: grid;
  gap: 7px;
  margin: 0;
}

.real-run-session-item dt {
  color: var(--muted);
  font-size: 11px;
}

.first-run-acceptance-item dt {
  color: var(--muted);
  font-size: 11px;
}

.automation-maturity-item dt {
  color: var(--muted);
  font-size: 11px;
}

.real-run-session-item dd {
  margin: 2px 0 0;
  color: #34414c;
  font-size: 13px;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.first-run-acceptance-item dd {
  margin: 2px 0 0;
  color: #34414c;
  font-size: 13px;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.automation-maturity-item dd {
  margin: 2px 0 0;
  color: #34414c;
  font-size: 13px;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.real-daily-work-grid,
.daily-import-closure-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.real-daily-work-kpi,
.daily-import-closure-kpi {
  min-width: 0;
  min-height: 86px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  align-content: center;
  gap: 5px;
}

.real-daily-work-kpi span,
.daily-import-closure-kpi span {
  color: var(--muted);
  font-size: 12px;
}

.real-daily-work-kpi strong,
.daily-import-closure-kpi strong {
  font-size: 24px;
}

.real-daily-work-kpi p,
.daily-import-closure-kpi p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.real-daily-work-list,
.daily-import-closure-list {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
}

.real-daily-work-item {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(260px, 0.95fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.daily-import-closure-item {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.real-daily-work-item strong,
.daily-import-closure-item strong {
  display: block;
  margin-top: 6px;
  overflow-wrap: anywhere;
}

.real-daily-work-item p,
.daily-import-closure-item p {
  margin: 6px 0 0;
  color: #34414c;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.real-daily-work-item .muted,
.daily-import-closure-item .muted {
  display: block;
  margin-top: 5px;
  overflow-wrap: anywhere;
}

.real-daily-work-item dl {
  display: grid;
  gap: 7px;
  margin: 0;
}

.real-daily-work-item dt {
  color: var(--muted);
  font-size: 11px;
}

.real-daily-work-item dd {
  margin: 2px 0 0;
  color: #34414c;
  font-size: 13px;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.run-review-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.sku-lifecycle-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.sku-action-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.sku-action-card {
  min-width: 0;
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
}

.sku-action-card-head {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.sku-action-card-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.sku-action-card-head h4 {
  margin: 8px 0 4px;
  font-size: 15px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.sku-action-card-head p,
.sku-action-card p,
.sku-action-card .muted {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.sku-action-card > p {
  color: #34414c;
  font-size: 13px;
}

.sku-action-card-closure {
  display: grid;
  gap: 4px;
  padding: 9px 10px;
  border: 1px solid #dce7ee;
  border-radius: 8px;
  background: #f6fafb;
}

.sku-action-card-closure strong {
  color: #243240;
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.sku-action-card-handoff {
  display: grid;
  gap: 4px;
  padding: 9px 10px;
  border: 1px solid #d8e3d8;
  border-radius: 8px;
  background: #f5faf6;
}

.sku-action-card-handoff strong {
  color: #27613a;
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.sku-action-card-head strong {
  display: grid;
  place-items: center;
  min-width: 46px;
  min-height: 36px;
  padding: 0 8px;
  border: 1px solid #cfe1d8;
  border-radius: 8px;
  background: #f0f8f4;
  color: #27613a;
  font-size: 13px;
}

.sku-action-card dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 0;
}

.sku-action-card dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.sku-action-card dd {
  margin: 2px 0 0;
  color: #243240;
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.sku-action-card-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.sku-operation-timeline-board {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.sku-operation-timeline-card {
  min-width: 0;
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.sku-operation-timeline-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.sku-operation-timeline-head h4 {
  margin: 8px 0 4px;
  font-size: 15px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.sku-operation-timeline-head p {
  margin: 0;
  color: #34414c;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.sku-operation-timeline-head > strong {
  min-width: 44px;
  min-height: 34px;
  display: grid;
  place-items: center;
  padding: 0 8px;
  border-radius: 8px;
  background: #eef3f0;
  color: #24504b;
  font-size: 13px;
}

.sku-operation-timeline-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.sku-operation-timeline-meta div {
  min-width: 0;
  padding: 8px;
  border-radius: 8px;
  background: var(--surface-2);
}

.sku-operation-timeline-meta span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.sku-operation-timeline-meta strong {
  display: block;
  margin-top: 2px;
  color: #243240;
  font-size: 13px;
  overflow-wrap: anywhere;
}

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

.sku-operation-timeline-event {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

.sku-operation-timeline-dot {
  width: 10px;
  height: 10px;
  margin-top: 4px;
  border-radius: 999px;
  background: #9aa6af;
  box-shadow: 0 0 0 4px #eef3f0;
}

.sku-operation-timeline-dot.good {
  background: #2f7d57;
}

.sku-operation-timeline-dot.warn {
  background: #b7791f;
}

.sku-operation-timeline-event strong {
  display: block;
  color: #243240;
  font-size: 13px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.sku-operation-timeline-event p,
.sku-operation-timeline-event small {
  display: block;
  margin: 2px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.listing-template-library-board {
  display: grid;
  gap: 14px;
  margin-top: 14px;
}

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

.listing-template-library-kpi {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
  display: grid;
  gap: 4px;
}

.listing-template-library-kpi span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.listing-template-library-kpi strong {
  color: #243240;
  font-size: 22px;
}

.listing-template-library-kpi p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.listing-template-library-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.listing-template-library-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.listing-template-library-main {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.listing-template-library-main h4 {
  margin: 0;
  color: #1f2d3a;
  font-size: 15px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.listing-template-library-main p,
.listing-template-library-note p {
  margin: 0;
  color: #34414c;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.listing-template-library-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.listing-template-library-proof div {
  min-width: 0;
  padding: 8px;
  border-radius: 8px;
  background: var(--surface-2);
}

.listing-template-library-proof dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.listing-template-library-proof dd {
  margin: 2px 0 0;
  color: #243240;
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.listing-template-library-note {
  min-width: 0;
  padding: 10px;
  border-radius: 8px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
}

.listing-template-library-note strong {
  display: block;
  margin-bottom: 4px;
  color: #7c2d12;
  font-size: 12px;
}

.listing-template-library-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.run-review-kpi {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
  display: grid;
  gap: 4px;
}

.sku-lifecycle-kpi {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
  display: grid;
  gap: 4px;
}

.run-review-kpi span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.sku-lifecycle-kpi span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.run-review-kpi strong {
  font-size: 24px;
}

.sku-lifecycle-kpi strong {
  font-size: 24px;
}

.run-review-kpi p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}

.sku-lifecycle-kpi p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}

.run-review-list {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
}

.sku-lifecycle-list {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
}

.run-review-item {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.sku-lifecycle-item {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.run-review-item strong,
.run-review-item p,
.run-review-item .muted {
  overflow-wrap: anywhere;
}

.sku-lifecycle-item strong,
.sku-lifecycle-item p,
.sku-lifecycle-item .muted {
  overflow-wrap: anywhere;
}

.run-review-item p {
  margin: 3px 0;
  color: #34414c;
  font-size: 13px;
}

.sku-lifecycle-item p {
  margin: 5px 0 3px;
  color: #34414c;
  font-size: 13px;
}

.lifecycle-stage-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 6px;
}

.lifecycle-stage-chip {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 2px 6px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.lifecycle-stage-chip.is-done {
  border-color: #b9dcc5;
  background: #ecf8ef;
  color: #27613a;
}

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

.template-adapter-kpi,
.template-adapter-match,
.template-adapter-sample {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
}

.template-adapter-kpi {
  background: var(--surface-2);
  display: grid;
  gap: 4px;
}

.template-adapter-kpi span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.template-adapter-kpi strong {
  font-size: 22px;
}

.template-adapter-kpi p,
.template-adapter-match p,
.template-adapter-sample p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.template-adapter-list,
.template-adapter-samples {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.template-adapter-match {
  display: grid;
  gap: 6px;
}

.template-adapter-match strong,
.template-adapter-sample strong {
  overflow-wrap: anywhere;
  font-size: 13px;
}

.listing-title-grid,
.listing-compliance-grid,
.listing-asset-grid,
.listing-upload-final-grid,
.pre-submit-handoff-kpis,
.post-listing-writeback-kpis,
.listing-upload-session-grid,
.new-listing-launch-grid,
.price-stock-change-grid,
.listing-tracker-grid,
.listing-review-fix-grid,
.platform-rule-grid,
.supplier-health-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.listing-title-kpi,
.listing-compliance-kpi,
.listing-asset-kpi,
.listing-upload-final-kpi,
.pre-submit-handoff-kpis .listing-upload-final-kpi,
.post-listing-writeback-kpis .listing-tracker-kpi,
.listing-upload-session-kpi,
.new-listing-launch-kpi,
.price-stock-change-kpi,
.listing-tracker-kpi,
.listing-review-fix-kpi,
.platform-rule-kpi,
.supplier-health-kpi {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
  display: grid;
  gap: 4px;
}

.listing-title-kpi span,
.listing-compliance-kpi span,
.listing-asset-kpi span,
.listing-upload-final-kpi span,
.pre-submit-handoff-kpis .listing-upload-final-kpi span,
.post-listing-writeback-kpis .listing-tracker-kpi span,
.listing-upload-session-kpi span,
.new-listing-launch-kpi span,
.price-stock-change-kpi span,
.listing-tracker-kpi span,
.listing-review-fix-kpi span,
.platform-rule-kpi span,
.supplier-health-kpi span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.listing-title-kpi strong,
.listing-compliance-kpi strong,
.listing-asset-kpi strong,
.listing-upload-final-kpi strong,
.pre-submit-handoff-kpis .listing-upload-final-kpi strong,
.post-listing-writeback-kpis .listing-tracker-kpi strong,
.listing-upload-session-kpi strong,
.new-listing-launch-kpi strong,
.price-stock-change-kpi strong,
.listing-tracker-kpi strong,
.listing-review-fix-kpi strong,
.platform-rule-kpi strong,
.supplier-health-kpi strong {
  font-size: 22px;
}

.listing-title-kpi p,
.listing-compliance-kpi p,
.listing-asset-kpi p,
.listing-upload-final-kpi p,
.pre-submit-handoff-kpis .listing-upload-final-kpi p,
.post-listing-writeback-kpis .listing-tracker-kpi p,
.listing-upload-session-kpi p,
.new-listing-launch-kpi p,
.price-stock-change-kpi p,
.listing-tracker-kpi p,
.listing-review-fix-kpi p,
.platform-rule-kpi p,
.supplier-health-kpi p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}

.listing-title-list,
.listing-compliance-list,
.listing-asset-list,
.listing-upload-final-list,
.listing-upload-session-list,
.new-listing-launch-list,
.price-stock-change-list,
.listing-tracker-list,
.listing-review-fix-list,
.platform-rule-list,
.supplier-health-list {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
}

.pre-submit-handoff-board {
  display: grid;
  gap: 14px;
}

.pre-submit-handoff-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.pre-submit-handoff-list {
  display: grid;
  gap: 12px;
}

.pre-submit-handoff-card {
  display: grid;
  grid-template-columns: minmax(210px, 0.8fr) minmax(330px, 1fr) minmax(220px, 0.7fr);
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  min-width: 0;
}

.pre-submit-handoff-main,
.pre-submit-handoff-note {
  display: grid;
  gap: 8px;
  align-content: start;
  min-width: 0;
}

.pre-submit-handoff-main h4 {
  margin: 0;
  font-size: 15px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.pre-submit-handoff-main p,
.pre-submit-handoff-note p,
.pre-submit-handoff-main .muted {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.pre-submit-handoff-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.pre-submit-handoff-proof div {
  min-width: 0;
  padding: 9px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
}

.pre-submit-handoff-proof dt {
  color: var(--muted);
  font-size: 12px;
}

.pre-submit-handoff-proof dd {
  margin: 3px 0 0;
  color: #243240;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.pre-submit-handoff-note {
  padding: 10px;
  border: 1px solid #dce7ee;
  border-radius: 8px;
  background: #f6fafb;
}

.pre-submit-handoff-note strong {
  font-size: 12px;
  color: #243240;
}

.pre-submit-handoff-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.post-listing-writeback-board {
  display: grid;
  gap: 14px;
}

.post-listing-writeback-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.post-listing-writeback-list {
  display: grid;
  gap: 12px;
}

.post-listing-writeback-card {
  display: grid;
  grid-template-columns: minmax(210px, 0.8fr) minmax(330px, 1fr) minmax(220px, 0.7fr);
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  min-width: 0;
}

.post-listing-writeback-main,
.post-listing-writeback-note {
  display: grid;
  gap: 8px;
  align-content: start;
  min-width: 0;
}

.post-listing-writeback-main h4 {
  margin: 0;
  font-size: 15px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.post-listing-writeback-main p,
.post-listing-writeback-note p,
.post-listing-writeback-main .muted {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.post-listing-writeback-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.post-listing-writeback-proof div {
  min-width: 0;
  padding: 9px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
}

.post-listing-writeback-proof dt {
  color: var(--muted);
  font-size: 12px;
}

.post-listing-writeback-proof dd {
  margin: 3px 0 0;
  color: #243240;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.post-listing-writeback-note {
  padding: 10px;
  border: 1px solid #dce7ee;
  border-radius: 8px;
  background: #f6fafb;
}

.post-listing-writeback-note strong {
  font-size: 12px;
  color: #243240;
}

.post-listing-writeback-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.listing-title-item,
.listing-compliance-item,
.listing-asset-item,
.listing-upload-final-item,
.listing-upload-session-item,
.new-listing-launch-item,
.price-stock-change-item,
.listing-tracker-item,
.listing-review-fix-item,
.platform-rule-item,
.supplier-health-item {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.listing-title-item strong,
.listing-title-item p,
.listing-title-item .muted,
.listing-compliance-item strong,
.listing-compliance-item p,
.listing-compliance-item .muted,
.listing-asset-item strong,
.listing-asset-item p,
.listing-asset-item .muted,
.listing-upload-final-item strong,
.listing-upload-final-item p,
.listing-upload-final-item .muted,
.listing-upload-session-item strong,
.listing-upload-session-item p,
.listing-upload-session-item .muted,
.new-listing-launch-item strong,
.new-listing-launch-item p,
.new-listing-launch-item .muted,
.price-stock-change-item strong,
.price-stock-change-item p,
.price-stock-change-item .muted,
.listing-tracker-item strong,
.listing-tracker-item p,
.listing-tracker-item .muted,
.listing-review-fix-item strong,
.listing-review-fix-item p,
.listing-review-fix-item .muted,
.platform-rule-item strong,
.platform-rule-item p,
.platform-rule-item .muted,
.supplier-health-item strong,
.supplier-health-item p,
.supplier-health-item .muted {
  overflow-wrap: anywhere;
}

.listing-title-item p,
.listing-compliance-item p,
.listing-asset-item p,
.listing-upload-final-item p,
.listing-upload-session-item p,
.new-listing-launch-item p,
.price-stock-change-item p,
.listing-tracker-item p,
.listing-review-fix-item p,
.platform-rule-item p,
.supplier-health-item p {
  margin: 3px 0;
  color: #34414c;
  font-size: 13px;
}

.campaign-template-grid,
.campaign-calendar-grid,
.campaign-writeback-grid,
.active-listing-ops-grid,
.queue-noise-grid,
.execution-followup-grid,
.platform-backfill-archive-grid,
.platform-backfill-rescan-grid,
.platform-backfill-fix-grid,
.replenishment-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.purchase-precheck-grid,
.purchase-draft-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.profit-calibration-grid,
.price-profit-closure-grid,
.finance-reconcile-grid,
.cashflow-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.campaign-template-kpi,
.campaign-calendar-kpi,
.campaign-writeback-kpi,
.active-listing-ops-kpi,
.queue-noise-kpi,
.execution-followup-kpi,
.platform-backfill-archive-kpi,
.platform-backfill-rescan-kpi,
.platform-backfill-fix-kpi,
.replenishment-kpi,
.purchase-precheck-kpi,
.purchase-draft-kpi,
.profit-calibration-kpi,
.price-profit-closure-kpi,
.finance-reconcile-kpi,
.cashflow-kpi {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
  display: grid;
  gap: 4px;
}

.campaign-template-kpi span,
.campaign-calendar-kpi span,
.campaign-writeback-kpi span,
.active-listing-ops-kpi span,
.queue-noise-kpi span,
.execution-followup-kpi span,
.platform-backfill-archive-kpi span,
.platform-backfill-rescan-kpi span,
.platform-backfill-fix-kpi span,
.replenishment-kpi span,
.purchase-precheck-kpi span,
.purchase-draft-kpi span,
.profit-calibration-kpi span,
.price-profit-closure-kpi span,
.finance-reconcile-kpi span,
.cashflow-kpi span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.campaign-template-kpi strong,
.campaign-calendar-kpi strong,
.campaign-writeback-kpi strong,
.active-listing-ops-kpi strong,
.queue-noise-kpi strong,
.execution-followup-kpi strong,
.platform-backfill-archive-kpi strong,
.platform-backfill-rescan-kpi strong,
.platform-backfill-fix-kpi strong,
.replenishment-kpi strong,
.purchase-precheck-kpi strong,
.purchase-draft-kpi strong,
.profit-calibration-kpi strong,
.price-profit-closure-kpi strong,
.finance-reconcile-kpi strong,
.cashflow-kpi strong {
  font-size: 22px;
}

.campaign-template-kpi p,
.campaign-calendar-kpi p,
.campaign-writeback-kpi p,
.active-listing-ops-kpi p,
.queue-noise-kpi p,
.execution-followup-kpi p,
.platform-backfill-archive-kpi p,
.platform-backfill-rescan-kpi p,
.platform-backfill-fix-kpi p,
.replenishment-kpi p,
.purchase-precheck-kpi p,
.purchase-draft-kpi p,
.profit-calibration-kpi p,
.price-profit-closure-kpi p,
.finance-reconcile-kpi p,
.cashflow-kpi p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}

.campaign-template-list,
.campaign-calendar-list,
.campaign-writeback-list,
.active-listing-ops-list,
.queue-noise-list,
.execution-followup-list,
.platform-backfill-archive-list,
.platform-backfill-rescan-list,
.platform-backfill-fix-list,
.replenishment-list,
.purchase-precheck-list,
.purchase-draft-list,
.profit-calibration-list,
.price-profit-closure-list,
.finance-reconcile-list,
.cashflow-list {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
}

.campaign-template-item,
.campaign-calendar-item,
.campaign-writeback-item,
.active-listing-ops-item,
.queue-noise-item,
.execution-followup-item,
.platform-backfill-archive-item,
.platform-backfill-rescan-item,
.platform-backfill-fix-item,
.replenishment-item,
.purchase-precheck-item,
.purchase-draft-item,
.profit-calibration-item,
.price-profit-closure-item,
.finance-reconcile-item,
.cashflow-item {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.campaign-template-item strong,
.campaign-template-item p,
.campaign-template-item .muted,
.campaign-calendar-item strong,
.campaign-template-item p,
.campaign-calendar-item p,
.campaign-calendar-item .muted,
.campaign-writeback-item strong,
.campaign-writeback-item p,
.campaign-writeback-item .muted,
.active-listing-ops-item strong,
.active-listing-ops-item p,
.active-listing-ops-item .muted,
.queue-noise-item strong,
.queue-noise-item p,
.queue-noise-item .muted,
.execution-followup-item strong,
.execution-followup-item p,
.execution-followup-item .muted,
.platform-backfill-archive-item strong,
.platform-backfill-archive-item p,
.platform-backfill-archive-item .muted,
.platform-backfill-rescan-item strong,
.platform-backfill-rescan-item p,
.platform-backfill-rescan-item .muted,
.platform-backfill-fix-item strong,
.platform-backfill-fix-item p,
.platform-backfill-fix-item .muted,
.replenishment-item strong,
.replenishment-item p,
.replenishment-item .muted,
.purchase-precheck-item strong,
.purchase-precheck-item p,
.purchase-precheck-item .muted,
.purchase-draft-item strong,
.purchase-draft-item p,
.purchase-draft-item .muted,
.profit-calibration-item strong,
.profit-calibration-item p,
.profit-calibration-item .muted,
.price-profit-closure-item strong,
.price-profit-closure-item p,
.price-profit-closure-item .muted,
.finance-reconcile-item strong,
.finance-reconcile-item p,
.finance-reconcile-item .muted,
.cashflow-item strong,
.cashflow-item p,
.cashflow-item .muted {
  overflow-wrap: anywhere;
}

.campaign-calendar-item p,
.campaign-writeback-item p,
.active-listing-ops-item p,
.queue-noise-item p,
.execution-followup-item p,
.platform-backfill-archive-item p,
.platform-backfill-rescan-item p,
.platform-backfill-fix-item p,
.replenishment-item p,
.purchase-precheck-item p,
.purchase-draft-item p,
.profit-calibration-item p,
.price-profit-closure-item p,
.finance-reconcile-item p,
.cashflow-item p {
  margin: 3px 0;
  color: #34414c;
  font-size: 13px;
}

.active-listing-ops-item .mini-actions {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mini-note {
  padding: 10px;
  border-radius: 8px;
  background: #fff7eb;
  display: grid;
  gap: 4px;
  color: #5f3b10;
  font-size: 13px;
}

.mini-note strong {
  font-size: 12px;
}

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

.learning-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  gap: 10px;
}

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

.learning-card h4 {
  margin: 8px 0 0;
  font-size: 16px;
  letter-spacing: 0;
}

.learning-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.learning-progress {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #e5ece9;
}

.learning-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--accent);
}

.learning-fields {
  margin: 0;
  display: grid;
  gap: 8px;
}

.learning-fields div {
  display: grid;
  gap: 3px;
}

.learning-fields dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.learning-fields dd {
  margin: 0;
  color: #34414c;
  font-size: 13px;
  line-height: 1.45;
}

.official-api-onboarding-board {
  display: grid;
  gap: 12px;
}

.official-api-onboarding-kpis {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.official-api-onboarding-kpis article,
.official-api-onboarding-current,
.official-api-onboarding-item {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.official-api-onboarding-kpis span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.official-api-onboarding-kpis strong {
  display: block;
  margin-top: 5px;
  font-size: 22px;
}

.official-api-onboarding-kpis p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.official-api-onboarding-main {
  display: grid;
  grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.6fr);
  gap: 12px;
}

.official-api-onboarding-current {
  display: grid;
  gap: 8px;
  align-content: start;
  border-color: #9fc2ad;
  background: #f7fbf8;
}

.official-api-onboarding-current h4,
.official-api-onboarding-current p {
  margin: 0;
  overflow-wrap: anywhere;
}

.official-api-onboarding-current h4 {
  font-size: 17px;
}

.official-api-onboarding-current p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

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

.official-api-onboarding-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.official-api-onboarding-item strong,
.official-api-onboarding-item p,
.official-api-onboarding-item .muted {
  display: block;
  margin: 0;
  overflow-wrap: anywhere;
}

.official-api-onboarding-item p {
  margin-top: 4px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

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

.api-lab-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  gap: 10px;
}

.api-lab-head,
.api-lab-actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.api-lab-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.api-lab-card h4 {
  margin: 8px 0 0;
  font-size: 16px;
  letter-spacing: 0;
}

.api-lab-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.api-lab-progress {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #e5ece9;
}

.api-lab-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--accent);
}

.api-lab-fields {
  margin: 0;
  display: grid;
  gap: 8px;
}

.api-lab-fields div {
  display: grid;
  gap: 3px;
}

.api-lab-fields dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.api-lab-fields dd {
  margin: 0;
  color: #34414c;
  font-size: 13px;
  line-height: 1.45;
}

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

.api-result-kpi {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
  display: grid;
  gap: 4px;
}

.api-result-kpi span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.api-result-kpi strong {
  font-size: 22px;
}

.api-result-kpi p,
.api-result-card p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.api-result-empty,
.api-result-card,
.api-result-detail {
  grid-column: 1 / -1;
}

.api-result-card {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 10px;
}

.api-result-card strong {
  display: block;
  margin: 6px 0 4px;
  overflow-wrap: anywhere;
}

.api-result-card dl {
  margin: 0;
  display: grid;
  gap: 6px;
}

.api-result-card dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.api-result-card dd {
  margin: 0;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.api-result-detail {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 10px;
}

.api-result-detail > div {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.api-result-detail h4 {
  margin: 0 0 8px;
}

.api-result-detail ul,
.api-result-detail p {
  margin: 0;
  color: #34414c;
  font-size: 13px;
}

.api-triage-grid,
.api-first-run-grid,
.first-run-handoff-grid,
.api-capability-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

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

.api-triage-kpi,
.api-first-run-kpi,
.first-run-handoff-kpi,
.api-capability-kpi {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
  display: grid;
  gap: 4px;
}

.api-permission-kpi {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
  display: grid;
  gap: 4px;
}

.api-triage-kpi span,
.api-first-run-kpi span,
.first-run-handoff-kpi span,
.api-capability-kpi span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.api-permission-kpi span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.api-triage-kpi strong,
.api-first-run-kpi strong,
.first-run-handoff-kpi strong,
.api-capability-kpi strong {
  font-size: 22px;
}

.api-permission-kpi strong {
  font-size: 22px;
}

.api-triage-kpi p,
.api-first-run-kpi p,
.api-capability-kpi p,
.api-permission-kpi p,
.api-triage-item p,
.api-first-run-item p,
.first-run-handoff-item p,
.api-capability-item p,
.api-permission-item p,
.api-triage-item .muted,
.api-first-run-item .muted,
.first-run-handoff-item .muted,
.api-capability-item .muted {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.api-permission-item .muted {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.api-triage-list,
.api-first-run-list,
.first-run-handoff-list,
.api-capability-list {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
}

.api-permission-list {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
}

.api-triage-item,
.api-first-run-item,
.first-run-handoff-item,
.api-capability-item {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 10px;
}

.api-first-run-item {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) auto;
  align-items: start;
}

.first-run-handoff-item {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) auto;
  align-items: start;
}

.api-first-run-actions,
.first-run-handoff-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.api-permission-item {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 10px;
}

.api-triage-item strong,
.api-first-run-item strong,
.first-run-handoff-item strong,
.api-capability-item strong {
  display: block;
  margin: 6px 0 4px;
  overflow-wrap: anywhere;
}

.api-permission-item strong {
  display: block;
  margin: 6px 0 4px;
  overflow-wrap: anywhere;
}

.api-triage-item dl,
.api-first-run-item dl,
.first-run-handoff-item dl,
.api-capability-item dl {
  margin: 0;
  display: grid;
  gap: 6px;
}

.api-permission-item dl {
  margin: 0;
  display: grid;
  gap: 6px;
}

.api-triage-item dt,
.api-first-run-item dt,
.first-run-handoff-item dt,
.api-capability-item dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.api-permission-item dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.api-triage-item dd,
.api-first-run-item dd,
.first-run-handoff-item dd,
.api-capability-item dd {
  margin: 0;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.api-permission-item dd {
  margin: 0;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.radar-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.radar-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  gap: 10px;
}

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

.radar-card h4 {
  margin: 8px 0 0;
  font-size: 16px;
  letter-spacing: 0;
}

.radar-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.radar-fields {
  margin: 0;
  display: grid;
  gap: 8px;
}

.radar-fields div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.radar-fields dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.radar-fields dd {
  margin: 0;
  color: #34414c;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

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

.page-run-executor-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.page-run-executor-kpi {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
  display: grid;
  gap: 4px;
}

.page-run-executor-kpi span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.page-run-executor-kpi strong {
  font-size: 22px;
}

.page-run-executor-kpi p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.page-run-executor-list,
.page-run-executor-note {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
}

.page-run-executor-item {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.95fr) minmax(128px, auto);
  gap: 12px;
  align-items: center;
}

.page-run-executor-item strong {
  display: block;
  margin-top: 6px;
  overflow-wrap: anywhere;
}

.page-run-executor-item p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.page-run-executor-item .muted {
  display: block;
  margin-top: 5px;
}

.page-run-executor-item dl {
  display: grid;
  gap: 7px;
  margin: 0;
}

.page-run-executor-item dt {
  color: var(--muted);
  font-size: 11px;
}

.page-run-executor-item dd {
  margin: 2px 0 0;
  color: #34414c;
  font-size: 13px;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.page-run-executor-actions {
  display: grid;
  gap: 6px;
}

.page-run-executor-actions button {
  width: 100%;
  white-space: nowrap;
}

.page-run-executor-note {
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
  color: #34414c;
  font-size: 13px;
  line-height: 1.45;
}

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

.page-capture-inbox-kpi {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
  display: grid;
  gap: 4px;
}

.page-capture-inbox-kpi span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.page-capture-inbox-kpi strong {
  font-size: 22px;
  overflow-wrap: anywhere;
}

.page-capture-inbox-kpi p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.page-capture-inbox-list {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
}

.page-capture-inbox-item {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.4fr);
  gap: 12px;
  align-items: start;
}

.page-capture-inbox-main,
.page-capture-inbox-item dl {
  min-width: 0;
}

.page-capture-inbox-title {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: wrap;
}

.page-capture-inbox-title strong,
.page-capture-inbox-main p,
.page-capture-inbox-main .muted,
.page-capture-inbox-item dd {
  overflow-wrap: anywhere;
}

.page-capture-inbox-main p {
  margin: 7px 0 4px;
  color: #34414c;
  font-size: 13px;
  line-height: 1.42;
}

.page-capture-inbox-files {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.page-capture-inbox-actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.page-capture-inbox-actions button {
  min-width: 64px;
}

.page-capture-inbox-item dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 12px;
  margin: 0;
}

.page-capture-inbox-item dt {
  color: var(--muted);
  font-size: 11px;
}

.page-capture-inbox-item dd {
  margin: 2px 0 0;
  color: #34414c;
  font-size: 13px;
  line-height: 1.42;
}

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

.page-capture-field-kpi {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
  display: grid;
  gap: 4px;
}

.page-capture-field-kpi span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.page-capture-field-kpi strong {
  font-size: 22px;
}

.page-capture-field-kpi p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.page-capture-field-list {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
}

.page-capture-field-item {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.page-capture-field-item strong,
.page-capture-field-item p,
.page-capture-field-item .muted {
  overflow-wrap: anywhere;
}

.page-capture-field-item p {
  margin: 3px 0;
  color: #34414c;
  font-size: 13px;
}

.page-run-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  gap: 10px;
}

.page-run-head,
.page-run-step-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.page-run-card h4 {
  margin: 8px 0 0;
  font-size: 16px;
  letter-spacing: 0;
}

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

.page-run-step {
  padding: 10px;
  border-radius: 8px;
  background: var(--surface-2);
  display: grid;
  gap: 5px;
}

.page-run-step p {
  margin: 0;
  color: #34414c;
  font-size: 13px;
  line-height: 1.45;
}

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

.first-run-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  gap: 10px;
}

.first-run-head,
.first-run-check {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.first-run-card h4 {
  margin: 8px 0 0;
  font-size: 16px;
  letter-spacing: 0;
}

.first-run-progress {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #e5ece9;
}

.first-run-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--accent);
}

.first-run-checks {
  display: grid;
  gap: 8px;
}

.first-run-check {
  justify-content: flex-start;
  padding: 10px;
  border-radius: 8px;
  background: var(--surface-2);
}

.first-run-check p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.first-run-check-actions,
.first-run-wizard-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

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

.first-run-wizard-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
  display: grid;
  gap: 10px;
}

.first-run-wizard-head,
.first-run-wizard-step {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.first-run-wizard-card h4 {
  margin: 8px 0 0;
  font-size: 16px;
  letter-spacing: 0;
}

.first-run-wizard-card p,
.first-run-wizard-step p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.first-run-wizard-fields {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.first-run-wizard-fields div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.first-run-wizard-fields dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.first-run-wizard-fields dd {
  margin: 0;
  color: #34414c;
  font-size: 13px;
  line-height: 1.45;
}

.first-run-wizard-step {
  justify-content: flex-start;
  padding: 10px;
  border-radius: 8px;
  background: var(--surface-2);
}

.daily-command {
  margin-top: 14px;
}

.daily-command .panel-head p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.daily-command-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  gap: 14px;
}

.daily-summary-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.daily-summary-item {
  min-height: 70px;
  padding: 10px;
  border-radius: 8px;
  background: var(--surface-2);
  display: grid;
  align-content: center;
  gap: 4px;
}

.daily-summary-item span {
  color: var(--muted);
  font-size: 12px;
}

.daily-summary-item strong {
  font-size: 24px;
}

.daily-priority-list,
.platform-risk-list {
  display: grid;
  gap: 9px;
}

.daily-priority-item {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
}

.daily-priority-rank {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: #eef3f0;
  display: grid;
  place-items: center;
  font-weight: 800;
  color: var(--accent);
}

.daily-priority-title {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.daily-priority-item p {
  margin: 4px 0 2px;
  font-size: 14px;
}

.daily-command h4 {
  margin: 0 0 10px;
  font-size: 15px;
}

.platform-risk-item {
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
}

.platform-risk-head {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.platform-risk-head span,
.platform-risk-item p {
  color: var(--muted);
  font-size: 12px;
}

.platform-risk-item p {
  margin: 8px 0 0;
}

.risk-bar {
  height: 8px;
  border-radius: 999px;
  background: #e7edf0;
  overflow: hidden;
}

.risk-bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--accent-2);
}

.service-status {
  margin-top: 14px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
}

.service-status p {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.service-actions {
  margin-top: 10px;
  justify-content: flex-start;
}

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

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

.capture-kpi {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
  display: grid;
  gap: 5px;
}

.capture-kpi span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.capture-kpi strong {
  font-size: 20px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.capture-kpi p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.capture-workbench-detail {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 12px;
}

.capture-workbench-detail > div {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfd;
}

.capture-workbench-detail h4 {
  margin: 0 0 8px;
  font-size: 14px;
}

.capture-workbench-detail p {
  margin: 0 0 6px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.capture-workbench-detail ol {
  margin: 0;
  padding-left: 20px;
  color: #34414c;
  font-size: 13px;
  line-height: 1.5;
}

.capture-after-import-card {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(240px, 0.9fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid #b7d7cc;
  border-radius: 8px;
  background: #f4fbf8;
}

.capture-after-import-card.pending {
  grid-template-columns: 1fr;
  border-color: var(--line);
  background: #fbfcfd;
}

.capture-after-import-main {
  min-width: 0;
}

.capture-after-import-main h4 {
  margin: 8px 0 6px;
  font-size: 15px;
}

.capture-after-import-main p {
  margin: 0 0 5px;
  color: #34414c;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.capture-after-import-main .muted {
  color: var(--muted);
}

.capture-after-import-card dl {
  min-width: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 0;
}

.capture-after-import-card dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.capture-after-import-card dd {
  margin: 2px 0 0;
  color: #243240;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.capture-after-import-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.compact-table table {
  min-width: 620px;
}

.breakdown {
  display: grid;
  gap: 10px;
}

.bar-row {
  display: grid;
  grid-template-columns: 110px 1fr 40px;
  gap: 10px;
  align-items: center;
  font-size: 14px;
}

.bar {
  height: 10px;
  background: #e6ebef;
  border-radius: 999px;
  overflow: hidden;
}

.bar span {
  display: block;
  height: 100%;
  background: var(--accent);
}

.pricing-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 14px;
  align-items: start;
}

.marketplace-profit-panel {
  margin-bottom: 14px;
}

.marketplace-profit-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.85fr);
  gap: 14px;
  align-items: start;
}

.marketplace-profit-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(140px, 1fr));
  gap: 12px;
  min-width: 0;
}

.toggle-line {
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fbfcfd;
  display: flex;
  align-items: center;
  align-self: end;
  gap: 8px;
}

.toggle-line input {
  width: 16px;
  min-height: 16px;
  flex: 0 0 auto;
}

.marketplace-profit-results {
  min-width: 0;
}

.marketplace-profit-result-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.marketplace-profit-kpi {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
}

.marketplace-profit-kpi span {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.marketplace-profit-kpi strong {
  display: block;
  margin-top: 5px;
  font-size: 22px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.marketplace-profit-kpi p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.marketplace-profit-kpi.good strong {
  color: var(--accent);
}

.marketplace-profit-kpi.warn strong {
  color: var(--accent-2);
}

.marketplace-profit-kpi.danger strong {
  color: var(--danger);
}

.marketplace-profit-wide {
  grid-column: 1 / -1;
}

.marketplace-profit-note {
  margin-top: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fbfcfc;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.marketplace-profit-note p {
  margin: 0 0 6px;
}

.marketplace-profit-note p:last-child {
  margin-bottom: 0;
}

.marketplace-profit-sku-desk-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.marketplace-profit-sku-kpi,
.marketplace-profit-sku-card {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
}

.marketplace-profit-sku-kpi span {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.marketplace-profit-sku-kpi strong {
  display: block;
  margin-top: 4px;
  font-size: 24px;
  line-height: 1.2;
}

.marketplace-profit-sku-kpi p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.marketplace-profit-sku-list {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
}

.marketplace-profit-sku-card {
  display: grid;
  gap: 10px;
}

.marketplace-profit-sku-main h4 {
  margin: 0;
  font-size: 15px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.marketplace-profit-sku-main p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.marketplace-profit-sku-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.marketplace-profit-sku-proof div {
  min-width: 0;
  padding: 9px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
}

.marketplace-profit-sku-proof dt {
  color: var(--muted);
  font-size: 11px;
}

.marketplace-profit-sku-proof dd {
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.marketplace-profit-sku-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.selection-layout,
.sourcing-layout,
.draft-layout,
.finance-layout,
.operation-layout,
.integration-layout,
.workflow-layout {
  display: grid;
  grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr);
  gap: 14px;
  margin-bottom: 14px;
}

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

.inline-form {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: end;
  margin: 8px 0 14px;
}

.compact-panel {
  margin: 14px 0;
}

.search-links {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

.search-link-item {
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.checklist {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.checklist label {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 600;
}

.checklist input {
  width: 16px;
  min-height: 16px;
}

.template-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.compact-actions {
  margin-top: 0;
  justify-content: flex-end;
}

.quote-result {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

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

.missing-cost-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.binding-price-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.missing-cost-kpi,
.missing-cost-item,
.binding-price-kpi,
.binding-price-item {
  padding: 12px;
  border-radius: 8px;
  background: var(--surface-2);
}

.missing-cost-kpi span,
.binding-price-kpi span {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.missing-cost-kpi strong,
.binding-price-kpi strong {
  display: block;
  margin-top: 4px;
  font-size: 24px;
}

.missing-cost-kpi p,
.missing-cost-item p,
.binding-price-kpi p,
.binding-price-item p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.missing-cost-list,
.binding-price-list {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
}

.missing-cost-item,
.binding-price-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 10px;
}

.missing-cost-item strong,
.missing-cost-item p,
.missing-cost-item .muted,
.binding-price-item strong,
.binding-price-item p,
.binding-price-item .muted {
  overflow-wrap: anywhere;
}

.missing-source-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.missing-source-kpi,
.missing-source-item {
  padding: 12px;
  border-radius: 8px;
  background: var(--surface-2);
}

.missing-source-kpi span {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.missing-source-kpi strong {
  display: block;
  margin-top: 4px;
  font-size: 24px;
}

.missing-source-kpi p,
.missing-source-item p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.missing-source-list {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
}

.missing-source-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 10px;
}

.missing-source-item strong,
.missing-source-item p,
.missing-source-item .muted {
  overflow-wrap: anywhere;
}

.quote-kpi {
  padding: 12px;
  border-radius: 8px;
  background: var(--surface-2);
}

.quote-kpi span {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.quote-kpi strong {
  display: block;
  margin-top: 4px;
  font-size: 24px;
}

.link {
  color: var(--accent-3);
  text-decoration: none;
}

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

@media (max-width: 1100px) {
  .app-shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: static;
  }

  .nav-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .metric-grid,
  .daily-ops-tabs,
  .daily-ops-columns,
  .daily-ops-summary-grid,
  .account-login-kpis,
  .account-login-card,
  .account-access-matrix-kpis,
  .account-access-matrix-card,
  .account-access-matrix-proof,
  .platform-access-quick-kpis,
  .platform-access-quick-card,
  .real-list-first-capture-kpis,
  .real-list-first-capture-layout,
  .real-list-first-capture-card dl,
  .first-capture-execution-kpis,
  .first-capture-execution-head,
  .first-capture-execution-route,
  .first-capture-execution-steps,
  .page-capture-quick-check-kpis,
  .page-capture-quick-check-workbench,
  .page-capture-quick-check-card,
  .page-capture-quick-check-card dl,
  .page-capture-import-closure-kpis,
  .page-capture-import-closure-card,
  .page-capture-import-closure-card dl,
  .daily-three-minute-current,
  .daily-three-minute-kpis,
  .daily-three-minute-list,
  .real-case-tutorial-summary,
  .real-case-tutorial-list,
  .first-use-checklist-kpis,
  .first-use-checklist-list,
  .quick-single-trial-summary,
  .quick-single-trial-proof,
  .real-product-quick-start-summary,
  .real-product-quick-start-current,
  .real-product-quick-start-list,
  .real-product-quick-start-card,
  .real-product-replace-summary,
  .real-product-replace-list,
  .real-product-closeout-summary,
  .real-product-closeout-card,
  .real-product-closeout-card dl,
  .full-journey-summary,
  .full-journey-current-card,
  .full-journey-route,
  .daily-finance-closeout-kpis,
  .daily-finance-closeout-main,
  .daily-start-sop-grid,
  .daily-start-closure-head,
  .daily-start-closure-kpis,
  .daily-start-closure-list,
  .real-product-quick-start-summary,
  .real-product-quick-start-current,
  .real-product-quick-start-list,
  .real-product-quick-start-card,
  .account-access-acceptance-head,
  .account-access-acceptance-kpis,
  .account-access-acceptance-list,
  .daily-next-action-card,
  .daily-next-action-stats,
  .daily-feature-navigator-search,
  .daily-feature-navigator-kpis,
  .daily-feature-navigator-current,
  .daily-feature-navigator-list,
  .daily-feature-navigator-proof,
  .daily-visual-guide-list,
  .daily-top-three-summary,
  .daily-top-three-list,
  .daily-top-three-card,
  .daily-button-coach-kpis,
  .daily-button-coach-current,
  .daily-button-coach-list,
  .daily-button-coach-proof,
  .daily-access-cheat-kpis,
  .daily-access-cheat-list,
  .daily-access-cheat-card,
  .latest-capture-cheat-kpis,
  .latest-capture-cheat-list,
  .latest-capture-cheat-card,
  .daily-step-guide-summary,
  .selection-listing-closure-kpis,
  .selection-listing-closure-card,
  .selection-listing-closure-card dl,
  .category-coverage-kpis,
  .category-coverage-card,
  .category-coverage-card dl,
  .product-data-completeness-kpis,
  .product-data-completeness-card,
  .product-data-completeness-card dl,
  .pre-listing-final-gate-kpis,
  .pre-listing-final-gate-card,
  .pre-listing-final-gate-card dl,
  .product-push-cheat-kpis,
  .product-push-cheat-list,
  .product-push-cheat-card,
  .product-push-cheat-proof,
  .product-route-desk-kpis,
  .product-route-desk-card,
  .product-route-desk-proof,
  .sku-operation-timeline-board,
  .sku-operation-timeline-meta,
  .listing-template-library-kpis,
  .listing-template-library-list,
  .listing-template-library-proof,
  .platform-rotation-desk-kpis,
  .platform-rotation-desk-card,
  .platform-rotation-desk-proof,
  .four-platform-readonly-kpis,
  .four-platform-readonly-list,
  .four-platform-readonly-proof,
  .after-login-capture-kpis,
  .after-login-capture-current,
  .after-login-capture-card,
  .after-login-capture-proof,
  .template-upload-handoff-kpis,
  .template-upload-handoff-card,
  .template-upload-handoff-card dl,
  .zero-row-capture-kpis,
  .zero-row-capture-card,
  .daily-policy-radar-kpis,
  .daily-policy-radar-hero,
  .daily-policy-radar-card,
  .daily-policy-radar-proof,
  .daily-learning-kpis,
  .daily-learning-layout,
  .policy-freshness-kpis,
  .policy-freshness-card,
  .policy-freshness-proof,
  .front-selection-kpis,
  .front-selection-layout,
  .candidate-sourcing-kpis,
  .candidate-sourcing-card,
  .candidate-sourcing-proof,
  .sourcing-conversion-kpis,
  .sourcing-conversion-card,
  .sourcing-conversion-proof,
  .draft-generation-kpis,
  .draft-generation-card,
  .draft-generation-proof,
  .draft-first-review-kpis,
  .draft-first-review-card,
  .draft-first-review-proof,
  .post-listing-writeback-kpis,
  .post-listing-writeback-card,
  .post-listing-writeback-proof,
  .new-product-launch-kpis,
  .daily-confirm-kpis,
  .daily-confirm-layout,
  .daily-confirm-buckets,
  .daily-confirm-batch-list,
  .daily-confirm-batch-card,
  .mobile-review-kpis,
  .mobile-review-filters,
  .mobile-review-list,
  .mobile-review-card,
  .automation-capability-kpis,
  .automation-capability-list,
  .automation-capability-card,
  .automation-capability-proof,
  .daily-page-slim-summary,
  .daily-page-slim-groups,
  .daily-page-slim-card,
  .platform-maturity-kpis,
  .platform-maturity-list,
  .platform-maturity-proof,
  .skill-sync-kpis,
  .skill-sync-list,
  .daily-ops-closure-list,
  .daily-ops-closure-step,
  .daily-queue-cleanup-kpis,
  .daily-queue-cleanup-item,
  .daily-writeback-closure-kpis,
  .daily-writeback-closure-item,
  .daily-closeout-kpis,
  .daily-closeout-item,
  .daily-finance-closeout-kpis,
  .daily-finance-closeout-main,
  .daily-finance-closeout-item,
  .daily-handoff-kpis,
  .daily-handoff-layout,
  .portable-restore-wizard-head,
  .portable-restore-wizard-steps,
  .portable-restore-wizard-step,
  .creator-intel-grid,
  .policy-intel-grid,
  .policy-verify-task-kpis,
  .policy-verify-task-card,
  .policy-verify-task-proof,
  .daily-profit-guard-kpis,
  .daily-profit-guard-card,
  .daily-profit-guard-proof,
  .workflow-roadmap-kpis,
  .workflow-roadmap-flow,
  .workflow-roadmap-card,
  .workflow-roadmap-proof,
  .daily-workflow-relay-kpis,
  .daily-workflow-relay-card,
  .daily-workflow-relay-proof,
  .daily-workflow-relay-status-kpis,
  .daily-workflow-relay-status-list dl,
  .daily-workflow-relay-manifest-grid,
  .temu-fill-assist-kpis,
  .temu-fill-assist-grid,
  .policy-watch-grid,
  .split-layout,
  .guide-grid,
  .learning-roadmap-grid,
  .quick-account-grid,
  .first-run-nav-grid,
  .first-run-nav-list,
  .temu-capture-grid,
  .temu-capture-list,
  .login-relay-grid,
  .login-relay-list,
  .first-run-starter-grid,
  .first-run-starter-list,
  .official-api-onboarding-kpis,
  .official-api-onboarding-main,
  .official-api-onboarding-item,
  .api-lab-grid,
  .api-result-desk-grid,
  .api-permission-grid,
  .api-first-run-grid,
  .first-run-handoff-grid,
  .api-capability-grid,
  .api-triage-grid,
  .automation-maturity-grid,
  .platform-run-desk-grid,
  .real-run-session-grid,
  .first-run-acceptance-grid,
  .radar-grid,
  .page-run-executor-grid,
  .page-capture-inbox-grid,
  .page-run-grid,
  .page-capture-field-grid,
  .first-run-grid,
  .first-run-wizard,
  .daily-command-grid,
  .platform-daily-grid,
  .platform-gap-grid,
  .platform-backfill-exec-grid,
  .real-daily-work-grid,
  .daily-import-closure-grid,
  .workflow-health-grid,
  .workflow-delivery-acceptance-grid,
  .delivery-guide-grid,
  .workflow-delivery-acceptance-highlight,
  .delivery-guide-highlight,
  .delivery-tutorial-preview-list,
  .first-run-closure-grid,
  .shop-health-grid,
  .sku-action-card-grid,
  .sku-lifecycle-grid,
  .campaign-template-grid,
  .active-listing-ops-grid,
  .campaign-calendar-grid,
  .campaign-writeback-grid,
  .queue-noise-grid,
  .execution-followup-grid,
  .platform-backfill-archive-grid,
  .platform-backfill-rescan-grid,
  .platform-backfill-fix-grid,
  .run-review-grid,
  .data-quality-grid,
  .price-profit-closure-grid,
  .template-adapter-grid,
  .listing-title-grid,
  .listing-compliance-grid,
  .listing-asset-grid,
  .listing-upload-final-grid,
  .pre-submit-handoff-kpis,
  .pre-submit-handoff-card,
  .pre-submit-handoff-proof,
  .post-listing-writeback-kpis,
  .post-listing-writeback-card,
  .post-listing-writeback-proof,
  .listing-upload-session-grid,
  .new-listing-launch-grid,
  .price-stock-change-grid,
  .listing-tracker-grid,
  .listing-review-fix-grid,
  .platform-rule-grid,
  .supplier-health-grid,
  .replenishment-grid,
  .purchase-precheck-grid,
  .purchase-draft-grid,
  .profit-calibration-grid,
  .cashflow-grid,
  .report-import-kpis,
  .api-result-detail,
  .report-import-detail,
  .capture-workbench-grid,
  .capture-workbench-detail,
  .capture-after-import-card,
  .marketplace-profit-layout,
  .marketplace-profit-form,
  .marketplace-profit-result-grid,
  .marketplace-profit-sku-desk-grid,
  .marketplace-profit-sku-proof,
  .pricing-layout,
  .selection-layout,
  .sourcing-layout,
  .draft-layout,
  .finance-layout,
  .operation-layout,
  .integration-layout,
  .workflow-layout {
    grid-template-columns: 1fr 1fr;
  }

  .form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .optimization-command-kpis,
  .optimization-lifecycle-flow,
  .optimization-review-list,
  .optimization-connector-grid,
  .optimization-product-dossier-grid,
  .optimization-product-dossier-proof,
  .optimization-acceptance-kpis,
  .optimization-acceptance-groups,
  .optimization-acceptance-card,
  .automation-capability-kpis,
  .automation-capability-list,
  .automation-capability-card,
  .automation-capability-proof,
  .daily-page-slim-summary,
  .daily-page-slim-groups,
  .daily-page-slim-card,
  .platform-maturity-kpis,
  .platform-maturity-list,
  .platform-maturity-proof,
  .skill-sync-kpis,
  .skill-sync-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .optimization-next-card {
    grid-template-columns: 1fr;
  }

  .optimization-next-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 720px) {
  .workspace {
    padding: 14px;
  }

  .sidebar {
    padding: 14px;
    gap: 14px;
  }

  .nav-tab {
    min-height: 36px;
    padding-inline: 10px;
  }

  .storage-panel {
    padding: 10px;
  }

  .topbar,
  .split-layout,
  .pricing-layout,
  .selection-layout,
  .sourcing-layout,
  .draft-layout,
  .finance-layout,
  .operation-layout,
  .integration-layout,
  .workflow-layout {
    grid-template-columns: 1fr;
    display: grid;
  }

  .top-more {
    width: 100%;
  }

  .top-more summary {
    justify-content: center;
  }

  .top-more-list {
    position: static;
    width: 100%;
    min-width: 0;
    margin-top: 8px;
  }

  .optimization-command-kpis,
  .optimization-lifecycle-flow,
  .optimization-review-list,
  .optimization-connector-grid,
  .optimization-product-dossier-grid,
  .optimization-product-dossier-proof,
  .optimization-review-head,
  .optimization-acceptance-kpis,
  .optimization-acceptance-groups,
  .optimization-acceptance-card,
  .automation-capability-kpis,
  .automation-capability-list,
  .automation-capability-card,
  .automation-capability-proof,
  .daily-page-slim-summary,
  .daily-page-slim-groups,
  .daily-page-slim-card,
  .platform-maturity-kpis,
  .platform-maturity-list,
  .platform-maturity-proof,
  .skill-sync-kpis,
  .skill-sync-list,
  .real-case-tutorial-summary,
  .real-case-tutorial-list,
  .real-case-tutorial-card {
    grid-template-columns: 1fr;
  }

  .real-case-tutorial-media {
    min-height: 170px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .real-case-tutorial-media img {
    min-height: 170px;
  }

  .real-case-tutorial-body dl div {
    grid-template-columns: 1fr;
  }

  .optimization-review-head {
    display: grid;
    align-items: start;
  }

  .optimization-lifecycle-step,
  .optimization-connector-row,
  .optimization-queue-row,
  .optimization-product-dossier-step,
  .optimization-product-dossier-note,
  .automation-capability-card,
  .daily-page-slim-card {
    width: 100%;
    min-width: 0;
  }

  .optimization-product-dossier-actions {
    grid-template-columns: 1fr;
  }

  .optimization-product-dossier-actions > * {
    width: 100%;
  }

  .daily-step-card {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .daily-step-actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .zero-row-capture-actions {
    justify-content: flex-start;
  }

  .policy-freshness-actions {
    justify-content: flex-start;
  }

  .daily-policy-radar-hero-actions,
  .daily-policy-radar-actions {
    justify-content: flex-start;
  }

  .daily-profit-guard-actions {
    justify-content: flex-start;
  }

  .workflow-roadmap-actions {
    justify-content: flex-start;
  }

  .daily-workflow-relay-actions {
    justify-content: flex-start;
  }

  .daily-workflow-relay-status-head {
    display: grid;
  }

  .daily-workflow-relay-status-actions {
    justify-content: flex-start;
  }

  .daily-workflow-relay-status-row-actions {
    justify-content: flex-start;
  }

  .top-actions,
  .metric-grid,
  .daily-ops-tabs,
  .daily-ops-columns,
  .daily-ops-summary-grid,
  .account-login-kpis,
  .account-login-card,
  .account-access-matrix-kpis,
  .account-access-matrix-card,
  .account-access-matrix-proof,
  .platform-access-quick-kpis,
  .platform-access-quick-card,
  .real-list-first-capture-kpis,
  .real-list-first-capture-layout,
  .real-list-first-capture-card dl,
  .first-capture-execution-kpis,
  .first-capture-execution-head,
  .first-capture-execution-route,
  .first-capture-execution-steps,
  .page-capture-quick-check-kpis,
  .page-capture-quick-check-workbench,
  .page-capture-quick-check-card,
  .page-capture-quick-check-card dl,
  .page-capture-import-closure-kpis,
  .page-capture-import-closure-card,
  .page-capture-import-closure-card dl,
  .daily-start-sop-grid,
  .daily-start-closure-head,
  .daily-start-closure-kpis,
  .daily-start-closure-list,
  .account-access-acceptance-head,
  .account-access-acceptance-kpis,
  .account-access-acceptance-list,
  .daily-next-action-card,
  .daily-next-action-stats,
  .daily-feature-navigator-search,
  .daily-feature-navigator-kpis,
  .daily-feature-navigator-current,
  .daily-feature-navigator-list,
  .daily-feature-navigator-proof,
  .daily-top-three-summary,
  .daily-top-three-list,
  .daily-top-three-card,
  .daily-button-coach-kpis,
  .daily-button-coach-current,
  .daily-button-coach-list,
  .daily-button-coach-proof,
  .daily-access-cheat-kpis,
  .daily-access-cheat-list,
  .daily-access-cheat-card,
  .latest-capture-cheat-kpis,
  .latest-capture-cheat-list,
  .latest-capture-cheat-card,
  .daily-step-guide-summary,
  .product-push-cheat-kpis,
  .product-push-cheat-list,
  .product-push-cheat-card,
  .product-push-cheat-proof,
  .product-route-desk-kpis,
  .product-route-desk-card,
  .product-route-desk-proof,
  .platform-rotation-desk-kpis,
  .platform-rotation-desk-card,
  .platform-rotation-desk-proof,
  .zero-row-capture-kpis,
  .zero-row-capture-card,
  .daily-learning-kpis,
  .daily-learning-layout,
  .policy-freshness-kpis,
  .policy-freshness-card,
  .policy-freshness-proof,
  .front-selection-kpis,
  .front-selection-layout,
  .candidate-sourcing-kpis,
  .candidate-sourcing-card,
  .candidate-sourcing-proof,
  .sourcing-conversion-kpis,
  .sourcing-conversion-card,
  .sourcing-conversion-proof,
  .draft-generation-kpis,
  .draft-generation-card,
  .draft-generation-proof,
  .draft-first-review-kpis,
  .draft-first-review-card,
  .draft-first-review-proof,
  .new-product-launch-kpis,
  .daily-confirm-kpis,
  .daily-confirm-layout,
  .daily-confirm-buckets,
  .daily-confirm-batch-list,
  .daily-confirm-batch-card,
  .daily-ops-closure-list,
  .daily-ops-closure-step,
  .daily-queue-cleanup-kpis,
  .daily-queue-cleanup-item,
  .daily-writeback-closure-kpis,
  .daily-writeback-closure-item,
  .daily-handoff-kpis,
  .daily-handoff-layout,
  .portable-restore-wizard-head,
  .portable-restore-wizard-steps,
  .portable-restore-wizard-step,
  .portable-backup-created,
  .portable-backup-restore-note,
  .portable-backup-head,
  .portable-backup-item,
  .creator-intel-grid,
  .policy-intel-grid,
  .policy-verify-task-kpis,
  .policy-verify-task-card,
  .policy-verify-task-proof,
  .daily-profit-guard-kpis,
  .daily-profit-guard-card,
  .daily-profit-guard-proof,
  .workflow-roadmap-kpis,
  .workflow-roadmap-flow,
  .workflow-roadmap-card,
  .workflow-roadmap-proof,
  .daily-workflow-relay-kpis,
  .daily-workflow-relay-card,
  .daily-workflow-relay-proof,
  .daily-workflow-relay-status-kpis,
  .daily-workflow-relay-status-list dl,
  .daily-workflow-relay-manifest-grid,
  .policy-watch-grid,
  .daily-ops-platform-card,
  .temu-fill-assist-kpis,
  .temu-fill-assist-grid,
  .daily-ops-advanced-columns,
  .guide-grid,
  .missing-cost-grid,
  .binding-price-grid,
  .missing-source-grid,
  .after-import-kpis,
  .learning-roadmap-grid,
  .quick-account-grid,
  .login-relay-grid,
  .login-relay-list,
  .login-relay-card dl,
  .first-run-nav-grid,
  .first-run-nav-list,
  .first-run-nav-card dl,
  .temu-capture-grid,
  .temu-capture-list,
  .temu-capture-card dl,
  .first-run-starter-grid,
  .first-run-starter-list,
  .first-run-starter-card dl,
  .official-api-onboarding-kpis,
  .official-api-onboarding-main,
  .official-api-onboarding-item,
  .api-lab-grid,
  .api-result-desk-grid,
  .api-permission-grid,
  .api-first-run-grid,
  .first-run-handoff-grid,
  .api-capability-grid,
  .api-triage-grid,
  .automation-maturity-grid,
  .platform-run-desk-grid,
  .real-run-session-grid,
  .first-run-acceptance-grid,
  .radar-grid,
  .page-run-executor-grid,
  .page-capture-inbox-grid,
  .page-run-grid,
  .page-capture-field-grid,
  .first-run-grid,
  .first-run-wizard,
  .first-run-wizard-fields,
  .daily-command-grid,
  .daily-summary-grid,
  .platform-daily-grid,
  .platform-gap-grid,
  .platform-gap-stats,
  .platform-backfill-exec-grid,
  .platform-backfill-exec-fields,
  .real-daily-work-grid,
  .daily-import-closure-grid,
  .workflow-health-grid,
  .workflow-delivery-acceptance-grid,
  .delivery-guide-grid,
  .workflow-delivery-acceptance-highlight,
  .delivery-guide-highlight,
  .delivery-tutorial-preview-list,
  .first-run-closure-grid,
  .shop-health-grid,
  .sku-action-card-grid,
  .sku-action-card dl,
  .sku-lifecycle-grid,
  .campaign-template-grid,
  .active-listing-ops-grid,
  .campaign-calendar-grid,
  .campaign-writeback-grid,
  .queue-noise-grid,
  .execution-followup-grid,
  .platform-backfill-archive-grid,
  .platform-backfill-rescan-grid,
  .platform-backfill-fix-grid,
  .run-review-grid,
  .data-quality-grid,
  .price-profit-closure-grid,
  .template-adapter-grid,
  .listing-title-grid,
  .listing-compliance-grid,
  .listing-asset-grid,
  .listing-upload-final-grid,
  .pre-submit-handoff-kpis,
  .pre-submit-handoff-card,
  .pre-submit-handoff-proof,
  .listing-upload-session-grid,
  .new-listing-launch-grid,
  .price-stock-change-grid,
  .listing-tracker-grid,
  .listing-review-fix-grid,
  .platform-rule-grid,
  .supplier-health-grid,
  .replenishment-grid,
  .purchase-precheck-grid,
  .purchase-draft-grid,
  .profit-calibration-grid,
  .cashflow-grid,
  .report-import-kpis,
  .api-result-detail,
  .report-import-detail,
  .template-adapter-list,
  .template-adapter-samples,
  .capture-workbench-grid,
  .capture-workbench-detail,
  .capture-after-import-card,
  .capture-after-import-card dl,
  .form-grid,
  .marketplace-profit-form,
  .marketplace-profit-result-grid,
  .marketplace-profit-sku-desk-grid,
  .marketplace-profit-sku-proof,
  .compact-form {
    grid-template-columns: 1fr;
  }

  .nav-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .capture-after-import-actions {
    justify-content: flex-start;
  }

  .account-access-matrix-actions {
    justify-content: flex-start;
  }

  .four-platform-readonly-actions {
    justify-content: flex-start;
  }

  .after-login-capture-actions {
    justify-content: flex-start;
  }

  .sku-action-card-actions {
    justify-content: flex-start;
  }

  .daily-priority-item {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .sourcing-panel-head > div:first-child {
    min-width: 0;
  }

  .image-search-card,
  .plugin-capture-card {
    grid-template-columns: 1fr;
  }

  .image-search-thumb {
    width: min(100%, 180px);
  }

  .image-search-main dl {
    grid-template-columns: 1fr;
  }

  .image-source-fill-form,
  .image-next-actions {
    grid-template-columns: 1fr;
  }

  .image-next-action-buttons {
    display: grid;
    grid-template-columns: 1fr;
  }

  .image-next-action-buttons > * {
    width: 100%;
  }

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

  .page-run-executor-item {
    grid-template-columns: 1fr;
  }

  .first-run-nav-card,
  .first-run-nav-card > *,
  .first-run-nav-card dl > div {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .first-run-nav-head {
    align-items: stretch;
    flex-direction: column;
  }

  .first-run-nav-head button {
    align-self: flex-start;
  }

  .temu-capture-card,
  .temu-capture-card > *,
  .temu-capture-card dl > div {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .four-platform-readonly-list,
  .four-platform-readonly-proof,
  .after-login-capture-proof {
    grid-template-columns: 1fr;
  }

  .after-login-capture-current,
  .after-login-capture-card,
  .after-login-capture-card > *,
  .after-login-capture-proof > div {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .temu-capture-head {
    align-items: stretch;
    flex-direction: column;
  }

  .temu-capture-head button {
    align-self: flex-start;
  }

  .api-triage-item {
    grid-template-columns: 1fr;
  }

  .api-result-card {
    grid-template-columns: 1fr;
  }

  .api-first-run-item,
  .first-run-handoff-item {
    grid-template-columns: 1fr;
  }

  .api-first-run-actions,
  .first-run-handoff-actions {
    justify-content: flex-start;
  }

  .api-capability-item {
    grid-template-columns: 1fr;
  }

  .api-permission-item {
    grid-template-columns: 1fr;
  }

  .automation-maturity-item {
    grid-template-columns: 1fr;
  }

  .after-import-item {
    grid-template-columns: 1fr;
  }

  .missing-cost-item {
    grid-template-columns: 1fr;
  }

  .missing-source-item {
    grid-template-columns: 1fr;
  }

  .page-capture-inbox-item,
  .page-capture-inbox-item dl {
    grid-template-columns: 1fr;
  }

  .page-run-executor-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workflow-health-item,
  .workflow-delivery-acceptance-item,
  .delivery-guide-item,
  .first-run-closure-item {
    grid-template-columns: 1fr;
  }

  .delivery-guide-actions {
    justify-content: flex-start;
  }

  .delivery-guide-highlight {
    grid-template-columns: 1fr;
  }

  .delivery-guide-highlight-actions {
    justify-content: flex-start;
  }

  .delivery-tutorial-preview-head,
  .delivery-tutorial-preview-list {
    grid-template-columns: 1fr;
  }

  .delivery-tutorial-preview-actions {
    justify-content: flex-start;
  }

  .platform-backfill-archive-item {
    grid-template-columns: 1fr;
  }

  .platform-backfill-rescan-item {
    grid-template-columns: 1fr;
  }

  .platform-backfill-fix-item {
    grid-template-columns: 1fr;
  }

  .real-daily-work-item,
  .daily-import-closure-item {
    grid-template-columns: 1fr;
  }

  .real-run-session-item {
    grid-template-columns: 1fr;
  }

  .first-run-acceptance-item {
    grid-template-columns: 1fr;
  }

  .sku-lifecycle-item,
  .run-review-item,
  .data-quality-item,
  .shop-health-item,
  .platform-run-desk-item,
  .page-capture-field-item {
    grid-template-columns: 1fr;
  }

  .listing-compliance-item,
  .listing-title-item,
  .listing-asset-item,
  .listing-tracker-item,
  .listing-review-fix-item,
  .platform-rule-item,
  .supplier-health-item {
    grid-template-columns: 1fr;
  }

  .campaign-template-item,
  .campaign-calendar-item,
  .campaign-writeback-item,
  .execution-followup-item,
  .replenishment-item,
  .purchase-precheck-item,
  .purchase-draft-item,
  .profit-calibration-item,
  .cashflow-item {
    grid-template-columns: 1fr;
  }

  .daily-priority-item button {
    grid-column: 2;
    justify-self: start;
  }

  .nav-tabs {
    display: grid;
  }

  .span-2 {
    grid-column: span 1;
  }
}


/* Codex UI redesign: visual ecommerce automation command center */
.codex-commerce-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.98fr);
  gap: 26px;
  padding: 30px;
  border: 1px solid rgba(15, 118, 110, 0.16);
  background:
    radial-gradient(circle at 82% 8%, rgba(242, 193, 78, 0.35), transparent 28%),
    radial-gradient(circle at 8% 12%, rgba(15, 118, 110, 0.22), transparent 31%),
    linear-gradient(135deg, #ffffff 0%, #eef8f5 48%, #fff8e7 100%);
  box-shadow: 0 22px 70px rgba(23, 33, 43, 0.12);
}
.codex-commerce-hero::after {
  content: "";
  position: absolute;
  inset: auto -90px -130px auto;
  width: 320px;
  height: 320px;
  border-radius: 999px;
  background: rgba(36, 87, 166, 0.12);
}
.codex-hero-copy, .codex-hero-visual { position: relative; z-index: 1; }
.codex-hero-copy h3 {
  margin: 0;
  max-width: 820px;
  font-size: clamp(30px, 5vw, 58px);
  line-height: 1.03;
  letter-spacing: -1.6px;
}
.codex-hero-lead {
  max-width: 760px;
  margin: 16px 0 0;
  color: #41505d;
  font-size: 17px;
  line-height: 1.8;
}
.codex-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}
.codex-hero-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(86px, 1fr));
  gap: 10px;
  margin-top: 24px;
}
.codex-hero-metrics div {
  min-height: 86px;
  padding: 14px;
  border: 1px solid rgba(15, 118, 110, 0.14);
  border-radius: 18px;
  background: rgba(255,255,255,0.72);
  backdrop-filter: blur(10px);
}
.codex-hero-metrics strong {
  display: block;
  color: #0f766e;
  font-size: 30px;
  line-height: 1;
}
.codex-hero-metrics span {
  display: block;
  margin-top: 8px;
  color: #667481;
  font-size: 13px;
}
.codex-hero-visual {
  display: grid;
  gap: 14px;
  align-content: center;
}
.codex-visual-card, .codex-mini-card {
  border: 1px solid rgba(23, 33, 43, 0.09);
  border-radius: 22px;
  background: rgba(255,255,255,0.86);
  box-shadow: 0 18px 50px rgba(23, 33, 43, 0.12);
  overflow: hidden;
}
.codex-visual-card img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.codex-visual-card div { padding: 16px 18px 18px; }
.codex-visual-card strong, .codex-mini-card span { display: block; color: #17212b; font-weight: 800; }
.codex-visual-card span { display: block; margin-top: 5px; color: #667481; font-size: 13px; }
.codex-visual-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.codex-mini-card img { width: 100%; height: 94px; object-fit: cover; display: block; }
.codex-mini-card span { padding: 10px; font-size: 12px; }
.codex-flow-map {
  border: 1px solid rgba(36, 87, 166, 0.12);
  background: linear-gradient(180deg, #ffffff 0%, #f6f8fb 100%);
}
.codex-flow-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}
.codex-flow-steps article {
  position: relative;
  min-height: 166px;
  padding: 18px;
  border-radius: 20px;
  background: #17212b;
  color: #fff;
  overflow: hidden;
}
.codex-flow-steps article:nth-child(2n) { background: #0f766e; }
.codex-flow-steps article:nth-child(3n) { background: #2457a6; }
.codex-flow-steps article span {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: rgba(255,255,255,0.18);
  font-weight: 900;
}
.codex-flow-steps article strong { display: block; margin-top: 16px; font-size: 18px; }
.codex-flow-steps article p { margin: 8px 0 0; color: rgba(255,255,255,0.78); line-height: 1.6; font-size: 13px; }
@media (max-width: 1180px) {
  .codex-commerce-hero { grid-template-columns: 1fr; }
  .codex-flow-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .codex-commerce-hero { padding: 20px; }
  .codex-hero-metrics, .codex-visual-grid, .codex-flow-steps { grid-template-columns: 1fr; }
  .codex-mini-card img { height: 150px; }
}