:root {
  color-scheme: dark;
  --bg: #071019;
  --panel: rgba(11, 24, 34, 0.78);
  --panel-strong: rgba(18, 34, 46, 0.9);
  --line: rgba(210, 226, 232, 0.18);
  --text: #edf7f7;
  --muted: rgba(237, 247, 247, 0.68);
  --gold: #f2c76b;
  --cyan: #62d8e8;
  --rose: #ee7899;
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.34);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
  box-sizing: border-box;
}

body {
  min-height: 100vh;
  margin: 0;
  background:
    linear-gradient(135deg, rgba(98, 216, 232, 0.08), transparent 35%),
    linear-gradient(315deg, rgba(242, 199, 107, 0.1), transparent 42%),
    var(--bg);
  color: var(--text);
}

a {
  color: inherit;
  text-decoration: none;
}

code {
  color: var(--gold);
}

.brand-backdrop {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
  opacity: 0.07;
  text-align: center;
  font-weight: 800;
  letter-spacing: 0;
  z-index: 0;
}

.brand-backdrop span {
  display: block;
  font-size: clamp(42px, 10vw, 156px);
}

.brand-backdrop strong {
  display: block;
  font-size: clamp(34px, 8vw, 120px);
}

.site-header,
.site-shell {
  position: relative;
  z-index: 1;
}

.site-header {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: 22px 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.brand-mark {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(242, 199, 107, 0.5);
  background: rgba(242, 199, 107, 0.12);
  color: var(--gold);
  font-weight: 800;
}

.brand-mark-logo {
  overflow: hidden;
  background: rgba(5, 6, 8, 0.72);
}

.brand-mark-logo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.brand-lockup strong,
.brand-lockup small {
  display: block;
}

.brand-lockup small {
  margin-top: 3px;
  color: var(--muted);
}

.site-nav {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.site-nav a {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  padding: 0 13px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.05);
  color: rgba(237, 247, 247, 0.86);
}

.site-nav a[aria-current] {
  border-color: rgba(242, 199, 107, 0.65);
  background: rgba(242, 199, 107, 0.13);
  color: var(--gold);
}

.site-shell {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: 26px 0 64px;
}

.hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 390px);
  gap: 22px;
  align-items: stretch;
  min-height: 330px;
}

.hero > div,
.status-panel,
.module-card,
.contract-band,
.workspace-panel,
.info-card {
  border: 1px solid var(--line);
  background: var(--panel);
  box-shadow: var(--shadow);
  backdrop-filter: blur(22px);
}

.hero > div {
  padding: clamp(26px, 5vw, 56px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.eyebrow,
.module-kicker {
  margin: 0 0 12px;
  color: var(--cyan);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

h1,
h2,
p {
  margin-top: 0;
}

h1 {
  max-width: 780px;
  margin-bottom: 18px;
  font-size: clamp(36px, 6vw, 72px);
  line-height: 0.98;
}

h2 {
  margin-bottom: 10px;
  font-size: 24px;
}

.hero-copy {
  max-width: 720px;
  margin-bottom: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.75;
}

.status-panel {
  padding: 20px;
}

.panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.icon-button {
  width: 38px;
  height: 38px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.07);
  color: var(--text);
  cursor: pointer;
}

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

.status-item {
  display: grid;
  grid-template-columns: 10px 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.045);
}

.status-dot {
  width: 10px;
  height: 10px;
  background: var(--muted);
}

.status-item[data-state="ok"] .status-dot {
  background: var(--cyan);
}

.status-item[data-state="warn"] .status-dot {
  background: var(--gold);
}

.status-item[data-state="error"] .status-dot {
  background: var(--rose);
}

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

.status-item small {
  color: var(--muted);
  margin-top: 3px;
}

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

.module-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.module-card {
  min-height: 300px;
  padding: 22px;
  display: flex;
  flex-direction: column;
}

.module-card p {
  color: var(--muted);
  line-height: 1.65;
}

.module-card.sensitive {
  border-color: rgba(238, 120, 153, 0.35);
}

.module-card.ads-card {
  border-color: rgba(98, 216, 232, 0.38);
}

.module-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: auto;
}

.primary-action,
.secondary-action {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border: 1px solid var(--line);
  font-weight: 800;
}

.primary-action {
  background: var(--gold);
  color: #1b1608;
}

.secondary-action {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(237, 247, 247, 0.88);
}

.contract-band {
  display: grid;
  grid-template-columns: minmax(240px, 0.75fr) minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  margin-top: 16px;
  padding: 24px;
}

.contract-band p:last-child {
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
}

.ai-runtime-band {
  margin-top: 16px;
  padding: 24px;
  border: 1px solid var(--line);
  background: var(--panel);
  box-shadow: var(--shadow);
  backdrop-filter: blur(22px);
}

.ai-runtime-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

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

.ai-part-card {
  padding: 16px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.045);
}

.ai-part-card p {
  margin: 10px 0 12px;
  color: var(--muted);
  line-height: 1.55;
}

.ai-part-card dl,
.ai-part-card dd {
  margin: 0;
}

.ai-part-card dt {
  margin-top: 10px;
  color: var(--cyan);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.ai-part-card dd {
  color: rgba(237, 247, 247, 0.76);
  line-height: 1.5;
}

.ai-part-card dd span {
  display: block;
  margin-top: 6px;
}

.workspace-panel {
  padding: clamp(24px, 4vw, 44px);
  min-height: 420px;
}

.workspace-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 24px;
}

.workspace-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.workspace-head h1 {
  margin-bottom: 14px;
}

.workspace-head p {
  max-width: 760px;
  color: var(--muted);
  line-height: 1.7;
}

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

.metrics-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 16px;
}

.info-card {
  box-shadow: none;
  padding: 18px;
  background: rgba(255, 255, 255, 0.045);
}

.info-card span,
.info-card small {
  display: block;
  color: var(--muted);
}

.info-card strong {
  display: block;
  margin: 10px 0 8px;
  font-size: 24px;
}

.sensitive-panel {
  border-color: rgba(238, 120, 153, 0.35);
}

.ads-panel {
  border-color: rgba(98, 216, 232, 0.36);
}

.unified-board {
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.035);
  padding: 18px;
}

.detail-board {
  margin-top: 16px;
}

.board-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.board-head h2 {
  margin: 0;
}

.board-head span {
  color: var(--muted);
  font-size: 13px;
  text-align: right;
}

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

.data-item {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.045);
}

.data-item.no-cover {
  grid-template-columns: minmax(0, 1fr) auto;
}

.item-cover {
  width: 74px;
  height: 74px;
  object-fit: cover;
  border: 1px solid rgba(237, 247, 247, 0.18);
  background: rgba(237, 247, 247, 0.08);
}

.item-cover.placeholder {
  display: block;
}

.item-main {
  min-width: 0;
}

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

.item-topline strong {
  min-width: 0;
  font-size: 16px;
  line-height: 1.35;
}

.item-main p {
  margin: 6px 0 9px;
  color: var(--muted);
  line-height: 1.45;
}

.item-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  color: rgba(237, 247, 247, 0.62);
  font-size: 12px;
}

.item-meta span {
  border: 1px solid rgba(237, 247, 247, 0.12);
  padding: 4px 7px;
  background: rgba(255, 255, 255, 0.035);
}

.tag {
  flex: 0 0 auto;
  padding: 4px 8px;
  border: 1px solid var(--line);
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.tag.ok {
  border-color: rgba(98, 216, 232, 0.45);
  color: var(--cyan);
}

.tag.warn {
  border-color: rgba(242, 199, 107, 0.5);
  color: var(--gold);
}

.tag.pending {
  border-color: rgba(237, 247, 247, 0.22);
}

.compact {
  min-height: 36px;
  padding: 0 12px;
  white-space: nowrap;
}

.auth-notice {
  display: grid;
  grid-template-columns: minmax(0, 0.4fr) minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  margin-bottom: 16px;
  padding: 16px;
  border: 1px solid rgba(238, 120, 153, 0.4);
  background: rgba(238, 120, 153, 0.09);
}

.auth-notice.no-action {
  grid-template-columns: minmax(0, 0.4fr) minmax(0, 1fr);
}

.auth-notice strong {
  color: var(--rose);
}

.auth-notice span {
  color: var(--muted);
  line-height: 1.55;
}

.seller-summary-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 12px;
  margin-bottom: 14px;
}

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

.seller-workflow-card {
  display: block;
}

.seller-workflow-card[aria-current] {
  border-color: rgba(242, 199, 107, 0.58);
  background: rgba(242, 199, 107, 0.1);
}

.seller-memory-list {
  margin-bottom: 14px;
}

.seller-source-grid,
.seller-alert-grid,
.alert-grid,
.seller-table-controls {
  display: grid;
  gap: 12px;
  margin-bottom: 14px;
}

.seller-source-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

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

.ads-trust-panel {
  display: grid;
  gap: 18px;
  margin: 18px 0;
  padding: 18px;
  border: 1px solid rgba(98, 216, 232, 0.22);
  background:
    linear-gradient(135deg, rgba(98, 216, 232, 0.08), transparent 46%),
    rgba(255, 255, 255, 0.035);
}

.ads-trust-panel .board-head p {
  max-width: 720px;
  margin: 5px 0 0;
  color: var(--muted);
  line-height: 1.65;
}

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

.risk-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 8px 0;
}

.risk-tag {
  padding: 5px 8px;
  border: 1px solid rgba(237, 247, 247, 0.18);
  background: rgba(255, 255, 255, 0.035);
}

.risk-tag.ok {
  color: rgba(237, 247, 247, 0.58);
}

.risk-tag.warn {
  border-color: rgba(242, 199, 107, 0.45);
  color: var(--gold);
}

.compact-board-head {
  margin-bottom: 12px;
}

.ads-table {
  min-width: 1380px;
}

.ads-flow-board {
  margin-top: 16px;
}

.seller-table-controls {
  grid-template-columns: minmax(180px, 1fr) minmax(150px, 220px) auto;
  align-items: center;
}

.seller-table-controls input,
.seller-table-controls select {
  min-height: 40px;
  width: 100%;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.06);
  color: var(--text);
  padding: 0 12px;
  font: inherit;
}

.seller-table-controls span {
  color: var(--muted);
  font-size: 13px;
  text-align: right;
}

.source-chip {
  padding: 14px;
  border: 1px solid rgba(98, 216, 232, 0.32);
  background: rgba(98, 216, 232, 0.06);
}

.source-chip.warn {
  border-color: rgba(242, 199, 107, 0.42);
  background: rgba(242, 199, 107, 0.07);
}

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

.source-chip span {
  margin: 7px 0;
  color: var(--gold);
  font-weight: 800;
}

.source-chip small {
  color: var(--muted);
  line-height: 1.45;
}

.summary-card {
  padding: 14px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.045);
}

.summary-card span,
.summary-card small {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.summary-card strong {
  display: block;
  margin: 7px 0;
  line-height: 1.35;
}

.summary-card p {
  margin: 0 0 4px;
  color: rgba(237, 247, 247, 0.72);
  line-height: 1.45;
}

.compact-card strong {
  font-size: 14px;
}

.table-wrap {
  overflow-x: auto;
  border: 1px solid var(--line);
}

.data-table {
  width: 100%;
  min-width: 780px;
  border-collapse: collapse;
  background: rgba(255, 255, 255, 0.035);
}

.data-table th,
.data-table td {
  padding: 12px;
  border-bottom: 1px solid rgba(237, 247, 247, 0.1);
  text-align: left;
  vertical-align: top;
}

.data-table th {
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
}

.data-table td strong,
.data-table td small {
  display: block;
}

.data-table td small {
  margin-top: 4px;
  color: rgba(237, 247, 247, 0.58);
}

.empty-block {
  padding: 18px;
  border: 1px dashed rgba(237, 247, 247, 0.18);
  color: var(--muted);
}

.detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 330px);
  gap: 16px;
  align-items: start;
}

.detail-main,
.detail-side {
  display: grid;
  gap: 14px;
}

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

.detail-section {
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.04);
  padding: 14px;
}

.detail-section h3,
.section-headline h3 {
  margin: 0 0 12px;
  font-size: 18px;
}

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

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

.source-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.image-tile {
  position: relative;
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(237, 247, 247, 0.12);
  background: rgba(255, 255, 255, 0.04);
}

.image-tile img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  background: rgba(237, 247, 247, 0.06);
}

