:root {
  --bg: #eef2f6;
  --bg-panel: #e5ebf3;
  --surface: #ffffff;
  --surface-muted: #f1f4f8;
  --surface-strong: #0f172a;
  --text: #111827;
  --muted: #5b6472;
  --border: #d8dee8;
  --border-strong: #b8c2cf;
  --accent: #2563eb;
  --accent-soft: #e8f0ff;
  --warning-bg: #fff7db;
  --warning-border: #e9c46a;
  --warning-text: #5f4300;
  --error-bg: #feecec;
  --error-text: #9f1d1d;
  --success-bg: #e9f8ef;
  --success-text: #166534;
  --info-bg: #eaf2ff;
  --info-text: #1d4ed8;
  --scheduled-bg: #f0ecff;
  --scheduled-text: #5b21b6;
  --pending-bg: #eef2f7;
  --pending-text: #394150;
  --shadow-soft: 0 8px 20px rgba(15, 23, 42, 0.07);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

a {
  color: inherit;
}

.app-shell {
  min-height: 100vh;
}

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 276px;
  padding: 22px 14px;
  overflow-y: auto;
  background: #ffffff;
  border-right: 1px solid rgba(203, 213, 225, 0.82);
  box-shadow: none;
}

.sidebar-brand {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 78px;
  padding: 0 8px 18px;
  border-bottom: 1px solid rgba(203, 213, 225, 0.72);
}

.brand-mark {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  color: #ffffff;
  background: #111827;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
  font-size: 15px;
  font-weight: 950;
  letter-spacing: 0;
}

.brand-title {
  color: #111827;
  font-size: 18px;
  font-weight: 950;
  line-height: 1.05;
}

.brand-subtitle {
  margin-top: 5px;
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.25;
}

.sidebar-nav {
  display: grid;
  gap: 18px;
  padding-top: 18px;
}

.account-switcher {
  display: grid;
  gap: 10px;
  margin-top: 14px;
  padding: 12px;
  background: #f8fbff;
  border: 1px solid #dbe7fb;
  border-radius: 12px;
}

.account-switcher-label {
  color: #64748b;
  font-size: 11px;
  font-weight: 820;
}

.account-current {
  display: grid;
  gap: 3px;
}

.account-current strong,
.account-current span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-current strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 820;
}

.account-current span {
  color: #64748b;
  font-size: 12px;
}

.account-switcher form {
  display: grid;
  gap: 6px;
  margin: 0;
}

.account-switcher label {
  color: #64748b;
  font-size: 11px;
  font-weight: 760;
}

.account-switcher select {
  width: 100%;
  min-height: 34px;
  padding: 0 8px;
  color: #0f172a;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  font: inherit;
}

input,
select,
textarea {
  max-width: 100%;
}

textarea {
  width: 100%;
  min-height: 160px;
  padding: 12px;
  color: #0f172a;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  font: inherit;
  resize: vertical;
}

input[type="url"],
input[type="text"],
select {
  min-height: 38px;
  padding: 0 10px;
  color: #0f172a;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 9px;
  font: inherit;
}

button,
.button-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 13px;
  color: #ffffff;
  background: #2563eb;
  border: 1px solid #1d4ed8;
  border-radius: 9px;
  font: inherit;
  font-weight: 760;
  text-decoration: none;
  cursor: pointer;
}

.button-secondary {
  color: #1d4ed8;
  background: #eff6ff;
  border-color: #bfdbfe;
}

button:hover,
button:focus {
  background: #1d4ed8;
}

.button-secondary:hover,
.button-secondary:focus {
  background: #dbeafe;
}

.inline-form {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.inline-form span {
  color: var(--text-muted);
  font-size: 0.86rem;
}

.button-danger-soft {
  color: #b91c1c;
  background: #fef2f2;
  border-color: #fecaca;
}

.button-danger-soft:hover,
.button-danger-soft:focus {
  background: #fee2e2;
}

.button-lock-schedule {
  color: #f8fafc;
  background: #334155;
  border-color: #1e293b;
}

.button-lock-schedule:hover,
.button-lock-schedule:focus {
  background: #1e293b;
}

.account-all-link {
  color: #2563eb;
  font-size: 12px;
  font-weight: 760;
  text-decoration: none;
}

.account-all-link:hover,
.account-all-link:focus {
  text-decoration: underline;
}

.nav-group {
  display: grid;
  gap: 6px;
}

.nav-label {
  padding: 0 12px;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
}

.sidebar-nav a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 0 12px;
  color: #475569;
  border: 1px solid transparent;
  border-radius: 10px;
  font-weight: 760;
  text-decoration: none;
}

.sidebar-nav a::before {
  position: absolute;
  top: 9px;
  bottom: 9px;
  left: -7px;
  width: 3px;
  background: transparent;
  border-radius: 999px;
  content: "";
}

.sidebar-nav a:hover,
.sidebar-nav a:focus {
  color: #0f172a;
  background: rgba(241, 245, 249, 0.92);
  outline: none;
}

.sidebar-nav a.is-active {
  color: #1d4ed8;
  background: #eaf2ff;
  border-color: #c7d7fe;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.08);
}

.sidebar-nav a.is-active::before {
  background: #2563eb;
}

.nav-icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 24px;
  height: 24px;
  color: #64748b;
  background: #f1f5f9;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 820;
  line-height: 1;
}

.sidebar-nav a.is-active .nav-icon {
  color: #1d4ed8;
  background: #dbeafe;
}

.nav-admin-tools {
  border-top: 1px solid rgba(203, 213, 225, 0.72);
  padding-top: 10px;
}

.nav-admin-tools summary {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 0 12px;
  color: #64748b;
  border: 1px solid transparent;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 780;
  list-style: none;
}

.nav-admin-tools summary::-webkit-details-marker {
  display: none;
}

.nav-admin-tools summary::after {
  margin-left: auto;
  color: #94a3b8;
  content: "展开";
  font-size: 11px;
  font-weight: 800;
}

.nav-admin-tools[open] summary::after {
  content: "收起";
}

.nav-admin-tools summary:hover,
.nav-admin-tools summary:focus {
  color: #0f172a;
  background: rgba(241, 245, 249, 0.92);
  outline: none;
}

.nav-group-admin {
  margin-top: 8px;
  padding-left: 10px;
}

.nav-group-admin a {
  min-height: 34px;
  color: #64748b;
  font-size: 13px;
  font-weight: 720;
}

.content-shell {
  min-width: 0;
  margin-left: 276px;
  padding: 24px 28px 48px;
}

.content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  width: min(1240px, 100%);
  min-height: 56px;
  margin: 0 auto 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(203, 213, 225, 0.7);
}

.content-kicker {
  color: #2563eb;
  font-size: 12px;
  font-weight: 820;
}

.content-title {
  margin-top: 3px;
  color: #0f172a;
  font-size: 22px;
  font-weight: 840;
  line-height: 1.1;
}

.content-status {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  color: #7c2d12;
  background: #fef3c7;
  border: 1px solid rgba(245, 158, 11, 0.42);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 820;
  white-space: nowrap;
}

.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 60px;
  padding: 0 28px;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
}

.brand {
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
}

.nav {
  display: flex;
  align-items: center;
  gap: 4px;
  overflow-x: auto;
}

.nav a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 6px;
  color: var(--muted);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.nav a:hover,
.nav a:focus {
  background: var(--surface-muted);
  color: var(--text);
  outline: none;
}

.nav a.is-active {
  background: var(--accent-soft);
  color: var(--accent);
}

.main {
  width: min(1240px, 100%);
  margin: 0 auto;
  padding: 0 0 48px;
}

.page-header {
  margin-bottom: 20px;
}

h1,
h2 {
  margin: 0;
  line-height: 1.2;
}

h1 {
  font-size: 24px;
  font-weight: 750;
}

h2 {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 700;
}

h3 {
  margin: 0;
  font-size: 13px;
  font-weight: 760;
  line-height: 1.2;
}

section {
  margin-top: 24px;
}

.home-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 26px 28px;
  color: #ffffff;
  background:
    linear-gradient(135deg, #0f172a 0%, #172554 58%, #1e3a8a 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  box-shadow: var(--shadow-soft);
}

.main:has(> .home-hero) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 18px 20px;
  align-items: start;
}

.main:has(> .home-hero) > .home-hero,
.main:has(> .home-hero) > section[aria-label="Hero Summary"],
.main:has(> .home-hero) > .workflow-section,
.main:has(> .home-hero) > section[aria-label="最近动态"],
.main:has(> .home-hero) > section[aria-label="系统状态"] {
  grid-column: 1 / -1;
}

.main:has(> .home-hero) > .action-queues {
  grid-column: 1;
}

.main:has(> .home-hero) > .safety-zone {
  grid-column: 2;
  grid-row: 3;
}

.home-hero h1 {
  font-size: 28px;
  letter-spacing: 0;
}

.home-hero p,
.section-heading p,
.workflow-description,
.workflow-hint,
.queue-card p {
  margin: 0;
  color: var(--muted);
}

.home-hero p {
  margin-top: 6px;
  max-width: 62ch;
  color: #cbd5e1;
}

.home-hero .badge {
  background: rgba(255, 247, 219, 0.16);
  color: #f8e4a4;
  border: 1px solid rgba(248, 228, 164, 0.35);
}

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

.section-heading h2 {
  margin: 0;
}

.section-heading p {
  max-width: 56ch;
  font-size: 13px;
}

.home-hero + section .queue-card {
  min-height: 122px;
  background: rgba(255, 255, 255, 0.88);
  border-color: rgba(184, 194, 207, 0.75);
}

.home-hero + section .queue-count {
  font-size: 34px;
}

section[aria-label="Hero Summary"] {
  margin-top: 18px;
}

section[aria-label="Hero Summary"] .queue-grid {
  grid-template-columns: 1.2fr 1.2fr 1fr 1fr;
}

section[aria-label="Hero Summary"] .queue-card {
  min-height: 112px;
  padding: 15px;
}

section[aria-label="Hero Summary"] .queue-card:first-child {
  background: #f8fbff;
  border-color: #bfd3f6;
}

section[aria-label="Hero Summary"] .queue-card:nth-child(4) {
  background: #eff6ff;
  border-color: #bfdbfe;
}

section[aria-label="Hero Summary"] .queue-card:nth-child(4) .queue-count {
  color: var(--info-text);
  font-size: 24px;
}

.action-queues {
  min-height: 100%;
  padding: 20px;
  background: #ffffff;
  border: 1px solid rgba(184, 194, 207, 0.8);
  border-radius: 8px;
  box-shadow: var(--shadow-soft);
}

.action-queues .section-heading {
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--border);
}

.action-queues .queue-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.action-queues .queue-card {
  min-height: 154px;
  padding: 18px;
}

.action-queues .queue-card:first-child {
  background: var(--surface-strong);
  border-color: var(--surface-strong);
  color: #ffffff;
}

.action-queues .queue-card:first-child h2,
.action-queues .queue-card:first-child p {
  color: #dbe4ef;
}

.action-queues .queue-card:first-child .queue-count {
  color: #ffffff;
}

.action-queues .queue-count {
  font-size: 40px;
}

.action-queues .queue-card h2 {
  font-size: 15px;
}

.workflow-section {
  margin-top: 24px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid var(--border);
  border-radius: 8px;
}

.workflow-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 8px;
}

.workflow-step {
  position: relative;
  min-height: 136px;
  padding: 13px;
  background: var(--surface);
  border: 0;
  border-right: 1px solid var(--border);
  border-radius: 0;
}

.workflow-step:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: -6px;
  z-index: 2;
  width: 12px;
  height: 12px;
  background: var(--surface);
  border-top: 1px solid var(--border);
  border-right: 1px solid var(--border);
  transform: rotate(45deg);
  content: "";
}

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

.workflow-step-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.workflow-count {
  display: block;
  margin-top: 14px;
  font-size: 28px;
  font-weight: 780;
  line-height: 1;
}

.workflow-description {
  margin-top: 8px;
  min-height: 36px;
  font-size: 13px;
}

.workflow-hint {
  margin-top: 10px;
  color: var(--text);
  font-size: 12px;
  font-weight: 700;
}

.home-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 18px;
  align-items: start;
}

.home-main-column {
  min-width: 0;
}

.queue-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  margin-top: 0;
}

.queue-grid-compact {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.card,
.queue-card {
  min-height: 96px;
  padding: 16px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
}

.import-center-panel form,
.card form {
  display: grid;
  gap: 10px;
}

.form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.inline-filter-form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: end;
}

.inline-filter-form label {
  align-self: center;
  color: #64748b;
  font-weight: 760;
}

.detail-list {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 10px 16px;
  margin: 0;
}

.detail-list dt {
  color: #64748b;
  font-weight: 760;
}

.detail-list dd {
  min-width: 0;
  margin: 0;
}

.queue-count {
  display: block;
  margin-bottom: 8px;
  font-size: 28px;
  font-weight: 760;
  line-height: 1;
}

.queue-card h2 {
  margin: 0;
  color: var(--text);
  font-size: 13px;
  font-weight: 760;
}

.queue-card p {
  margin-top: 8px;
  font-size: 13px;
}

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

.account-intel-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.36fr);
  gap: 16px;
  align-items: stretch;
  margin-bottom: 18px;
  padding: 22px;
  color: #e5edff;
  background: linear-gradient(135deg, #101827 0%, #1d4ed8 100%);
  border-radius: 22px;
  box-shadow: var(--shadow-soft);
}

.account-intel-hero h1,
.account-intel-hero p {
  margin: 0;
}

.account-intel-hero h1 {
  margin-top: 6px;
  font-size: 30px;
}

.account-intel-hero p {
  margin-top: 8px;
  max-width: 820px;
  color: #bfdbfe;
  line-height: 1.6;
}

.account-intel-safety {
  display: grid;
  gap: 8px;
  align-content: center;
  padding: 16px;
  color: #0f172a;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(191, 219, 254, 0.65);
  border-radius: 18px;
}

.account-intel-safety strong {
  font-size: 15px;
}

.account-intel-safety span {
  color: #475569;
  font-size: 13px;
  line-height: 1.5;
}

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

.account-intel-card,
.account-intel-panel {
  padding: 18px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--border);
  border-radius: 18px;
  box-shadow: var(--shadow-soft);
}

.account-intel-card {
  display: grid;
  gap: 14px;
}

.account-intel-card header,
.account-intel-panel header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.account-intel-card h2,
.account-intel-panel h2,
.account-intel-two-col h3 {
  margin: 0;
}

.account-intel-card p {
  margin: 5px 0 0;
  color: #64748b;
  font-size: 13px;
}

.account-intel-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.account-intel-metrics div {
  display: grid;
  gap: 4px;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
}

.account-intel-metrics span,
.account-intel-two-col span {
  color: #64748b;
  font-size: 11px;
  font-weight: 760;
}

.account-intel-metrics strong {
  color: #0f172a;
  font-size: 20px;
}

.account-intel-metrics-large {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.account-intel-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.account-intel-chips span {
  padding: 6px 9px;
  color: #1d4ed8;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 760;
}

.account-intel-chips .is-warning {
  color: #92400e;
  background: #fffbeb;
  border-color: #fde68a;
}

.account-intel-readable {
  margin-top: 10px;
}

.account-intel-card footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: #64748b;
  font-size: 12px;
}

.account-intel-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.36fr);
  gap: 16px;
  align-items: start;
  margin-bottom: 16px;
}

.account-intel-panel-main {
  display: grid;
  gap: 16px;
}

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

.account-intel-two-col > div {
  display: grid;
  gap: 8px;
  padding: 14px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
}

.account-intel-two-col p {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  font-size: 13px;
}

.compact-empty-state {
  min-height: 0;
  padding: 14px;
}

.account-fit-preview {
  display: grid;
  gap: 12px;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #dbeafe;
  border-radius: 14px;
}

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

.account-fit-list > strong {
  color: #0f172a;
  font-size: 12px;
}

.account-fit-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 10px;
  padding: 9px 10px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
}

.account-fit-item span {
  color: #0f172a;
  font-size: 13px;
  font-weight: 800;
}

.account-fit-item b {
  color: #1d4ed8;
  font-size: 18px;
}

.account-fit-item p {
  grid-column: 1 / -1;
  margin: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
}

.account-fit-excluded .account-fit-item b {
  color: #b45309;
}

.material-recommendation-explain {
  display: grid;
  gap: 12px;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #dbeafe;
  border-radius: 8px;
}

.recommendation-explain-target {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.recommendation-explain-target header {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.recommendation-factor-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 8px;
}

.recommendation-factor-grid div,
.recommendation-explain-columns > div {
  padding: 9px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
}

.recommendation-factor-grid span,
.recommendation-factor-grid small {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 750;
}

.recommendation-factor-grid strong {
  display: block;
  color: #0f172a;
  font-size: 18px;
  line-height: 1.2;
}

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

.recommendation-explain-columns p {
  margin: 8px 0 0;
  color: #475569;
  font-size: 13px;
  line-height: 1.45;
}

.evidence-filter-form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
  align-items: end;
}

.evidence-filter-form label {
  display: grid;
  gap: 6px;
}

.evidence-filter-form label span {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.evidence-feed {
  display: grid;
  gap: 12px;
}

.evidence-card {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
}

.evidence-card header {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: start;
}

.evidence-card h3 {
  margin: 4px 0 0;
  color: #0f172a;
  font-size: 16px;
  line-height: 1.35;
}

.evidence-card dl {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 8px;
  margin: 0;
}

.evidence-card dl div {
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid #eef2f7;
  border-radius: 8px;
  background: #f8fafc;
}

.evidence-card dt {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.evidence-card dd {
  margin: 2px 0 0;
  color: #0f172a;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.evidence-card pre {
  overflow: auto;
  max-height: 280px;
  padding: 10px;
  border-radius: 8px;
  background: #0f172a;
  color: #e2e8f0;
  font-size: 12px;
}

.learning-signal-list,
.learning-action-list {
  display: grid;
  gap: 10px;
}

.learning-signal-list > div,
.learning-action-list > div {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
}

.learning-signal-list strong,
.learning-action-list strong {
  color: #0f172a;
  font-size: 15px;
}

.learning-signal-list span,
.learning-action-list span {
  color: #475569;
  font-size: 13px;
  line-height: 1.45;
}

.learning-action-high {
  border-color: #fed7aa !important;
  background: #fff7ed !important;
}

.learning-action-medium {
  border-color: #fde68a !important;
  background: #fffbeb !important;
}

.learning-source-health {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}

.learning-source-health-item {
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
}

.learning-source-health-item span,
.learning-source-health-item small {
  color: #64748b;
  font-size: 12px;
  font-weight: 750;
}

.learning-source-health-item strong {
  color: #0f172a;
  font-size: 18px;
}

.learning-source-success {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.learning-source-warning {
  border-color: #fde68a;
  background: #fffbeb;
}

.learning-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.detail-list {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 8px 12px;
  margin: 0;
}

.detail-list dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 760;
}

.detail-list dd {
  min-width: 0;
  margin: 0;
  color: var(--text);
}

.content-actions {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}

.notification-center {
  position: relative;
}

.notification-trigger {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(203, 213, 225, 0.9);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
  cursor: pointer;
}

.notification-count {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #dc2626;
  color: #fff;
  font-size: 11px;
  font-weight: 850;
  line-height: 16px;
}

.notification-panel {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  z-index: 70;
  display: none;
  width: min(440px, calc(100vw - 34px));
  overflow: hidden;
  border: 1px solid rgba(203, 213, 225, 0.95);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.2);
}

.notification-center.is-open .notification-panel {
  display: block;
}

.notification-panel-header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.95);
}

.notification-panel-header strong {
  display: block;
  color: #0f172a;
  font-size: 15px;
}

.notification-panel-header span {
  color: #64748b;
  font-size: 12px;
}

.notification-actions {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}

.notification-actions button,
.notification-item-actions button,
.notification-item-actions a {
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid rgba(203, 213, 225, 0.9);
  border-radius: 9px;
  background: #f8fafc;
  color: #334155;
  font-size: 12px;
  font-weight: 750;
  text-decoration: none;
  cursor: pointer;
}

.notification-list {
  display: grid;
  max-height: min(560px, calc(100vh - 160px));
  overflow-y: auto;
}

.notification-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.78);
}

.notification-item.is-read {
  opacity: 0.58;
}

.notification-item-title {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #0f172a;
  font-size: 14px;
  font-weight: 820;
}

.notification-dot {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #2563eb;
}

.notification-failed .notification-dot {
  background: #dc2626;
}

.notification-success .notification-dot {
  background: #16a34a;
}

.notification-item p {
  margin: 6px 0 0;
  color: #64748b;
  font-size: 13px;
  line-height: 1.45;
}

.notification-item code {
  display: block;
  margin-top: 8px;
  padding: 8px 10px;
  overflow-x: auto;
  border-radius: 9px;
  background: #0f172a;
  color: #e2e8f0;
  font-size: 12px;
  white-space: nowrap;
}

.notification-item time {
  display: block;
  margin-top: 7px;
  color: #94a3b8;
  font-size: 12px;
}

.notification-item-actions {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.notification-empty {
  padding: 22px;
  color: #64748b;
  text-align: center;
}

.toast-stack {
  position: fixed;
  top: 18px;
  right: 22px;
  z-index: 80;
  display: grid;
  gap: 10px;
  width: min(360px, calc(100vw - 32px));
  pointer-events: none;
}

.task-toast {
  position: relative;
  overflow: hidden;
  padding: 12px 40px 12px 14px;
  border: 1px solid rgba(203, 213, 225, 0.92);
  border-left: 4px solid #16a34a;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.16);
  pointer-events: auto;
  transition: opacity 220ms ease, transform 220ms ease;
}

.task-toast.is-dismissing {
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
}

.task-toast-failed {
  border-left-color: #dc2626;
  background: rgba(255, 247, 247, 0.98);
}

.task-toast-success {
  border-left-color: #16a34a;
}

.task-toast-warning,
.lifecycle-notice.is-warning {
  border-left-color: #d97706;
  background: rgba(255, 251, 235, 0.98);
}

.toast-close {
  position: absolute;
  top: 8px;
  right: 9px;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 999px;
  background: rgba(226, 232, 240, 0.78);
  color: #475569;
  font-size: 17px;
  line-height: 1;
  cursor: pointer;
}

.toast-title {
  color: #0f172a;
  font-size: 14px;
  font-weight: 800;
}

.toast-message {
  margin-top: 5px;
  color: #64748b;
  font-size: 13px;
  line-height: 1.45;
}

.toast-action {
  margin-top: 10px;
}

.material-card-removing {
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 220ms ease, transform 220ms ease;
  pointer-events: none;
}

.schedule-center-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.schedule-account-summary {
  display: grid;
  gap: 4px;
  min-width: 260px;
  padding: 13px 14px;
  background: #f8fbff;
  border: 1px solid #dbe7fb;
  border-radius: 12px;
}

.schedule-account-summary strong {
  color: #1d4ed8;
  font-size: 12px;
}

.schedule-account-summary span {
  color: #475569;
  font-size: 12px;
}

.schedule-rule-panel {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 16px;
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: var(--shadow-soft);
}

.schedule-rule-panel h2,
.schedule-rule-panel p {
  margin: 0;
}

.schedule-rule-panel strong,
.schedule-rule-panel span {
  display: block;
}

.schedule-rule-panel strong {
  color: #0f172a;
  font-size: 12px;
}

.schedule-rule-panel span,
.schedule-rule-panel p {
  color: #64748b;
  font-size: 12px;
}

.schedule-week-nav {
  display: flex;
  gap: 8px;
}

.schedule-week-nav a,
.schedule-empty-slot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 10px;
  color: #1d4ed8;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 760;
  text-decoration: none;
}

.schedule-week {
  display: grid;
  grid-template-columns: repeat(7, minmax(160px, 1fr));
  gap: 10px;
  overflow-x: auto;
  padding: 12px;
  background: rgba(248, 250, 252, 0.72);
  border: 1px solid rgba(203, 213, 225, 0.8);
  border-radius: 12px;
}

.schedule-day {
  min-width: 160px;
  margin-top: 0;
  padding: 10px;
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: 10px;
}

.schedule-day header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border);
}

.schedule-day header strong {
  font-size: 14px;
}

.schedule-day header span {
  color: #64748b;
  font-size: 12px;
}

.schedule-slots {
  display: grid;
  gap: 9px;
  margin-top: 10px;
}

.schedule-slot {
  display: grid;
  gap: 8px;
  min-height: 94px;
  padding: 9px;
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
  border-radius: 9px;
}

.schedule-slot-time {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #0f172a;
  font-size: 12px;
  font-weight: 820;
}

.schedule-card {
  display: grid;
  gap: 7px;
  margin-top: 0;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #bfdbfe;
  border-radius: 9px;
  box-shadow: 0 8px 16px rgba(37, 99, 235, 0.08);
}

.schedule-card-top,
.schedule-card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.schedule-card p {
  margin: 0;
  color: #475569;
  font-size: 12px;
}

.schedule-card-meta {
  color: #64748b;
  font-size: 11px;
}

.schedule-editor form {
  display: grid;
  gap: 12px;
}

.schedule-editor p {
  display: grid;
  gap: 6px;
  margin: 0;
}

.schedule-editor label {
  color: #475569;
  font-size: 12px;
  font-weight: 760;
}

.schedule-editor select,
.schedule-editor input,
.schedule-editor textarea {
  width: 100%;
  padding: 9px 10px;
  color: var(--text);
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: 8px;
  font: inherit;
}

.schedule-editor button {
  justify-self: start;
}

.facebook-status-hero {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 20px;
  padding: 24px;
  color: #ffffff;
  background:
    radial-gradient(circle at 88% 16%, rgba(96, 165, 250, 0.3), transparent 30%),
    linear-gradient(135deg, #111827 0%, #172554 54%, #1e3a8a 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  box-shadow: var(--shadow-soft);
}

.facebook-status-hero h1,
.facebook-status-hero p {
  margin: 0;
}

.facebook-status-hero h1 {
  margin-top: 12px;
  font-size: 30px;
  font-weight: 840;
}

.facebook-status-hero p {
  max-width: 68ch;
  margin-top: 8px;
  color: #dbeafe;
}

.facebook-status-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  gap: 10px;
  min-width: 320px;
}

.facebook-status-summary div {
  display: grid;
  align-content: center;
  min-height: 92px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 14px;
}

.facebook-status-summary strong {
  color: #ffffff;
  font-size: 30px;
  line-height: 1;
}

.facebook-status-summary span {
  margin-top: 6px;
  color: #dbeafe;
  font-size: 12px;
  font-weight: 760;
}

.facebook-status-safety {
  display: grid;
  grid-template-columns: 1.1fr repeat(4, minmax(0, 1fr));
  gap: 10px;
  align-items: center;
  padding: 14px;
  color: #5f4300;
  background: #fff7db;
  border: 1px solid #e9c46a;
  border-radius: 14px;
  box-shadow: var(--shadow-soft);
}

.facebook-status-safety strong,
.facebook-status-safety div {
  min-height: 42px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.56);
  border: 1px solid rgba(95, 67, 0, 0.14);
  border-radius: 10px;
}

.facebook-status-safety strong {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 840;
}

.facebook-status-safety div {
  color: #6b4e05;
  font-size: 12px;
  font-weight: 760;
}

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

.facebook-status-panel {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 18px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(203, 213, 225, 0.86);
  border-radius: 16px;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
}

.facebook-status-panel-primary {
  border-color: #bfdbfe;
  background: #f8fbff;
}

.facebook-status-panel-success {
  border-color: rgba(233, 196, 106, 0.82);
  background: #fffdf5;
}

.facebook-status-panel-danger {
  border-color: rgba(248, 113, 113, 0.52);
  background: #fffafa;
}

.facebook-status-panel header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border);
}

.facebook-status-panel-actions,
.status-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.facebook-status-panel-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.status-actions {
  justify-content: flex-end;
}

.facebook-status-panel-actions form,
.status-actions form {
  margin: 0;
}

.facebook-status-panel-actions button,
.status-actions button {
  min-height: 32px;
  padding: 0 10px;
  color: #1d4ed8;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  font: inherit;
  font-size: 12px;
  font-weight: 780;
  cursor: pointer;
}

.facebook-status-panel-actions button:hover,
.facebook-status-panel-actions button:focus,
.status-actions button:hover,
.status-actions button:focus {
  background: #dbeafe;
  outline: none;
}

.facebook-status-panel h2,
.facebook-status-panel p {
  margin: 0;
}

.facebook-status-panel p {
  margin-top: 5px;
  color: var(--muted);
  font-size: 13px;
}

.status-count {
  display: grid;
  place-items: center;
  min-width: 46px;
  min-height: 46px;
  color: #0f172a;
  background: #f1f5f9;
  border: 1px solid #dbe3ee;
  border-radius: 14px;
  font-size: 22px;
  font-weight: 840;
}

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

.status-item {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-height: 68px;
  padding: 12px;
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: 12px;
}

.status-item div {
  min-width: 0;
}

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

.status-item strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 820;
}

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

.queue-card-safety {
  background: var(--warning-bg);
  border-color: var(--warning-border);
}

.queue-card-safety h2,
.queue-card-safety p {
  color: var(--warning-text);
}

.safety-zone {
  position: sticky;
  top: 18px;
  margin-top: 24px;
  padding: 18px;
  color: var(--warning-text);
  background: var(--warning-bg);
  border: 1px solid var(--warning-border);
  border-radius: 8px;
  box-shadow: var(--shadow-soft);
}

.safety-zone .section-heading {
  display: block;
}

.safety-zone .section-heading p {
  margin-top: 4px;
  color: var(--warning-text);
}

.safety-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 12px;
  font-weight: 700;
}

.safety-list div {
  padding: 9px 10px;
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(95, 67, 0, 0.18);
  border-radius: 6px;
}

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

.compact-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  min-height: 58px;
  padding: 11px 12px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
}

section[aria-label="最近动态"] {
  padding: 18px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(184, 194, 207, 0.65);
  border-radius: 8px;
}

section[aria-label="最近动态"] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

section[aria-label="最近动态"] > .section-heading {
  grid-column: 1 / -1;
  margin-bottom: -4px;
}

section[aria-label="最近动态"] > section {
  margin-top: 0;
}

section[aria-label="最近动态"] > section:first-of-type {
  margin-top: 0;
}

section[aria-label="系统状态"] {
  margin-top: 4px;
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.46);
  border: 1px solid rgba(184, 194, 207, 0.6);
  border-radius: 8px;
}

section[aria-label="系统状态"] .section-heading {
  margin-bottom: 10px;
}

section[aria-label="系统状态"] .queue-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

section[aria-label="系统状态"] .queue-card {
  min-height: 84px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.72);
}

section[aria-label="系统状态"] .queue-count {
  font-size: 18px;
}

.compact-row div,
.compact-row-meta {
  min-width: 0;
}

.compact-row strong,
.compact-row span,
.compact-row time {
  display: block;
}

.compact-row strong {
  font-size: 13px;
}

.compact-row span,
.compact-row time {
  color: var(--muted);
  font-size: 12px;
}

.compact-row-meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.table-wrap,
section:has(> table) {
  overflow-x: auto;
}

table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
}

th,
td {
  max-width: 280px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--border);
  text-align: left;
  vertical-align: top;
}

th {
  background: var(--surface-muted);
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  white-space: nowrap;
}

td {
  color: var(--text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

tr:last-child td {
  border-bottom: 0;
}

.truncate {
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.empty-state {
  padding: 16px;
  color: var(--muted);
  background: var(--surface);
  border: 1px dashed var(--border-strong);
  border-radius: 8px;
}

.notice,
.alert {
  padding: 14px 16px;
  color: var(--warning-text);
  background: var(--warning-bg);
  border: 1px solid var(--warning-border);
  border-radius: 8px;
}

.notice strong,
.alert strong {
  display: block;
  margin-bottom: 4px;
}

.duplicate-policy-note {
  margin-top: 14px;
  padding: 12px 14px;
  color: #92400e;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.6;
}

.duplicate-policy-note strong {
  display: block;
  color: #78350f;
  margin-bottom: 2px;
}

.duplicate-policy-note-detail {
  margin-bottom: 14px;
}

.duplicate-inline-hint {
  margin-top: 4px;
  color: #92400e;
  font-size: 12px;
  font-weight: 700;
}

.duplicate-origin-cell {
  display: inline-grid;
  gap: 4px;
  max-width: 180px;
}

.filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: end;
  margin-bottom: 16px;
}

.filter-bar label {
  display: grid;
  gap: 6px;
  min-width: 180px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.filter-bar input,
.filter-bar select {
  min-height: 38px;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 8px 10px;
  background: #fff;
  color: var(--text);
}

.pagination {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: flex-end;
  padding: 14px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.pagination a,
.button-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 7px 12px;
  background: #fff;
  color: var(--text);
  text-decoration: none;
  font-weight: 700;
}

.jobs-task-cell {
  min-width: 260px;
}

.jobs-publish-context {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.jobs-publish-thumb {
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  color: #64748b;
  background: #e5e7eb;
  border-radius: 7px;
  font-size: 12px;
  text-decoration: none;
}

.jobs-publish-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jobs-publish-context strong,
.jobs-publish-context span,
.jobs-publish-context small {
  display: block;
}

.jobs-publish-context strong {
  display: -webkit-box;
  overflow: hidden;
  color: #0f172a;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.jobs-publish-context span,
.jobs-publish-context small {
  margin-top: 3px;
  color: #64748b;
  font-size: 12px;
  font-weight: 760;
}

.detail-grid {
  display: grid;
  grid-template-columns: minmax(120px, max-content) 1fr;
  gap: 10px 18px;
}

.detail-grid dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.detail-grid dd {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.two-column-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.code-block {
  max-height: 420px;
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 12px;
  background: #0f172a;
  color: #e5e7eb;
  font-size: 12px;
}

.badge {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.badge-pending {
  background: var(--pending-bg);
  color: var(--pending-text);
}

.badge-success,
.badge-recovered,
.badge-approved,
.badge-active,
.badge-completed {
  background: var(--success-bg);
  color: var(--success-text);
}

.badge-failed,
.badge-dry-run-failed {
  background: var(--error-bg);
  color: var(--error-text);
}

.badge-ready {
  background: var(--info-bg);
  color: var(--info-text);
}

.badge-scheduled,
.badge-confirmed {
  background: var(--scheduled-bg);
  color: var(--scheduled-text);
}

.badge-dry-run-success {
  background: var(--warning-bg);
  color: var(--warning-text);
}

.badge-duplicate {
  background: #fffbeb;
  color: #92400e;
}

.badge-duplicate-material {
  background: #fef2f2;
  color: #991b1b;
}

.badge-monetized {
  background: #ecfdf5;
  color: #047857;
}

.badge-normal {
  background: #eef2ff;
  color: #3730a3;
}

.action-center-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  margin: 18px 0;
}

.action-summary-card {
  display: grid;
  gap: 4px;
  border-left: 4px solid #cbd5e1;
}

.action-summary-card strong {
  font-size: 28px;
  line-height: 1;
}

.action-summary-card-danger {
  border-left-color: #dc2626;
}

.action-summary-card-danger strong {
  color: #b91c1c;
}

.action-summary-card-info {
  border-left-color: #2563eb;
}

.action-summary-card-info strong {
  color: #1d4ed8;
}

.action-summary-card-success {
  border-left-color: #16a34a;
}

.action-summary-card-success strong {
  color: #15803d;
}

.action-summary-card-muted {
  border-left-color: #94a3b8;
}

.action-summary-card-muted strong {
  color: #475569;
}

.action-center-tabs {
  display: flex;
  gap: 8px;
  margin: 8px 0 16px;
  flex-wrap: wrap;
}

.action-center-tabs a {
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 8px 14px;
  background: #fff;
  color: var(--text);
  text-decoration: none;
}

.action-center-tabs a.is-active {
  background: #111827;
  border-color: #111827;
  color: #fff;
}

.material-library-hero {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 18px;
  padding: 24px;
  color: #ffffff;
  background:
    radial-gradient(circle at 90% 12%, rgba(20, 184, 166, 0.28), transparent 32%),
    linear-gradient(135deg, #0f172a 0%, #172554 56%, #0f766e 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  box-shadow: var(--shadow-soft);
}

.material-library-hero h1 {
  margin-top: 10px;
  font-size: 30px;
  font-weight: 840;
}

.material-library-hero p {
  max-width: 68ch;
  margin: 8px 0 0;
  color: #dbeafe;
}

.material-pool-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(88px, 1fr));
  gap: 10px;
  min-width: 360px;
}

.material-pool-summary div {
  display: grid;
  align-content: center;
  min-height: 92px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 14px;
}

.material-pool-summary .material-context-summary {
  background: rgba(20, 184, 166, 0.24);
  border-color: rgba(153, 246, 228, 0.38);
}

.material-pool-summary strong {
  color: #ffffff;
  font-size: 30px;
  line-height: 1;
}

.material-pool-summary span {
  margin-top: 7px;
  color: #dbeafe;
  font-size: 12px;
  font-weight: 760;
}

.material-library-guidance {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.material-library-guidance article {
  min-height: 98px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(203, 213, 225, 0.82);
  border-radius: 14px;
}

.material-library-guidance h2,
.material-library-guidance p {
  margin: 0;
}

.material-library-guidance p {
  margin-top: 8px;
  color: var(--muted);
  font-size: 13px;
}

.material-filter-panel {
  display: grid;
  gap: 18px;
  margin: 18px 0 20px;
  padding: 18px;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(203, 213, 225, 0.86);
  border-radius: 16px;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
}

.material-filter-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: end;
}

.material-filter-panel label {
  display: grid;
  gap: 6px;
  flex: 0 0 140px;
  width: 140px;
  min-width: 140px;
  color: #64748b;
  font-size: 12px;
  font-weight: 780;
}

.material-filter-toolbar .material-filter-search {
  flex-basis: 170px;
  width: 170px;
}

.material-filter-toolbar .material-filter-toggle {
  flex-basis: 140px;
  width: 140px;
}

.material-filter-panel input,
.material-filter-panel select {
  width: 100%;
  min-width: 0;
  min-height: 38px;
  padding: 0 10px;
  color: #0f172a;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  font: inherit;
  font-size: 13px;
}

.material-filter-toggle span {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  color: #0f172a;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  font-size: 13px;
}

.material-filter-toggle input {
  min-height: auto;
  padding: 0;
}

.material-filter-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  align-items: center;
  position: relative;
}

.material-filter-actions button,
.material-filter-actions a,
.material-more-filters summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 13px;
  border-radius: 10px;
  font: inherit;
  font-size: 13px;
  font-weight: 820;
  text-decoration: none;
}

.material-filter-actions button {
  color: #ffffff;
  background: #0f172a;
  border: 1px solid #0f172a;
  cursor: pointer;
}

.material-filter-actions a {
  color: #334155;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
}

.material-more-filters {
  position: relative;
}

.material-more-filters summary {
  color: #334155;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  cursor: pointer;
  list-style: none;
}

.material-more-filters summary::-webkit-details-marker {
  display: none;
}

.material-more-filter-popover {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 20;
  display: flex;
  gap: 10px;
  align-items: end;
  min-width: 560px;
  padding: 12px;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 14px;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.14);
}

.material-more-filter-popover label {
  flex: 0 0 150px;
  width: 150px;
}

.material-more-filter-popover .material-filter-toggle-wide {
  flex: 0 0 210px;
  width: 210px;
}

.material-filter-toggle-wide span {
  white-space: nowrap;
}

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

.material-kpi-card {
  min-height: 92px;
  padding: 14px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04);
}

.material-kpi-card span {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 760;
}

.material-kpi-card strong {
  display: block;
  margin-top: 10px;
  color: #0f172a;
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0;
}

.material-kpi-card p {
  margin: 10px 0 0;
  color: #64748b;
  font-size: 13px;
}

.material-kpi-primary {
  background: #0f172a;
  border-color: #0f172a;
}

.material-kpi-primary span,
.material-kpi-primary p {
  color: #cbd5e1;
}

.material-kpi-primary strong {
  color: #ffffff;
}

.material-context-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  padding: 2px 2px 0;
  color: #475569;
  font-size: 13px;
}

.material-context-strip span {
  min-width: 0;
}

.material-lifecycle-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 4px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
}

.material-lifecycle-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  color: #475569;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 760;
  text-decoration: none;
}

.material-lifecycle-nav a:hover,
.material-lifecycle-nav a.is-active {
  color: #0f172a;
  background: #ffffff;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
}

.material-repair-panel {
  display: grid;
  gap: 12px;
  padding: 14px 16px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 14px;
}

.material-repair-panel-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
}

.material-repair-panel-head > div {
  display: grid;
  gap: 3px;
}

.material-repair-panel-head strong {
  color: #78350f;
  font-size: 14px;
}

.material-repair-panel-head span {
  color: #92400e;
  font-size: 13px;
}

.material-repair-panel-head form,
.material-exception-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

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

.material-exception-card {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 12px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(245, 158, 11, 0.24);
  border-radius: 12px;
}

.material-exception-thumb {
  width: 92px;
  aspect-ratio: 9 / 16;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 10px;
  background: #f8fafc;
  color: #92400e;
  font-size: 12px;
  text-decoration: none;
}

.material-exception-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.material-exception-body {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.material-exception-body header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
}

.material-exception-body header > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.material-exception-body header strong {
  color: #111827;
  font-size: 14px;
  line-height: 1.35;
}

.material-exception-body header span:not(.material-exception-status) {
  color: #64748b;
  font-size: 12px;
}

.material-exception-status {
  flex: 0 0 auto;
  white-space: nowrap;
}

.material-exception-body dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.material-exception-body dt {
  color: #92400e;
  font-size: 11px;
  font-weight: 700;
}

.material-exception-body dd {
  margin: 2px 0 0;
  color: #334155;
  font-size: 12px;
  line-height: 1.35;
}

.material-exception-debug {
  color: #64748b;
  font-size: 12px;
}

.material-exception-debug summary {
  cursor: pointer;
  width: fit-content;
}

.material-exception-debug code {
  display: inline-block;
  margin-top: 4px;
  color: #475569;
}

.material-exception-actions {
  justify-content: flex-start;
}

.material-exception-actions form {
  margin: 0;
}

.material-exception-more {
  justify-self: start;
  color: #92400e;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.material-repair-empty {
  padding: 6px 0;
}

.material-filter-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  color: #64748b;
  font-size: 12px;
}

.material-filter-summary strong,
.material-filter-summary span {
  padding: 5px 8px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
}

.material-filter-summary strong {
  color: #0f172a;
  background: #eff6ff;
  border-color: #bfdbfe;
}

.material-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
  gap: 12px;
}

.material-card {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 12px;
  min-height: 196px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(203, 213, 225, 0.88);
  border-radius: 16px;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
}

.material-card-link {
  display: block;
  text-decoration: none;
}

.material-thumb-wrap {
  display: grid;
  gap: 8px;
  align-content: start;
}

.material-thumb-stage {
  position: relative;
}

.material-thumb {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 172px;
  aspect-ratio: 9 / 13.2;
  overflow: hidden;
  color: #dbeafe;
  background:
    linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(30, 64, 175, 0.82)),
    #0f172a;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 12px;
}

.material-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.material-thumb span {
  font-size: 16px;
  font-weight: 860;
  letter-spacing: 0;
}

.material-thumb-overlay {
  position: absolute;
  z-index: 1;
  max-width: calc(50% - 10px);
  padding: 3px 7px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 760;
  line-height: 1.2;
  white-space: nowrap;
}

.material-watermark-badge,
.watermark-warning-badge {
  color: #92400e;
  background: #fef3c7;
  border: 1px solid #f59e0b;
  box-shadow: 0 8px 18px rgba(146, 64, 14, 0.18);
  font-weight: 950;
}

.material-watermark-badge {
  top: 8px;
  left: 8px;
  z-index: 4;
  max-width: calc(100% - 16px);
  padding: 5px 9px;
  font-size: 12px;
  border-radius: 8px;
}

.material-watermark-badge-clean,
.watermark-clean-badge {
  color: #065f46;
  background: #dcfce7;
  border: 1px solid #22c55e;
  box-shadow: 0 8px 18px rgba(6, 95, 70, 0.18);
}

.material-watermark-badge ~ .material-gate-overlay {
  top: 42px;
}

.material-score-monetized {
  top: 8px;
  left: 8px;
  color: #7c2d12;
  background: rgba(255, 237, 213, 0.95);
  border: 1px solid rgba(251, 146, 60, 0.55);
}

.material-score-traffic {
  top: 8px;
  right: 8px;
  color: #075985;
  background: rgba(224, 242, 254, 0.95);
  border: 1px solid rgba(56, 189, 248, 0.55);
}

.material-gate-overlay {
  top: 8px;
  left: 8px;
  max-width: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 78px;
  padding: 6px 10px;
  color: #166534;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid #bbf7d0;
  border-radius: 999px;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.28);
  font-size: 12px;
  font-weight: 950;
}

.material-gate-overlay-ready {
  color: #166534;
  background: rgba(240, 253, 244, 0.96);
  border-color: #86efac;
}

.material-gate-overlay-review {
  color: #92400e;
  background: rgba(255, 251, 235, 0.96);
  border-color: #fbbf24;
}

.material-gate-overlay-blocked {
  color: #991b1b;
  background: rgba(254, 242, 242, 0.96);
  border-color: #fca5a5;
}

.material-hd-badge {
  top: 8px;
  right: 8px;
  max-width: none;
  color: #064e3b;
  background: rgba(187, 247, 208, 0.96);
  border: 1px solid rgba(34, 197, 94, 0.62);
  box-shadow: 0 7px 16px rgba(15, 23, 42, 0.18);
  font-size: 12px;
  font-weight: 900;
}

.hd-upgrade-inline,
.hd-upgrade-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #064e3b;
  background: #bbf7d0;
  border: 1px solid #22c55e;
  font-weight: 900;
  line-height: 1;
}

.hd-upgrade-inline {
  padding: 4px 9px;
  font-size: 12px;
}

.material-preview-trigger {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  z-index: 2;
  width: 46px;
  height: 46px;
  min-height: 46px;
  padding: 0;
  color: #ffffff;
  background: rgba(15, 23, 42, 0.42);
  border: 1px solid rgba(255, 255, 255, 0.38);
  border-radius: 999px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.22);
  font: inherit;
  font-weight: 840;
  transform: translate(-50%, -50%);
  cursor: pointer;
  backdrop-filter: blur(8px);
}

.material-preview-trigger span {
  display: block;
  width: 0;
  height: 0;
  margin-left: 4px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #ffffff;
}

.material-thumb-actions {
  display: grid;
  gap: 6px;
}

.material-thumb-actions form {
  margin: 0;
}

.material-thumb-actions button {
  width: 100%;
  min-height: 32px;
  padding: 0 8px;
  color: #ffffff;
  background: #0f766e;
  border: 1px solid #0f766e;
  border-radius: 9px;
  font: inherit;
  font-size: 12px;
  font-weight: 820;
  cursor: pointer;
}

.material-preview-trigger:hover {
  background: rgba(37, 99, 235, 0.9);
}

.material-thumb-large {
  min-height: 320px;
}

.material-card-body {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.material-author-line {
  display: flex;
  gap: 5px;
  align-items: center;
  min-width: 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 760;
}

.material-author-line a {
  min-width: 0;
  overflow: hidden;
  color: #1d4ed8;
  font-weight: 840;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.material-author-line a:hover {
  text-decoration: underline;
}

.material-author-line em {
  color: #94a3b8;
  font-style: normal;
}

.material-card-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.material-card-title-row h2 {
  min-width: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 820;
}

.material-card-title-row h2 a {
  color: #0f172a;
  text-decoration: none;
}

.material-card-title-row h2 a:hover {
  color: #1d4ed8;
}

.material-pool-badge {
  flex: 0 0 auto;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 840;
  line-height: 1;
}

.material-pool-badge-monetized {
  color: #7c2d12;
  background: #ffedd5;
  border: 1px solid #fdba74;
}

.material-pool-badge-normal {
  color: #166534;
  background: #dcfce7;
  border: 1px solid #86efac;
}

.material-operation-state-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-height: 24px;
}

.material-operation-state {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 880;
  line-height: 1;
  border: 1px solid transparent;
}

.material-operation-state-new {
  color: #166534;
  background: #dcfce7;
  border-color: #86efac;
}

.material-operation-state-candidate {
  color: #854d0e;
  background: #fef3c7;
  border-color: #facc15;
}

.material-operation-state-locked {
  color: #6d28d9;
  background: #ede9fe;
  border-color: #c4b5fd;
}

.material-operation-state-confirmed {
  color: #1d4ed8;
  background: #dbeafe;
  border-color: #93c5fd;
}

.material-operation-state-submitted {
  color: #075985;
  background: #e0f2fe;
  border-color: #7dd3fc;
}

.material-operation-state-published {
  color: #111827;
  background: #e5e7eb;
  border-color: #9ca3af;
}

.material-publish-chip {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 24px;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  padding: 3px 8px;
  overflow: hidden;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  text-overflow: ellipsis;
  text-decoration: none;
  white-space: nowrap;
}

.material-meta-line {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  color: #475569;
  font-size: 11px;
  font-weight: 700;
}

.material-meta-line span {
  padding: 3px 6px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
}

.material-targeting-line {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  color: #475569;
  font-size: 11px;
  font-weight: 740;
}

.material-targeting-line span {
  padding: 3px 7px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
}

.material-targeting-line strong {
  color: #0f172a;
}

.material-targeting-line .material-lock-chip {
  color: #7c2d12;
  background: #ffedd5;
  border-color: #fdba74;
}

.material-targeting-line .material-candidate-chip {
  color: #065f46;
  background: #d1fae5;
  border-color: #6ee7b7;
}

.material-card-body p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}

.material-badges,
.material-card-actions,
.material-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.material-card-actions form,
.material-detail-actions form {
  margin: 0;
}

.material-card-actions button,
.material-detail-actions button,
.schedule-editor button {
  min-height: 30px;
  padding: 0 10px;
  color: #ffffff;
  background: #2563eb;
  border: 1px solid #1d4ed8;
  border-radius: 8px;
  font: inherit;
  font-size: 11.5px;
  font-weight: 780;
  cursor: pointer;
}

.material-card-actions .secondary-action {
  color: #334155;
  background: #f8fafc;
  border-color: #cbd5e1;
}

.material-card-actions .danger-action {
  color: #991b1b;
  background: #fff1f2;
  border-color: #fecdd3;
}

.material-card-actions button {
  min-width: 0;
}

.material-card-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

.material-card-actions form {
  min-width: 0;
}

.material-card-actions button {
  width: 100%;
  padding: 0 8px;
}

.secondary-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  color: #1d4ed8;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 780;
  text-decoration: none;
}

.material-ai-panel,
.ai-metric-grid,
.material-status-grid,
.material-pool-decision-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.material-ai-panel div,
.ai-metric-grid div,
.material-status-grid div,
.material-pool-decision-grid div {
  min-width: 0;
  padding: 9px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
}

.material-ai-panel span,
.ai-metric-grid span,
.material-status-grid span,
.material-pool-decision-grid span {
  display: block;
  color: #64748b;
  font-size: 11px;
  font-weight: 760;
}

.material-ai-panel strong,
.ai-metric-grid strong,
.material-status-grid strong,
.material-pool-decision-grid strong {
  display: block;
  margin-top: 4px;
  color: #0f172a;
  font-size: 13px;
}

.material-recommendation-ops {
  display: grid;
  gap: 6px;
  padding: 10px;
  background: linear-gradient(135deg, #fff7ed, #eff6ff);
  border: 1px solid #fed7aa;
  border-radius: 12px;
}

.material-recommendation-ops div {
  display: flex;
  gap: 8px;
  align-items: baseline;
  min-width: 0;
}

.material-recommendation-ops span {
  flex: 0 0 auto;
  color: #64748b;
  font-size: 12px;
  font-weight: 760;
}

.material-recommendation-ops strong {
  min-width: 0;
  color: #0f172a;
  font-size: 13px;
}

.material-recommendation-ops small {
  color: #c2410c;
  font-size: 11px;
  font-weight: 760;
}

.material-caption-preview {
  position: relative;
  min-width: 0;
  padding: 9px 10px;
  background: #ffffff;
  border: 1px solid #dbeafe;
  border-radius: 12px;
  box-shadow: inset 3px 0 0 #2563eb;
}

.material-caption-preview span {
  display: block;
  margin-bottom: 2px;
  color: #1d4ed8;
  font-size: 11px;
  font-weight: 840;
}

.material-caption-preview small {
  display: block;
  margin-bottom: 4px;
  color: #64748b;
  font-size: 10.5px;
  font-weight: 760;
}

.material-caption-preview p {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: #0f172a;
  font-size: 12.5px;
  font-weight: 690;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.material-caption-preview em {
  display: block;
  margin-top: 0;
  color: #64748b;
  font-size: 10.5px;
  font-style: normal;
  font-weight: 760;
}

.material-caption-popover {
  position: absolute;
  left: 8px;
  bottom: calc(100% + 8px);
  z-index: 30;
  display: none;
  width: min(420px, 72vw);
  max-height: 320px;
  overflow: auto;
  padding: 12px;
  color: #0f172a;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.18);
}

.material-caption-preview:hover .material-caption-popover,
.material-caption-preview:focus-within .material-caption-popover,
.material-caption-preview:focus .material-caption-popover {
  display: grid;
  gap: 10px;
}

.material-caption-popover strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
}

.material-caption-popover p {
  display: block;
  overflow: visible;
  color: #0f172a;
  font-size: 12.5px;
  line-height: 1.55;
  white-space: pre-line;
  -webkit-line-clamp: unset;
}

.material-caption-popover dl {
  display: grid;
  gap: 6px;
  margin: 0;
}

.material-caption-popover dl div {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 8px;
}

.material-caption-popover dt,
.material-caption-popover dd {
  margin: 0;
  font-size: 11px;
  line-height: 1.4;
}

.material-caption-popover dt {
  color: #64748b;
  font-weight: 850;
}

.material-caption-popover dd {
  min-width: 0;
  color: #334155;
  overflow-wrap: anywhere;
}

.material-caption-preview-empty {
  background: #f8fafc;
  border-color: #e2e8f0;
  box-shadow: inset 3px 0 0 #94a3b8;
}

.material-caption-preview-empty p {
  color: #64748b;
}

.final-facebook-caption-panel {
  display: grid;
  gap: 8px;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  min-width: 0;
  max-width: 100%;
}

.final-facebook-caption-text {
  margin: 0;
  min-width: 0;
  max-width: 100%;
  white-space: pre-line;
  overflow-wrap: anywhere;
  color: #0f172a;
  font-size: 13px;
  line-height: 1.65;
}

.material-recommendation-compact {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.material-recommendation-compact .recommendation-chip {
  max-width: 100%;
  padding: 0;
  overflow: hidden;
  border-radius: 0;
  font-size: 11.5px;
  font-weight: 780;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.material-recommendation-compact .recommendation-chip-pool {
  color: #475569;
  background: transparent;
  border: 0;
}

.material-recommendation-compact .recommendation-chip-account {
  color: #1e3a8a;
  background: transparent;
  border: 0;
}

.material-recommendation-compact .recommendation-chip-time {
  color: #14532d;
  background: transparent;
  border: 0;
}

.material-recommendation-compact strong {
  color: inherit;
  font-weight: 820;
}

.material-ai-score-row {
  display: grid;
  grid-template-columns: minmax(90px, auto) minmax(0, 1fr);
  gap: 7px;
  align-items: center;
}

.material-ai-score-row > span {
  min-width: 0;
  padding: 5px 6px;
  color: #475569;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 9px;
  font-size: 10.5px;
  font-weight: 780;
}

.material-ai-score-row strong {
  display: block;
  margin-top: 2px;
  color: #0f172a;
  font-size: 11.5px;
}

.material-overall-score-chip {
  display: inline-grid;
  grid-template-columns: auto auto;
  gap: 8px;
  align-items: baseline;
  min-height: 40px;
  padding: 7px 12px;
  color: #0f172a;
  background: #ffffff;
  border-color: #bfdbfe;
  box-shadow: 0 10px 20px rgba(37, 99, 235, 0.14);
}

.material-overall-score-chip .material-score-grade {
  font-size: 14px;
}

.material-overall-score-chip .material-score-value {
  font-size: 26px;
}

.material-ai-empty-state {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  width: fit-content;
  padding: 0 10px;
  color: #1d4ed8;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 820;
}

.material-risk-alert {
  display: grid;
  gap: 3px;
  padding: 8px 10px;
  border-radius: 11px;
  font-size: 12px;
}

.material-risk-alert strong {
  font-size: 12px;
}

.material-risk-alert span {
  color: inherit;
  line-height: 1.45;
}

.material-risk-low {
  color: #166534;
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
}

.material-risk-medium {
  color: #92400e;
  background: #fffbeb;
  border: 1px solid #fde68a;
}

.material-risk-high {
  color: #991b1b;
  background: #fef2f2;
  border: 1px solid #fecaca;
}

.material-card-v4 {
  grid-template-columns: 136px minmax(0, 1fr);
  gap: 12px;
  min-height: 0;
  padding: 12px;
  border-radius: 10px;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
}

.material-card-v4 .material-thumb {
  min-height: 176px;
  border-radius: 8px;
}

.material-card-metadata-rail {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}

.material-card-metadata-rail span {
  display: inline-flex;
  min-width: 0;
  min-height: 22px;
  align-items: center;
  gap: 4px;
  padding: 0 6px;
  color: #475569;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 10.5px;
  font-weight: 780;
  line-height: 1;
}

.material-card-metadata-rail b {
  flex: 0 0 auto;
  color: #64748b;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
}

.material-card-metadata-rail em {
  min-width: 0;
  overflow: hidden;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.material-card-v4 .material-card-body {
  gap: 7px;
}

.material-card-v4-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.material-card-v4-head .material-author-line {
  min-width: 0;
}

.material-card-v4-title {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: #0f172a;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.material-card-v4-title a {
  color: inherit;
  text-decoration: none;
}

.material-card-v4-title a:hover {
  color: #1d4ed8;
}

.material-card-v4-decision {
  display: grid;
  grid-template-columns: minmax(92px, 0.8fr) minmax(120px, 1fr) minmax(82px, 0.7fr);
  gap: 6px;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid #dbe3ef;
  border-left-width: 4px;
  border-radius: 8px;
  background: #f8fafc;
}

.material-card-v4-decision strong,
.material-card-v4-decision span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.material-card-v4-decision strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
}

.material-card-v4-decision span {
  color: #475569;
  font-size: 12px;
  font-weight: 800;
}

.material-card-v4-decision-healthy,
.material-card-v4-decision-success {
  border-left-color: #16a34a;
  background: #f0fdf4;
}

.material-card-v4-decision-warning,
.material-card-v4-decision-pending {
  border-left-color: #f59e0b;
  background: #fffbeb;
}

.material-card-v4-decision-failed,
.material-card-v4-decision-danger {
  border-left-color: #dc2626;
  background: #fef2f2;
}

.material-readiness-gate {
  display: grid;
  grid-template-columns: minmax(78px, 0.5fr) minmax(112px, 0.7fr) minmax(0, 1.8fr);
  gap: 6px;
  align-items: center;
  padding: 7px 10px;
  border: 1px solid #dbe3ef;
  border-left-width: 4px;
  border-radius: 8px;
  background: #f8fafc;
}

.material-readiness-gate strong,
.material-readiness-gate span,
.material-readiness-gate em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.material-readiness-gate strong {
  color: #0f172a;
  font-size: 12px;
  font-style: normal;
  font-weight: 950;
}

.material-readiness-gate span {
  color: #334155;
  font-size: 12px;
  font-weight: 900;
}

.material-readiness-gate em {
  color: #64748b;
  font-size: 11.5px;
  font-style: normal;
  font-weight: 780;
}

.material-readiness-gate-ready {
  border-left-color: #16a34a;
  background: #f0fdf4;
}

.material-readiness-gate-review {
  border-left-color: #f59e0b;
  background: #fffbeb;
}

.material-readiness-gate-blocked {
  border-left-color: #dc2626;
  background: #fef2f2;
}

.material-publishing-decision {
  display: grid;
  gap: 7px;
  padding: 9px 10px;
  border: 1px solid #dbe3ef;
  border-left-width: 4px;
  border-radius: 8px;
  background: #f8fafc;
}

.material-publishing-decision-ready {
  border-left-color: #16a34a;
  background: #f0fdf4;
}

.material-publishing-decision-review {
  border-left-color: #f59e0b;
  background: #fffbeb;
}

.material-publishing-decision-blocked {
  border-left-color: #dc2626;
  background: #fef2f2;
}

.material-publishing-decision-head,
.material-publishing-decision-rows {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

.material-publishing-decision-head strong {
  color: #0f172a;
  font-size: 12px;
  font-weight: 950;
}

.material-internal-gate-badge {
  width: fit-content;
  padding: 2px 7px;
  color: #64748b;
  font-size: 10.5px;
  font-weight: 850;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 999px;
}

.material-publishing-decision-rows {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.material-publishing-decision-rows span,
.material-publishing-decision em,
.material-publishing-decision b {
  color: #334155;
  font-size: 11.5px;
  font-style: normal;
  font-weight: 820;
  line-height: 1.35;
}

.material-publishing-decision b {
  color: #0f172a;
  font-weight: 950;
}

.material-work-order {
  display: grid;
  gap: 9px;
  padding: 10px;
  border: 1px solid #dbe3ef;
  border-left: 4px solid #94a3b8;
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.material-work-order-working {
  border-left-color: #2563eb;
  background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
}

.material-work-order-ready,
.material-work-order-done {
  border-left-color: #16a34a;
  background: linear-gradient(180deg, #ffffff 0%, #f0fdf4 100%);
}

.material-work-order-coo {
  border-left-color: #f59e0b;
  background: linear-gradient(180deg, #ffffff 0%, #fffbeb 100%);
}

.material-work-order-ceo {
  border-left-color: #dc2626;
  background: linear-gradient(180deg, #ffffff 0%, #fef2f2 100%);
}

.material-work-order-publishing {
  border-left-color: #0f766e;
  background: linear-gradient(180deg, #ffffff 0%, #f0fdfa 100%);
}

.material-work-order-topline,
.material-work-completed,
.material-work-flow,
.material-work-insight,
.material-work-meta {
  display: flex;
  min-width: 0;
  gap: 8px;
}

.material-work-order-topline {
  align-items: center;
  justify-content: space-between;
}

.material-work-status {
  min-width: 0;
  overflow: hidden;
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.material-work-owner {
  flex: 0 0 auto;
  max-width: 48%;
  overflow: hidden;
  padding: 3px 8px;
  color: #475569;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.material-work-completed {
  flex-wrap: wrap;
}

.material-work-completed span {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 7px;
  color: #166534;
  background: rgba(240, 253, 244, 0.82);
  border: 1px solid rgba(187, 247, 208, 0.8);
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 880;
  line-height: 1;
  white-space: nowrap;
}

.material-work-flow,
.material-work-insight {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.material-work-flow div,
.material-work-insight div {
  min-width: 0;
}

.material-work-flow span,
.material-work-insight span {
  display: block;
  margin-bottom: 2px;
  color: #64748b;
  font-size: 10.5px;
  font-weight: 820;
}

.material-work-flow strong,
.material-work-insight strong {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: #0f172a;
  font-size: 12px;
  font-weight: 920;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.material-work-value-high strong {
  color: #9a3412;
}

.material-work-value-medium strong {
  color: #166534;
}

.material-work-value-low strong {
  color: #475569;
}

.material-work-meta {
  flex-wrap: wrap;
  align-items: center;
}

.material-work-meta span {
  padding: 3px 7px;
  color: #64748b;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 820;
  line-height: 1;
}

.material-card-v4-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

.material-card-v4-metrics div {
  min-width: 0;
  padding: 7px 8px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
}

.material-card-v4-metrics span {
  display: block;
  color: #64748b;
  font-size: 10.5px;
  font-weight: 850;
  line-height: 1;
}

.material-card-v4-metrics strong {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  color: #0f172a;
  font-size: 12px;
  font-weight: 930;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.material-rank-metric {
  background: #f8fafc;
}

.material-rank-metric-high {
  border-color: #86efac !important;
  background: #f0fdf4 !important;
}

.material-rank-metric-ready {
  border-color: #bfdbfe !important;
  background: #eff6ff !important;
}

.material-rank-metric-watch {
  border-color: #fde68a !important;
  background: #fffbeb !important;
}

.material-rank-metric-low {
  border-color: #e2e8f0 !important;
  background: #f8fafc !important;
}

.material-card-v4-reason {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  min-width: 0;
  color: #475569;
  font-size: 12px;
  font-weight: 780;
}

.material-card-v4-reason span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.material-card-v4-reason strong {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 7px;
  color: #92400e;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.material-card-v4 .material-operation-state-row,
.material-card-v4 .material-targeting-line,
.material-card-v4 .material-badges,
.material-card-v4 .material-ai-score-row,
.material-card-v4 .material-recommendation-compact {
  display: none;
}

.material-card-v4 .material-meta-line {
  display: none;
}

.material-card-v4 .material-caption-preview,
.material-card-v4 .material-caption-content-preview {
  padding: 7px 9px;
  border-radius: 8px;
  box-shadow: inset 3px 0 0 #93c5fd;
}

.material-card-v4 .material-caption-preview span,
.material-card-v4 .material-caption-content-preview span {
  display: block;
  margin-bottom: 3px;
  font-size: 10.5px;
  font-weight: 800;
  color: #64748b;
  text-transform: uppercase;
}

.material-card-v4 .material-caption-preview p,
.material-card-v4 .material-caption-content-preview p {
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  color: #334155;
}

.material-card-v4 .material-caption-content-preview small {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
}

.material-card-v4 .material-caption-preview em {
  display: none;
}

.material-card-v4 .material-risk-alert {
  padding: 7px 9px;
  border-radius: 8px;
}

.material-card-v4 .material-card-actions {
  display: flex;
  align-items: center;
  gap: 7px;
  padding-top: 2px;
  border-top: 1px solid #eef2f7;
}

.material-card-v4 .material-card-actions form {
  flex: 0 1 auto;
}

.material-card-v4 .material-card-actions button,
.material-card-v4 .material-card-actions .primary-link {
  min-height: 32px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 880;
}

.material-card-v4 .primary-action-hint {
  flex: 1 1 160px;
  font-size: 11px;
}

.material-card-v4 .material-more-actions {
  flex: 0 0 auto;
  margin-left: auto;
}

.material-card-v4 .material-more-actions summary {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  padding: 0 9px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #f8fafc;
  font-size: 12px;
  white-space: nowrap;
}

.material-card-v4 .material-more-action-grid {
  justify-content: flex-end;
}

.risk-score-low {
  color: #166534 !important;
}

.risk-score-medium {
  color: #b45309 !important;
}

.risk-score-high {
  color: #dc2626 !important;
}

.risk-score-unknown {
  color: #64748b !important;
}

.material-preview-modal[hidden] {
  display: none;
}

.material-preview-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 24px;
}

.material-preview-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.62);
  backdrop-filter: blur(4px);
}

.material-preview-dialog {
  position: relative;
  z-index: 1;
  width: min(520px, 92vw);
  max-height: 88vh;
  padding: 16px;
  overflow: auto;
  background: #ffffff;
  border: 1px solid rgba(203, 213, 225, 0.92);
  border-radius: 18px;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.3);
}

.material-preview-dialog header {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.watermark-check-dialog {
  width: min(600px, 92vw);
}

.watermark-check-copy {
  display: grid;
  gap: 10px;
}

.watermark-check-copy p,
.watermark-check-copy ul {
  margin: 0;
}

.watermark-check-copy ul {
  padding-left: 22px;
}

.watermark-dialog-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 16px;
}

.watermark-dialog-actions form {
  margin: 0;
}

.material-preview-dialog h2 {
  min-width: 0;
  margin: 0;
  color: #0f172a;
  font-size: 16px;
  font-weight: 840;
}

.material-preview-close {
  min-height: 32px;
  padding: 0 12px;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  font: inherit;
  font-size: 12px;
  font-weight: 780;
  cursor: pointer;
}

.material-preview-dialog video,
.material-preview-dialog img {
  display: block;
  width: min(360px, 100%);
  max-height: 72vh;
  margin: 0 auto;
  background: #020617;
  border-radius: 14px;
}

.material-preview-dialog img {
  object-fit: contain;
}

.material-preview-dialog p {
  margin: 0;
  padding: 24px;
  color: #64748b;
  text-align: center;
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
  border-radius: 12px;
}

.material-pagination {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
  padding: 12px 14px;
  color: #64748b;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  font-size: 13px;
  font-weight: 760;
}

.material-pagination div {
  display: flex;
  gap: 8px;
}

.material-pagination a,
.material-pagination div span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 10px;
  border-radius: 999px;
  text-decoration: none;
}

.material-pagination a {
  color: #1d4ed8;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
}

.material-pagination div span {
  color: #94a3b8;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}

.material-pool-decision {
  border-color: #fed7aa;
  box-shadow: inset 4px 0 0 #f97316;
}

.material-pool-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.material-pool-actions form {
  margin: 0;
}

.material-pool-actions button {
  min-height: 34px;
  padding: 0 12px;
  color: #ffffff;
  background: #0f172a;
  border: 1px solid #0f172a;
  border-radius: 8px;
  font: inherit;
  font-size: 12px;
  font-weight: 780;
  cursor: pointer;
}

.material-pool-actions button:disabled {
  color: #64748b;
  background: #e2e8f0;
  border-color: #cbd5e1;
  cursor: not-allowed;
}

.audit-table {
  overflow-x: auto;
}

.audit-table table {
  min-width: 980px;
}

.audit-table td:nth-child(4) span {
  display: block;
}

.draft-hero,
.draft-detail-hero {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 18px;
  padding: 22px;
  color: #ffffff;
  background: linear-gradient(135deg, #111827, #1e3a8a 55%, #0f766e);
  border-radius: 16px;
  box-shadow: var(--shadow-soft);
}

.draft-hero h1,
.draft-detail-hero h1 {
  margin-top: 10px;
  font-size: 30px;
  font-weight: 840;
}

.draft-hero p,
.draft-detail-hero p {
  margin: 8px 0 0;
  color: #dbeafe;
}

.draft-context-card {
  display: grid;
  align-content: center;
  min-width: 240px;
  padding: 16px;
  color: #0f172a;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 14px;
}

.draft-context-card span,
.draft-context-card small {
  color: #64748b;
  font-size: 12px;
  font-weight: 760;
}

.draft-context-card strong {
  margin-top: 5px;
  font-size: 20px;
}

.draft-entry-grid,
.draft-list-grid,
.draft-detail-grid {
  display: grid;
  gap: 16px;
}

.draft-entry-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.draft-list-grid {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.draft-detail-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.draft-entry-card,
.draft-card {
  display: grid;
  gap: 10px;
  min-height: 180px;
  padding: 18px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: var(--shadow-soft);
  text-decoration: none;
}

.draft-entry-card strong {
  font-size: 42px;
  line-height: 1;
}

.draft-entry-card h2,
.draft-entry-card p,
.draft-card h2,
.draft-card p {
  margin: 0;
}

.draft-entry-card p,
.draft-card p,
.draft-caption {
  color: var(--muted);
}

.draft-card-top {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.draft-caption {
  display: -webkit-box;
  min-height: 42px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.draft-meta {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 6px 10px;
  margin: 0;
}

.draft-meta dt {
  color: #64748b;
  font-size: 12px;
  font-weight: 760;
}

.draft-meta dd {
  min-width: 0;
  margin: 0;
}

.draft-ops-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 16px;
  align-items: stretch;
  padding: 22px;
  background: #0f172a;
  color: #ffffff;
  border-radius: 12px;
  box-shadow: var(--shadow-soft);
}

.draft-ops-hero h1,
.draft-ops-hero p {
  margin: 0;
}

.draft-ops-hero h1 {
  margin-top: 8px;
  font-size: 28px;
  line-height: 1.1;
}

.draft-ops-hero p {
  margin-top: 8px;
  color: #dbeafe;
}

.draft-ops-total {
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 16px;
  color: #0f172a;
  background: #ffffff;
  border-radius: 10px;
}

.draft-ops-total span,
.draft-ops-total small {
  color: #64748b;
  font-size: 12px;
  font-weight: 760;
}

.draft-ops-total strong {
  font-size: 34px;
  line-height: 1;
}

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

.draft-account-tile {
  display: grid;
  gap: 5px;
  min-height: 112px;
  padding: 14px;
  background: #ffffff;
  border: 1px solid var(--border);
  border-left-width: 5px;
  border-radius: 8px;
  text-decoration: none;
  box-shadow: var(--shadow-soft);
}

.draft-account-tile span,
.draft-account-tile small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.draft-account-tile span {
  font-weight: 820;
}

.draft-account-tile strong {
  font-size: 28px;
  line-height: 1;
}

.draft-account-tile small {
  color: var(--muted);
}

.draft-health-green {
  border-color: #16a34a;
}

.draft-health-yellow {
  border-color: #d97706;
}

.draft-health-red {
  border-color: #dc2626;
}

.draft-ops-note {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 12px 14px;
  color: #0f172a;
  background: #f8fafc;
  border: 1px solid var(--border);
  border-radius: 8px;
}

.draft-ops-note span {
  color: var(--muted);
}

.draft-account-section {
  display: grid;
  gap: 14px;
}

.draft-account-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border);
}

.draft-account-header h2,
.draft-account-header p {
  margin: 0;
}

.draft-account-header p {
  margin-top: 3px;
  color: var(--muted);
}

.draft-health-pill {
  flex: 0 0 auto;
  padding: 6px 10px;
  background: #ffffff;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 820;
}

.draft-health-pill.draft-health-green {
  color: #15803d;
}

.draft-health-pill.draft-health-yellow {
  color: #b45309;
}

.draft-health-pill.draft-health-red {
  color: #b91c1c;
}

.draft-ops-list {
  display: grid;
  gap: 12px;
}

.draft-ops-card {
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr);
  gap: 14px;
  min-height: 188px;
  padding: 12px;
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: 8px;
  box-shadow: var(--shadow-soft);
}

.draft-ops-thumb {
  display: grid;
  place-items: center;
  aspect-ratio: 9 / 16;
  min-height: 164px;
  max-height: 210px;
  overflow: hidden;
  color: #64748b;
  background: #e5e7eb;
  border-radius: 8px;
  text-decoration: none;
}

.draft-ops-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.draft-ops-main {
  display: grid;
  gap: 9px;
  min-width: 0;
}

.draft-ops-title-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.draft-ops-title-row h3,
.draft-ops-title-row p,
.draft-ops-caption {
  margin: 0;
}

.draft-ops-title-row h3 {
  display: -webkit-box;
  overflow: hidden;
  color: #0f172a;
  font-size: 16px;
  line-height: 1.25;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.draft-ops-title-row p {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
}

.draft-ops-caption {
  display: -webkit-box;
  overflow: hidden;
  color: #111827;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.draft-ops-metrics,
.draft-ops-recommendation,
.draft-ops-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.draft-context-line {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: #475569;
  font-size: 12px;
  font-weight: 760;
}

.draft-context-line span {
  padding: 4px 8px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
}

.draft-ops-caption-block {
  display: grid;
  gap: 5px;
  padding: 10px;
  background: #fffdf7;
  border: 1px solid #fde68a;
  border-radius: 8px;
}

.draft-ops-caption-block .drawer-section-head span,
.draft-ops-caption-block > span {
  color: #92400e;
  font-size: 12px;
  font-weight: 860;
}

.draft-ops-metrics span,
.draft-ops-recommendation span {
  padding: 4px 8px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  color: #334155;
  font-size: 12px;
  font-weight: 760;
}

.draft-next-step {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  padding: 9px 10px;
  color: #0f172a;
  background: #eef6ff;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  font-size: 12px;
}

.draft-next-step strong {
  flex: 0 0 auto;
  color: #1d4ed8;
}

.draft-ops-actions form {
  margin: 0;
}

.draft-ops-actions .button-secondary,
.draft-ops-actions button {
  min-height: 34px;
  padding: 7px 10px;
  font-size: 12px;
}

.draft-ops-actions-primary {
  align-items: flex-start;
}

.draft-ops-actions-primary > a,
.draft-ops-actions-primary > form button {
  color: #ffffff;
  background: var(--primary);
  border-color: var(--primary);
}

.draft-more-actions {
  min-width: 160px;
}

.draft-more-actions summary {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 7px 10px;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 820;
  list-style: none;
}

.draft-more-actions summary::-webkit-details-marker {
  display: none;
}

.draft-more-actions div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.draft-dev-details {
  padding-top: 4px;
}

.draft-dev-details summary {
  color: var(--muted);
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
}

.publish-center-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
  gap: 16px;
  align-items: stretch;
  padding: 22px;
  color: #ffffff;
  background: #111827;
  border-radius: 12px;
  box-shadow: var(--shadow-soft);
}

.publish-center-hero h1,
.publish-center-hero p {
  margin: 0;
}

.publish-center-hero h1 {
  margin-top: 8px;
  font-size: 28px;
  line-height: 1.1;
}

.publish-center-hero p {
  margin-top: 8px;
  color: #dbeafe;
}

.publish-center-safety {
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 16px;
  color: #7f1d1d;
  background: #fff1f2;
  border: 1px solid #fecdd3;
  border-radius: 10px;
}

.publish-center-safety span,
.publish-center-safety small {
  color: #9f1239;
  font-size: 12px;
  font-weight: 760;
}

.publish-center-safety strong {
  font-size: 30px;
  line-height: 1;
}

.publish-center-actions {
  display: grid;
  gap: 10px;
}

.publish-task-entry {
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  color: #0f172a;
  text-decoration: none;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 10px;
}

.publish-task-entry:hover {
  border-color: #2563eb;
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.18);
  transform: translateY(-1px);
}

.publish-task-entry span,
.publish-task-entry small {
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 760;
}

.publish-task-entry strong {
  color: #0f172a;
  font-size: 18px;
  line-height: 1.15;
}

.publish-task-entry.is-secondary {
  background: #f8fafc;
  border-color: #dbe4f0;
}

.publish-task-entry.is-secondary span,
.publish-task-entry.is-secondary small {
  color: #475569;
}

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

.publish-status-card {
  display: grid;
  gap: 4px;
  padding: 12px;
  background: #ffffff;
  border: 1px solid var(--border);
  border-left-width: 5px;
  border-radius: 8px;
  box-shadow: var(--shadow-soft);
}

.publish-status-card span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 820;
}

.publish-status-card strong {
  font-size: 28px;
  line-height: 1;
}

.publish-status-预检失败 {
  border-color: #dc2626;
}

.publish-status-等待确认,
.publish-status-可发布,
.publish-status-已发布 {
  border-color: #16a34a;
}

.publish-status-待预检 {
  border-color: #d97706;
}

.publish-ops-note {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 12px 14px;
  background: #f8fafc;
  border: 1px solid var(--border);
  border-radius: 8px;
}

.publish-ops-note span {
  color: var(--muted);
}

.publish-card-list {
  display: grid;
  gap: 12px;
}

.publish-card-list > h2 {
  margin: 0;
}

.publish-card {
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr);
  gap: 14px;
  padding: 12px;
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: 8px;
  box-shadow: var(--shadow-soft);
}

.publish-thumb {
  display: grid;
  place-items: center;
  aspect-ratio: 9 / 16;
  min-height: 164px;
  max-height: 210px;
  overflow: hidden;
  color: #64748b;
  background: #e5e7eb;
  border-radius: 8px;
  text-decoration: none;
}

.publish-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.publish-card-main {
  display: grid;
  gap: 9px;
  min-width: 0;
}

.publish-card-header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.publish-card-header h2,
.publish-card-header p,
.publish-caption {
  margin: 0;
}

.publish-card-header h2 {
  display: -webkit-box;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.25;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.publish-card-header p {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
}

.publish-caption {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 8px;
  white-space: pre-line;
  color: #111827;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.publish-final-caption {
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #dbeafe;
  border-radius: 8px;
}

.publish-task-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 16px;
  align-items: stretch;
  padding: 20px;
  background: #0f172a;
  border-radius: 10px;
  box-shadow: var(--shadow-soft);
  color: #ffffff;
}

.publish-task-hero h1,
.publish-task-hero p {
  margin: 0;
}

.publish-task-hero h1 {
  margin-top: 8px;
  font-size: 28px;
  line-height: 1.12;
}

.publish-task-hero p {
  margin-top: 8px;
  color: #dbeafe;
}

.publish-task-summary {
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 14px;
  color: #064e3b;
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  border-radius: 8px;
}

.publish-task-summary span,
.publish-task-summary small {
  color: #047857;
  font-size: 12px;
  font-weight: 780;
}

.publish-task-summary strong {
  font-size: 24px;
}

.publish-task-toolbar,
.publish-task-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.filter-group {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 6px;
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: 8px;
}

.filter-group a {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  padding: 7px 10px;
  color: #475569;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 780;
  text-decoration: none;
}

.filter-group a.is-active {
  color: #1d4ed8;
  background: #eff6ff;
}

.filter-group a strong {
  color: inherit;
  font-size: 12px;
  line-height: 1;
}

.publish-task-stats div {
  display: grid;
  gap: 4px;
  min-width: 120px;
  padding: 10px 12px;
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: 8px;
}

.publish-task-stats span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 780;
}

.publish-task-stats strong {
  font-size: 24px;
  line-height: 1;
}

.publish-task-table {
  display: grid;
  gap: 8px;
}

.publish-task-row {
  display: grid;
  grid-template-columns: 150px minmax(300px, 1fr) 180px minmax(220px, 1fr) 190px;
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: 8px;
}

.publish-task-head {
  position: sticky;
  top: 0;
  z-index: 2;
  color: #64748b;
  background: #f8fafc;
  font-size: 12px;
  font-weight: 840;
  box-shadow: none;
}

.publish-task-item {
  box-shadow: var(--shadow-soft);
}

.publish-task-item.is-highlighted {
  border-color: #93c5fd;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12), var(--shadow-soft);
}

.task-status-badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 840;
}

.task-status-code {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 840;
  letter-spacing: 0;
}

.task-status-waiting {
  color: #1d4ed8;
  background: #dbeafe;
}

.task-status-running,
.task-status-submitted {
  color: #6d28d9;
  background: #ede9fe;
}

.task-status-warning {
  color: #92400e;
  background: #fef3c7;
}

.task-status-success {
  color: #047857;
  background: #dcfce7;
}

.task-status-published {
  color: #065f46;
  background: #bbf7d0;
}

.task-status-failed {
  color: #b91c1c;
  background: #fee2e2;
}

.task-status-cancelled {
  color: #64748b;
  background: #f1f5f9;
}

.task-account-time,
.task-attempt,
.task-facebook,
.task-failure {
  display: grid;
  gap: 4px;
  min-width: 0;
  font-size: 13px;
}

.task-account-time span,
.task-account-time small,
.task-attempt span,
.task-facebook span,
.task-failure {
  color: var(--muted);
}

.task-material {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-width: 0;
}

.task-thumb {
  display: grid;
  place-items: center;
  width: 68px;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  color: #64748b;
  background: #020617;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 0;
  font-size: 12px;
  font-weight: 850;
  text-align: center;
  cursor: zoom-in;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.16);
}

.task-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #020617;
}

.task-material strong,
.task-material p {
  margin: 0;
}

.task-material strong,
.task-material p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.task-material strong {
  line-height: 1.3;
  -webkit-line-clamp: 1;
}

.task-material p {
  margin-top: 4px;
  color: #475569;
  line-height: 1.35;
  white-space: pre-line;
  -webkit-line-clamp: 2;
}

.task-material-link {
  display: inline-flex;
  margin-top: 6px;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 850;
  text-decoration: none;
}

.task-material-link:hover {
  text-decoration: underline;
}

.task-dev-info {
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
}

.task-dev-info summary {
  cursor: pointer;
  font-weight: 780;
}

.task-dev-info dl {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 4px 8px;
  margin: 6px 0 0;
}

.task-dev-info dt,
.task-dev-info dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.task-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.task-dev-panel {
  flex-basis: 100%;
  width: 100%;
}

.task-current-eligibility {
  display: block;
  margin-top: 4px;
  color: #166534;
  font-weight: 700;
}

.task-failure b,
.task-next-state b {
  color: #334155;
}

.task-next-state {
  display: block;
  padding-top: 3px;
  color: #1e40af;
  font-weight: 700;
}

.task-actions form {
  margin: 0;
}

.timeout-resolution-form {
  display: grid;
  gap: 6px;
  flex: 1 1 220px;
  min-width: min(220px, 100%);
}

.timeout-resolution-form label,
.task-action-evidence {
  display: grid;
  gap: 4px;
  flex-basis: 100%;
  width: 100%;
  color: #475569;
  font-size: 12px;
  line-height: 1.4;
}

.timeout-resolution-form input[type="text"] {
  width: 100%;
  min-width: 0;
}

.timeout-resolution-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 10px 0 4px;
  border: 0;
  border-top: 1px solid #dbe3ec;
}

.timeout-resolution-fields legend {
  padding: 0 8px 0 0;
  color: #0f172a;
  font-size: 13px;
  font-weight: 800;
}

.timeout-resolution-fields > p,
.timeout-resolution-note,
.timeout-resolution-absence .field-label,
.timeout-resolution-checks {
  grid-column: 1 / -1;
}

.timeout-resolution-fields input,
.timeout-resolution-fields select,
.timeout-resolution-fields textarea {
  width: 100%;
  min-width: 0;
}

.timeout-resolution-fields textarea {
  resize: vertical;
}

.timeout-resolution-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
}

.timeout-resolution-checks label {
  display: inline-flex;
  flex: 0 1 auto;
  grid-template-columns: none;
  align-items: center;
  width: auto;
}

.timeout-resolution-checks input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin: 0;
}

.task-action-evidence {
  color: #166534;
  font-weight: 700;
}

.publish-task-progress {
  display: grid;
  gap: 10px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e2e8f0;
}

.publish-task-progress .calendar-submit-steps {
  margin: 0;
}

.task-actions .button-primary,
.task-actions .button-secondary,
.task-actions button,
.task-actions a {
  min-height: 32px;
  padding: 6px 9px;
  font-size: 12px;
}

.publish-task-pagination {
  margin-top: 8px;
}

@media (max-width: 1320px) {
  .publish-task-row {
    grid-template-columns: 120px minmax(240px, 1fr) 150px minmax(200px, 1fr);
  }

  .publish-task-row > :last-child {
    grid-column: 1 / -1;
  }

  .task-material {
    grid-template-columns: 64px minmax(0, 1fr);
  }

  .task-thumb {
    width: 64px;
  }
}

@media (max-width: 900px) {
  .publish-task-hero {
    grid-template-columns: minmax(0, 1fr);
    padding: 16px;
  }

  .publish-task-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .publish-task-summary small {
    grid-column: 1 / -1;
  }

  .publish-task-head {
    display: none;
  }

  .publish-task-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
  }

  .publish-task-row > *,
  .task-material,
  .task-account-time,
  .task-failure,
  .task-actions {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .publish-task-row .task-material,
  .publish-task-row .task-actions {
    grid-column: 1 / -1;
  }

  .publish-task-stats div {
    flex: 1 1 120px;
    min-width: 0;
  }

  .task-actions form,
  .task-actions button,
  .task-actions a {
    max-width: 100%;
  }

  .timeout-resolution-form {
    flex-basis: 100%;
  }

  .timeout-resolution-fields {
    grid-template-columns: minmax(0, 1fr);
  }

  .timeout-resolution-fields > * {
    grid-column: 1;
  }
}

@media (max-width: 480px) {
  .publish-task-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .publish-task-row > *,
  .publish-task-row .task-material,
  .publish-task-row .task-actions {
    grid-column: 1;
  }

  .publish-task-toolbar .filter-group {
    width: 100%;
  }

  .publish-task-summary,
  .system-health-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.publish-preview-dialog {
  width: min(92vw, 520px);
  border: 0;
  border-radius: 10px;
  padding: 0;
  background: transparent;
}

.publish-preview-dialog::backdrop {
  background: rgba(15, 23, 42, 0.68);
}

.publish-preview-shell {
  display: grid;
  gap: 12px;
  border: 1px solid #1e293b;
  border-radius: 10px;
  padding: 14px;
  background: #ffffff;
  box-shadow: 0 24px 80px rgba(15, 23, 42, 0.32);
}

.publish-preview-close {
  justify-self: end;
  width: 34px;
  height: 34px;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  color: #334155;
  background: #ffffff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.publish-preview-media {
  display: grid;
  place-items: center;
  width: min(74vw, 360px);
  aspect-ratio: 9 / 16;
  justify-self: center;
  overflow: hidden;
  border-radius: 10px;
  background: #020617;
}

.publish-preview-media img,
.publish-preview-media video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #020617;
}

.publish-preview-copy {
  display: grid;
  gap: 8px;
}

.publish-preview-copy strong {
  color: #0f172a;
  font-size: 16px;
  font-weight: 950;
  line-height: 1.3;
}

.publish-preview-copy p {
  margin: 0;
  color: #475569;
  font-size: 13px;
  line-height: 1.45;
}

.publish-final-caption .drawer-section-head span {
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 860;
}

.publish-checks,
.publish-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.publish-check {
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 780;
}

.publish-check.is-ok {
  color: #166534;
  background: #dcfce7;
}

.publish-check.is-bad {
  color: #9f1239;
  background: #ffe4e6;
}

.publish-next-action {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  color: #0f172a;
}

.publish-next-action span {
  color: var(--muted);
}

.publish-actions form {
  margin: 0;
}

.publish-actions .button-secondary,
.publish-actions .button-danger,
.publish-actions button {
  min-height: 34px;
  padding: 7px 10px;
  font-size: 12px;
}

.publish-dev-details,
.publish-dev-summary {
  padding-top: 4px;
}

.publish-dev-details summary,
.publish-dev-summary summary {
  color: var(--muted);
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
}

.draft-editor-card form {
  display: grid;
  gap: 10px;
}

.draft-editor-card label {
  color: #475569;
  font-size: 12px;
  font-weight: 760;
}

.draft-editor-card input,
.draft-editor-card select,
.draft-editor-card textarea {
  width: 100%;
  padding: 9px 10px;
  color: var(--text);
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: 8px;
  font: inherit;
}

.draft-editor-card button,
.draft-detail-grid form button {
  min-height: 34px;
  padding: 0 12px;
  color: #ffffff;
  background: #2563eb;
  border: 1px solid #1d4ed8;
  border-radius: 8px;
  font: inherit;
  font-size: 12px;
  font-weight: 780;
  cursor: pointer;
}

.draft-detail-grid form button:disabled {
  color: #64748b;
  background: #e2e8f0;
  border-color: #cbd5e1;
  cursor: not-allowed;
}

.draft-detail-grid article form + form,
.draft-detail-grid article form + .empty-state {
  margin-top: 10px;
}

.badge-import-url,
.badge-approve-material,
.badge-mark-ready,
.badge-create-manual-schedule,
.badge-create-publish-dry-run-job,
.badge-run-publish-dry-run-job,
.badge-move-material-pool {
  background: #eff6ff;
  color: #1d4ed8;
}

.badge-pool-moved,
.badge-scheduled,
.badge-queued,
.badge-dry-run-success,
.badge-imported,
.badge-ready-for-schedule,
.badge-updated,
.badge-already-ready {
  background: var(--success-bg);
  color: var(--success-text);
}

.material-recommendation {
  display: grid;
  gap: 4px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}

.material-recommendation strong {
  color: #0f172a;
}

.material-recommendation span,
.notice-text {
  color: #475569;
  font-size: 12px;
}

.material-detail-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px;
  color: #0f172a;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid var(--border);
  border-radius: 18px;
  box-shadow: var(--shadow-soft);
}

.material-detail-hero h1 {
  margin: 0;
  font-size: 25px;
  font-weight: 840;
}

.material-detail-hero p {
  margin: 6px 0 0;
  color: #475569;
}

.material-title-row,
.material-hero-actions,
.material-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.material-source-link {
  max-width: min(78vw, 980px);
  color: #2563eb !important;
  font-size: 13px;
  font-weight: 720;
}

.material-hero-meta {
  color: #475569;
  font-size: 13px;
  font-weight: 720;
}

.material-hero-actions {
  justify-content: flex-end;
  min-width: 180px;
}

.material-detail-layout {
  display: grid;
  grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.1fr);
  gap: 16px;
}

.material-preview-panel {
  display: grid;
  gap: 14px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: var(--shadow-soft);
}

.material-detail-first-screen {
  display: grid;
  grid-template-columns: minmax(260px, 300px) minmax(0, 1fr) minmax(280px, 320px);
  gap: 16px;
  align-items: start;
  width: 100%;
  max-width: 100%;
}

.material-v4-left-column,
.material-v4-center-column,
.material-v4-right-column {
  display: grid;
  gap: 12px;
  align-content: start;
  align-items: start;
  margin: 0;
  min-width: 0;
  max-width: 100%;
}

.material-v4-left-column {
  width: min(100%, 300px);
}

.material-v4-center-column {
  width: 100%;
}

.material-v4-right-column {
  width: min(100%, 320px);
  justify-self: stretch;
}

.material-v4-left-column > *,
.material-v4-center-column > *,
.material-v4-right-column > * {
  margin-top: 0;
}

.material-v4-left-column > :first-child,
.material-v4-center-column > :first-child,
.material-v4-right-column > :first-child {
  align-self: start;
}

.material-video-panel,
.material-media-info-panel,
.material-summary-panel,
.material-status-panel,
.material-section {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--border);
  border-radius: 18px;
  box-shadow: var(--shadow-soft);
}

.material-video-panel {
  display: grid;
  gap: 12px;
  align-content: start;
  padding: 16px;
  overflow: hidden;
}

.material-video-panel h2 {
  margin: 0;
  font-size: 18px;
}

.material-watermark-alert {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 16px;
  color: #92400e;
  background: #fffbeb;
  border: 1px solid #f59e0b;
  border-radius: 12px;
  box-shadow: 0 12px 24px rgba(146, 64, 14, 0.12);
}

.material-watermark-alert strong,
.material-video-warning {
  font-weight: 950;
}

.material-watermark-alert-clean {
  color: #065f46;
  background: #ecfdf5;
  border-color: #34d399;
  box-shadow: 0 12px 24px rgba(6, 95, 70, 0.1);
}

.material-watermark-fact {
  border-radius: 8px;
  padding: 5px 8px;
  font-weight: 900;
}

.material-watermark-fact-success {
  color: #065f46;
  background: #dcfce7;
}

.material-watermark-fact-warning {
  color: #92400e;
  background: #fef3c7;
}

.material-watermark-fact-danger {
  color: #991b1b;
  background: #fee2e2;
}

.material-watermark-operator-card {
  display: grid;
  gap: 10px;
  margin-top: 10px;
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
}

.material-watermark-operator-card > div:first-child {
  display: grid;
  gap: 3px;
}

.material-watermark-operator-card span,
.material-watermark-operator-card small,
.material-watermark-operator-card p {
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
}

.material-watermark-operator-card strong {
  color: #0f172a;
  font-size: 16px;
  font-weight: 950;
}

.material-watermark-operator-card p {
  margin: 0;
}

.material-watermark-authority-list {
  display: grid;
  gap: 4px;
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
  color: #64748b;
  font-size: 12px;
}

.material-watermark-authority-list li::before {
  content: "·";
  margin-right: 6px;
}

.material-watermark-operator-card-warning {
  border-color: #f59e0b;
  background: #fffbeb;
}

.material-watermark-operator-card-success {
  border-color: #22c55e;
  background: #f0fdf4;
}

.material-watermark-operator-card-danger {
  border-color: #ef4444;
  background: #fef2f2;
}

.material-watermark-operator-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.material-watermark-operator-actions form {
  margin: 0;
}

.material-watermark-operator-actions button {
  min-height: 34px;
}

.material-video-warning {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  padding: 6px 10px;
  color: #7f1d1d;
  background: #fed7aa;
  border: 1px solid #f97316;
  border-radius: 8px;
  box-shadow: 0 8px 18px rgba(127, 29, 29, 0.16);
}

.material-video-frame {
  display: grid;
  min-height: 0;
  background: transparent;
  place-items: center;
}

.material-video-frame video,
.material-video-frame img {
  width: min(100%, 260px);
  aspect-ratio: 9 / 16;
  max-height: min(62vh, 560px);
  object-fit: cover;
  background: #020617;
  border-radius: 12px;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.16);
}

.material-video-frame video {
  height: auto;
  min-height: 0;
}

.material-video-placeholder {
  display: grid;
  gap: 8px;
  color: #cbd5e1;
  text-align: center;
}

.material-video-placeholder strong {
  color: #f8fafc;
  font-size: 44px;
  letter-spacing: 0;
}

.material-video-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  padding: 12px 14px;
  color: #475569;
  background: #f8fafc;
  border-top: 1px solid var(--border);
  border-radius: 12px;
  font-size: 12px;
  font-weight: 720;
}

.material-media-info-panel {
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 14px;
}

.material-media-info-panel h2 {
  margin: 0;
  font-size: 15px;
}

.media-info-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.media-info-list div {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 3px;
  align-items: center;
  min-height: 44px;
  padding: 8px 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 11px;
}

.media-info-list div::before {
  content: none;
}

.media-info-list span,
.media-info-list strong {
  grid-column: 1;
}

.media-info-list span {
  color: #64748b;
  font-size: 11px;
  font-weight: 780;
}

.media-info-list strong {
  color: #0f172a;
  font-size: 13px;
}

.material-frame-package-panel {
  display: grid;
  gap: 10px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--border);
  border-radius: 18px;
  box-shadow: var(--shadow-soft);
}

.material-frame-package-panel h2 {
  margin: 0;
  font-size: 15px;
}

.frame-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

.frame-strip img {
  width: 100%;
  aspect-ratio: 9 / 16;
  object-fit: cover;
  background: #0f172a;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.ai-input-summary {
  display: grid;
  gap: 3px;
  padding: 9px 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
}

.ai-input-summary span {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.ai-input-summary strong {
  color: #0f172a;
  font-size: 12px;
}

.material-frame-insight-panel {
  display: grid;
  gap: 10px;
  padding: 14px;
  min-width: 0;
  max-width: 100%;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--border);
  border-radius: 18px;
  box-shadow: var(--shadow-soft);
}

.material-frame-insight-panel h2 {
  margin: 0;
  font-size: 15px;
}

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

.frame-insight-grid div,
.frame-ocr-list div {
  min-width: 0;
  padding: 9px 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
}

.frame-insight-grid span,
.frame-ocr-list span,
.frame-detail-row span {
  display: block;
  color: #64748b;
  font-size: 11px;
  font-weight: 780;
}

.frame-insight-grid strong,
.frame-detail-row strong {
  display: block;
  min-width: 0;
  margin-top: 3px;
  color: #0f172a;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.frame-detail-list,
.frame-ocr-list {
  display: grid;
  gap: 8px;
}

.frame-detail-row {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  min-width: 0;
  padding: 8px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
}

.frame-detail-row img {
  width: 58px;
  aspect-ratio: 9 / 16;
  object-fit: cover;
  background: #0f172a;
  border-radius: 8px;
}

.frame-detail-row small {
  display: block;
  min-width: 0;
  margin-top: 3px;
  color: #64748b;
  font-size: 11px;
}

.frame-ocr-list p {
  margin: 4px 0 0;
  color: #334155;
  font-size: 12px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.material-summary-panel {
  display: grid;
  gap: 12px;
  align-content: start;
  padding: 16px;
  min-width: 0;
}

.material-summary-panel h2 {
  margin: 0;
  font-size: 16px;
}

.ai-validation-alert {
  display: grid;
  gap: 10px;
  padding: 12px 14px;
  color: #7f1d1d;
  background: #fff1f2;
  border: 1px solid #fecdd3;
  border-radius: 14px;
}

.ai-validation-alert strong {
  color: #7f1d1d;
  font-size: 14px;
}

.ai-validation-alert p,
.ai-validation-alert ul {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

.ai-validation-alert ul {
  padding-left: 18px;
}

.summary-block {
  display: grid;
  gap: 5px;
}

.operation-summary-highlight {
  padding: 12px 14px;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 14px;
}

.summary-block span,
.summary-grid span {
  color: #64748b;
  font-size: 11px;
  font-weight: 780;
}

.summary-block p {
  margin: 0;
  color: #334155;
  font-size: 13px;
  line-height: 1.58;
}

.summary-block strong,
.summary-grid strong {
  color: #0f172a;
  font-size: 13px;
}

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

.summary-grid div {
  min-width: 0;
  padding: 9px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
}

.ai-score-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.material-detail-ai-score-grid,
.material-targeting-kv-grid {
  display: grid;
  gap: 10px;
}

.material-detail-ai-score-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
}

.material-targeting-kv-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr));
}

.material-detail-ai-score-grid div,
.material-targeting-kv-grid div {
  min-width: 0;
  padding: 10px 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
}

.material-detail-ai-score-grid span,
.material-targeting-kv-grid span {
  display: block;
  color: #64748b;
  font-size: 11px;
  font-weight: 780;
}

.material-detail-ai-score-grid strong,
.material-targeting-kv-grid strong {
  display: block;
  margin-top: 4px;
  color: #0f172a;
  font-size: 14px;
  line-height: 1.35;
  white-space: normal;
  overflow-wrap: anywhere;
}

.decision-engine-v2-panel {
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  background: #eff6ff;
  padding: 12px;
}

.decision-engine-v2-panel summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  color: #0f172a;
  font-weight: 900;
}

.decision-engine-v2-panel summary strong {
  color: #1d4ed8;
  font-size: 14px;
}

.decision-v2-summary-grid,
.decision-v2-account-scores {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.decision-v2-summary-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 1fr));
}

.decision-v2-account-scores {
  grid-template-columns: repeat(auto-fit, minmax(min(130px, 100%), 1fr));
}

.decision-v2-summary-grid div,
.decision-v2-account-scores div {
  min-width: 0;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid #dbeafe;
  border-radius: 10px;
}

.decision-v2-summary-grid span,
.decision-v2-account-scores span,
.decision-v2-reasons span {
  display: block;
  color: #475569;
  font-size: 11px;
  font-weight: 850;
}

.decision-v2-summary-grid strong,
.decision-v2-account-scores strong {
  display: block;
  margin-top: 4px;
  color: #0f172a;
  font-size: 14px;
  overflow-wrap: anywhere;
}

.decision-v2-account-scores strong {
  color: #1d4ed8;
  font-size: 18px;
}

.decision-v2-account-scores small {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
}

.decision-v2-weight-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}

.decision-v2-weight-strip span {
  padding: 5px 8px;
  border-radius: 999px;
  background: #dbeafe;
  color: #1e3a8a;
  font-size: 11px;
  font-weight: 850;
}

.decision-v2-reasons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
  gap: 10px;
  margin-top: 12px;
}

.decision-v2-reasons div {
  min-width: 0;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid #dbeafe;
  border-radius: 10px;
}

.decision-v2-reasons ul {
  margin: 8px 0 0;
  padding-left: 18px;
  color: #334155;
  font-size: 13px;
  line-height: 1.55;
}

.decision-v2-flow {
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid #dbeafe;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.74);
}

.decision-v2-flow span {
  display: block;
  color: #475569;
  font-size: 11px;
  font-weight: 850;
}

.decision-v2-flow p {
  margin: 4px 0 8px;
  color: #334155;
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.decision-v2-flow p:last-child {
  margin-bottom: 0;
}

.account-affinity-shadow-panel {
  border: 1px solid var(--border-color, #d8dee8);
  border-left: 3px solid #217a57;
  background: #f8fbf9;
  padding: 16px;
}

.account-affinity-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

.account-affinity-summary > div {
  min-width: 0;
  border-bottom: 1px solid #dfe7e2;
  padding: 8px 0;
}

.account-affinity-summary span,
.account-affinity-summary strong {
  display: block;
  overflow-wrap: anywhere;
}

.account-affinity-summary span,
.account-affinity-row span,
.account-affinity-row small {
  color: var(--text-muted, #5f6b66);
  font-size: 12px;
}

.account-affinity-list {
  border-top: 1px solid #dfe7e2;
}

.account-affinity-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48px minmax(180px, 0.8fr);
  gap: 12px;
  align-items: center;
  min-height: 52px;
  border-bottom: 1px solid #dfe7e2;
}

.account-affinity-row > div,
.account-affinity-row strong,
.account-affinity-row span {
  display: block;
  min-width: 0;
}

.account-affinity-row b {
  color: #175c43;
  font-size: 18px;
}

@media (max-width: 760px) {
  .account-affinity-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .account-affinity-row {
    grid-template-columns: minmax(0, 1fr) 42px;
  }

  .account-affinity-row small {
    grid-column: 1 / -1;
    padding-bottom: 8px;
  }
}

.decision-main-account-groups {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
  gap: 10px;
  margin-top: 12px;
}

.decision-main-account-groups > div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid #dbeafe;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.78);
}

.decision-main-account-groups span {
  display: block;
  color: #475569;
  font-size: 11px;
  font-weight: 850;
}

.decision-main-account-groups p {
  margin: 6px 0 0;
  color: #334155;
  font-size: 12px;
  line-height: 1.45;
}

.decision-calibration-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.decision-calibration-summary article,
.decision-calibration-section {
  border: 1px solid #dbeafe;
  border-radius: 12px;
  background: #f8fbff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
}

.decision-calibration-summary article {
  padding: 14px;
}

.decision-calibration-summary span,
.decision-calibration-card p,
.decision-row-meta,
.decision-row-detail,
.decision-threshold-row span,
.decision-reason-list span {
  color: #475569;
  font-size: 12px;
}

.decision-calibration-summary strong {
  display: block;
  margin-top: 6px;
  color: #0f172a;
  font-size: 14px;
  overflow-wrap: anywhere;
}

.decision-calibration-section {
  margin-top: 16px;
  padding: 14px;
}

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

.decision-calibration-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
  gap: 12px;
}

.decision-calibration-card,
.decision-calibration-row,
.decision-threshold-row,
.decision-threshold-head,
.decision-reason-list div {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
}

.decision-calibration-card {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 12px;
  padding: 10px;
}

.decision-calibration-thumb,
.decision-row-thumb {
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 8px;
  background: #e2e8f0;
  color: #64748b;
  font-size: 12px;
  text-decoration: none;
  aspect-ratio: 9 / 12;
}

.decision-calibration-thumb img,
.decision-row-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.decision-calibration-body,
.decision-row-main {
  min-width: 0;
}

.decision-calibration-title,
.decision-row-title {
  color: #0f172a;
  font-weight: 900;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.decision-calibration-score {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 8px 0;
}

.decision-calibration-score strong {
  color: #1d4ed8;
  font-size: 18px;
}

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

.decision-calibration-row {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 8px;
}

.decision-row-meta,
.decision-row-detail {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}

.decision-row-meta span,
.decision-row-detail span {
  padding: 3px 6px;
  border-radius: 999px;
  background: #eff6ff;
}

.decision-row-link {
  color: #2563eb;
  font-weight: 850;
  text-decoration: none;
}

.decision-threshold-table {
  display: grid;
  gap: 6px;
}

.decision-threshold-head,
.decision-threshold-row {
  display: grid;
  grid-template-columns: 1.4fr 0.9fr 0.7fr 0.5fr 0.5fr 2fr;
  gap: 8px;
  align-items: center;
  padding: 8px 10px;
  text-decoration: none;
}

.decision-threshold-head {
  background: #eff6ff;
  color: #1e3a8a;
  font-size: 11px;
  font-weight: 900;
}

.decision-threshold-row strong {
  color: #1d4ed8;
}

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

.decision-reason-list div {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 8px;
  padding: 10px;
}

.decision-reason-list strong {
  color: #1d4ed8;
  font-size: 18px;
}

@media (max-width: 900px) {
  .decision-calibration-columns {
    grid-template-columns: 1fr;
  }

  .decision-threshold-head {
    display: none;
  }

  .decision-threshold-row {
    grid-template-columns: 1fr;
  }
}

.ai-model-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
}

.ai-model-grid div {
  min-width: 0;
}

.ai-model-grid span,
.caption-secondary-block span {
  display: block;
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.ai-model-grid strong {
  display: block;
  min-width: 0;
  margin-top: 3px;
  overflow: hidden;
  color: #0f172a;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.compact-ai-tags span {
  padding: 5px 8px;
  font-size: 11px;
}

.material-status-panel {
  display: grid;
  gap: 12px;
  align-content: start;
  padding: 16px;
  min-width: 0;
}

.material-status-header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.material-status-header h2 {
  margin: 0;
}

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

.status-matrix div {
  min-width: 0;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
}

.status-matrix span,
.compact-detail-list dt {
  display: block;
  color: #64748b;
  font-size: 11px;
  font-weight: 780;
}

.status-matrix strong {
  display: block;
  min-width: 0;
  margin-top: 5px;
  color: #0f172a;
  font-size: 13px;
}

.compact-detail-list {
  padding: 12px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 12px;
}

.compact-detail-list dd {
  min-width: 0;
}

.technical-info-details {
  overflow: hidden;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 14px;
}

.technical-info-details summary {
  padding: 12px 14px;
  color: #92400e;
  font-size: 13px;
  font-weight: 840;
  cursor: pointer;
}

.technical-info-details .compact-detail-list {
  margin: 0;
  border-width: 1px 0 0;
  border-radius: 0;
}

.status-action-group {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.status-action-group form,
.status-action-group .secondary-link {
  margin: 0;
}

.status-action-group button,
.status-action-group .secondary-link,
.copy-button {
  width: 100%;
  min-height: 36px;
  padding: 0 12px;
  color: #ffffff;
  background: #0f172a;
  border: 1px solid #0f172a;
  border-radius: 10px;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.status-action-group .secondary-link {
  color: #1d4ed8;
  background: #eff6ff;
  border-color: #bfdbfe;
}

.status-action-group button:disabled {
  color: #64748b;
  background: #e2e8f0;
  border-color: #cbd5e1;
  cursor: not-allowed;
}

.material-section {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.material-detail-lower-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(380px, 0.72fr);
  gap: 12px;
  align-items: start;
}

.material-operational-depth {
  display: grid;
  gap: 14px;
  margin-top: 16px;
  min-width: 0;
}

.material-operational-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  min-width: 0;
}

.material-operational-panel,
.material-debug-panel {
  display: grid;
  gap: 14px;
  min-width: 0;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--border);
  border-radius: 18px;
  box-shadow: var(--shadow-soft);
}

.material-debug-diagnostics {
  margin-top: 16px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid #cbd5e1;
  border-radius: 18px;
  box-shadow: var(--shadow-soft);
}

.material-debug-diagnostics > summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  color: #334155;
  cursor: pointer;
  font-weight: 840;
  list-style: none;
}

.material-debug-diagnostics > summary::-webkit-details-marker {
  display: none;
}

.material-debug-diagnostics > summary strong {
  color: #64748b;
  font-size: 12px;
  font-weight: 760;
}

.material-debug-diagnostics > summary::after {
  color: #2563eb;
  content: "展开";
  font-size: 12px;
  font-weight: 820;
}

.material-debug-diagnostics[open] > summary::after {
  content: "收起";
}

.material-debug-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding: 0 16px 16px;
  min-width: 0;
}

.material-debug-diagnostics:not([open]) > .material-debug-grid {
  display: none;
}

.material-column-diagnostics {
  margin-top: 0;
}

.material-v4-right-column .material-debug-diagnostics {
  width: 100%;
}

.material-v4-right-column .material-debug-grid {
  grid-template-columns: 1fr;
  padding: 0 14px 14px;
}

.material-debug-column {
  display: grid;
  gap: 14px;
  align-content: start;
  min-width: 0;
}

.material-detail-main-column,
.material-detail-side-column {
  display: grid;
  gap: 14px;
}

.material-audit-section {
  min-height: 360px;
}

.material-analysis-layout {
  display: grid;
  grid-template-columns: minmax(260px, 0.7fr) minmax(0, 1fr);
  gap: 14px;
}

.material-analysis-summary {
  padding: 14px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
}

.material-analysis-summary h3,
.material-analysis-summary p {
  margin: 0;
}

.material-analysis-summary p {
  margin-top: 8px;
  color: #475569;
  line-height: 1.65;
}

.ai-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ai-tag-list span {
  padding: 6px 9px;
  color: #1e3a8a;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 760;
}

.material-caption-section textarea {
  width: 100%;
  min-height: 150px;
  padding: 14px;
  color: #0f172a;
  background: #f8fafc;
  border: 1px solid #dbeafe;
  border-radius: 14px;
  font: inherit;
  line-height: 1.7;
  resize: vertical;
}

.material-caption-first-panel {
  gap: 12px;
  border-color: #bfdbfe;
  background: linear-gradient(180deg, #ffffff, #f8fbff);
  min-width: 0;
  max-width: 100%;
}

.material-caption-first-panel label {
  color: #334155;
  font-size: 12px;
  font-weight: 820;
}

.material-caption-first-panel textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  min-height: 92px;
  padding: 12px;
  color: #0f172a;
  background: #ffffff;
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  font: inherit;
  font-size: 14px;
  line-height: 1.65;
  resize: vertical;
}

.caption-empty-copy {
  margin: 0;
  padding: 10px 12px;
  color: #475569;
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 760;
}

.caption-editor-form {
  display: grid;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
}

.caption-feedback-panel {
  display: grid;
  gap: 5px;
  border: 1px solid #bbf7d0;
  border-radius: 10px;
  padding: 10px 12px;
  background: #f0fdf4;
}

.caption-feedback-panel.caption-feedback-failed {
  border-color: #fecaca;
  background: #fff7f7;
}

.caption-feedback-panel strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
}

.caption-feedback-panel span,
.caption-feedback-panel em {
  color: #475569;
  font-size: 12px;
  font-style: normal;
  font-weight: 780;
}

.original-source-copy-block {
  display: grid;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #dbe3ee;
  border-radius: 12px;
}

.original-source-copy-head {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.original-source-copy-head h3 {
  margin: 2px 0 0;
  color: #0f172a;
  font-size: 15px;
  font-weight: 920;
  letter-spacing: 0;
}

.original-source-copy-text,
.original-source-copy-empty {
  margin: 0;
  min-width: 0;
  max-width: 100%;
  color: #172033;
  font-size: 14px;
  font-weight: 720;
  line-height: 1.65;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.original-source-copy-text {
  max-height: 220px;
  overflow: auto;
  padding: 10px 12px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
}

.original-source-copy-empty {
  padding: 9px 0 0;
  color: #64748b;
}

.original-source-copy-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: #64748b;
  font-size: 12px;
  font-weight: 760;
}

.original-source-copy-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  background: #eef2f7;
  border-radius: 999px;
}

.caption-secondary-block {
  display: grid;
  gap: 6px;
  padding: 12px;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  min-width: 0;
  max-width: 100%;
}

.caption-secondary-block p {
  margin: 0 0 6px;
  min-width: 0;
  max-width: 100%;
  color: #0f172a;
  font-size: 13px;
  line-height: 1.55;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.caption-editor-footer,
.caption-editor-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  max-width: 100%;
}

.caption-editor-footer span {
  color: #64748b;
  font-size: 12px;
  font-weight: 720;
}

.caption-editor-actions button {
  max-width: 100%;
  min-height: 36px;
  padding: 0 16px;
  color: #ffffff;
  background: #2563eb;
  border: 1px solid #1d4ed8;
  border-radius: 10px;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.caption-first-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
}

.caption-first-actions form {
  flex: 1 1 150px;
  margin: 0;
  min-width: 0;
  max-width: 100%;
}

.caption-first-actions button {
  width: 100%;
  max-width: 100%;
  min-height: 34px;
  padding: 0 12px;
  color: #ffffff;
  background: #0f766e;
  border: 1px solid #0f766e;
  border-radius: 9px;
  font: inherit;
  font-size: 12px;
  font-weight: 820;
  cursor: pointer;
}

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

.audit-event {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  gap: 10px;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
}

.audit-event-marker {
  width: 10px;
  height: 10px;
  margin-top: 5px;
  background: #2563eb;
  border-radius: 999px;
  box-shadow: 0 0 0 4px #dbeafe;
}

.audit-event-top,
.audit-event-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

.audit-event-top time,
.audit-event-meta {
  color: #64748b;
  font-size: 12px;
  font-weight: 720;
}

.audit-event p {
  margin: 5px 0;
  color: #334155;
}

.material-detail-layout > article {
  margin-top: 0;
}

@media (max-width: 1320px) {
  .material-status-panel .status-matrix {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .material-library-hero,
  .material-detail-hero {
    flex-direction: column;
  }

  .material-pool-summary,
  .material-library-guidance,
  .material-detail-first-screen,
  .material-detail-lower-grid,
  .material-analysis-layout,
  .material-detail-layout {
    grid-template-columns: 1fr;
    min-width: 0;
    width: 100%;
  }

  .material-filter-panel form:not(.material-filter-toolbar),
  .material-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .material-video-panel {
    grid-template-rows: auto auto;
  }

  .material-v4-left-column,
  .material-v4-center-column,
  .material-v4-right-column {
    width: 100%;
  }

  .material-debug-grid {
    grid-template-columns: 1fr;
  }

  .material-video-frame,
  .material-video-frame video {
    min-height: 280px;
  }
}

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

  .material-repair-panel-head,
  .material-exception-card,
  .material-exception-body dl {
    grid-template-columns: 1fr;
  }

  .material-repair-panel-head {
    align-items: stretch;
    flex-direction: column;
  }

  .material-exception-thumb {
    width: min(160px, 100%);
  }

  .material-filter-panel form:not(.material-filter-toolbar),
  .material-filter-actions,
  .material-kpi-grid,
  .material-repair-panel,
  .material-pagination {
    grid-template-columns: 1fr;
    align-items: stretch;
    flex-direction: column;
  }

  .material-filter-toolbar label,
  .material-filter-toolbar label:first-child,
  .material-filter-toolbar .material-filter-toggle {
    flex: 1 1 150px;
    width: auto;
  }

  .material-thumb {
    min-height: 220px;
  }

  .material-ai-panel,
  .ai-metric-grid,
  .status-matrix,
  .status-action-group,
  .material-status-grid {
    grid-template-columns: 1fr;
  }
}

.strategy-readiness-page {
  display: grid;
  gap: 18px;
}

.strategy-readiness-hero,
.strategy-readiness-section {
  padding: 20px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #ffffff;
}

.strategy-readiness-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.34fr);
  gap: 18px;
  align-items: start;
  border-left: 5px solid #f59e0b;
}

.strategy-readiness-hero h1,
.strategy-readiness-section h2 {
  margin: 4px 0 8px;
  color: #0f172a;
  line-height: 1.15;
}

.strategy-readiness-hero p,
.strategy-readiness-section p {
  margin: 0;
  color: #475569;
  line-height: 1.5;
}

.strategy-readiness-hero aside {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  border: 1px solid #fde68a;
  border-radius: 8px;
  background: #fffbeb;
}

.strategy-readiness-hero aside strong {
  color: #92400e;
  font-size: 15px;
  line-height: 1.35;
}

.strategy-readiness-hero aside small,
.strategy-readiness-grid small,
.strategy-report-family-grid small,
.strategy-job-grid small,
.strategy-job-samples small,
.strategy-claim-list small {
  color: #64748b;
  font-size: 12px;
  font-weight: 760;
  line-height: 1.35;
}

.strategy-readiness-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.strategy-readiness-nav a {
  padding: 8px 10px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #f8fafc;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.strategy-readiness-grid,
.strategy-job-grid,
.strategy-report-family-grid,
.strategy-operator-context,
.strategy-evidence-counts {
  display: grid;
  gap: 12px;
}

.strategy-readiness-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.strategy-job-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.strategy-report-family-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.strategy-operator-context {
  grid-template-columns: minmax(150px, 0.5fr) minmax(220px, 0.8fr) minmax(0, 1.5fr);
  margin-bottom: 12px;
}

.strategy-evidence-counts {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 12px;
}

.strategy-readiness-grid article,
.strategy-job-grid article,
.strategy-report-family-grid article,
.strategy-claim-list article,
.strategy-job-samples article,
.strategy-operator-context div,
.strategy-evidence-counts div {
  min-width: 0;
  padding: 14px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #f8fafc;
}

.strategy-readiness-grid article span,
.strategy-report-family-grid article span,
.strategy-operator-context span,
.strategy-evidence-counts span {
  color: #64748b;
  font-size: 12px;
  font-weight: 900;
}

.strategy-readiness-grid article strong,
.strategy-report-family-grid article strong,
.strategy-operator-context strong,
.strategy-evidence-counts strong {
  display: block;
  margin: 5px 0;
  color: #0f172a;
  font-size: 17px;
  font-weight: 950;
  line-height: 1.2;
}

.strategy-readiness-section-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: start;
  margin-bottom: 14px;
}

.strategy-job-grid article header {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.strategy-job-grid article header strong {
  color: #0f172a;
  font-weight: 950;
}

.strategy-job-grid article header span {
  padding: 4px 8px;
  border-radius: 999px;
  color: #92400e;
  background: #fffbeb;
  font-size: 11px;
  font-weight: 900;
}

.strategy-job-grid dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.strategy-job-grid dt {
  color: #64748b;
  font-size: 11px;
  font-weight: 850;
}

.strategy-job-grid dd {
  margin: 2px 0 0;
  color: #0f172a;
  font-size: 18px;
  font-weight: 950;
}

.strategy-job-grid a,
.strategy-job-samples a {
  color: #1d4ed8;
  text-decoration: none;
}

.strategy-job-samples,
.strategy-claim-list {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.strategy-job-samples {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.strategy-job-samples article > a {
  display: grid;
  gap: 4px;
}

.strategy-job-samples strong,
.strategy-claim-list p {
  color: #0f172a;
  font-weight: 900;
}

.strategy-job-samples span {
  color: #475569;
  font-size: 13px;
  font-weight: 800;
}

.strategy-report-family-grid article.is-empty {
  border-style: dashed;
  background: #f8fafc;
}

.strategy-report-family-grid article.is-available {
  border-left: 4px solid #16a34a;
  background: #f0fdf4;
}

.strategy-audit-details {
  margin-top: 8px;
  color: #64748b;
  font-size: 11px;
  overflow-wrap: anywhere;
}

.strategy-audit-details summary {
  width: fit-content;
  cursor: pointer;
  font-weight: 850;
}

.strategy-audit-details dl {
  display: grid;
  grid-template-columns: minmax(100px, max-content) minmax(0, 1fr);
  gap: 6px 10px;
  margin: 8px 0 0;
}

.strategy-audit-details dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.strategy-page-audit {
  padding-top: 10px;
  border-top: 1px solid #dbe3ef;
}

.jobs-table-scroll {
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

.strategy-job-primary {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.strategy-job-primary strong {
  overflow-wrap: anywhere;
  white-space: normal;
}

.strategy-job-primary > a {
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 850;
  text-decoration: none;
}

.strategy-jobs-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.strategy-jobs-header p {
  max-width: 74ch;
  margin: 6px 0 0;
}

.jobs-table-scroll.is-strategy-review th:last-child,
.jobs-table-scroll.is-strategy-review td:last-child {
  position: sticky;
  right: 0;
  min-width: 124px;
  background: #ffffff;
  box-shadow: -8px 0 12px rgba(15, 23, 42, 0.06);
}

.jobs-table-scroll.is-strategy-review th:last-child {
  background: var(--surface-muted);
}

@media (max-width: 1100px) {
  .strategy-readiness-hero,
  .strategy-readiness-grid,
  .strategy-job-grid,
  .strategy-report-family-grid,
  .strategy-job-samples,
  .strategy-evidence-counts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .strategy-readiness-hero,
  .strategy-readiness-grid,
  .strategy-job-grid,
  .strategy-report-family-grid,
  .strategy-job-samples,
  .strategy-operator-context,
  .strategy-evidence-counts,
  .strategy-readiness-section-head {
    grid-template-columns: 1fr;
    display: grid;
  }

  .strategy-job-grid dl {
    grid-template-columns: 1fr;
  }

  .strategy-readiness-hero,
  .strategy-readiness-section {
    padding: 16px;
  }

  .strategy-jobs-header {
    display: grid;
  }

  .strategy-jobs-filter label {
    min-width: min(100%, 180px);
  }

  .jobs-table-scroll.is-strategy-review table {
    min-width: 720px;
  }

  .calendar-v2-shell,
  .calendar-v2-main,
  .calendar-v2-hero,
  .calendar-week-nav,
  .calendar-v2-grid {
    min-width: 0;
    max-width: 100%;
  }

  .calendar-v2-grid {
    width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
  }

  .calendar-v2-main {
    grid-template-columns: minmax(0, 1fr);
  }

  .calendar-v2-main > .developer-details {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
  }

  .calendar-v2-main > .developer-details:not([open]) > :not(summary) {
    display: none;
  }
}

@media (max-width: 720px) {
  .topbar {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    padding: 14px 16px;
  }

  .main {
    width: min(100vw - 24px, 1180px);
    padding-top: 20px;
  }

  .home-hero,
  .section-heading,
  .compact-row,
  .compact-row-meta {
    align-items: flex-start;
    flex-direction: column;
  }

  .section-heading {
    display: block;
  }

  .section-heading p {
    margin-top: 4px;
  }

  .workflow-strip,
  .home-grid,
  .main:has(> .home-hero),
  section[aria-label="Hero Summary"] .queue-grid,
  section[aria-label="最近动态"],
  section[aria-label="系统状态"] .queue-grid {
    grid-template-columns: 1fr;
  }

  .action-queues {
    padding: 14px;
  }

  .action-queues .queue-grid,
  .safety-list {
    grid-template-columns: 1fr;
  }

  .main:has(> .home-hero) > .home-hero,
  .main:has(> .home-hero) > section[aria-label="Hero Summary"],
  .main:has(> .home-hero) > .action-queues,
  .main:has(> .home-hero) > .safety-zone,
  .main:has(> .home-hero) > .workflow-section,
  .main:has(> .home-hero) > section[aria-label="最近动态"],
  .main:has(> .home-hero) > section[aria-label="系统状态"] {
    grid-column: 1;
  }

  .main:has(> .home-hero) > .safety-zone {
    grid-row: auto;
  }

  .workflow-step {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }

  .workflow-step:not(:last-child)::after {
    top: auto;
    right: auto;
    bottom: -7px;
    left: 18px;
    width: 12px;
    height: 12px;
    border-top: 0;
    border-right: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    transform: rotate(45deg);
  }

  .workflow-step:last-child {
    border-bottom: 0;
  }

  .workflow-description {
    min-height: 0;
  }

  .safety-zone {
    position: static;
  }

  .compact-row {
    display: flex;
    gap: 8px;
  }

  .compact-row-meta {
    display: flex;
    gap: 6px;
  }
}

/* UI-E3: Home task cockpit */
.main:has(> .home-hero) {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
  gap: 18px;
}

.main:has(> .home-hero) > .home-hero {
  position: relative;
  overflow: hidden;
  min-height: 118px;
  padding: 26px 30px;
  background:
    radial-gradient(circle at 88% 20%, rgba(59, 130, 246, 0.28), transparent 30%),
    linear-gradient(135deg, #08111f 0%, #10213a 52%, #17325c 100%);
}

.home-hero::after {
  position: absolute;
  right: 30px;
  bottom: -48px;
  width: 220px;
  height: 120px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  content: "";
}

.home-hero h1 {
  font-size: 31px;
  font-weight: 820;
}

.home-hero p {
  max-width: 70ch;
  color: #d5dfef;
  font-size: 14px;
}

.home-hero .badge {
  z-index: 1;
  padding: 8px 11px;
  background: #fef3c7;
  color: #7c2d12;
  border-color: rgba(251, 191, 36, 0.6);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
}

.main:has(> .home-hero) > .action-queues {
  grid-column: 1;
  grid-row: 2;
}

.main:has(> .home-hero) > .safety-zone {
  grid-column: 2;
  grid-row: 2;
}

.main:has(> .home-hero) > section[aria-label="待处理队列"] {
  grid-column: 1;
  grid-row: 3;
}

.main:has(> .home-hero) > section[aria-label="当前安全状态"] {
  grid-column: 2;
  grid-row: 3;
}

.main:has(> .home-hero) > .workflow-section,
.main:has(> .home-hero) > section[aria-label="最近动态"],
.main:has(> .home-hero) > section[aria-label="系统状态"] {
  grid-column: 1 / -1;
}

.action-queues {
  min-height: 292px;
  padding: 22px;
  color: #ffffff;
  background:
    linear-gradient(135deg, rgba(15, 23, 42, 0.98), rgba(30, 41, 59, 0.98)),
    var(--surface-strong);
  border: 1px solid rgba(148, 163, 184, 0.28);
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.18);
}

.action-queues .section-heading {
  align-items: flex-start;
  border-bottom-color: rgba(226, 232, 240, 0.16);
}

.action-queues .section-heading h2 {
  color: #ffffff;
  font-size: 21px;
}

.action-queues .section-heading p {
  color: #b9c7dc;
}

.action-queues .queue-grid {
  display: block;
}

.action-queues .queue-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  min-height: 172px;
  padding: 24px;
  background: rgba(248, 250, 252, 0.08);
  border: 1px solid rgba(226, 232, 240, 0.16);
  box-shadow: inset 4px 0 0 #60a5fa;
}

.action-queues .queue-card h2 {
  grid-column: 1;
  grid-row: 1;
  color: #f8fafc;
  font-size: 24px;
  font-weight: 840;
}

.action-queues .queue-card p {
  grid-column: 1;
  grid-row: 2;
  max-width: 60ch;
  color: #cbd5e1;
  font-size: 14px;
  line-height: 1.55;
}

.action-queues .queue-count {
  grid-column: 2;
  grid-row: 1 / span 2;
  min-width: 112px;
  padding: 18px 20px;
  color: #ffffff;
  font-size: 56px;
  text-align: center;
  background: linear-gradient(135deg, #2563eb, #0f766e);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
}

.action-queues .queue-card-safety .queue-count {
  background: linear-gradient(135deg, #d97706, #b45309);
}

.safety-zone {
  position: static;
  min-height: 292px;
  margin-top: 0;
  padding: 20px;
  color: #7c2d12;
  background:
    linear-gradient(180deg, rgba(255, 251, 235, 0.96), rgba(254, 243, 199, 0.78));
  border: 1px solid #f59e0b;
  box-shadow: inset 4px 0 0 #f59e0b, var(--shadow-soft);
}

.safety-zone .section-heading h2 {
  color: #7c2d12;
  font-size: 19px;
}

.safety-zone .section-heading p {
  color: #92400e;
}

.safety-list {
  gap: 7px;
}

.safety-list div {
  padding: 9px 11px;
  color: #7c2d12;
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(217, 119, 6, 0.24);
}

section[aria-label="待处理队列"] {
  padding: 16px;
  background: rgba(248, 250, 252, 0.72);
  border: 1px solid rgba(203, 213, 225, 0.78);
  border-radius: 8px;
}

section[aria-label="待处理队列"] .section-heading {
  margin-bottom: 10px;
}

section[aria-label="待处理队列"] .queue-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

section[aria-label="待处理队列"] .queue-card {
  min-height: 104px;
  padding: 13px;
  background: #ffffff;
}

section[aria-label="待处理队列"] .queue-count {
  margin-bottom: 7px;
  font-size: 27px;
}

section[aria-label="待处理队列"] .queue-card h2 {
  font-size: 13px;
}

section[aria-label="待处理队列"] .queue-card p {
  margin-top: 6px;
  font-size: 12px;
}

section[aria-label="当前安全状态"] {
  margin-top: 0;
  padding: 15px;
  background: #f8fafc;
  border: 1px solid rgba(203, 213, 225, 0.8);
  border-radius: 8px;
}

section[aria-label="当前安全状态"] .section-heading {
  display: block;
  margin-bottom: 10px;
}

section[aria-label="当前安全状态"] .section-heading h2 {
  font-size: 16px;
}

section[aria-label="当前安全状态"] .queue-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

section[aria-label="当前安全状态"] .queue-card {
  min-height: 74px;
  padding: 10px;
  background: #ffffff;
}

section[aria-label="当前安全状态"] .queue-count {
  font-size: 15px;
}

section[aria-label="当前安全状态"] .queue-card h2,
section[aria-label="当前安全状态"] .queue-card p {
  font-size: 12px;
}

.workflow-section {
  margin-top: 2px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.58);
}

.workflow-section .section-heading {
  margin-bottom: 10px;
}

.workflow-section .section-heading h2 {
  font-size: 17px;
}

.workflow-strip {
  background: #ffffff;
}

.workflow-step {
  min-height: 106px;
  padding: 11px 12px;
}

.workflow-count {
  margin-top: 10px;
  font-size: 22px;
}

.workflow-description {
  display: none;
}

.workflow-hint {
  margin-top: 7px;
  font-size: 11px;
}

section[aria-label="最近动态"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 2px;
  padding: 16px;
  background: rgba(248, 250, 252, 0.62);
}

section[aria-label="最近动态"] .section-heading h2 {
  font-size: 17px;
}

section[aria-label="最近动态"] > section {
  padding: 0;
}

section[aria-label="最近动态"] > section .section-heading {
  display: block;
  margin-bottom: 8px;
}

section[aria-label="最近动态"] > section .section-heading h2 {
  font-size: 14px;
}

section[aria-label="最近动态"] > section .section-heading p {
  font-size: 12px;
}

.compact-list {
  gap: 6px;
}

.compact-row {
  min-height: 48px;
  padding: 9px 10px;
  background: rgba(255, 255, 255, 0.82);
}

section[aria-label="系统状态"] {
  margin-top: 0;
  padding: 12px 14px;
  background: rgba(241, 245, 249, 0.64);
}

section[aria-label="系统状态"] .section-heading {
  display: block;
  margin-bottom: 8px;
}

section[aria-label="系统状态"] .queue-card {
  min-height: 64px;
  padding: 10px;
}

@media (max-width: 980px) {
  .main:has(> .home-hero) {
    grid-template-columns: 1fr;
  }

  .main:has(> .home-hero) > .home-hero,
  .main:has(> .home-hero) > .action-queues,
  .main:has(> .home-hero) > .safety-zone,
  .main:has(> .home-hero) > section[aria-label="待处理队列"],
  .main:has(> .home-hero) > section[aria-label="当前安全状态"],
  .main:has(> .home-hero) > .workflow-section,
  .main:has(> .home-hero) > section[aria-label="最近动态"],
  .main:has(> .home-hero) > section[aria-label="系统状态"] {
    grid-column: 1;
    grid-row: auto;
  }

  section[aria-label="待处理队列"] .queue-grid,
  section[aria-label="当前安全状态"] .queue-grid,
  section[aria-label="最近动态"] {
    grid-template-columns: 1fr 1fr;
  }

  .facebook-status-hero,
  .facebook-status-safety,
  .facebook-status-grid {
    grid-template-columns: 1fr;
  }

  .facebook-status-hero {
    display: grid;
  }

  .facebook-status-summary {
    min-width: 0;
  }
}

@media (max-width: 720px) {
  .home-hero h1 {
    font-size: 25px;
  }

  .action-queues {
    min-height: 0;
    padding: 16px;
  }

  .action-queues .queue-card {
    display: block;
    min-height: 0;
    padding: 18px;
  }

  .action-queues .queue-count {
    min-width: 0;
    width: max-content;
    margin-bottom: 14px;
    font-size: 42px;
  }

  .action-queues .queue-card h2 {
    font-size: 20px;
  }

  section[aria-label="待处理队列"] .queue-grid,
  section[aria-label="当前安全状态"] .queue-grid,
  section[aria-label="最近动态"] {
    grid-template-columns: 1fr;
  }

  .facebook-status-summary,
  .status-item {
    grid-template-columns: 1fr;
  }

  .facebook-status-panel header,
  .facebook-status-panel-actions,
  .status-actions {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 920px) {
  .sidebar {
    position: static;
    width: auto;
    max-height: none;
    padding: 16px;
    border-right: 0;
    border-bottom: 1px solid rgba(203, 213, 225, 0.82);
    box-shadow: none;
  }

  .sidebar-brand {
    min-height: 64px;
    padding-bottom: 14px;
  }

  .sidebar-nav {
    display: flex;
    gap: 12px;
    padding-top: 14px;
    overflow-x: auto;
  }

  .nav-group {
    flex: 0 0 auto;
    min-width: 150px;
  }

  .content-shell {
    margin-left: 0;
    padding: 18px 16px 40px;
  }

  .content-header {
    width: 100%;
  }

  .account-detail-grid {
    grid-template-columns: 1fr;
  }

  .account-intel-hero,
  .account-intel-grid,
  .account-intel-detail-layout {
    grid-template-columns: 1fr;
  }

  .account-intel-metrics,
  .account-intel-metrics-large,
  .account-intel-two-col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .schedule-center-header,
  .schedule-rule-panel {
    grid-template-columns: 1fr;
  }

  .schedule-center-header {
    flex-direction: column;
  }

  .schedule-account-summary {
    width: 100%;
    min-width: 0;
  }

  .schedule-week {
    grid-template-columns: repeat(7, minmax(220px, 1fr));
  }
}

/* V4.3 Pattern Discovery */
.pattern-discovery-body {
  background: #f4f6f8;
  color: #17212b;
}

.pattern-page {
  margin: 0 auto;
  max-width: 1480px;
  padding: 24px 28px 56px;
}

.pattern-header {
  align-items: flex-start;
  border-bottom: 1px solid #ccd4dc;
  display: flex;
  gap: 28px;
  justify-content: space-between;
  padding: 12px 0 24px;
}

.pattern-header h1 {
  font-size: 38px;
  letter-spacing: 0;
  margin: 6px 0 10px;
}

.pattern-header p {
  color: #53606c;
  line-height: 1.65;
  margin: 0;
  max-width: 820px;
}

.pattern-platform-state,
.pattern-status {
  background: #e7edf2;
  border: 1px solid #c7d1da;
  border-radius: 4px;
  color: #344451;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 9px;
}

.pattern-platform-state {
  margin-top: 12px;
  max-width: 260px;
  text-align: center;
}

.pattern-status.is-strong,
.pattern-status.is-stable {
  background: #e5f4eb;
  border-color: #9cccb0;
  color: #17643b;
}

.pattern-status.is-emerging {
  background: #fff3d5;
  border-color: #e8c875;
  color: #72520c;
}

.pattern-status.is-rejected,
.pattern-status.is-deprecated {
  background: #f5e8e8;
  border-color: #dfb4b4;
  color: #803737;
}

.pattern-kpis {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 20px;
  overflow: hidden;
}

.pattern-kpis > div,
.pattern-boundary-band > div {
  background: #fff;
  border: 1px solid #dce2e7;
  min-width: 0;
  padding: 16px;
}

.pattern-kpis span,
.pattern-boundary-band span {
  color: #64717c;
  display: block;
  font-size: 12px;
  margin-bottom: 6px;
}

.pattern-kpis strong {
  font-size: 27px;
}

.pattern-boundary-band {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 12px;
}

.pattern-boundary-band strong,
.pattern-boundary-band small {
  display: block;
  overflow-wrap: anywhere;
}

.pattern-boundary-band small {
  color: #697580;
  line-height: 1.45;
  margin-top: 6px;
}

.pattern-tabs {
  border-bottom: 1px solid #ccd4dc;
  display: flex;
  gap: 4px;
  margin: 22px 0 0;
  overflow-x: auto;
  padding-bottom: 8px;
}

.pattern-tabs a {
  color: #41505d;
  flex: 0 0 auto;
  font-size: 13px;
  padding: 8px 10px;
  text-decoration: none;
}

.pattern-tabs a:hover {
  background: #e7ecef;
}

.pattern-section {
  border-bottom: 1px solid #d5dce2;
  padding: 30px 0;
}

.pattern-section > header {
  align-items: end;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 14px;
}

.pattern-section h2 {
  font-size: 22px;
  letter-spacing: 0;
  margin: 4px 0 0;
}

.pattern-section > header > p {
  color: #66727d;
  margin: 0;
  max-width: 540px;
  text-align: right;
}

.pattern-list {
  border-top: 1px solid #ccd4dc;
}

.pattern-row {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #dce2e7;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(280px, 1.7fr) minmax(320px, 1fr) auto;
  padding: 16px;
}

.pattern-row-title {
  align-items: center;
  display: flex;
  gap: 10px;
}

.pattern-row h3 {
  font-size: 16px;
  letter-spacing: 0;
  margin: 0;
}

.pattern-row p {
  line-height: 1.45;
  margin: 8px 0 4px;
}

.pattern-row small {
  color: #697580;
  display: block;
}

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

.pattern-metrics div {
  min-width: 0;
}

.pattern-metrics dt {
  color: #73808b;
  font-size: 11px;
}

.pattern-metrics dd {
  font-weight: 700;
  margin: 2px 0 0;
}

.pattern-detail-link,
.pattern-evidence-actions a {
  border: 1px solid #9aa8b4;
  border-radius: 4px;
  color: #243f53;
  padding: 8px 10px;
  text-decoration: none;
  white-space: nowrap;
}

.is-positive {
  color: #147447;
}

.is-negative {
  color: #a13838;
}

.pattern-two-column {
  display: grid;
  gap: 36px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pattern-status-counts {
  display: grid;
  gap: 1px;
  margin: 14px 0 0;
}

.pattern-status-counts div {
  background: #fff;
  display: flex;
  justify-content: space-between;
  padding: 10px 12px;
}

.pattern-status-counts dd {
  font-weight: 700;
  margin: 0;
}

.pattern-regime-grid,
.pattern-experiment-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pattern-regime-grid article,
.pattern-experiment-grid article {
  background: #fff;
  border: 1px solid #d9e0e5;
  border-radius: 6px;
  padding: 16px;
}

.pattern-regime-grid article.is-current {
  border-left: 4px solid #2c6c75;
}

.pattern-regime-grid span,
.pattern-experiment-grid > article > span {
  color: #526f78;
  font-size: 12px;
  font-weight: 700;
}

.pattern-regime-grid h3,
.pattern-experiment-grid h3 {
  font-size: 16px;
  letter-spacing: 0;
  margin: 8px 0;
}

.pattern-regime-grid > article > strong {
  display: block;
  font-size: 24px;
  margin-bottom: 8px;
}

.pattern-regime-grid small {
  color: #6a7680;
}

.pattern-experiment-grid dl {
  margin-bottom: 0;
}

.pattern-experiment-grid dl div {
  border-top: 1px solid #e1e6ea;
  padding: 8px 0;
}

.pattern-experiment-grid dt {
  color: #697580;
  font-size: 11px;
}

.pattern-experiment-grid dd {
  margin: 3px 0 0;
}

.pattern-evidence-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.pattern-detail-page .pattern-header > div > a {
  color: #365b70;
  display: inline-block;
  margin-bottom: 12px;
}

.pattern-reason-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 16px;
}

.pattern-reason-grid div {
  border-left: 3px solid #719486;
  background: #fff;
  padding: 10px;
}

.pattern-reason-grid .is-limit {
  border-left-color: #b18159;
}

.pattern-evidence-list {
  border-top: 1px solid #cfd7de;
}

.pattern-evidence-list > a {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #dde3e7;
  color: inherit;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  padding: 12px 14px;
  text-decoration: none;
}

.pattern-evidence-list > a > span {
  min-width: 0;
}

.pattern-evidence-list small {
  color: #697580;
  display: block;
  margin-top: 3px;
}

.pattern-evidence-list > a > span:last-child {
  text-align: right;
}

.pattern-timeline {
  border-left: 2px solid #b8c5ce;
  display: grid;
  gap: 14px;
  margin-left: 8px;
  padding-left: 18px;
}

.pattern-timeline div {
  display: grid;
  gap: 4px;
}

.pattern-timeline span,
.pattern-timeline small {
  color: #687681;
  font-size: 12px;
}

@media (max-width: 1100px) {
  .pattern-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pattern-row {
    grid-template-columns: 1fr;
  }

  .pattern-detail-link {
    justify-self: start;
  }
}

@media (max-width: 768px) {
  .pattern-page {
    padding: 16px 16px 40px;
  }

  .pattern-header {
    display: block;
  }

  .pattern-header h1 {
    font-size: 30px;
  }

  .pattern-kpis,
  .pattern-boundary-band,
  .pattern-two-column,
  .pattern-regime-grid,
  .pattern-experiment-grid,
  .pattern-reason-grid {
    grid-template-columns: 1fr;
  }

  .pattern-section > header {
    align-items: flex-start;
    display: block;
  }

  .pattern-section > header > p {
    margin-top: 8px;
    text-align: left;
  }

  .pattern-row-title {
    align-items: flex-start;
    flex-direction: column;
  }

  .pattern-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 920px) {
  .pattern-discovery-body .sidebar {
    padding: 10px 12px;
  }

  .pattern-discovery-body .account-switcher {
    display: none;
  }

  .pattern-discovery-body .sidebar-nav {
    display: flex;
    gap: 5px;
    overflow-x: auto;
    padding: 8px 0 2px;
  }

  .pattern-discovery-body .nav-group,
  .pattern-discovery-body .nav-group-compact {
    display: flex;
    flex: 0 0 auto;
    gap: 5px;
  }

  .pattern-discovery-body .sidebar-nav a {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .pattern-discovery-body .content-header > div:first-child {
    display: none;
  }
}

/* Content DNA V4.2 */
.content-dna-body {
  background: #f3f5f8;
}

.dna-page {
  display: grid;
  gap: 24px;
  max-width: 1540px;
  margin: 0 auto;
}

.dna-header,
.dna-detail-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
  padding: 26px 0 22px;
  border-bottom: 1px solid var(--border);
}

.dna-header h1,
.dna-detail-header h1 {
  margin: 4px 0 8px;
  font-size: 34px;
  line-height: 1.15;
  letter-spacing: 0;
}

.dna-header p,
.dna-detail-header p {
  max-width: 820px;
  margin: 0;
  color: var(--muted);
}

.dna-detail-header > div > a {
  display: inline-block;
  margin-bottom: 12px;
  color: var(--accent);
  font-weight: 800;
  text-decoration: none;
}

.dna-status,
.dna-evidence,
.dna-quality-state {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 9px;
  border: 1px solid var(--border);
  border-radius: 5px;
  background: var(--surface-muted);
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}

.dna-status.is-ready,
.dna-evidence.is-supported,
.dna-evidence.is-strong,
.dna-quality-state.is-ready {
  border-color: #9bd2ad;
  background: var(--success-bg);
  color: var(--success-text);
}

.dna-status.is-attention,
.dna-evidence.is-directional,
.dna-quality-state.is-ready_with_limitations,
.dna-quality-state.is-partial {
  border-color: var(--warning-border);
  background: var(--warning-bg);
  color: var(--warning-text);
}

.dna-quality-state {
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}

.dna-evidence.is-insufficient,
.dna-evidence.is-early_signal,
.dna-quality-state.is-low_confidence,
.dna-quality-state.is-source_conflict,
.dna-quality-state.is-insufficient_coverage {
  background: var(--surface-muted);
  color: var(--muted);
}

.dna-kpis,
.dna-evidence-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--border);
  background: var(--surface);
}

.dna-kpis > div,
.dna-evidence-summary > div {
  min-width: 0;
  padding: 16px 18px;
  border-right: 1px solid var(--border);
}

.dna-kpis > div:last-child,
.dna-evidence-summary > div:last-child {
  border-right: 0;
}

.dna-kpis span,
.dna-evidence-summary span,
.dna-operations-band span,
.dna-finding-metrics span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.dna-kpis strong,
.dna-evidence-summary strong {
  display: block;
  margin-top: 5px;
  font-size: 25px;
  line-height: 1.1;
}

.dna-operations-band {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.dna-operations-band > div {
  min-width: 0;
  padding: 14px 18px;
  border-right: 1px solid var(--border);
}

.dna-operations-band > div:last-child {
  border-right: 0;
}

.dna-operations-band strong,
.dna-operations-band small {
  display: block;
  margin-top: 4px;
}

.dna-operations-band small {
  overflow-wrap: anywhere;
  color: var(--muted);
}

.dna-anchor-nav {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.dna-anchor-nav a {
  flex: 0 0 auto;
  min-height: 36px;
  padding: 8px 11px;
  border: 1px solid var(--border);
  border-radius: 5px;
  background: var(--surface);
  font-weight: 800;
  text-decoration: none;
}

.dna-section {
  min-width: 0;
  padding: 24px 0;
  border-top: 1px solid var(--border);
}

.dna-section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 18px;
}

.dna-section-heading h2 {
  margin: 3px 0 0;
  font-size: 22px;
  letter-spacing: 0;
}

.dna-section-heading p {
  max-width: 620px;
  margin: 0;
  color: var(--muted);
  text-align: right;
}

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

.dna-finding {
  display: grid;
  gap: 13px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--surface);
}

.dna-finding header,
.dna-finding footer,
.dna-experiment-list article header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.dna-finding header span:first-child {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.dna-finding h3,
.dna-experiment-list h3 {
  margin: 3px 0 0;
  font-size: 16px;
  letter-spacing: 0;
}

.dna-finding > p,
.dna-finding > small {
  margin: 0;
  overflow-wrap: anywhere;
}

.dna-finding > small {
  color: var(--muted);
}

.dna-finding footer {
  align-items: flex-end;
  padding-top: 12px;
  border-top: 1px solid var(--border);
}

.dna-finding footer span {
  max-width: 75%;
  color: var(--muted);
}

.dna-finding footer a {
  color: var(--accent);
  font-weight: 800;
  white-space: nowrap;
}

.dna-finding-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  background: var(--surface-muted);
}

.dna-finding-metrics > div {
  min-width: 0;
  padding: 10px;
  border-right: 1px solid var(--border);
}

.dna-finding-metrics > div:last-child {
  border-right: 0;
}

.dna-finding-metrics strong {
  display: block;
  margin-top: 2px;
  font-size: 18px;
}

.dna-finding-metrics .is-positive {
  color: var(--success-text);
}

.dna-finding-metrics .is-negative {
  color: var(--error-text);
}

.dna-quality-table,
.dna-evidence-table {
  min-width: 0;
  border: 1px solid var(--border);
  background: var(--surface);
}

.dna-quality-head,
.dna-quality-row {
  display: grid;
  grid-template-columns: minmax(220px, 2fr) repeat(3, minmax(110px, 1fr));
  gap: 14px;
  align-items: center;
  min-height: 48px;
  padding: 9px 14px;
  border-bottom: 1px solid var(--border);
}

.dna-quality-head {
  background: var(--surface-muted);
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.dna-quality-row:last-child {
  border-bottom: 0;
}

.dna-quality-row > span:first-child strong,
.dna-quality-row > span:first-child small {
  display: block;
  overflow-wrap: anywhere;
}

.dna-quality-row > span:first-child small {
  color: var(--muted);
}

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

.dna-material-grid a {
  display: grid;
  gap: 6px;
  min-width: 0;
  min-height: 110px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 5px;
  background: var(--surface);
  text-decoration: none;
}

.dna-material-grid strong,
.dna-material-grid span,
.dna-material-grid small {
  overflow-wrap: anywhere;
}

.dna-material-grid span,
.dna-material-grid small {
  color: var(--muted);
}

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

.dna-experiment-list article {
  padding: 18px;
  border-left: 3px solid var(--accent);
  background: var(--surface);
}

.dna-experiment-list article header > span {
  color: var(--info-text);
  font-weight: 800;
  white-space: nowrap;
}

.dna-experiment-list dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 24px;
  margin: 16px 0;
}

.dna-experiment-list dl div {
  min-width: 0;
}

.dna-experiment-list dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.dna-experiment-list dd {
  margin: 3px 0 0;
  overflow-wrap: anywhere;
}

.dna-experiment-list footer {
  color: var(--warning-text);
  font-weight: 800;
}

.dna-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(300px, 0.7fr);
  gap: 28px;
}

.dna-fact-list,
.dna-outcome-list {
  display: grid;
  gap: 8px;
}

.dna-fact-list article {
  display: grid;
  grid-template-columns: minmax(180px, 1.3fr) minmax(130px, 1fr) minmax(150px, 0.8fr);
  gap: 16px;
  align-items: center;
  min-height: 70px;
  padding: 11px 14px;
  border-bottom: 1px solid var(--border);
  background: var(--surface);
}

.dna-fact-list article > div {
  min-width: 0;
}

.dna-fact-list span,
.dna-fact-list small {
  display: block;
  overflow-wrap: anywhere;
  color: var(--muted);
}

.dna-outcome-list article {
  padding: 14px;
  border: 1px solid var(--border);
  background: var(--surface);
}

.dna-outcome-list header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.dna-outcome-list header span {
  color: var(--muted);
}

.dna-outcome-list article > div {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.dna-outcome-list article > p {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.dna-caveat {
  padding: 16px 18px;
  border-left: 3px solid var(--warning-border);
  background: var(--warning-bg);
  color: var(--warning-text);
}

.dna-caveat p {
  margin: 5px 0 0;
}

.dna-evidence-head,
.dna-evidence-row {
  display: grid;
  grid-template-columns: minmax(240px, 2fr) minmax(150px, 1fr) minmax(90px, 0.6fr) minmax(150px, 1fr);
  gap: 16px;
  align-items: center;
  min-height: 48px;
  padding: 9px 14px;
  border-bottom: 1px solid var(--border);
}

.dna-evidence-head {
  background: var(--surface-muted);
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.dna-evidence-row {
  text-decoration: none;
}

.dna-evidence-row:last-child {
  border-bottom: 0;
}

@media (max-width: 1100px) {
  .dna-material-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dna-detail-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 920px) {
  .content-dna-body .sidebar {
    padding: 10px 12px;
  }

  .content-dna-body .sidebar-brand {
    min-height: 52px;
    padding: 0 4px 10px;
  }

  .content-dna-body .account-switcher {
    display: none;
  }

  .content-dna-body .sidebar-nav {
    display: flex;
    gap: 5px;
    overflow-x: auto;
    padding: 8px 0 2px;
  }

  .content-dna-body .nav-group,
  .content-dna-body .nav-group-compact {
    display: flex;
    flex: 0 0 auto;
    gap: 5px;
    min-width: 0;
  }

  .content-dna-body .sidebar-nav a {
    flex: 0 0 auto;
    min-height: 38px;
    padding: 8px 9px;
    white-space: nowrap;
  }

  .content-dna-body .content-header > div:first-child {
    display: none;
  }

  .dna-finding-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .dna-material-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .dna-header,
  .dna-detail-header,
  .dna-section-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .dna-header h1,
  .dna-detail-header h1 {
    font-size: 28px;
  }

  .dna-kpis,
  .dna-evidence-summary,
  .dna-operations-band {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dna-kpis > div:nth-child(2),
  .dna-evidence-summary > div:nth-child(2),
  .dna-operations-band > div:nth-child(2) {
    border-right: 0;
  }

  .dna-kpis > div,
  .dna-evidence-summary > div,
  .dna-operations-band > div {
    border-bottom: 1px solid var(--border);
  }

  .dna-section-heading p {
    text-align: left;
  }

  .dna-quality-table,
  .dna-evidence-table {
    overflow-x: auto;
  }

  .dna-quality-head,
  .dna-quality-row {
    min-width: 680px;
  }

  .dna-evidence-head,
  .dna-evidence-row {
    min-width: 760px;
  }

  .dna-fact-list article {
    grid-template-columns: minmax(0, 1fr);
  }

  .dna-experiment-list dl {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 430px) {
  .dna-kpis,
  .dna-evidence-summary,
  .dna-operations-band,
  .dna-material-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .dna-kpis > div,
  .dna-evidence-summary > div,
  .dna-operations-band > div {
    border-right: 0;
  }

  .dna-finding footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .dna-finding footer span {
    max-width: none;
  }
}

/* V4.1 Real Performance Intelligence */
.performance-intelligence-page,
.performance-evidence-page {
  display: grid;
  gap: 18px;
  max-width: 1440px;
  margin: 0 auto;
}

.performance-intelligence-header,
.performance-evidence-header {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-start;
  padding: 4px 0 16px;
  border-bottom: 1px solid var(--border);
}

.performance-intelligence-header h1,
.performance-evidence-header h1 {
  margin: 5px 0 6px;
  font-size: 30px;
  line-height: 1.15;
  letter-spacing: 0;
}

.performance-intelligence-header p,
.performance-evidence-header p {
  max-width: 820px;
  margin: 0;
  color: var(--muted);
}

.performance-intelligence-state {
  display: grid;
  gap: 6px;
  justify-items: end;
  min-width: 190px;
}

.performance-intelligence-state small {
  color: var(--muted);
}

.performance-kpi-strip,
.performance-evidence-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border: 1px solid var(--border);
  border-radius: 7px;
  background: var(--surface);
  overflow: hidden;
}

.performance-kpi-strip > div,
.performance-evidence-summary > div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 14px 16px;
  border-right: 1px solid var(--border);
}

.performance-kpi-strip > div:last-child,
.performance-evidence-summary > div:last-child {
  border-right: 0;
}

.performance-kpi-strip span,
.performance-evidence-summary span,
.performance-operations-band span,
.performance-insight-metrics span,
.performance-maturity-row span,
.performance-source-grid span,
.performance-evidence-action span {
  color: var(--muted);
  font-size: 12px;
}

.performance-kpi-strip strong,
.performance-evidence-summary strong {
  overflow-wrap: anywhere;
  font-size: 24px;
  line-height: 1.15;
}

.performance-kpi-strip small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.performance-operations-band {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr 1.35fr;
  border: 1px solid #cbd5e1;
  border-left: 4px solid #0f766e;
  border-radius: 6px;
  background: #f8fafc;
}

.performance-operations-band > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 13px 16px;
  border-right: 1px solid var(--border);
}

.performance-operations-band > div:last-child {
  border-right: 0;
}

.performance-operations-band strong {
  overflow-wrap: anywhere;
}

.performance-operations-band small {
  color: var(--muted);
}

.performance-human-action div,
.performance-source-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 4px;
}

.performance-human-action a,
.performance-source-links a,
.performance-insight-card footer a,
.performance-evidence-header > a {
  color: #1d4ed8;
  font-weight: 750;
  text-decoration: none;
}

.performance-dimension-tabs {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.performance-dimension-tabs a {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  flex: 0 0 auto;
  min-height: 36px;
  padding: 7px 11px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--surface);
  color: var(--muted);
  text-decoration: none;
}

.performance-dimension-tabs a.is-active {
  border-color: #2563eb;
  color: #1d4ed8;
  background: #eff6ff;
  font-weight: 800;
}

.performance-dimension-tabs span {
  font-size: 11px;
}

.performance-insight-section,
.performance-advisory-section,
.performance-source-section,
.performance-evidence-table-section {
  display: grid;
  gap: 13px;
}

.performance-section-heading {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: end;
}

.performance-section-heading h2 {
  margin: 3px 0 0;
  font-size: 20px;
  letter-spacing: 0;
}

.performance-method-note,
.performance-section-heading > span {
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
  text-align: right;
}

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

.performance-insight-card {
  display: grid;
  gap: 11px;
  min-width: 0;
  padding: 15px;
  border: 1px solid var(--border);
  border-top: 3px solid #0f766e;
  border-radius: 7px;
  background: var(--surface);
}

.performance-insight-card header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.performance-insight-card h3 {
  margin: 3px 0 0;
  font-size: 17px;
  line-height: 1.25;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.performance-dimension-label {
  color: #0f766e;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.performance-insight-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.performance-insight-metrics > div {
  display: grid;
  gap: 2px;
  padding: 10px 8px;
  border-right: 1px solid var(--border);
}

.performance-insight-metrics > div:last-child {
  border-right: 0;
}

.performance-insight-metrics strong {
  font-size: 18px;
}

.performance-insight-metrics .is-positive {
  color: #047857;
}

.performance-insight-metrics .is-negative {
  color: #b45309;
}

.performance-evidence-statement,
.performance-limitation,
.performance-insight-card footer p,
.performance-advisory-summary p,
.performance-evidence-action p {
  margin: 0;
}

.performance-maturity-row {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.performance-maturity-row strong {
  color: #4338ca;
  font-size: 12px;
}

.performance-limitation {
  color: var(--muted);
  font-size: 12px;
}

.performance-insight-card footer {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-end;
  padding-top: 10px;
  border-top: 1px solid var(--border);
}

.performance-insight-card footer p {
  max-width: 70%;
  font-size: 12px;
}

.performance-insight-card footer a {
  flex: 0 0 auto;
  font-size: 12px;
}

.performance-advisory-section {
  padding: 16px;
  border: 1px solid #e9c46a;
  border-radius: 7px;
  background: #fffbeb;
}

.performance-advisory-summary {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 20px;
  align-items: start;
}

.performance-advisory-summary dl,
.performance-technical-details dl {
  display: grid;
  gap: 6px;
  margin: 0;
}

.performance-advisory-summary dl > div,
.performance-technical-details dl > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.performance-advisory-summary dt,
.performance-technical-details dt {
  color: var(--muted);
}

.performance-advisory-summary dd,
.performance-technical-details dd {
  margin: 0;
  overflow-wrap: anywhere;
  text-align: right;
}

.performance-source-section {
  padding-top: 2px;
}

.performance-source-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--border);
  border-radius: 7px;
  background: var(--surface);
  overflow: hidden;
}

.performance-source-grid > div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 12px 14px;
  border-right: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.performance-source-grid strong {
  font-size: 19px;
}

.performance-evidence-header {
  display: grid;
  justify-content: start;
}

.performance-evidence-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.performance-evidence-action {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding: 14px 16px;
  border: 1px solid #e9c46a;
  border-radius: 7px;
  background: #fffbeb;
}

.performance-evidence-action > div {
  display: grid;
  gap: 4px;
}

.performance-evidence-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: var(--surface);
}

.performance-evidence-table {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
}

.performance-evidence-table th,
.performance-evidence-table td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--border);
  text-align: left;
  vertical-align: top;
}

.performance-evidence-table th {
  color: var(--muted);
  background: #f8fafc;
  font-size: 11px;
  text-transform: uppercase;
}

.performance-evidence-table td:nth-child(2) {
  max-width: 360px;
}

.performance-evidence-table td strong,
.performance-evidence-table td small {
  display: block;
  overflow-wrap: anywhere;
}

.performance-evidence-table td small {
  margin-top: 3px;
  color: var(--muted);
}

.performance-technical-details {
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: #f8fafc;
}

.performance-technical-details summary {
  cursor: pointer;
  font-weight: 750;
}

.performance-technical-details dl {
  margin-top: 10px;
}

@media (max-width: 1100px) {
  .performance-kpi-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .performance-kpi-strip > div {
    border-bottom: 1px solid var(--border);
  }

  .performance-operations-band {
    grid-template-columns: 1fr;
  }

  .performance-operations-band > div {
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }

  .performance-operations-band > div:last-child {
    border-bottom: 0;
  }

  .performance-source-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .performance-intelligence-header {
    display: grid;
  }

  .performance-intelligence-state {
    justify-items: start;
  }

  .performance-intelligence-header h1,
  .performance-evidence-header h1 {
    font-size: 25px;
  }

  .performance-kpi-strip,
  .performance-evidence-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .performance-kpi-strip > div,
  .performance-evidence-summary > div {
    border-bottom: 1px solid var(--border);
  }

  .performance-insight-grid,
  .performance-advisory-summary,
  .performance-evidence-action {
    grid-template-columns: 1fr;
  }

  .performance-insight-card footer {
    display: grid;
  }

  .performance-insight-card footer p {
    max-width: none;
  }
}

@media (max-width: 430px) {
  .performance-kpi-strip,
  .performance-evidence-summary,
  .performance-source-grid {
    grid-template-columns: 1fr;
  }

  .performance-kpi-strip > div,
  .performance-evidence-summary > div,
  .performance-source-grid > div {
    border-right: 0;
  }

  .performance-insight-metrics {
    grid-template-columns: 1fr;
  }

  .performance-insight-metrics > div {
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }

  .performance-insight-metrics > div:last-child {
    border-bottom: 0;
  }

  .performance-section-heading {
    display: grid;
  }

  .performance-method-note {
    text-align: left;
  }
}

.phase2-workflow-preview {
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(239, 246, 255, 0.92), rgba(255, 255, 255, 0.96));
  padding: 14px;
  display: grid;
  gap: 12px;
}

.phase2-workflow-preview h2 {
  margin: 2px 0 0;
  font-size: 15px;
}

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

.phase2-workflow-grid div {
  border: 1px solid rgba(203, 213, 225, 0.74);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.78);
  padding: 10px;
  min-width: 0;
}

.phase2-workflow-grid span {
  display: block;
  color: #64748b;
  font-size: 12px;
  margin-bottom: 4px;
}

.phase2-workflow-grid strong {
  display: block;
  color: #0f172a;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.policy-check-box {
  grid-column: 1 / -1;
  border-radius: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, 0.42);
  background: #f8fafc;
  font-size: 12px;
}

.policy-check-box ul {
  margin: 8px 0 0;
  padding-left: 18px;
}

.policy-check-top {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.policy-pass {
  border-color: rgba(34, 197, 94, 0.32);
  background: #f0fdf4;
}

.policy-warning {
  border-color: rgba(245, 158, 11, 0.36);
  background: #fffbeb;
}

.policy-block {
  border-color: rgba(239, 68, 68, 0.36);
  background: #fef2f2;
}

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

.settings-form {
  display: grid;
  gap: 12px;
}

.settings-form label {
  display: grid;
  gap: 6px;
  color: #475569;
  font-size: 13px;
  font-weight: 700;
}

.settings-form input,
.settings-form select {
  width: 100%;
  min-height: 38px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 8px 10px;
  background: #fff;
  color: #0f172a;
  font: inherit;
}

.settings-form .inline-check {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
}

.settings-form .inline-check input {
  width: auto;
  min-height: 0;
}

.compact-chip {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  margin: 2px 4px 2px 0;
  border-radius: 999px;
  padding: 3px 8px;
  background: #e0f2fe;
  color: #075985;
  font-size: 12px;
  font-weight: 700;
}

.long-cell {
  max-width: 320px;
  white-space: normal;
  line-height: 1.45;
}

.filter-actions-inline {
  display: flex;
  align-items: end;
  gap: 8px;
}

.ai-staging-list {
  display: grid;
  gap: 16px;
}

.ai-staging-card {
  display: grid;
  gap: 16px;
}

.ai-staging-card-header,
.ai-staging-card-footer {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.ai-staging-card-header h2 {
  margin: 3px 0 8px;
  font-size: 20px;
}

.staging-meta,
.staging-chip-group {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  color: #64748b;
  font-size: 13px;
}

.staging-score-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(76px, 1fr));
  gap: 8px;
  min-width: 170px;
}

.staging-score-pair div {
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 10px;
  background: #f8fafc;
}

.staging-score-pair span {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.staging-score-pair strong {
  color: #0f172a;
  font-size: 22px;
}

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

.staging-panel {
  min-width: 0;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 12px;
  background: #fff;
}

.staging-panel h3 {
  margin: 0 0 10px;
  font-size: 14px;
}

.compact-detail-list {
  gap: 6px 10px;
  font-size: 12px;
}

.caption-preview {
  color: #0f172a;
  line-height: 1.55;
  max-height: 112px;
  overflow: hidden;
}

.staging-recommendation-row {
  border-bottom: 1px solid #e2e8f0;
  padding: 8px 0;
}

.staging-recommendation-row:first-of-type {
  padding-top: 0;
}

.staging-recommendation-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.staging-recommendation-row strong {
  display: inline-block;
  margin-right: 8px;
}

.staging-recommendation-row span {
  color: #075985;
  font-weight: 800;
}

.staging-recommendation-row p {
  margin: 4px 0 0;
  color: #64748b;
  line-height: 1.4;
}

.compact-empty {
  padding: 10px;
  min-height: 0;
}

.staging-details {
  border-top: 1px solid #e2e8f0;
  padding-top: 10px;
}

.staging-details summary {
  cursor: pointer;
  color: #2563eb;
  font-weight: 800;
}

.staging-reasons {
  margin: 10px 0;
  display: grid;
  gap: 6px;
}

.staging-reasons p {
  margin: 0;
  color: #475569;
}

.existing-ai-panel,
.staging-action-panel {
  min-width: 0;
  border-radius: 8px;
  padding: 12px;
  background: #f8fafc;
}

.existing-ai-panel {
  flex: 1 1 auto;
  border: 1px solid #cbd5e1;
}

.staging-action-panel {
  flex: 0 0 260px;
  border: 1px solid #bae6fd;
}

.button-danger {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 38px;
  border: 1px solid #b91c1c;
  border-radius: 8px;
  padding: 8px 12px;
  background: #dc2626;
  color: #fff;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.button-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.button-row-wrap {
  flex-wrap: wrap;
}

.button-row form {
  margin: 0;
}

.override-form {
  display: grid;
  gap: 10px;
}

.override-form label {
  display: grid;
  gap: 5px;
  color: #475569;
  font-size: 13px;
  font-weight: 700;
}

.override-form input[type="text"] {
  width: 100%;
  min-height: 36px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 8px 10px;
}

.danger-check {
  border: 1px solid #fecaca;
  border-radius: 8px;
  padding: 8px;
  background: #fef2f2;
}

.danger-copy {
  margin: 8px 0 0;
  color: #b91c1c;
  font-weight: 800;
  line-height: 1.45;
}

.metric-number {
  margin: 8px 0 0;
  color: #111827;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.1;
}

.ai-official-panel,
.ai-history-details {
  margin-top: 16px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  padding: 14px;
  background: #f8fbff;
}

.targeting-next-action-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  margin-top: 12px;
  padding: 14px;
  background: #ffffff;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
}

.material-v4-center-column .targeting-next-action-card {
  grid-template-columns: minmax(0, 1fr);
}

.targeting-next-action-card h3 {
  margin: 2px 0 6px;
  color: #0f172a;
  font-size: 18px;
  line-height: 1.2;
}

.targeting-next-action-card p {
  margin: 0;
  color: #475569;
  font-size: 13px;
  font-weight: 650;
}

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

.material-v4-center-column .targeting-next-actions {
  justify-content: flex-start;
}

.targeting-next-actions form {
  margin: 0;
}

.targeting-next-actions button,
.targeting-next-actions .primary-link {
  white-space: nowrap;
}

.targeting-account-warning {
  margin-top: 8px !important;
  color: #92400e !important;
  background: #fffbeb;
  border: 1px solid #fcd34d;
  border-radius: 8px;
  padding: 8px 10px;
}

.targeting-technical-details {
  margin-top: 10px;
}

.targeting-technical-details summary {
  cursor: pointer;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
}

.ai-history-details summary {
  cursor: pointer;
  font-weight: 800;
}

.operation-command-hero {
  align-items: flex-end;
  background: linear-gradient(135deg, #0f766e, #155e75);
}

.operation-command-hero::after {
  content: none;
}

.main:has(> .operation-command-hero) {
  display: block;
}

.operation-section {
  margin-top: 18px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.account-command-grid,
.todo-command-grid,
.schedule-health-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}

.account-command-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
  gap: 8px;
}

.account-command-card,
.todo-command-card,
.schedule-health-card {
  display: flex;
  min-width: 0;
  min-height: 92px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 14px;
  background: #f8fafc;
  color: #0f172a;
  text-decoration: none;
}

.account-command-main {
  display: grid;
  flex: 1;
  min-width: 0;
  grid-template-columns: minmax(150px, 1fr) auto;
  align-items: center;
  gap: 12px;
  color: inherit;
  text-decoration: none;
}

.account-command-copy {
  min-width: 0;
}

.account-candidate-link {
  flex: 0 0 auto;
  align-self: flex-end;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  padding: 6px 10px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 850;
  text-decoration: none;
  white-space: nowrap;
}

.scheduling-dashboard-section {
  overflow: hidden;
}

.schedule-dashboard-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.schedule-dashboard-summary div {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.schedule-dashboard-summary span {
  color: #64748b;
  font-size: 12px;
  font-weight: 850;
}

.schedule-dashboard-summary strong {
  color: #0f172a;
  font-size: 24px;
  font-weight: 950;
  line-height: 1;
}

.schedule-dashboard-summary .is-good {
  background: #ecfdf5;
  border-color: #bbf7d0;
}

.schedule-dashboard-summary .is-warning {
  background: #fffbeb;
  border-color: #fde68a;
}

.schedule-dashboard-summary .is-danger {
  background: #fef2f2;
  border-color: #fecaca;
}

.schedule-dashboard-scroll {
  overflow-x: auto;
  padding-bottom: 2px;
}

.schedule-dashboard-matrix {
  display: grid;
  grid-template-columns: minmax(168px, 0.9fr) repeat(var(--schedule-day-count), minmax(104px, 1fr)) minmax(112px, 0.7fr);
  gap: 6px;
  min-width: 1080px;
}

.schedule-dashboard-header,
.schedule-dashboard-account,
.schedule-dashboard-cell,
.schedule-dashboard-row-total {
  min-width: 0;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  text-decoration: none;
}

.schedule-dashboard-header {
  display: grid;
  gap: 2px;
  padding: 8px 9px;
  background: #f8fafc;
  color: #64748b;
  font-size: 12px;
  font-weight: 850;
}

.schedule-dashboard-header strong {
  color: #0f172a;
  font-size: 13px;
}

.schedule-dashboard-header.is-today {
  background: #eff6ff;
  border-color: #bfdbfe;
}

.schedule-dashboard-account {
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px;
  background: #ffffff;
}

.schedule-dashboard-account strong {
  overflow: hidden;
  color: #0f172a;
  font-size: 14px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.schedule-dashboard-account span {
  color: #64748b;
  font-size: 12px;
  font-weight: 780;
}

.schedule-dashboard-cell {
  display: grid;
  gap: 4px;
  padding: 8px;
  color: #0f172a;
  background: #f8fafc;
}

.schedule-dashboard-cell strong {
  font-size: 18px;
  font-weight: 950;
  line-height: 1;
}

.schedule-cell-date,
.schedule-cell-missing {
  color: #475569;
  font-size: 11px;
  font-weight: 850;
}

.schedule-cell-progress {
  overflow: hidden;
  height: 5px;
  background: rgba(15, 23, 42, 0.08);
  border-radius: 999px;
}

.schedule-cell-progress i {
  display: block;
  height: 100%;
  background: currentColor;
  border-radius: inherit;
}

.schedule-dashboard-cell.status-complete {
  color: #15803d;
  background: #ecfdf5;
  border-color: #bbf7d0;
}

.schedule-dashboard-cell.status-warning {
  color: #a16207;
  background: #fffbeb;
  border-color: #fde68a;
}

.schedule-dashboard-cell.status-partial {
  color: #c2410c;
  background: #fff7ed;
  border-color: #fed7aa;
}

.schedule-dashboard-cell.status-danger {
  color: #b91c1c;
  background: #fef2f2;
  border-color: #fecaca;
}

.schedule-dashboard-cell.status-none {
  color: #64748b;
  background: #f1f5f9;
  border-color: #e2e8f0;
}

.schedule-dashboard-row-total {
  display: grid;
  align-content: center;
  gap: 3px;
  padding: 9px;
  color: #0f172a;
  background: #ffffff;
}

.schedule-dashboard-row-total span,
.schedule-dashboard-row-total small {
  color: #64748b;
  font-size: 11px;
  font-weight: 850;
}

.schedule-dashboard-row-total strong {
  font-size: 16px;
  font-weight: 950;
}

.schedule-dashboard-empty {
  grid-column: 1 / -1;
}

.candidate-pool-hero,
.candidate-account-summary {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.candidate-pool-hero h1 {
  margin: 0;
  color: #0f172a;
  font-size: 24px;
  font-weight: 950;
}

.candidate-pool-hero p,
.candidate-account-summary p {
  margin: 4px 0 0;
  color: #64748b;
  font-size: 13px;
  font-weight: 750;
}

.candidate-account-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 14px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px;
  background: #f8fafc;
}

.candidate-account-tabs a {
  border: 1px solid #dbe3ef;
  border-radius: 999px;
  padding: 8px 12px;
  background: #fff;
  color: #334155;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
}

.candidate-account-tabs a.is-active {
  border-color: #2563eb;
  background: #eff6ff;
  color: #1d4ed8;
}

.candidate-account-summary {
  margin-top: 14px;
}

.candidate-account-summary span,
.candidate-account-summary small {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.candidate-account-summary strong {
  display: block;
  margin: 3px 0;
  color: #0f172a;
  font-size: 20px;
  font-weight: 950;
}

.candidate-pool-counters {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.candidate-pool-counters span {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  border: 1px solid #dbe3ef;
  border-radius: 999px;
  padding: 6px 10px;
  background: #f8fafc;
  color: #334155;
}

.candidate-pool-counters b {
  color: #0f172a;
  font-size: 15px;
}

.candidate-pool-sections {
  display: grid;
  gap: 16px;
  margin-top: 16px;
}

.candidate-pool-section {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 14px;
  background: #fff;
}

.candidate-section-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.candidate-section-head h2 {
  margin: 0;
  color: #0f172a;
  font-size: 17px;
  font-weight: 950;
}

.candidate-section-head span {
  color: #64748b;
  font-size: 13px;
  font-weight: 800;
}

.candidate-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 12px;
}

.candidate-card {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px;
  background: #f8fafc;
}

.candidate-thumb {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 3 / 4;
  border-radius: 7px;
  background: #e2e8f0;
  color: #64748b;
  text-decoration: none;
}

.candidate-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.candidate-thumb span {
  display: grid;
  height: 100%;
  place-items: center;
  font-size: 12px;
  font-weight: 900;
}

.candidate-thumb em {
  position: absolute;
  left: 6px;
  top: 6px;
  border-radius: 999px;
  padding: 3px 7px;
  background: rgba(15, 23, 42, 0.82);
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.candidate-thumb .hd-upgrade-badge,
.calendar-v2-thumb .hd-upgrade-badge {
  position: absolute;
  top: 6px;
  right: 6px;
  padding: 4px 7px;
  font-size: 11px;
  z-index: 2;
  box-shadow: 0 2px 7px rgba(15, 23, 42, 0.18);
}

.candidate-thumb .watermark-warning-badge,
.calendar-v2-thumb .watermark-warning-badge {
  position: absolute;
  left: 6px;
  top: 6px;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  max-width: calc(100% - 12px);
  padding: 5px 8px;
  border-radius: 8px;
  font-size: 11px;
  line-height: 1;
  box-shadow: 0 8px 18px rgba(127, 29, 29, 0.22);
}

.candidate-thumb .watermark-warning-badge {
  top: 32px;
}

.candidate-card-body {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.candidate-card-topline,
.candidate-meta,
.candidate-actions {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
}

.candidate-card-topline time,
.candidate-meta span {
  color: #64748b;
  font-size: 12px;
  font-weight: 750;
}

.candidate-status-pill {
  border-radius: 999px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 900;
}

.candidate-type-badge {
  border-radius: 999px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 900;
}

.candidate-type-auto {
  background: #dcfce7;
  color: #166534;
}

.candidate-type-manual {
  background: #fef3c7;
  color: #92400e;
}

.candidate-status-available {
  background: #f1f5f9;
  color: #334155;
}

.candidate-status-candidate {
  background: #fef3c7;
  color: #92400e;
}

.candidate-status-locked,
.candidate-status-confirmed {
  background: #dbeafe;
  color: #1d4ed8;
}

.candidate-status-submitted {
  background: #dcfce7;
  color: #166534;
}

.candidate-caption {
  display: -webkit-box;
  min-height: 40px;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #0f172a;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.5;
}

.candidate-actions form {
  margin: 0;
}

.candidate-actions button,
.candidate-actions a {
  min-height: 32px;
  border-radius: 7px;
  font-size: 12px;
}

.compact-empty-state {
  padding: 18px;
}

.material-file-manager-panel {
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  padding: 14px;
  background: #fff;
}

.file-manager-actions {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.file-manager-actions form {
  display: grid;
  gap: 8px;
  margin: 0;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px;
  background: #f8fafc;
}

.file-manager-actions label {
  display: grid;
  gap: 5px;
  color: #475569;
  font-size: 13px;
  font-weight: 850;
}

.file-manager-actions input[type="url"] {
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  padding: 9px 10px;
  font: inherit;
}

.hd-replace-job-status {
  margin-top: 12px;
}

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

.hd-replace-status-head > div {
  display: grid;
  gap: 4px;
}

.hd-replace-meta {
  margin-top: 10px;
}

.hd-replace-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
  gap: 8px;
  margin: 12px 0 4px;
  padding: 0;
  list-style: none;
}

.hd-replace-steps li {
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 7px 8px;
  background: #f8fafc;
  color: #475569;
  font-size: 12px;
  text-align: center;
}

.hd-replace-steps li.is-current {
  border-color: #2563eb;
  background: #eff6ff;
  color: #1d4ed8;
  font-weight: 700;
}

.hd-replace-steps li.is-running {
  border-color: #2563eb;
  background: #eff6ff;
  color: #1d4ed8;
  font-weight: 700;
}

.hd-replace-steps li.is-done {
  border-color: #16a34a;
  background: #f0fdf4;
  color: #166534;
}

.hd-replace-steps li.is-success {
  border-color: #16a34a;
  background: #f0fdf4;
  color: #166534;
}

.hd-replace-steps li.is-failed {
  border-color: #dc2626;
  background: #fef2f2;
  color: #991b1b;
  font-weight: 700;
}

.hd-replace-steps li.is-stale {
  border-color: #d97706;
  background: #fffbeb;
  color: #92400e;
  font-weight: 700;
}

.hd-replace-steps li.is-cancelled {
  border-color: #94a3b8;
  background: #f1f5f9;
  color: #334155;
  font-weight: 700;
}

.hd-replace-comparison {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}

.hd-replace-comparison > div:not(:nth-child(2)) {
  display: grid;
  gap: 4px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 10px;
  background: #fff;
}

.hd-replace-comparison span,
.hd-replace-comparison small {
  color: #64748b;
}

.hd-replace-progress-bar {
  width: 100%;
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e2e8f0;
}

.hd-replace-progress-bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #2563eb;
  transition: width 180ms ease;
}

.global-job-widget {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 60;
  display: grid;
  justify-items: end;
  gap: 8px;
  max-width: min(360px, calc(100vw - 24px));
}

.global-job-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  padding: 9px 13px;
  background: #0f172a;
  color: #fff;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.22);
}

.global-job-toggle strong {
  min-width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: #2563eb;
  font-size: 12px;
}

.global-job-panel {
  display: none;
  width: 340px;
  max-height: min(520px, calc(100vh - 96px));
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.2);
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.global-job-widget.is-expanded .global-job-panel {
  display: grid;
  gap: 10px;
}

.global-job-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  color: #334155;
}

.global-job-head span,
.global-job-empty {
  color: #64748b;
  font-size: 12px;
}

.global-job-history {
  color: #64748b;
  font-size: 11px;
}

.global-job-list {
  display: grid;
  gap: 8px;
  max-height: min(370px, calc(100vh - 210px));
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 2px;
}

.global-job-item {
  display: grid;
  gap: 7px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 9px;
  color: inherit;
  text-decoration: none;
  background: #f8fafc;
  cursor: pointer;
}

.global-job-item.status-failed {
  border-color: #fecaca;
  background: #fef2f2;
}

.global-job-item.status-success {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.global-job-item.status-attention {
  border-color: #fde68a;
  background: #fffbeb;
}

.global-job-batch {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 3px 10px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  padding: 9px;
  color: #0f172a;
  text-decoration: none;
  background: #eff6ff;
}

.global-job-batch span {
  color: #1d4ed8;
  font-weight: 700;
}

.global-job-batch small {
  grid-column: 1 / -1;
  color: #64748b;
}

.global-job-main {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.global-job-main strong {
  font-size: 13px;
  color: #0f172a;
  overflow-wrap: anywhere;
}

.global-job-main span {
  color: #64748b;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.global-job-meta {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 3px 8px;
  margin: 0;
  color: #475569;
  font-size: 11px;
  line-height: 1.35;
}

.global-job-meta dt {
  font-weight: 700;
  color: #334155;
}

.global-job-meta dd {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.global-job-technical-details {
  color: #64748b;
  font-size: 11px;
}

.global-job-technical-details summary {
  cursor: pointer;
  font-weight: 700;
}

.global-job-technical-details .global-job-meta {
  margin-top: 6px;
}

.global-job-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.global-job-actions a,
.global-job-actions button {
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  padding: 4px 8px;
  background: #fff;
  color: #2563eb;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

.global-job-progress {
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: #e2e8f0;
}

.global-job-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #2563eb;
  transition: width 180ms ease;
}

.global-job-item.status-failed .global-job-progress span {
  background: #dc2626;
}

.global-job-item.status-success .global-job-progress span {
  background: #16a34a;
}

.global-job-upload-telemetry {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.global-job-link {
  justify-self: end;
  position: sticky;
  bottom: 0;
  padding-top: 6px;
  background: rgba(255, 255, 255, 0.98);
  color: #2563eb;
  font-size: 13px;
  font-weight: 700;
}

.file-version-history {
  margin-top: 12px;
}

.account-command-card,
.schedule-health-card {
  justify-content: space-between;
  align-items: center;
}

.account-command-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 64px;
  padding: 10px 12px;
}

.account-command-card h3,
.priority-material-card h3 {
  margin: 0 0 5px;
  font-size: 15px;
}

.account-command-card h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-command-card span,
.schedule-health-card span,
.light-meta-list,
.todo-command-card strong {
  color: #64748b;
  font-size: 13px;
}

.account-command-card strong,
.schedule-health-card strong,
.todo-command-card span {
  font-size: 26px;
  font-weight: 900;
  line-height: 1;
}

.account-command-card .account-today-count {
  color: #0f172a;
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}

.health-good {
  border-left: 5px solid #16a34a;
}

.health-warning {
  border-left: 5px solid #f59e0b;
}

.health-danger {
  border-left: 5px solid #dc2626;
}

.todo-command-card {
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}

.priority-material-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  gap: 14px;
}

.priority-material-card {
  display: grid;
  grid-template-columns: 118px minmax(0, 1fr);
  gap: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 12px;
  background: #fff;
}

.priority-thumb {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 9 / 16;
  border-radius: 8px;
  background: #e2e8f0;
}

.priority-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.priority-thumb span {
  position: absolute;
  right: 8px;
  bottom: 8px;
  left: 8px;
  border-radius: 8px;
  padding: 6px 8px;
  background: rgba(15, 23, 42, 0.78);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}

.priority-material-body {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.score-chip-row,
.compact-action-row,
.light-meta-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
}

.score-chip-row span {
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  padding: 4px 8px;
  background: #f8fafc;
  color: #334155;
  font-size: 12px;
  font-weight: 800;
}

.score-chip-row .risk-danger {
  border-color: #fecaca;
  color: #b91c1c;
}

.score-chip-row .risk-warning {
  border-color: #fed7aa;
  color: #c2410c;
}

.score-chip-row .risk-good {
  border-color: #bbf7d0;
  color: #15803d;
}

.priority-material-card .caption-preview {
  margin: 0;
  max-height: 44px;
  color: #334155;
  font-size: 13px;
}

.compact-action-row form {
  margin: 0;
}

.compact-action-row button {
  min-height: 32px;
  padding: 6px 10px;
  font-size: 13px;
}

.operation-two-column {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.operation-dev-status {
  margin-top: 18px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 12px 14px;
  background: #f8fafc;
}

.operation-dev-status summary {
  cursor: pointer;
  color: #475569;
  font-weight: 900;
}

.dashboard-v2-health-strip,
.dashboard-v2-panel {
  margin-top: 18px;
  border: 1px solid #dbe3ea;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.dashboard-v2-health-strip {
  position: sticky;
  top: 0;
  z-index: 5;
  padding: 12px;
}

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

.dashboard-v2-section-heading h2 {
  margin: 0;
  color: #0f172a;
  font-size: 18px;
  line-height: 1.2;
}

.dashboard-v2-section-heading a {
  color: #2563eb;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

.dashboard-v2-health-items {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 8px;
}

.dashboard-v2-health-item {
  display: grid;
  min-width: 0;
  gap: 3px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 9px 10px;
  color: #0f172a;
  text-decoration: none;
}

.dashboard-v2-health-item span,
.dashboard-v2-kpi-card span,
.dashboard-v2-inbox-card span,
.dashboard-v2-facebook-summary span {
  color: #64748b;
  font-size: 12px;
  font-weight: 850;
}

.dashboard-v2-health-item strong {
  font-size: 14px;
  font-weight: 950;
  white-space: nowrap;
}

.dashboard-v2-health-item small {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.dashboard-ai-ceo-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: 16px;
}

.dashboard-ai-date {
  color: #64748b;
  font-size: 13px;
  font-weight: 850;
}

.dashboard-executive-grid {
  align-items: start;
}

.dashboard-executive-brief {
  border-color: #bfdbfe;
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 58%);
}

.dashboard-executive-morning {
  margin: 0 0 14px;
  max-width: 920px;
  color: #0f172a;
  font-size: 19px;
  font-weight: 850;
  line-height: 1.62;
}

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

.dashboard-executive-metrics div {
  display: grid;
  gap: 4px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  padding: 11px 12px;
  background: #ffffff;
}

.dashboard-executive-metrics span,
.dashboard-executive-metrics small {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.dashboard-executive-metrics strong {
  color: #0f172a;
  font-size: 24px;
  font-weight: 950;
  line-height: 1;
}

.dashboard-executive-actions span {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1e3a8a;
}

.dashboard-executive-technical {
  margin: -4px 0 12px;
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  padding: 8px 10px;
  background: #f8fafc;
}

.dashboard-executive-technical summary {
  cursor: pointer;
  color: #64748b;
  font-size: 12px;
  font-weight: 850;
}

.dashboard-executive-technical small {
  display: block;
  margin-top: 6px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
}

.dashboard-executive-advice {
  margin: -2px 0 12px;
  border-left: 3px solid #2563eb;
  padding: 8px 12px;
  background: #eff6ff;
  color: #1e3a8a;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.5;
}

.dashboard-executive-learning {
  display: grid;
  gap: 8px;
  margin-top: 18px;
  border-color: #bbf7d0;
  background: #f7fef9;
}

.dashboard-executive-learning p {
  margin: 0;
  color: #14532d;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.55;
}

.dashboard-executive-learning-list {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 18px;
  color: #14532d;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
}

.dashboard-executive-learning small {
  color: #166534;
  font-size: 12px;
  font-weight: 800;
}

.dashboard-orchestrator-summary,
.orchestrator-brief,
.dashboard-scout-brief,
.dashboard-research-summary,
.scout-intel-brief,
.research-brief {
  display: grid;
  gap: 10px;
  margin-top: 18px;
  border-color: #c7d2fe;
  background: #f8fbff;
}

.dashboard-orchestrator-summary p,
.orchestrator-brief p,
.dashboard-scout-brief p,
.dashboard-research-summary p,
.scout-intel-brief p,
.research-brief p {
  margin: 0;
  color: #1e3a8a;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.55;
}

.research-lab-strip {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.ai-company-brief,
.ai-company-workflow {
  display: grid;
  gap: 10px;
  margin-top: 18px;
  border-color: #c7d2fe;
  background: #f8fbff;
}

.ai-company-brief p,
.ai-company-workflow p {
  margin: 0;
  color: #1e3a8a;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.55;
}

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

.ai-company-flow-node {
  display: grid;
  gap: 6px;
  min-width: 0;
  border: 1px solid #dbe3ea;
  border-radius: 8px;
  padding: 12px;
  background: #ffffff;
}

.ai-company-flow-node > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 950;
}

.ai-company-flow-node strong {
  color: #0f172a;
  font-size: 14px;
  font-weight: 950;
}

.ai-company-flow-node small,
.ai-company-flow-node em {
  color: #64748b;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.4;
}

.ai-company-flow-node p {
  color: #334155;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

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

.scout-intel-list a,
.scout-intel-list > div {
  display: grid;
  gap: 4px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px 12px;
  background: #ffffff;
  color: #0f172a;
  text-decoration: none;
}

.scout-intel-list strong {
  overflow: hidden;
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.scout-intel-list span,
.scout-intel-list small {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
}

.dashboard-ai-summary {
  margin: 0 0 12px;
  color: #334155;
  font-size: 14px;
  line-height: 1.55;
}

.dashboard-ai-meeting-summary,
.dashboard-ai-learning-note {
  display: grid;
  gap: 5px;
  margin-bottom: 12px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  padding: 10px 12px;
  background: #f8fbff;
}

.dashboard-ai-learning-note {
  margin-top: 12px;
  margin-bottom: 0;
  border-color: #bbf7d0;
  background: #f7fef9;
}

.dashboard-ai-meeting-summary strong,
.dashboard-ai-learning-note strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
}

.dashboard-ai-meeting-summary span,
.dashboard-ai-learning-note span {
  color: #334155;
  font-size: 13px;
  line-height: 1.45;
}

.dashboard-ai-meeting-summary small {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.dashboard-ai-briefing-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.dashboard-ai-briefing-grid h3 {
  margin: 0 0 8px;
  color: #0f172a;
  font-size: 14px;
  font-weight: 950;
}

.dashboard-ai-meaning-card {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 2px 10px;
  align-items: center;
  min-height: 68px;
  margin-top: 8px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  padding: 10px;
  background: #f8fbff;
  color: #0f172a;
  text-decoration: none;
}

.dashboard-ai-meaning-card.is-approval {
  border-color: #fde68a;
  background: #fffbeb;
}

.dashboard-ai-meaning-card strong {
  grid-row: span 2;
  color: #0f172a;
  font-size: 26px;
  font-weight: 950;
  line-height: 1;
}

.dashboard-ai-meaning-card span {
  color: #0f172a;
  font-size: 13px;
  font-weight: 900;
}

.dashboard-ai-meaning-card small {
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}

.dashboard-ai-next-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.dashboard-ai-next-actions span {
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  padding: 6px 9px;
  background: #f8fafc;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
}

.dashboard-daily-runtime-form {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin: 0;
}

.dashboard-daily-runtime-form button {
  border: 1px solid #34d399;
  border-radius: 8px;
  padding: 8px 12px;
  background: #10b981;
  color: #ffffff;
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
}

.dashboard-daily-runtime-form button:disabled {
  cursor: progress;
  opacity: 0.78;
}

.dashboard-daily-runtime-form.is-running button {
  background: #0f766e;
  border-color: #0f766e;
}

.dashboard-daily-runtime-form small {
  flex-basis: 100%;
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.daily-runtime-spinner {
  width: 14px;
  height: 14px;
  border: 2px solid #a7f3d0;
  border-top-color: #047857;
  border-radius: 999px;
  animation: daily-runtime-spin 0.75s linear infinite;
}

@keyframes daily-runtime-spin {
  to {
    transform: rotate(360deg);
  }
}

.daily-runtime-feedback {
  display: grid;
  gap: 8px;
  border: 1px solid #bbf7d0;
  border-radius: 8px;
  margin: 12px 0 18px;
  padding: 12px 14px;
  background: #f0fdf4;
  color: #14532d;
}

.daily-runtime-feedback.tone-neutral {
  border-color: #e2e8f0;
  background: #f8fafc;
  color: #334155;
}

.daily-runtime-feedback.tone-danger {
  border-color: #fecaca;
  background: #fef2f2;
  color: #7f1d1d;
}

.daily-runtime-feedback strong {
  font-size: 14px;
  font-weight: 950;
}

.daily-runtime-feedback div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.daily-runtime-feedback span {
  font-size: 12px;
  font-weight: 800;
}

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

.daily-operation-report div {
  display: grid;
  gap: 4px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px;
  background: #f8fafc;
}

.daily-operation-report span,
.daily-operation-report small {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.daily-operation-report strong {
  color: #0f172a;
  font-size: 17px;
  font-weight: 950;
}

.dashboard-ai-approval-panel .dashboard-v2-section-heading > strong {
  color: #0f172a;
  font-size: 28px;
  font-weight: 950;
}

.dashboard-ai-approval-list,
.dashboard-ai-planning-accounts {
  display: grid;
  gap: 8px;
}

.dashboard-ai-approval-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px 12px;
  color: #0f172a;
  text-decoration: none;
}

.dashboard-ai-approval-item div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.dashboard-ai-approval-item strong,
.dashboard-ai-planning-accounts strong {
  overflow: hidden;
  font-size: 13px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-ai-approval-item span,
.dashboard-ai-approval-item small,
.dashboard-ai-approval-item em {
  color: #64748b;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.dashboard-ai-approval-item em {
  grid-column: 1 / -1;
}

.dashboard-ai-approval-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  grid-column: 1 / -1;
  margin-top: 2px;
}

.dashboard-ai-approval-actions span {
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  padding: 4px 8px;
  background: #ffffff;
  color: #334155;
  font-size: 12px;
  font-weight: 850;
}

.dashboard-ai-approval-item.risk-high {
  border-color: #fecaca;
  background: #fff7f7;
}

.dashboard-ai-approval-item.risk-medium {
  border-color: #fde68a;
  background: #fffbeb;
}

.dashboard-ai-approval-item.risk-low {
  border-color: #bbf7d0;
  background: #f7fef9;
}

.dashboard-ai-approval-center-link {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  border: 1px solid #c7d2fe;
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 8px 11px;
  background: #eef2ff;
  color: #312e81;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.approval-center-summary {
  margin-top: 18px;
}

.approval-ceo-summary {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.approval-ceo-summary-main {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: space-between;
}

.approval-ceo-summary-main h2 {
  margin: 2px 0 6px;
  color: #0f172a;
  font-size: 24px;
  font-weight: 950;
  letter-spacing: 0;
}

.approval-ceo-summary-main p {
  margin: 0;
  color: #475569;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.45;
}

.approval-ceo-summary-main > strong {
  color: #0f172a;
  font-size: 42px;
  font-weight: 950;
  line-height: 1;
}

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

.approval-ceo-metrics div {
  display: grid;
  gap: 4px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px 12px;
  background: #f8fafc;
}

.approval-ceo-metrics span,
.approval-ceo-metrics small {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.approval-ceo-metrics strong {
  color: #0f172a;
  font-size: 18px;
  font-weight: 950;
}

.approval-quick-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.approval-quick-actions form {
  margin: 0;
}

.approval-quick-actions small {
  flex-basis: 100%;
  color: #64748b;
  font-size: 12px;
  font-weight: 750;
}

.approval-priority-board {
  display: grid;
  gap: 18px;
  margin-top: 18px;
}

.approval-section {
  margin-top: 18px;
}

.approval-card-list {
  display: grid;
  gap: 12px;
}

.approval-card {
  display: grid;
  gap: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 14px;
  background: #ffffff;
}

.approval-card header {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
}

.approval-card header div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.approval-card header strong {
  color: #0f172a;
  font-size: 15px;
  font-weight: 950;
}

.approval-card-v2 header p {
  margin: 4px 0 0;
  color: #334155;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.45;
}

.approval-card-type {
  color: #64748b;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.approval-card header span,
.approval-card header small,
.approval-card p,
.approval-slot-grid span,
.approval-slot-grid small {
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
}

.approval-card p {
  margin: 0;
}

.approval-card-brief {
  display: grid;
  grid-template-columns: 0.8fr 1.3fr 1fr;
  gap: 10px;
}

.approval-card-brief div {
  display: grid;
  gap: 4px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 9px 10px;
  background: #f8fafc;
}

.approval-card-brief span {
  color: #64748b;
  font-size: 11px;
  font-weight: 950;
}

.approval-card-brief strong {
  color: #0f172a;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.35;
}

.approval-evidence-details {
  border-top: 1px solid #e2e8f0;
  padding-top: 10px;
}

.approval-evidence-details summary {
  width: fit-content;
  cursor: pointer;
  color: #475569;
  font-size: 12px;
  font-weight: 900;
}

.approval-evidence-details[open] summary {
  margin-bottom: 10px;
}

.approval-evidence-grid,
.approval-slot-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.approval-evidence-grid div,
.approval-slot-grid div {
  display: grid;
  gap: 5px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px;
  background: #f8fafc;
}

.approval-evidence-grid b,
.approval-slot-grid strong {
  color: #334155;
  font-size: 12px;
  font-weight: 950;
}

.approval-evidence-grid span {
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
}

.approval-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.approval-actions form {
  margin: 0;
}

@media (max-width: 760px) {
  .approval-card header,
  .approval-evidence-grid,
  .approval-slot-grid,
  .approval-ceo-metrics,
  .approval-card-brief,
  .daily-operation-report {
    grid-template-columns: 1fr;
  }

  .approval-card header {
    display: grid;
  }
}

.dashboard-ai-planning-panel {
  margin-top: 18px;
}

.dashboard-ai-planning-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.dashboard-ai-planning-summary div {
  display: grid;
  gap: 4px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px 12px;
  background: #f8fafc;
}

.dashboard-ai-planning-summary span,
.dashboard-ai-planning-summary small,
.dashboard-ai-planning-accounts span {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.dashboard-ai-planning-summary strong {
  color: #0f172a;
  font-size: 24px;
  font-weight: 950;
  line-height: 1;
}

.dashboard-ai-planning-accounts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dashboard-ai-planning-accounts a {
  display: grid;
  gap: 4px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  padding: 10px 12px;
  background: #f8fbff;
  color: #0f172a;
  text-decoration: none;
}

.tone-good {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.tone-warning {
  border-color: #fde68a;
  background: #fffbeb;
}

.tone-danger {
  border-color: #fecaca;
  background: #fef2f2;
}

.dashboard-v2-grid {
  display: grid;
  gap: 16px;
}

.dashboard-v2-grid-main,
.dashboard-v2-grid-queues {
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

.dashboard-v2-panel {
  padding: 16px;
}

.dashboard-v2-inbox-grid,
.dashboard-v2-kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.dashboard-v2-inbox-card,
.dashboard-v2-kpi-card {
  display: grid;
  gap: 4px;
  min-height: 86px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 12px;
  color: #0f172a;
  text-decoration: none;
}

.dashboard-v2-inbox-card strong,
.dashboard-v2-kpi-card strong,
.dashboard-v2-facebook-summary strong {
  color: #0f172a;
  font-size: 26px;
  font-weight: 950;
  line-height: 1;
}

.dashboard-v2-kpi-card small {
  color: #64748b;
  font-size: 12px;
  font-weight: 750;
}

.dashboard-v2-matrix-section {
  margin-top: 18px;
}

.schedule-cell-meta {
  color: #64748b;
  font-size: 11px;
  font-weight: 750;
  white-space: nowrap;
}

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

.dashboard-v2-queue-row {
  display: grid;
  grid-template-columns: minmax(92px, 1fr) repeat(4, auto) minmax(130px, 1.1fr);
  align-items: center;
  gap: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px 12px;
  color: #0f172a;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.dashboard-v2-queue-row strong {
  font-size: 14px;
}

.dashboard-v2-queue-row small {
  overflow: hidden;
  color: #64748b;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-v2-facebook-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.dashboard-v2-facebook-summary div {
  display: grid;
  gap: 4px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px 12px;
  background: #f8fafc;
}

.dashboard-v2-recent-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.dashboard-v2-recent-list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid #e2e8f0;
  padding-top: 8px;
  color: #0f172a;
  font-size: 13px;
  text-decoration: none;
}

.dashboard-v2-recent-list span {
  color: #64748b;
  font-weight: 750;
  white-space: nowrap;
}

.dashboard-v2-material-strip {
  margin-top: 18px;
}

.dashboard-v2-material-rail {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(210px, 260px);
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.dashboard-v2-material-pill {
  display: grid;
  gap: 5px;
  min-width: 0;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 11px 12px;
  background: #f8fafc;
  color: #0f172a;
  text-decoration: none;
}

.dashboard-v2-material-pill strong {
  overflow: hidden;
  font-size: 13px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-v2-material-pill span,
.dashboard-v2-material-pill small {
  overflow: hidden;
  color: #64748b;
  font-size: 12px;
  font-weight: 780;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-v2-material-pill.risk-danger {
  border-color: #fecaca;
  background: #fff7f7;
}

.dashboard-v2-material-pill.risk-warning {
  border-color: #fed7aa;
  background: #fffaf0;
}

.dashboard-v2-material-pill.risk-good {
  border-color: #bbf7d0;
  background: #f7fef9;
}

.dashboard-v2-alert-panel {
  margin-top: 18px;
}

.dashboard-v2-alert-timeline {
  display: grid;
  gap: 8px;
}

.dashboard-v2-alert {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px 12px;
}

.dashboard-v2-alert span,
.dashboard-v2-alert small {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.dashboard-v2-alert strong {
  overflow: hidden;
  color: #0f172a;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 1180px) {
  .dashboard-v2-health-items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dashboard-v2-grid-main,
  .dashboard-v2-grid-queues,
  .dashboard-ai-ceo-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .dashboard-v2-health-strip {
    position: static;
  }

  .dashboard-v2-health-items,
  .dashboard-v2-inbox-grid,
  .dashboard-v2-kpi-grid,
  .dashboard-v2-facebook-summary,
  .dashboard-ai-briefing-grid,
  .dashboard-ai-planning-summary,
  .dashboard-ai-planning-accounts {
    grid-template-columns: 1fr;
  }

  .dashboard-v2-queue-row,
  .dashboard-v2-alert {
    grid-template-columns: 1fr;
  }
}

.action-disabled-note {
  align-self: center;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

button[disabled] + .action-disabled-note {
  margin-left: -4px;
}

.account-context-warning {
  margin-top: 8px;
  color: #b91c1c;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.gap-entry-strip,
.material-detail-primary-action,
.review-queue-shell {
  display: grid;
  gap: 16px;
  margin-bottom: 18px;
}

.gap-entry-strip,
.material-detail-primary-action {
  grid-template-columns: minmax(0, 1fr) minmax(220px, auto);
  align-items: center;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  padding: 14px 16px;
  background: #f8fafc;
}

.gap-entry-strip strong,
.material-detail-primary-action h2 {
  display: block;
  margin: 0 0 4px;
}

.gap-entry-actions,
.material-detail-primary-controls,
.review-actions,
.review-navigation,
.material-more-action-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.gap-entry-actions a,
.primary-link,
.review-navigation a {
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  padding: 8px 10px;
  color: #0f172a;
  background: #fff;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.material-primary-action-system {
  align-items: flex-start;
}

.primary-action-hint {
  flex-basis: 100%;
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}

.auto-heal-status {
  font-weight: 800;
}

.auto-heal-status-warning {
  color: #b45309;
}

.auto-heal-status-danger {
  color: #b91c1c;
}

.material-more-actions {
  flex-basis: 100%;
}

.material-more-actions summary {
  cursor: pointer;
  color: #475569;
  font-size: 13px;
  font-weight: 900;
}

.material-more-action-grid {
  margin-top: 8px;
}

.material-detail-score-hero {
  display: grid;
  grid-template-columns: auto minmax(110px, auto) minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 14px;
  background: #f8fafc;
  border: 1px solid #dbeafe;
  border-radius: 12px;
}

.material-detail-score-hero span,
.material-detail-score-hero small {
  color: #64748b;
  font-size: 13px;
  font-weight: 760;
}

.material-detail-score-hero strong {
  display: inline-grid;
  grid-template-columns: auto auto;
  gap: 8px;
  align-items: baseline;
  justify-self: start;
  min-width: 92px;
  padding: 8px 14px;
  color: #ffffff;
  background: #0f172a;
  border-radius: 12px;
  font-size: 28px;
  line-height: 1;
  text-align: center;
}

.material-detail-score-hero .material-score-grade {
  color: #cbd5e1;
  font-size: 18px;
}

.material-detail-score-hero .material-score-value {
  color: #ffffff;
  font-size: 36px;
}

.detail-more-actions {
  flex-basis: auto;
}

.button-disabled {
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  padding: 8px 10px;
  color: #94a3b8;
  background: #f8fafc;
  font-size: 13px;
  font-weight: 800;
}

.review-queue-shell {
  grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.1fr);
}

.review-video-panel,
.review-detail-panel {
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.review-metric-list {
  display: grid;
  gap: 10px;
  margin: 0 0 16px;
}

.review-metric-list div {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 12px;
  border-bottom: 1px solid #e2e8f0;
  padding-bottom: 10px;
}

.review-metric-list dt {
  color: #64748b;
  font-size: 12px;
  font-weight: 900;
}

.review-metric-list dd {
  margin: 0;
  color: #0f172a;
}

.calendar-page-header {
  align-items: stretch;
}

.calendar-account-panel,
.calendar-toolbar,
.schedule-selection-banner {
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #ffffff;
}

.calendar-account-panel {
  display: grid;
  gap: 4px;
  min-width: 260px;
  padding: 14px 16px;
}

.calendar-account-panel span,
.calendar-account-panel small,
.calendar-rule-summary span,
.calendar-week-title span {
  color: #64748b;
  font-size: 12px;
  font-weight: 750;
}

.calendar-account-panel strong {
  color: #0f172a;
  font-size: 18px;
  font-weight: 900;
}

.calendar-toolbar,
.schedule-selection-banner {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 16px;
  padding: 14px;
}

.calendar-week-title,
.schedule-selection-banner > div {
  display: grid;
  gap: 4px;
}

.calendar-week-title strong,
.schedule-selection-banner strong {
  color: #0f172a;
  font-size: 16px;
  font-weight: 900;
}

.calendar-week-nav,
.calendar-rule-summary {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.calendar-week-nav a {
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  padding: 7px 10px;
  color: #0f172a;
  background: #f8fafc;
  font-weight: 850;
  text-decoration: none;
}

.calendar-rule-summary span {
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  padding: 5px 9px;
  background: #f8fafc;
}

.calendar-week-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(190px, 1fr));
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 8px;
}

.calendar-day-column {
  min-width: 190px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #f8fafc;
}

.calendar-day-header {
  display: grid;
  gap: 10px;
  padding: 12px;
  border-bottom: 1px solid #e2e8f0;
  background: #ffffff;
}

.calendar-day-header > div {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.calendar-day-header strong {
  color: #0f172a;
  font-weight: 900;
}

.calendar-day-header span {
  color: #64748b;
  font-size: 12px;
  font-weight: 750;
}

.calendar-day-header form,
.calendar-empty-slot form {
  margin: 0;
}

.calendar-day-header button,
.calendar-empty-slot button {
  width: 100%;
  min-height: 30px;
  font-size: 12px;
}

.calendar-slot-list {
  display: grid;
  gap: 9px;
  padding: 10px;
}

.calendar-slot {
  display: grid;
  gap: 8px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 9px;
  background: #ffffff;
}

.calendar-slot-time {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}

.calendar-slot-time strong {
  color: #111827;
  font-size: 14px;
  font-weight: 950;
}

.calendar-slot-time span {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.calendar-empty-slot,
.calendar-empty-day,
.calendar-config-empty {
  display: grid;
  gap: 8px;
  color: #475569;
  background: #f8fafc;
}

.calendar-empty-slot {
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  padding: 12px;
}

.calendar-empty-slot strong {
  color: #0f172a;
  font-weight: 900;
}

.calendar-schedule-card {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 9px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  padding: 8px;
  background: #ffffff;
}

.calendar-card-candidate {
  border-color: #f3d481;
  background: #fffaf0;
}

.calendar-card-scheduled {
  border-color: #bfdbfe;
  background: #f4f8ff;
}

.calendar-card-published {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.calendar-card-failed,
.calendar-card-preflight_failed {
  border-color: #fecaca;
  background: #fff5f5;
}

.calendar-card-media {
  display: grid;
  place-items: center;
  width: 54px;
  height: 72px;
  overflow: hidden;
  color: #64748b;
  background: #e2e8f0;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 900;
}

.calendar-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.calendar-card-body {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.calendar-card-head,
.calendar-card-meta,
.calendar-performance-line,
.calendar-card-actions {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
}

.calendar-card-head {
  justify-content: space-between;
}

.calendar-card-head strong {
  min-width: 0;
  color: #0f172a;
  font-size: 13px;
  font-weight: 900;
}

.calendar-card-body p {
  margin: 0;
  color: #334155;
  font-size: 12px;
  line-height: 1.4;
}

.calendar-card-meta span,
.calendar-performance-line span {
  color: #64748b;
  font-size: 11px;
  font-weight: 760;
}

.calendar-status-pill {
  border-radius: 999px;
  padding: 3px 7px;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.calendar-status-empty,
.calendar-status-candidate {
  color: #76510a;
  background: #fff1c2;
}

.calendar-status-pending_manual_confirm {
  color: #92400e;
  background: #ffedd5;
}

.calendar-status-creator_ready,
.calendar-status-standard_ready {
  color: #166534;
  background: #dcfce7;
}

.calendar-status-needs_confirmation {
  color: #92400e;
  background: #fef3c7;
}

.calendar-status-needs_adjustment {
  color: #854d0e;
  background: #fef9c3;
}

.calendar-status-needs_repair {
  color: #991b1b;
  background: #fee2e2;
}

.calendar-status-watermark_pending {
  color: #92400e;
  background: #fef3c7;
}

.calendar-status-scheduled {
  color: #1d4ed8;
  background: #dbeafe;
}

.calendar-status-published {
  color: #166534;
  background: #dcfce7;
}

.calendar-status-failed,
.calendar-status-preflight_failed {
  color: #991b1b;
  background: #fee2e2;
}

.calendar-card-actions a,
.calendar-card-actions button {
  min-height: 28px;
  padding: 0 8px;
  font-size: 12px;
}

.button-primary-subtle,
.button-danger-subtle {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 7px;
  padding: 0 10px;
  font-weight: 900;
  text-decoration: none;
}

.button-primary-subtle {
  color: #1d4ed8;
  border-color: #bfdbfe;
  background: #eff6ff;
}

.button-danger-subtle {
  color: #b91c1c;
  border-color: #fecaca;
  background: #fff5f5;
}

.button-compact {
  min-height: 28px;
  padding: 0 8px;
  font-size: 12px;
}

.calendar-v2-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.calendar-v2-shell.has-preview {
  grid-template-columns: minmax(0, 1fr) 380px;
}

.calendar-v2-main {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.calendar-v2-hero,
.calendar-v2-account-strip {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  padding: 14px;
  background: #ffffff;
}

.calendar-v2-hero h1 {
  margin: 0;
  color: #0f172a;
  font-size: 22px;
  font-weight: 950;
}

.calendar-v2-hero p,
.calendar-v2-account-strip p {
  margin: 4px 0 0;
  color: #64748b;
  font-size: 13px;
  font-weight: 750;
}

.schedule-performance-freshness {
  display: grid;
  grid-template-columns: minmax(190px, auto) minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  border-top: 1px solid var(--border-color, #d9dee7);
  border-bottom: 1px solid var(--border-color, #d9dee7);
  background: var(--surface-subtle, #f7f8fa);
  color: var(--text-secondary, #4a5568);
}

.schedule-performance-freshness strong {
  color: var(--text-primary, #172033);
}

.schedule-performance-freshness small {
  text-align: right;
}

@media (max-width: 760px) {
  .schedule-performance-freshness {
    grid-template-columns: 1fr;
  }

  .schedule-performance-freshness small {
    text-align: left;
  }
}

.schedule-ai-fill-diagnostics {
  display: grid;
  gap: 8px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  padding: 8px 10px;
  background: #ffffff;
}

.schedule-inventory-strip {
  display: grid;
  gap: 8px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  padding: 10px;
  background: #ffffff;
}

.schedule-inventory-head {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.schedule-inventory-head strong {
  color: #0f172a;
  font-size: 15px;
  font-weight: 950;
}

.schedule-inventory-head span {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.schedule-inventory-kpis {
  display: grid;
  grid-template-columns: repeat(6, minmax(104px, 1fr));
  gap: 6px;
}

.schedule-inventory-kpi {
  min-width: 0;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 7px 8px;
  background: #f8fafc;
}

.schedule-inventory-kpi span {
  display: block;
  color: #64748b;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 850;
}

.schedule-inventory-kpi strong {
  display: inline-block;
  margin-top: 2px;
  color: #0f172a;
  font-size: 18px;
  line-height: 1;
  font-weight: 950;
}

.schedule-inventory-kpi small {
  display: block;
  margin-top: 2px;
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.schedule-inventory-kpi.is-warning {
  background: #fffbeb;
  border-color: #fde68a;
}

.schedule-inventory-kpi.is-info {
  background: #eff6ff;
  border-color: #bfdbfe;
}

.schedule-inventory-kpi.is-muted {
  background: #ffffff;
  opacity: 0.72;
}

.schedule-workspace-overview {
  display: grid;
  grid-template-columns: minmax(240px, 0.9fr) minmax(320px, 1.4fr);
  gap: 10px;
}

.schedule-workspace-card,
.schedule-company-coverage,
.schedule-risk-strip,
.schedule-timeline-head {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #dbe3ef;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04);
}

.schedule-workspace-card-primary {
  background: linear-gradient(180deg, #ffffff 0%, #f0fdf4 100%);
  border-color: #bbf7d0;
}

.schedule-workspace-card span,
.schedule-workspace-card small {
  color: #64748b;
  font-size: 12px;
  font-weight: 850;
}

.schedule-workspace-card strong {
  color: #0f172a;
  font-size: 30px;
  line-height: 1;
  font-weight: 950;
}

.schedule-workspace-card:not(.schedule-workspace-card-primary) strong {
  font-size: 17px;
}

.schedule-workspace-metrics,
.schedule-risk-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.schedule-workspace-metrics em,
.schedule-risk-list span {
  padding: 5px 8px;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1;
}

.schedule-section-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.schedule-section-title strong {
  display: block;
  color: #0f172a;
  font-size: 15px;
  font-weight: 950;
}

.schedule-section-title span,
.schedule-section-title em {
  color: #64748b;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.schedule-section-title em {
  flex: 0 0 auto;
  padding: 5px 8px;
  color: #92400e;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 999px;
}

.schedule-coverage-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.schedule-coverage-card {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
}

.schedule-coverage-card div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.schedule-coverage-card strong,
.schedule-coverage-card b {
  min-width: 0;
  overflow: hidden;
  color: #0f172a;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.schedule-coverage-card span,
.schedule-coverage-card small {
  color: #64748b;
  font-size: 11px;
  font-weight: 820;
}

.schedule-coverage-card em {
  width: fit-content;
  padding: 3px 7px;
  border-radius: 999px;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.schedule-coverage-card.is-healthy em,
.schedule-risk-list .is-healthy {
  color: #166534;
  background: #f0fdf4;
  border-color: #bbf7d0;
}

.schedule-coverage-card.is-warning em,
.schedule-risk-list .is-warning {
  color: #92400e;
  background: #fffbeb;
  border-color: #fde68a;
}

.schedule-coverage-card.is-critical em,
.schedule-risk-list .is-critical {
  color: #991b1b;
  background: #fef2f2;
  border-color: #fecaca;
}

.schedule-diagnostics-head {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.schedule-diagnostics-head strong {
  display: inline;
  color: #0f172a;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 950;
}

.schedule-diagnostics-head span,
.schedule-diagnostics-head p,
.schedule-reason-head span,
.schedule-ai-fill-diagnostics small {
  display: block;
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
}

.schedule-diagnostics-head p {
  margin: 0;
  text-align: right;
}

.schedule-diagnostics-kpis {
  display: grid;
  grid-template-columns: repeat(6, minmax(104px, 1fr));
  gap: 6px;
}

.schedule-diagnostics-kpi {
  min-width: 0;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 6px 8px;
  background: #f8fafc;
}

.schedule-diagnostics-kpi span {
  display: block;
  color: #64748b;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 850;
}

.schedule-diagnostics-kpi strong {
  display: inline-block;
  margin-top: 2px;
  color: #0f172a;
  font-size: 18px;
  line-height: 1;
  font-weight: 950;
}

.schedule-diagnostics-kpi small {
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.schedule-diagnostics-kpi.is-zero,
.schedule-diagnostics-kpi.is-na {
  padding-block: 5px;
  background: #ffffff;
  opacity: 0.72;
}

.schedule-diagnostics-kpi.is-zero strong,
.schedule-diagnostics-kpi.is-na strong {
  color: #94a3b8;
  font-size: 15px;
}

.schedule-ai-fill-diagnostics .schedule-ai-fill-reasons {
  min-width: 0;
  border: 1px solid #eef2f7;
  border-radius: 8px;
  padding: 7px 8px;
  background: #fbfdff;
}

.schedule-reason-head {
  display: flex;
  gap: 10px;
  align-items: baseline;
  justify-content: space-between;
}

.schedule-reason-head strong {
  color: #0f172a;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 950;
}

.schedule-ai-fill-reasons ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
}

.schedule-ai-fill-reasons li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1px 6px;
  align-items: center;
  min-width: 0;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  padding: 4px 7px;
  background: #ffffff;
}

.schedule-ai-fill-reasons li span,
.schedule-ai-fill-reasons li small {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.schedule-ai-fill-reasons li small {
  grid-column: 1 / -1;
  font-size: 10px;
}

.schedule-ai-fill-reasons b {
  color: #0f172a;
  font-size: 14px;
  line-height: 1.1;
  font-weight: 950;
}

.schedule-ai-fill-reasons li.is-zero {
  opacity: 0.58;
  padding-block: 3px;
  background: #f8fafc;
}

.schedule-ai-fill-reasons li.is-zero b {
  color: #94a3b8;
}

.schedule-ai-fill-drilldowns {
  display: grid;
  gap: 6px;
  margin-top: 7px;
}

.schedule-drilldown {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 6px 8px;
  background: #ffffff;
}

.schedule-drilldown summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 10px;
  align-items: center;
  cursor: pointer;
}

.schedule-drilldown summary small {
  grid-column: 1 / -1;
}

.schedule-drilldown-list {
  display: grid;
  gap: 7px;
  margin-top: 7px;
}

.schedule-drilldown-card {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 8px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 7px;
  background: #f8fafc;
}

.schedule-drilldown-thumb {
  display: grid;
  place-items: center;
  width: 70px;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 8px;
  background: #e2e8f0;
  color: #64748b;
  font-size: 12px;
  font-weight: 850;
  text-decoration: none;
}

.schedule-drilldown-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.schedule-drilldown-body {
  min-width: 0;
}

.schedule-drilldown-body header,
.schedule-drilldown-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.schedule-drilldown-body header strong,
.schedule-drilldown-body code {
  display: block;
}

.schedule-drilldown-body code {
  margin-top: 3px;
  color: #64748b;
  font-size: 11px;
  overflow-wrap: anywhere;
}

.schedule-drilldown-kv {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 5px 8px;
  margin: 6px 0;
}

.schedule-drilldown-kv div {
  min-width: 0;
}

.schedule-drilldown-kv dt {
  color: #64748b;
  font-size: 11px;
  font-weight: 850;
}

.schedule-drilldown-kv dd {
  margin: 2px 0 0;
  color: #0f172a;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.schedule-drilldown-actions {
  justify-content: flex-start;
}

.schedule-drilldown-actions form {
  margin: 0;
}

.schedule-ai-fill-diagnostics .schedule-ai-fill-explain {
  border: 1px solid #eef2f7;
  border-radius: 8px;
  padding: 7px 8px;
  background: #f8fafc;
}

.schedule-ai-fill-explain summary {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
}

.schedule-ai-fill-explain-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 8px;
  margin-top: 8px;
}

.schedule-diagnostics-note {
  margin: 0;
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 750;
}

.schedule-ai-fill-explain-list article {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px;
  background: #ffffff;
}

.schedule-ai-fill-explain-list header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.schedule-ai-fill-explain-list ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  padding: 0;
  margin: 8px 0;
  list-style: none;
}

.schedule-ai-fill-explain-list li {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 12px;
  color: #475569;
}

.calendar-v2-metrics {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.calendar-v2-metrics form {
  margin: 0;
}

.calendar-v2-metrics span {
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  padding: 6px 10px;
  color: #475569;
  background: #f8fafc;
  font-size: 12px;
  font-weight: 850;
}

.calendar-v2-kpi-action {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  min-height: 30px;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  padding: 6px 10px;
  color: #1d4ed8;
  background: #eff6ff;
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}

.calendar-v2-kpi-action strong {
  color: #1e3a8a;
  font-size: 13px;
  font-weight: 950;
}

.calendar-v2-kpi-action:hover,
.calendar-v2-kpi-action:focus-visible {
  border-color: #60a5fa;
  background: #dbeafe;
  outline: none;
}

.calendar-v2-metrics .calendar-submit-disabled-note {
  color: #92400e;
  background: #fffbeb;
  border-color: #fde68a;
}

.calendar-v2-metrics .calendar-publish-gate-note {
  max-width: 320px;
  white-space: normal;
}

.calendar-v2-metrics .calendar-publish-gate-note.is-dry-run {
  color: #92400e;
  background: #fffbeb;
  border-color: #fed7aa;
}

.calendar-v2-metrics .calendar-publish-gate-note.is-live {
  color: #991b1b;
  background: #fef2f2;
  border-color: #fecaca;
}

.calendar-v2-hero.is-publish-execution {
  border-color: #bfdbfe;
  background: #f8fbff;
}

.calendar-submit-feedback {
  display: grid;
  gap: 12px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  padding: 14px;
  background: #f8fbff;
}

.calendar-submit-feedback.is-failed {
  border-color: #fecaca;
  background: #fff7f7;
}

.publish-execution-center {
  gap: 14px;
  margin-top: 12px;
  border-color: #93c5fd;
  background: #f8fbff;
}

.publish-execution-summary {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
}

.publish-execution-summary div {
  display: grid;
  gap: 3px;
  min-width: 0;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  padding: 10px;
  background: #ffffff;
}

.publish-execution-summary span {
  color: #64748b;
  font-size: 11px;
  font-weight: 850;
}

.publish-execution-summary strong {
  color: #0f172a;
  font-size: 20px;
  font-weight: 950;
}

.publish-execution-subhead {
  border-top: 1px solid #dbeafe;
  padding-top: 12px;
}

.publish-execution-return {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  padding: 12px;
  background: #ffffff;
}

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

.calendar-submit-feedback-head strong {
  display: block;
  color: #0f172a;
  font-size: 15px;
  font-weight: 950;
}

.calendar-submit-feedback-head span,
.calendar-submit-result span,
.calendar-submit-result p {
  color: #475569;
  font-size: 12px;
  font-weight: 750;
}

.calendar-submit-feedback-head .dry-run-warning {
  display: block;
  margin-top: 6px;
  color: #92400e;
  font-size: 12px;
  font-weight: 900;
}

.calendar-submit-feedback-head .live-publish-warning {
  display: block;
  margin-top: 6px;
  color: #991b1b;
  font-size: 12px;
  font-weight: 900;
}

.calendar-submit-feedback-head .auto-start-result {
  display: block;
  max-width: 72ch;
  margin-top: 6px;
  overflow-wrap: anywhere;
  color: #166534;
  font-size: 12px;
  font-weight: 850;
}

.calendar-submit-feedback-head .auto-start-result.is-warning {
  color: #92400e;
}

.calendar-submit-counts {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.calendar-submit-counts span {
  border: 1px solid #dbe3ef;
  border-radius: 999px;
  padding: 5px 8px;
  background: #ffffff;
}

.calendar-submit-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.calendar-submit-steps li {
  border: 1px solid #dbe3ef;
  border-radius: 7px;
  padding: 7px;
  color: #334155;
  background: #ffffff;
  font-size: 12px;
  font-weight: 850;
  text-align: center;
}

.calendar-submit-steps li strong,
.calendar-submit-steps li span {
  display: block;
}

.calendar-submit-steps li span {
  margin-top: 3px;
  font-size: 11px;
}

.calendar-submit-steps .step-success {
  color: #047857;
  background: #ecfdf5;
  border-color: #bbf7d0;
}

.calendar-submit-steps .step-waiting {
  color: #475569;
  background: #f8fafc;
}

.calendar-submit-steps .step-running {
  color: #1d4ed8;
  background: #eff6ff;
  border-color: #bfdbfe;
}

.calendar-submit-steps .step-failed {
  color: #b91c1c;
  background: #fef2f2;
  border-color: #fecaca;
}

.calendar-submit-steps .step-skipped {
  color: #92400e;
  background: #fffbeb;
  border-color: #fed7aa;
}

.calendar-submit-steps .step-review {
  border-color: #d4a72c;
  background: #fff9e8;
  color: #76520b;
}

.calendar-submit-progress-list {
  display: grid;
  gap: 10px;
}

.calendar-submit-progress-card {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 12px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  padding: 10px;
  background: #ffffff;
}

.calendar-submit-progress-card.is-success,
.calendar-submit-progress-card.is-published {
  border-color: #bbf7d0;
}

.calendar-submit-progress-card.is-waiting {
  border-color: #bfdbfe;
}

.calendar-submit-progress-card.is-failed {
  border-color: #fecaca;
}

.calendar-submit-progress-card.is-skipped {
  border-color: #fed7aa;
}

.calendar-submit-progress-thumb {
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  color: #64748b;
  background: #e5e7eb;
  border-radius: 7px;
  font-size: 12px;
  text-align: center;
}

.calendar-submit-progress-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.calendar-submit-progress-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.calendar-submit-progress-title {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.calendar-submit-progress-title strong,
.calendar-submit-progress-title span,
.calendar-submit-progress-title em {
  display: block;
}

.calendar-submit-progress-title strong {
  color: #0f172a;
  font-size: 13px;
  font-style: normal;
  font-weight: 950;
}

.calendar-submit-progress-title span,
.calendar-submit-progress-meta span,
.calendar-submit-progress-meta a {
  color: #475569;
  font-size: 12px;
  font-weight: 750;
}

.calendar-submit-progress-title em {
  flex: 0 0 auto;
  align-self: start;
  border-radius: 999px;
  padding: 5px 8px;
  color: #1d4ed8;
  background: #dbeafe;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.calendar-submit-mode-line {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

.calendar-submit-mode-line span,
.calendar-submit-mode-line strong {
  border: 1px solid #dbe3ef;
  border-radius: 999px;
  padding: 4px 8px;
  color: #475569;
  background: #f8fafc;
  font-size: 12px;
  font-weight: 850;
}

.calendar-submit-mode-line strong {
  color: #92400e;
  background: #fffbeb;
  border-color: #fed7aa;
}

.job-progress-inline {
  display: grid;
  grid-template-columns: auto minmax(120px, 1fr) auto;
  gap: 8px;
  align-items: center;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
}

.job-progress-inline[hidden] {
  display: none;
}

.job-progress-bar {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #e2e8f0;
}

.job-progress-bar i {
  display: block;
  height: 100%;
  background: #2563eb;
}

.job-progress-unknown-note {
  color: #92400e;
  font-weight: 800;
}

.job-upload-telemetry {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin: 6px 0 0;
  color: #475569;
  font-size: 12px;
}

.job-upload-telemetry[hidden] {
  display: none;
}

.job-upload-telemetry div {
  display: inline-flex;
  gap: 4px;
  margin: 0;
}

.job-upload-telemetry dt {
  color: #64748b;
  font-weight: 800;
}

.job-upload-telemetry dd {
  margin: 0;
  color: #0f172a;
  font-weight: 900;
}

.calendar-submit-progress-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.calendar-submit-progress-meta a {
  color: #1d4ed8;
  font-weight: 900;
}

.calendar-submit-result-list {
  display: grid;
  gap: 7px;
}

.calendar-submit-result {
  display: grid;
  gap: 3px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  padding: 9px;
  background: #ffffff;
}

.calendar-submit-result.is-success {
  border-color: #bbf7d0;
}

.calendar-submit-result.is-skipped {
  border-color: #fed7aa;
}

.calendar-submit-result strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
}

.calendar-submit-result p {
  margin: 0;
}

.calendar-submit-result a {
  color: #1d4ed8;
  font-weight: 900;
}

@media (max-width: 1100px) {
  .publish-execution-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .publish-execution-summary,
  .calendar-submit-steps {
    grid-template-columns: 1fr;
  }

  .calendar-submit-progress-card {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .schedule-dashboard-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .schedule-dashboard-scroll {
    overflow-x: visible;
  }

  .schedule-dashboard-matrix {
    display: grid;
    grid-template-columns: 1fr;
    min-width: 0;
  }

  .schedule-dashboard-header {
    display: none;
  }

  .schedule-dashboard-account {
    margin-top: 8px;
    border-color: #bfdbfe;
    background: #eff6ff;
  }

  .schedule-dashboard-cell,
  .schedule-dashboard-row-total {
    margin-left: 0;
  }

  .schedule-dashboard-cell {
    grid-template-columns: auto 1fr auto;
    align-items: center;
  }

  .schedule-dashboard-cell strong {
    text-align: center;
  }

  .schedule-cell-progress {
    grid-column: 1 / -1;
  }
}

.calendar-v2-account-strip span,
.calendar-v2-account-strip small {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.calendar-v2-account-strip strong {
  display: block;
  margin-top: 3px;
  color: #0f172a;
  font-size: 17px;
  font-weight: 950;
}

.calendar-v2-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(148px, 1fr));
  gap: 0;
  overflow-x: auto;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #ffffff;
  align-items: start;
}

.calendar-v2-day {
  min-width: 0;
  border-right: 1px solid #e2e8f0;
}

.calendar-v2-day:last-child {
  border-right: 0;
}

.calendar-v2-day.is-today {
  background: #eff6ff;
}

.calendar-v2-day.is-today .calendar-v2-day-head {
  background: #dbeafe;
}

.calendar-v2-day.is-today .calendar-v2-slot {
  background: rgba(239, 246, 255, 0.72);
}

.calendar-v2-day.is-focused {
  position: relative;
  z-index: 1;
  outline: 3px solid #2f6fbb;
  outline-offset: -3px;
  scroll-margin-top: 16px;
}

.calendar-today-badge {
  display: inline-flex;
  margin-left: 6px;
  border-radius: 999px;
  padding: 2px 6px;
  color: #1d4ed8;
  background: #ffffff;
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
}

.calendar-v2-day-head {
  border-bottom: 1px solid #e2e8f0;
  background: #f8fafc;
  overflow: hidden;
}

.calendar-v2-day-head {
  display: grid;
  gap: 8px;
  min-height: 118px;
  padding: 10px;
}

.calendar-v2-day-head > div:first-child {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.calendar-v2-day-head strong {
  color: #0f172a;
  font-size: 14px;
  font-weight: 950;
}

.calendar-v2-day-head span {
  color: #64748b;
  font-size: 12px;
  font-weight: 850;
}

.calendar-v2-day-actions {
  display: grid;
  gap: 5px;
}

.calendar-v2-day-actions form {
  margin: 0;
}

.calendar-v2-day-actions button {
  width: 100%;
  min-height: 28px;
  padding: 0 6px;
  font-size: 11px;
}

.calendar-v2-slot-list {
  display: grid;
  gap: 8px;
  padding: 8px;
}

.calendar-v2-slot {
  display: block;
  overflow: visible;
  padding: 0;
  background: transparent;
}

.calendar-v2-slot-candidate {
  background: #fffdf5;
}

.calendar-v2-slot-scheduled {
  background: #f8fbff;
}

.calendar-v2-slot-submitted {
  background: #faf7ff;
}

.calendar-v2-slot-local_check {
  background: #f8fafc;
}

.calendar-v2-slot-submitted_success {
  background: #f7fdf9;
}

.calendar-v2-slot-published {
  background: #f7fdf9;
}

.calendar-v2-slot-failed {
  background: #fff7f7;
}

.calendar-v2-slot-externally_resolved {
  background: #f8fbff;
}

.calendar-v2-card {
  display: grid;
  width: 100%;
  min-height: 172px;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  overflow: hidden;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  padding: 9px;
  color: inherit;
  background: #ffffff;
  text-align: left;
  cursor: pointer;
}

.calendar-v2-card-time {
  grid-column: 1 / -1;
  color: #0f172a;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
}

.calendar-v2-card:hover,
.calendar-v2-card:focus-visible {
  border-color: #93c5fd;
  background: #f8fbff;
  outline: none;
}

.calendar-v2-card-candidate {
  border-color: #fde68a;
}

.calendar-v2-card-pending_manual_confirm {
  border-color: #fdba74;
}

.calendar-v2-card-creator_ready,
.calendar-v2-card-standard_ready {
  border-color: #86efac;
  background: #f7fdf9;
}

.calendar-v2-card-needs_confirmation {
  border-color: #f59e0b;
  background: #fffbeb;
}

.calendar-v2-card-needs_adjustment {
  border-color: #facc15;
  background: #fefce8;
}

.calendar-v2-card-needs_repair {
  border-color: #fca5a5;
  background: #fff1f2;
}

.calendar-v2-card-watermark_pending {
  border-color: #f59e0b;
  background: #fffbeb;
}

.calendar-v2-card-scheduled {
  border-color: #bfdbfe;
}

.calendar-v2-card-submitted {
  border-color: #ddd6fe;
}

.calendar-v2-card-local_check {
  border-color: #cbd5e1;
  background: #f8fafc;
}

.calendar-v2-card-submitted_success {
  border-color: #86efac;
  background: #f7fdf9;
}

.calendar-v2-card-published {
  border-color: #bbf7d0;
}

.calendar-v2-card-failed {
  border-color: #fecaca;
}

.schedule-work-order-card {
  min-height: 254px;
  border-left: 4px solid #94a3b8;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}

.schedule-work-order-card-ready,
.schedule-work-order-card-done {
  border-left-color: #16a34a;
  background: linear-gradient(180deg, #ffffff 0%, #f0fdf4 100%);
}

.schedule-work-order-card-working {
  border-left-color: #2563eb;
  background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
}

.schedule-work-order-card-coo {
  border-left-color: #f59e0b;
  background: linear-gradient(180deg, #ffffff 0%, #fffbeb 100%);
}

.schedule-work-order-card-ceo {
  border-left-color: #dc2626;
  background: linear-gradient(180deg, #ffffff 0%, #fef2f2 100%);
}

.schedule-work-order-card-publishing {
  border-left-color: #0f766e;
  background: linear-gradient(180deg, #ffffff 0%, #f0fdfa 100%);
}

.calendar-v2-thumb {
  position: relative;
  display: grid;
  width: 100%;
  height: 104px;
  place-items: center;
  overflow: hidden;
  border-radius: 7px;
  color: #64748b;
  background: #e2e8f0;
  font-size: 11px;
  font-weight: 900;
}

.calendar-v2-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.calendar-v2-thumb .calendar-status-pill {
  position: absolute;
  left: 6px;
  bottom: 6px;
  max-width: calc(100% - 12px);
  border: 1px solid rgba(255, 255, 255, 0.78);
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.16);
}

.calendar-v2-card-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.calendar-v2-card-copy strong {
  display: -webkit-box;
  overflow: hidden;
  color: #0f172a;
  font-size: 12px;
  font-weight: 950;
  line-height: 1.3;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.calendar-v2-card-copy small {
  overflow: hidden;
  color: #64748b;
  font-size: 11px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.schedule-work-order-copy {
  gap: 7px;
}

.schedule-work-order-owner {
  width: fit-content;
  max-width: 100%;
  padding: 3px 7px;
  color: #475569 !important;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 999px;
}

.schedule-work-order-done,
.schedule-work-order-flow,
.schedule-work-order-insight {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
}

.schedule-work-order-done em,
.schedule-work-order-flow em,
.schedule-work-order-insight em {
  min-width: 0;
  overflow: hidden;
  padding: 3px 6px;
  border-radius: 999px;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  font-size: 10.5px;
  font-style: normal;
  font-weight: 820;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.schedule-work-order-done em {
  color: #166534;
  background: #f0fdf4;
  border-color: #bbf7d0;
}

.schedule-work-order-insight .is-healthy {
  color: #166534;
}

.schedule-work-order-insight .is-warning {
  color: #92400e;
}

.calendar-material-readiness {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  padding: 2px 6px;
  border: 1px solid #dbe3ef;
  border-radius: 999px;
  background: #f8fafc;
}

.calendar-material-readiness-ready {
  border-color: #bbf7d0;
  color: #166534;
  background: #f0fdf4;
}

.calendar-material-readiness-review {
  border-color: #fde68a;
  color: #92400e;
  background: #fffbeb;
}

.calendar-material-readiness-blocked {
  border-color: #fecaca;
  color: #991b1b;
  background: #fef2f2;
}

.calendar-v2-empty-slot {
  display: grid;
  overflow: hidden;
  gap: 7px;
  min-height: 86px;
  align-content: start;
  justify-items: start;
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  padding: 9px;
  background: #fbfdff;
}

.calendar-v2-empty-slot strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
}

.calendar-v2-empty-slot small {
  color: #64748b;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
}

.calendar-v2-empty-slot.is-expired {
  border-color: #e2e8f0;
  background: #f8fafc;
}

.calendar-v2-empty-slot.is-expired strong,
.calendar-v2-empty-slot.is-expired .calendar-v2-card-time {
  color: #64748b;
}

.calendar-v2-provider-resolved {
  border-style: solid;
  border-color: #bfdbfe;
  background: #eff6ff;
}

.calendar-v2-provider-resolved strong,
.calendar-v2-provider-resolved .calendar-v2-card-time {
  color: #1d4ed8;
}

.calendar-v2-provider-hold {
  border-style: solid;
  border-color: #fca5a5;
  background: #fff1f2;
}

.calendar-v2-provider-hold strong,
.calendar-v2-provider-hold .calendar-v2-card-time {
  color: #991b1b;
}

.drawer-provider-failure {
  display: grid;
  gap: 10px;
  border: 1px solid #fca5a5;
  border-radius: 8px;
  padding: 12px;
  background: #fff1f2;
}

.drawer-provider-failure[hidden] {
  display: none;
}

.drawer-provider-failure header,
.drawer-provider-failure dl {
  display: grid;
  gap: 7px;
  margin: 0;
}

.drawer-provider-failure header strong {
  color: #991b1b;
}

.drawer-provider-failure header p,
.drawer-provider-failure > p {
  margin: 0;
  color: #7f1d1d;
  font-size: 12px;
  font-weight: 800;
}

.drawer-provider-failure dl div {
  display: grid;
  grid-template-columns: minmax(112px, 0.6fr) minmax(0, 1.4fr);
  gap: 8px;
}

.drawer-provider-failure dt {
  color: #7f1d1d;
  font-size: 11px;
  font-weight: 900;
}

.drawer-provider-failure dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  color: #450a0a;
  font-size: 11px;
  font-weight: 800;
}

.calendar-v2-legend {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.calendar-v2-legend span {
  display: inline-flex;
  gap: 5px;
  align-items: center;
}

.calendar-v2-legend i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
}

.legend-empty { background: #cbd5e1; }
.legend-candidate { background: #facc15; }
.legend-manual-confirm { background: #fb923c; }
.legend-scheduled { background: #60a5fa; }
.legend-pending { background: #8b5cf6; }
.legend-published { background: #22c55e; }
.legend-failed { background: #ef4444; }

.calendar-status-submitted {
  color: #5b21b6;
  background: #ede9fe;
}

.calendar-status-local_check {
  color: #475569;
  background: #e2e8f0;
}

.calendar-status-submitted_success {
  color: #166534;
  background: #dcfce7;
}

.calendar-preview-drawer {
  position: sticky;
  top: 14px;
  display: grid;
  gap: 14px;
  max-height: calc(100vh - 28px);
  overflow: auto;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  padding: 16px;
  background: #ffffff;
}

.calendar-preview-drawer[hidden] {
  display: none;
}

.drawer-close {
  justify-self: end;
  border: 0;
  color: #64748b;
  background: transparent;
  font-size: 20px;
  font-weight: 900;
  cursor: pointer;
}

.drawer-empty {
  display: grid;
  gap: 8px;
  color: #64748b;
}

.drawer-empty strong {
  color: #0f172a;
  font-size: 18px;
  font-weight: 950;
}

.drawer-content {
  display: grid;
  gap: 14px;
}

.drawer-video-preview {
  display: grid;
  min-height: 210px;
  place-items: center;
  overflow: hidden;
  border-radius: 8px;
  color: #64748b;
  background: #e2e8f0;
  font-weight: 900;
}

.drawer-video-preview img {
  width: 100%;
  height: 100%;
  min-height: 210px;
  object-fit: cover;
}

.drawer-video-preview video {
  width: 100%;
  min-height: 210px;
  max-height: 320px;
  background: #020617;
}

.drawer-video-meta {
  margin-top: -8px;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.drawer-content h2 {
  margin: 0;
  color: #0f172a;
  font-size: 20px;
  font-weight: 950;
  line-height: 1.25;
}

.drawer-content h3 {
  margin: 0 0 8px;
  color: #0f172a;
  font-size: 14px;
  font-weight: 950;
}

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

.drawer-content p {
  margin: 0;
  white-space: pre-line;
  color: #334155;
  font-size: 13px;
  line-height: 1.65;
}

.drawer-stale-reason-current,
.drawer-stale-reason-original {
  display: block;
}

.drawer-stale-reason-current {
  color: #166534;
  font-weight: 950;
}

.drawer-stale-reason-original {
  margin-top: 6px;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.drawer-hashtags,
.drawer-risk-notes {
  margin-top: 8px;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.5;
}

.drawer-risk-notes {
  color: #b45309;
}

.drawer-watermark-card {
  display: grid;
  gap: 10px;
  border: 1px solid #f59e0b;
  border-radius: 8px;
  padding: 12px;
  background: #fffbeb;
}

.drawer-watermark-card > div:first-child {
  display: grid;
  gap: 4px;
}

.drawer-watermark-card span {
  color: #92400e;
  font-size: 11px;
  font-weight: 900;
}

.drawer-watermark-card strong {
  color: #78350f;
  font-size: 15px;
  font-weight: 950;
}

.drawer-watermark-card small,
.drawer-watermark-card p {
  color: #78350f;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.5;
}

.drawer-watermark-card p {
  margin: 0;
}

.drawer-watermark-card-success {
  border-color: #86efac;
  background: #f0fdf4;
}

.drawer-watermark-card-success span,
.drawer-watermark-card-success strong,
.drawer-watermark-card-success small,
.drawer-watermark-card-success p {
  color: #166534;
}

.drawer-watermark-card-danger {
  border-color: #fca5a5;
  background: #fff1f2;
}

.drawer-watermark-card-danger span,
.drawer-watermark-card-danger strong,
.drawer-watermark-card-danger small,
.drawer-watermark-card-danger p {
  color: #991b1b;
}

.drawer-watermark-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.drawer-watermark-actions form {
  margin: 0;
}

.drawer-watermark-actions button {
  width: 100%;
}

.drawer-info-grid,
.drawer-detail-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.drawer-info-grid div,
.drawer-detail-list div {
  display: grid;
  gap: 4px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 9px;
  background: #f8fafc;
}

.drawer-info-grid span,
.drawer-detail-list span {
  color: #64748b;
  font-size: 11px;
  font-weight: 850;
}

.drawer-info-grid strong,
.drawer-detail-list strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
}

.drawer-operator-decision {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  padding: 10px;
  border: 1px solid #dbe3ef;
  border-radius: 10px;
  background: #f8fafc;
}

.drawer-operator-decision div {
  display: grid;
  gap: 4px;
}

.drawer-operator-decision span {
  color: #64748b;
  font-size: 11px;
  font-weight: 850;
}

.drawer-operator-decision strong {
  color: #0f172a;
  font-size: 14px;
  font-weight: 950;
}

.drawer-operator-decision p,
.drawer-operator-decision b {
  grid-column: 1 / -1;
  margin: 0;
  color: #334155;
  font-size: 12px;
  line-height: 1.45;
}

.drawer-operator-decision b {
  color: #0f172a;
}

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

.drawer-actions a,
.drawer-actions button {
  width: 100%;
}

.drawer-actions form {
  margin: 0;
}

.drawer-actions [hidden] {
  display: none !important;
}

.drawer-status-note,
.drawer-submit-note {
  border-top: 1px solid #e2e8f0;
  padding-top: 10px;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.5;
}

.developer-details {
  margin-top: 16px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  padding: 12px;
  background: #ffffff;
}

.developer-details summary {
  cursor: pointer;
  color: #334155;
  font-weight: 900;
}

.decision-workbench-hero {
  align-items: center;
}

.decision-workbench-summary,
.decision-workbench-controls,
.decision-workbench-section {
  margin-top: 16px;
}

.decision-workbench-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(140px, 1fr));
  gap: 10px;
}

.decision-workbench-summary article {
  display: grid;
  gap: 6px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #ffffff;
  padding: 12px;
}

.decision-workbench-summary span,
.decision-card-metrics span,
.decision-card-select span,
.decision-row-meta span {
  color: #64748b;
  font-size: 11px;
  font-weight: 850;
}

.decision-workbench-summary strong {
  color: #0f172a;
  font-size: 24px;
  font-weight: 950;
}

.decision-workbench-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #ffffff;
  padding: 12px;
}

.decision-filter-form,
.decision-bulk-form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: end;
}

.decision-filter-form label {
  display: grid;
  gap: 4px;
  color: #64748b;
  font-size: 11px;
  font-weight: 850;
}

.decision-filter-form input,
.decision-filter-form select,
.decision-bulk-form select,
.decision-review-form input,
.decision-review-form select {
  min-height: 36px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #ffffff;
  color: #0f172a;
  font-size: 13px;
  font-weight: 750;
  padding: 7px 9px;
}

.decision-workbench-section {
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #f8fafc;
  padding: 14px;
}

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

.decision-workbench-card {
  position: relative;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 12px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #ffffff;
  padding: 12px;
}

.decision-card-select {
  position: absolute;
  top: 8px;
  left: 8px;
  display: flex;
  gap: 5px;
  align-items: center;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  padding: 4px 8px;
}

.decision-card-thumb {
  display: grid;
  place-items: center;
  width: 112px;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  border-radius: 8px;
  background: #e2e8f0;
  color: #64748b;
  font-size: 12px;
  font-weight: 850;
}

.decision-card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.decision-card-body {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.decision-card-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.decision-card-heading h3 {
  margin: 0;
  color: #0f172a;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.35;
}

.decision-card-heading p,
.decision-card-why,
.decision-review-current span {
  margin: 0;
  color: #475569;
  font-size: 12px;
  line-height: 1.5;
}

.decision-card-tier {
  display: grid;
  justify-items: end;
  line-height: 1;
}

.decision-card-tier strong {
  color: #1d4ed8;
  font-size: 20px;
  font-weight: 950;
}

.decision-card-tier span {
  color: #0f172a;
  font-size: 18px;
  font-weight: 950;
}

.decision-card-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.decision-card-metrics div {
  display: grid;
  gap: 3px;
  min-width: 0;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
  padding: 8px;
}

.decision-card-metrics strong {
  overflow-wrap: anywhere;
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
}

.decision-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.decision-card-tags span,
.decision-review-current {
  border-radius: 999px;
  background: #eef2ff;
  color: #1e3a8a;
  font-size: 12px;
  font-weight: 850;
  padding: 6px 9px;
}

.decision-review-current {
  display: grid;
  border-radius: 8px;
  background: #f0fdf4;
  color: #166534;
}

.decision-card-link {
  color: #2563eb;
  font-size: 12px;
  font-weight: 900;
}

.decision-operator-review {
  display: grid;
  gap: 10px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #ffffff;
  padding: 12px;
}

.decision-one-click-review {
  display: grid;
  gap: 10px;
}

.decision-review-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.decision-review-tags label {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #f8fafc;
  color: #475569;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  padding: 5px 8px;
}

.decision-review-tags-compact label {
  font-size: 11px;
  padding: 4px 7px;
}

.decision-one-click-buttons {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.decision-one-click-buttons button {
  min-height: 38px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #0f172a;
  color: #ffffff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 900;
  padding: 8px 10px;
}

.decision-card-review .decision-one-click-buttons {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.decision-learning-filter {
  margin-top: 14px;
}

.decision-learning-grid,
.decision-learning-columns {
  display: grid;
  gap: 14px;
  margin-top: 16px;
}

.decision-learning-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.decision-learning-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.decision-learning-panel {
  margin-top: 16px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #ffffff;
  padding: 14px;
}

.decision-learning-list,
.decision-learning-suggestions {
  display: grid;
  gap: 8px;
}

.decision-learning-list div,
.decision-learning-suggestions article,
.decision-learning-mistakes a {
  display: grid;
  gap: 4px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
  padding: 10px;
}

.decision-learning-list strong,
.decision-learning-mistakes strong,
.decision-learning-suggestions strong {
  color: #0f172a;
  font-size: 15px;
  font-weight: 950;
}

.decision-learning-list span,
.decision-learning-mistakes span,
.decision-learning-suggestions p {
  margin: 0;
  color: #475569;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.5;
}

.decision-learning-mistakes {
  display: grid;
  gap: 8px;
}

.decision-learning-mistakes a {
  color: inherit;
  text-decoration: none;
}

.decision-learning-mistakes p {
  margin: 0;
  color: #0f172a;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.4;
}

.decision-v2-historical-features,
.decision-v2-simulation-panel,
.decision-history-panel {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #ffffff;
  padding: 12px;
}

.decision-v2-simulation-panel {
  border-color: #bfdbfe;
  background: #f8fbff;
}

.decision-card-tier small {
  display: block;
  margin-top: 2px;
  color: #64748b;
  font-size: 11px;
  font-weight: 850;
  white-space: nowrap;
}

.decision-simulation-summary {
  margin-bottom: 14px;
}

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

.decision-simulation-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
  padding: 10px 12px;
  color: inherit;
  text-decoration: none;
}

.decision-simulation-row span {
  overflow: hidden;
  color: #334155;
  font-size: 12px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.decision-simulation-row strong,
.decision-simulation-row b {
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
  white-space: nowrap;
}

.decision-history-summary {
  grid-template-columns: repeat(5, minmax(140px, 1fr));
}

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

.decision-history-table {
  display: grid;
  gap: 6px;
}

.decision-history-head,
.decision-history-row {
  display: grid;
  grid-template-columns: minmax(130px, 1.5fr) repeat(6, minmax(74px, 1fr));
  gap: 8px;
  align-items: center;
}

.decision-history-head {
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
}

.decision-history-row {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
  padding: 9px;
  color: #334155;
  font-size: 12px;
  font-weight: 780;
}

.decision-history-row strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
  overflow-wrap: anywhere;
}

.publish-progress-modal {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 18px;
}

.publish-progress-modal[hidden] {
  display: none;
}

.publish-progress-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.52);
}

.publish-progress-dialog {
  position: relative;
  z-index: 1;
  width: min(940px, 100%);
  max-height: 70vh;
  overflow: auto;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 24px 80px rgba(15, 23, 42, 0.28);
}

.publish-progress-header,
.publish-progress-actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-color);
}

.publish-progress-actions {
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid var(--border-color);
  border-bottom: 0;
}

.publish-progress-header h2 {
  margin: 5px 0 2px;
  font-size: 1.25rem;
}

.publish-progress-header p {
  margin: 0;
  color: var(--muted-color);
}

.publish-progress-overview {
  display: grid;
  grid-template-columns: minmax(300px, 1.25fr) minmax(260px, 0.9fr);
  gap: 14px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-color);
  background: #f8fafc;
}

.publish-progress-overview > div:first-child {
  display: grid;
  gap: 5px;
}

.publish-progress-overview strong {
  color: #0f172a;
  font-size: clamp(1.45rem, 2.6vw, 2.05rem);
  line-height: 1.15;
}

.publish-progress-overview small,
.publish-progress-percent span {
  color: var(--muted-color);
  font-size: 0.86rem;
}

.publish-progress-kpis {
  align-content: center;
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.publish-progress-kpis span {
  background: #fff;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  color: var(--muted-color);
  padding: 6px 8px;
}

.publish-progress-kpis b,
.publish-progress-percent b {
  color: #0f172a;
}

.publish-progress-percent {
  grid-column: 1 / -1;
  align-content: center;
  display: grid;
  gap: 6px;
}

.publish-progress-subject {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 18px;
  padding: 14px 16px;
  align-items: start;
}

.publish-progress-thumb {
  aspect-ratio: 9 / 16;
  border-radius: 8px;
  border: 1px solid rgba(15, 23, 42, 0.16);
  overflow: hidden;
  background: #0f172a;
  color: #fff;
  display: grid;
  place-items: center;
  padding: 0;
  position: relative;
  width: 200px;
  cursor: zoom-in;
}

.publish-progress-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.publish-progress-thumb span {
  position: absolute;
  right: 8px;
  bottom: 8px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.72);
  color: #fff;
  font-size: 0.68rem;
  padding: 3px 7px;
}

.publish-progress-subject dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px 14px;
  margin: 0;
}

.publish-progress-subject dt {
  color: var(--muted-color);
  font-size: 0.78rem;
}

.publish-progress-subject dd {
  margin: 2px 0 0;
  font-weight: 700;
}

.publish-progress-business-info > div:first-child {
  grid-column: 1 / -1;
}

.publish-progress-business-info > div:first-child dd {
  font-size: 1.08rem;
}

.publish-progress-failure-reason {
  grid-column: 1 / -1;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  padding: 8px 10px;
}

.publish-progress-failure-reason dd {
  color: #991b1b;
}

.publish-progress-status {
  display: grid;
  grid-template-columns: minmax(180px, 0.5fr) minmax(240px, 1fr);
  gap: 18px;
  padding: 0 22px 18px;
  align-items: center;
}

.publish-progress-status > div:first-child {
  display: grid;
  gap: 4px;
}

.publish-progress-status strong {
  font-size: 1.08rem;
}

.publish-progress-status span {
  color: var(--muted-color);
}

.publish-progress-steps {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(8, minmax(88px, 1fr));
  gap: 6px;
  padding: 0 16px 12px;
  margin: 0;
  counter-reset: publish-step;
}

.publish-progress-steps li {
  min-height: 58px;
  border: 1px solid var(--border-color);
  border-radius: 999px;
  padding: 7px 9px;
  background: #f8fafc;
  display: grid;
  align-content: center;
  gap: 3px;
  position: relative;
}

.publish-progress-steps li::before {
  counter-increment: publish-step;
  content: counter(publish-step);
  align-items: center;
  background: #e2e8f0;
  border-radius: 999px;
  color: #334155;
  display: inline-flex;
  font-size: 0.72rem;
  font-weight: 900;
  height: 18px;
  justify-content: center;
  width: 18px;
}

.publish-progress-steps strong {
  font-size: 0.76rem;
  line-height: 1.15;
}

.publish-progress-steps span {
  color: var(--muted-color);
  font-size: 0.68rem;
}

.publish-progress-steps .step-success {
  border-color: #22c55e;
  background: #f0fdf4;
}

.publish-progress-steps .step-success::before {
  background: #22c55e;
  color: #fff;
  content: "✓";
}

.publish-progress-steps .step-running {
  border-color: #0ea5e9;
  background: #f0f9ff;
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.12);
  transform: translateY(-1px);
}

.publish-progress-steps .step-running::before {
  background: #0ea5e9;
  color: #fff;
}

.publish-progress-steps .step-failed {
  border-color: #ef4444;
  background: #fef2f2;
}

.publish-progress-steps .step-failed::before {
  background: #ef4444;
  color: #fff;
  content: "!";
}

.publish-progress-steps .step-skipped {
  border-color: #cbd5e1;
  background: #f8fafc;
}

.publish-progress-steps .step-review {
  border-color: #d4a72c;
  background: #fff9e8;
  color: #76520b;
}

.publish-progress-steps .step-review::before {
  border-color: #d4a72c;
  background: #fff4c7;
}

.publish-progress-percent[hidden] {
  display: none;
}

.publish-lifecycle-detail {
  display: grid;
  gap: 14px;
}

.publish-lifecycle-detail-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.publish-lifecycle-detail-header h2 {
  margin: 4px 0 0;
  font-size: 1.2rem;
}

@media (max-width: 520px) {
  .publish-lifecycle-detail-header {
    align-items: stretch;
    flex-direction: column;
  }

  .publish-lifecycle-detail .calendar-submit-steps {
    grid-template-columns: 1fr;
  }
}

.publish-progress-result {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  padding: 0 16px 12px;
  color: var(--muted-color);
}

.publish-progress-debug {
  border-top: 1px solid var(--border-color);
  margin: 0 16px 12px;
  padding-top: 10px;
}

.publish-progress-debug summary {
  cursor: pointer;
  color: var(--muted-color);
  font-weight: 800;
}

.publish-progress-debug dl {
  display: grid;
  gap: 10px 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 12px 0 0;
}

.publish-progress-debug dt {
  color: var(--muted-color);
  font-size: 0.76rem;
}

.publish-progress-debug dd {
  margin: 2px 0 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.8rem;
}

.publish-media-preview[hidden] {
  display: none;
}

.publish-media-preview {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: 24px;
}

.publish-media-preview-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(15, 23, 42, 0.74);
}

.publish-media-preview figure {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 10px;
  margin: 0;
  max-height: 90vh;
}

.publish-media-preview img {
  aspect-ratio: 9 / 16;
  max-height: 82vh;
  max-width: min(520px, 88vw);
  object-fit: contain;
  background: #020617;
  border-radius: 8px;
}

.publish-media-preview figcaption {
  color: #fff;
  font-weight: 800;
  text-align: center;
}

.publish-media-preview figure .icon-button {
  position: absolute;
  right: 8px;
  top: 8px;
  background: rgba(255, 255, 255, 0.9);
}

.publish-progress-modal.is-success .publish-progress-header {
  border-top: 4px solid #22c55e;
}

.publish-progress-modal.is-failed .publish-progress-header {
  border-top: 4px solid #ef4444;
}

.publish-progress-modal.is-indeterminate .job-progress-bar i,
.global-job-item.is-indeterminate .global-job-progress span {
  width: 100% !important;
  background: repeating-linear-gradient(
    90deg,
    #93c5fd 0,
    #93c5fd 12px,
    #bfdbfe 12px,
    #bfdbfe 24px
  );
  background-size: 48px 100%;
  animation: publish-progress-pulse 1.2s linear infinite;
}

@keyframes publish-progress-pulse {
  0% { background-position: 0 0; opacity: 0.55; }
  50% { opacity: 1; }
  100% { background-position: 48px 0; opacity: 0.55; }
}

@media (prefers-reduced-motion: reduce) {
  .publish-progress-modal.is-indeterminate .job-progress-bar i,
  .global-job-item.is-indeterminate .global-job-progress span {
    animation: none;
  }
}

@media (max-width: 1280px) {
  .decision-workbench-grid,
  .decision-history-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .sidebar-brand,
  .content-header {
    align-items: flex-start;
  }

  .sidebar-brand {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .brand-title {
    font-size: 16px;
  }

  .sidebar-nav {
    display: grid;
    grid-template-columns: 1fr;
  }

  .nav-group {
    min-width: 0;
  }

  .content-header {
    flex-direction: column;
  }

  .content-title {
    font-size: 19px;
  }

  .content-status {
    align-self: flex-start;
  }

  .detail-list {
    grid-template-columns: 1fr;
  }

  .ai-staging-card-header,
  .ai-staging-card-footer {
    flex-direction: column;
  }

  .staging-score-pair,
  .ai-staging-grid {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .staging-action-panel {
    flex-basis: auto;
    width: 100%;
  }

  .schedule-rule-panel,
  .schedule-week {
    padding: 10px;
  }

  .schedule-week-nav {
    flex-wrap: wrap;
  }

  .operation-two-column,
  .gap-entry-strip,
  .material-detail-primary-action,
  .targeting-next-action-card,
  .review-queue-shell,
  .priority-material-card {
    grid-template-columns: 1fr;
  }

  .material-detail-ai-score-grid,
  .material-targeting-kv-grid {
    grid-template-columns: 1fr;
  }

  .targeting-next-actions {
    justify-content: flex-start;
  }

  .priority-thumb {
    max-width: 180px;
  }

  .calendar-toolbar,
  .schedule-selection-banner {
    align-items: stretch;
    flex-direction: column;
  }

  .calendar-week-grid {
    grid-template-columns: 1fr;
    overflow-x: visible;
  }

  .calendar-v2-shell,
  .calendar-v2-hero,
  .calendar-v2-account-strip,
  .schedule-ai-fill-diagnostics,
  .publish-center-hero {
    grid-template-columns: 1fr;
    flex-direction: column;
    align-items: stretch;
  }

  .calendar-v2-grid {
    grid-template-columns: 58px repeat(7, minmax(126px, 1fr));
  }

  .calendar-preview-drawer {
    position: static;
    max-height: none;
  }

  .drawer-info-grid,
  .drawer-detail-list,
  .drawer-actions {
    grid-template-columns: 1fr;
  }

  .decision-workbench-summary,
  .decision-workbench-controls,
  .decision-workbench-card,
  .decision-card-metrics,
  .decision-one-click-buttons,
  .decision-learning-grid,
  .decision-learning-columns,
  .decision-history-summary {
    grid-template-columns: 1fr;
  }

  .decision-history-head,
  .decision-history-row {
    grid-template-columns: minmax(120px, 1.4fr) repeat(3, minmax(62px, 1fr));
  }

  .decision-history-head span:nth-child(n+5),
  .decision-history-row span:nth-child(n+5) {
    display: none;
  }

  .decision-card-thumb {
    width: 100%;
    max-height: 260px;
  }

  .publish-progress-subject,
  .publish-progress-overview,
  .publish-progress-status,
  .publish-progress-subject dl,
  .publish-progress-debug dl {
    grid-template-columns: 1fr;
  }

  .publish-progress-steps {
    grid-template-columns: 1fr;
  }
}

.material-ai-lifecycle-panel {
  display: grid;
  gap: 14px;
}

.ai-lifecycle-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.ai-lifecycle-step {
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 8px;
  display: grid;
  gap: 4px;
  min-height: 78px;
  padding: 10px;
}

.ai-lifecycle-step strong {
  font-size: 0.88rem;
}

.ai-lifecycle-step span,
.ai-lifecycle-step small {
  color: var(--text-muted, #64748b);
  font-size: 0.78rem;
}

.ai-lifecycle-done {
  border-color: #22c55e;
}

.ai-lifecycle-failed,
.ai-lifecycle-blocked {
  border-color: #ef4444;
}

.ai-lifecycle-waiting {
  border-color: #f59e0b;
}

.material-health-center-panel {
  display: grid;
  gap: 14px;
}

.material-operator-status-card {
  background: #ffffff;
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-left: 4px solid #2563eb;
  border-radius: 8px;
  display: grid;
  gap: 14px;
  margin: 14px 0;
  padding: 16px;
}

.material-operator-status-card h2 {
  color: var(--text-strong, #0f172a);
  font-size: 1.35rem;
  letter-spacing: 0;
  margin: 2px 0 0;
}

.material-operator-status-card dl {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  margin: 0;
}

.material-operator-status-card dt {
  color: var(--text-muted, #64748b);
  font-size: 0.78rem;
  margin-bottom: 4px;
}

.material-operator-status-card dd {
  color: var(--text-strong, #0f172a);
  font-size: 0.95rem;
  margin: 0;
}

.material-operator-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.material-technical-details {
  background: #f8fafc;
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 8px;
  margin: 12px 0;
  padding: 0;
}

.material-technical-details > summary {
  color: var(--text-strong, #0f172a);
  cursor: pointer;
  font-weight: 700;
  list-style-position: inside;
  padding: 12px 14px;
}

.material-technical-details-body {
  border-top: 1px solid var(--border-subtle, #e5e7eb);
  display: grid;
  gap: 14px;
  padding: 14px;
}

.material-health-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.material-health-recommended-actions {
  align-items: center;
  background: #f8fafc;
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
  padding: 10px 12px;
}

.material-health-operator-summary {
  color: var(--text-strong, #0f172a);
  font-size: 0.92rem;
  margin: 4px 0 0;
}

.material-readiness-panel {
  background: #fff;
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  padding: 12px;
}

.material-readiness-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}

.material-readiness-item {
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 8px;
  display: grid;
  gap: 4px;
  padding: 8px 10px;
}

.material-readiness-item span,
.material-readiness-reason,
.material-readiness-suggestion,
.material-readiness-explanation {
  color: var(--text-muted, #64748b);
  font-size: 0.84rem;
  margin: 0;
}

.material-readiness-item strong {
  font-size: 0.92rem;
}

.material-readiness-healthy {
  background: #ecfdf5;
  border-color: #86efac;
}

.material-readiness-failed {
  background: #fef2f2;
  border-color: #fecaca;
}

.material-readiness-warning {
  background: #fffbeb;
  border-color: #fcd34d;
}

.material-readiness-gate-grid {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.health-state-label {
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 999px;
  font-size: 0.78rem;
  padding: 5px 9px;
  white-space: nowrap;
}

.health-state-healthy {
  background: #ecfdf5;
  border-color: #86efac;
  color: #166534;
}

.health-state-warning,
.health-state-waiting {
  background: #fffbeb;
  border-color: #fde68a;
  color: #92400e;
}

.health-state-failed {
  background: #fef2f2;
  border-color: #fecaca;
  color: #991b1b;
}

.material-health-active-jobs {
  background: #f8fafc;
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  padding: 12px;
}

.material-health-inline-repair {
  border-color: #fbbf24;
  box-shadow: 0 10px 24px rgba(251, 191, 36, 0.12);
}

.material-health-active-job {
  background: #fff;
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  padding: 10px;
}

.material-health-active-job > div:first-child {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
}

.material-health-active-job dl {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin: 0;
}

.material-health-active-job dt {
  color: var(--text-muted, #64748b);
  font-size: 0.74rem;
}

.material-health-active-job dd {
  font-size: 0.84rem;
  margin: 2px 0 0;
}

.repair-timeline-steps {
  color: var(--text-muted, #64748b);
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.repair-timeline-steps li {
  background: #f8fafc;
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 8px;
  font-size: 0.78rem;
  padding: 7px 9px;
}

.material-health-warning {
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 8px;
  color: #92400e;
  font-size: 0.84rem;
  margin: 0;
  padding: 8px 10px;
}

.material-health-card {
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  padding: 12px;
}

.material-health-card-healthy {
  border-color: #22c55e;
}

.material-health-card-warning,
.material-health-card-waiting {
  border-color: #f59e0b;
}

.material-health-card-blocked,
.material-health-card-failed {
  border-color: #ef4444;
}

.material-health-card-head {
  align-items: start;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.material-health-card-head h3 {
  font-size: 1rem;
  margin: 0 0 4px;
}

.material-health-card-head p {
  color: var(--text-muted, #64748b);
  font-size: 0.84rem;
  margin: 0;
}

.material-health-card-head strong {
  font-size: 1.15rem;
}

.material-health-progress {
  background: #e5e7eb;
  border-radius: 999px;
  height: 6px;
  overflow: hidden;
}

.material-health-progress span {
  background: #16a34a;
  display: block;
  height: 100%;
}

.material-health-checks,
.material-health-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.material-health-checks span,
.material-health-chip {
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 999px;
  font-size: 0.78rem;
  line-height: 1.2;
  padding: 5px 8px;
}

.material-health-checks .is-ok,
.material-health-chip-healthy {
  background: #ecfdf5;
  border-color: #86efac;
  color: #166534;
}

.material-health-checks .is-missing,
.material-health-chip-blocked,
.material-health-chip-failed {
  background: #fef2f2;
  border-color: #fecaca;
  color: #991b1b;
}

.material-health-chip-warning,
.material-health-chip-waiting {
  background: #fffbeb;
  border-color: #fde68a;
  color: #92400e;
}

.material-health-reasons {
  color: var(--text-muted, #64748b);
  font-size: 0.84rem;
  margin: 0;
  padding-left: 18px;
}

.material-publish-intents,
.material-publish-intent-history {
  border-top: 1px solid var(--border-subtle, #e5e7eb);
  display: grid;
  gap: 8px;
  padding-top: 10px;
}

.material-publish-intent-history > summary {
  color: var(--text-muted, #64748b);
  cursor: pointer;
  font-size: 0.82rem;
  font-weight: 700;
}

.material-publish-intent-row {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(130px, auto) minmax(150px, 1fr) auto;
}

.material-publish-intent-row time,
.material-publish-intent-row small,
.material-publish-intent-row a {
  color: var(--text-muted, #64748b);
  font-size: 0.82rem;
}

.material-publish-intent-row.is-history {
  grid-template-columns: minmax(130px, auto) minmax(150px, 1fr) auto;
}

.material-publish-intent-row.is-history p {
  color: var(--text-muted, #64748b);
  font-size: 0.82rem;
  grid-column: 1 / -1;
  margin: 0;
}

@media (max-width: 768px) {
  .material-technical-details-body,
  .material-technical-details-body > *,
  .material-health-center-panel,
  .material-health-center-panel > * {
    min-width: 0;
    max-width: 100%;
  }

  .material-health-grid,
  .ai-lifecycle-list,
  .material-health-history-item {
    grid-template-columns: minmax(0, 1fr);
  }

  .material-publish-intent-row,
  .material-publish-intent-row.is-history {
    align-items: start;
    grid-template-columns: 1fr;
  }
}

.material-health-history {
  border-top: 1px solid var(--border-subtle, #e5e7eb);
  display: grid;
  gap: 8px;
  padding-top: 12px;
}

.material-health-history ol {
  display: grid;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.material-health-history-item {
  align-items: center;
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 8px;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(120px, 0.9fr) minmax(120px, 1fr) minmax(60px, 0.5fr) minmax(120px, 1fr);
  padding: 8px 10px;
}

.material-health-history-item time,
.material-health-history-item span,
.material-health-history-item a {
  color: var(--text-muted, #64748b);
  font-size: 0.82rem;
}

@media (max-width: 768px) {
  .material-health-history,
  .material-health-history ol,
  .material-health-history-item {
    min-width: 0;
    max-width: 100%;
  }

  .material-health-history-item {
    align-items: start;
    grid-template-columns: minmax(0, 1fr);
  }

  .material-health-history-item a {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}

.duplicate-review-panel {
  display: grid;
  gap: 16px;
}

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

.duplicate-review-card,
.duplicate-review-details {
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  padding: 14px;
}

.duplicate-review-card h3,
.duplicate-review-details h3 {
  font-size: 1rem;
  margin: 0;
}

.duplicate-review-media {
  aspect-ratio: 16 / 9;
  background: #f8fafc;
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 8px;
  overflow: hidden;
}

.duplicate-review-media img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.duplicate-review-card dl,
.duplicate-review-details dl {
  display: grid;
  gap: 6px;
  margin: 0;
}

.duplicate-review-card dl div,
.duplicate-review-details dl div {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(120px, 0.45fr) minmax(0, 1fr);
}

.duplicate-review-card dt,
.duplicate-review-details dt {
  color: var(--text-muted, #64748b);
  font-size: 0.78rem;
}

.duplicate-review-card dd,
.duplicate-review-details dd {
  font-size: 0.84rem;
  margin: 0;
  min-width: 0;
}

.duplicate-review-details {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.duplicate-review-actions {
  border-top: 1px solid var(--border-subtle, #e5e7eb);
  padding-top: 12px;
}

@media (max-width: 900px) {
  .duplicate-review-grid,
  .duplicate-review-details {
    grid-template-columns: 1fr;
  }
}

.dashboard-aios-status,
.ai-company-aios-kernel {
  border-color: rgba(15, 23, 42, 0.12);
}

.aios-status-grid,
.aios-clock-grid,
.aios-workflow-rail,
.aios-lifecycle-row {
  display: grid;
  gap: 10px;
}

.aios-status-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.aios-status-grid.compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.aios-status-card,
.aios-clock-grid > div,
.aios-workflow-step,
.aios-message-list > div,
.aios-timeline > div {
  background: #fff;
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 8px;
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px 12px;
}

.aios-status-card strong,
.aios-clock-grid strong,
.aios-workflow-step strong,
.aios-message-list strong,
.aios-timeline strong {
  color: var(--text-strong, #0f172a);
  font-size: 0.9rem;
}

.aios-status-card span,
.aios-clock-grid span,
.aios-workflow-step span,
.aios-message-list span,
.aios-timeline span {
  color: var(--text-muted, #64748b);
  font-size: 0.82rem;
}

.aios-status-card small,
.aios-clock-grid small,
.aios-workflow-step small,
.aios-message-list small {
  color: var(--text-muted, #64748b);
  font-size: 0.76rem;
  line-height: 1.35;
}

.aios-status-card.status-working,
.aios-status-card.status-researching,
.aios-status-card.status-generating,
.aios-status-card.status-coordinating,
.aios-status-card.status-preparing-brief,
.aios-workflow-step.status-running,
.aios-timeline .status-running {
  background: #f0fdf4;
  border-color: #bbf7d0;
}

.aios-status-card.status-waiting,
.aios-workflow-step.status-waiting {
  background: #f8fafc;
}

.aios-status-card.status-finished,
.aios-workflow-step.status-finished,
.aios-timeline .status-finished {
  background: #eff6ff;
  border-color: #bfdbfe;
}

.aios-clock-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.aios-workflow-rail {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.aios-timeline,
.aios-message-list {
  display: grid;
  gap: 8px;
}

.aios-timeline > div {
  grid-template-columns: 56px minmax(120px, 0.9fr) minmax(0, 1.6fr);
}

.aios-timeline time {
  color: var(--text-muted, #64748b);
  font-size: 0.78rem;
}

.aios-lifecycle-row {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.aios-lifecycle-row span {
  background: #f8fafc;
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 999px;
  color: var(--text-muted, #64748b);
  font-size: 0.78rem;
  padding: 7px 9px;
  text-align: center;
}

.language-switcher {
  align-items: center;
  background: #f8fafc;
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 999px;
  display: inline-flex;
  gap: 2px;
  padding: 3px;
}

.language-switcher a {
  border-radius: 999px;
  color: var(--text-muted, #64748b);
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1;
  padding: 7px 9px;
  text-decoration: none;
  white-space: nowrap;
}

.language-switcher a.is-active {
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
  color: var(--text-strong, #0f172a);
}

.recommendation-feed {
  display: grid;
  gap: 14px;
}

.recommendation-card-list {
  display: grid;
  gap: 12px;
}

.recommendation-card {
  background: #ffffff;
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 8px;
  display: grid;
  gap: 14px;
  grid-template-columns: 168px minmax(0, 1fr);
  padding: 14px;
}

.recommendation-card.priority-p0 {
  border-left: 4px solid #ef4444;
}

.recommendation-card.priority-p1 {
  border-left: 4px solid #f59e0b;
}

.recommendation-card.priority-p2 {
  border-left: 4px solid #64748b;
}

.recommendation-thumb {
  align-items: center;
  aspect-ratio: 9 / 16;
  background: #f8fafc;
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  max-height: 220px;
  overflow: hidden;
}

.recommendation-thumb img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.recommendation-thumb-placeholder {
  color: #64748b;
  font-size: 1.2rem;
  font-weight: 800;
}

.recommendation-main {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.recommendation-main header {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.recommendation-main header strong {
  color: var(--text-strong, #0f172a);
  display: block;
  font-size: 1.05rem;
  line-height: 1.25;
}

.recommendation-main header p {
  color: var(--text-muted, #64748b);
  margin: 4px 0 0;
}

.recommendation-main header small {
  color: #92400e;
  max-width: 260px;
  text-align: right;
}

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

.recommendation-decision {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.recommendation-meta-grid > div,
.recommendation-decision > div {
  background: #f8fafc;
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 8px;
  min-width: 0;
  padding: 9px 10px;
}

.recommendation-meta-grid span,
.recommendation-decision span {
  color: var(--text-muted, #64748b);
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  margin-bottom: 4px;
}

.recommendation-meta-grid strong,
.recommendation-decision strong {
  color: var(--text-strong, #0f172a);
  display: block;
  font-size: 0.88rem;
  overflow-wrap: anywhere;
}

.recommendation-meta-grid small {
  color: var(--text-muted, #64748b);
  display: block;
  font-size: 0.72rem;
  margin-top: 3px;
}

.recommendation-actions {
  justify-content: flex-start;
}

.ceo-focus-panel {
  align-items: stretch;
  background: #ffffff;
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1.45fr) 300px 240px;
  margin: 0 0 18px;
  padding: 18px;
}

.ceo-focus-copy h2 {
  color: var(--text-strong, #0f172a);
  font-size: 1.35rem;
  line-height: 1.2;
  margin: 5px 0 8px;
}

.ceo-focus-copy p {
  color: var(--text-strong, #0f172a);
  line-height: 1.6;
  margin: 0 0 8px;
}

.ceo-focus-reason {
  color: var(--text-muted, #64748b) !important;
  font-size: 0.9rem;
}

.ceo-focus-target {
  display: grid;
  gap: 10px;
}

.ceo-focus-target > div {
  background: #f8fafc;
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 10px;
  padding: 12px;
}

.ceo-focus-target span {
  color: var(--text-muted, #64748b);
  display: block;
  font-size: 0.74rem;
  font-weight: 700;
  margin-bottom: 5px;
}

.ceo-focus-target strong {
  color: var(--text-strong, #0f172a);
  display: block;
  font-size: 0.95rem;
  overflow-wrap: anywhere;
}

.ceo-focus-actions {
  align-content: center;
  display: grid;
  gap: 10px;
}

.ceo-focus-actions a,
.ceo-focus-actions button {
  align-items: center;
  border-radius: 9px;
  display: inline-flex;
  font-weight: 700;
  justify-content: center;
  min-height: 38px;
  text-align: center;
}

.ceo-dashboard-section {
  display: grid;
  gap: 14px;
  margin-top: 18px;
  padding: 18px;
  background: #ffffff;
  border: 1px solid #dbe3ea;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.ceo-dashboard-primary {
  margin-top: 0;
  border-color: #bfdbfe;
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 72%);
}

.ceo-dashboard-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.ceo-dashboard-heading h2 {
  margin: 3px 0 0;
  color: #0f172a;
  font-size: 22px;
  line-height: 1.2;
}

.ceo-dashboard-heading a {
  color: #2563eb;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
  white-space: nowrap;
}

.operations-board-v3 {
  display: grid;
  gap: 8px;
  margin-top: 14px;
  padding: 12px;
  background: #ffffff;
  border: 1px solid #dbe3ea;
  border-radius: 8px;
}

.operations-board-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.operations-board-head h2 {
  margin: 2px 0 0;
  color: #0f172a;
  font-size: 21px;
  line-height: 1.15;
}

.operations-board-head p {
  margin: 2px 0 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.operations-board-summary {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.operations-board-summary span {
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  padding: 4px 8px;
  background: #f8fafc;
  color: #475569;
  font-size: 11px;
  font-weight: 850;
  white-space: nowrap;
}

.operations-board-summary b {
  color: #0f172a;
}

.operations-board-runtime {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 8px;
  align-items: center;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 7px 9px;
  background: #f8fafc;
}

.operations-board-runtime > div {
  min-width: 0;
}

.operations-board-runtime strong {
  color: #0f172a;
  font-size: 12px;
  font-weight: 950;
}

.operations-board-runtime span,
.operations-board-runtime a {
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
}

.operations-board-runtime a {
  color: #2563eb;
}

.operations-board-runtime .dashboard-daily-runtime-form {
  justify-content: flex-end;
}

.operations-board-runtime .dashboard-daily-runtime-form small {
  display: none;
}

.operations-board-runtime .dashboard-daily-runtime-form button {
  min-height: 30px;
  padding: 5px 9px;
  font-size: 11px;
}

.operations-board-matrix {
  display: grid;
  grid-template-columns: minmax(118px, 0.9fr) repeat(var(--operations-day-count), minmax(76px, 1fr)) minmax(210px, 1.35fr);
  gap: 4px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.operations-board-corner,
.operations-board-date,
.operations-board-tail,
.operations-board-account,
.operations-board-cell,
.operations-board-materials,
.operations-board-advice {
  min-width: 0;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  text-decoration: none;
}

.operations-board-corner,
.operations-board-tail,
.operations-board-date {
  display: grid;
  align-content: center;
  min-height: 42px;
  padding: 6px 7px;
  background: #f8fafc;
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
}

.operations-board-date strong {
  color: #0f172a;
  font-size: 12px;
  line-height: 1.1;
}

.operations-board-date.is-today {
  background: #eff6ff;
  border-color: #bfdbfe;
}

.operations-board-account {
  display: grid;
  align-content: center;
  gap: 2px;
  min-height: 48px;
  padding: 6px 8px;
  background: #ffffff;
}

.operations-board-account strong {
  overflow: hidden;
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operations-board-account span,
.operations-board-cell span,
.operations-board-cell small,
.operations-board-materials span,
.operations-board-materials small {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
}

.operations-board-cell {
  display: grid;
  align-content: center;
  gap: 2px;
  min-height: 48px;
  padding: 5px 6px;
  color: #0f172a;
  background: #f8fafc;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.operations-board-cell:hover,
.operations-board-account:hover,
.operations-board-materials a:hover {
  transform: translateY(-1px);
  border-color: #93c5fd;
}

.operations-board-cell strong {
  font-size: 15px;
  font-weight: 950;
  line-height: 1;
}

.operations-board-cell.status-complete {
  background: #ecfdf5;
  border-color: #bbf7d0;
}

.operations-board-cell.status-warning,
.operations-board-cell.status-partial {
  background: #fffbeb;
  border-color: #fde68a;
}

.operations-board-cell.status-danger {
  background: #fef2f2;
  border-color: #fecaca;
}

.operations-board-cell.status-none {
  background: #f1f5f9;
  border-color: #e2e8f0;
}

.operations-board-materials {
  display: grid;
  grid-template-columns: 0.9fr 0.55fr 0.55fr 1fr;
  gap: 4px;
  min-height: 48px;
  padding: 4px;
  background: #ffffff;
}

.operations-board-materials div,
.operations-board-materials a {
  display: grid;
  align-content: center;
  min-width: 0;
  border-radius: 6px;
  padding: 3px 5px;
  background: #f8fafc;
  color: #0f172a;
  text-decoration: none;
}

.operations-board-materials strong {
  overflow: hidden;
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operations-board-advice {
  grid-column: 1 / -1;
  margin: -2px 0 4px;
  padding: 4px 8px;
  background: #f8fafc;
  color: #475569;
  font-size: 11px;
  font-weight: 800;
}

.ceo-dashboard-summary {
  margin: 0;
  color: #334155;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.55;
}

.ceo-action-grid,
.ceo-finding-list,
.ceo-decision-list {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ceo-background-runtime {
  display: grid;
  align-items: stretch;
  gap: 10px;
  grid-template-columns: minmax(260px, 1.4fr) repeat(4, minmax(88px, 0.45fr)) minmax(160px, 0.8fr) auto auto;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #dbeafe;
  border-radius: 8px;
}

.ceo-background-runtime > div,
.ceo-background-runtime > form,
.ceo-background-runtime > a {
  display: grid;
  align-content: center;
  gap: 3px;
  min-width: 0;
}

.ceo-background-runtime > div {
  padding: 9px 10px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.ceo-background-runtime span {
  color: #64748b;
  font-size: 12px;
  font-weight: 850;
}

.ceo-background-runtime strong {
  color: #0f172a;
  font-size: 20px;
  font-weight: 950;
  line-height: 1.1;
}

.ceo-background-runtime small {
  color: #475569;
  font-size: 11px;
  font-weight: 720;
  line-height: 1.35;
}

.ceo-background-runtime .button-secondary {
  padding: 0 10px;
  background: #ffffff;
  color: #2563eb;
}

.ceo-action-card,
.ceo-finding-list article,
.ceo-decision-list a {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 14px;
  color: #0f172a;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  text-decoration: none;
}

.ceo-action-card:first-child {
  border-color: #93c5fd;
  background: #eff6ff;
}

.ceo-action-card > div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.ceo-action-card strong,
.ceo-finding-list strong,
.ceo-decision-list strong {
  color: #0f172a;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.35;
}

.ceo-action-card span,
.ceo-decision-list span {
  color: #2563eb;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.ceo-action-card p,
.ceo-action-card small,
.ceo-finding-list p,
.ceo-finding-list small,
.ceo-decision-list p,
.ceo-decision-list small {
  margin: 0;
  color: #475569;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.48;
}

.ceo-action-card a {
  justify-self: start;
  min-height: 34px;
  padding: 7px 11px;
  color: #ffffff;
  background: #2563eb;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
}

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

.ceo-kpi-card,
.ceo-accuracy-grid > div {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 13px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.ceo-kpi-card span,
.ceo-accuracy-grid span,
.ceo-trend-grid span {
  color: #64748b;
  font-size: 12px;
  font-weight: 850;
}

.ceo-kpi-card strong,
.ceo-accuracy-grid strong {
  color: #0f172a;
  font-size: 28px;
  font-weight: 950;
  line-height: 1;
}

.ceo-kpi-card small {
  color: #475569;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

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

.ceo-trend-grid article {
  display: grid;
  gap: 8px;
  padding: 14px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.ceo-trend-grid article > strong {
  color: #0f172a;
  font-size: 15px;
  font-weight: 950;
}

.ceo-trend-grid div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #0f172a;
  font-weight: 900;
}

.ceo-evidence-debug summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
}

.ceo-evidence-debug summary span {
  display: grid;
  gap: 3px;
}

.ceo-evidence-debug summary b {
  color: #0f172a;
  font-size: 16px;
}

.ceo-evidence-debug summary small {
  color: #64748b;
  font-size: 12px;
  font-weight: 750;
}

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

.ceo-source-health > div {
  display: grid;
  gap: 4px;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.ceo-source-health strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 900;
}

.ceo-source-health span,
.ceo-source-health small {
  color: #475569;
  font-size: 12px;
  font-weight: 750;
}

.ceo-schedule-overview {
  padding: 16px;
}

.ceo-schedule-summary {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 12px;
}

.ceo-schedule-summary > div {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  display: grid;
  gap: 4px;
  padding: 10px 12px;
}

.ceo-schedule-summary span,
.ceo-schedule-summary small,
.ceo-schedule-card span,
.ceo-schedule-card-metrics span {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.ceo-schedule-summary strong {
  color: #0f172a;
  font-size: 22px;
  line-height: 1;
}

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

.ceo-schedule-card {
  border: 1px solid #dbe3ea;
  border-radius: 8px;
  display: grid;
  gap: 10px;
  padding: 12px;
}

.ceo-schedule-card.tone-danger {
  background: #fff7ed;
  border-color: #fed7aa;
}

.ceo-schedule-card.tone-warning {
  background: #fffbeb;
  border-color: #fde68a;
}

.ceo-schedule-card.tone-good {
  background: #f0fdf4;
  border-color: #bbf7d0;
}

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

.ceo-schedule-card-head strong {
  color: #0f172a;
  display: block;
  font-size: 15px;
  line-height: 1.25;
}

.ceo-schedule-card-head em {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  color: #0f172a;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  padding: 4px 8px;
  white-space: nowrap;
}

.ceo-schedule-progress {
  background: rgba(148, 163, 184, 0.24);
  border-radius: 999px;
  height: 7px;
  overflow: hidden;
}

.ceo-schedule-progress span {
  background: #2563eb;
  display: block;
  height: 100%;
}

.ceo-schedule-card-metrics {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ceo-schedule-card-metrics > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.ceo-schedule-card-metrics strong {
  color: #0f172a;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.ceo-schedule-card-link {
  align-items: center;
  background: #0f172a;
  border-radius: 8px;
  color: #ffffff;
  display: inline-flex;
  font-size: 13px;
  font-weight: 850;
  justify-content: center;
  min-height: 34px;
  padding: 7px 10px;
  text-decoration: none;
}

@media (max-width: 1180px) {
  .operations-board-head,
  .operations-board-runtime {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .operations-board-head,
  .operations-board-summary {
    justify-content: flex-start;
  }

  .operations-board-matrix {
    grid-template-columns: minmax(116px, 0.9fr) repeat(var(--operations-day-count), minmax(72px, 1fr)) minmax(196px, 1.25fr);
  }
}

@media (max-width: 760px) {
  .operations-board-v3 {
    padding: 10px;
  }

  .operations-board-matrix {
    grid-template-columns: minmax(118px, 0.9fr) repeat(var(--operations-day-count), minmax(68px, 1fr)) minmax(188px, 1.25fr);
    min-width: 980px;
  }

  .operations-board-materials {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .ceo-action-grid,
  .ceo-finding-list,
  .ceo-decision-list,
  .ceo-kpi-grid,
  .ceo-accuracy-grid,
  .ceo-trend-grid,
  .ceo-source-health {
    grid-template-columns: 1fr;
  }
}

.operations-dashboard-v4 {
  display: grid;
  gap: 14px;
  padding: 18px 20px 22px;
  background: #f7faff;
  border: 1px solid #dfe7f1;
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06);
}

.operations-dashboard-toolbar,
.operations-schedule-head,
.operations-focus-card > div:first-child,
.operations-dashboard-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.operations-dashboard-toolbar h2 {
  margin: 0;
  color: #0f172a;
  font-size: 23px;
  font-weight: 950;
  letter-spacing: 0;
  line-height: 1.1;
}

.operations-dashboard-toolbar p {
  margin: 4px 0 0;
  color: #64748b;
  font-size: 13px;
  font-weight: 850;
}

.operations-dashboard-toolbar .operations-greeting-line {
  margin-top: 5px;
  color: #334155;
  font-size: 13px;
  font-weight: 900;
}

.operations-dashboard-actions {
  justify-content: flex-end;
  flex-wrap: wrap;
}

.operations-dashboard-actions a,
.operations-dashboard-actions button,
.runtime-live-dot {
  min-height: 32px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 7px 10px;
  background: #ffffff;
  color: #334155;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}

.runtime-live-dot {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.runtime-live-dot::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #10b981;
}

.operations-dashboard-actions .dashboard-daily-runtime-form {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.operations-dashboard-actions button {
  cursor: pointer;
}

.operations-runtime-v4 {
  display: grid;
  grid-template-columns: 1.05fr repeat(4, minmax(96px, 0.72fr)) 1.2fr 0.8fr;
  gap: 0;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #dfe7f1;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.045);
}

.operations-runtime-v4 > div {
  display: grid;
  align-content: center;
  gap: 5px;
  min-height: 76px;
  min-width: 0;
  padding: 12px 16px;
  border-left: 1px solid #edf2f7;
}

.operations-runtime-v4 > div:first-child {
  border-left: 0;
  background: #fbfdff;
}

.operations-runtime-v4 span {
  overflow: hidden;
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operations-runtime-v4 strong {
  overflow: hidden;
  color: #0f172a;
  font-size: 21px;
  font-weight: 950;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.runtime-status-title strong {
  font-size: 14px;
}

.operations-schedule-card,
.operations-focus-card,
.operations-folders-v4 details,
.ceo-dashboard-secondary {
  background: #ffffff;
  border: 1px solid #dfe7f1;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.operations-schedule-card {
  overflow: hidden;
}

.operations-schedule-head {
  padding: 14px 16px 10px;
  border-bottom: 1px solid #edf2f7;
}

.operations-schedule-head h3,
.operations-focus-card h3 {
  margin: 0;
  color: #0f172a;
  font-size: 18px;
  font-weight: 950;
  line-height: 1.1;
}

.operations-schedule-head span,
.operations-focus-card > div:first-child > span {
  color: #64748b;
  font-size: 12px;
  font-weight: 850;
}

.operations-schedule-legend {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 14px;
  color: #64748b;
  font-size: 12px;
  font-weight: 900;
}

.operations-schedule-legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.operations-schedule-legend i,
.operations-day-cell i {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 999px;
}

.legend-complete,
.operations-day-cell.status-complete i {
  background: #10b981;
}

.legend-partial,
.operations-day-cell.status-warning i,
.operations-day-cell.status-partial i {
  background: #f59e0b;
}

.legend-danger,
.operations-day-cell.status-danger i {
  background: #ef4444;
}

.legend-none,
.operations-day-cell.status-none i {
  background: #cbd5e1;
}

.operations-schedule-legend b {
  color: #334155;
  font-size: 12px;
  font-weight: 950;
}

.operations-matrix-v4 {
  display: grid;
  grid-template-columns: minmax(158px, 1.25fr) repeat(var(--operations-day-count), minmax(82px, 1fr)) minmax(170px, 1.1fr);
  padding: 0 14px 14px;
  overflow-x: auto;
}

.operations-matrix-header,
.operations-account-v4,
.operations-day-cell,
.operations-row-metrics {
  min-width: 0;
  border-right: 1px solid #edf2f7;
  border-bottom: 1px solid #edf2f7;
}

.operations-matrix-header {
  display: grid;
  align-content: center;
  min-height: 54px;
  padding: 9px 10px;
  background: #fbfdff;
  color: #64748b;
  font-size: 12px;
  font-weight: 950;
}

.operations-matrix-header strong {
  color: #0f172a;
  font-size: 13px;
}

.operations-matrix-header.day-column {
  text-align: center;
}

.operations-matrix-header.day-column.is-today {
  background: #eff6ff;
}

.operations-matrix-header.metric-column {
  grid-template-columns: 32px 32px minmax(72px, 1fr);
  align-items: center;
  gap: 10px;
}

.operations-account-v4 {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 59px;
  padding: 9px 10px;
  color: #0f172a;
  background: #ffffff;
  text-decoration: none;
}

.operations-account-avatar {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  object-fit: cover;
  background: #e0f2fe;
}

.operations-account-avatar.avatar-placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: linear-gradient(135deg, #2563eb, #10b981);
  font-size: 14px;
  font-weight: 950;
}

.operations-account-v4 span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.operations-account-v4 strong {
  overflow: hidden;
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operations-account-v4 em {
  justify-self: start;
  border-radius: 999px;
  padding: 2px 7px;
  background: #dcfce7;
  color: #059669;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
}

.operations-day-cell {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 5px;
  min-height: 59px;
  padding: 8px 6px;
  color: #0f172a;
  text-align: center;
  text-decoration: none;
}

.operations-day-cell strong {
  font-size: 16px;
  font-weight: 950;
  line-height: 1;
}

.operations-day-cell span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
}

.operations-day-cell.status-complete {
  background: #ecfdf5;
}

.operations-day-cell.status-warning,
.operations-day-cell.status-partial {
  background: #fffbeb;
}

.operations-day-cell.status-danger {
  background: #fff1f2;
}

.operations-day-cell.status-none {
  background: #f8fafc;
}

.operations-day-cell:hover,
.operations-account-v4:hover,
.operations-row-metrics a:hover,
.operations-focus-item a:hover,
.operations-folders-v4 a:hover {
  filter: brightness(0.985);
  text-decoration: none;
}

.operations-row-metrics {
  display: grid;
  grid-template-columns: 32px 32px minmax(72px, 1fr);
  align-items: stretch;
  gap: 8px;
  min-height: 59px;
  padding: 8px;
  background: #ffffff;
}

.operations-row-metrics a {
  display: grid;
  align-content: center;
  min-width: 0;
  border-radius: 7px;
  color: #0f172a;
  text-align: center;
  text-decoration: none;
}

.operations-row-metrics a:nth-child(3) {
  text-align: left;
}

.operations-row-metrics small {
  overflow: hidden;
  color: #64748b;
  font-size: 9px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operations-row-metrics strong {
  overflow: hidden;
  color: #0f172a;
  font-size: 14px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operations-row-metrics a:nth-child(3) strong {
  color: #ef4444;
  font-size: 12px;
}

.operations-focus-card {
  display: grid;
  gap: 12px;
  padding: 14px;
}

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

.operations-focus-item {
  display: grid;
  align-content: start;
  gap: 7px;
  min-width: 0;
  min-height: 118px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 12px;
  background: #ffffff;
}

.operations-focus-item strong {
  overflow: hidden;
  color: #0f172a;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.operations-focus-item p,
.operations-focus-item small {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.operations-focus-item a {
  justify-self: start;
  margin-top: 2px;
  border-radius: 7px;
  padding: 7px 11px;
  background: #fee2e2;
  color: #dc2626;
  font-size: 12px;
  font-weight: 950;
  text-decoration: none;
}

.operations-focus-item.tone-2 a {
  background: #fef3c7;
  color: #d97706;
}

.operations-focus-item.tone-3 a {
  background: #dcfce7;
  color: #059669;
}

.operations-focus-item.tone-4 a {
  background: #dbeafe;
  color: #2563eb;
}

.operations-folders-v4 {
  display: grid;
  gap: 8px;
}

.operations-folders-v4 details {
  padding: 0;
}

.operations-folders-v4 summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 52px;
  padding: 10px 14px;
  cursor: pointer;
}

.operations-folders-v4 summary span {
  display: grid;
  gap: 3px;
}

.operations-folders-v4 b {
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
}

.operations-folders-v4 small,
.operations-folders-v4 em {
  color: #64748b;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}

.operations-folders-v4 a {
  display: inline-flex;
  margin: 0 14px 12px;
  color: #2563eb;
  font-size: 12px;
  font-weight: 950;
  text-decoration: none;
}

.ceo-dashboard-secondary {
  margin-top: 14px;
}

@media (max-width: 1180px) {
  .operations-runtime-v4 {
    grid-template-columns: repeat(3, minmax(120px, 1fr));
  }

  .operations-matrix-v4 {
    grid-template-columns: minmax(152px, 1.2fr) repeat(var(--operations-day-count), minmax(78px, 1fr)) minmax(168px, 1fr);
  }

  .operations-focus-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .operations-dashboard-v4 {
    padding: 12px;
  }

  .operations-dashboard-toolbar,
  .operations-schedule-head,
  .operations-focus-card > div:first-child {
    align-items: flex-start;
    flex-direction: column;
  }

  .operations-runtime-v4,
  .operations-focus-grid {
    grid-template-columns: 1fr;
  }

  .operations-matrix-v4 {
    min-width: 980px;
  }
}

.recommendation-state-summary {
  display: grid;
  gap: 7px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  padding: 10px 12px;
  background: #eff6ff;
}

.recommendation-state-summary strong {
  color: #0f172a;
  font-size: 14px;
  font-weight: 950;
}

.recommendation-state-summary p,
.recommendation-state-summary ul {
  margin: 0;
}

.recommendation-state-summary p,
.recommendation-state-summary li {
  color: #334155;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.recommendation-state-summary ul {
  padding-left: 18px;
}

.monetization-status-badge,
.monetization-status-inline {
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  display: inline-flex;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.2;
  padding: 4px 8px;
  width: fit-content;
}

.monetization-status-inline {
  margin-top: 6px;
}

.monetization-status-monetization-ready {
  background: #ecfdf5;
  border-color: #86efac;
  color: #166534;
}

.monetization-status-normal-material {
  background: #fefce8;
  border-color: #fde047;
  color: #854d0e;
}

.monetization-status-low-confidence {
  background: #fff7ed;
  border-color: #fdba74;
  color: #9a3412;
}

.monetization-status-blocked {
  background: #fef2f2;
  border-color: #fca5a5;
  color: #991b1b;
}

.monetization-status-cell {
  align-content: start;
}

.monetization-status-cell small {
  color: #64748b;
  display: block;
  font-size: 0.78rem;
  font-weight: 800;
  margin-top: 4px;
}

.recommendation-rank {
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  border-radius: 999px;
  color: #166534;
  display: inline-flex;
  font-size: 0.72rem;
  font-weight: 800;
  margin-bottom: 8px;
  padding: 4px 9px;
}

.recommendation-later-list {
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 12px;
  padding: 12px;
}

.recommendation-later-list > summary {
  color: var(--text-strong, #0f172a);
  cursor: pointer;
  font-weight: 800;
}

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

.recommendation-later-card {
  background: #ffffff;
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 10px;
  display: grid;
  gap: 8px;
  padding: 12px;
}

.recommendation-later-card h3 {
  color: var(--text-strong, #0f172a);
  font-size: 0.95rem;
  line-height: 1.3;
  margin: 0;
}

.recommendation-later-card p {
  color: var(--text-muted, #64748b);
  font-size: 0.84rem;
  line-height: 1.45;
  margin: 0;
}

.recommendation-later-meta {
  color: var(--text-muted, #64748b);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.78rem;
  gap: 8px;
}

.recommendation-later-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.material-narrative-label {
  color: var(--text-muted, #64748b);
  display: block;
  font-size: 0.78rem;
  font-weight: 800;
  margin: -2px 0 6px;
}

.material-narrative-brief {
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 12px;
  display: grid;
  gap: 16px;
  padding: 18px;
}

.material-narrative-main h2 {
  color: var(--text-strong, #0f172a);
  font-size: 1.35rem;
  line-height: 1.2;
  margin: 4px 0 8px;
}

.material-narrative-main p {
  color: var(--text-strong, #0f172a);
  font-size: 1rem;
  line-height: 1.65;
  margin: 0;
  max-width: 980px;
}

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

.material-narrative-grid > div,
.material-department-voice {
  background: #f8fafc;
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 10px;
  min-width: 0;
  padding: 12px;
}

.material-narrative-grid span {
  color: var(--text-muted, #64748b);
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 5px;
}

.material-narrative-grid strong {
  color: var(--text-strong, #0f172a);
  display: block;
  font-size: 0.9rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.material-narrative-grid small {
  color: var(--text-muted, #64748b);
  display: block;
  line-height: 1.45;
  margin-top: 5px;
}

.material-strict-eligibility {
  align-items: start;
  background: #f8fafc;
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 10px;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(180px, .7fr) minmax(0, 1.3fr);
  padding: 12px;
}

.material-strict-eligibility span,
.material-strict-eligibility small {
  color: var(--text-muted, #64748b);
  display: block;
  font-size: 0.75rem;
  font-weight: 800;
}

.material-strict-eligibility strong {
  color: var(--text-strong, #0f172a);
  display: block;
  font-size: 1rem;
  line-height: 1.35;
}

.material-strict-eligibility p {
  color: #334155;
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.5;
  margin: 0;
}

.material-strict-eligibility details {
  color: var(--text-muted, #64748b);
  font-size: 0.78rem;
  font-weight: 750;
  grid-column: 1 / -1;
}

.material-department-voice {
  display: grid;
  gap: 10px;
}

.material-department-voice > strong {
  color: var(--text-strong, #0f172a);
  font-size: 0.9rem;
}

.material-department-voice > div {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.material-department-voice p {
  background: #ffffff;
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 8px;
  color: var(--text-muted, #64748b);
  line-height: 1.45;
  margin: 0;
  padding: 10px;
}

.material-department-voice b {
  color: var(--text-strong, #0f172a);
  display: block;
  margin-bottom: 4px;
}

.material-intelligence-profile {
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 12px;
  display: grid;
  gap: 16px;
  padding: 18px;
}

.material-intelligence-head {
  align-items: start;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) 180px;
}

.material-intelligence-head h2 {
  color: var(--text-strong, #0f172a);
  font-size: 1.35rem;
  line-height: 1.2;
  margin: 4px 0 8px;
}

.material-intelligence-head p {
  color: var(--text-muted, #64748b);
  margin: 4px 0;
}

.material-intelligence-score {
  background: #f8fafc;
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 10px;
  padding: 14px;
}

.material-intelligence-score span,
.material-intelligence-grid span {
  color: var(--text-muted, #64748b);
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
}

.material-intelligence-score strong {
  color: var(--text-strong, #0f172a);
  display: block;
  font-size: 1.55rem;
  line-height: 1.1;
  margin: 6px 0 4px;
}

.material-intelligence-score small,
.material-intelligence-grid small {
  color: var(--text-muted, #64748b);
  display: block;
  margin-top: 4px;
}

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

.material-intelligence-grid > div {
  background: #ffffff;
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: 10px;
  min-width: 0;
  padding: 12px;
}

.material-intelligence-grid strong {
  color: var(--text-strong, #0f172a);
  display: block;
  margin-top: 6px;
  overflow-wrap: anywhere;
}

.content-intelligence-strip,
.candidate-content-intelligence {
  align-items: center;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 7px 9px;
}

.content-intelligence-strip strong,
.candidate-content-intelligence strong {
  color: #0f172a;
  font-size: 0.95rem;
  font-weight: 900;
}

.content-intelligence-strip span,
.content-intelligence-strip em,
.candidate-content-intelligence span,
.candidate-content-intelligence em {
  color: #475569;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 800;
}

.content-intelligence-strip-high,
.content-intelligence-panel-high,
.candidate-content-intelligence-high {
  background: #fff7ed;
  border-color: #fed7aa;
}

.content-intelligence-strip-medium,
.content-intelligence-panel-medium,
.candidate-content-intelligence-medium {
  background: #f0fdf4;
  border-color: #bbf7d0;
}

.content-intelligence-strip-low,
.content-intelligence-panel-low,
.candidate-content-intelligence-low {
  background: #f8fafc;
  border-color: #e2e8f0;
}

.content-intelligence-panel {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
}

.content-intelligence-panel > div:first-child {
  align-items: baseline;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.content-intelligence-panel strong {
  color: #0f172a;
  font-size: 1.35rem;
  font-weight: 950;
}

.content-intelligence-panel dl {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
}

.content-intelligence-panel dt {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 800;
}

.content-intelligence-panel dd {
  color: #0f172a;
  font-weight: 900;
  margin: 2px 0 0;
}

.content-intelligence-panel small {
  color: #64748b;
  font-weight: 750;
}

.pool-layer-strip {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding: 7px 9px;
}

.pool-layer-strip strong,
.pool-layer-panel strong {
  color: #0f172a;
  font-weight: 950;
}

.pool-layer-strip span,
.pool-layer-panel small {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 800;
}

.pool-layer-strip-monetized,
.pool-layer-panel-monetized {
  background: #fffbeb;
  border-color: #fde68a;
}

.pool-layer-strip-normal,
.pool-layer-panel-normal {
  background: #eff6ff;
  border-color: #bfdbfe;
}

.pool-layer-panel {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  display: grid;
  gap: 5px;
  margin-top: 12px;
  padding: 12px;
}

.candidate-publishing-decision {
  border: 1px solid #dbe3ef;
  border-left-width: 4px;
  border-radius: 8px;
  display: grid;
  gap: 5px;
  padding: 8px 9px;
}

.candidate-publishing-decision-ready {
  background: #f0fdf4;
  border-left-color: #16a34a;
}

.candidate-publishing-decision-review {
  background: #fffbeb;
  border-left-color: #f59e0b;
}

.candidate-publishing-decision-blocked {
  background: #fef2f2;
  border-left-color: #dc2626;
}

.candidate-publishing-decision strong {
  color: #0f172a;
  font-size: 0.78rem;
  font-weight: 950;
}

.candidate-publishing-decision span {
  color: #334155;
  font-size: 0.75rem;
  font-weight: 820;
}

.material-intelligence-evidence {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.material-intelligence-evidence strong {
  color: var(--text-strong, #0f172a);
  font-size: 0.82rem;
}

.material-intelligence-evidence span,
.material-intelligence-timeline span {
  background: #eef2ff;
  border: 1px solid #c7d2fe;
  border-radius: 999px;
  color: #312e81;
  font-size: 0.78rem;
  padding: 5px 9px;
}

.material-intelligence-timeline {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.material-intelligence-timeline span {
  background: #f8fafc;
  border-color: var(--border-subtle, #e5e7eb);
  color: var(--text-strong, #0f172a);
}

.material-intelligence-timeline small {
  color: var(--text-muted, #64748b);
  margin-left: 4px;
}

.decision-card-v1 {
  display: grid;
  gap: 14px;
  margin-top: 16px;
  padding: 16px;
  background: #f8fafc;
  border: 1px solid #dbeafe;
  border-radius: 14px;
}

.material-operator-first-screen {
  display: grid;
  grid-template-columns: minmax(520px, 1.12fr) minmax(320px, 0.88fr);
  gap: 14px;
  align-items: start;
  margin-top: 14px;
}

.material-operator-decision {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.material-detail-v2-caption-workspace {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  background: linear-gradient(180deg, #ffffff, #f8fbff);
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
}

.material-detail-v2-caption-heading {
  margin: 0;
}

.material-detail-v2-caption-workspace .original-source-copy-block,
.material-detail-v2-caption-workspace .caption-secondary-block,
.material-detail-v2-caption-workspace .final-facebook-caption-panel,
.material-detail-v2-caption-workspace .caption-studio-panel {
  border-radius: 8px;
  box-shadow: none;
}

.material-detail-v2-caption-workspace .original-source-copy-text {
  max-height: 104px;
}

.material-detail-v2-caption-workspace textarea {
  min-height: 132px;
}

.material-detail-v2-caption-workspace .caption-editor-footer {
  align-items: center;
}

.material-detail-v2-caption-workspace .final-facebook-caption-text {
  max-height: 120px;
  overflow: auto;
}

.material-detail-v2-caption-actions {
  padding: 10px 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
}

.material-caption-legacy-anchor {
  display: contents;
}

.material-caption-legacy-anchor > .section-heading,
.material-caption-legacy-anchor > .notice-panel,
.material-caption-legacy-anchor > .ai-validation-alert {
  display: none;
}

.material-operator-first-screen .decision-card-v1 {
  margin-top: 0;
  padding: 13px;
}

.material-operator-preview {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 12px;
}

.material-detail-v2-ops-brief {
  order: -6;
  display: grid;
  gap: 8px;
  padding: 10px;
  background: #ffffff;
  border: 1px solid rgba(37, 99, 235, 0.18);
  border-radius: 10px;
}

.material-detail-v2-ops-brief > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.material-detail-v2-ops-brief span,
.material-detail-v2-ops-brief small {
  color: #64748b;
  font-size: 0.75rem;
  font-weight: 760;
  line-height: 1.35;
}

.material-detail-v2-ops-brief strong {
  color: #0f172a;
  font-size: 0.98rem;
  font-weight: 950;
  overflow-wrap: anywhere;
}

.material-detail-v2-ops-accounts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px !important;
}

.material-detail-v2-ops-accounts span {
  padding: 6px 7px;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.material-operator-preview .material-watermark-operator-card {
  order: 4;
}

.material-operator-preview .material-management-actions {
  order: 5;
}

.material-operator-video {
  order: -5;
  overflow: hidden;
  background: #020617;
  border-radius: 10px;
  aspect-ratio: 9 / 16;
  max-height: 410px;
}

.material-operator-video video,
.material-operator-video img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.material-operator-media-facts {
  order: -4;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.material-operator-media-facts span {
  padding: 7px 8px;
  color: #334155;
  background: #fff;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 760;
}

.material-hd-replace-primary {
  order: 3;
  display: grid;
  gap: 8px;
  padding: 12px 0;
  border-top: 1px solid rgba(148, 163, 184, 0.28);
  border-bottom: 1px solid rgba(148, 163, 184, 0.28);
}

.material-hd-replace-primary > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.material-hd-replace-primary > header > div {
  display: grid;
  gap: 2px;
}

.material-hd-replace-primary > header strong {
  color: #0f172a;
  font-size: 0.96rem;
}

.material-hd-replace-state {
  color: #334155;
  font-size: 0.75rem;
  font-weight: 780;
  white-space: nowrap;
}

.material-hd-replace-primary form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: end;
  margin: 0;
}

.material-hd-replace-primary label {
  display: grid;
  gap: 5px;
  color: #475569;
  font-size: 0.76rem;
  font-weight: 760;
}

.material-hd-replace-primary input[type="url"] {
  width: 100%;
  min-width: 0;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  padding: 9px 10px;
  background: #fff;
  font: inherit;
}

.material-hd-replace-primary button {
  min-height: 38px;
  white-space: nowrap;
}

.material-hd-replace-primary > small,
.material-hd-replace-unavailable {
  margin: 0;
  color: #64748b;
  font-size: 0.75rem;
  line-height: 1.45;
}

.material-hd-replace-unavailable {
  padding-left: 9px;
  border-left: 3px solid #94a3b8;
}

.material-ai-vie-details {
  margin-top: 14px;
}

.material-ai-vie-details > summary {
  display: grid;
  gap: 4px;
  cursor: pointer;
  padding: 12px 14px;
  background: #f8fafc;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 10px;
}

.material-ai-vie-details > summary span {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 850;
  text-transform: uppercase;
}

.material-ai-vie-details > summary strong {
  color: #0f172a;
}

.material-ai-vie-details > summary small {
  color: #64748b;
}

.material-v4-left-column > .material-frame-package-panel,
.material-v4-left-column > .material-frame-insight-panel {
  display: none;
}

.material-detail-compact-flow {
  margin-top: 14px;
  gap: 12px;
}

.material-operator-folded-panel {
  display: block;
  padding: 0;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: none;
}

.material-operator-folded-panel > summary {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  cursor: pointer;
  list-style: none;
  background: #f8fafc;
  border-radius: 12px;
}

.material-operator-folded-panel > summary::-webkit-details-marker {
  display: none;
}

.material-operator-folded-panel > summary::after {
  content: "展开";
  justify-self: start;
  width: fit-content;
  padding: 3px 8px;
  color: #475569;
  font-size: 0.72rem;
  font-weight: 850;
  background: #fff;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 999px;
}

.material-operator-folded-panel[open] > summary::after {
  content: "收起";
}

.material-operator-folded-panel > summary span {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 900;
  text-transform: uppercase;
}

.material-operator-folded-panel > summary strong {
  color: #0f172a;
  font-size: 0.95rem;
}

.material-operator-folded-panel > summary small {
  color: #64748b;
  line-height: 1.35;
}

.material-operator-folded-panel[open] {
  padding: 0 14px 14px;
}

.material-operator-folded-panel[open] > summary {
  margin: 0 -14px 12px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 12px 12px 0 0;
}

.material-operator-folded-panel > h2,
.material-operator-folded-panel .section-heading {
  margin-top: 0;
}

.decision-card-v1-ready {
  background: #f0fdf4;
  border-color: #bbf7d0;
}

.decision-card-v1-warning {
  background: #fffbeb;
  border-color: #fde68a;
}

.decision-card-v1-pending {
  background: #f8fafc;
  border-color: #e2e8f0;
}

.decision-card-v1-review {
  background: #fffbeb;
  border-color: #fde68a;
}

.decision-card-v1-blocked {
  background: #fef2f2;
  border-color: #fecaca;
}

.decision-card-v1-action {
  display: grid;
  gap: 6px;
}

.decision-card-v1-action h2 {
  margin: 0;
  color: #0f172a;
  font-size: 1.4rem;
  letter-spacing: 0;
}

.decision-card-v1-action p,
.decision-card-v1-footer p {
  margin: 0;
  color: #475569;
  line-height: 1.55;
}

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

.operator-decision-account {
  display: grid;
  gap: 4px;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.7);
}

.operator-decision-account span {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 900;
}

.operator-decision-account strong {
  color: #0f172a;
  font-size: 1.05rem;
  font-weight: 950;
}

.operator-decision-account-ready {
  border-color: #bbf7d0;
}

.operator-decision-account-review {
  border-color: #fde68a;
}

.operator-decision-account-blocked {
  border-color: #fecaca;
}

.operator-decision-reasons {
  display: grid;
  gap: 5px;
}

.operator-decision-reasons span {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 900;
}

.operator-decision-reasons ul {
  margin: 0;
  padding-left: 18px;
  color: #334155;
  line-height: 1.5;
}

.decision-card-operator-summary {
  font-size: 1rem;
  font-weight: 850;
  color: #0f172a !important;
}

.decision-card-account-hero {
  display: grid;
  gap: 10px;
  grid-template-columns: 1.2fr 1.4fr 1fr;
}

.decision-card-account-hero > div,
.decision-card-reasons {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 11px 12px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 10px;
}

.decision-card-account-hero span,
.decision-card-reasons > span {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 850;
}

.decision-card-account-hero strong {
  color: #0f172a;
  overflow-wrap: anywhere;
}

.decision-card-account-hero small {
  color: #64748b;
  line-height: 1.4;
}

.decision-card-role-chip {
  width: fit-content;
  padding: 5px 8px;
  color: #334155 !important;
  background: #f8fafc;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 999px;
}

.decision-card-reasons ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.decision-card-reasons li {
  color: #334155;
  line-height: 1.45;
}

.decision-card-reasons li::before {
  content: "✓";
  margin-right: 7px;
  color: #15803d;
  font-weight: 900;
}

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

.decision-card-v1-grid > div {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 10px;
}

.decision-card-v1-grid span,
.decision-card-v1-footer span {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 850;
}

.decision-card-v1-grid strong {
  color: #0f172a;
  overflow-wrap: anywhere;
}

.decision-card-v1-grid small {
  color: #64748b;
  line-height: 1.4;
}

.decision-card-v1-footer {
  display: grid;
  gap: 9px;
}

.decision-card-v1-footer > div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
}

.decision-card-v1-footer b {
  padding: 5px 8px;
  color: #334155;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 999px;
  font-size: 0.78rem;
}

.decision-card-compare {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 10px;
}

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

.decision-card-compare-head > div {
  display: grid;
  gap: 3px;
}

.decision-card-compare-head strong {
  color: #0f172a;
}

.decision-card-compare-head b,
.decision-card-compare-reasons span {
  padding: 5px 8px;
  color: #334155;
  background: #f8fafc;
  border: 1px solid rgba(148, 163, 184, 0.26);
  border-radius: 999px;
  font-size: 0.78rem;
}

.decision-card-compare-high .decision-card-compare-head b {
  color: #991b1b;
  background: #fee2e2;
  border-color: #fecaca;
}

.decision-card-compare-medium .decision-card-compare-head b {
  color: #92400e;
  background: #fef3c7;
  border-color: #fde68a;
}

.decision-card-compare-low .decision-card-compare-head b {
  color: #0369a1;
  background: #e0f2fe;
  border-color: #bae6fd;
}

.decision-card-compare-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.decision-card-compare-grid > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 9px 10px;
  background: rgba(248, 250, 252, 0.82);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 8px;
}

.decision-card-compare-grid span,
.decision-card-compare small {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 780;
}

.decision-card-compare-grid strong {
  color: #0f172a;
  overflow-wrap: anywhere;
}

.decision-card-compare-grid small,
.decision-card-compare p {
  margin: 0;
  color: #475569;
  line-height: 1.45;
}

.decision-card-compare-reasons {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.decision-card-facebook-baseline {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(59, 130, 246, 0.24);
  border-radius: 10px;
}

.decision-card-facebook-baseline-muted {
  color: #64748b;
  background: rgba(248, 250, 252, 0.86);
  border-color: rgba(148, 163, 184, 0.28);
}

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

.decision-card-facebook-baseline-head > div {
  display: grid;
  gap: 3px;
}

.decision-card-facebook-baseline-head strong,
.decision-card-facebook-baseline-grid strong,
.decision-card-facebook-baseline-muted strong {
  color: #0f172a;
}

.decision-card-facebook-baseline-head small,
.decision-card-facebook-baseline-grid small,
.decision-card-facebook-baseline-muted small,
.decision-card-facebook-baseline-note,
.decision-card-facebook-baseline-grid em {
  color: #64748b;
  line-height: 1.45;
}

.decision-card-facebook-baseline-head b {
  flex: 0 0 auto;
  padding: 5px 8px;
  color: #1d4ed8;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  font-size: 0.78rem;
}

.decision-card-facebook-baseline-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: 1.35fr 0.85fr 1fr;
}

.decision-card-facebook-baseline-grid > div {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 9px 10px;
  background: rgba(248, 250, 252, 0.84);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 8px;
}

.decision-card-facebook-baseline-grid span {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 850;
}

.decision-card-facebook-baseline-grid p,
.decision-card-facebook-baseline-note {
  margin: 0;
}

.decision-card-facebook-baseline-grid p {
  display: grid;
  gap: 2px;
}

.evidence-review-hero {
  display: flex;
  gap: 16px;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 16px;
}

.evidence-review-hero h1 {
  margin: 4px 0 6px;
  color: #0f172a;
  font-size: 1.7rem;
  letter-spacing: 0;
}

.evidence-review-hero p,
.evidence-review-safety span,
.evidence-review-card small,
.evidence-review-card .muted {
  color: #64748b;
  line-height: 1.45;
}

.evidence-review-safety {
  display: grid;
  gap: 5px;
  min-width: 280px;
  padding: 12px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 10px;
}

.evidence-review-summary {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  margin-bottom: 14px;
}

.evidence-review-summary div,
.evidence-review-toolbar,
.evidence-review-card {
  background: #fff;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 10px;
}

.evidence-review-summary div {
  display: grid;
  gap: 4px;
  padding: 11px 12px;
}

.evidence-review-summary span,
.evidence-review-side-head span,
.evidence-review-side dt {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 850;
}

.evidence-review-summary strong {
  color: #0f172a;
  font-size: 1.35rem;
}

.evidence-review-toolbar {
  margin-bottom: 14px;
  padding: 12px;
}

.evidence-review-toolbar form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: end;
}

.evidence-review-toolbar label {
  display: grid;
  gap: 4px;
}

.evidence-review-toolbar input,
.evidence-review-toolbar select {
  min-height: 36px;
  padding: 7px 9px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 8px;
}

.evidence-review-list {
  display: grid;
  gap: 14px;
}

.evidence-review-card {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.evidence-review-card header {
  display: flex;
  gap: 14px;
  justify-content: space-between;
}

.evidence-review-card h2 {
  margin: 3px 0;
  color: #0f172a;
  font-size: 1rem;
  letter-spacing: 0;
}

.evidence-review-match {
  display: grid;
  gap: 4px;
  min-width: 180px;
  padding: 9px 10px;
  background: #fefce8;
  border: 1px solid #fde68a;
  border-radius: 8px;
}

.evidence-review-match strong {
  color: #92400e;
}

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

.evidence-review-side {
  display: grid;
  gap: 10px;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 10px;
}

.evidence-review-side-head {
  display: grid;
  gap: 3px;
}

.evidence-review-side-head strong {
  color: #0f172a;
  overflow-wrap: anywhere;
}

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

.evidence-review-side dl div {
  display: grid;
  gap: 2px;
}

.evidence-review-side dd {
  margin: 0;
  color: #0f172a;
  font-weight: 760;
  overflow-wrap: anywhere;
}

.evidence-review-media {
  overflow: hidden;
  max-height: 320px;
  background: #020617;
  border-radius: 8px;
}

.evidence-review-media video,
.evidence-review-media img {
  display: block;
  width: 100%;
  max-height: 320px;
  object-fit: contain;
}

.evidence-review-placeholder {
  display: grid;
  min-height: 180px;
  place-items: center;
  color: #cbd5e1;
  font-weight: 850;
}

.evidence-review-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  padding-top: 4px;
}

.evidence-review-actions form {
  margin: 0;
}

.evidence-review-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

@media (max-width: 900px) {
  .ceo-focus-panel,
  .ceo-schedule-card-grid,
  .recommendation-card {
    grid-template-columns: 1fr;
  }

  .recommendation-card {
    grid-template-columns: 96px minmax(0, 1fr);
  }

  .recommendation-meta-grid,
  .recommendation-decision {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .material-intelligence-head,
  .material-intelligence-grid,
  .material-operator-first-screen,
  .decision-card-account-hero,
  .decision-card-v1-grid,
  .decision-card-compare-grid,
  .decision-card-facebook-baseline-grid,
  .evidence-review-compare,
  .material-narrative-grid,
  .material-department-voice > div,
  .recommendation-later-grid,
  .ceo-schedule-summary,
  .ceo-schedule-card-metrics {
    grid-template-columns: 1fr;
  }

  .material-hd-replace-primary form {
    grid-template-columns: 1fr;
  }

  .material-hd-replace-primary button {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .recommendation-card {
    grid-template-columns: 1fr;
  }

  .recommendation-thumb {
    aspect-ratio: 16 / 9;
  }
}

@media (max-width: 1100px) {
  .aios-status-grid,
  .aios-status-grid.compact,
  .aios-clock-grid,
  .aios-workflow-rail,
  .aios-lifecycle-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .aios-status-grid,
  .aios-status-grid.compact,
  .aios-clock-grid,
  .aios-workflow-rail,
  .aios-lifecycle-row,
  .aios-timeline > div {
    grid-template-columns: 1fr;
  }
}

.system-health-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.browser-import-pairing {
  margin-block: 16px;
}

.browser-import-status-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-block: 12px;
}

.browser-import-activity {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 1px;
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid var(--border-color, #d9e0e8);
  border-radius: 6px;
  background: var(--border-color, #d9e0e8);
}

.browser-import-activity > div {
  min-width: 0;
  padding: 10px;
  background: var(--surface, #fff);
}

.browser-import-activity span,
.browser-import-activity strong {
  display: block;
}

.browser-import-activity span {
  color: var(--text-muted, #52606d);
  font-size: 12px;
}

.browser-import-activity strong {
  margin-top: 4px;
  font-size: 18px;
}

.browser-import-status-grid > div,
.browser-pairing-code {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--border-color, #d9e0e8);
  border-radius: 6px;
  background: var(--surface-muted, #f7f9fb);
}

.browser-import-status-grid span,
.browser-pairing-code span,
.browser-pairing-code small {
  display: block;
  color: var(--text-muted, #52606d);
  font-size: 0.78rem;
}

.browser-import-status-grid strong,
.browser-pairing-code strong {
  display: block;
  margin-top: 3px;
  overflow-wrap: anywhere;
}

.browser-pairing-code {
  max-width: 360px;
  border-color: #86b7d8;
  background: #edf7fc;
}

.browser-pairing-code strong {
  font-size: 1.25rem;
  letter-spacing: 0;
}

.browser-import-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.browser-import-actions form {
  margin: 0;
}

@media (max-width: 768px) {
  .browser-import-status-grid,
  .browser-import-activity {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 390px) {
  .browser-import-status-grid,
  .browser-import-activity {
    grid-template-columns: 1fr;
  }

  .browser-import-actions,
  .browser-import-actions form,
  .browser-import-actions button {
    width: 100%;
  }
}

.system-health-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}

.system-production-summary {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.system-production-summary .summary-degraded,
.system-production-summary .summary-action_required {
  border-top: 3px solid #d97706;
}

.system-production-summary .summary-critical {
  border-top: 3px solid #b91c1c;
}

.production-service-matrix {
  margin-bottom: 16px;
}

.production-service-table {
  display: grid;
}

.production-service-table-head,
.production-service-row {
  display: grid;
  grid-template-columns: minmax(145px, 1fr) 112px 64px 82px minmax(210px, 1.5fr);
  gap: 12px;
  align-items: center;
  min-width: 0;
}

.production-service-table-head {
  padding: 8px 10px;
  color: #64748b;
  border-bottom: 1px solid #cbd5e1;
  font-size: 0.78rem;
  font-weight: 700;
}

.production-service-row {
  padding: 10px;
  border-bottom: 1px solid #e5e7eb;
}

.production-service-row:last-child {
  border-bottom: 0;
}

.production-service-row.status-stopped,
.production-service-row.status-critical {
  background: #fff7f7;
}

.production-service-row.status-degraded {
  background: #fffbeb;
}

.production-service-name,
.production-service-activity {
  min-width: 0;
}

.production-service-name strong,
.production-service-name small,
.production-service-activity > span {
  display: block;
  overflow-wrap: anywhere;
}

.production-service-name small,
.production-service-activity,
.production-service-pid,
.production-service-revision {
  color: #64748b;
  font-size: 0.82rem;
}

.production-service-activity details {
  margin-top: 5px;
}

.production-service-activity summary {
  color: #475569;
  cursor: pointer;
  font-size: 0.78rem;
}

.production-service-activity code {
  white-space: normal;
  overflow-wrap: anywhere;
}

.service-status-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 0.78rem;
  font-weight: 700;
}

.service-status-chip.status-running {
  color: #065f46;
  background: #d1fae5;
}

.service-status-chip.status-degraded {
  color: #92400e;
  background: #fef3c7;
}

.service-status-chip.status-stopped,
.service-status-chip.status-critical {
  color: #991b1b;
  background: #fee2e2;
}

.service-status-chip.status-intentionally_stopped {
  color: #475569;
  background: #e2e8f0;
}

.system-health-operator-signals {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.system-health-signal {
  min-width: 0;
  padding: 14px;
}

.system-health-signal span,
.system-health-signal small {
  display: block;
  color: #64748b;
  font-size: 0.82rem;
}

.system-health-signal strong {
  display: block;
  margin: 4px 0;
  font-size: 1.1rem;
}

.system-health-signal.signal-warning,
.system-health-signal.signal-action_required {
  border-left: 4px solid #d97706;
}

.system-health-signal.signal-critical {
  border-left: 4px solid #b91c1c;
}

.system-health-current-incidents {
  margin-bottom: 16px;
  border-color: #fecaca;
}

.system-health-incident {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-top: 1px solid #fee2e2;
}

.system-health-incident small {
  color: #64748b;
}

.system-health-panel {
  min-width: 0;
}

.system-health-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.system-health-panel-head h2 {
  margin: 0;
}

.system-health-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.system-health-metrics div,
.system-health-source-grid div {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 10px;
  background: #f8fafc;
  min-width: 0;
}

.system-health-metrics span,
.system-health-source-grid span,
.system-health-mini-list span,
.system-health-row small {
  display: block;
  color: #64748b;
  font-size: 0.82rem;
}

.system-health-source-grid span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.system-health-metrics strong {
  display: block;
  margin-top: 4px;
  font-size: 1.45rem;
}

.gate-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.system-health-worker-list,
.system-health-mini-list,
.system-health-table {
  display: grid;
  gap: 8px;
}

.system-health-row,
.system-health-table-head,
.system-health-table-row {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(64px, 0.5fr));
  gap: 8px;
  align-items: center;
  border-bottom: 1px solid #e5e7eb;
  padding: 8px 0;
}

.system-health-row {
  grid-template-columns: minmax(0, 1fr) 96px 70px;
}

.system-health-row > *,
.system-health-table-row > *,
.system-health-panel strong,
.system-health-panel dd {
  min-width: 0;
  overflow-wrap: anywhere;
}

.system-health-table-head {
  color: #64748b;
  font-size: 0.78rem;
  text-transform: uppercase;
}

.system-health-mini-list > div {
  border-bottom: 1px solid #e5e7eb;
  padding: 8px 0;
}

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

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

.compact-empty {
  padding: 8px;
}

.health-running {
  color: #047857;
}

.health-stopped {
  color: #b45309;
}

.health-degraded {
  color: #b91c1c;
}

.material-management-actions .status-action-group .button-danger-subtle {
  color: #b91c1c;
  border-color: #fecaca;
  background: #fff5f5;
}

@media (max-width: 900px) {
  .system-health-grid,
  .system-health-source-grid,
  .system-health-operator-signals {
    grid-template-columns: 1fr;
  }

  .system-production-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .production-service-table-head {
    display: none;
  }

  .production-service-row {
    grid-template-columns: minmax(0, 1fr) 108px 72px;
  }

  .production-service-pid::before {
    content: "PID ";
  }

  .production-service-activity {
    grid-column: 1 / -1;
  }

  .system-health-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .system-production-summary {
    grid-template-columns: 1fr;
  }

  .system-health-incident {
    display: block;
  }

  .system-health-incident small {
    display: block;
    margin-top: 4px;
  }
}
.ceo-command-center {
  display: grid;
  gap: 20px;
  max-width: 100%;
  overflow: hidden;
  color: #172033;
}

.ceo-command-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 34px;
  border: 1px solid #d8e0ea;
  border-radius: 8px;
  background: #f8fafc;
}

.ceo-command-hero > div:first-child {
  min-width: 0;
}

.ceo-command-hero-healthy {
  border-color: #b9dfca;
  background: #f4fbf6;
}

.ceo-command-hero-attention {
  border-color: #f2d08a;
  background: #fff9ed;
}

.ceo-command-hero-warning {
  border-color: #f1aaa5;
  background: #fff5f4;
}

.ceo-command-hero h1,
.ceo-command-section h2 {
  margin: 0;
  letter-spacing: 0;
}

.ceo-command-hero h1 {
  margin-top: 6px;
  font-size: 32px;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.ceo-command-hero p {
  max-width: 760px;
  margin: 12px 0 0;
  color: #4f5f74;
  font-size: 17px;
  line-height: 1.65;
}

.ceo-command-kicker {
  margin: 0;
  color: #607086;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.ceo-command-updated {
  display: grid;
  gap: 4px;
  min-width: 150px;
  text-align: right;
  color: #607086;
}

.ceo-command-updated strong {
  color: #172033;
}

.ceo-status-grid,
.ceo-funnel,
.ceo-employee-grid,
.ceo-inventory-grid,
.ceo-report-grid {
  display: grid;
  gap: 12px;
}

.ceo-status-grid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.ceo-status-grid article,
.ceo-funnel article,
.ceo-inventory-grid article,
.ceo-report-grid article {
  min-height: 92px;
  padding: 16px;
  border: 1px solid #dce3ec;
  border-radius: 8px;
  background: #ffffff;
}

.ceo-status-grid article.needs-attention {
  border-color: #f0bf69;
  background: #fff8ea;
}

.ceo-status-grid span,
.ceo-funnel span,
.ceo-inventory-grid span,
.ceo-report-grid span {
  display: block;
  color: #607086;
  font-size: 13px;
  font-weight: 700;
}

.ceo-status-grid strong,
.ceo-funnel strong,
.ceo-inventory-grid strong,
.ceo-report-grid strong {
  display: block;
  margin-top: 10px;
  color: #111827;
  font-size: 30px;
  line-height: 1;
}

.ceo-status-grid small,
.ceo-funnel small {
  display: block;
  margin-top: 8px;
  color: #6b7788;
}

.ceo-command-section {
  padding: 22px;
  border: 1px solid #dce3ec;
  border-radius: 8px;
  background: #ffffff;
}

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

.ceo-section-heading a {
  color: #2362a8;
  font-weight: 800;
  text-decoration: none;
}

.ceo-funnel {
  grid-template-columns: repeat(9, minmax(92px, 1fr));
  overflow-x: auto;
}

.ceo-active-stages {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.ceo-active-stages span {
  padding: 6px 10px;
  border: 1px solid #dce3ec;
  border-radius: 999px;
  color: #4f5f74;
  background: #f8fafc;
  font-size: 12px;
  font-weight: 700;
}

.ceo-employee-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.ceo-employee-card {
  display: grid;
  gap: 10px;
  padding: 16px;
  border: 1px solid #dce3ec;
  border-left: 4px solid #5b8def;
  border-radius: 8px;
  background: #ffffff;
}

.ceo-employee-card div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.ceo-employee-card span {
  padding: 4px 8px;
  border-radius: 999px;
  background: #eef4ff;
  color: #285ea8;
  font-size: 12px;
  font-weight: 700;
}

.ceo-employee-card p {
  margin: 0;
  color: #4f5f74;
  line-height: 1.5;
}

.ceo-employee-card small {
  display: block;
  margin-top: 12px;
  color: #607086;
  line-height: 1.45;
}

.ceo-employee-card.employee-blocked {
  border-left-color: #d94c43;
}

.ceo-employee-card.employee-recovering,
.ceo-employee-card.employee-working {
  border-left-color: #d89a2b;
}

.ceo-action-list {
  display: grid;
  gap: 12px;
}

.ceo-action-list article {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 18px;
  border: 1px solid #ead19c;
  border-radius: 8px;
  background: #fffaf0;
}

.ceo-action-list span {
  color: #966b12;
  font-weight: 800;
}

.ceo-action-list strong,
.ceo-action-list p {
  margin: 0;
}

.ceo-action-list strong {
  font-size: 18px;
}

.ceo-action-list p {
  margin-top: 4px;
  color: #6b7788;
}

.ceo-action-list a {
  color: #2362a8;
  font-weight: 800;
  text-decoration: none;
}

.ceo-decision-section {
  border-color: #e6c36f;
  background: #fffdf7;
}

.ceo-decision-section .ceo-section-heading h2 {
  font-size: 25px;
}

.ceo-decision-empty {
  font-size: 17px;
}

.ceo-empty-good {
  padding: 18px;
  border: 1px solid #b9dfca;
  border-radius: 8px;
  color: #24633d;
  background: #f4fbf6;
  font-weight: 700;
}

.ceo-coverage-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}

.ceo-coverage-summary span {
  padding: 6px 10px;
  border: 1px solid #dce3ec;
  border-radius: 999px;
  color: #4f5f74;
  background: #f8fafc;
  font-size: 12px;
  font-weight: 800;
}

.ceo-coverage-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}

.ceo-coverage-card {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid #dce3ec;
  border-left: 4px solid #3d8f5a;
  border-radius: 8px;
  background: #ffffff;
}

.ceo-coverage-card.coverage-warning {
  border-left-color: #d89a2b;
}

.ceo-coverage-card.coverage-critical {
  border-left-color: #d94c43;
}

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

.ceo-coverage-card-head strong {
  display: block;
  color: #111827;
  font-size: 18px;
}

.ceo-coverage-card-head small {
  display: block;
  margin-top: 4px;
  color: #6b7788;
}

.ceo-coverage-card-head span {
  padding: 5px 9px;
  border-radius: 999px;
  background: #eef7f1;
  color: #24633d;
  font-size: 12px;
  font-weight: 800;
}

.coverage-warning .ceo-coverage-card-head span {
  background: #fff4de;
  color: #8a5a06;
}

.coverage-critical .ceo-coverage-card-head span {
  background: #fff0ee;
  color: #a83028;
}

.ceo-coverage-bar {
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: #e7edf4;
}

.ceo-coverage-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #3d8f5a;
}

.coverage-warning .ceo-coverage-bar i {
  background: #d89a2b;
}

.coverage-critical .ceo-coverage-bar i {
  background: #d94c43;
}

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

.ceo-coverage-card dt {
  margin: 0 0 4px;
  color: #6b7788;
  font-size: 12px;
  font-weight: 700;
}

.ceo-coverage-card dd {
  margin: 0;
  color: #111827;
  font-size: 16px;
  font-weight: 800;
}

.ceo-coverage-card a {
  color: #2362a8;
  font-weight: 800;
  text-decoration: none;
}

.ceo-forecast-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}

.ceo-forecast-grid article {
  padding: 16px;
  border: 1px solid #dce3ec;
  border-radius: 8px;
  background: #f8fafc;
}

.ceo-forecast-grid span {
  color: #607086;
  font-size: 13px;
  font-weight: 800;
}

.ceo-forecast-grid strong {
  display: block;
  margin-top: 8px;
  color: #111827;
  font-size: 22px;
  line-height: 1.25;
}

.ceo-forecast-grid p,
.ceo-forecast-grid small {
  display: block;
  margin: 10px 0 0;
  color: #607086;
}

.ceo-inventory-grid {
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.ceo-report-grid {
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.ceo-yesterday-report summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
  font-weight: 800;
}

.ceo-yesterday-report summary span {
  display: grid;
  gap: 4px;
}

.ceo-yesterday-report .ceo-report-grid,
.ceo-yesterday-report .ceo-empty-good {
  margin-top: 16px;
}

.employee-center {
  display: grid;
  gap: 20px;
  max-width: 100%;
  overflow: hidden;
  color: #172033;
}

.employee-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  padding: 26px;
  border: 1px solid #dce3ec;
  border-radius: 8px;
  background: #f8fafc;
}

.employee-hero p,
.employee-section-head h2,
.employee-hero h1 {
  margin: 0;
  letter-spacing: 0;
}

.employee-hero p {
  color: #607086;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.employee-hero h1 {
  margin-top: 8px;
  font-size: 30px;
  line-height: 1.15;
}

.employee-hero span {
  display: block;
  margin-top: 8px;
  color: #607086;
}

.employee-hero a,
.employee-card a,
.department-card a {
  color: #2362a8;
  font-weight: 800;
  text-decoration: none;
}

.employee-hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
}

.employee-section {
  padding: 22px;
  border: 1px solid #dce3ec;
  border-radius: 8px;
  background: #ffffff;
}

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

.employee-card-grid,
.department-card-grid,
.employee-detail-grid,
.coo-kpi-grid {
  display: grid;
  gap: 12px;
}

.employee-card-grid {
  grid-template-columns: 1fr;
}

.department-card-grid {
  grid-template-columns: 1fr;
}

.employee-card,
.department-card,
.employee-detail-grid article,
.coo-kpi-grid article,
.org-node {
  padding: 16px;
  border: 1px solid #dce3ec;
  border-radius: 8px;
  background: #ffffff;
}

.employee-card,
.department-card {
  display: grid;
  gap: 12px;
  border-left: 4px solid #3d8f5a;
}

.employee-state-working,
.department-state-working {
  border-left-color: #d89a2b;
}

.employee-state-critical,
.department-state-critical {
  border-left-color: #d94c43;
}

.employee-card-head,
.department-card > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.employee-card-head strong,
.department-card strong {
  display: block;
  font-size: 18px;
}

.employee-card-head small,
.department-card small,
.employee-card p,
.department-card p {
  color: #607086;
}

.employee-card-head span,
.department-card span {
  height: fit-content;
  padding: 5px 9px;
  border-radius: 999px;
  background: #eef7f1;
  color: #24633d;
  font-size: 12px;
  font-weight: 800;
}

.employee-state-working .employee-card-head span,
.department-state-working span {
  background: #fff4de;
  color: #8a5a06;
}

.employee-state-critical .employee-card-head span,
.department-state-critical span {
  background: #fff0ee;
  color: #a83028;
}

.employee-card dl,
.department-card dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.employee-card dt,
.department-card dt,
.employee-detail-grid span,
.coo-kpi-grid span,
.org-node span {
  color: #607086;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.employee-card dd,
.department-card dd {
  margin: 2px 0 0;
  color: #172033;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.employee-detail-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.employee-detail-grid p,
.employee-detail-grid ul {
  margin: 10px 0 0;
  color: #172033;
}

.employee-detail-grid small {
  display: block;
  margin-top: 8px;
  color: #607086;
}

.coo-kpi-grid {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.memory-framework-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.memory-framework-grid article {
  display: grid;
  gap: 8px;
  padding: 16px;
  border: 1px solid #dce3ec;
  border-radius: 8px;
  background: #f8fafc;
}

.memory-framework-grid span {
  color: #607086;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.memory-framework-grid strong {
  font-size: 26px;
  line-height: 1;
}

.memory-framework-grid p,
.memory-framework-grid small {
  margin: 0;
  color: #607086;
}

.patrol-card-grid,
.patrol-history-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.patrol-card,
.patrol-history-grid article,
.patrol-risk-note {
  padding: 16px;
  border: 1px solid #dce3ec;
  border-radius: 8px;
  background: #ffffff;
}

.patrol-card {
  display: grid;
  gap: 12px;
  border-left: 4px solid #3d8f5a;
}

.patrol-state-working {
  border-left-color: #d89a2b;
}

.patrol-state-warning {
  border-left-color: #d89a2b;
}

.patrol-state-critical {
  border-left-color: #d94c43;
}

.patrol-card header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.patrol-card header strong,
.patrol-history-grid strong {
  display: block;
  font-size: 18px;
}

.patrol-card header small,
.patrol-card p,
.patrol-risk-note p {
  color: #607086;
}

.patrol-card header span {
  padding: 5px 9px;
  border-radius: 999px;
  background: #eef7f1;
  color: #24633d;
  font-size: 12px;
  font-weight: 800;
}

.patrol-state-working header span,
.patrol-state-warning header span {
  background: #fff4de;
  color: #8a5a06;
}

.patrol-state-critical header span {
  background: #fff0ee;
  color: #a83028;
}

.patrol-card dl {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 8px;
  margin: 0;
}

.patrol-card dt,
.patrol-history-grid span {
  color: #607086;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.patrol-card dd {
  margin: 2px 0 0;
  font-weight: 800;
}

.patrol-history-grid {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  margin-bottom: 12px;
}

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

.escalation-card {
  display: grid;
  grid-template-columns: minmax(100px, 0.45fr) minmax(0, 1.2fr) auto;
  gap: 14px;
  align-items: center;
  padding: 16px;
  border: 1px solid #dce3ec;
  border-left: 4px solid #d89a2b;
  border-radius: 8px;
  background: #ffffff;
}

.escalation-critical {
  border-left-color: #d94c43;
}

.escalation-card span {
  color: #607086;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.escalation-card strong {
  display: block;
}

.escalation-card p,
.escalation-card small {
  display: block;
  margin: 6px 0 0;
  color: #607086;
}

.escalation-card a {
  color: #2362a8;
  font-weight: 800;
  text-decoration: none;
}

.coo-kpi-grid strong {
  display: block;
  margin-top: 8px;
  font-size: 30px;
  line-height: 1;
}

.org-chart {
  display: grid;
  gap: 14px;
}

.org-ceo,
.org-coo {
  max-width: 360px;
}

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

.org-node strong {
  display: block;
  margin-top: 8px;
  font-size: 20px;
}

.org-node small {
  display: block;
  margin-top: 6px;
  color: #607086;
}

.org-node ul {
  margin: 12px 0 0;
  padding-left: 18px;
}

.operations-center {
  display: grid;
  gap: 20px;
  max-width: 100%;
  overflow: hidden;
  color: #172033;
}

.operations-hero,
.operations-section {
  border: 1px solid #dce3ec;
  border-radius: 8px;
  background: #ffffff;
}

.operations-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 1fr);
  gap: 18px;
  align-items: end;
  padding: 26px;
  border-left: 5px solid #3d8f5a;
  background: #f8fafc;
}

.operations-state-working {
  border-left-color: #d89a2b;
}

.operations-state-recovering,
.operations-state-blocked {
  border-left-color: #d94c43;
}

.operations-hero p,
.operations-hero h1,
.operations-section-head p,
.operations-section-head h2,
.operations-department-card p,
.operations-card-columns h3,
.company-heat-map h3 {
  margin: 0;
  letter-spacing: 0;
}

.operations-hero p,
.operations-section-head p {
  color: #607086;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.operations-hero h1 {
  margin-top: 8px;
  font-size: 34px;
  line-height: 1.1;
}

.operations-hero span {
  display: block;
  margin-top: 8px;
  color: #607086;
}

.operations-hero dl {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
  gap: 10px;
  margin: 0;
}

.operations-hero dl div,
.coo-daily dl div {
  padding: 12px;
  border: 1px solid #dce3ec;
  border-radius: 8px;
  background: #ffffff;
}

.operations-hero dt,
.operations-department-card dt,
.coo-daily dt {
  color: #607086;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.operations-hero dd,
.operations-department-card dd,
.coo-daily dd {
  margin: 4px 0 0;
  font-weight: 800;
}

.operations-section {
  padding: 22px;
}

.operations-section-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}

.operations-section-head a,
.operations-department-card a {
  color: #2362a8;
  font-weight: 800;
  text-decoration: none;
}

.operations-department-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.operations-department-card {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid #dce3ec;
  border-left: 4px solid #3d8f5a;
  border-radius: 8px;
  background: #ffffff;
}

.operations-department-card header,
.operations-department-card header div,
.operations-flow,
.heat-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.operations-department-card header {
  justify-content: space-between;
}

.operations-department-card header strong {
  font-size: 18px;
}

.operations-department-card header span,
.operations-collaboration small {
  padding: 5px 9px;
  border-radius: 999px;
  background: #eef7f1;
  color: #24633d;
  font-size: 12px;
  font-weight: 800;
}

.department-state-working header span {
  background: #fff4de;
  color: #8a5a06;
}

.department-state-critical header span {
  background: #fff0ee;
  color: #a83028;
}

.operations-department-card meter {
  width: min(220px, 35vw);
  height: 10px;
}

.operations-department-card p {
  color: #607086;
}

.operations-department-card dl,
.coo-daily dl {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
  margin: 0;
}

.operations-card-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.operations-card-columns section,
.operations-collaboration article {
  padding: 14px;
  border-radius: 8px;
  background: #f8fafc;
}

.operations-card-columns h3 {
  font-size: 13px;
}

.operations-card-columns ul {
  margin: 8px 0 0;
  padding-left: 18px;
  color: #4d5d72;
}

.operations-collaboration {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.operations-flow span {
  color: #607086;
  font-weight: 900;
}

.operations-collaboration p,
.operations-timeline p,
.coo-daily p {
  margin: 8px 0;
  color: #4d5d72;
}

.operations-split {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
  gap: 20px;
}

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

.operations-timeline article {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 12px;
  padding: 12px;
  border: 1px solid #dce3ec;
  border-radius: 8px;
}

.operations-timeline time {
  color: #607086;
  font-weight: 800;
}

.operations-timeline strong {
  display: block;
}

.operations-timeline small {
  color: #607086;
  overflow-wrap: anywhere;
}

.coo-daily {
  display: grid;
  gap: 12px;
}

.company-heat-map {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

.heat-row {
  display: grid;
  grid-template-columns: minmax(120px, 0.8fr) minmax(100px, 1.4fr) minmax(70px, 0.5fr);
}

.heat-row span,
.heat-row strong {
  font-size: 12px;
}

.heat-track {
  height: 10px;
  border-radius: 999px;
  background: #e9eef5;
  overflow: hidden;
}

.heat-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #3d8f5a;
}

.coo-final {
  gap: 18px;
}

.coo-final-section {
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.04);
}

.coo-final-section .operations-section-head h1,
.coo-final-section .operations-section-head h2 {
  margin: 4px 0 0;
  color: #0f172a;
  font-size: 24px;
  line-height: 1.15;
  font-weight: 950;
  letter-spacing: 0;
}

.coo-final-section .operations-section-head span {
  display: block;
  margin-top: 6px;
  color: #64748b;
  font-size: 13px;
  font-weight: 760;
  line-height: 1.45;
}

.coo-final-department-grid,
.coo-recovery-grid,
.coo-forecast-grid,
.coo-decision-list {
  display: grid;
  gap: 12px;
}

.coo-final-department-grid {
  grid-template-columns: repeat(5, minmax(160px, 1fr));
}

.coo-final-department-card {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid #dbe3ef;
  border-left: 4px solid #16a34a;
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.coo-final-department-card.is-working {
  border-left-color: #2563eb;
  background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);
}

.coo-final-department-card.is-critical {
  border-left-color: #f59e0b;
  background: linear-gradient(180deg, #ffffff 0%, #fffbeb 100%);
}

.coo-final-department-card header {
  display: grid;
  gap: 10px;
}

.coo-final-department-card header div {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.coo-final-department-card strong {
  min-width: 0;
  overflow: hidden;
  color: #0f172a;
  font-size: 14px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.coo-final-department-card header span {
  flex: 0 0 auto;
  padding: 4px 8px;
  color: #166534;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
}

.coo-final-department-card.is-working header span {
  color: #1d4ed8;
  background: #eff6ff;
  border-color: #bfdbfe;
}

.coo-final-department-card.is-critical header span {
  color: #92400e;
  background: #fffbeb;
  border-color: #fde68a;
}

.coo-final-department-card meter {
  width: 100%;
  height: 9px;
}

.coo-final-department-card dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.coo-final-department-card dl div {
  min-width: 0;
}

.coo-final-department-card dt,
.coo-recovery-grid span,
.coo-forecast-grid span {
  color: #64748b;
  font-size: 11px;
  font-weight: 850;
}

.coo-final-department-card dd {
  margin: 2px 0 0;
  overflow: hidden;
  color: #0f172a;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
  text-overflow: ellipsis;
}

.coo-risk-list,
.coo-final-timeline {
  display: grid;
  gap: 10px;
}

.coo-risk-list article,
.coo-decision-list article {
  display: grid;
  grid-template-columns: minmax(140px, 0.4fr) minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 12px;
  border: 1px solid #dbe3ef;
  border-left: 4px solid #f59e0b;
  border-radius: 8px;
  background: #ffffff;
}

.coo-risk-list article.is-healthy,
.coo-decision-list article.is-healthy {
  border-left-color: #16a34a;
  background: #f0fdf4;
}

.coo-risk-list article.is-critical {
  border-left-color: #dc2626;
  background: #fef2f2;
}

.coo-risk-list strong,
.coo-decision-list strong {
  color: #0f172a;
  font-weight: 950;
}

.coo-risk-list span,
.coo-decision-list span {
  color: #475569;
  font-size: 13px;
  font-weight: 780;
  line-height: 1.4;
}

.coo-decision-list a {
  color: #2563eb;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.coo-recovery-grid {
  grid-template-columns: repeat(5, minmax(120px, 1fr));
}

.coo-recovery-grid article,
.coo-forecast-grid article {
  min-width: 0;
  padding: 14px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: #f8fafc;
}

.coo-recovery-grid strong,
.coo-forecast-grid strong {
  display: block;
  margin-top: 4px;
  color: #0f172a;
  font-size: 24px;
  line-height: 1;
  font-weight: 950;
}

.coo-forecast-grid strong {
  font-size: 16px;
  line-height: 1.25;
}

.coo-recovery-grid small,
.coo-forecast-grid small,
.coo-forecast-grid p {
  display: block;
  margin: 6px 0 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 760;
  line-height: 1.4;
}

.coo-forecast-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.coo-final-timeline article {
  grid-template-columns: 64px minmax(0, 1fr);
  background: #ffffff;
}

.coo-final-timeline p {
  margin: 3px 0;
}

@media (max-width: 1100px) {
  .ceo-status-grid,
  .ceo-employee-grid,
  .operations-hero,
  .operations-split,
  .coo-final-department-grid,
  .coo-recovery-grid,
  .coo-forecast-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ceo-inventory-grid,
  .ceo-report-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .ceo-command-hero,
  .ceo-section-heading,
  .ceo-action-list article,
  .operations-section-head,
  .operations-department-card header {
    display: grid;
  }

  .ceo-command-updated {
    text-align: left;
  }

  .ceo-status-grid,
  .ceo-employee-grid,
  .ceo-inventory-grid,
  .ceo-report-grid,
  .operations-hero,
  .operations-split,
  .coo-final-department-grid,
  .coo-recovery-grid,
  .coo-forecast-grid,
  .coo-risk-list article,
  .coo-decision-list article,
  .heat-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .schedule-inventory-head {
    display: grid;
  }

  .schedule-inventory-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* AI Operations Platform V4 */
.ai-ops-page {
  --ops-ink: #18221f;
  --ops-muted: #5c6965;
  --ops-line: #d8dfdc;
  --ops-soft: #f4f7f5;
  --ops-teal: #0b6b5e;
  --ops-green: #237a48;
  --ops-amber: #a45d08;
  --ops-red: #b23a37;
  color: var(--ops-ink);
  display: grid;
  gap: 20px;
  min-width: 0;
}

.ai-ops-header {
  align-items: flex-start;
  border-bottom: 1px solid var(--ops-line);
  display: flex;
  gap: 24px;
  justify-content: space-between;
  padding: 8px 0 20px;
}

.ai-ops-header > div:first-child {
  max-width: 820px;
  min-width: 0;
}

.ai-ops-header h1 {
  font-size: 32px;
  letter-spacing: 0;
  line-height: 1.18;
  margin: 5px 0 8px;
  overflow-wrap: anywhere;
}

.ai-ops-header p {
  color: var(--ops-muted);
  line-height: 1.6;
  margin: 0;
}

.ai-ops-mode {
  border: 1px solid var(--ops-line);
  border-radius: 6px;
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 10px;
}

.ai-ops-mode.is-read-only {
  background: #fff4dd;
  border-color: #e7bd6d;
  color: #7a4708;
}

.ai-ops-mode.is-enabled {
  background: #e9f6ee;
  border-color: #91c6a4;
  color: #195f38;
}

.ai-ops-workspace-nav {
  align-items: center;
  border-bottom: 1px solid var(--ops-line);
  display: flex;
  gap: 4px;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: thin;
}

.ai-ops-workspace-nav a {
  border-bottom: 3px solid transparent;
  color: var(--ops-muted);
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 12px;
  text-decoration: none;
}

.ai-ops-workspace-nav a:hover,
.ai-ops-workspace-nav a.is-active {
  border-bottom-color: var(--ops-teal);
  color: var(--ops-teal);
}

.ai-ops-kpis {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--ops-line);
  border-radius: 8px;
  background: var(--ops-line);
}

.ai-ops-kpis > div {
  background: #fff;
  display: grid;
  gap: 6px;
  min-height: 82px;
  padding: 15px;
}

.ai-ops-kpis span {
  color: var(--ops-muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.ai-ops-kpis strong {
  font-size: 25px;
  line-height: 1;
}

.ai-ops-dashboard-grid,
.ai-ops-detail-grid {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ai-ops-band {
  border-top: 1px solid var(--ops-line);
  min-width: 0;
  padding: 18px 0 4px;
}

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

.ai-ops-section-heading h2 {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.25;
  margin: 2px 0 0;
}

.ai-ops-breakdown {
  display: grid;
  gap: 7px;
}

.ai-ops-breakdown a {
  align-items: center;
  border-bottom: 1px solid var(--ops-line);
  color: var(--ops-ink);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 10px 2px;
  text-decoration: none;
}

.ai-ops-breakdown a:hover {
  color: var(--ops-teal);
}

.ai-ops-facts {
  display: grid;
  gap: 0;
  margin: 0;
}

.ai-ops-facts > div {
  align-items: baseline;
  border-bottom: 1px solid var(--ops-line);
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 1.2fr);
  padding: 10px 0;
}

.ai-ops-facts dt {
  color: var(--ops-muted);
  font-size: 13px;
  font-weight: 700;
}

.ai-ops-facts dd {
  margin: 0;
  overflow-wrap: anywhere;
  text-align: right;
}

.ai-ops-filter {
  align-items: end;
  background: var(--ops-soft);
  border: 1px solid var(--ops-line);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(190px, 2fr) repeat(4, minmax(120px, 1fr)) auto auto;
  padding: 14px;
}

.ai-ops-filter label {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.ai-ops-filter label > span {
  color: var(--ops-muted);
  font-size: 12px;
  font-weight: 700;
}

.ai-ops-filter input,
.ai-ops-filter select,
.ai-ops-workflow-forms input,
.ai-ops-workflow-forms select {
  background: #fff;
  border: 1px solid #b9c4c0;
  border-radius: 5px;
  color: var(--ops-ink);
  min-height: 38px;
  min-width: 0;
  padding: 8px 9px;
  width: 100%;
}

.ai-ops-filter button,
.ai-ops-workflow-forms button {
  background: var(--ops-teal);
  border: 1px solid var(--ops-teal);
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
  min-height: 38px;
  padding: 8px 13px;
}

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

.ai-ops-task {
  align-items: center;
  border: 1px solid var(--ops-line);
  border-left: 4px solid var(--ops-teal);
  border-radius: 6px;
  display: grid;
  gap: 14px;
  grid-template-columns: 118px minmax(0, 1fr) auto;
  min-height: 112px;
  padding: 14px;
}

.ai-ops-task-state {
  align-content: start;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.ai-ops-priority,
.ai-ops-status,
.ai-ops-overdue {
  border-radius: 4px;
  display: inline-flex;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  padding: 6px 7px;
}

.ai-ops-priority {
  background: #edf1ef;
  color: #344440;
}

.ai-ops-priority.is-p0,
.ai-ops-overdue,
.ai-ops-status.is-blocked {
  background: #fbe9e8;
  color: #972e2b;
}

.ai-ops-priority.is-p1 {
  background: #fff0d9;
  color: #8a4b00;
}

.ai-ops-status {
  background: #e7f2ef;
  color: #176457;
}

.ai-ops-status.is-done,
.ai-ops-status.is-closed {
  background: #e9f6ee;
  color: #19643a;
}

.ai-ops-status.is-cancelled {
  background: #ecefed;
  color: #5e6865;
}

.ai-ops-task-copy {
  min-width: 0;
}

.ai-ops-task-copy h3 {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.35;
  margin: 0 0 5px;
  overflow-wrap: anywhere;
}

.ai-ops-task-copy h3 a {
  color: var(--ops-ink);
  text-decoration: none;
}

.ai-ops-task-copy h3 a:hover {
  color: var(--ops-teal);
}

.ai-ops-task-copy p {
  color: var(--ops-muted);
  line-height: 1.5;
  margin: 0;
}

.ai-ops-task-copy .ai-ops-next-action {
  color: var(--ops-ink);
  margin-top: 8px;
}

.ai-ops-action-contract {
  border-left: 4px solid var(--ops-teal);
}

.ai-ops-decision-options {
  display: grid;
  gap: 6px;
  margin-top: 14px;
}

.ai-ops-decision-options ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 20px;
}

.ai-ops-links a,
.ai-ops-facts dd,
.ai-ops-decision-options li {
  overflow-wrap: anywhere;
}

.ai-ops-task-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  margin-top: 8px;
}

.ai-ops-task-meta span {
  color: #66736f;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.ai-ops-task-open {
  white-space: nowrap;
}

.ai-ops-result {
  border: 1px solid var(--ops-line);
  border-radius: 6px;
  padding: 12px 14px;
}

.ai-ops-result.is-success {
  background: #e9f6ee;
  border-color: #91c6a4;
  color: #195f38;
}

.ai-ops-result.is-blocked {
  background: #fff0e4;
  border-color: #e4aa77;
  color: #7b400c;
}

.ai-ops-back {
  color: var(--ops-teal);
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 10px;
  text-decoration: none;
}

.ai-ops-detail-header .ai-ops-task-state {
  justify-content: flex-end;
  min-width: 130px;
}

.ai-ops-safety-confirmation,
.ai-ops-read-only,
.ai-ops-sisi {
  align-items: center;
  background: #eef7f4;
  border: 1px solid #acd1c7;
  border-radius: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  padding: 13px 15px;
}

.ai-ops-safety-confirmation span,
.ai-ops-read-only span {
  color: var(--ops-muted);
}

.ai-ops-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ai-ops-links a {
  border: 1px solid #a9c9c1;
  border-radius: 5px;
  color: var(--ops-teal);
  font-size: 13px;
  font-weight: 700;
  padding: 8px 10px;
  text-decoration: none;
}

.ai-ops-evidence-list {
  display: grid;
  gap: 9px;
}

.ai-ops-evidence-list article {
  border: 1px solid var(--ops-line);
  border-radius: 6px;
  display: grid;
  gap: 6px;
  padding: 13px;
}

.ai-ops-evidence-list article > span {
  color: var(--ops-muted);
  font-size: 12px;
}

.ai-ops-evidence-list details,
.ai-ops-audit-details {
  border-top: 1px solid var(--ops-line);
  margin-top: 5px;
  padding-top: 8px;
}

.ai-ops-evidence-list summary,
.ai-ops-audit-details summary {
  color: var(--ops-teal);
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
}

.ai-ops-evidence-list dl,
.ai-ops-audit-details dl {
  display: grid;
  gap: 5px;
  margin: 10px 0 0;
}

.ai-ops-evidence-list dl > div,
.ai-ops-audit-details dl > div {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(120px, 0.6fr) minmax(0, 1.4fr);
}

.ai-ops-evidence-list dt,
.ai-ops-audit-details dt {
  color: var(--ops-muted);
  font-size: 12px;
}

.ai-ops-evidence-list dd,
.ai-ops-audit-details dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.ai-ops-timeline {
  border-left: 2px solid var(--ops-line);
  display: grid;
  gap: 16px;
  list-style: none;
  margin: 0 0 0 6px;
  padding: 2px 0 2px 20px;
}

.ai-ops-timeline li {
  display: grid;
  gap: 4px;
  position: relative;
}

.ai-ops-timeline li::before {
  background: var(--ops-teal);
  border: 3px solid #fff;
  border-radius: 50%;
  content: "";
  height: 10px;
  left: -27px;
  position: absolute;
  top: 3px;
  width: 10px;
}

.ai-ops-timeline span {
  color: var(--ops-muted);
  font-size: 12px;
}

.ai-ops-timeline p {
  margin: 0;
}

.ai-ops-workflow-forms {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ai-ops-workflow-forms form {
  border: 1px solid var(--ops-line);
  border-radius: 6px;
  display: grid;
  gap: 10px;
  padding: 14px;
}

.ai-ops-workflow-forms label {
  display: grid;
  font-size: 12px;
  font-weight: 700;
  gap: 5px;
}

.ai-ops-pagination {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: center;
  padding: 8px 0;
}

.ai-ops-check-grid,
.ai-ops-link-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ai-ops-check-grid > div,
.ai-ops-link-grid > a {
  border: 1px solid var(--ops-line);
  border-radius: 6px;
  display: grid;
  gap: 7px;
  min-height: 86px;
  padding: 13px;
}

.ai-ops-check-grid span,
.ai-ops-link-grid span {
  color: var(--ops-muted);
  font-size: 12px;
}

.ai-ops-check-grid strong {
  font-size: 22px;
}

.ai-ops-link-grid a {
  color: var(--ops-ink);
  text-decoration: none;
}

.ai-ops-link-grid a:hover {
  border-color: var(--ops-teal);
  color: var(--ops-teal);
}

.ai-ops-sisi {
  background: #f7faf8;
  border-color: var(--ops-line);
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto minmax(200px, auto) auto;
}

.ai-ops-sisi h2 {
  font-size: 18px;
  margin: 2px 0 0;
}

.ai-ops-sisi > strong {
  font-size: 28px;
}

.ai-ops-decision {
  border-left: 4px solid var(--ops-amber);
  color: #58400f;
  line-height: 1.6;
  padding: 10px 14px;
}

@media (max-width: 1100px) {
  .ai-ops-filter {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ai-ops-search {
    grid-column: span 2;
  }
}

@media (max-width: 768px) {
  .ai-ops-header,
  .ai-ops-section-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .ai-ops-header h1 {
    font-size: 27px;
  }

  .ai-ops-mode {
    align-self: flex-start;
  }

  .ai-ops-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ai-ops-kpis > div:last-child {
    grid-column: span 2;
  }

  .ai-ops-dashboard-grid,
  .ai-ops-detail-grid,
  .ai-ops-workflow-forms {
    grid-template-columns: 1fr;
  }

  .ai-ops-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ai-ops-search {
    grid-column: span 2;
  }

  .ai-ops-task {
    align-items: start;
    grid-template-columns: 1fr auto;
  }

  .ai-ops-task-state {
    grid-column: 1 / -1;
  }

  .ai-ops-check-grid,
  .ai-ops-link-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ai-ops-sisi {
    grid-template-columns: 1fr auto;
  }

  .ai-ops-sisi > span:nth-of-type(1) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 480px) {
  .ai-ops-page {
    gap: 16px;
  }

  .ai-ops-header h1 {
    font-size: 24px;
  }

  .ai-ops-filter,
  .ai-ops-check-grid,
  .ai-ops-link-grid {
    grid-template-columns: 1fr;
  }

  .ai-ops-search,
  .ai-ops-kpis > div:last-child {
    grid-column: auto;
  }

  .ai-ops-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ai-ops-kpis span {
    font-size: 11px;
  }

  .ai-ops-kpis strong {
    font-size: 22px;
  }

  .ai-ops-task {
    grid-template-columns: 1fr;
  }

  .ai-ops-task-open {
    justify-self: start;
  }

  .ai-ops-facts > div,
  .ai-ops-evidence-list dl > div,
  .ai-ops-audit-details dl > div {
    grid-template-columns: 1fr;
  }

  .ai-ops-facts dd {
    text-align: left;
  }

  .ai-ops-sisi {
    grid-template-columns: 1fr;
  }

  .ai-ops-sisi > span:nth-of-type(1) {
    grid-column: auto;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 920px) {
  .ai-ops-body .sidebar {
    padding: 10px 12px;
  }

  .ai-ops-body .sidebar-brand {
    min-height: 52px;
    padding: 0 4px 10px;
  }

  .ai-ops-body .account-switcher {
    display: none;
  }

  .ai-ops-body .sidebar-nav {
    display: flex;
    gap: 5px;
    overflow-x: auto;
    padding: 8px 0 2px;
    scrollbar-width: thin;
  }

  .ai-ops-body .nav-group,
  .ai-ops-body .nav-group-compact {
    display: flex;
    flex: 0 0 auto;
    gap: 5px;
    min-width: 0;
  }

  .ai-ops-body .sidebar-nav a {
    flex: 0 0 auto;
    min-height: 38px;
    padding: 8px 9px;
    white-space: nowrap;
  }

  .ai-ops-body .content-shell {
    padding-top: 10px;
  }

  .ai-ops-body .content-header {
    align-items: center;
    flex-direction: row;
    min-height: 48px;
  }

  .ai-ops-body .content-header > div:first-child {
    display: none;
  }
}

@media (max-width: 920px) {
  .performance-intelligence-body .sidebar {
    padding: 10px 12px;
  }

  .performance-intelligence-body .sidebar-brand {
    min-height: 52px;
    padding: 0 4px 10px;
  }

  .performance-intelligence-body .account-switcher {
    display: none;
  }

  .performance-intelligence-body .sidebar-nav {
    display: flex;
    gap: 5px;
    overflow-x: auto;
    padding: 8px 0 2px;
    scrollbar-width: thin;
  }

  .performance-intelligence-body .nav-group,
  .performance-intelligence-body .nav-group-compact {
    display: flex;
    flex: 0 0 auto;
    gap: 5px;
    min-width: 0;
  }

  .performance-intelligence-body .sidebar-nav a {
    flex: 0 0 auto;
    min-height: 38px;
    padding: 8px 9px;
    white-space: nowrap;
  }

  .performance-intelligence-body .content-shell {
    padding-top: 10px;
  }

  .performance-intelligence-body .content-header {
    align-items: center;
    flex-direction: row;
    min-height: 48px;
  }

  .performance-intelligence-body .content-header > div:first-child {
    display: none;
  }
}

/* V4.7 CEO Shadow Review and calibration */
.shadow-review-page {
  display: grid;
  gap: 22px;
  margin: 0 auto;
  max-width: 1440px;
  min-width: 0;
  padding: 8px 0 32px;
}

.shadow-review-header {
  align-items: flex-start;
  border-bottom: 1px solid #dce4ea;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  padding: 8px 0 20px;
}

.shadow-review-header h1,
.shadow-review-band h2,
.shadow-review-workflow h2 {
  color: #17212b;
  letter-spacing: 0;
  margin: 6px 0;
}

.shadow-review-header h1 {
  font-size: 30px;
  line-height: 1.16;
}

.shadow-review-header p,
.shadow-review-muted {
  color: #5d6874;
  margin: 0;
}

.shadow-review-header form {
  align-items: flex-end;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 7px;
}

.shadow-review-header small,
.shadow-review-decision small,
.shadow-review-memory form small {
  color: #587187;
}

.shadow-review-mode,
.shadow-review-safe,
.shadow-review-class,
.shadow-review-state {
  border-radius: 4px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 750;
  line-height: 1;
  padding: 7px 9px;
}

.shadow-review-mode,
.shadow-review-safe {
  background: #e8f2fa;
  color: #155b86;
}

.shadow-review-notice {
  border-left: 4px solid #26815d;
  background: #edf8f2;
  color: #215e49;
  padding: 12px 14px;
}

.shadow-review-notice.is-error {
  background: #fff0ee;
  border-color: #b53b35;
  color: #8a2a26;
}

.shadow-review-kpis {
  border-bottom: 1px solid #dce4ea;
  border-top: 1px solid #dce4ea;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.shadow-review-kpis > div {
  border-right: 1px solid #dce4ea;
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 15px 16px;
}

.shadow-review-kpis > div:last-child {
  border-right: 0;
}

.shadow-review-kpis span,
.shadow-review-explain dt,
.shadow-review-business-form span,
.shadow-review-memory form span,
.shadow-review-decision span {
  color: #62707c;
  font-size: 12px;
  font-weight: 700;
}

.shadow-review-kpis strong {
  color: #17212b;
  font-size: 25px;
  line-height: 1.1;
}

.shadow-review-kpis small {
  color: #71808d;
  overflow-wrap: anywhere;
}

.shadow-review-calibration {
  border-bottom: 1px solid #dce4ea;
  padding-bottom: 20px;
}

.shadow-review-calibration-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.shadow-review-calibration-grid > div {
  background: #f7f9fa;
  border-right: 1px solid #dce4ea;
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 14px;
}

.shadow-review-calibration-grid > div:last-child {
  border-right: 0;
}

.shadow-review-calibration-grid span,
.shadow-review-cadence strong {
  color: #62707c;
  font-size: 12px;
  font-weight: 700;
}

.shadow-review-calibration-grid strong {
  color: #17212b;
  font-size: 22px;
}

.shadow-review-calibration-grid small,
.shadow-review-cadence span,
.shadow-review-cadence small,
.shadow-review-outcome-list small {
  color: #71808d;
  overflow-wrap: anywhere;
}

.shadow-review-cadence {
  align-items: baseline;
  background: #e8f2fa;
  display: flex;
  flex-wrap: wrap;
  gap: 7px 12px;
  padding: 10px 14px;
}

.shadow-review-band,
.shadow-review-workflow {
  min-width: 0;
}

.shadow-review-band > header,
.shadow-review-workflow > header {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

.shadow-review-band h2,
.shadow-review-workflow h2 {
  font-size: 20px;
}

.shadow-review-run-list {
  display: grid;
  gap: 10px;
}

.shadow-review-run {
  background: #fff;
  border: 1px solid #dce4ea;
  border-radius: 6px;
  min-width: 0;
  padding: 17px;
}

.shadow-review-run-head {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.shadow-review-run-head span:first-child {
  color: #6e7b86;
  font-size: 12px;
}

.shadow-review-run-head h3 {
  color: #1c2731;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.35;
  margin: 5px 0 0;
}

.shadow-review-class.is-match {
  background: #e8f6ee;
  color: #246747;
}

.shadow-review-class.is-explained_divergence {
  background: #e8f2fa;
  color: #155b86;
}

.shadow-review-class.is-unexplained_divergence {
  background: #fff6da;
  color: #7a5a00;
}

.shadow-review-class.is-shadow_failure {
  background: #fff0ee;
  color: #932f2a;
}

.shadow-review-explain {
  border-bottom: 1px solid #e6ebef;
  border-top: 1px solid #e6ebef;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 15px 0;
}

.shadow-review-explain > div {
  border-bottom: 1px solid #edf1f4;
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 11px 12px;
}

.shadow-review-explain dd {
  color: #27333d;
  line-height: 1.45;
  margin: 0;
  overflow-wrap: anywhere;
}

.shadow-review-decision,
.shadow-review-business-form,
.shadow-review-memory form {
  align-items: end;
  display: grid;
  gap: 10px;
}

.shadow-review-decision {
  grid-template-columns: 170px minmax(180px, 1fr) 150px auto;
}

.shadow-review-decision label,
.shadow-review-business-form label,
.shadow-review-memory form label {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.shadow-review-decision input,
.shadow-review-decision select,
.shadow-review-business-form input,
.shadow-review-business-form select,
.shadow-review-memory input,
.shadow-review-memory select,
.shadow-review-business-list input {
  box-sizing: border-box;
  max-width: 100%;
  min-height: 38px;
  width: 100%;
}

.shadow-review-decision small,
.shadow-review-memory form small {
  grid-column: 1 / -1;
}

.shadow-review-audit-details {
  color: #576674;
  font-size: 12px;
  margin-top: 12px;
}

.shadow-review-audit-details dl {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  margin-bottom: 0;
}

.shadow-review-audit-details dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.shadow-review-workflows {
  border-top: 1px solid #dce4ea;
  display: grid;
  gap: 28px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  padding-top: 22px;
}

.shadow-review-business-form {
  background: #f7f9fa;
  border: 1px solid #dce4ea;
  border-radius: 6px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 14px;
}

.shadow-review-business-form .is-wide,
.shadow-review-memory form .is-wide {
  grid-column: 1 / -1;
}

.shadow-review-business-list {
  display: grid;
  gap: 9px;
  margin-top: 12px;
}

.shadow-review-business-list > div {
  border-bottom: 1px solid #e3e9ed;
  display: grid;
  gap: 6px;
  padding: 10px 0;
}

.shadow-review-business-list form {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(150px, 1fr) auto;
}

.shadow-review-state.is-approved_active {
  background: #e8f6ee;
  color: #246747;
}

.shadow-review-state.is-draft {
  background: #f0f2f4;
  color: #53616c;
}

.shadow-review-memory {
  border-bottom: 1px solid #dce4ea;
  display: grid;
  gap: 12px;
  padding: 12px 0 16px;
}

.shadow-review-memory > div {
  display: grid;
  gap: 5px;
}

.shadow-review-memory > div > span {
  color: #155b86;
  font-size: 12px;
  font-weight: 750;
}

.shadow-review-memory p {
  color: #485762;
  margin: 0;
}

.shadow-review-outcome-list {
  border-left: 3px solid #8db8d3;
  display: grid;
  gap: 4px;
  margin: 4px 0;
  padding-left: 10px;
}

.shadow-review-memory form {
  background: #f7f9fa;
  border-radius: 6px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 12px;
}

@media (max-width: 1100px) {
  .shadow-review-kpis,
  .shadow-review-calibration-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .shadow-review-kpis > div:nth-child(3) {
    border-right: 0;
  }

  .shadow-review-decision {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .shadow-review-header {
    align-items: stretch;
    flex-direction: column;
  }

  .shadow-review-header form {
    align-items: flex-start;
  }

  .shadow-review-kpis,
  .shadow-review-calibration-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shadow-review-kpis > div:nth-child(3) {
    border-right: 1px solid #dce4ea;
  }

  .shadow-review-kpis > div:nth-child(2n) {
    border-right: 0;
  }

  .shadow-review-workflows,
  .shadow-review-explain {
    grid-template-columns: 1fr;
  }

  .shadow-review-decision {
    grid-template-columns: 1fr;
  }

  .shadow-review-decision small {
    grid-column: auto;
  }
}

@media (max-width: 480px) {
  .shadow-review-header h1 {
    font-size: 24px;
  }

  .shadow-review-kpis,
  .shadow-review-calibration-grid,
  .shadow-review-business-form,
  .shadow-review-memory form {
    grid-template-columns: 1fr;
  }

  .shadow-review-kpis > div {
    border-right: 0;
  }

  .shadow-review-run-head,
  .shadow-review-band > header {
    align-items: flex-start;
    flex-direction: column;
  }

  .shadow-review-business-form .is-wide,
  .shadow-review-memory form .is-wide {
    grid-column: auto;
  }

  .shadow-review-business-list form,
  .shadow-review-audit-details dl {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 920px) {
  .shadow-review-body .sidebar {
    padding: 10px 12px;
  }

  .shadow-review-body .sidebar-brand {
    min-height: 52px;
    padding: 0 4px 10px;
  }

  .shadow-review-body .account-switcher {
    display: none;
  }

  .shadow-review-body .sidebar-nav {
    display: flex;
    gap: 5px;
    overflow-x: auto;
    padding: 8px 0 2px;
    scrollbar-width: thin;
  }

  .shadow-review-body .nav-group,
  .shadow-review-body .nav-group-compact {
    display: flex;
    flex: 0 0 auto;
    gap: 5px;
    min-width: 0;
  }

  .shadow-review-body .sidebar-nav a {
    flex: 0 0 auto;
    min-height: 38px;
    padding: 8px 9px;
    white-space: nowrap;
  }

  .shadow-review-body .content-shell {
    padding-top: 10px;
  }

  .shadow-review-body .content-header {
    align-items: center;
    flex-direction: row;
    min-height: 48px;
  }

  .shadow-review-body .content-header > div:first-child {
    display: none;
  }
}

.calendar-day-closed {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

/* Product acceptance: keep the current workflow ahead of global navigation on narrow screens. */
@media (max-width: 920px) {
  .sidebar {
    position: static;
    width: auto;
    max-height: none;
    padding: 10px 12px;
    border-right: 0;
    border-bottom: 1px solid rgba(203, 213, 225, 0.82);
    box-shadow: none;
  }

  .sidebar-brand {
    min-height: 52px;
    padding: 0 4px 10px;
  }

  .account-switcher {
    display: none;
  }

  .sidebar-nav {
    display: flex !important;
    gap: 5px;
    overflow-x: auto;
    padding: 8px 0 2px;
    scrollbar-width: thin;
  }

  .sidebar-nav .nav-group,
  .sidebar-nav .nav-group-compact {
    display: flex;
    flex: 0 0 auto;
    gap: 5px;
    min-width: 0;
  }

  .sidebar-nav a {
    flex: 0 0 auto;
    min-height: 38px;
    padding: 8px 9px;
    white-space: nowrap;
  }

  .content-shell {
    margin-left: 0;
    padding-top: 10px;
  }
}

/* Milestone 2 Operator Operating System */
.operator-os-page {
  width: min(1180px, 100%);
  margin: 0 auto;
  padding: 20px clamp(14px, 3vw, 34px) 48px;
  color: #17202a;
}

.operator-os-hero,
.operator-home-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 28px 0 24px;
  border-bottom: 3px solid #d43f3a;
}

.operator-os-hero.is-clear,
.operator-home-hero.is-clear {
  border-bottom-color: #16845b;
}

.operator-os-hero h1,
.operator-home-hero h1 {
  max-width: 780px;
  margin: 4px 0 8px;
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1.08;
  letter-spacing: 0;
}

.operator-os-hero p,
.operator-home-hero p {
  max-width: 760px;
  margin: 0;
  color: #52606d;
  font-size: 16px;
  line-height: 1.65;
}

.operator-os-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(88px, 1fr));
  flex: 0 0 auto;
  border: 1px solid #dfe4e8;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

.operator-os-summary div {
  min-width: 92px;
  padding: 12px;
  text-align: center;
  border-right: 1px solid #e7ebee;
}

.operator-os-summary div:last-child {
  border-right: 0;
}

.operator-os-summary strong,
.operator-os-summary span {
  display: block;
}

.operator-os-summary strong {
  font-size: 24px;
}

.operator-os-summary span {
  margin-top: 2px;
  color: #65727e;
  font-size: 12px;
}

.operator-home-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid #dfe4e8;
}

.operator-home-strip article,
.operator-home-strip > a {
  position: relative;
  min-width: 0;
  padding: 18px 18px 18px 0;
}

.operator-home-strip span,
.operator-home-strip small,
.operator-home-strip strong,
.operator-home-strip > a {
  display: block;
}

.operator-home-strip > a {
  color: #17202a;
  text-decoration: none;
}

.operator-home-strip > a:hover,
.operator-home-strip > a:focus-visible {
  background: #f6f8fa;
}

.operator-home-strip > a > b {
  position: absolute;
  right: 14px;
  bottom: 18px;
  color: #7c8791;
}

.operator-home-strip span {
  color: #65727e;
  font-size: 12px;
  font-weight: 700;
}

.operator-home-strip strong {
  margin: 3px 0;
  font-size: 28px;
}

.operator-home-strip small {
  color: #7b8791;
  line-height: 1.4;
}

/* Milestone 3.2 V1 Business Pulse */
.operator-home .operator-home-hero {
  padding-block: 22px 18px;
}

.operator-home .operator-home-hero h1 {
  font-size: 36px;
}

.business-pulse,
.business-pipeline,
.business-account-pulse,
.business-publish-pulse,
.business-intelligence-pulse {
  padding: 26px 0 4px;
}

.business-pulse-head {
  align-items: flex-end;
  margin-bottom: 12px;
}

.business-pulse-head > p {
  max-width: 420px;
  margin: 0;
  color: #65727e;
  font-size: 13px;
  text-align: right;
}

.business-pulse-head > a {
  color: #245d9a;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.business-pulse-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-block: 1px solid #dfe4e8;
}

.business-pulse-metric {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 126px;
  flex-direction: column;
  justify-content: center;
  padding: 16px 34px 16px 14px;
  border-right: 1px solid #e3e7ea;
  border-bottom: 1px solid #e3e7ea;
  color: #17202a;
  text-decoration: none;
}

.business-pulse-metric:nth-child(4n) {
  border-right: 0;
}

.business-pulse-metric:nth-last-child(-n + 3) {
  border-bottom: 0;
}

.business-pulse-metric:hover,
.business-pulse-metric:focus-visible {
  background: #f6f8fa;
}

.business-pulse-metric > span,
.business-pulse-metric > small {
  color: #65727e;
}

.business-pulse-metric > span {
  font-size: 12px;
  font-weight: 800;
}

.business-pulse-metric > strong {
  margin: 3px 0;
  font-size: 28px;
  line-height: 1.1;
}

.business-pulse-metric > small {
  line-height: 1.45;
}

.business-pulse-metric > b {
  position: absolute;
  right: 14px;
  bottom: 15px;
  color: #7c8791;
}

.business-pulse-metric.is-attention {
  box-shadow: inset 0 3px 0 #c13a35;
}

.business-pulse-metric.is-healthy {
  box-shadow: inset 0 3px 0 #16845b;
}

.business-pulse-metric.is-working {
  box-shadow: inset 0 3px 0 #2d6fb7;
}

.business-pipeline-track {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  border-block: 1px solid #dfe4e8;
}

.business-pipeline-node {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 152px;
  align-content: start;
  gap: 4px;
  padding: 14px 12px;
  border-right: 1px solid #e3e7ea;
  color: #17202a;
  text-decoration: none;
}

.business-pipeline-node:last-child {
  border-right: 0;
}

.business-pipeline-node:hover,
.business-pipeline-node:focus-visible,
.business-material-metrics > a:hover,
.business-material-metrics > a:focus-visible,
.business-publish-grid > a:hover,
.business-publish-grid > a:focus-visible {
  background: #f6f8fa;
}

.business-pipeline-node > span {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  margin-bottom: 5px;
  border-radius: 50%;
  background: #e7edf2;
  color: #35434f;
  font-size: 11px;
  font-weight: 800;
}

.business-pipeline-node > small,
.business-pipeline-node > p {
  color: #65727e;
}

.business-pipeline-node > small {
  min-height: 34px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
}

.business-pipeline-node > strong {
  font-size: 26px;
  line-height: 1.15;
}

.business-pipeline-node > p {
  margin: 2px 0 0;
  font-size: 11px;
  line-height: 1.4;
}

.business-pipeline-explanation {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 12px 0;
  border-bottom: 1px solid #e3e7ea;
}

.business-pipeline-explanation > p {
  max-width: 620px;
  margin: 0;
  color: #4e5e6a;
  font-size: 13px;
  line-height: 1.55;
}

.business-pipeline-explanation nav,
.business-pipeline-handoff {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 12px;
}

.business-pipeline-explanation nav {
  justify-content: flex-end;
}

.business-pipeline-explanation a,
.business-pipeline-handoff a {
  color: #245d9a;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.business-pipeline-handoff {
  align-items: center;
  padding-top: 12px;
}

.business-pipeline-handoff > span {
  color: #65727e;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.business-material-metrics,
.business-publish-grid {
  display: grid;
  border-block: 1px solid #dfe4e8;
}

.business-material-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.business-publish-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.business-material-metrics > a,
.business-publish-grid > a {
  display: flex;
  min-width: 0;
  min-height: 108px;
  flex-direction: column;
  justify-content: center;
  padding: 13px;
  border-right: 1px solid #e3e7ea;
  color: #17202a;
  text-decoration: none;
}

.business-material-metrics > a:last-child,
.business-publish-grid > a:last-child {
  border-right: 0;
}

.business-material-metrics span,
.business-material-metrics small,
.business-publish-grid span,
.business-publish-grid small {
  color: #65727e;
  line-height: 1.4;
}

.business-material-metrics span,
.business-publish-grid span {
  font-size: 12px;
  font-weight: 800;
}

.business-material-metrics strong,
.business-publish-grid strong {
  margin: 3px 0;
  font-size: 25px;
  line-height: 1.15;
}

.business-publish-grid > a.is-attention {
  box-shadow: inset 0 3px 0 #c13a35;
}

.business-performance-freshness.is-fresh {
  box-shadow: inset 0 3px 0 #16845b;
}

.business-performance-freshness.is-aging {
  box-shadow: inset 0 3px 0 #d29821;
}

.business-performance-freshness.is-stale,
.business-performance-freshness.is-unavailable {
  box-shadow: inset 0 3px 0 #c13a35;
}

.business-performance-freshness.is-missing {
  box-shadow: inset 0 3px 0 #89939c;
}

.business-baseline-note {
  margin: 9px 0 12px;
  color: #65727e;
  font-size: 12px;
  line-height: 1.5;
}

.v2-ai-feedback-popover:not([open]) > form {
  display: none;
}

.business-account-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-block: 1px solid #dfe4e8;
}

.business-account-row {
  display: grid;
  min-width: 0;
  min-height: 78px;
  grid-template-columns: minmax(0, 1fr) auto 16px;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  border-right: 1px solid #e3e7ea;
  border-bottom: 1px solid #e3e7ea;
  color: #17202a;
  text-decoration: none;
}

.business-account-row:nth-child(2n) {
  border-right: 0;
}

.business-account-row:nth-last-child(-n + 2) {
  border-bottom: 0;
}

.business-account-row:hover,
.business-account-row:focus-visible {
  background: #f6f8fa;
}

.business-account-row > span,
.business-account-row strong,
.business-account-row small {
  display: block;
  min-width: 0;
}

.business-account-row small {
  margin-top: 3px;
  color: #65727e;
  line-height: 1.35;
}

.business-account-row.is-attention > span:first-child small {
  color: #a92f2b;
  font-weight: 700;
}

.business-account-row.is-healthy > span:first-child small {
  color: #126844;
  font-weight: 700;
}

.business-account-coverage {
  text-align: right;
}

.business-account-coverage b {
  font-size: 19px;
}

.home-schedule-matrix-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  margin: 12px 0 8px;
}

.home-schedule-matrix-head div,
.home-schedule-matrix-head strong,
.home-schedule-matrix-head span {
  display: block;
}

.home-schedule-matrix-head strong {
  color: #17202a;
  font-size: 14px;
}

.home-schedule-matrix-head span {
  margin-top: 2px;
  color: #65727e;
  font-size: 12px;
}

.home-schedule-matrix-head > a {
  color: #245d9a;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.home-schedule-matrix {
  overflow: hidden;
  border: 1px solid #dfe4e8;
  border-radius: 8px;
  background: #ffffff;
}

.home-schedule-matrix-header,
.home-schedule-account {
  display: grid;
  grid-template-columns: minmax(120px, 1.25fr) repeat(7, minmax(76px, 1fr));
}

.home-schedule-matrix-header {
  min-height: 48px;
  background: #f3f5f6;
}

.home-schedule-matrix-header > span {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: 7px 8px;
  border-right: 1px solid #dfe4e8;
  color: #45525d;
  text-align: center;
}

.home-schedule-matrix-header > span:first-child {
  align-items: flex-start;
  text-align: left;
}

.home-schedule-matrix-header > span:last-child {
  border-right: 0;
}

.home-schedule-matrix-header > span.is-today {
  background: #e7f0fb;
  color: #245d9a;
}

.home-schedule-matrix-header strong,
.home-schedule-matrix-header small {
  line-height: 1.25;
}

.home-schedule-matrix-header strong {
  font-size: 12px;
}

.home-schedule-matrix-header small {
  margin-top: 2px;
  font-size: 10px;
}

.home-schedule-account {
  border-top: 1px solid #dfe4e8;
}

.home-schedule-account > header {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: 9px 10px;
  background: #fafbfb;
}

.home-schedule-account > header strong,
.home-schedule-account > header small {
  display: block;
  min-width: 0;
}

.home-schedule-account > header strong {
  overflow-wrap: anywhere;
  color: #17202a;
  font-size: 12px;
}

.home-schedule-account > header small {
  margin-top: 3px;
  color: #65727e;
  font-size: 10px;
}

.home-schedule-account-days {
  display: contents;
}

.home-schedule-cell {
  display: flex;
  min-width: 0;
  min-height: 68px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 6px 5px;
  border-left: 1px solid #e3e7ea;
  color: #17202a;
  text-align: center;
  text-decoration: none;
}

.home-schedule-cell:hover,
.home-schedule-cell:focus-visible {
  position: relative;
  z-index: 1;
  outline: 2px solid #245d9a;
  outline-offset: -2px;
  filter: brightness(0.98);
}

.home-schedule-cell strong,
.home-schedule-cell b,
.home-schedule-cell small,
.home-schedule-cell-date {
  display: block;
  max-width: 100%;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.home-schedule-cell strong {
  font-size: 11px;
}

.home-schedule-cell b {
  margin-top: 3px;
  font-size: 13px;
}

.home-schedule-cell small {
  display: none;
  margin-top: 3px;
  color: inherit;
  font-size: 10px;
}

.home-schedule-cell-date {
  display: none;
  color: #65727e;
  font-size: 10px;
  font-weight: 700;
}

.home-schedule-cell.is-full {
  background: #e9f6ef;
  color: #126844;
}

.home-schedule-cell.is-gap {
  background: #fff3d6;
  color: #8a5600;
}

.home-schedule-cell.is-pending {
  background: #e7f0fb;
  color: #245d9a;
}

.home-schedule-cell.is-failure {
  background: #fde9e7;
  color: #a92f2b;
}

.home-schedule-cell.is-handling {
  background: #e8f4f6;
  color: #176675;
}

.home-schedule-cell.is-mixed {
  background: #f5ece5;
  color: #7b4830;
}

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

.business-signal {
  display: flex;
  min-width: 0;
  min-height: 138px;
  flex-direction: column;
  gap: 7px;
  padding: 15px;
  border: 1px solid #dfe4e8;
  border-radius: 8px;
  background: #fff;
  color: #17202a;
  text-decoration: none;
}

.business-signal:hover,
.business-signal:focus-visible {
  border-color: #72808c;
}

.business-signal > span {
  color: #65727e;
  font-size: 12px;
  font-weight: 800;
}

.business-signal > strong {
  line-height: 1.4;
}

.business-signal > small {
  color: #65727e;
  line-height: 1.5;
}

.business-signal.is-insight {
  border-top: 3px solid #2d6fb7;
}

.business-signal.is-attention {
  border-top: 3px solid #c13a35;
}

.business-signal.is-opportunity {
  border-top: 3px solid #16845b;
}

.business-signal.is-neutral {
  border-top: 3px solid #89939c;
}

.operator-os-section {
  padding: 28px 0 8px;
}

.operator-os-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.operator-os-section-head h2 {
  margin: 2px 0 0;
  font-size: 22px;
  letter-spacing: 0;
}

.operator-os-section-head > span {
  display: grid;
  place-items: center;
  min-width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #17202a;
  color: #fff;
  font-weight: 800;
}

.operator-work-list {
  display: grid;
  gap: 12px;
}

.operator-work-item {
  padding: 18px;
  border: 1px solid #dfe4e8;
  border-left: 4px solid #d43f3a;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(23, 32, 42, 0.05);
}

.operator-work-item.is-waiting-system,
.operator-work-item.is-waiting-external,
.publish-work-item.is-waiting-system {
  border-left-color: #2d6fb7;
}

.operator-work-item > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.operator-work-item h3 {
  margin: 4px 0;
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: 0;
}

.operator-work-item header p {
  margin: 0;
  color: #687580;
  font-size: 13px;
}

.operator-work-class,
.operator-work-priority {
  color: #b52e2a;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.is-waiting-system .operator-work-class,
.is-waiting-external .operator-work-class {
  color: #2d6fb7;
}

.operator-five-answers {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  margin: 16px 0;
  border: 1px solid #e5e9ec;
  background: #e5e9ec;
}

.operator-five-answers div {
  min-width: 0;
  padding: 12px;
  background: #f9fafb;
}

.operator-five-answers dt {
  margin-bottom: 5px;
  color: #6b7781;
  font-size: 11px;
  font-weight: 800;
}

.operator-five-answers dd {
  margin: 0;
  overflow-wrap: anywhere;
  color: #29343d;
  font-size: 13px;
  line-height: 1.5;
}

.operator-work-item > footer {
  display: flex;
  align-items: center;
  gap: 14px;
}

.operator-work-item > footer details {
  color: #66737d;
  font-size: 12px;
}

.operator-work-item > footer details p {
  margin: 6px 0;
}

.operator-no-action {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  padding: 0 12px;
  border-radius: 6px;
  background: #e9f1fb;
  color: #245d9a;
  font-size: 13px;
  font-weight: 800;
}

.operator-clear-state {
  padding: 24px;
  border: 1px solid #b9ddce;
  border-radius: 8px;
  background: #f1faf6;
}

.operator-clear-state strong {
  color: #126844;
  font-size: 18px;
}

.operator-clear-state p {
  margin: 5px 0 0;
  color: #526c60;
}

.operator-os-secondary {
  margin-top: 18px;
  padding: 14px 0;
  border-top: 1px solid #dfe4e8;
}

.operator-os-secondary > summary {
  cursor: pointer;
  font-weight: 800;
}

.operator-os-secondary > p {
  color: #65727e;
}

.operator-home-links,
.operator-context-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 28px;
}

.operator-home-links a,
.operator-context-grid > div {
  display: flex;
  min-width: 0;
  min-height: 76px;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  padding: 14px;
  border: 1px solid #dfe4e8;
  border-radius: 8px;
  background: #fff;
  color: #17202a;
  text-decoration: none;
}

.operator-home-links a:hover {
  border-color: #2d6fb7;
}

.operator-home-links span,
.operator-context-grid span {
  color: #66737d;
  font-size: 12px;
}

.operator-result {
  display: flex;
  gap: 12px;
  margin: 14px 0;
  padding: 12px 14px;
  border-left: 4px solid #2d6fb7;
  background: #f2f6fb;
}

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

.operator-history-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 8px 16px;
  padding: 12px 0;
  border-bottom: 1px solid #e3e7ea;
}

.operator-history-list p {
  grid-column: 1 / -1;
  margin: 0;
  color: #65727e;
}

.publisher-os .v2-publisher-account-form {
  flex: 0 0 min(260px, 100%);
}

.publisher-inbox-handoff {
  display: flex;
  min-height: 76px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border: 1px solid #d7e3ef;
  border-left: 4px solid #2d6fb7;
  border-radius: 8px;
  background: #f4f8fc;
  color: #17202a;
  text-decoration: none;
}

.publisher-inbox-handoff span,
.publisher-inbox-handoff strong,
.publisher-inbox-handoff small {
  display: block;
}

.publisher-inbox-handoff small {
  margin-top: 4px;
  color: #5e6f7d;
}

.publisher-inbox-handoff > b {
  color: #245d9a;
  font-size: 20px;
}

.task-actions button[disabled] {
  display: none;
}

.operator-material-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 180px)) minmax(260px, 1fr);
  gap: 12px;
  align-items: stretch;
  margin-bottom: 12px;
}

.operator-material-summary > div,
.operator-material-summary > p {
  margin: 0;
  padding: 16px;
  border: 1px solid var(--border-color, #d9dde3);
  border-radius: 8px;
  background: #fff;
}

.operator-material-summary span {
  display: block;
  color: #5e6673;
  font-size: 13px;
}

.operator-material-summary strong {
  display: block;
  margin-top: 4px;
  font-size: 28px;
}

.material-pipeline-history {
  margin-bottom: 16px;
}

.material-pipeline-history > section,
.material-pipeline-history > .operational-statistics-drawer {
  margin-top: 12px;
}

@media (max-width: 720px) {
  .operator-material-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .operator-material-summary > p {
    grid-column: 1 / -1;
  }
}

@media (max-width: 920px) {
  .operator-os-page {
    padding-top: 8px;
  }

  .operator-os-hero,
  .operator-home-hero {
    align-items: stretch;
    flex-direction: column;
    padding-top: 16px;
  }

  .operator-home-strip,
  .operator-home-links,
  .operator-context-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .business-pulse-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .business-pipeline-track {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .business-pipeline-node {
    border-bottom: 1px solid #e3e7ea;
  }

  .business-pipeline-node:nth-child(4n) {
    border-right: 0;
  }

  .business-pipeline-node:nth-last-child(-n + 3) {
    border-bottom: 0;
  }

  .business-material-metrics,
  .business-publish-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .business-material-metrics > a,
  .business-publish-grid > a {
    border-bottom: 1px solid #e3e7ea;
  }

  .business-material-metrics > a:nth-child(2n),
  .business-publish-grid > a:nth-child(2n) {
    border-right: 0;
  }

  .business-material-metrics > a:nth-last-child(-n + 2),
  .business-publish-grid > a:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  .business-pulse-metric:nth-child(4n) {
    border-right: 1px solid #e3e7ea;
  }

  .business-pulse-metric:nth-child(2n) {
    border-right: 0;
  }

  .business-pulse-metric:nth-last-child(-n + 3) {
    border-bottom: 1px solid #e3e7ea;
  }

  .business-pulse-metric:last-child {
    border-bottom: 0;
  }

  .business-signal-grid {
    grid-template-columns: 1fr;
  }

  .operator-five-answers {
    grid-template-columns: 1fr 1fr;
  }

  .operator-five-answers div:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 820px) {
  body:has(.operator-home) .global-job-widget {
    display: none;
  }

  .home-schedule-matrix {
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .home-schedule-matrix-header {
    display: none;
  }

  .home-schedule-account {
    display: block;
    margin-bottom: 10px;
    border: 1px solid #dfe4e8;
    border-radius: 8px;
    overflow: hidden;
    background: #ffffff;
  }

  .home-schedule-account > header {
    padding: 9px 11px;
    border-bottom: 1px solid #dfe4e8;
  }

  .home-schedule-account-days {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .home-schedule-cell {
    min-height: 82px;
    border-left: 0;
    border-right: 1px solid #e3e7ea;
    border-bottom: 1px solid #e3e7ea;
  }

  .home-schedule-cell:nth-child(4n) {
    border-right: 0;
  }

  .home-schedule-cell:nth-last-child(-n + 3) {
    border-bottom: 0;
  }

  .home-schedule-cell-date,
  .home-schedule-cell small {
    display: block;
  }
}

@media (max-width: 520px) {
  .sidebar-nav {
    display: grid !important;
    overflow-x: visible;
  }

  .sidebar-nav .nav-group,
  .sidebar-nav .nav-group-compact {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
  }

  .sidebar-nav a {
    min-width: 0;
    justify-content: center;
    padding-inline: 5px;
  }

  .operator-os-page {
    padding-inline: 12px;
  }

  .operator-os-hero h1,
  .operator-home-hero h1 {
    font-size: 30px;
  }

  .operator-os-summary,
  .operator-home-strip,
  .operator-home-links,
  .operator-context-grid,
  .operator-five-answers {
    grid-template-columns: 1fr;
  }

  .operator-home .operator-home-hero h1 {
    font-size: 30px;
  }

  .business-pulse-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .business-pulse-head > p {
    text-align: left;
  }

  .business-pulse-metrics,
  .business-account-grid,
  .business-pipeline-track,
  .business-material-metrics,
  .business-publish-grid {
    grid-template-columns: 1fr;
  }

  .business-pipeline-node,
  .business-pipeline-node:nth-child(4n),
  .business-material-metrics > a,
  .business-material-metrics > a:nth-child(2n),
  .business-publish-grid > a,
  .business-publish-grid > a:nth-child(2n) {
    min-height: 92px;
    border-right: 0;
    border-bottom: 1px solid #e3e7ea;
  }

  .business-pipeline-node:last-child,
  .business-pipeline-node:nth-last-child(-n + 3),
  .business-material-metrics > a:last-child,
  .business-material-metrics > a:nth-last-child(-n + 2),
  .business-publish-grid > a:last-child,
  .business-publish-grid > a:nth-last-child(-n + 2) {
    border-bottom: 1px solid #e3e7ea;
  }

  .business-pipeline-node:last-child,
  .business-material-metrics > a:last-child,
  .business-publish-grid > a:last-child {
    border-bottom: 0;
  }

  .business-pipeline-node {
    grid-template-columns: 28px minmax(0, 1fr) auto;
    align-items: center;
    align-content: center;
    column-gap: 9px;
  }

  .business-pipeline-node > span,
  .business-pipeline-node > small {
    margin: 0;
  }

  .business-pipeline-node > small {
    min-height: 0;
  }

  .business-pipeline-node > p {
    grid-column: 2 / -1;
  }

  .business-pipeline-explanation {
    flex-direction: column;
  }

  .business-pipeline-explanation nav {
    justify-content: flex-start;
  }

  .business-pulse-metric,
  .business-pulse-metric:nth-child(2n),
  .business-pulse-metric:nth-child(4n),
  .business-account-row,
  .business-account-row:nth-child(2n) {
    border-right: 0;
  }

  .business-pulse-metric,
  .business-pulse-metric:nth-last-child(-n + 3),
  .business-account-row,
  .business-account-row:nth-last-child(-n + 2) {
    border-bottom: 1px solid #e3e7ea;
  }

  .business-pulse-metric:last-child,
  .business-account-row:last-child {
    border-bottom: 0;
  }

  .business-account-row {
    grid-template-columns: minmax(0, 1fr) auto 14px;
    gap: 8px;
    padding-inline: 8px;
  }

  .home-schedule-matrix-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }

  .home-schedule-account-days {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-schedule-cell,
  .home-schedule-cell:nth-child(4n) {
    border-right: 1px solid #e3e7ea;
    border-bottom: 1px solid #e3e7ea;
  }

  .home-schedule-cell:nth-child(2n) {
    border-right: 0;
  }

  .home-schedule-cell:nth-last-child(-n + 3) {
    border-bottom: 1px solid #e3e7ea;
  }

  .home-schedule-cell:last-child {
    border-bottom: 0;
  }

  .operator-five-answers div:last-child {
    grid-column: auto;
  }

  .v2-ai-rec-preview-card {
    align-items: stretch;
    flex-direction: column;
  }

  .v2-ai-rec-actions {
    width: 100%;
    flex: 1 1 auto;
    justify-content: flex-start;
  }

  .v2-ai-rec-actions > *,
  .v2-ai-rec-actions form,
  .v2-ai-rec-actions .v2-button,
  .schedule-candidate-preview-trigger {
    max-width: 100%;
  }

  .operator-work-item > header,
  .operator-work-item > footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .operator-home-strip article,
  .operator-home-strip > a {
    padding: 11px 0;
    border-bottom: 1px solid #e6eaed;
  }
}

/* Milestone 3 canonical Intelligence product */
.intelligence-hub {
  width: min(1180px, 100%);
  margin: 0 auto;
  padding: 20px clamp(14px, 3vw, 34px) 52px;
  color: #17202a;
}

.intelligence-hub-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  padding: 28px 0 24px;
  border-bottom: 3px solid #16845b;
}

.intelligence-hub-header h1 {
  max-width: 760px;
  margin: 4px 0 8px;
  font-size: 36px;
  line-height: 1.16;
  letter-spacing: 0;
}

.intelligence-hub-header > div > p:last-child {
  max-width: 760px;
  margin: 0;
  color: #53616d;
  line-height: 1.65;
}

.intelligence-authority-note {
  flex: 0 0 min(280px, 100%);
  padding: 14px 16px;
  border-left: 4px solid #2d6fb7;
  background: #eef5fc;
}

.intelligence-authority-note strong,
.intelligence-authority-note span {
  display: block;
}

.intelligence-authority-note span {
  margin-top: 4px;
  color: #4d6377;
  font-size: 13px;
  line-height: 1.5;
}

.intelligence-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid #dfe4e8;
}

.intelligence-summary > div {
  min-width: 0;
  padding: 18px 18px 18px 0;
}

.intelligence-summary span,
.intelligence-summary strong,
.intelligence-summary small {
  display: block;
}

.intelligence-summary span {
  color: #66737d;
  font-size: 12px;
  font-weight: 800;
}

.intelligence-summary strong {
  margin: 3px 0;
  font-size: 28px;
}

.intelligence-summary small {
  color: #7b8791;
}

.intelligence-source-tabs {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding: 18px 0 8px;
  scrollbar-width: thin;
}

.intelligence-source-tabs a {
  flex: 0 0 auto;
  padding: 8px 11px;
  border-bottom: 2px solid transparent;
  color: #53616d;
  text-decoration: none;
  white-space: nowrap;
}

.intelligence-source-tabs a:hover,
.intelligence-source-tabs a.is-active {
  border-bottom-color: #17202a;
  color: #17202a;
}

.intelligence-current {
  padding-top: 24px;
}

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

.intelligence-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 290px);
  gap: 18px 26px;
  padding: 18px 0 20px 16px;
  border-bottom: 1px solid #dfe4e8;
  border-left: 4px solid #2d6fb7;
}

.intelligence-item.is-action_required {
  border-left-color: #c73732;
}

.intelligence-item.is-review_recommended {
  border-left-color: #d29821;
}

.intelligence-item.is-blocked_by_evidence,
.intelligence-item.is-expired,
.intelligence-item.is-historical {
  border-left-color: #8a959e;
}

.intelligence-item-title span {
  color: #64717c;
  font-size: 11px;
  font-weight: 800;
}

.intelligence-item h3 {
  margin: 4px 0 7px;
  font-size: 19px;
  line-height: 1.35;
  letter-spacing: 0;
}

.intelligence-item-main > p {
  margin: 0;
  color: #3f4c57;
  line-height: 1.6;
}

.intelligence-trust-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin: 14px 0;
  border: 1px solid #e4e8eb;
  background: #e4e8eb;
}

.intelligence-trust-row > div {
  min-width: 0;
  padding: 9px 10px;
  background: #f8fafb;
}

.intelligence-trust-row dt {
  color: #6b7781;
  font-size: 10px;
  font-weight: 800;
}

.intelligence-trust-row dd {
  margin: 3px 0 0;
  overflow-wrap: anywhere;
  font-size: 12px;
  font-weight: 700;
}

.intelligence-evidence-summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: baseline;
}

.intelligence-evidence-summary span {
  color: #16845b;
  font-size: 11px;
  font-weight: 800;
}

.intelligence-evidence-summary p {
  margin: 0;
  color: #596670;
  font-size: 13px;
}

.intelligence-next-action {
  align-self: start;
  padding: 14px;
  background: #f4f7f9;
}

.intelligence-next-action strong,
.intelligence-next-action small {
  display: block;
}

.intelligence-action-badge {
  display: inline-block;
  margin-bottom: 8px;
  color: #245d9a;
  font-size: 11px;
  font-weight: 800;
}

.intelligence-next-action strong {
  line-height: 1.5;
}

.intelligence-next-action small {
  margin-top: 7px;
  color: #6a7680;
  line-height: 1.45;
}

.intelligence-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-top: 12px;
}

.intelligence-links a {
  font-size: 13px;
  font-weight: 800;
}

.intelligence-limitations {
  grid-column: 1 / -1;
  color: #65727e;
  font-size: 12px;
}

.intelligence-limitations summary {
  cursor: pointer;
  font-weight: 800;
}

.intelligence-limitations p {
  margin: 5px 0 0;
}

.intelligence-destinations {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 30px;
}

.intelligence-destinations a {
  display: flex;
  min-width: 0;
  min-height: 76px;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  padding: 14px;
  border: 1px solid #dfe4e8;
  border-radius: 8px;
  color: #17202a;
  text-decoration: none;
}

.intelligence-destinations a:hover {
  border-color: #2d6fb7;
}

.intelligence-destinations span {
  color: #687580;
  font-size: 12px;
  line-height: 1.45;
}

.canonical-trust-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) repeat(3, minmax(110px, auto));
  gap: 14px;
  margin: 14px 0 22px;
  padding: 14px 0;
  border-top: 1px solid #dfe4e8;
  border-bottom: 1px solid #dfe4e8;
}

.canonical-trust-strip > div {
  min-width: 0;
}

.canonical-trust-strip span,
.canonical-trust-strip small,
.canonical-trust-strip strong {
  display: block;
}

.canonical-trust-strip span {
  color: #6b7781;
  font-size: 11px;
  font-weight: 800;
}

.canonical-trust-strip strong {
  margin-top: 3px;
}

.canonical-trust-strip small {
  margin-top: 3px;
  color: #65727e;
}

.material-intelligence-summary {
  width: min(1180px, 100%);
  margin: 10px auto 12px;
  padding: 12px 14px;
  border: 1px solid #cfd8df;
  border-left: 5px solid #16845b;
  border-radius: 8px;
  background: #fff;
}

.material-intelligence-summary > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.material-intelligence-summary h2 {
  margin: 3px 0 6px;
  font-size: 18px;
  letter-spacing: 0;
}

.material-intelligence-summary header p {
  margin: 0;
  color: #53616d;
  font-size: 13px;
}

.material-intelligence-state {
  flex: 0 0 auto;
  padding: 7px 10px;
  border-radius: 6px;
  background: #eaf5f0;
  color: #126844;
  font-size: 12px;
  font-weight: 800;
}

.material-intelligence-facts {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  margin-top: 10px;
  border: 1px solid #e3e7ea;
  background: #e3e7ea;
}

.material-intelligence-facts > div {
  min-width: 0;
  padding: 8px;
  background: #f8fafb;
}

.material-intelligence-facts span,
.material-intelligence-facts strong,
.material-intelligence-facts small {
  display: block;
}

.material-intelligence-facts span {
  color: #6b7781;
  font-size: 10px;
  font-weight: 800;
}

.material-intelligence-facts strong {
  margin-top: 4px;
  overflow-wrap: anywhere;
  font-size: 13px;
}

.material-intelligence-facts small {
  margin-top: 3px;
  color: #74808a;
}

.material-intelligence-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e3e7ea;
}

.material-intelligence-action p {
  margin: 0;
  font-weight: 800;
}

.material-intelligence-action small {
  color: #66737d;
}

@media (max-width: 920px) {
  .material-intelligence-summary header p,
  .material-intelligence-facts,
  .material-intelligence-action {
    display: none;
  }

  .material-intelligence-summary {
    margin-bottom: 10px;
  }

  .material-operator-preview {
    display: contents;
    order: -1;
  }

  .material-operator-decision {
    order: -6;
  }

  .material-operator-video {
    order: -8;
    max-height: 480px;
  }

  .material-operator-media-facts {
    order: -7;
  }

  .material-detail-v2-ops-brief {
    order: -5;
  }

  .material-hd-replace-primary,
  .material-operator-preview .material-watermark-operator-card,
  .material-operator-preview .material-management-actions {
    order: 6;
  }

  .intelligence-hub-header,
  .material-intelligence-summary > header,
  .material-intelligence-action {
    align-items: stretch;
    flex-direction: column;
  }

  .intelligence-summary,
  .intelligence-destinations,
  .material-intelligence-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .intelligence-item {
    grid-template-columns: 1fr;
  }

  .intelligence-trust-row,
  .canonical-trust-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .intelligence-hub {
    padding-inline: 12px;
  }

  .intelligence-hub-header h1 {
    font-size: 30px;
  }

  .intelligence-summary,
  .intelligence-destinations,
  .material-intelligence-facts,
  .intelligence-trust-row,
  .canonical-trust-strip {
    grid-template-columns: 1fr;
  }

  .intelligence-summary > div {
    padding: 11px 0;
    border-bottom: 1px solid #e6eaed;
  }

  .intelligence-item {
    padding-left: 12px;
  }
}
.interaction-unavailable {
  display: inline-block;
  max-width: 28rem;
  color: var(--text-muted, #64748b);
  font-size: 0.875rem;
  line-height: 1.45;
}

.interaction-live-region {
  position: fixed;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/* Data Intelligence Center V1 */
.data-intelligence-body { background: #f4f6f8; }
.di-shell { width: min(100%, 1480px); margin: 0 auto; color: #18212b; }
.di-page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin: 0 0 18px; padding: 4px 0 18px; border-bottom: 1px solid #d8dee5; }
.di-page-head h1 { margin: 5px 0 6px; font-size: 30px; line-height: 1.15; letter-spacing: 0; }
.di-page-head p { max-width: 760px; margin: 0; color: #65707c; }
.di-eyebrow { color: #176b52; font-size: 11px; font-weight: 800; letter-spacing: 0; }
.di-refresh { color: #65707c; font-size: 12px; white-space: nowrap; }
.di-back { display: block; width: max-content; margin-bottom: 12px; color: #176b52; font-weight: 700; text-decoration: none; }
.di-segments { display: inline-flex; margin-bottom: 18px; padding: 3px; border: 1px solid #cfd7df; border-radius: 6px; background: #fff; }
.di-segments a { min-width: 70px; padding: 7px 13px; border-radius: 4px; color: #53606c; font-size: 13px; font-weight: 700; text-align: center; text-decoration: none; }
.di-segments a.is-active { background: #20303c; color: #fff; }
.di-health-strip { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin-bottom: 18px; border: 1px solid #d8dee5; border-radius: 6px; background: #fff; }
.di-kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-bottom: 18px; border: 1px solid #d8dee5; border-radius: 6px; background: #fff; }
.di-health-strip > div, .di-kpis > div { min-width: 0; padding: 14px 16px; border-right: 1px solid #e4e8ec; }
.di-health-strip > div:last-child, .di-kpis > div:last-child { border-right: 0; }
.di-health-strip span, .di-kpis span, .di-kpis small { display: block; color: #6d7781; font-size: 11px; }
.di-health-strip strong { display: block; margin-top: 5px; font-size: 15px; }
.di-kpis { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.di-kpis strong { display: block; margin: 6px 0 4px; font-size: 22px; line-height: 1; }
.di-section, .di-panel { margin-bottom: 18px; border: 1px solid #d8dee5; border-radius: 6px; background: #fff; }
.di-section { padding: 18px; }
.di-panel { padding: 18px; }
.di-section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.di-section-head h2 { margin: 0 0 3px; font-size: 17px; letter-spacing: 0; }
.di-section-head p { margin: 0; color: #77818c; font-size: 12px; }
.di-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.di-grid-2 > .di-panel { min-width: 0; }
.di-table-wrap { max-width: 100%; overflow-x: auto; }
.di-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.di-table th { padding: 9px 10px; border-bottom: 1px solid #cfd7df; color: #5e6974; font-size: 10px; font-weight: 800; text-align: left; text-transform: uppercase; white-space: nowrap; }
.di-table td { padding: 10px; border-bottom: 1px solid #edf0f2; vertical-align: middle; }
.di-table tbody tr:last-child td { border-bottom: 0; }
.di-table td > small, .di-account-cell span { display: block; margin-top: 3px; color: #7d8790; font-size: 10px; }
.di-account-cell a { color: inherit; text-decoration: none; }
.di-account-cell strong { font-size: 13px; }
.di-account-table { min-width: 1120px; }
.di-video-table { min-width: 1260px; }
.di-badge { display: inline-flex; align-items: center; min-height: 24px; padding: 3px 8px; border: 1px solid #d4dbe2; border-radius: 4px; background: #f7f8f9; color: #58636e; font-size: 10px; font-weight: 800; white-space: nowrap; }
.di-badge-shadow { border-color: #a7c9bd; background: #edf7f3; color: #176b52; }
.di-badge-warning { border-color: #e4c57e; background: #fff8e7; color: #805b08; }
.di-badge-money { border-color: #86b99e; background: #eaf6ef; color: #14643f; }
.di-trend { font-weight: 800; }
.di-trend.is-up { color: #157347; }
.di-trend.is-down { color: #ad3a3a; }
.di-capability-grid, .di-revenue-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.di-capability-grid > div, .di-revenue-row > div { padding: 11px; border: 1px solid #e0e5ea; border-radius: 5px; background: #f8fafb; }
.di-capability-grid span, .di-revenue-row span { display: block; color: #75808a; font-size: 10px; }
.di-capability-grid strong, .di-revenue-row strong { display: block; margin-top: 5px; font-size: 17px; overflow-wrap: anywhere; }
.di-footnote { margin: 12px 0 0; color: #68737d; font-size: 11px; }
.di-health-list { margin: 0; }
.di-health-list > div { display: flex; justify-content: space-between; gap: 16px; padding: 9px 0; border-bottom: 1px solid #edf0f2; }
.di-health-list > div:last-child { border-bottom: 0; }
.di-health-list dt { color: #67727c; }
.di-health-list dd { margin: 0; font-weight: 750; text-align: right; overflow-wrap: anywhere; }
.di-alert, .di-empty { padding: 18px; border: 1px solid #d8dee5; border-radius: 6px; background: #fff; color: #68737d; }
.di-alert-danger { border-color: #e6b5b5; background: #fff4f4; color: #8e2e2e; }
.di-empty-small { padding: 12px 0; color: #7a858f; }
.di-account-head { align-items: center; }
.di-revenue-panel { border-left: 4px solid #2d8a61; }
.di-na-panel { display: flex; justify-content: space-between; gap: 16px; color: #68737d; }
.di-na-panel strong { color: #25323d; }
.di-compact-list { display: grid; }
.di-compact-list a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; padding: 10px 0; border-bottom: 1px solid #edf0f2; color: inherit; text-decoration: none; }
.di-compact-list a:last-child { border-bottom: 0; }
.di-compact-list span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.di-filters { display: flex; align-items: flex-end; gap: 10px; margin-bottom: 12px; }
.di-filters label { display: grid; gap: 4px; color: #65707a; font-size: 10px; font-weight: 700; }
.di-filters select { min-width: 150px; height: 34px; border: 1px solid #cfd7df; border-radius: 4px; background: #fff; }
.di-filters button { height: 34px; padding: 0 14px; border: 0; border-radius: 4px; background: #20303c; color: #fff; font-weight: 750; }
.di-video-cell { min-width: 300px; }
.di-video-cell a { display: flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; }
.di-video-cell img { width: 48px; height: 48px; flex: 0 0 auto; border-radius: 4px; background: #e7ebee; object-fit: cover; }
.di-video-cell span { min-width: 0; }
.di-video-cell strong { display: block; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.di-pagination { display: flex; align-items: center; justify-content: center; gap: 16px; padding-top: 14px; color: #66717b; font-size: 12px; }
.di-pagination a { color: #176b52; font-weight: 750; text-decoration: none; }
.di-video-detail-grid { display: grid; grid-template-columns: minmax(280px, 0.72fr) minmax(420px, 1.28fr); gap: 18px; align-items: start; }
.di-video-preview { display: grid; min-height: 420px; max-height: 680px; margin-bottom: 18px; border: 1px solid #d8dee5; border-radius: 6px; background: #11171c; overflow: hidden; }
.di-video-preview img { width: 100%; height: 100%; max-height: 680px; object-fit: contain; }
.di-percentiles { display: grid; gap: 11px; }
.di-percentiles > div { display: grid; grid-template-columns: minmax(0, 1fr) 58px; gap: 8px; align-items: center; }
.di-percentiles span { color: #596570; font-size: 12px; }
.di-percentiles strong { font-size: 13px; text-align: right; }
.di-percentiles i { grid-column: 1 / -1; display: block; width: 100%; height: 5px; border-radius: 3px; background: linear-gradient(90deg, #2c8a64 var(--value), #e4e9ed var(--value)); }
.di-percentiles .is-missing { opacity: .58; }
.di-interpretation { margin-top: 18px; padding: 13px; border-left: 3px solid #d4a941; background: #fff9e9; }
.di-interpretation span, .di-interpretation strong { display: block; }
.di-interpretation span { margin-bottom: 4px; color: #80640e; font-size: 10px; font-weight: 800; }
.di-viral-primary { border-top: 3px solid #176b52; }
.di-viral-summary { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin-bottom: 14px; border: 1px solid #e0e5ea; border-radius: 5px; background: #f8fafb; }
.di-viral-summary > div { min-width: 0; padding: 11px 12px; border-right: 1px solid #e0e5ea; }
.di-viral-summary > div:last-child { border-right: 0; }
.di-viral-summary span, .di-viral-summary small { display: block; color: #6d7781; font-size: 10px; }
.di-viral-summary strong { display: block; margin: 5px 0 3px; font-size: 19px; }
.di-winner-table { min-width: 1180px; }
.di-winner-mobile { display: none; }
.di-pattern-group { min-width: 0; margin-bottom: 14px; }
.di-pattern-group h3 { margin: 0 0 8px; font-size: 14px; }
.di-pattern-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid #edf0f2; }
.di-pattern-row:last-child { border-bottom: 0; }
.di-pattern-row > span { min-width: 0; }
.di-pattern-row strong, .di-pattern-row small, .di-pattern-row b { display: block; }
.di-pattern-row small { margin-top: 3px; color: #727d87; font-size: 10px; }
.di-pattern-row > span:last-child { flex: 0 0 auto; text-align: right; }
.di-pattern-action { display: inline-flex; margin-top: 7px; color: #176b52; font-size: 11px; font-weight: 750; text-decoration: none; }
.di-pattern-action:hover { text-decoration: underline; }
.fml-shell { max-width: 1320px; }
.fml-notice { margin-top: 12px; padding: 10px 12px; border-left: 3px solid #3d7f6b; background: #f0f7f4; color: #365b50; font-size: 12px; }
.fml-notice-warning { margin: 0 0 14px; border-left-color: #b58223; background: #fff8e7; color: #775813; }
.fml-list { display: grid; gap: 10px; }
.fml-candidate { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 14px; padding: 14px 0; border-bottom: 1px solid #e3e7ea; }
.fml-candidate:last-child { border-bottom: 0; }
.fml-thumb { display: block; width: 132px; aspect-ratio: 9 / 16; overflow: hidden; border-radius: 5px; background: #eef1f3; }
.fml-thumb img { width: 100%; height: 100%; object-fit: cover; }
.fml-main { min-width: 0; }
.fml-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.fml-title-row a { color: #18212b; text-decoration: none; }
.fml-title-row strong, .fml-title-row small { display: block; overflow-wrap: anywhere; }
.fml-title-row strong { font-size: 14px; }
.fml-title-row small { margin-top: 3px; color: #747f89; font-size: 10px; }
.fml-metrics { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1px; margin: 12px 0; border: 1px solid #e0e5e8; background: #e0e5e8; }
.fml-metrics > div { min-width: 0; padding: 9px; background: #fff; }
.fml-metrics span, .fml-metrics strong, .fml-metrics small { display: block; overflow-wrap: anywhere; }
.fml-metrics span { color: #737e87; font-size: 9px; font-weight: 700; text-transform: uppercase; }
.fml-metrics strong { margin-top: 3px; font-size: 12px; }
.fml-metrics small { margin-top: 2px; color: #7c868e; font-size: 9px; }
.fml-explain, .fml-limit { font-size: 11px; }
.fml-explain strong, .fml-limit strong { color: #34414b; }
.fml-explain ul, .fml-limit ul { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 5px 0 0; padding-left: 16px; color: #64707a; }
.fml-limit { margin-top: 8px; color: #7a5a19; }
.fml-evidence { margin-top: 10px; border-top: 1px solid #edf0f2; padding-top: 9px; }
.fml-evidence summary { cursor: pointer; color: #176b52; font-size: 11px; font-weight: 750; }
.fml-evidence h3 { margin: 12px 0 6px; font-size: 12px; }
.fml-component-list, .fml-winners { display: grid; gap: 5px; margin-top: 8px; }
.fml-component-list > div, .fml-winners > div { display: grid; grid-template-columns: minmax(130px, 0.5fr) 100px minmax(0, 1fr); gap: 8px; padding: 7px 8px; background: #f7f8f9; font-size: 10px; }
.fml-component-list small, .fml-winners small { color: #727d87; overflow-wrap: anywhere; }
.fml-winners > div { grid-template-columns: minmax(0, 1fr); }
.di-action-link { display: inline-flex; margin-top: 14px; color: #176b52; font-size: 12px; font-weight: 750; text-decoration: none; }
.di-provenance { max-width: 100%; margin: 14px 0 0; overflow: auto; color: #36434e; font-size: 11px; white-space: pre-wrap; overflow-wrap: anywhere; }

@media (max-width: 1100px) {
  .di-health-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .di-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .di-health-strip > div, .di-kpis > div { border-bottom: 1px solid #e4e8ec; }
  .di-video-detail-grid { grid-template-columns: 1fr; }
  .di-viral-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .di-viral-summary > div:nth-child(3) { border-right: 0; }
}

@media (max-width: 720px) {
  .di-page-head { align-items: flex-start; flex-direction: column; gap: 10px; }
  .di-page-head h1 { font-size: 25px; }
  .di-refresh { white-space: normal; }
  .di-segments { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; }
  .di-health-strip, .di-kpis, .di-grid-2, .di-capability-grid, .di-revenue-row { grid-template-columns: 1fr; }
  .di-health-strip > div, .di-kpis > div { border-right: 0; }
  .di-section, .di-panel { padding: 14px; }
  .di-filters { align-items: stretch; flex-direction: column; }
  .di-filters select, .di-filters button { width: 100%; }
  .di-video-preview { min-height: 300px; max-height: 70vh; }
  .di-na-panel { flex-direction: column; }
  .di-viral-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .di-viral-summary > div:nth-child(odd) { border-right: 1px solid #e0e5ea; }
  .di-viral-summary > div:nth-child(even) { border-right: 0; }
  .di-winner-desktop { display: none; }
  .di-winner-mobile { display: grid; gap: 8px; }
  .di-winner-card { display: grid; gap: 6px; min-width: 0; padding: 12px; border: 1px solid #dce2e7; border-radius: 5px; color: inherit; text-decoration: none; }
  .di-winner-card > span { min-width: 0; color: #68737d; font-size: 11px; overflow-wrap: anywhere; }
  .di-winner-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
  .di-winner-card-head strong { color: #1d2933; font-size: 13px; }
  .di-winner-card-head b { flex: 0 0 auto; color: #176b52; font-size: 10px; }
  .di-pattern-row { align-items: flex-start; flex-direction: column; gap: 6px; }
  .di-pattern-row > span:last-child { text-align: left; }
  .fml-candidate { grid-template-columns: 88px minmax(0, 1fr); gap: 10px; }
  .fml-thumb { width: 88px; }
  .fml-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fml-title-row { flex-direction: column; }
  .fml-component-list > div { grid-template-columns: minmax(0, 1fr); }
}
.ai-fill-preview-card { position: relative; border-color: color-mix(in srgb, #f59e0b 45%, transparent); }
.ai-fill-preview-card .calendar-status-pill { background: #fff4d6; color: #8a5a00; }
.ai-fill-preview-actions { display: flex; gap: .35rem; margin-top: .4rem; }
.ai-fill-preview-summary { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; }
.material-pool-badge, .calendar-pool-badge { display: inline-flex; align-items: center; width: fit-content; padding: 2px 7px; border: 1px solid #d9e2e8; border-radius: 999px; color: #52616d; background: #f5f7f8; font-size: 10px; font-weight: 800; line-height: 1.3; }
.material-pool-badge-monetized { color: #9a3412; background: #ffedd5; border-color: #fdba74; }
.material-pool-badge-normal { color: #166534; background: #dcfce7; border-color: #86efac; }
.material-pool-badge-unknown { color: #475569; background: #e2e8f0; border-color: #cbd5e1; }
.material-list-card-v3.v2-content-row { align-items: start; }
.material-list-card-v3 .material-primary-action-system { align-self: start; min-height: 0; }
.material-list-card-v3 .material-primary-action-system > [data-operator-state] { display: grid; gap: 4px; }
.material-list-card-v3 .material-primary-action-system > [data-operator-state] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.material-list-card-v3 .material-primary-action-system > [data-operator-state] > strong { margin: 0; font-size: 12px; }
.material-list-card-v3 .material-primary-action-system > [data-operator-state] > details { flex: 0 0 auto; }
.material-list-card-v3 .material-primary-action-system > [data-operator-state] > details > summary { min-height: 28px; padding: 5px 8px; }
.material-list-card-v3 .material-primary-action-system > [data-operator-state] > details:not([open]) p { display: none; }
.material-list-card-v3 .material-primary-action-system > [data-operator-state] > details summary { color: #52616d; cursor: pointer; font-size: 11px; font-weight: 800; }
.material-list-card-v3 .material-primary-action-system > [data-operator-state] > details p { margin: 4px 0; }
.material-list-card-v3 .material-primary-action-system > [data-operator-state] .material-progress-link { padding: 4px 7px; border: 1px solid #d9e2e8; border-radius: 999px; font-size: 11px; }