.image-tile span {
  overflow: hidden;
  color: rgba(237, 247, 247, 0.72);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.image-tile em {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 3px 7px;
  background: rgba(7, 16, 25, 0.78);
  border: 1px solid rgba(242, 199, 107, 0.42);
  color: var(--gold);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.copy-preview {
  max-height: 360px;
  margin: 0;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  color: rgba(237, 247, 247, 0.82);
  font: 13px/1.65 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.swatch-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 10px 0;
}

.swatch-row i {
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(237, 247, 247, 0.24);
}

.file-link {
  display: block;
  margin-top: 8px;
  color: var(--gold);
  word-break: break-word;
}

.ads-confirm-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  margin-top: 12px;
}

.ads-confirm-row input {
  min-width: 0;
  border: 1px solid rgba(237, 247, 247, 0.16);
  background: rgba(5, 13, 22, 0.7);
  color: var(--text);
  padding: 11px 12px;
  font: inherit;
}

.ads-confirm-row button[disabled] {
  cursor: not-allowed;
  opacity: 0.52;
}

.ads-execution-item {
  display: grid;
  gap: 4px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(237, 247, 247, 0.1);
}

@media (max-width: 860px) {
  .site-header,
  .hero,
  .module-grid,
  .contract-band,
  .ai-runtime-summary,
  .ai-part-grid,
  .workspace-grid,
  .metrics-grid,
  .seller-summary-grid,
  .seller-workflow-grid,
  .workflow-steps,
  .seller-source-grid,
  .seller-alert-grid,
  .seller-table-controls,
  .auth-notice,
  .detail-layout,
  .detail-summary,
  .image-grid,
  .source-grid {
    grid-template-columns: 1fr;
  }

  .site-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .site-nav {
    justify-content: flex-start;
  }

  .site-nav a,
  .primary-action,
  .secondary-action {
    flex: 1 1 auto;
  }

  .workspace-head {
    flex-direction: column;
  }

  .workspace-actions {
    width: 100%;
    justify-content: stretch;
  }

  .data-item,
  .data-item.no-cover {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .data-item.no-cover {
    grid-template-columns: 1fr;
  }

  .item-cover {
    width: 58px;
    height: 58px;
  }

  .data-item .compact {
    grid-column: 1 / -1;
  }

  .item-topline {
    flex-direction: column;
    gap: 6px;
  }

  .section-headline {
    align-items: stretch;
    flex-direction: column;
  }

  .ads-confirm-row {
    grid-template-columns: 1fr;
  }
}

/* Materials-style workbench skin shared by /site/ and /ads/. */
body.materials-skin,
body.ads-material-page {
  --mat-bg: #050608;
  --mat-panel: rgba(7, 16, 23, 0.76);
  --mat-panel-strong: rgba(255, 255, 255, 0.105);
  --mat-line: rgba(255, 255, 255, 0.16);
  --mat-text: #f8f3ea;
  --mat-muted: rgba(248, 243, 234, 0.66);
  --mat-gold: #f4d79f;
  --mat-cyan: #00e0ff;
  --mat-green: #21352a;
  --mat-coral: #d75d7a;
  --mat-radius: 8px;
  --mat-input-radius: 6px;
  min-height: 100vh;
  background:
    radial-gradient(circle at 12% 12%, rgba(0, 224, 255, 0.12), transparent 28%),
    radial-gradient(circle at 82% 6%, rgba(244, 215, 159, 0.14), transparent 30%),
    linear-gradient(145deg, #050608, #101614 52%, #090b0d);
  color: var(--mat-text);
}

body.ads-material-page::before,
body.materials-skin::before {
  content: "DYH TECH SHOP\A TAKEALOT";
  white-space: pre;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 0;
  width: min(104vw, 1180px);
  transform: translate(-50%, -50%);
  text-align: center;
  color: rgba(244, 215, 159, 0.12);
  font: 950 clamp(42px, 8vw, 136px)/0.88 ui-sans-serif, system-ui, sans-serif;
  letter-spacing: 0;
  pointer-events: none;
}

body.ads-material-page::before {
  content: "DYH TECH SHOP\A SPONSORED ADS";
}

body.shipments-page::before {
  content: "DYH TECH SHOP\A SHIPPED PO";
}

body.ads-material-page button,
body.ads-material-page input,
body.ads-material-page textarea,
body.ads-material-page select {
  font: inherit;
}

.ads-material-page .topbar {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(240px, 1fr) auto;
  gap: 16px;
  align-items: center;
  min-height: 210px;
  margin: 18px clamp(12px, 3vw, 34px) 0;
  padding: 22px clamp(16px, 4vw, 44px) 16px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--mat-radius);
  background: transparent;
}

.topbar-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  color: var(--mat-gold);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.topbar-brand img {
  width: 34px;
  height: 34px;
  display: block;
  object-fit: cover;
  border: 1px solid rgba(244, 215, 159, 0.42);
  background: rgba(5, 6, 8, 0.72);
}

.ads-material-page .topbar h1 {
  max-width: 860px;
  margin: 0;
  color: #fff;
  font-size: clamp(42px, 7vw, 104px);
  line-height: 0.92;
  letter-spacing: 0;
  font-weight: 950;
}

.ads-material-page .topbar p {
  max-width: 720px;
  margin: 14px 0 0;
  color: var(--mat-muted);
  line-height: 1.55;
}

.ads-material-page .status-strip {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.ads-material-page .pill,
.ads-material-page .back-link,
.ads-material-page .btn {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(244, 215, 159, 0.38);
  border-radius: var(--mat-radius);
  background: rgba(255, 255, 255, 0.08);
  color: var(--mat-text);
  font-weight: 900;
  text-decoration: none;
}

.ads-material-page .pill,
.ads-material-page .back-link {
  padding: 8px 10px;
  font-size: 13px;
}

.ads-material-page .btn {
  width: 100%;
  padding: 10px 13px;
  cursor: pointer;
}

.ads-material-page .btn.green {
  background: linear-gradient(135deg, #21352a, #101d18);
}

.ads-material-page .btn.blue {
  background: linear-gradient(135deg, #00a9c8, #21352a);
}

.ads-material-page .btn.gold {
  background: linear-gradient(135deg, #f4d79f, #6b5124);
  color: #15110a;
}

.ads-material-page .btn.coral {
  background: linear-gradient(135deg, #d75d7a, #50313b);
}

.ads-material-page .btn.secondary {
  background: rgba(255, 255, 255, 0.08);
}

.ads-material-page .btn:disabled {
  cursor: not-allowed;
  opacity: 0.52;
}

.ads-console-shell {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(320px, 430px) minmax(0, 1fr);
  gap: 22px;
  padding: 22px clamp(16px, 4vw, 44px) 44px;
}

.ads-material-page .workspace {
  display: grid;
  gap: 18px;
}

.ads-material-page .panel,
.ads-material-page .metric,
.ads-material-page .empty,
.ads-material-page .step-row,
.ads-material-page .ads-execution-item {
  border: 1px solid var(--mat-line);
  border-radius: var(--mat-radius);
  background: var(--mat-panel);
  box-shadow: 0 22px 64px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.ads-material-page .panel-head,
.ads-material-page .panel-body {
  padding: 16px;
}

.ads-material-page .panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(244, 215, 159, 0.16);
}

.ads-material-page .panel h2 {
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 950;
  letter-spacing: 0;
}

.ads-material-page .form-grid {
  display: grid;
  gap: 12px;
}

.ads-material-page label {
  display: grid;
  gap: 6px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  font-weight: 800;
}

.ads-material-page input,
.ads-material-page select {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: var(--mat-input-radius);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  padding: 10px 11px;
  outline: none;
}

.ads-material-page select {
  min-height: 42px;
  appearance: none;
}

.ads-material-page input[type="checkbox"] {
  width: 16px;
  min-width: 16px;
  height: 16px;
  padding: 0;
  accent-color: var(--mat-gold);
}

.ads-material-page input:focus,
.ads-material-page select:focus {
  border-color: var(--mat-gold);
  box-shadow: 0 0 0 3px rgba(244, 215, 159, 0.16);
}

.ads-material-page .ads-goal-control {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(244, 215, 159, 0.2);
  border-radius: var(--mat-radius);
  background: linear-gradient(135deg, rgba(244, 215, 159, 0.12), rgba(0, 224, 255, 0.05));
}

.ads-material-page .ads-goal-summary {
  display: grid;
  gap: 5px;
  color: var(--mat-muted);
  font-size: 12px;
  line-height: 1.5;
}

.ads-material-page .ads-goal-summary strong {
  color: var(--mat-gold);
  font-size: 14px;
}

.ads-material-page .run-banner {
  border: 1px solid rgba(244, 215, 159, 0.42);
  border-left: 6px solid var(--mat-gold);
  border-radius: var(--mat-radius);
  padding: 14px 16px;
  background: rgba(244, 215, 159, 0.16);
  color: #fff7df;
  font-weight: 900;
}

.ads-material-page .run-banner.success {
  border-left-color: #2fd18d;
  background: rgba(47, 209, 141, 0.14);
}

.ads-material-page .run-banner.error {
  border-left-color: #ff6b6b;
  background: rgba(255, 107, 107, 0.16);
}

.ads-material-page .run-banner.info {
  border-left-color: var(--mat-cyan);
  background: rgba(0, 224, 255, 0.12);
}

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

.ads-material-page .columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 14px;
}

.ads-material-page .metric {
  padding: 14px;
  border-top: 3px solid var(--mat-gold);
}

.ads-material-page .metric strong {
  display: block;
  margin-bottom: 3px;
  color: var(--mat-gold);
  font-size: 20px;
}

.ads-material-page .metric span {
  display: block;
  margin-top: 4px;
  color: var(--mat-muted);
  font-size: 13px;
  line-height: 1.45;
}

.ads-material-page .step-list {
  display: grid;
  gap: 10px;
}

.ads-material-page .step-row {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
}

.ads-material-page .step-row.current {
  border-color: rgba(244, 215, 159, 0.55);
  background: linear-gradient(135deg, rgba(244, 215, 159, 0.18), rgba(0, 224, 255, 0.07));
  box-shadow: inset 4px 0 0 var(--mat-gold);
}

.ads-material-page .step-row.done {
  border-color: rgba(47, 209, 141, 0.38);
  box-shadow: inset 4px 0 0 #2fd18d;
}

.ads-material-page .step-row.blocked {
  border-color: rgba(215, 93, 122, 0.48);
  box-shadow: inset 4px 0 0 var(--mat-coral);
}

.ads-material-page .step-index {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: var(--mat-gold);
  font-weight: 950;
}

.ads-material-page .step-title {
  color: #fff;
  font-weight: 950;
}

.ads-material-page .step-desc {
  margin-top: 3px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 13px;
}

.ads-material-page .step-tag {
  white-space: nowrap;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  padding: 7px 9px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 900;
}

.ads-material-page .risk-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 10px;
}

.ads-material-page .risk-tag {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 8px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  font-weight: 900;
}

.ads-material-page .risk-tag.ok {
  color: #9bf0c4;
  border-color: rgba(47, 209, 141, 0.38);
}

.ads-material-page .risk-tag.warn {
  color: var(--mat-gold);
  border-color: rgba(244, 215, 159, 0.42);
}

.ads-material-page .ads-table-wrap {
  overflow-x: auto;
}

.ads-material-page .ads-data-table {
  width: 100%;
  min-width: 1380px;
  border-collapse: collapse;
}

.ads-material-page .ads-data-table th,
.ads-material-page .ads-data-table td {
  padding: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  text-align: left;
  vertical-align: top;
}

.ads-material-page .ads-data-table th {
  color: var(--mat-muted);
  font-size: 12px;
  text-transform: uppercase;
}

.ads-material-page .ads-data-table td strong,
.ads-material-page .ads-data-table td small {
  display: block;
}

.ads-material-page .ads-data-table td small {
  margin-top: 4px;
  color: var(--mat-muted);
}

.ads-material-page .ads-execution-item {
  display: grid;
  gap: 6px;
  margin-top: 10px;
  padding: 12px;
}

.ads-material-page .ads-execution-item strong,
.ads-material-page .ads-execution-item span {
  overflow-wrap: anywhere;
}

.ads-material-page .ads-execution-item span {
  color: var(--mat-muted);
  font-size: 13px;
}

body.materials-skin .brand-backdrop {
  opacity: 0.12;
  color: var(--mat-gold);
}

body.materials-skin .site-header,
body.materials-skin .hero > div,
body.materials-skin .status-panel,
body.materials-skin .module-card,
body.materials-skin .contract-band,
body.materials-skin .ai-runtime-band,
body.materials-skin .workspace-panel,
body.materials-skin .unified-board,
body.materials-skin .info-card,
body.materials-skin .summary-card,
body.materials-skin .data-item {
  border-color: var(--mat-line);
  border-radius: var(--mat-radius);
  background: var(--mat-panel);
  box-shadow: 0 22px 64px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body.materials-skin .site-header {
  margin-top: 18px;
  padding: 18px;
}

body.materials-skin .brand-mark,
body.materials-skin .site-nav a,
body.materials-skin .primary-action,
body.materials-skin .secondary-action,
body.materials-skin .icon-button,
body.materials-skin .status-pill {
  border-radius: var(--mat-radius);
}

body.materials-skin .primary-action {
  background: linear-gradient(135deg, #9d793f, #21352a 68%, #071017);
  color: #fff;
}

body.materials-skin .secondary-action,
body.materials-skin .site-nav a {
  background: rgba(255, 255, 255, 0.08);
  color: var(--mat-text);
}

body.materials-skin h1 {
  color: #fff;
  font-size: clamp(44px, 7vw, 96px);
  line-height: 0.94;
}

body.materials-skin h2,
body.materials-skin .module-card h2 {
  color: #fff;
}

body.materials-skin .hero-copy,
body.materials-skin .module-card p,
body.materials-skin .workspace-head p,
body.materials-skin .summary-card p,
body.materials-skin .info-card small {
  color: var(--mat-muted);
}

@media (max-width: 980px) {
  .ads-material-page .topbar,
  .ads-console-shell,
  .ads-material-page .summary-grid,
  .ads-material-page .columns {
    grid-template-columns: 1fr;
  }

  .ads-material-page .status-strip {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  body.ads-material-page::before,
  body.materials-skin::before {
    font-size: clamp(34px, 11vw, 58px);
  }

  .ads-material-page .topbar {
    min-height: 170px;
    margin: 10px;
    padding: 18px;
  }

  .ads-material-page .topbar h1 {
    font-size: clamp(38px, 13vw, 64px);
  }

  .ads-console-shell {
    gap: 12px;
    padding: 12px 10px 28px;
  }

  .ads-material-page .panel-head {
    align-items: stretch;
    flex-direction: column;
  }

  .ads-material-page .step-row {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .ads-material-page .step-tag {
    grid-column: 2;
    width: fit-content;
  }
}

/* Final glass skin: transparent containers for the unified site and Ads branch. */
body.materials-skin,
body.ads-material-page {
  --mat-panel: rgba(255, 255, 255, 0.072);
  --mat-panel-strong: rgba(255, 255, 255, 0.12);
  --mat-line: rgba(255, 255, 255, 0.22);
  --mat-soft-line: rgba(244, 215, 159, 0.28);
  --mat-glow: rgba(0, 224, 255, 0.14);
  --mat-warm-glow: rgba(244, 215, 159, 0.16);
  --glass-surface:
    linear-gradient(145deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.055)),
    linear-gradient(115deg, rgba(0, 224, 255, 0.13), transparent 34%, rgba(244, 215, 159, 0.1) 58%, transparent 72%),
    rgba(7, 16, 23, 0.34);
  --glass-surface-soft:
    linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.045)),
    rgba(7, 16, 23, 0.26);
  background:
    radial-gradient(circle at 12% 10%, rgba(0, 224, 255, 0.18), transparent 28%),
    radial-gradient(circle at 86% 8%, rgba(244, 215, 159, 0.2), transparent 32%),
    radial-gradient(circle at 70% 72%, rgba(215, 93, 122, 0.11), transparent 36%),
    linear-gradient(116deg, rgba(244, 215, 159, 0.14), transparent 19%, rgba(0, 224, 255, 0.1) 42%, transparent 66%),
    linear-gradient(145deg, #050608, #101614 52%, #090b0d);
}

body.materials-skin::before,
body.ads-material-page::before {
  top: 12px;
  color: transparent;
  -webkit-text-stroke: 1px rgba(244, 215, 159, 0.44);
  text-shadow: 0 0 30px rgba(0, 224, 255, 0.24), 0 0 58px rgba(244, 215, 159, 0.2);
  opacity: 0.58;
  mix-blend-mode: screen;
}

body.materials-skin .site-header,
body.materials-skin .hero > div,
body.materials-skin .status-panel,
body.materials-skin .module-card,
body.materials-skin .contract-band,
body.materials-skin .ai-runtime-band,
body.materials-skin .workspace-panel,
body.materials-skin .unified-board,
body.materials-skin .info-card,
body.materials-skin .summary-card,
body.materials-skin .data-item,
.ads-material-page .topbar,
.ads-material-page .panel,
.ads-material-page .metric,
.ads-material-page .empty,
.ads-material-page .step-row,
.ads-material-page .ads-execution-item,
.ads-material-page .run-banner {
  border: 1px solid var(--mat-line);
  background: var(--glass-surface);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 -1px 0 rgba(255, 255, 255, 0.04),
    0 26px 78px rgba(0, 0, 0, 0.34),
    0 0 38px var(--mat-glow);
  -webkit-backdrop-filter: blur(22px) saturate(132%);
  backdrop-filter: blur(22px) saturate(132%);
}

body.materials-skin .site-header,
.ads-material-page .topbar {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.065)),
    linear-gradient(108deg, rgba(0, 224, 255, 0.18), transparent 34%, rgba(244, 215, 159, 0.14) 58%, transparent 72%, rgba(215, 93, 122, 0.1)),
    rgba(7, 16, 23, 0.28);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 34px 100px rgba(0, 0, 0, 0.38),
    0 0 58px rgba(0, 224, 255, 0.12);
}

body.materials-skin .site-nav a,
body.materials-skin .primary-action,
body.materials-skin .secondary-action,
body.materials-skin .icon-button,
body.materials-skin .status-pill,
body.materials-skin input,
body.materials-skin select,
.ads-material-page .pill,
.ads-material-page .back-link,
.ads-material-page .btn,
.ads-material-page input,
.ads-material-page .risk-tag,
.ads-material-page .step-tag {
  border: 1px solid var(--mat-soft-line);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.045)),
    rgba(255, 255, 255, 0.055);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 12px 30px rgba(0, 0, 0, 0.22);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
  backdrop-filter: blur(16px) saturate(130%);
}

body.materials-skin .primary-action,
.ads-material-page .btn.green,
.ads-material-page .btn.blue,
.ads-material-page .btn.coral {
  background:
    linear-gradient(135deg, rgba(244, 215, 159, 0.22), rgba(0, 224, 255, 0.1) 52%, rgba(215, 93, 122, 0.08)),
    rgba(255, 255, 255, 0.075);
  color: #fff;
}

body.materials-skin .site-nav a:hover,
body.materials-skin .primary-action:hover,
body.materials-skin .secondary-action:hover,
body.materials-skin .icon-button:hover,
.ads-material-page .btn:hover,
.ads-material-page .back-link:hover {
  border-color: rgba(244, 215, 159, 0.68);
  background:
    linear-gradient(135deg, rgba(244, 215, 159, 0.3), rgba(0, 224, 255, 0.15) 58%, rgba(215, 93, 122, 0.1)),
    rgba(255, 255, 255, 0.1);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 18px 44px rgba(0, 0, 0, 0.3),
    0 0 26px rgba(0, 224, 255, 0.14),
    0 0 20px rgba(244, 215, 159, 0.12);
}

/* Ads page is an operations console, so its header stays compact instead of hero-sized. */
.ads-diagnostic-page .ads-topbar {
  grid-template-columns: minmax(360px, 1fr) minmax(360px, auto);
  min-height: auto;
  margin: 12px clamp(12px, 3vw, 34px) 0;
  padding: 12px clamp(14px, 3vw, 28px);
  gap: 14px;
  align-items: center;
}

.ads-diagnostic-page .ads-topbar > div:first-child {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 12px;
  row-gap: 3px;
  align-items: center;
  min-width: 0;
}

.ads-diagnostic-page .ads-topbar .topbar-brand {
  grid-row: 1 / span 2;
  margin: 0;
  gap: 8px;
  white-space: nowrap;
}

.ads-diagnostic-page .ads-topbar .topbar-brand img {
  width: 28px;
  height: 28px;
}

.ads-diagnostic-page .ads-topbar h1 {
  max-width: none;
  font-size: 24px;
  line-height: 1.05;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ads-diagnostic-page .ads-topbar p {
  max-width: none;
  margin: 0;
  font-size: 13px;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ads-diagnostic-page .ads-topbar .status-strip {
  display: grid;
  grid-template-columns: repeat(5, max-content);
  justify-content: end;
  align-items: center;
  gap: 6px;
}

.ads-diagnostic-page .ads-topbar .pill,
.ads-diagnostic-page .ads-topbar .back-link {
  min-height: 30px;
  padding: 5px 9px;
  font-size: 12px;
}

@media (max-width: 980px) {
  .ads-diagnostic-page .ads-topbar {
    grid-template-columns: 1fr;
  }

  .ads-diagnostic-page .ads-topbar .status-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-content: stretch;
  }

  .ads-diagnostic-page .ads-topbar .pill,
  .ads-diagnostic-page .ads-topbar .back-link {
    width: 100%;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 560px) {
  .ads-diagnostic-page .ads-topbar {
    margin-top: 8px;
    padding: 10px;
  }

  .ads-diagnostic-page .ads-topbar > div:first-child {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .ads-diagnostic-page .ads-topbar .topbar-brand {
    grid-row: auto;
  }

  .ads-diagnostic-page .ads-topbar h1 {
    font-size: 21px;
  }

  .ads-diagnostic-page .ads-topbar p {
    white-space: normal;
  }

  .ads-diagnostic-page .ads-topbar .status-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.ads-material-page .run-banner.info,
.ads-material-page .run-banner.success,
.ads-material-page .run-banner.error {
  background: var(--glass-surface-soft);
}

.ads-material-page .ads-data-table th,
.ads-material-page .ads-data-table td,
body.materials-skin .data-table th,
body.materials-skin .data-table td {
  background: rgba(255, 255, 255, 0.018);
}

.ads-material-page .ads-data-table tbody tr:hover td,
body.materials-skin .data-table tbody tr:hover td {
  background: rgba(255, 255, 255, 0.055);
}

.ads-material-page .ads-input-table th,
.ads-material-page .ads-input-table td {
  min-width: 110px;
}

.ads-material-page .ads-input-table .title-cell {
  min-width: 280px;
  max-width: 360px;
}

.ads-material-page .ads-cost-toolbar {
  display: grid;
  grid-template-columns: minmax(190px, 260px) auto minmax(220px, 1fr);
  gap: 12px;
  align-items: end;
  margin-bottom: 14px;
}

.ads-material-page .ads-cost-toolbar .btn {
  min-height: 42px;
}

.ads-material-page .ads-rate-note {
  align-self: center;
  color: var(--mat-muted);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.5;
}

.ads-material-page .ads-cost-wrap {
  max-height: min(560px, 62vh);
}

.ads-material-page .ads-cost-table {
  min-width: 1480px;
}

.ads-material-page .ads-cost-table th,
.ads-material-page .ads-cost-table td {
  min-width: 96px;
}

.ads-material-page .ads-cost-table .title-cell {
  min-width: 220px;
  max-width: 320px;
}

.ads-material-page .ads-cost-table .title-cell span {
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ads-material-page .ads-product-cell {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.ads-material-page .ads-sku-thumb,
.ads-material-page .ads-cost-thumb {
  width: 64px;
  height: 64px;
  border-radius: 8px;
  object-fit: cover;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.16);
}

.ads-material-page .ads-sku-thumb.placeholder,
.ads-material-page .ads-cost-thumb.placeholder,
.ads-material-page .ads-visual-thumb.placeholder {
  display: grid;
  place-items: center;
  color: var(--mat-muted);
  font-size: 11px;
  font-weight: 900;
}

.ads-material-page .ads-inline-input,
.ads-material-page select.ads-inline-input {
  width: 112px;
  min-height: 38px;
  color: #fff;
}

.ads-material-page .ads-cost-table .ads-inline-input {
  width: 128px;
}

.ads-material-page .ads-muted-value {
  display: inline-flex;
  color: var(--mat-muted);
  font-size: 12px;
  font-weight: 850;
}

.ads-material-page .ads-muted-value.strong {
  color: rgba(255, 255, 255, 0.84);
}

.ads-material-page select.ads-inline-input {
  appearance: none;
  padding-right: 26px;
}

.ads-material-page .ads-table-wrap.compact {
  margin-top: 14px;
}

.ads-material-page .ads-roi-summary {
  margin-bottom: 14px;
}

.ads-material-page .ads-active-visual-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(31, 206, 177, 0.1), rgba(242, 199, 107, 0.11));
  padding: 12px 14px;
}

.ads-material-page .ads-active-visual-header div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.ads-material-page .ads-active-visual-header strong {
  color: #fff;
  font-size: 15px;
}

.ads-material-page .ads-active-visual-header span,
.ads-material-page .ads-active-visual-header small {
  color: var(--mat-muted);
  font-size: 12px;
  line-height: 1.45;
}

.ads-material-page .ads-active-visual-header small {
  flex: 0 0 auto;
  border: 1px solid rgba(242, 199, 107, 0.26);
  border-radius: 999px;
  background: rgba(242, 199, 107, 0.09);
  padding: 7px 10px;
  color: rgba(255, 232, 184, 0.92);
  font-weight: 850;
}

.ads-material-page .ads-active-note {
  display: grid;
  gap: 4px;
  margin-bottom: 14px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.045);
  padding: 10px 12px;
}

.ads-material-page .ads-active-note strong {
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  font-weight: 900;
}

.ads-material-page .ads-active-note span {
  color: var(--mat-muted);
  font-size: 11px;
  line-height: 1.5;
}

.ads-material-page .ads-active-note.capture-quality {
  margin-bottom: 14px;
}

.ads-material-page .ads-active-note.capture-quality.ok {
  border-color: rgba(77, 214, 154, 0.28);
  background: rgba(77, 214, 154, 0.075);
}

.ads-material-page .ads-active-note.capture-quality.warn {
  border-color: rgba(242, 199, 107, 0.34);
  background: rgba(242, 199, 107, 0.075);
}

.ads-material-page .ads-active-note.mission-loop.ok {
  border-color: rgba(77, 214, 154, 0.28);
  background: rgba(77, 214, 154, 0.065);
}

.ads-material-page .ads-active-note.mission-loop.info {
  border-color: rgba(77, 164, 255, 0.28);
  background: rgba(77, 164, 255, 0.065);
}

.ads-material-page .ads-active-note.mission-loop.warn {
  border-color: rgba(242, 199, 107, 0.34);
  background: rgba(242, 199, 107, 0.075);
}

.ads-material-page .ads-active-note.capture-quality small {
  color: rgba(255, 232, 184, 0.86);
  font-size: 11px;
  line-height: 1.45;
}

.ads-material-page .ads-active-note.mission-loop small {
  color: rgba(255, 232, 184, 0.86);
  font-size: 11px;
  line-height: 1.45;
}

.ads-material-page .ads-active-campaign-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin-bottom: 14px;
}

.ads-material-page .ads-active-card {
  display: block;
  min-width: 0;
  border: 1px solid var(--mat-line);
  border-radius: var(--mat-radius);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025)),
    var(--glass-surface-soft);
  padding: 12px;
}

.ads-material-page .ads-active-card.pending {
  border-color: rgba(244, 215, 159, 0.38);
}

.ads-material-page .ads-active-card-main {
  display: grid;
  min-width: 0;
  gap: 10px;
}

.ads-material-page .ads-campaign-card-head {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.ads-material-page .ads-active-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.ads-material-page .ads-active-title strong {
  min-width: 0;
  overflow: hidden;
  color: #fff;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ads-material-page .ads-campaign-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.ads-material-page .ads-campaign-card-meta span {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--mat-muted);
  font-size: 10px;
  font-weight: 800;
  padding: 3px 7px;
}

.ads-material-page .ads-execution-memory,
.ads-material-page .ads-report-memory {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  border: 1px solid rgba(74, 222, 128, 0.2);
  border-radius: 7px;
  background: rgba(74, 222, 128, 0.07);
  color: rgba(220, 252, 231, 0.94);
  font-size: 10.5px;
  font-weight: 820;
  line-height: 1.45;
  padding: 7px 8px;
}

.ads-material-page .ads-execution-memory.waiting {
  border-color: rgba(244, 215, 159, 0.24);
  background: rgba(244, 215, 159, 0.075);
  color: rgba(255, 242, 210, 0.94);
}

.ads-material-page .ads-execution-memory strong {
  color: #fff;
}

.ads-material-page .ads-report-memory {
  margin: 0 0 2px;
}

.ads-material-page .ads-active-product {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.045);
  padding: 8px;
}

.ads-material-page .ads-active-product .ads-visual-thumb {
  width: 84px;
  height: 84px;
  border-radius: 8px;
  object-fit: cover;
}

.ads-material-page .ads-active-product-text {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.ads-material-page .ads-active-product-text strong {
  display: -webkit-box;
  overflow: hidden;
  color: #fff;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ads-material-page .ads-active-product-text {
  max-width: 100%;
}

.ads-material-page .ads-active-card-main small {
  overflow: hidden;
  color: var(--mat-muted);
  font-size: 11px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ads-material-page .ads-active-product-text small {
  white-space: normal;
}

.ads-material-page .ads-active-flow {
  display: grid;
  gap: 7px;
}

.ads-material-page .ads-flow-row {
  display: grid;
  grid-template-columns: 34px minmax(58px, 1fr) minmax(48px, auto);
  gap: 8px;
  align-items: center;
}

.ads-material-page .ads-flow-row span,
.ads-material-page .ads-flow-row strong {
  color: var(--mat-muted);
  font-size: 11px;
  font-weight: 850;
}

.ads-material-page .ads-flow-row strong {
  color: rgba(255, 255, 255, 0.86);
  text-align: right;
}

.ads-material-page .ads-flow-track {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.075);
}

.ads-material-page .ads-flow-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(31, 206, 177, 0.82), rgba(242, 199, 107, 0.9));
}

.ads-material-page .ads-flow-row.impressions .ads-flow-track i {
  background: linear-gradient(90deg, rgba(111, 213, 255, 0.78), rgba(31, 206, 177, 0.82));
}

.ads-material-page .ads-flow-row.clicks .ads-flow-track i {
  background: linear-gradient(90deg, rgba(242, 199, 107, 0.82), rgba(255, 141, 119, 0.86));
}

.ads-material-page .ads-active-pulse {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.ads-material-page .ads-active-pulse span {
  display: grid;
  min-width: 0;
  gap: 2px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.05);
  padding: 7px;
}

.ads-material-page .ads-active-pulse strong {
  overflow: hidden;
  color: #fff;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ads-material-page .ads-active-pulse small {
  color: var(--mat-muted);
  font-size: 10px;
}

.ads-material-page .ads-analysis-panel {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(111, 213, 255, 0.16);
  border-radius: 8px;
  background: rgba(111, 213, 255, 0.045);
  padding: 9px;
}

.ads-material-page .ads-analysis-panel.empty-analysis {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.035);
}

.ads-material-page .ads-analysis-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.ads-material-page .ads-analysis-head.secondary {
  margin-top: 2px;
}

.ads-material-page .ads-analysis-head strong {
  color: rgba(255, 255, 255, 0.92);
  font-size: 12px;
  font-weight: 900;
}

.ads-material-page .ads-analysis-head span {
  color: var(--mat-muted);
  font-size: 11px;
}

.ads-material-page .ads-analysis-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
}

.ads-material-page .ads-analysis-grid.compact {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ads-material-page .ads-analysis-grid span {
  display: grid;
  min-width: 0;
  gap: 2px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.045);
  padding: 7px;
}

.ads-material-page .ads-analysis-grid span.no-info {
  opacity: 0.62;
}

.ads-material-page .ads-analysis-grid strong {
  overflow: hidden;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ads-material-page .ads-analysis-grid small {
  color: var(--mat-muted);
  font-size: 10px;
}

.ads-material-page .ads-keyword-cloud {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(31, 206, 177, 0.16);
  border-radius: 8px;
  background: rgba(31, 206, 177, 0.045);
  padding: 9px;
}

.ads-material-page .ads-keyword-cloud.empty-keywords {
  border-color: rgba(244, 215, 159, 0.28);
  background: rgba(244, 215, 159, 0.055);
}

.ads-material-page .ads-keyword-cloud-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.ads-material-page .ads-keyword-cloud-head strong,
.ads-material-page .ads-keyword-cloud.empty-keywords strong {
  color: rgba(255, 255, 255, 0.92);
  font-size: 12px;
  font-weight: 900;
}

.ads-material-page .ads-keyword-cloud-head span,
.ads-material-page .ads-keyword-cloud.empty-keywords span {
  color: var(--mat-muted);
  font-size: 11px;
}

.ads-material-page .ads-keyword-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.ads-material-page .ads-keyword-performance {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(77, 164, 255, 0.18);
  border-radius: 8px;
  background: rgba(77, 164, 255, 0.045);
  padding: 9px;
}

.ads-material-page .ads-keyword-performance.empty {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
}

.ads-material-page .ads-keyword-performance-list {
  display: grid;
  gap: 6px;
}

.ads-material-page .ads-keyword-performance-row {
  display: grid;
  grid-template-columns: minmax(110px, 1.5fr) repeat(7, minmax(58px, 1fr));
  gap: 5px;
  align-items: stretch;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.052);
  padding: 6px;
}

.ads-material-page .ads-keyword-performance-row div,
.ads-material-page .ads-keyword-performance-row span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.ads-material-page .ads-keyword-performance-row strong,
.ads-material-page .ads-keyword-performance-row b {
  overflow: hidden;
  color: rgba(255, 255, 255, 0.94);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ads-material-page .ads-keyword-performance-row small {
  overflow: hidden;
  color: var(--mat-muted);
  font-size: 9.5px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ads-material-page .ads-keyword-chip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px 7px;
  min-width: min(100%, 168px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.055);
  padding: 7px;
}

@media (max-width: 640px) {
  .ads-material-page .ads-active-visual-header {
    grid-template-columns: 1fr;
  }

  .ads-material-page .ads-active-product {
    grid-template-columns: 72px minmax(0, 1fr);
  }

  .ads-material-page .ads-active-product .ads-visual-thumb {
    width: 72px;
    height: 72px;
  }

  .ads-material-page .ads-active-pulse {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ads-material-page .ads-keyword-performance-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ads-material-page .ads-analysis-grid,
  .ads-material-page .ads-analysis-grid.compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.ads-material-page .ads-keyword-chip small {
  grid-column: 1 / -1;
  color: var(--mat-muted);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.ads-material-page .ads-keyword-chip strong {
  overflow: hidden;
  color: #fff;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ads-material-page .ads-keyword-chip em {
  color: rgba(255, 232, 184, 0.92);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
}

.ads-material-page .ads-keyword-data {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3px;
  margin-top: 2px;
}

.ads-material-page .ads-keyword-data b {
  overflow: hidden;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--mat-muted);
  font-size: 9.5px;
  font-weight: 800;
  padding: 3px 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ads-material-page .ads-keyword-chip i {
  grid-column: 1 / -1;
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
}

.ads-material-page .ads-keyword-chip b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: rgba(31, 206, 177, 0.84);
}

.ads-material-page .ads-keyword-chip.hot b {
  background: rgba(255, 141, 119, 0.88);
}

.ads-material-page .ads-keyword-chip.live {
  border-color: rgba(74, 222, 128, 0.26);
  background: rgba(74, 222, 128, 0.075);
}

.ads-material-page .ads-keyword-chip.live b {
  background: rgba(74, 222, 128, 0.86);
}

.ads-material-page .ads-keyword-chip.warn {
  border-color: rgba(244, 215, 159, 0.27);
}

.ads-material-page .ads-keyword-chip.warn b {
  background: rgba(242, 199, 107, 0.9);
}

.ads-diagnostic-page .ads-command-grid {
  display: grid;
  grid-template-columns: minmax(180px, 240px) minmax(190px, 260px) minmax(260px, 1fr);
  gap: 12px;
  align-items: stretch;
}

.ads-diagnostic-page .ads-command-status {
  margin: 0;
  min-height: 0;
  padding: 12px 14px;
}

.ads-diagnostic-page .ads-console-shell.diagnostic-full {
  grid-template-columns: 1fr;
  max-width: 1500px;
}

.ads-diagnostic-page .ads-console-shell.diagnostic-full > .panel {
  position: static;
}

.ads-diagnostic-page .workspace {
  width: 100%;
}

.ads-diagnostic-page .ads-command-center {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.8fr);
  gap: 14px;
  align-items: center;
}

.ads-diagnostic-page .ads-command-copy {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.ads-diagnostic-page .ads-command-copy h2 {
  margin: 0;
}

.ads-diagnostic-page .ads-command-copy p {
  max-width: 760px;
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 13px;
  line-height: 1.55;
}

.ads-diagnostic-page .ads-command-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.ads-diagnostic-page .ads-command-actions .btn {
  width: 100%;
  min-height: 40px;
  padding: 0 12px;
}

.ads-diagnostic-page .ads-command-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  grid-column: 1 / -1;
}

.ads-diagnostic-page .ads-command-center .ads-command-status {
  grid-column: 1 / -1;
}

.ads-diagnostic-page .ads-secondary-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px;
}

.ads-diagnostic-page .ads-core-panel .panel-head {
  align-items: flex-start;
  gap: 14px;
  white-space: normal;
}

.ads-diagnostic-page .ads-panel-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  min-width: min(100%, 520px);
}

.ads-diagnostic-page .ads-panel-actions .btn {
  width: auto;
  min-height: 36px;
  padding: 0 12px;
  white-space: nowrap;
}

.ads-diagnostic-page .ads-analysis-actions {
  min-width: min(100%, 360px);
}

.ads-diagnostic-page .ads-command-status.embedded {
  margin-bottom: 2px;
}

.ads-diagnostic-page .ads-core-panel .panel-body {
  display: grid;
  gap: 14px;
}

.ads-diagnostic-page .ads-active-visual-header.diagnostic {
  margin-bottom: 0;
}

.ads-diagnostic-page .ads-dashboard-kpis {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.ads-diagnostic-page .ads-ranking-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.ads-diagnostic-page .ads-ranking-card,
.ads-diagnostic-page .ads-line-card,
.ads-diagnostic-page .ads-capture-card {
  display: grid;
  min-width: 0;
  gap: 8px;
  border: 1px solid var(--mat-line);
  border-radius: 8px;
  background: var(--glass-surface-soft);
  padding: 12px;
}

.ads-diagnostic-page .ads-ranking-card strong,
.ads-diagnostic-page .ads-line-card strong,
.ads-diagnostic-page .ads-capture-card strong {
  color: #fff;
  font-size: 13px;
  font-weight: 950;
}

.ads-diagnostic-page .ads-ranking-card span,
.ads-diagnostic-page .ads-capture-card span,
.ads-diagnostic-page .ads-capture-card small {
  color: var(--mat-muted);
  font-size: 11px;
  line-height: 1.4;
}

.ads-diagnostic-page .ads-capture-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.ads-diagnostic-page .ads-capture-card-head div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.ads-diagnostic-page .ads-capture-card-head small {
  flex: 0 0 auto;
  border: 1px solid rgba(244, 215, 159, 0.18);
  border-radius: 999px;
  background: rgba(244, 215, 159, 0.07);
  padding: 6px 9px;
  color: rgba(244, 215, 159, 0.9);
  font-weight: 850;
}

.ads-diagnostic-page .ads-capture-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.ads-diagnostic-page .ads-capture-step {
  display: grid;
  gap: 4px;
  min-height: 66px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
  padding: 8px;
}

.ads-diagnostic-page .ads-capture-step strong {
  color: rgba(255, 255, 255, 0.9);
  font-size: 11px;
  font-weight: 950;
}

.ads-diagnostic-page .ads-capture-step small {
  color: rgba(255, 255, 255, 0.56);
}

.ads-diagnostic-page .ads-capture-step.done {
  border-color: rgba(73, 223, 152, 0.26);
  background: rgba(73, 223, 152, 0.06);
}

.ads-diagnostic-page .ads-capture-step.current {
  border-color: rgba(0, 224, 255, 0.24);
  background: rgba(0, 224, 255, 0.055);
}

.ads-diagnostic-page .ads-capture-step.warn {
  border-color: rgba(244, 215, 159, 0.28);
  background: rgba(244, 215, 159, 0.065);
}

.ads-diagnostic-page .ads-capture-step.blocked {
  border-color: rgba(255, 154, 168, 0.26);
  background: rgba(255, 154, 168, 0.055);
}

.ads-diagnostic-page .ads-capture-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.ads-diagnostic-page .ads-capture-meta span {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  padding: 6px 8px;
}

.ads-diagnostic-page .ads-capture-live {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.ads-diagnostic-page .ads-capture-live span {
  display: grid;
  gap: 4px;
  min-width: 0;
  border: 1px solid rgba(0, 224, 255, 0.16);
  border-radius: 8px;
  background: rgba(0, 224, 255, 0.045);
  padding: 8px;
}

.ads-diagnostic-page .ads-capture-live strong {
  color: rgba(255, 255, 255, 0.92);
  font-size: 11px;
}

.ads-diagnostic-page .ads-capture-live small {
  overflow: hidden;
  color: rgba(255, 255, 255, 0.62);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ads-diagnostic-page .ads-ranking-card b {
  color: rgba(244, 215, 159, 0.95);
  font-weight: 950;
}

.ads-diagnostic-page .ads-active-campaign-grid.diagnostic {
  margin-bottom: 0;
}

.ads-diagnostic-page .ads-active-card.diagnostic {
  border-color: rgba(255, 255, 255, 0.14);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.028)),
    var(--glass-surface-soft);
  padding: 14px;
}

.ads-diagnostic-page .ads-active-pulse.wide {
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 8px;
}

.ads-diagnostic-page .ads-active-pulse.wide span {
  min-height: 58px;
  justify-content: center;
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.06);
  padding: 9px;
}

.ads-diagnostic-page .ads-active-pulse.wide strong {
  font-size: 14px;
  font-weight: 950;
}

.ads-diagnostic-page .ads-active-pulse.wide small {
  font-size: 10.5px;
  font-weight: 850;
  letter-spacing: 0;
}

.ads-diagnostic-page .ads-active-flow.diagnostic {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 12px;
}

.ads-diagnostic-page .ads-flow-row.ctr .ads-flow-track i {
  background: linear-gradient(90deg, rgba(0, 224, 255, 0.72), rgba(244, 215, 159, 0.72));
}

.ads-diagnostic-page .ads-flow-row.cpc .ads-flow-track i {
  background: linear-gradient(90deg, rgba(255, 141, 119, 0.82), rgba(215, 93, 122, 0.66));
}

.ads-diagnostic-page .ads-flow-row.roas .ads-flow-track i {
  background: linear-gradient(90deg, rgba(47, 209, 141, 0.86), rgba(244, 215, 159, 0.62));
}

.ads-diagnostic-page .ads-mini-trend {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  padding: 10px;
}

.ads-diagnostic-page .ads-mini-trend > strong {
  color: rgba(255, 255, 255, 0.92);
  font-size: 12px;
  font-weight: 950;
}

.ads-diagnostic-page .ads-mini-trend > span {
  color: var(--mat-muted);
  font-size: 11px;
}

.ads-diagnostic-page .ads-chart-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.ads-diagnostic-page .ads-line-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.ads-diagnostic-page .ads-line-head span {
  color: rgba(244, 215, 159, 0.96);
  font-size: 12px;
  font-weight: 950;
}

.ads-diagnostic-page .ads-sparkline {
  width: 100%;
  min-height: 86px;
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0 1px, transparent 1px 34px);
}

.ads-diagnostic-page svg.ads-sparkline path {
  fill: none;
  stroke: rgba(255, 255, 255, 0.16);
  stroke-width: 1;
}

.ads-diagnostic-page svg.ads-sparkline polyline {
  fill: none;
  stroke: rgba(244, 215, 159, 0.92);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3;
  filter: drop-shadow(0 0 8px rgba(0, 224, 255, 0.22));
}

.ads-diagnostic-page svg.ads-sparkline circle {
  fill: rgba(0, 224, 255, 0.95);
  stroke: rgba(255, 255, 255, 0.72);
  stroke-width: 1;
}

.ads-diagnostic-page .ads-sparkline.empty {
  display: grid;
  min-height: 86px;
  place-items: center;
  color: var(--mat-muted);
  font-size: 12px;
  font-weight: 850;
}

.ads-diagnostic-page .ads-ai-summary {
  margin-bottom: 12px;
}

.ads-diagnostic-page .ads-ai-action-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid rgba(77, 164, 255, 0.22);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(77, 164, 255, 0.1), rgba(31, 206, 177, 0.06));
  padding: 14px;
}

.ads-diagnostic-page .ads-ai-action-card div {
  display: grid;
  min-width: 0;
  gap: 6px;
}

.ads-diagnostic-page .ads-ai-action-card strong {
  color: #fff;
  font-size: 14px;
  font-weight: 950;
}

.ads-diagnostic-page .ads-ai-action-card span {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  line-height: 1.5;
}

.ads-diagnostic-page .ads-ai-action-card .btn {
  width: auto;
  min-width: 150px;
  min-height: 38px;
  padding: 0 14px;
}

.ads-diagnostic-page .risk-tag.bad {
  color: #ff9aa8;
  border-color: rgba(255, 154, 168, 0.48);
}

.ads-diagnostic-page .ads-campaign-report-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-bottom: 12px;
}

.ads-diagnostic-page .ads-campaign-report-card {
  border: 1px solid var(--mat-line);
  border-radius: var(--mat-radius);
  background: var(--glass-surface-soft);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 18px 44px rgba(0, 0, 0, 0.16);
  padding: 14px;
}

.ads-diagnostic-page .ads-campaign-report-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.ads-diagnostic-page .ads-campaign-report-head div {
  min-width: 0;
}

.ads-diagnostic-page .ads-campaign-report-head small {
  display: block;
  margin-bottom: 4px;
  color: var(--mat-muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.ads-diagnostic-page .ads-campaign-report-head strong {
  display: block;
  color: var(--mat-text);
  font-size: 16px;
  font-weight: 950;
  line-height: 1.25;
}

.ads-diagnostic-page .ads-campaign-report-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 10px;
}

.ads-diagnostic-page .ads-campaign-report-meta span {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.68);
  font-size: 12px;
  font-weight: 850;
  padding: 5px 8px;
}

.ads-diagnostic-page .ads-campaign-report-card p {
  margin: 0 0 10px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
  font-weight: 760;
  line-height: 1.55;
}

.ads-diagnostic-page .ads-fact-pack {
  display: grid;
  gap: 9px;
  margin: 10px 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.045);
  padding: 10px;
}

.ads-diagnostic-page .ads-fact-pack-head,
.ads-diagnostic-page .ads-fact-subline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.ads-diagnostic-page .ads-fact-pack-head strong {
  color: var(--mat-gold);
  font-size: 12px;
  font-weight: 950;
}

.ads-diagnostic-page .ads-fact-pack-head span,
.ads-diagnostic-page .ads-fact-subline span {
  color: rgba(255, 255, 255, 0.66);
  font-size: 12px;
  font-weight: 760;
}

.ads-diagnostic-page .ads-fact-subline.strong span {
  color: rgba(255, 255, 255, 0.82);
}

.ads-diagnostic-page .ads-fact-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 7px;
}

.ads-diagnostic-page .ads-fact-metric {
  display: grid;
  gap: 3px;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.14);
  padding: 8px;
}

.ads-diagnostic-page .ads-fact-metric small,
.ads-diagnostic-page .ads-fact-metric em {
  color: rgba(255, 255, 255, 0.56);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
}

.ads-diagnostic-page .ads-fact-metric strong {
  color: var(--mat-text);
  font-size: 13px;
  font-weight: 950;
}

.ads-diagnostic-page .ads-fact-metric.up em {
  color: #86efac;
}

.ads-diagnostic-page .ads-fact-metric.down em {
  color: #ff9aa8;
}

.ads-diagnostic-page .ads-fact-keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.ads-diagnostic-page .ads-fact-keywords span {
  border: 1px solid rgba(0, 224, 255, 0.18);
  border-radius: 999px;
  background: rgba(0, 224, 255, 0.055);
  color: rgba(255, 255, 255, 0.76);
  font-size: 11px;
  font-weight: 850;
  padding: 5px 7px;
}

.ads-diagnostic-page .ads-campaign-brief-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.ads-diagnostic-page .ads-campaign-brief-box {
  display: grid;
  align-content: start;
  gap: 6px;
  min-height: 82px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  padding: 10px;
}

.ads-diagnostic-page .ads-campaign-report-callout,
.ads-diagnostic-page .ads-campaign-report-next {
  display: grid;
  gap: 5px;
  margin-top: 10px;
  border: 1px solid rgba(244, 215, 159, 0.24);
  border-radius: 8px;
  background: rgba(244, 215, 159, 0.065);
  padding: 10px;
}

.ads-diagnostic-page .ads-campaign-report-callout strong,
.ads-diagnostic-page .ads-campaign-report-next strong,
.ads-diagnostic-page .ads-campaign-brief-box strong,
.ads-diagnostic-page .ads-campaign-report-sections strong {
  color: var(--mat-gold);
  font-size: 12px;
  font-weight: 950;
}

.ads-diagnostic-page .ads-campaign-report-callout span,
.ads-diagnostic-page .ads-campaign-report-next span,
.ads-diagnostic-page .ads-campaign-brief-box span {
  color: rgba(255, 255, 255, 0.76);
  font-size: 13px;
  line-height: 1.5;
}

.ads-diagnostic-page .ads-campaign-report-next {
  border-color: rgba(0, 224, 255, 0.24);
  background: rgba(0, 224, 255, 0.055);
}

.ads-diagnostic-page .ads-report-action {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 10px;
  border: 1px solid rgba(244, 215, 159, 0.25);
  border-radius: 8px;
  background: rgba(244, 215, 159, 0.07);
  padding: 10px;
}

.ads-diagnostic-page .ads-report-action.pending {
  border-color: rgba(0, 224, 255, 0.26);
  background: rgba(0, 224, 255, 0.06);
}

.ads-diagnostic-page .ads-report-action.disabled {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
}

.ads-diagnostic-page .ads-report-action .btn {
  width: auto;
  min-height: 36px;
  padding: 0 12px;
}

.ads-diagnostic-page .ads-report-action span {
  flex: 1 1 260px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  line-height: 1.45;
}

.ads-diagnostic-page .ads-archive-card,
.ads-diagnostic-page .ads-archive-mini {
  display: grid;
  min-width: 0;
  gap: 7px;
  border: 1px solid var(--mat-line);
  border-radius: 8px;
  background: var(--glass-surface-soft);
  padding: 12px;
}

.ads-diagnostic-page .ads-archive-card strong,
.ads-diagnostic-page .ads-archive-mini strong {
  color: #fff;
  font-size: 13px;
  font-weight: 950;
}

.ads-diagnostic-page .ads-archive-card span,
.ads-diagnostic-page .ads-archive-card small,
.ads-diagnostic-page .ads-archive-mini span {
  color: rgba(255, 255, 255, 0.68);
  font-size: 12px;
  line-height: 1.45;
}

.ads-diagnostic-page .ads-archive-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 10px 0;
}

.ads-diagnostic-page .ads-execution-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.ads-diagnostic-page .ads-execution-summary-card {
  display: grid;
  gap: 3px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  padding: 10px;
}

.ads-diagnostic-page .ads-execution-summary-card strong {
  color: #fff;
  font-size: 20px;
  font-weight: 950;
}

.ads-diagnostic-page .ads-execution-summary-card small {
  color: rgba(255, 255, 255, 0.6);
  font-size: 11px;
  font-weight: 850;
}

.ads-diagnostic-page .ads-execution-summary-card.ready {
  border-color: rgba(73, 223, 152, 0.24);
  background: rgba(73, 223, 152, 0.055);
}

.ads-diagnostic-page .ads-execution-summary-card.pending {
  border-color: rgba(0, 224, 255, 0.24);
  background: rgba(0, 224, 255, 0.055);
}

.ads-diagnostic-page .ads-execution-summary-card.blocked {
  border-color: rgba(255, 154, 168, 0.26);
  background: rgba(255, 154, 168, 0.055);
}

.ads-diagnostic-page .ads-execution-task-section {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.ads-diagnostic-page .ads-execution-task-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
}

.ads-diagnostic-page .ads-execution-task-section-head strong {
  color: #fff;
  font-size: 13px;
  font-weight: 950;
}

.ads-diagnostic-page .ads-execution-task-section-head span,
.ads-diagnostic-page .ads-execution-task-empty {
  color: rgba(255, 255, 255, 0.6);
  font-size: 11px;
  line-height: 1.45;
}

.ads-diagnostic-page .ads-execution-task-empty {
  border: 1px dashed rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  padding: 10px;
}

.ads-diagnostic-page .ads-execution-task-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.ads-diagnostic-page .ads-execution-task-card {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  min-width: 0;
  gap: 10px;
  border: 1px solid rgba(244, 215, 159, 0.22);
  border-radius: 8px;
  background: rgba(244, 215, 159, 0.06);
  padding: 12px;
}

.ads-diagnostic-page .ads-execution-task-thumb {
  width: 70px;
  height: 70px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  object-fit: cover;
}

.ads-diagnostic-page .ads-execution-task-thumb.placeholder {
  display: grid;
  place-items: center;
  color: rgba(255, 255, 255, 0.45);
  font-size: 11px;
  font-weight: 900;
}

.ads-diagnostic-page .ads-execution-task-main {
  display: grid;
  min-width: 0;
  gap: 10px;
}

.ads-diagnostic-page .ads-execution-task-card.pending {
  border-color: rgba(0, 224, 255, 0.24);
  background: rgba(0, 224, 255, 0.055);
}

.ads-diagnostic-page .ads-execution-task-card.ready {
  border-color: rgba(73, 223, 152, 0.26);
  background: rgba(73, 223, 152, 0.055);
}

.ads-diagnostic-page .ads-execution-task-card.blocked {
  border-color: rgba(255, 154, 168, 0.26);
  background: rgba(255, 154, 168, 0.055);
}

.ads-diagnostic-page .ads-execution-task-head,
.ads-diagnostic-page .ads-execution-task-actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.ads-diagnostic-page .ads-execution-task-head div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.ads-diagnostic-page .ads-execution-task-head strong {
  color: #fff;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.25;
}

.ads-diagnostic-page .ads-execution-task-head span:not(.risk-tag),
.ads-diagnostic-page .ads-execution-task-note span,
.ads-diagnostic-page .ads-execution-task-actions span {
  color: rgba(255, 255, 255, 0.68);
  font-size: 12px;
  line-height: 1.45;
}

.ads-diagnostic-page .ads-execution-task-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.ads-diagnostic-page .ads-execution-task-facts span {
  display: grid;
  gap: 3px;
  min-height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  padding: 8px;
}

.ads-diagnostic-page .ads-execution-task-facts strong {
  overflow: hidden;
  color: #fff;
  font-size: 12px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ads-diagnostic-page .ads-execution-task-facts small,
.ads-diagnostic-page .ads-execution-timeline span {
  color: rgba(255, 255, 255, 0.58);
  font-size: 11px;
  font-weight: 850;
}

.ads-diagnostic-page .ads-execution-detail-list {
  display: grid;
  gap: 6px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
  padding: 8px;
}

.ads-diagnostic-page .ads-execution-detail-list > strong {
  color: rgba(255, 255, 255, 0.88);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.ads-diagnostic-page .ads-execution-detail-list > span {
  display: grid;
  gap: 3px;
  border-left: 3px solid rgba(255, 255, 255, 0.16);
  padding-left: 8px;
}

.ads-diagnostic-page .ads-execution-detail-list > span.added {
  border-left-color: rgba(73, 223, 152, 0.8);
}

.ads-diagnostic-page .ads-execution-detail-list > span.paused {
  border-left-color: rgba(255, 154, 168, 0.85);
}

.ads-diagnostic-page .ads-execution-detail-list > span.changed,
.ads-diagnostic-page .ads-execution-detail-list > span.verified {
  border-left-color: rgba(244, 215, 159, 0.9);
}

.ads-diagnostic-page .ads-execution-detail-list small {
  color: rgba(255, 255, 255, 0.56);
  font-size: 11px;
  font-weight: 900;
}

.ads-diagnostic-page .ads-execution-detail-list em {
  color: rgba(255, 255, 255, 0.82);
  font-size: 12px;
  font-style: normal;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.ads-diagnostic-page .ads-execution-timeline {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.ads-diagnostic-page .ads-execution-timeline span {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  padding: 5px 8px;
}

.ads-diagnostic-page .ads-execution-task-actions .btn {
  flex: 0 0 auto;
  width: auto;
  min-height: 36px;
  padding: 0 12px;
}

.ads-diagnostic-page .ads-ai-compact {
  display: grid;
  gap: 7px;
  border: 1px solid var(--mat-line);
  border-radius: var(--mat-radius);
  background: var(--glass-surface-soft);
  padding: 14px;
}

.ads-diagnostic-page .ads-ai-compact strong {
  color: var(--mat-text);
  font-size: 14px;
  font-weight: 950;
}

.ads-diagnostic-page .ads-ai-compact span {
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
  line-height: 1.48;
}

.ads-diagnostic-page .ads-sku-opportunity-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid rgba(244, 215, 159, 0.24);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(244, 215, 159, 0.09), rgba(77, 164, 255, 0.06));
  padding: 14px;
}

.ads-diagnostic-page .ads-sku-opportunity-summary div {
  display: grid;
  min-width: 0;
  gap: 6px;
}

.ads-diagnostic-page .ads-sku-opportunity-summary strong {
  color: #fff;
  font-size: 14px;
  font-weight: 950;
}

.ads-diagnostic-page .ads-sku-opportunity-summary span {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  line-height: 1.45;
}

.ads-diagnostic-page .ads-sku-opportunity-summary .btn {
  width: auto;
  min-width: 112px;
}

.ads-diagnostic-page .ads-sku-opportunity-kpis {
  margin: 12px 0;
}

.ads-diagnostic-page .ads-sku-opportunity-list {
  display: grid;
  gap: 10px;
  margin: 12px 0;
}

.ads-diagnostic-page .ads-sku-opportunity-card {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  border: 1px solid var(--mat-line);
  border-radius: 8px;
  background: var(--glass-surface-soft);
  padding: 12px;
}

.ads-diagnostic-page .ads-sku-opportunity-card .ads-visual-thumb {
  width: 72px;
  height: 72px;
}

.ads-diagnostic-page .ads-sku-opportunity-main {
  display: grid;
  min-width: 0;
  gap: 10px;
}

.ads-diagnostic-page .ads-sku-opportunity-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.ads-diagnostic-page .ads-sku-opportunity-head div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.ads-diagnostic-page .ads-sku-opportunity-head strong {
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ads-diagnostic-page .ads-sku-opportunity-head span:not(.risk-tag) {
  overflow: hidden;
  color: rgba(255, 255, 255, 0.62);
  font-size: 12px;
  font-weight: 760;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ads-diagnostic-page .ads-sku-opportunity-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.ads-diagnostic-page .ads-sku-opportunity-metrics span {
  display: grid;
  gap: 3px;
  min-height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  padding: 8px;
}

.ads-diagnostic-page .ads-sku-opportunity-metrics strong {
  color: var(--mat-text);
  font-size: 13px;
  font-weight: 950;
}

.ads-diagnostic-page .ads-sku-opportunity-metrics small {
  color: rgba(255, 255, 255, 0.58);
  font-size: 11px;
  font-weight: 850;
}

.ads-diagnostic-page .ads-sku-opportunity-notes {
  display: grid;
  gap: 6px;
}

.ads-diagnostic-page .ads-sku-opportunity-notes span {
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  line-height: 1.45;
}

.ads-diagnostic-page .ads-sku-opportunity-notes b {
  margin-right: 8px;
  color: var(--mat-gold);
  font-weight: 950;
}

.ads-diagnostic-page .ads-sku-launch-plan {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(0, 224, 255, 0.18);
  border-radius: 8px;
  background: rgba(0, 224, 255, 0.045);
  padding: 10px;
}

.ads-diagnostic-page .ads-sku-launch-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.ads-diagnostic-page .ads-sku-launch-head strong,
.ads-diagnostic-page .ads-sku-success-metrics strong,
.ads-diagnostic-page .ads-sku-next-step strong {
  color: var(--mat-gold);
  font-size: 12px;
  font-weight: 950;
}

.ads-diagnostic-page .ads-sku-launch-head span,
.ads-diagnostic-page .ads-sku-next-step span {
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  line-height: 1.45;
}

.ads-diagnostic-page .ads-sku-launch-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.ads-diagnostic-page .ads-sku-launch-metrics span {
  display: grid;
  gap: 3px;
  min-height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  padding: 8px;
}

.ads-diagnostic-page .ads-sku-launch-metrics strong {
  color: #fff;
  font-size: 13px;
  font-weight: 950;
}

.ads-diagnostic-page .ads-sku-launch-metrics small {
  color: rgba(255, 255, 255, 0.58);
  font-size: 11px;
  font-weight: 850;
}

.ads-diagnostic-page .ads-sku-keyword-plan {
  display: grid;
  gap: 8px;
}

.ads-diagnostic-page .ads-sku-keyword-group {
  display: grid;
  gap: 6px;
}

.ads-diagnostic-page .ads-sku-keyword-group > strong {
  color: rgba(255, 255, 255, 0.82);
  font-size: 12px;
  font-weight: 950;
}

.ads-diagnostic-page .ads-sku-keyword-group > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.ads-diagnostic-page .ads-sku-keyword-group span {
  display: grid;
  gap: 2px;
  border: 1px solid rgba(77, 164, 255, 0.22);
  border-radius: 8px;
  background: rgba(77, 164, 255, 0.07);
  padding: 7px 8px;
}

.ads-diagnostic-page .ads-sku-keyword-group.negative span {
  border-color: rgba(255, 154, 168, 0.22);
  background: rgba(255, 154, 168, 0.06);
}

.ads-diagnostic-page .ads-sku-keyword-group b {
  color: #fff;
  font-size: 12px;
  font-weight: 920;
}

.ads-diagnostic-page .ads-sku-keyword-group small {
  color: rgba(255, 255, 255, 0.58);
  font-size: 11px;
  font-weight: 820;
}

.ads-diagnostic-page .ads-sku-success-metrics {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.ads-diagnostic-page .ads-sku-success-metrics span {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
  font-weight: 850;
  padding: 5px 8px;
}

.ads-diagnostic-page .ads-sku-next-step {
  display: grid;
  gap: 4px;
}

.ads-diagnostic-page .ads-campaign-report-sections {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.ads-diagnostic-page .ads-campaign-report-sections section {
  display: grid;
  align-content: start;
  gap: 6px;
  min-height: 118px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  padding: 10px;
}

.ads-diagnostic-page .ads-campaign-report-sections span {
  color: rgba(255, 255, 255, 0.68);
  font-size: 12px;
  font-weight: 760;
  line-height: 1.45;
}

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

.ads-diagnostic-page .ads-ai-grid .metric {
  align-content: start;
  min-height: 150px;
}

.ads-diagnostic-page .ads-main-decision-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
  align-items: start;
}

.ads-diagnostic-page .ads-support-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.ads-diagnostic-page .ads-support-details {
  overflow: hidden;
  padding: 0;
}

.ads-diagnostic-page .ads-support-details summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 58px;
  gap: 12px;
  cursor: pointer;
  list-style: none;
  padding: 14px 16px;
}

.ads-diagnostic-page .ads-support-details summary::-webkit-details-marker {
  display: none;
}

.ads-diagnostic-page .ads-support-details summary span {
  color: var(--mat-text);
  font-size: 14px;
  font-weight: 950;
}

.ads-diagnostic-page .ads-support-details summary::after {
  content: "+";
  display: grid;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  place-items: center;
  border: 1px solid var(--mat-line);
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.68);
  font-weight: 950;
}

.ads-diagnostic-page .ads-support-details[open] summary::after {
  content: "-";
}

.ads-diagnostic-page .ads-support-details .panel-body {
  max-height: 560px;
  overflow: auto;
  border-top: 1px solid var(--mat-line);
  padding: 14px;
}

.ads-diagnostic-page .ads-dashboard-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ads-diagnostic-page .ads-active-campaign-grid.diagnostic {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.ads-diagnostic-page .ads-active-card.diagnostic {
  border-radius: 8px;
  padding: 12px;
}

.ads-diagnostic-page .ads-active-card.diagnostic .ads-campaign-card-meta {
  flex-wrap: wrap;
}

.ads-diagnostic-page .ads-active-card.diagnostic .ads-active-product {
  align-items: center;
}

.ads-diagnostic-page .ads-active-card.diagnostic .ads-visual-thumb {
  width: 70px;
  height: 70px;
  border-radius: 8px;
}

.ads-diagnostic-page .ads-active-card.diagnostic .ads-active-pulse.wide {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.ads-diagnostic-page .ads-active-card.diagnostic .ads-active-pulse span {
  min-height: 52px;
  padding: 8px;
}

.ads-diagnostic-page .ads-active-card.diagnostic .ads-active-pulse strong {
  font-size: 13px;
}

.ads-diagnostic-page .ads-active-note {
  border-radius: 8px;
  padding: 12px;
}

.ads-diagnostic-page .ads-active-note.capture-quality small:nth-of-type(n+3) {
  display: none;
}

.ads-diagnostic-page .ads-keyword-performance {
  border-radius: 8px;
  padding: 10px;
}

.ads-diagnostic-page .ads-keyword-performance-row {
  grid-template-columns: minmax(120px, 1.6fr) repeat(4, minmax(60px, 0.8fr));
}

.ads-diagnostic-page .ads-keyword-performance-row span:nth-of-type(2),
.ads-diagnostic-page .ads-keyword-performance-row span:nth-of-type(5),
.ads-diagnostic-page .ads-keyword-performance-row span:nth-of-type(6) {
  display: none;
}

.ads-diagnostic-page .ads-execution-task-section-head span {
  display: none;
}

.ads-diagnostic-page .ads-execution-task-card {
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 12px;
}

.ads-diagnostic-page .ads-execution-task-thumb {
  width: 86px;
  height: 86px;
}

.ads-diagnostic-page .ads-execution-task-facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ads-diagnostic-page .ads-execution-task-note span {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (max-width: 980px) {
  .ads-diagnostic-page .ads-command-center,
  .ads-diagnostic-page .ads-command-grid,
  .ads-diagnostic-page .ads-dashboard-kpis,
  .ads-diagnostic-page .ads-ranking-grid,
  .ads-diagnostic-page .ads-chart-grid,
	  .ads-diagnostic-page .ads-secondary-grid,
	  .ads-diagnostic-page .ads-main-decision-grid,
	  .ads-diagnostic-page .ads-support-grid,
	  .ads-diagnostic-page .ads-command-actions,
	  .ads-diagnostic-page .ads-ai-grid,
	  .ads-diagnostic-page .ads-archive-grid,
	  .ads-diagnostic-page .ads-execution-summary,
	  .ads-diagnostic-page .ads-capture-steps,
	  .ads-diagnostic-page .ads-capture-live,
	  .ads-diagnostic-page .ads-campaign-brief-grid,
	  .ads-diagnostic-page .ads-campaign-report-sections,
	  .ads-diagnostic-page .ads-sku-opportunity-metrics,
	  .ads-diagnostic-page .ads-execution-task-facts,
	  .ads-diagnostic-page .ads-sku-launch-metrics {
	    grid-template-columns: 1fr;
	  }

  .ads-diagnostic-page .ads-panel-actions {
    justify-content: flex-start;
  }

  .ads-diagnostic-page .ads-ai-action-card {
    align-items: stretch;
    flex-direction: column;
  }

  .ads-diagnostic-page .ads-ai-action-card .btn,
  .ads-diagnostic-page .ads-sku-opportunity-summary .btn {
    width: 100%;
  }

	  .ads-diagnostic-page .ads-sku-opportunity-summary,
	  .ads-diagnostic-page .ads-sku-opportunity-head,
	  .ads-diagnostic-page .ads-execution-task-head,
	  .ads-diagnostic-page .ads-execution-task-section-head,
	  .ads-diagnostic-page .ads-capture-card-head,
	  .ads-diagnostic-page .ads-execution-task-actions,
	  .ads-diagnostic-page .ads-sku-launch-head {
	    align-items: stretch;
	    flex-direction: column;
	  }

	  .ads-diagnostic-page .ads-execution-task-card {
	    grid-template-columns: 64px minmax(0, 1fr);
	  }

	  .ads-diagnostic-page .ads-execution-task-thumb {
	    width: 64px;
	    height: 64px;
	  }

  .ads-diagnostic-page .ads-sku-opportunity-card {
    grid-template-columns: 56px minmax(0, 1fr);
  }

  .ads-diagnostic-page .ads-sku-opportunity-card .ads-visual-thumb {
    width: 56px;
    height: 56px;
  }

  .ads-diagnostic-page .ads-active-pulse.wide,
  .ads-diagnostic-page .ads-active-flow.diagnostic {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ads-diagnostic-page .ads-active-campaign-grid.diagnostic,
  .ads-diagnostic-page .ads-active-card.diagnostic .ads-active-pulse.wide {
    grid-template-columns: 1fr;
  }
}

.ads-material-page .empty-cell {
  color: var(--mat-muted);
  padding: 24px;
  text-align: center;
}

.ads-material-page .ads-visual-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.ads-material-page .ads-visual-grid.roi {
  margin-top: 14px;
}

.ads-material-page .ads-visual-block {
  min-width: 0;
  border: 1px solid var(--mat-line);
  border-radius: var(--mat-radius);
  background: var(--glass-surface-soft);
  padding: 14px;
}

.ads-material-page .ads-visual-block > strong {
  display: block;
  margin-bottom: 12px;
  color: #fff;
  font-size: 15px;
}

.ads-material-page .ads-visual-row {
  display: grid;
  gap: 7px;
  margin-top: 10px;
}

.ads-material-page .ads-visual-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--mat-muted);
  font-size: 12px;
  font-weight: 850;
}

.ads-material-page .ads-visual-label span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ads-material-page .ads-visual-label strong {
  flex: 0 0 auto;
  color: var(--mat-gold);
  font-size: 12px;
}

.ads-material-page .ads-visual-track {
  height: 9px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
}

.ads-material-page .ads-visual-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(244, 215, 159, 0.78), rgba(244, 215, 159, 0.2));
}

.ads-material-page .ads-visual-track i.cyan {
  background: linear-gradient(90deg, rgba(0, 224, 255, 0.72), rgba(0, 224, 255, 0.16));
}

.ads-material-page .ads-visual-track i.green {
  background: linear-gradient(90deg, rgba(47, 209, 141, 0.76), rgba(47, 209, 141, 0.16));
}

.ads-material-page .ads-visual-track i.coral {
  background: linear-gradient(90deg, rgba(215, 93, 122, 0.78), rgba(215, 93, 122, 0.16));
}

.ads-material-page .ads-visual-note {
  color: var(--mat-muted);
  font-size: 13px;
}

.ads-material-page .ads-visual-sku-row {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  margin-top: 12px;
}

.ads-material-page .ads-visual-thumb {
  width: 58px;
  height: 58px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  object-fit: cover;
}

.ads-material-page .ads-visual-sku-main {
  min-width: 0;
}

.ads-material-page .ads-visual-sku-main small {
  display: block;
  margin-top: 5px;
  overflow: hidden;
  color: var(--mat-muted);
  font-size: 11px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ads-material-page .ads-shortlist-list {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.ads-material-page .ads-shortlist-item {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--mat-line);
  border-radius: var(--mat-radius);
  background: var(--glass-surface-soft);
  padding: 12px;
}

.ads-material-page .ads-shortlist-main {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.ads-material-page .ads-shortlist-main strong {
  color: #fff;
  font-size: 13px;
}

.ads-material-page .ads-shortlist-main span,
.ads-material-page .ads-shortlist-main small {
  overflow: hidden;
  color: var(--mat-muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ads-material-page .ads-shortlist-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.ads-material-page .ads-engine-summary {
  margin-bottom: 14px;
}

.ads-material-page .ads-section-tags {
  margin: 12px 0;
}

.ads-material-page .ads-decision-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.ads-material-page .ads-data-table td small {
  display: block;
  margin-top: 4px;
  color: var(--mat-muted);
  font-size: 11px;
  line-height: 1.3;
}

.shipments-page .shipments-controls {
  display: grid;
  gap: 12px;
}

.shipments-page .topbar {
  grid-template-columns: minmax(260px, 1fr) minmax(240px, auto);
  gap: 12px;
  min-height: auto;
  margin-top: 12px;
  padding: 14px clamp(14px, 3vw, 26px);
}

.shipments-page .topbar-brand {
  gap: 8px;
  margin-bottom: 6px;
  font-size: 11px;
}

.shipments-page .topbar-brand img {
  width: 26px;
  height: 26px;
}

.shipments-page .topbar h1 {
  max-width: none;
  font-size: clamp(26px, 3.2vw, 42px);
  line-height: 1.05;
}

.shipments-page .topbar p {
  max-width: 760px;
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.42;
}

.shipments-page .topbar .status-strip {
  gap: 6px;
}

.shipments-page .topbar .pill,
.shipments-page .topbar .back-link {
  min-height: 30px;
  padding: 5px 8px;
  font-size: 12px;
}

.shipments-page .workspace {
  gap: 12px;
}

.shipments-page .workspace > .panel:first-of-type .panel-head,
.shipments-page .workspace > .panel:first-of-type .panel-body {
  padding: 10px 12px;
}

.shipments-page .workspace > .panel:first-of-type h2 {
  font-size: 15px;
}

.shipments-page .shipment-toggle-grid {
  display: grid;
  gap: 9px;
}

.shipments-page .shipment-toggle-grid label {
  display: flex;
  grid-template-columns: none;
  flex-direction: row;
  align-items: center;
  gap: 9px;
  min-height: 34px;
  color: var(--mat-text);
}

.shipments-page .shipments-source-note small {
  display: block;
  margin-top: 6px;
  color: var(--mat-muted);
  font-size: 12px;
  line-height: 1.45;
}

.shipments-page .shipments-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.shipments-page .shipments-summary-grid .metric {
  min-height: 0;
  border-top-width: 2px;
  padding: 8px 10px;
}

.shipments-page .shipments-summary-grid .metric strong {
  display: inline;
  margin: 0 8px 0 0;
  font-size: 17px;
  line-height: 1;
}

.shipments-page .shipments-summary-grid .metric span {
  display: inline;
  margin: 0;
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
}

.shipments-page .shipments-summary-grid .metric small {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  color: var(--mat-muted);
  font-size: 10px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shipments-page .shipments-card-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.shipments-page .shipment-card {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--mat-line);
  border-radius: 8px;
  background: var(--glass-surface-soft);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 10px 28px rgba(0, 0, 0, 0.2);
}

.shipments-page .shipment-card.needs-detail {
  border-color: rgba(244, 215, 159, 0.38);
}

.shipments-page .shipment-stage-section,
.shipments-page .shipment-stage-folder {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.shipments-page .shipment-stage-section {
  margin-bottom: 2px;
}

.shipments-page .shipment-stage-heading,
.shipments-page .shipment-stage-folder summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  padding: 9px 12px;
  color: #fff;
}

.shipments-page .shipment-stage-heading strong,
.shipments-page .shipment-stage-folder summary span {
  font-size: 16px;
  font-weight: 950;
}

.shipments-page .shipment-stage-heading span,
.shipments-page .shipment-stage-folder summary strong {
  border-radius: 999px;
  background: rgba(244, 215, 159, 0.12);
  padding: 6px 10px;
  color: var(--mat-gold);
  font-size: 14px;
  font-weight: 950;
}

.shipments-page .shipment-stage-folder {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
  overflow: hidden;
}

.shipments-page .shipment-stage-folder summary {
  border: 0;
  border-radius: 0;
  cursor: pointer;
  padding: 12px 14px;
}

.shipments-page .shipment-stage-folder.cn-missing summary {
  background: rgba(255, 154, 168, 0.09);
}

.shipments-page .shipment-stage-folder.cn-pending summary {
  background: rgba(245, 158, 11, 0.1);
}

.shipments-page .shipment-stage-folder.factory summary {
  background: rgba(47, 209, 141, 0.08);
}

.shipments-page .shipment-stage-folder.printed summary {
  background: rgba(244, 215, 159, 0.09);
}

.shipments-page .shipment-stage-folder.logistics summary {
  background: rgba(0, 224, 255, 0.08);
}

.shipments-page .shipment-stage-note {
  padding: 4px 14px 6px;
  color: var(--mat-muted);
  font-size: 15px;
  font-weight: 850;
  line-height: 1.55;
}

.shipments-page .shipment-stage-cards {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.shipments-page .shipment-stage-folder .shipment-stage-cards {
  padding: 0 12px 12px;
}

.shipments-page .shipment-stage-empty {
  border: 1px dashed rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  padding: 12px;
  color: var(--mat-muted);
  font-size: 12px;
  font-weight: 850;
  text-align: center;
}

.shipments-page .shipment-strip-main {
  display: grid;
  grid-template-columns: minmax(250px, 1fr) minmax(390px, 430px) minmax(240px, 310px);
  gap: 12px;
  align-items: center;
  min-width: 0;
}

.shipments-page .shipment-strip-title {
  min-width: 0;
}

.shipments-page .shipment-kicker,
.shipments-page .shipment-card p,
.shipments-page .shipment-meta,
.shipments-page .shipment-status-meta,
.shipments-page .shipment-product-row span,
.shipments-page .shipment-missing-products span {
  color: var(--mat-muted);
}

.shipments-page .shipment-kicker {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.shipments-page .shipment-card h3 {
  margin: 0;
  color: #fff;
  font-size: 17px;
  line-height: 1.22;
  overflow-wrap: anywhere;
}

.shipments-page .shipment-card p {
  margin: 5px 0 0;
  font-size: 13px;
}

.shipments-page .shipment-meta,
.shipments-page .shipment-status-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  font-size: 12px;
}

.shipments-page .shipment-meta span,
.shipments-page .shipment-status-meta span {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  padding: 5px 8px;
  background: rgba(255, 255, 255, 0.045);
}

.shipments-page .shipment-po-note {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 8px;
  max-width: 100%;
  border: 1px solid rgba(244, 215, 159, 0.32);
  border-radius: 8px;
  background: rgba(244, 215, 159, 0.1);
  padding: 8px 10px;
  color: #fff;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.45;
}

.shipments-page .shipment-po-note strong {
  color: var(--mat-gold);
  font-size: 12px;
  font-weight: 950;
}

.shipments-page .shipment-po-note span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.shipments-page .shipment-action-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.shipments-page .shipment-action-row .btn {
  min-height: 38px;
  padding-inline: 10px;
}

.shipments-page .shipment-action-row .btn.is-done {
  border-color: rgba(47, 209, 141, 0.5);
}

.shipments-page .shipment-action-row .btn.needs-confirm {
  border-color: rgba(244, 215, 159, 0.72);
  background: rgba(244, 215, 159, 0.16);
  color: #fff;
}

.shipments-page .shipment-strip-actions {
  display: grid;
  gap: 8px;
}

.shipments-page .shipment-compact-products {
  display: grid;
  grid-template-columns: repeat(6, 64px);
  gap: 7px;
  min-width: 0;
  max-width: 419px;
  overflow: visible;
  padding: 2px 1px 4px;
}

.shipments-page .shipment-compact-product {
  width: 64px;
  min-width: 0;
}

.shipments-page .shipment-compact-thumb {
  position: relative;
  width: 64px;
  height: 64px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.055);
}

.shipments-page .shipment-compact-thumb img,
.shipments-page .shipment-no-preview {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.shipments-page .shipment-compact-thumb img {
  display: block;
  object-fit: cover;
}

.shipments-page .shipment-compact-thumb b {
  position: absolute;
  right: 4px;
  bottom: 4px;
  min-width: 24px;
  border-radius: 999px;
  background: rgba(10, 13, 12, 0.82);
  color: #fff;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  padding: 4px 6px;
  text-align: center;
}

.shipments-page .shipment-compact-product > span {
  display: block;
  height: 26px;
  margin-top: 5px;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.78);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.25;
}

.shipments-page .shipment-compact-empty,
.shipments-page .shipment-no-preview {
  display: grid;
  place-items: center;
  border: 1px dashed rgba(244, 215, 159, 0.32);
  color: var(--mat-gold);
  font-size: 10px;
  font-weight: 900;
  text-align: center;
}

.shipments-page .shipment-compact-empty {
  width: 96px;
  height: 86px;
  border-radius: 8px;
}

.shipments-page .shipment-products-folder {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
  overflow: hidden;
}

.shipments-page .shipment-products-folder summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 38px;
  padding: 8px 10px;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 900;
}

.shipments-page .shipment-products-folder summary strong {
  color: var(--mat-gold);
  font-size: 12px;
}

.shipments-page .shipment-products {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  padding: 0 10px 10px;
}

.shipments-page .shipment-product-row,
.shipments-page .shipment-missing-products {
  display: grid;
  grid-template-columns: minmax(74px, auto) minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  padding: 9px;
  background: rgba(255, 255, 255, 0.04);
  min-width: 0;
}

.shipments-page .shipment-product-images {
  display: grid;
  grid-template-columns: repeat(2, 74px);
  gap: 6px;
  align-items: start;
}

.shipments-page .shipment-product-images figure {
  position: relative;
  width: 74px;
  height: 74px;
  margin: 0;
}

.shipments-page .shipment-product-images img {
  width: 74px;
  height: 74px;
  object-fit: cover;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.08);
}

.shipments-page .shipment-product-images figcaption {
  position: absolute;
  right: 4px;
  bottom: 4px;
  min-width: 24px;
  border-radius: 999px;
  background: rgba(14, 18, 24, 0.82);
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  padding: 4px 5px;
  text-align: center;
}

.shipments-page .shipment-no-image {
  display: grid;
  place-items: center;
  width: 74px;
  height: 74px;
  border: 1px dashed rgba(244, 215, 159, 0.32);
  border-radius: 6px;
  color: var(--mat-gold);
  font-size: 11px;
  font-weight: 900;
  text-align: center;
}

.shipments-page .shipment-product-row strong,
.shipments-page .shipment-missing-products strong {
  display: block;
  color: #fff;
  font-size: 13px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.shipments-page .shipment-product-row span,
.shipments-page .shipment-missing-products span {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.4;
}

.shipments-page .shipment-product-row a {
  display: inline-flex;
  margin-top: 6px;
  color: var(--mat-gold);
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.shipments-page .shipment-product-price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
}

.shipments-page .shipment-product-price b {
  color: #fff;
  font-size: 13px;
}

.shipments-page .shipment-product-price small {
  color: var(--mat-muted);
  font-size: 11px;
}

.shipments-page .shipment-missing-products {
  grid-template-columns: 1fr;
  border-color: rgba(244, 215, 159, 0.25);
}

/* Ads layout guard: keep wide ROI tables from stretching the whole page shell. */
html,
body.ads-material-page {
  max-width: 100%;
  overflow-x: hidden;
}

.ads-material-page .topbar,
.ads-console-shell {
  width: min(calc(100% - clamp(20px, 6vw, 68px)), 1500px);
  margin-right: auto;
  margin-left: auto;
}

.ads-material-page .topbar {
  margin-top: 18px;
}

.ads-console-shell {
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
  align-items: start;
  padding-right: 0;
  padding-left: 0;
}

.ads-console-shell > .panel,
.ads-material-page .workspace,
.ads-material-page .panel,
.ads-material-page .panel-body,
.ads-material-page .ads-table-wrap {
  min-width: 0;
  max-width: 100%;
}

.ads-console-shell > .panel {
  position: sticky;
  top: 16px;
}

.ads-material-page .ads-table-wrap {
  width: 100%;
  border-radius: var(--mat-radius);
  overscroll-behavior-x: contain;
}

.ads-material-page .ads-data-table {
  width: max-content;
  min-width: 1380px;
}

.ads-material-page .ads-input-table {
  min-width: 1880px;
}

@media (max-width: 980px) {
  .ads-material-page .topbar,
  .ads-console-shell {
    width: calc(100% - 20px);
  }

  .ads-console-shell,
  .ads-material-page .ads-cost-toolbar,
  .ads-material-page .ads-visual-grid,
  .ads-material-page .ads-active-campaign-grid,
  .ads-material-page .ads-decision-grid,
  .ads-material-page .ads-shortlist-item,
  .shipments-page .shipments-summary-grid,
  .shipments-page .shipments-card-grid,
  .shipments-page .shipment-strip-main,
  .shipments-page .shipment-products {
    grid-template-columns: 1fr;
  }

  .shipments-page .topbar {
    grid-template-columns: 1fr;
  }

  .shipments-page .shipments-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shipments-page .shipment-compact-products {
    max-width: 100%;
    justify-content: start;
  }

  .ads-console-shell > .panel {
    position: static;
  }
}

@media (max-width: 640px) {
  .ads-material-page .topbar,
  .ads-console-shell {
    width: calc(100% - 16px);
  }

  .ads-material-page .topbar {
    margin-right: auto;
    margin-left: auto;
  }

  .shipments-page .shipment-card {
    padding: 10px;
  }

  .shipments-page .topbar {
    padding: 12px;
  }

  .shipments-page .topbar h1 {
    font-size: 24px;
  }

  .shipments-page .topbar p {
    font-size: 12px;
  }

  .shipments-page .shipment-action-row {
    grid-template-columns: 1fr;
  }

  .shipments-page .shipment-compact-products {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 5px;
    width: 100%;
    padding-bottom: 2px;
  }

  .shipments-page .shipment-compact-product {
    width: auto;
  }

  .shipments-page .shipment-compact-thumb {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    border-radius: 6px;
  }

  .shipments-page .shipment-compact-thumb b {
    right: 3px;
    bottom: 3px;
    min-width: 20px;
    padding: 3px 5px;
    font-size: 10px;
  }

  .shipments-page .shipment-compact-product > span {
    display: none;
  }

  .shipments-page .shipment-products-folder summary {
    align-items: flex-start;
    flex-direction: column;
  }

  .shipments-page .shipment-product-row {
    grid-template-columns: minmax(64px, auto) minmax(0, 1fr);
  }

  .shipments-page .shipment-product-images {
    grid-template-columns: repeat(2, 64px);
  }

  .shipments-page .shipment-product-images figure,
  .shipments-page .shipment-product-images img,
  .shipments-page .shipment-no-image {
    width: 64px;
    height: 64px;
  }
}

/* Clean ops layer aligned with the Seller Daily Report console. */
body.clean-ops-site {
  color-scheme: light;
  --ops-bg: #f5f7fb;
  --ops-surface: #ffffff;
  --ops-soft: #f8fafc;
  --ops-line: #dbe4ee;
  --ops-line-strong: #c8d4e1;
  --ops-ink: #172033;
  --ops-muted: #64748b;
  --ops-blue: #2563eb;
  --ops-teal: #0f766e;
  --ops-green: #15803d;
  --ops-amber: #b7791f;
  --ops-red: #dc2626;
  --ops-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
  min-height: 100vh;
  background: linear-gradient(180deg, #f8fafc 0%, #eef3f8 100%) !important;
  color: var(--ops-ink) !important;
}

body.clean-ops-site::before,
body.clean-ops-site::after,
body.clean-ops-site .brand-backdrop,
body.clean-ops-site .shell::before,
body.clean-ops-site .shell::after {
  display: none !important;
  content: none !important;
}

body.clean-ops-site a {
  color: inherit;
}

body.clean-ops-site h1,
body.clean-ops-site h2,
body.clean-ops-site h3,
body.clean-ops-site p {
  letter-spacing: 0 !important;
}

body.clean-ops-site h1 {
  color: var(--ops-ink) !important;
  font-size: clamp(28px, 3.4vw, 42px) !important;
  line-height: 1.05 !important;
  font-weight: 820 !important;
}

body.clean-ops-site h2 {
  color: var(--ops-ink) !important;
  font-size: 17px !important;
  line-height: 1.22 !important;
  font-weight: 820 !important;
}

body.clean-ops-site p,
body.clean-ops-site small,
body.clean-ops-site .hero-copy,
body.clean-ops-site .module-card p,
body.clean-ops-site .workspace-head p,
body.clean-ops-site .ads-command-copy p,
body.clean-ops-site .panel-head p,
body.clean-ops-site .shipment-card p {
  color: var(--ops-muted) !important;
}

body.clean-ops-site .site-header,
body.clean-ops-site .site-shell,
body.clean-ops-site .ads-material-page .topbar,
body.clean-ops-site.ads-material-page .topbar,
body.clean-ops-site .ads-console-shell {
  position: relative;
  z-index: 1;
}

body.clean-ops-site .site-header,
body.clean-ops-site .hero > div,
body.clean-ops-site .status-panel,
body.clean-ops-site .module-card,
body.clean-ops-site .contract-band,
body.clean-ops-site .ai-runtime-band,
body.clean-ops-site .workspace-panel,
body.clean-ops-site .unified-board,
body.clean-ops-site .info-card,
body.clean-ops-site .summary-card,
body.clean-ops-site .data-item,
body.clean-ops-site.ads-material-page .topbar,
body.clean-ops-site.ads-material-page .panel,
body.clean-ops-site.ads-material-page .metric,
body.clean-ops-site.ads-material-page .empty,
body.clean-ops-site.ads-material-page .step-row,
body.clean-ops-site.ads-material-page .ads-execution-item,
body.clean-ops-site.ads-material-page .run-banner,
body.clean-ops-site .shipment-card,
body.clean-ops-site .shipment-stage-section,
body.clean-ops-site .shipment-stage-folder,
body.clean-ops-site .shipment-product-row,
body.clean-ops-site .shipment-missing-products,
body.clean-ops-site .shipment-products-folder {
  border: 1px solid var(--ops-line) !important;
  border-radius: 8px !important;
  background: var(--ops-surface) !important;
  color: var(--ops-ink) !important;
  box-shadow: var(--ops-shadow) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.clean-ops-site .site-header,
body.clean-ops-site.ads-material-page .topbar {
  width: min(1180px, calc(100% - 28px)) !important;
  min-height: auto !important;
  margin: 14px auto 0 !important;
  padding: 14px !important;
}

body.clean-ops-site .site-header {
  align-items: center !important;
}

body.clean-ops-site .brand-lockup,
body.clean-ops-site .topbar-brand {
  color: var(--ops-ink) !important;
}

body.clean-ops-site .brand-mark,
body.clean-ops-site .topbar-brand img {
  border-color: var(--ops-line-strong) !important;
  background: #fff !important;
  color: var(--ops-teal) !important;
  box-shadow: none !important;
}

body.clean-ops-site .site-nav {
  gap: 6px !important;
}

body.clean-ops-site .site-nav a,
body.clean-ops-site .primary-action,
body.clean-ops-site .secondary-action,
body.clean-ops-site .icon-button,
body.clean-ops-site .status-pill,
body.clean-ops-site.ads-material-page .pill,
body.clean-ops-site.ads-material-page .back-link,
body.clean-ops-site.ads-material-page .btn,
body.clean-ops-site.ads-material-page .risk-tag,
body.clean-ops-site.ads-material-page .step-tag,
body.clean-ops-site input,
body.clean-ops-site select,
body.clean-ops-site textarea {
  min-height: 36px !important;
  border: 1px solid var(--ops-line) !important;
  border-radius: 8px !important;
  background: var(--ops-soft) !important;
  color: var(--ops-ink) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.clean-ops-site .site-nav a,
body.clean-ops-site.ads-material-page .pill,
body.clean-ops-site.ads-material-page .back-link {
  padding: 7px 10px !important;
  font-size: 12px !important;
  font-weight: 760 !important;
}

body.clean-ops-site .site-nav a[aria-current],
body.clean-ops-site .site-nav a:hover,
body.clean-ops-site .secondary-action:hover,
body.clean-ops-site.ads-material-page .back-link:hover,
body.clean-ops-site.ads-material-page .btn:hover {
  border-color: #bfdbfe !important;
  background: #eff6ff !important;
  color: var(--ops-blue) !important;
}

body.clean-ops-site .primary-action,
body.clean-ops-site.ads-material-page .btn.green,
body.clean-ops-site.ads-material-page .btn.blue,
body.clean-ops-site.ads-material-page .btn.gold,
body.clean-ops-site.ads-material-page .btn.coral {
  border-color: #bfe8d6 !important;
  background: #eef9f4 !important;
  color: var(--ops-green) !important;
}

body.clean-ops-site .secondary-action,
body.clean-ops-site.ads-material-page .btn.secondary {
  background: var(--ops-soft) !important;
  color: var(--ops-ink) !important;
}

body.clean-ops-site .site-shell,
body.clean-ops-site .ads-console-shell {
  width: min(1180px, calc(100% - 28px)) !important;
  padding: 14px 0 48px !important;
}

body.clean-ops-site .hero {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px) !important;
  gap: 12px !important;
  min-height: unset !important;
}

body.clean-ops-site .hero > div {
  padding: 24px !important;
}

body.clean-ops-site .eyebrow,
body.clean-ops-site .module-kicker {
  color: var(--ops-teal) !important;
  font-size: 12px !important;
  font-weight: 820 !important;
}

body.clean-ops-site .status-panel {
  padding: 14px !important;
}

body.clean-ops-site .panel-head,
body.clean-ops-site.ads-material-page .panel-head,
body.clean-ops-site .board-head,
body.clean-ops-site .section-headline {
  align-items: center !important;
  border-bottom-color: var(--ops-line) !important;
  color: var(--ops-muted) !important;
}

body.clean-ops-site .module-grid {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
  gap: 12px !important;
}

body.clean-ops-site .module-card {
  min-height: 210px !important;
  padding: 16px !important;
}

body.clean-ops-site .module-actions {
  gap: 8px !important;
}

body.clean-ops-site .workspace-panel {
  padding: 18px !important;
}

body.clean-ops-site .workspace-head {
  margin-bottom: 16px !important;
}

body.clean-ops-site .metrics-grid,
body.clean-ops-site .summary-grid,
body.clean-ops-site .shipments-summary-grid,
body.clean-ops-site .ads-dashboard-kpis,
body.clean-ops-site .ads-ranking-grid {
  gap: 10px !important;
}

body.clean-ops-site .info-card,
body.clean-ops-site.ads-material-page .metric {
  min-height: 82px !important;
  padding: 12px !important;
}

body.clean-ops-site .info-card strong,
body.clean-ops-site.ads-material-page .metric strong,
body.clean-ops-site .metric-value {
  color: var(--ops-ink) !important;
  font-size: 23px !important;
  font-weight: 820 !important;
}

body.clean-ops-site .unified-board,
body.clean-ops-site .contract-band,
body.clean-ops-site .ai-runtime-band {
  margin-top: 12px !important;
  padding: 14px !important;
}

body.clean-ops-site .data-item,
body.clean-ops-site .summary-card,
body.clean-ops-site .source-chip,
body.clean-ops-site .ai-part-card,
body.clean-ops-site .detail-section,
body.clean-ops-site .image-tile,
body.clean-ops-site .empty-block,
body.clean-ops-site.ads-material-page .ads-execution-item,
body.clean-ops-site .shipment-card,
body.clean-ops-site .shipment-stage-empty,
body.clean-ops-site .shipment-compact-product,
body.clean-ops-site .shipment-product-row,
body.clean-ops-site .shipment-missing-products {
  border-color: var(--ops-line) !important;
  background: var(--ops-soft) !important;
  color: var(--ops-ink) !important;
  box-shadow: none !important;
}

body.clean-ops-site .item-meta span,
body.clean-ops-site .tag,
body.clean-ops-site .risk-tag,
body.clean-ops-site .shipment-meta span,
body.clean-ops-site .shipment-status-meta span {
  border-color: var(--ops-line) !important;
  background: #fff !important;
  color: var(--ops-muted) !important;
  border-radius: 999px !important;
}

body.clean-ops-site .tag.ok,
body.clean-ops-site .risk-tag.ok,
body.clean-ops-site .source-chip span {
  color: var(--ops-green) !important;
}

body.clean-ops-site .tag.warn,
body.clean-ops-site .risk-tag.warn {
  color: var(--ops-amber) !important;
}

body.clean-ops-site .table-wrap,
body.clean-ops-site .ads-table-wrap {
  max-width: 100% !important;
  border: 1px solid var(--ops-line) !important;
  border-radius: 8px !important;
  background: #fff !important;
  overflow: auto !important;
}

body.clean-ops-site table,
body.clean-ops-site .data-table,
body.clean-ops-site .ads-data-table {
  color: var(--ops-ink) !important;
  background: #fff !important;
}

body.clean-ops-site th,
body.clean-ops-site .data-table th,
body.clean-ops-site .ads-data-table th {
  background: #f1f5f9 !important;
  color: var(--ops-muted) !important;
}

body.clean-ops-site td,
body.clean-ops-site th,
body.clean-ops-site .data-table td,
body.clean-ops-site .data-table th,
body.clean-ops-site .ads-data-table td,
body.clean-ops-site .ads-data-table th {
  border-bottom-color: #e6edf3 !important;
}

body.clean-ops-site.ads-material-page .topbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
}

body.clean-ops-site.ads-material-page .topbar > div:first-child {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  column-gap: 10px !important;
  row-gap: 3px !important;
  align-items: center !important;
}

body.clean-ops-site.ads-material-page .topbar-brand {
  grid-row: 1 / span 2 !important;
  margin: 0 !important;
  gap: 8px !important;
  white-space: nowrap !important;
  font-size: 12px !important;
}

body.clean-ops-site.ads-material-page .topbar-brand img {
  width: 28px !important;
  height: 28px !important;
}

body.clean-ops-site.ads-material-page .topbar h1 {
  max-width: none !important;
  margin: 0 !important;
  font-size: 24px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.clean-ops-site.ads-material-page .topbar p {
  max-width: none !important;
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.clean-ops-site.ads-material-page .status-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 6px !important;
}

body.clean-ops-site .ads-command-center {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr) !important;
  gap: 12px !important;
  align-items: center !important;
}

body.clean-ops-site .ads-command-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body.clean-ops-site .ads-command-pills,
body.clean-ops-site .ads-command-status {
  grid-column: 1 / -1 !important;
}

body.clean-ops-site .ads-secondary-grid,
body.clean-ops-site .ads-main-decision-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.clean-ops-site details.panel > summary,
body.clean-ops-site .ads-support-details > summary,
body.clean-ops-site .shipment-stage-folder > summary,
body.clean-ops-site .shipment-products-folder > summary {
  min-height: 42px !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
  color: var(--ops-ink) !important;
  background: var(--ops-surface) !important;
}

body.clean-ops-site .shipment-card h3,
body.clean-ops-site .shipment-strip-title,
body.clean-ops-site .shipment-product-row strong,
body.clean-ops-site .shipment-missing-products strong,
body.clean-ops-site.ads-material-page .panel h2 {
  color: var(--ops-ink) !important;
}

body.clean-ops-site .shipment-compact-thumb,
body.clean-ops-site .item-cover,
body.clean-ops-site .product-thumb,
body.clean-ops-site img.product-img {
  border: 1px solid var(--ops-line) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.clean-ops-site .ads-analysis-panel,
body.clean-ops-site .ads-analysis-panel.empty-analysis,
body.clean-ops-site .ads-keyword-cloud,
body.clean-ops-site .ads-sparkline.empty {
  border-color: var(--ops-line) !important;
  background: var(--ops-soft) !important;
  color: var(--ops-ink) !important;
}

body.clean-ops-site .ads-analysis-head strong,
body.clean-ops-site .ads-analysis-panel strong,
body.clean-ops-site .ads-analysis-panel span,
body.clean-ops-site .ads-analysis-panel small,
body.clean-ops-site .ads-keyword-cloud strong,
body.clean-ops-site .ads-keyword-cloud span {
  color: var(--ops-ink) !important;
}

body.clean-ops-site .ads-analysis-panel small,
body.clean-ops-site .ads-analysis-panel span,
body.clean-ops-site .ads-keyword-cloud span {
  color: var(--ops-muted) !important;
}

body.clean-ops-site .shipment-toggle-grid label,
body.clean-ops-site .shipments-controls label {
  color: var(--ops-ink) !important;
}

body.clean-ops-site .shipment-toggle-grid input[type="checkbox"],
body.clean-ops-site.ads-material-page input[type="checkbox"] {
  width: 16px !important;
  min-width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  accent-color: var(--ops-teal) !important;
}

@media (max-width: 980px) {
  body.clean-ops-site .site-header,
  body.clean-ops-site .hero,
  body.clean-ops-site.ads-material-page .topbar,
  body.clean-ops-site .ads-command-center,
  body.clean-ops-site .ads-secondary-grid,
  body.clean-ops-site .ads-main-decision-grid,
  body.clean-ops-site .seller-summary-grid,
  body.clean-ops-site .seller-alert-grid,
  body.clean-ops-site .seller-source-grid,
  body.clean-ops-site .metrics-grid,
  body.clean-ops-site .ai-runtime-summary,
  body.clean-ops-site .ai-part-grid,
  body.clean-ops-site .workspace-grid {
    grid-template-columns: 1fr !important;
  }

  body.clean-ops-site.ads-material-page .status-strip {
    justify-content: flex-start !important;
  }
}

@media (max-width: 640px) {
  body.clean-ops-site .site-header,
  body.clean-ops-site.ads-material-page .topbar,
  body.clean-ops-site .site-shell,
  body.clean-ops-site .ads-console-shell {
    width: calc(100% - 16px) !important;
  }

  body.clean-ops-site .site-header {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.clean-ops-site .site-nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  body.clean-ops-site .site-nav a,
  body.clean-ops-site .primary-action,
  body.clean-ops-site .secondary-action,
  body.clean-ops-site.ads-material-page .pill,
  body.clean-ops-site.ads-material-page .back-link,
  body.clean-ops-site.ads-material-page .btn {
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  body.clean-ops-site.ads-material-page .topbar > div:first-child {
    grid-template-columns: 1fr !important;
  }

  body.clean-ops-site.ads-material-page .topbar-brand {
    grid-row: auto !important;
  }

  body.clean-ops-site.ads-material-page .topbar h1,
  body.clean-ops-site.ads-material-page .topbar p {
    white-space: normal !important;
  }

  body.clean-ops-site .ads-command-actions,
  body.clean-ops-site .shipments-summary-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Clean ops readability patch: keep legacy dark-theme text visible on light panels. */
body.clean-ops-site {
  --ops-muted: #475569;
  --ops-subtle: #334155;
}

body.clean-ops-site code {
  border: 1px solid var(--ops-line) !important;
  border-radius: 6px !important;
  background: #f8fafc !important;
  color: var(--ops-teal) !important;
  font-weight: 760 !important;
}

body.clean-ops-site .panel,
body.clean-ops-site .status-panel,
body.clean-ops-site .workspace-panel,
body.clean-ops-site .unified-board,
body.clean-ops-site .contract-band,
body.clean-ops-site .ai-runtime-band,
body.clean-ops-site .module-card,
body.clean-ops-site .info-card,
body.clean-ops-site .summary-card,
body.clean-ops-site .data-item,
body.clean-ops-site .empty,
body.clean-ops-site .empty-block,
body.clean-ops-site .source-chip,
body.clean-ops-site.ads-material-page .metric,
body.clean-ops-site.ads-material-page .run-banner,
body.clean-ops-site.ads-material-page .ads-command-status,
body.clean-ops-site.ads-material-page .ads-analysis-panel,
body.clean-ops-site.ads-material-page .ads-keyword-cloud,
body.clean-ops-site.ads-material-page .ads-keyword-performance,
body.clean-ops-site.ads-material-page .ads-sparkline,
body.clean-ops-site.ads-material-page .ads-campaign-card,
body.clean-ops-site.ads-material-page .ads-campaign-report-card,
body.clean-ops-site.ads-material-page .ads-campaign-report-callout,
body.clean-ops-site.ads-material-page .ads-campaign-report-next,
body.clean-ops-site.ads-material-page .ads-campaign-brief-box,
body.clean-ops-site.ads-material-page .ads-archive-card,
body.clean-ops-site.ads-material-page .ads-archive-mini,
body.clean-ops-site.ads-material-page .ads-execution-task-empty,
body.clean-ops-site.ads-material-page .ads-sku-opportunity-card,
body.clean-ops-site.ads-material-page .ads-sku-launch-card,
body.clean-ops-site.ads-material-page .ads-sku-success-card,
body.clean-ops-site .shipment-card,
body.clean-ops-site .shipment-stage-section,
body.clean-ops-site .shipment-stage-folder,
body.clean-ops-site .shipment-products-folder,
body.clean-ops-site .shipment-product-row,
body.clean-ops-site .shipment-missing-products,
body.clean-ops-site .shipment-stage-empty,
body.clean-ops-site .shipment-compact-empty {
  color: var(--ops-ink) !important;
}

body.clean-ops-site :where(.panel, .status-panel, .workspace-panel, .unified-board, .contract-band, .ai-runtime-band, .module-card, .info-card, .summary-card, .data-item, .empty, .empty-block, .source-chip, .metric, .run-banner, .ads-command-status, .ads-analysis-panel, .ads-keyword-cloud, .ads-keyword-performance, .ads-sparkline, .ads-campaign-card, .ads-campaign-report-card, .ads-campaign-report-callout, .ads-campaign-report-next, .ads-campaign-brief-box, .ads-archive-card, .ads-archive-mini, .ads-execution-task-empty, .ads-sku-opportunity-card, .ads-sku-launch-card, .ads-sku-success-card, .shipment-card, .shipment-stage-section, .shipment-stage-folder, .shipment-products-folder, .shipment-product-row, .shipment-missing-products, .shipment-stage-empty, .shipment-compact-empty) :where(p, span, small, em, i, li, dd, dt) {
  color: var(--ops-muted) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.clean-ops-site :where(.panel, .status-panel, .workspace-panel, .unified-board, .contract-band, .ai-runtime-band, .module-card, .info-card, .summary-card, .data-item, .empty, .empty-block, .source-chip, .metric, .run-banner, .ads-command-status, .ads-analysis-panel, .ads-keyword-cloud, .ads-keyword-performance, .ads-sparkline, .ads-campaign-card, .ads-campaign-report-card, .ads-campaign-report-callout, .ads-campaign-report-next, .ads-campaign-brief-box, .ads-archive-card, .ads-archive-mini, .ads-execution-task-empty, .ads-sku-opportunity-card, .ads-sku-launch-card, .ads-sku-success-card, .shipment-card, .shipment-stage-section, .shipment-stage-folder, .shipment-products-folder, .shipment-product-row, .shipment-missing-products, .shipment-stage-empty, .shipment-compact-empty) :where(strong, b, h3, h4) {
  color: var(--ops-ink) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.clean-ops-site .panel-head :where(p, span, small),
body.clean-ops-site .board-head :where(p, span, small),
body.clean-ops-site .section-headline :where(p, span, small),
body.clean-ops-site.ads-material-page .topbar p,
body.clean-ops-site.ads-material-page .ads-command-copy p,
body.clean-ops-site.ads-material-page .ads-panel-actions span,
body.clean-ops-site .workspace-head p,
body.clean-ops-site .module-card p {
  color: var(--ops-muted) !important;
  opacity: 1 !important;
}

body.clean-ops-site.ads-material-page .metric span,
body.clean-ops-site.ads-material-page .metric small,
body.clean-ops-site.ads-material-page .ads-campaign-card-meta span,
body.clean-ops-site.ads-material-page .ads-campaign-report-meta span,
body.clean-ops-site.ads-material-page .ads-fact-metric small,
body.clean-ops-site.ads-material-page .ads-fact-metric em,
body.clean-ops-site.ads-material-page .ads-sku-opportunity-metrics span,
body.clean-ops-site.ads-material-page .ads-sku-opportunity-metrics small,
body.clean-ops-site.ads-material-page .ads-sku-launch-metrics span,
body.clean-ops-site.ads-material-page .ads-sku-launch-metrics small,
body.clean-ops-site.ads-material-page .ads-sku-success-metrics span,
body.clean-ops-site.ads-material-page .ads-campaign-report-sections span,
body.clean-ops-site.ads-material-page .ads-archive-card span,
body.clean-ops-site.ads-material-page .ads-archive-card small,
body.clean-ops-site.ads-material-page .ads-archive-mini span {
  color: var(--ops-muted) !important;
  opacity: 1 !important;
}

body.clean-ops-site.ads-material-page .metric strong,
body.clean-ops-site.ads-material-page .empty strong,
body.clean-ops-site.ads-material-page .ads-command-status strong,
body.clean-ops-site.ads-material-page .ads-analysis-head strong,
body.clean-ops-site.ads-material-page .ads-analysis-panel strong,
body.clean-ops-site.ads-material-page .ads-keyword-cloud strong,
body.clean-ops-site.ads-material-page .ads-campaign-report-head strong,
body.clean-ops-site.ads-material-page .ads-fact-metric strong,
body.clean-ops-site.ads-material-page .ads-campaign-brief-box strong,
body.clean-ops-site.ads-material-page .ads-campaign-report-callout strong,
body.clean-ops-site.ads-material-page .ads-campaign-report-next strong,
body.clean-ops-site.ads-material-page .ads-campaign-report-sections strong,
body.clean-ops-site.ads-material-page .ads-archive-card strong,
body.clean-ops-site.ads-material-page .ads-archive-mini strong {
  color: var(--ops-ink) !important;
  opacity: 1 !important;
}

body.clean-ops-site details.panel > summary span,
body.clean-ops-site .ads-support-details > summary span,
body.clean-ops-site .shipment-stage-folder > summary span,
body.clean-ops-site .shipment-products-folder > summary span {
  color: var(--ops-ink) !important;
  opacity: 1 !important;
  font-weight: 820 !important;
}

body.clean-ops-site .status-pill,
body.clean-ops-site.ads-material-page .pill,
body.clean-ops-site.ads-material-page .risk-tag,
body.clean-ops-site.ads-material-page .step-tag,
body.clean-ops-site .tag,
body.clean-ops-site .item-meta span,
body.clean-ops-site .shipment-meta span,
body.clean-ops-site .shipment-status-meta span {
  color: var(--ops-subtle) !important;
  opacity: 1 !important;
}

body.clean-ops-site .tag.ok,
body.clean-ops-site .risk-tag.ok,
body.clean-ops-site .source-chip.ok span,
body.clean-ops-site .source-chip span {
  color: var(--ops-green) !important;
}

body.clean-ops-site .tag.warn,
body.clean-ops-site .risk-tag.warn,
body.clean-ops-site .source-chip.warn span {
  color: var(--ops-amber) !important;
}

body.clean-ops-site .primary-action,
body.clean-ops-site.ads-material-page .btn.green,
body.clean-ops-site.ads-material-page .btn.blue,
body.clean-ops-site.ads-material-page .btn.gold,
body.clean-ops-site.ads-material-page .btn.coral {
  color: #0f5132 !important;
  font-weight: 820 !important;
}

/* PO Fulfillment readability and card-action patch. */
body.clean-ops-site.shipments-page .shipment-stage-folder,
body.clean-ops-site.shipments-page .shipment-products-folder {
  border-color: var(--ops-line) !important;
  background: #fff !important;
  color: var(--ops-ink) !important;
  overflow: visible !important;
}

body.clean-ops-site.shipments-page .shipment-stage-folder > summary,
body.clean-ops-site.shipments-page .shipment-products-folder > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-height: 42px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ops-line) !important;
  background: #f8fafc !important;
  color: var(--ops-ink) !important;
  cursor: pointer !important;
}

body.clean-ops-site.shipments-page .shipment-stage-folder > summary span,
body.clean-ops-site.shipments-page .shipment-products-folder > summary span {
  color: var(--ops-ink) !important;
  font-weight: 860 !important;
  opacity: 1 !important;
}

body.clean-ops-site.shipments-page .shipment-stage-folder > summary strong,
body.clean-ops-site.shipments-page .shipment-products-folder > summary strong {
  flex: 0 0 auto !important;
  border: 1px solid #bbf7d0 !important;
  border-radius: 999px !important;
  background: #f0fdf4 !important;
  padding: 5px 9px !important;
  color: var(--ops-green) !important;
  font-size: 12px !important;
  font-weight: 860 !important;
  opacity: 1 !important;
}

body.clean-ops-site.shipments-page .shipment-stage-note {
  padding: 8px 14px !important;
  border-bottom: 1px solid var(--ops-line) !important;
  background: #fff !important;
  color: var(--ops-muted) !important;
  font-size: 13px !important;
  font-weight: 720 !important;
}

body.clean-ops-site.shipments-page .shipment-stage-cards {
  padding: 12px !important;
}

body.clean-ops-site.shipments-page .shipment-strip-main {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(284px, 320px) !important;
  grid-template-areas:
    "title actions"
    "products products" !important;
  gap: 12px !important;
  align-items: start !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

body.clean-ops-site.shipments-page .shipment-strip-title {
  grid-area: title !important;
  min-width: 0 !important;
}

body.clean-ops-site.shipments-page .shipment-compact-products {
  grid-area: products !important;
}

body.clean-ops-site.shipments-page .shipment-strip-actions {
  grid-area: actions !important;
  min-width: 0 !important;
  max-width: 100% !important;
  justify-self: stretch !important;
}

body.clean-ops-site.shipments-page .shipment-card,
body.clean-ops-site.shipments-page .shipment-product-row,
body.clean-ops-site.shipments-page .shipment-missing-products,
body.clean-ops-site.shipments-page .shipment-compact-product {
  background: var(--ops-soft) !important;
  color: var(--ops-ink) !important;
}

body.clean-ops-site.shipments-page .shipment-kicker,
body.clean-ops-site.shipments-page .shipment-card p,
body.clean-ops-site.shipments-page .shipment-stage-note,
body.clean-ops-site.shipments-page .shipment-meta,
body.clean-ops-site.shipments-page .shipment-status-meta,
body.clean-ops-site.shipments-page .shipment-product-row span,
body.clean-ops-site.shipments-page .shipment-missing-products span,
body.clean-ops-site.shipments-page .shipment-product-price small,
body.clean-ops-site.shipments-page .shipment-compact-product > span {
  color: var(--ops-muted) !important;
  opacity: 1 !important;
}

body.clean-ops-site.shipments-page .shipment-card h3,
body.clean-ops-site.shipments-page .shipment-strip-title,
body.clean-ops-site.shipments-page .shipment-product-row strong,
body.clean-ops-site.shipments-page .shipment-missing-products strong,
body.clean-ops-site.shipments-page .shipment-product-price b {
  color: var(--ops-ink) !important;
  opacity: 1 !important;
}

body.clean-ops-site.shipments-page .shipment-product-row a {
  color: var(--ops-teal) !important;
  font-weight: 820 !important;
}

body.clean-ops-site.shipments-page .shipment-compact-products {
  grid-template-columns: repeat(auto-fit, minmax(58px, 64px)) !important;
  max-width: 100% !important;
  overflow: visible !important;
}

body.clean-ops-site.shipments-page .shipment-compact-product {
  width: 64px !important;
  overflow: visible !important;
}

body.clean-ops-site.shipments-page .shipment-compact-thumb {
  border-color: var(--ops-line) !important;
  background: #fff !important;
}

body.clean-ops-site.shipments-page .shipment-compact-thumb b,
body.clean-ops-site.shipments-page .shipment-product-images figcaption {
  background: rgba(15, 23, 42, 0.88) !important;
  color: #fff !important;
}

body.clean-ops-site.shipments-page .shipment-no-preview,
body.clean-ops-site.shipments-page .shipment-no-image {
  border-color: #cbd5e1 !important;
  background: #fff !important;
  color: var(--ops-subtle) !important;
}

body.clean-ops-site.shipments-page .shipment-compact-product > span {
  display: block !important;
  height: auto !important;
  min-height: 24px !important;
  max-height: 34px !important;
  margin-top: 5px !important;
  overflow: hidden !important;
  color: var(--ops-subtle) !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
}

body.clean-ops-site.shipments-page .shipment-action-row {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body.clean-ops-site.shipments-page .shipment-action-row .btn {
  display: inline-flex !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  height: auto !important;
  padding: 8px 9px !important;
  white-space: normal !important;
  overflow: visible !important;
  text-align: center !important;
  line-height: 1.2 !important;
}

body.clean-ops-site.shipments-page .shipment-action-row .btn.needs-confirm {
  border-color: #facc15 !important;
  background: #fffbeb !important;
  color: #854d0e !important;
}

/* PO Fulfillment photo wall: keep every stage as a folder while making product photos visible on the strip. */
body.clean-ops-site.shipments-page .shipment-strip-main {
  grid-template-columns: minmax(300px, 1fr) minmax(392px, 456px) minmax(252px, 304px) !important;
  grid-template-areas: "title products actions" !important;
  align-items: center !important;
}

body.clean-ops-site.shipments-page .shipment-compact-products {
  display: grid !important;
  grid-template-columns: repeat(6, 64px) !important;
  grid-auto-rows: 64px !important;
  gap: 7px !important;
  align-content: start !important;
  justify-content: start !important;
  width: min(100%, 456px) !important;
  max-width: 456px !important;
  min-height: 64px !important;
  max-height: 135px !important;
  overflow: hidden !important;
  padding: 0 !important;
}

body.clean-ops-site.shipments-page .shipment-compact-product {
  width: 64px !important;
  min-width: 64px !important;
  height: 64px !important;
  background: transparent !important;
}

body.clean-ops-site.shipments-page .shipment-compact-thumb {
  width: 64px !important;
  height: 64px !important;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04) !important;
}

body.clean-ops-site.shipments-page .shipment-compact-thumb.image-failed::before {
  content: "图片失败";
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: var(--ops-subtle);
  font-size: 10px;
  font-weight: 850;
  text-align: center;
}

body.clean-ops-site.shipments-page .shipment-compact-thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.clean-ops-site.shipments-page .shipment-compact-product > span {
  display: none !important;
}

body.clean-ops-site.shipments-page .shipment-products {
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

body.clean-ops-site.shipments-page .shipment-product-row {
  grid-template-columns: minmax(292px, 360px) minmax(0, 1fr) !important;
  align-items: start !important;
}

body.clean-ops-site.shipments-page .shipment-product-images {
  grid-template-columns: repeat(6, 52px) !important;
  gap: 6px !important;
}

body.clean-ops-site.shipments-page .shipment-product-images figure,
body.clean-ops-site.shipments-page .shipment-product-images img,
body.clean-ops-site.shipments-page .shipment-no-image {
  width: 52px !important;
  height: 52px !important;
}

@media (max-width: 1180px) {
  body.clean-ops-site.shipments-page .shipment-strip-main {
    grid-template-columns: minmax(0, 1fr) minmax(252px, 304px) !important;
    grid-template-areas:
      "title actions"
      "products products" !important;
    align-items: start !important;
  }
}

@media (max-width: 720px) {
  body.clean-ops-site.shipments-page .shipment-compact-products {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
  }

  body.clean-ops-site.shipments-page .shipment-compact-product,
  body.clean-ops-site.shipments-page .shipment-compact-thumb {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    aspect-ratio: 1 !important;
  }

  body.clean-ops-site.shipments-page .shipment-product-row {
    grid-template-columns: 1fr !important;
  }

  body.clean-ops-site.shipments-page .shipment-product-images {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body.clean-ops-site.shipments-page .shipment-product-images figure,
  body.clean-ops-site.shipments-page .shipment-product-images img,
  body.clean-ops-site.shipments-page .shipment-no-image {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 !important;
  }
}

@media (max-width: 420px) {
  body.clean-ops-site.shipments-page .shipment-compact-products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.clean-ops-site.shipments-page .shipment-product-images {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Cross-board readability closeout: Ads, PO and Daily-style cards share the light workbench skin. */
body.clean-ops-site .ads-console-shell,
body.clean-ops-site .workspace,
body.clean-ops-site.ads-material-page .panel-body {
  color: var(--ops-ink) !important;
}

body.clean-ops-site.ads-material-page :where(
  .ads-active-card,
  .ads-active-product,
  .ads-active-pulse span,
  .ads-analysis-grid span,
  .ads-keyword-chip,
  .ads-keyword-performance-row,
  .ads-campaign-report-card,
  .ads-campaign-report-callout,
  .ads-campaign-report-next,
  .ads-campaign-brief-box,
  .ads-campaign-report-sections section,
  .ads-archive-card,
  .ads-archive-mini,
  .ads-execution-task-card,
  .ads-execution-task-facts span,
  .ads-sku-opportunity-summary,
  .ads-sku-opportunity-summary div,
  .ads-sku-opportunity-card,
  .ads-sku-opportunity-metrics span,
  .ads-sku-opportunity-notes,
  .ads-sku-launch-plan,
  .ads-sku-launch-metrics span,
  .ads-sku-success-metrics span
) {
  border-color: var(--ops-line) !important;
  background: #fff !important;
  color: var(--ops-ink) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.clean-ops-site.ads-material-page :where(
  .ads-execution-memory,
  .ads-report-memory,
  .ads-active-note,
  .ads-active-note.capture-quality.ok,
  .ads-active-note.capture-quality.warn,
  .ads-active-note.mission-loop.ok,
  .ads-active-note.mission-loop.info,
  .ads-active-note.mission-loop.warn,
  .ads-keyword-cloud.empty-keywords,
  .ads-keyword-performance.empty,
  .ads-analysis-panel.empty-analysis
) {
  border-color: var(--ops-line) !important;
  background: var(--ops-soft) !important;
  color: var(--ops-ink) !important;
  box-shadow: none !important;
}

body.clean-ops-site.ads-material-page :where(
  .ads-active-card,
  .ads-active-product,
  .ads-active-pulse,
  .ads-analysis-panel,
  .ads-analysis-grid,
  .ads-keyword-cloud,
  .ads-keyword-performance,
  .ads-campaign-report-card,
  .ads-archive-card,
  .ads-archive-mini,
  .ads-execution-task-card,
  .ads-sku-opportunity-card,
  .ads-sku-launch-plan
) :where(span, small, em, i, li, p) {
  color: var(--ops-muted) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.clean-ops-site.ads-material-page :where(
  .ads-active-card,
  .ads-active-product,
  .ads-active-pulse,
  .ads-analysis-panel,
  .ads-analysis-grid,
  .ads-keyword-cloud,
  .ads-keyword-performance,
  .ads-campaign-report-card,
  .ads-archive-card,
  .ads-archive-mini,
  .ads-execution-task-card,
  .ads-sku-opportunity-card,
  .ads-sku-launch-plan
) :where(strong, b, h3, h4) {
  color: var(--ops-ink) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.clean-ops-site.ads-material-page :where(.btn, .back-link),
body.clean-ops-site.shipments-page .shipment-action-row .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  height: auto !important;
  white-space: normal !important;
  overflow: visible !important;
  line-height: 1.25 !important;
  text-align: center !important;
}

body.clean-ops-site.ads-material-page .ads-execution-task-actions {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(132px, max-content)) !important;
  justify-content: start !important;
  gap: 8px !important;
}

body.clean-ops-site.ads-material-page .ads-execution-task-actions .btn {
  width: auto !important;
  min-width: 132px !important;
  flex: initial !important;
}

/* Ads diagnostic fit pass: give report/task boards enough width and let long campaign text breathe. */
body.clean-ops-site.ads-material-page .ads-main-decision-grid {
  grid-template-columns: 1fr !important;
  align-items: stretch !important;
}

body.clean-ops-site.ads-material-page .ads-main-decision-grid > .panel,
body.clean-ops-site.ads-material-page .ads-main-decision-grid .panel-body,
body.clean-ops-site.ads-material-page .ads-campaign-report-card,
body.clean-ops-site.ads-material-page .ads-execution-task-card {
  min-width: 0 !important;
  overflow: visible !important;
}

body.clean-ops-site.ads-material-page .ads-campaign-report-grid,
body.clean-ops-site.ads-material-page .ads-execution-task-list {
  width: 100% !important;
  min-width: 0 !important;
}

body.clean-ops-site.ads-material-page .ads-campaign-report-head,
body.clean-ops-site.ads-material-page .ads-execution-task-head,
body.clean-ops-site.ads-material-page .ads-execution-task-section-head {
  align-items: flex-start !important;
  flex-wrap: wrap !important;
}

body.clean-ops-site.ads-material-page .ads-campaign-report-head > div,
body.clean-ops-site.ads-material-page .ads-execution-task-head > div {
  min-width: 0 !important;
  flex: 1 1 360px !important;
}

body.clean-ops-site.ads-material-page .ads-campaign-report-head strong,
body.clean-ops-site.ads-material-page .ads-execution-task-head strong,
body.clean-ops-site.ads-material-page .ads-execution-task-head span:not(.risk-tag),
body.clean-ops-site.ads-material-page .ads-execution-task-note span,
body.clean-ops-site.ads-material-page .ads-report-action span,
body.clean-ops-site.ads-material-page .ads-campaign-report-card p,
body.clean-ops-site.ads-material-page .ads-campaign-report-callout span,
body.clean-ops-site.ads-material-page .ads-campaign-report-next span,
body.clean-ops-site.ads-material-page .ads-campaign-brief-box span,
body.clean-ops-site.ads-material-page .ads-fact-subline span,
body.clean-ops-site.ads-material-page .ads-fact-keywords span {
  display: block !important;
  max-width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

body.clean-ops-site.ads-material-page .ads-execution-task-note span {
  -webkit-line-clamp: unset !important;
}

body.clean-ops-site.ads-material-page .ads-fact-metrics,
body.clean-ops-site.ads-material-page .ads-execution-task-facts {
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)) !important;
}

body.clean-ops-site.ads-material-page .ads-fact-metric,
body.clean-ops-site.ads-material-page .ads-execution-task-facts span {
  min-width: 0 !important;
  min-height: 0 !important;
}

body.clean-ops-site.ads-material-page .ads-fact-metric strong,
body.clean-ops-site.ads-material-page .ads-execution-task-facts strong {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.25 !important;
}

body.clean-ops-site.ads-material-page .ads-campaign-brief-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
}

body.clean-ops-site.ads-material-page .ads-report-action {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
}

body.clean-ops-site.ads-material-page .ads-report-action .btn {
  justify-self: end !important;
  min-width: 150px !important;
}

body.clean-ops-site.ads-material-page .ads-execution-task-card {
  grid-template-columns: 96px minmax(0, 1fr) !important;
  gap: 14px !important;
}

body.clean-ops-site.ads-material-page .ads-execution-task-thumb {
  width: 96px !important;
  height: 96px !important;
}

@media (max-width: 720px) {
  body.clean-ops-site.ads-material-page .ads-report-action,
  body.clean-ops-site.ads-material-page .ads-execution-task-card {
    grid-template-columns: 1fr !important;
  }

  body.clean-ops-site.ads-material-page .ads-execution-task-thumb {
    width: 84px !important;
    height: 84px !important;
  }

  body.clean-ops-site.ads-material-page .ads-report-action .btn {
    justify-self: stretch !important;
    width: 100% !important;
  }
}

/* Site home soft shell: keep the unified entry page lighter than the data workbench pages. */
body.clean-ops-site.materials-skin {
  --ops-home-panel: rgba(255, 255, 255, 0.68);
  --ops-home-panel-soft: rgba(255, 255, 255, 0.48);
  --ops-home-line: rgba(148, 163, 184, 0.32);
  --ops-home-shadow: 0 1px 0 rgba(255, 255, 255, 0.72), 0 16px 42px rgba(15, 23, 42, 0.045);
  background:
    radial-gradient(circle at 12% 8%, rgba(15, 118, 110, 0.08), transparent 24%),
    radial-gradient(circle at 88% 5%, rgba(37, 99, 235, 0.07), transparent 26%),
    linear-gradient(180deg, #f8fafc 0%, #eef3f8 100%) !important;
}

body.clean-ops-site.materials-skin .site-header,
body.clean-ops-site.materials-skin .hero > div,
body.clean-ops-site.materials-skin .status-panel,
body.clean-ops-site.materials-skin .module-card,
body.clean-ops-site.materials-skin .contract-band,
body.clean-ops-site.materials-skin .ai-runtime-band {
  border-color: var(--ops-home-line) !important;
  background: var(--ops-home-panel) !important;
  box-shadow: var(--ops-home-shadow) !important;
  -webkit-backdrop-filter: blur(18px) saturate(118%) !important;
  backdrop-filter: blur(18px) saturate(118%) !important;
}

body.clean-ops-site.materials-skin .site-header {
  border-color: rgba(148, 163, 184, 0.24) !important;
  background: rgba(255, 255, 255, 0.54) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.72), 0 10px 30px rgba(15, 23, 42, 0.035) !important;
}

body.clean-ops-site.materials-skin .hero {
  gap: 14px !important;
}

body.clean-ops-site.materials-skin .hero > div {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.42)),
    rgba(255, 255, 255, 0.5) !important;
}

body.clean-ops-site.materials-skin .status-panel,
body.clean-ops-site.materials-skin .module-card {
  background: var(--ops-home-panel-soft) !important;
}

body.clean-ops-site.materials-skin .module-card {
  min-height: 188px !important;
  padding: 15px !important;
  transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

body.clean-ops-site.materials-skin .module-card:hover {
  transform: translateY(-2px);
  border-color: rgba(15, 118, 110, 0.24) !important;
  background: rgba(255, 255, 255, 0.74) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.78), 0 18px 44px rgba(15, 23, 42, 0.07) !important;
}

body.clean-ops-site.materials-skin .module-grid {
  gap: 10px !important;
}

body.clean-ops-site.materials-skin .contract-band,
body.clean-ops-site.materials-skin .ai-runtime-band {
  background: rgba(255, 255, 255, 0.5) !important;
}

body.clean-ops-site.materials-skin .primary-action,
body.clean-ops-site.materials-skin .secondary-action,
body.clean-ops-site.materials-skin .icon-button,
body.clean-ops-site.materials-skin .site-nav a,
body.clean-ops-site.materials-skin .status-pill {
  background: rgba(255, 255, 255, 0.58) !important;
  border-color: rgba(148, 163, 184, 0.36) !important;
}

@media (max-width: 720px) {
  body.clean-ops-site.shipments-page .shipment-stage-folder > summary,
  body.clean-ops-site.shipments-page .shipment-products-folder > summary {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body.clean-ops-site.shipments-page .shipment-strip-main {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "title"
      "products"
      "actions" !important;
  }

  body.clean-ops-site.shipments-page .shipment-action-row {
    grid-template-columns: 1fr !important;
  }

  body.clean-ops-site.shipments-page .shipment-compact-products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.clean-ops-site.shipments-page .shipment-compact-product {
    width: auto !important;
    min-width: 0 !important;
  }

  body.clean-ops-site.shipments-page .shipment-compact-product > span {
    display: none !important;
  }

  body.clean-ops-site.ads-material-page .ads-execution-task-actions {
    grid-template-columns: 1fr !important;
  }

  body.clean-ops-site.ads-material-page .ads-execution-task-actions .btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Final PO card layout override. Keep this at the end so older shipment rules cannot undo it. */
body.clean-ops-site.shipments-page .shipment-stage-folder {
  display: block !important;
  margin-bottom: 12px !important;
}

body.clean-ops-site.shipments-page .shipment-stage-folder > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 48px !important;
  padding: 12px 14px !important;
}

body.clean-ops-site.shipments-page .shipment-stage-folder > summary span {
  font-size: 18px !important;
  font-weight: 920 !important;
}

body.clean-ops-site.shipments-page .shipment-stage-folder > summary strong {
  font-size: 14px !important;
}

body.clean-ops-site.shipments-page .shipment-stage-cards {
  display: grid !important;
  gap: 10px !important;
  padding: 12px !important;
}

body.clean-ops-site.shipments-page .shipment-card {
  display: grid !important;
  gap: 10px !important;
  padding: 10px !important;
  overflow: hidden !important;
}

body.clean-ops-site.shipments-page .shipment-strip-main {
  display: grid !important;
  grid-template-columns: minmax(300px, 1fr) minmax(392px, 456px) minmax(252px, 304px) !important;
  grid-template-areas: "title products actions" !important;
  gap: 12px !important;
  align-items: center !important;
}

body.clean-ops-site.shipments-page .shipment-strip-title {
  grid-area: title !important;
}

body.clean-ops-site.shipments-page .shipment-compact-products {
  grid-area: products !important;
  display: grid !important;
  grid-template-columns: repeat(6, 64px) !important;
  grid-auto-rows: 64px !important;
  gap: 7px !important;
  width: min(100%, 456px) !important;
  max-width: 456px !important;
  max-height: 135px !important;
  overflow: hidden !important;
  justify-content: start !important;
  align-content: start !important;
  padding: 0 !important;
}

body.clean-ops-site.shipments-page .shipment-compact-product {
  width: 64px !important;
  min-width: 64px !important;
  height: 64px !important;
  background: transparent !important;
  overflow: visible !important;
}

body.clean-ops-site.shipments-page .shipment-compact-thumb {
  width: 64px !important;
  height: 64px !important;
  overflow: hidden !important;
}

body.clean-ops-site.shipments-page .shipment-compact-thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.clean-ops-site.shipments-page .shipment-compact-product > span {
  display: none !important;
}

body.clean-ops-site.shipments-page .shipment-strip-actions {
  grid-area: actions !important;
}

body.clean-ops-site.shipments-page .shipment-products-folder {
  display: block !important;
}

body.clean-ops-site.shipments-page .shipment-products {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

body.clean-ops-site.shipments-page .shipment-product-row {
  display: grid !important;
  grid-template-columns: minmax(292px, 360px) minmax(0, 1fr) !important;
  align-items: start !important;
}

body.clean-ops-site.shipments-page .shipment-product-images {
  display: grid !important;
  grid-template-columns: repeat(6, 52px) !important;
  gap: 6px !important;
}

body.clean-ops-site.shipments-page .shipment-product-images figure,
body.clean-ops-site.shipments-page .shipment-product-images img,
body.clean-ops-site.shipments-page .shipment-no-image {
  width: 52px !important;
  height: 52px !important;
}

@media (max-width: 1180px) {
  body.clean-ops-site.shipments-page .shipment-strip-main {
    grid-template-columns: minmax(0, 1fr) minmax(252px, 304px) !important;
    grid-template-areas:
      "title actions"
      "products products" !important;
    align-items: start !important;
  }
}

@media (max-width: 720px) {
  body.clean-ops-site.shipments-page .shipment-strip-main {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "title"
      "products"
      "actions" !important;
  }

  body.clean-ops-site.shipments-page .shipment-compact-products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  body.clean-ops-site.shipments-page .shipment-compact-product,
  body.clean-ops-site.shipments-page .shipment-compact-thumb {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    aspect-ratio: 1 !important;
  }

  body.clean-ops-site.shipments-page .shipment-action-row {
    grid-template-columns: 1fr !important;
  }

  body.clean-ops-site.shipments-page .shipment-product-row {
    grid-template-columns: 1fr !important;
  }

  body.clean-ops-site.shipments-page .shipment-product-images {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body.clean-ops-site.shipments-page .shipment-product-images figure,
  body.clean-ops-site.shipments-page .shipment-product-images img,
  body.clean-ops-site.shipments-page .shipment-no-image {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 !important;
  }
}

@media (max-width: 420px) {
  body.clean-ops-site.shipments-page .shipment-compact-products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.clean-ops-site.shipments-page .shipment-product-images {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}