:root {
      --navy: #061a38;
      --navy-2: #0a244d;
      --ink: #142033;
      --muted: #64748b;
      --soft: #f4f7fb;
      --line: #e2e8f0;
      --white: #ffffff;
      --blue: #1769ff;
      --blue-soft: #eaf2ff;
      --green: #0f9f6e;
      --green-soft: #e8f8f1;
      --amber: #d97706;
      --amber-soft: #fff4df;
      --red: #dc3f5d;
      --red-soft: #fff0f3;
      --violet: #6d5dfc;
      --violet-soft: #f0efff;
      --teal: #0f8f8c;
      --teal-soft: #e7f7f6;
      --shadow: 0 18px 48px rgba(15, 35, 70, 0.08);
      --shadow-soft: 0 10px 26px rgba(15, 35, 70, 0.06);
      --radius: 22px;
      --radius-sm: 14px;
      --brand-blue: #0f62fe;
      --brand-blue-dark: #083ea7;
      --brand-sky: #35b5f2;
      --brand-orange: #ff7a2f;
      --brand-gradient: linear-gradient(135deg, #0f62fe 0%, #1f8cff 38%, #35b5f2 62%, #ff7a2f 100%);
      --brand-gradient-hover: linear-gradient(135deg, #083ea7 0%, #0f62fe 36%, #35b5f2 62%, #ff7a2f 100%);
      --brand-gradient-soft: linear-gradient(135deg, rgba(15,98,254,.14), rgba(53,181,242,.12), rgba(255,122,47,.16));
      --brand-shadow: 0 16px 32px rgba(15,98,254,.22);
    }

    * {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      min-height: 100vh;
      background: #f5f8fc;
      color: var(--ink);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
      letter-spacing: 0;
    }

    button,
    select {
      font: inherit;
    }

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

    .sidebar {
      position: sticky;
      top: 0;
      height: 100vh;
      background: linear-gradient(180deg, var(--navy), #031226);
      color: #d9e7ff;
      padding: 26px 20px;
      box-shadow: 16px 0 42px rgba(4, 18, 38, 0.18);
      overflow-y: auto;
    }

    .brand-mark {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 34px;
    }

    .brand-icon {
      display: grid;
      place-items: center;
      width: 44px;
      height: 44px;
      border-radius: 14px;
      background: linear-gradient(135deg, #2f83ff, #12c2a8);
      color: #fff;
      font-weight: 800;
      box-shadow: 0 16px 28px rgba(23, 105, 255, 0.28);
    }

    .brand-title {
      font-size: 15px;
      font-weight: 800;
      color: #fff;
      line-height: 1.1;
    }

    .brand-subtitle {
      margin-top: 4px;
      font-size: 12px;
      color: #95a9c8;
    }

    .nav {
      display: grid;
      gap: 8px;
    }

    .nav-item {
      display: flex;
      align-items: center;
      gap: 12px;
      min-height: 46px;
      padding: 0 13px;
      border-radius: 13px;
      color: #b7c8e2;
      font-size: 14px;
      font-weight: 650;
      text-decoration: none;
      transition: background 160ms ease, color 160ms ease, transform 160ms ease;
    }

    .nav-item:hover,
    .nav-item.active {
      background: rgba(255, 255, 255, 0.11);
      color: #fff;
      transform: translateX(2px);
    }

    .nav-icon {
      display: grid;
      place-items: center;
      width: 27px;
      height: 27px;
      border-radius: 9px;
      background: rgba(255, 255, 255, 0.08);
      color: currentColor;
      font-size: 13px;
    }

    .sidebar-panel {
      margin-top: 34px;
      padding: 16px;
      border: 1px solid rgba(255, 255, 255, 0.11);
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.06);
    }

    .sidebar-panel strong {
      display: block;
      color: #fff;
      font-size: 13px;
      margin-bottom: 7px;
    }

    .sidebar-panel span {
      color: #a9bbd6;
      font-size: 12px;
      line-height: 1.45;
    }

    .main {
      min-width: 0;
      width: 100%;
      max-width: 1880px;
      margin: 0 auto;
      padding: clamp(20px, 2vw, 30px);
    }

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

    .eyebrow {
      margin: 0 0 8px;
      color: var(--blue);
      font-size: 13px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.08em;
    }

    h1 {
      margin: 0;
      color: var(--ink);
      font-size: clamp(30px, 4vw, 50px);
      line-height: 1.02;
      letter-spacing: 0;
    }

    .payoff {
      max-width: 690px;
      margin: 13px 0 0;
      color: var(--muted);
      font-size: 17px;
      line-height: 1.55;
    }

    .header-chip {
      flex: 0 0 auto;
      display: grid;
      gap: 6px;
      min-width: 190px;
      padding: 16px 18px;
      border: 1px solid var(--line);
      border-radius: 18px;
      background: var(--white);
      box-shadow: var(--shadow-soft);
    }

    .header-chip span {
      color: var(--muted);
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
    }

    .header-chip strong {
      font-size: 24px;
      color: var(--navy);
    }

    .backend-status {
      display: inline-flex;
      align-items: center;
      width: fit-content;
      min-height: 28px;
      padding: 0 10px;
      border-radius: 999px;
      color: #9a5a05;
      background: var(--amber-soft);
      font-size: 12px;
      font-weight: 850;
    }

    .backend-status.connected {
      color: #08724d;
      background: var(--green-soft);
    }

    .backend-status.prominent {
      min-height: 40px;
      padding: 0 14px;
      border: 1px solid #ffe3ad;
      box-shadow: 0 10px 22px rgba(217, 119, 6, 0.12);
    }

    .backend-status.prominent.connected {
      border-color: #c9f0df;
      box-shadow: 0 10px 22px rgba(15, 159, 110, 0.12);
    }

    .filter-topline {
      display: flex;
      align-items: center;
      gap: 10px;
      justify-content: flex-end;
      margin-bottom: 10px;
    }

    .flow-guide {
      display: none;
      flex-wrap: wrap;
      gap: 6px;
      margin-right: auto;
      opacity: 0.78;
    }

    .flow-step {
      display: inline-flex;
      align-items: center;
      min-height: 26px;
      padding: 0 8px;
      border-radius: 999px;
      background: var(--blue-soft);
      color: var(--navy);
      font-size: 11px;
      font-weight: 800;
    }

    .card {
      border: 1px solid rgba(226, 232, 240, 0.9);
      border-radius: var(--radius);
      background: var(--white);
      box-shadow: var(--shadow);
    }

    .filters {
      padding: 14px 16px;
      margin-bottom: 14px;
    }

    .dashboard-hero {
      margin-bottom: 18px;
    }

    .dashboard-command {
      padding: 14px 16px;
      border-radius: 18px;
      box-shadow: var(--shadow-soft);
    }

    .dashboard-context-badge {
      width: fit-content;
      margin: 0 0 10px;
      display: none;
    }

    .selectors-grid {
      display: grid;
      grid-template-columns: repeat(6, minmax(150px, 1fr));
      gap: 10px;
    }

    .field label {
      display: block;
      margin: 0 0 5px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 800;
    }

    .field select {
      width: 100%;
      min-height: 40px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: #fbfdff;
      color: var(--ink);
      padding: 0 38px 0 13px;
      outline: none;
      appearance: none;
      background-image:
        linear-gradient(45deg, transparent 50%, #64748b 50%),
        linear-gradient(135deg, #64748b 50%, transparent 50%);
      background-position:
        calc(100% - 18px) 19px,
        calc(100% - 12px) 19px;
      background-size: 6px 6px, 6px 6px;
      background-repeat: no-repeat;
    }

    .field select:focus {
      border-color: rgba(23, 105, 255, 0.55);
      box-shadow: 0 0 0 4px rgba(23, 105, 255, 0.09);
    }

    .badges {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 10px;
    }

    .badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 28px;
      padding: 0 10px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 800;
      border: 1px solid transparent;
    }

    .badge.green {
      color: #08724d;
      background: var(--green-soft);
      border-color: #c9f0df;
    }

    .badge.blue {
      color: #1154c8;
      background: var(--blue-soft);
      border-color: #d7e7ff;
    }

    .badge.violet {
      color: #5647ca;
      background: var(--violet-soft);
      border-color: #dfdcff;
    }

    .badge.amber {
      color: #9a5a05;
      background: var(--amber-soft);
      border-color: #ffe3ad;
    }

    .kpi-grid {
      display: grid;
      grid-template-columns: repeat(6, minmax(150px, 1fr));
      gap: 14px;
      margin-bottom: 16px;
    }

    .kpi-carousel-shell {
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr) 42px;
      gap: 10px;
      align-items: stretch;
      margin-bottom: 16px;
      min-width: 0;
      max-width: 100%;
      overflow: hidden;
    }

    .kpi-carousel-shell .kpi-grid {
      display: flex;
      gap: 14px;
      margin-bottom: 0;
      overflow-x: auto;
      scroll-behavior: smooth;
      scrollbar-width: none;
      padding: 2px 2px 10px;
      min-width: 0;
      max-width: 100%;
    }

    .kpi-carousel-shell .kpi-grid::-webkit-scrollbar {
      display: none;
    }

    .kpi-carousel-shell .kpi-card {
      flex: 0 0 min(236px, 74vw);
    }

    .kpi-nav {
      display: grid;
      place-items: center;
      width: 42px;
      min-height: 96px;
      border: 1px solid var(--line);
      border-radius: 14px;
      color: #1154c8;
      background: #fff;
      box-shadow: var(--shadow-soft);
      font-size: 24px;
      font-weight: 900;
      cursor: pointer;
    }

    .kpi-nav:hover {
      border-color: #bfdbfe;
      background: var(--blue-soft);
    }

    .kpi-card {
      position: relative;
      overflow: hidden;
      padding: 15px 16px;
      min-height: 116px;
      border: 1px solid rgba(226, 232, 240, 0.95);
      border-radius: 17px;
      background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
      box-shadow: var(--shadow-soft);
    }

    .kpi-card::before {
      content: "";
      position: absolute;
      inset: 0 auto 0 0;
      width: 3px;
      background: var(--blue);
      opacity: 0.5;
    }

    .kpi-top {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 10px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
    }

    .kpi-icon {
      display: grid;
      place-items: center;
      width: 34px;
      height: 34px;
      border-radius: 12px;
      color: #1154c8;
      background: var(--blue-soft);
    }

    .kpi-value {
      margin-top: 16px;
      color: var(--navy);
      font-size: 28px;
      font-weight: 850;
      line-height: 1;
    }

    .kpi-note {
      margin-top: 8px;
      color: var(--muted);
      font-size: 11px;
      line-height: 1.4;
    }

    .two-col {
      display: grid;
      grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
      gap: 18px;
      margin-bottom: 18px;
    }

    .dashboard-main-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(360px, 0.65fr);
      gap: 18px;
      align-items: start;
      margin-bottom: 18px;
    }

    .dashboard-primary,
    .dashboard-side {
      display: grid;
      gap: 18px;
      min-width: 0;
    }

    .dashboard-side {
      position: sticky;
      top: 18px;
    }

    .dashboard-side .wide-card,
    .dashboard-side .daily-insight {
      margin-bottom: 0;
    }

    .dashboard-side .actions-grid {
      grid-template-columns: 1fr;
    }

    .dashboard-side .action-card {
      box-shadow: none;
    }

    .panel {
      padding: 22px;
    }

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

    .section-title h2 {
      margin: 0;
      color: var(--navy);
      font-size: 21px;
      line-height: 1.2;
    }

    .section-title p {
      margin: 5px 0 0;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }

    .status-pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 9px 12px;
      border-radius: 999px;
      color: #9a5a05;
      background: var(--amber-soft);
      font-size: 13px;
      font-weight: 850;
    }

    .status-text {
      margin: 14px 0 18px;
      color: #344256;
      font-size: 17px;
      line-height: 1.58;
    }

    .critical-box {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      padding: 15px 16px;
      border-radius: 16px;
      background: #f9fbff;
      border: 1px solid var(--line);
    }

    .critical-box span {
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
    }

    .critical-box strong {
      color: var(--red);
      font-size: 17px;
    }

    .main-action-title {
      margin: 0 0 10px;
      color: var(--navy);
      font-size: 26px;
      line-height: 1.15;
    }

    .body-text {
      color: #475569;
      font-size: 15px;
      line-height: 1.6;
    }

    .combo {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 16px 0;
    }

    .combo span {
      padding: 8px 10px;
      border-radius: 999px;
      color: #1154c8;
      background: var(--blue-soft);
      font-size: 12px;
      font-weight: 850;
      border: 1px solid #d7e7ff;
    }

    .checklist {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin: 16px 0 20px;
      padding: 0;
      list-style: none;
    }

    .checklist li {
      display: flex;
      align-items: center;
      gap: 9px;
      min-height: 38px;
      padding: 8px 10px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: #fbfdff;
      color: #334155;
      font-size: 13px;
      font-weight: 700;
    }

    .check-dot {
      display: grid;
      place-items: center;
      flex: 0 0 auto;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      color: #08724d;
      background: var(--green-soft);
      font-size: 12px;
    }

    .primary-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      border: 0;
      border-radius: 13px;
      padding: 0 18px;
      color: #fff;
      background: linear-gradient(135deg, #1769ff, #0f8f8c);
      font-weight: 850;
      cursor: pointer;
      box-shadow: 0 14px 24px rgba(23, 105, 255, 0.22);
    }

    .carousel-card,
    .wide-card {
      padding: 22px;
      margin-bottom: 18px;
    }

    .carousel-controls {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .icon-button {
      display: grid;
      place-items: center;
      width: 38px;
      height: 38px;
      border: 1px solid var(--line);
      border-radius: 12px;
      color: var(--navy);
      background: #fff;
      cursor: pointer;
    }

    .metrics-track {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: minmax(230px, 1fr);
      gap: 14px;
      overflow-x: auto;
      overscroll-behavior-inline: contain;
      scroll-snap-type: inline mandatory;
      scrollbar-width: thin;
      padding: 3px 2px 8px;
    }

    .metrics-carousel-section {
      position: relative;
    }

    .metrics-carousel-shell {
      position: relative;
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr) 42px;
      align-items: stretch;
      gap: 10px;
    }

    .metric-nav {
      align-self: center;
      display: grid;
      place-items: center;
      width: 42px;
      height: 72px;
      border: 1px solid rgba(37, 99, 235, 0.18);
      border-radius: 14px;
      color: #1558d6;
      background: linear-gradient(180deg, #ffffff, #f4f7ff);
      box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
      font-size: 28px;
      font-weight: 800;
      line-height: 1;
      cursor: pointer;
      transition: transform 0.18s ease, opacity 0.18s ease, box-shadow 0.18s ease;
    }

    .metric-nav:hover {
      transform: translateY(-1px);
      box-shadow: 0 16px 30px rgba(37, 99, 235, 0.15);
    }

    .metric-nav:disabled {
      cursor: default;
      opacity: 0.38;
      transform: none;
      box-shadow: none;
    }

    .metric-card {
      scroll-snap-align: start;
      min-height: 205px;
      padding: 17px;
      border: 1px solid var(--line);
      border-radius: 18px;
      background: linear-gradient(180deg, #ffffff, #fbfdff);
      box-shadow: var(--shadow-soft);
    }

    .metric-card h3 {
      margin: 13px 0 8px;
      color: var(--navy);
      font-size: 17px;
    }

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

    .metric-badge {
      display: inline-flex;
      align-items: center;
      min-height: 28px;
      padding: 0 10px;
      border-radius: 999px;
      color: #08724d;
      background: var(--green-soft);
      font-size: 12px;
      font-weight: 850;
    }

    .funnel {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
      align-items: stretch;
    }

    .funnel-step {
      position: relative;
      padding: 18px;
      border-radius: 18px;
      border: 1px solid var(--line);
      background: #fbfdff;
      min-height: 130px;
    }

    .funnel-step:not(:last-child)::after {
      content: ">";
      position: absolute;
      right: -11px;
      top: 50%;
      transform: translateY(-50%);
      display: grid;
      place-items: center;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      color: #fff;
      background: var(--blue);
      font-size: 13px;
      font-weight: 900;
      z-index: 2;
    }

    .funnel-step span {
      color: var(--muted);
      font-size: 12px;
      font-weight: 850;
      text-transform: uppercase;
    }

    .funnel-step strong {
      display: block;
      margin-top: 18px;
      color: var(--navy);
      font-size: 27px;
      line-height: 1;
    }

    .funnel-step em {
      display: block;
      margin-top: 9px;
      color: var(--muted);
      font-size: 12px;
      font-style: normal;
    }

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

    .diagnosis-item {
      padding: 17px;
      border: 1px solid var(--line);
      border-radius: 18px;
      background: #fbfdff;
    }

    .diagnosis-item span {
      color: var(--blue);
      font-size: 12px;
      font-weight: 850;
      text-transform: uppercase;
    }

    .diagnosis-item p {
      margin: 10px 0 0;
      color: #475569;
      font-size: 14px;
      line-height: 1.55;
    }

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

    .action-card {
      padding: 18px;
      border: 1px solid var(--line);
      border-radius: 18px;
      background: #fff;
      box-shadow: var(--shadow-soft);
    }

    .priority {
      display: inline-flex;
      min-height: 30px;
      align-items: center;
      padding: 0 10px;
      border-radius: 999px;
      background: var(--violet-soft);
      color: #5647ca;
      font-size: 12px;
      font-weight: 850;
    }

    .action-card h3 {
      margin: 14px 0 12px;
      color: var(--navy);
      font-size: 20px;
    }

    .action-row {
      margin-top: 12px;
      padding-top: 12px;
      border-top: 1px solid var(--line);
    }

    .action-row strong {
      display: block;
      margin-bottom: 5px;
      color: var(--ink);
      font-size: 13px;
    }

    .action-row span {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.45;
    }

    .decision-dashboard {
      display: grid;
      gap: 18px;
      margin-bottom: 18px;
      padding: 18px;
      border-radius: 20px;
    }

    .decision-hero {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 18px;
      align-items: start;
      padding: 22px;
      border: 1px solid #cfe2ff;
      border-radius: 18px;
      background: linear-gradient(135deg, #ffffff 0%, #f5faff 100%);
    }

    .primary-diagnosis-card {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0;
      align-items: start;
      min-height: 156px;
      padding: 24px;
      border: 1px solid #cfe2ff;
      border-radius: 20px;
      background: linear-gradient(135deg, #ffffff 0%, #f5faff 100%);
      border-color: #bfdbfe;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.78);
    }

    .diagnosis-cell {
      min-width: 0;
      padding: 0 18px;
      border-right: 1px solid var(--line);
    }

    .diagnosis-cell:first-child {
      padding-left: 0;
    }

    .diagnosis-cell:last-child {
      border-right: 0;
      padding-right: 0;
    }

    .diagnosis-cell strong {
      display: block;
      margin-bottom: 8px;
      color: var(--navy);
      font-size: 15px;
      line-height: 1.3;
    }

    .diagnosis-cell p {
      margin: 0;
      color: #334155;
      font-size: 13px;
      line-height: 1.5;
    }

    .diagnosis-cell .mini-badge {
      margin-bottom: 8px;
    }

    .decision-hero h2,
    .decision-section h2 {
      margin: 0;
      color: var(--navy);
      font-size: 24px;
      line-height: 1.15;
    }

    .decision-hero p {
      margin: 8px 0 0;
      max-width: 920px;
      color: #334155;
      font-size: 15px;
      line-height: 1.55;
    }

    .decision-hero-stats {
      display: grid;
      grid-template-columns: repeat(3, minmax(90px, 1fr));
      gap: 8px;
      min-width: 320px;
    }

    .decision-stat {
      padding: 11px 12px;
      border: 1px solid var(--line);
      border-radius: 14px;
      background: #fff;
    }

    .decision-stat span {
      display: block;
      color: var(--muted);
      font-size: 11px;
      font-weight: 850;
      text-transform: uppercase;
    }

    .decision-stat strong {
      display: block;
      margin-top: 4px;
      color: var(--navy);
      font-size: 22px;
      line-height: 1;
    }

    .decision-section {
      display: grid;
      gap: 12px;
    }

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

    .today-action-card {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 14px;
      min-width: 0;
      padding: 16px;
      border: 1px solid #bfdbfe;
      border-radius: 18px;
      background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
      box-shadow: var(--shadow-soft);
    }

    .today-action-card.is-high {
      border-color: #fed7aa;
      background: linear-gradient(135deg, #fffaf3 0%, #ffffff 100%);
    }

    .today-action-card.is-critical {
      border-color: #fecdd3;
      background: linear-gradient(135deg, #fff8f9 0%, #ffffff 100%);
    }

    .today-action-rank {
      display: grid;
      place-items: center;
      width: 44px;
      height: 44px;
      border-radius: 15px;
      background: var(--blue-soft);
      color: #1154c8;
      font-weight: 900;
    }

    .today-action-card h3 {
      margin: 8px 0 6px;
      color: var(--navy);
      font-size: 16px;
      line-height: 1.25;
    }

    .today-action-card p {
      margin: 0 0 12px;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }

    .tiny-action-button {
      width: fit-content;
      min-height: 30px;
      padding: 0 10px;
      border: 1px solid #bfdbfe;
      border-radius: 9px;
      background: #fff;
      color: #1154c8;
      font-size: 12px;
      font-weight: 850;
      cursor: pointer;
    }

    .decision-section-title {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 14px;
    }

    .decision-section-title p {
      margin: 4px 0 0;
      color: var(--muted);
      font-size: 13px;
    }

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

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

    .plan-column {
      min-width: 0;
      overflow: hidden;
      padding: 0 16px 16px;
      border: 1px solid var(--line);
      border-radius: 18px;
      background: #fff;
      box-shadow: var(--shadow-soft);
    }

    .plan-column.is-now {
      border-color: #bbf7d0;
      background: #f7fffb;
    }

    .plan-column.is-monitor {
      border-color: #fed7aa;
      background: #fffaf3;
    }

    .plan-column.is-confirm {
      border-color: #bfdbfe;
      background: #f8fbff;
    }

    .plan-column.is-no {
      border-color: #fecdd3;
      background: #fff8f9;
    }

    .plan-column h3 {
      margin: 0 -16px 12px;
      padding: 13px 16px;
      color: var(--navy);
      font-size: 15px;
      background: #f8fafc;
      border-bottom: 1px solid var(--line);
    }

    .plan-column.is-now h3 {
      background: #ecfdf5;
      color: #047857;
    }

    .plan-column.is-monitor h3 {
      background: #fff7ed;
      color: #b45309;
    }

    .plan-column.is-confirm h3 {
      background: #eff6ff;
      color: #1d4ed8;
    }

    .plan-column.is-no h3 {
      background: #fff1f2;
      color: #be123c;
    }

    .plan-column ul,
    .critical-check-list,
    .ai-dashboard-list {
      display: grid;
      gap: 9px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .plan-column li,
    .critical-check-list li,
    .ai-dashboard-list li {
      color: #334155;
      font-size: 13px;
      line-height: 1.45;
    }

    .plan-column li {
      padding-left: 14px;
      position: relative;
    }

    .plan-column li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0.62em;
      width: 5px;
      height: 5px;
      border-radius: 999px;
      background: currentColor;
    }

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

    .critical-check-item {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 6px 10px;
      align-items: start;
      padding: 12px;
      border: 1px solid #fed7aa;
      border-radius: 14px;
      background: #fffaf3;
    }

    .critical-check-item strong {
      color: var(--navy);
      font-size: 13px;
    }

    .critical-check-item span {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
    }

    .critical-check-item .mini-badge {
      margin-left: auto;
    }

    .dashboard-ai-section {
      padding: 16px;
      border: 1px solid #ddd6fe;
      border-radius: 18px;
      background: #fbfaff;
    }

    .campaign-workspace {
      display: grid;
      grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.55fr);
      gap: 18px;
      align-items: stretch;
    }

    .campaign-workspace.is-full-width {
      display: block;
    }

    .campaign-rail,
    .campaign-reading-board {
      min-width: 0;
      border: 1px solid rgba(226, 232, 240, 0.92);
      border-radius: 20px;
      background: #fff;
      box-shadow: var(--shadow-soft);
    }

    .campaign-rail {
      padding: 18px;
    }

    .campaign-rail-header,
    .campaign-board-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 14px;
    }

    .campaign-rail-header h2,
    .campaign-board-header h2 {
      margin: 0;
      color: var(--navy);
      font-size: 20px;
      line-height: 1.15;
    }

    .campaign-rail-header p,
    .campaign-board-header p {
      margin: 4px 0 0;
      color: var(--muted);
      font-size: 12px;
    }

    .campaign-search {
      display: flex;
      gap: 8px;
      margin-bottom: 14px;
    }

    .campaign-search input {
      width: 100%;
      min-height: 40px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: #fbfdff;
      color: var(--ink);
      padding: 0 13px;
      outline: none;
    }

    .campaign-list {
      display: grid;
      gap: 9px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .tree-scroll {
      max-height: 520px;
      overflow-y: auto;
      padding-right: 4px;
      scrollbar-width: thin;
      scrollbar-color: #cbd5e1 transparent;
    }

    .tree-scroll::-webkit-scrollbar {
      width: 8px;
    }

    .tree-scroll::-webkit-scrollbar-thumb {
      border-radius: 999px;
      background: #cbd5e1;
    }

    .campaign-tree {
      display: grid;
      gap: 9px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .campaign-node,
    .adset-node,
    .ad-node {
      display: grid;
      gap: 8px;
      min-width: 0;
      padding: 11px;
      border: 1px solid var(--line);
      border-radius: 14px;
      background: #fff;
    }

    .campaign-node.is-selected,
    .adset-node.is-selected,
    .ad-node.is-selected {
      border-color: #1769ff;
      box-shadow: 0 10px 22px rgba(23, 105, 255, 0.12);
      background: #fbfdff;
    }

    .adset-node {
      margin-left: 18px;
      background: #f8fbff;
    }

    .ad-node {
      margin-left: 36px;
      background: #ffffff;
    }

    .tree-row {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      gap: 9px;
      align-items: center;
    }

    .tree-toggle {
      display: grid;
      place-items: center;
      width: 28px;
      height: 28px;
      border: 1px solid var(--line);
      border-radius: 9px;
      color: #1154c8;
      background: #fff;
      font-weight: 900;
      cursor: pointer;
    }

    .tree-title {
      min-width: 0;
    }

    .tree-title strong {
      display: block;
      color: var(--navy);
      font-size: 12px;
      line-height: 1.25;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .tree-title span {
      display: block;
      margin-top: 3px;
      color: var(--muted);
      font-size: 11px;
      line-height: 1.25;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .tree-meta {
      display: grid;
      justify-items: end;
      gap: 3px;
      color: var(--navy);
      font-size: 11px;
      font-weight: 850;
      white-space: nowrap;
    }

    .tree-meta span {
      color: var(--muted);
      font-weight: 650;
    }

    .tree-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      padding-left: 37px;
    }

    .tree-action-button {
      min-height: 29px;
      border: 1px solid #bfdbfe;
      border-radius: 9px;
      padding: 0 9px;
      color: #1154c8;
      background: #fff;
      font-size: 11px;
      font-weight: 850;
      cursor: pointer;
    }

    .tree-action-button.primary {
      color: #fff;
      background: #1769ff;
      border-color: #1769ff;
    }

    .campaign-list-item {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      gap: 11px;
      align-items: center;
      width: 100%;
      min-height: 66px;
      padding: 12px;
      border: 1px solid var(--line);
      border-radius: 14px;
      background: #fff;
      color: inherit;
      font: inherit;
      text-align: left;
      cursor: pointer;
      transition: border 160ms ease, box-shadow 160ms ease, transform 160ms ease;
    }

    .campaign-list-item.is-active {
      border-color: #1769ff;
      box-shadow: 0 12px 26px rgba(23, 105, 255, 0.12);
      transform: translateY(-1px);
    }

    .campaign-dot {
      width: 11px;
      height: 11px;
      border-radius: 999px;
      background: #94a3b8;
      box-shadow: 0 0 0 4px #f1f5f9;
    }

    .campaign-list-item.is-active .campaign-dot,
    .campaign-dot.is-on {
      background: #11a56f;
      box-shadow: 0 0 0 4px #e8f8f1;
    }

    .campaign-list-name {
      display: block;
      color: var(--navy);
      font-size: 13px;
      font-weight: 850;
      line-height: 1.25;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .campaign-list-type {
      display: block;
      margin-top: 4px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.2;
    }

    .campaign-list-money {
      text-align: right;
      color: var(--navy);
      font-size: 12px;
      font-weight: 850;
      white-space: nowrap;
    }

    .campaign-list-money span {
      display: block;
      margin-top: 4px;
      color: var(--muted);
      font-weight: 650;
    }

    .campaign-reading-board {
      padding: 22px;
    }

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

    .campaign-video-icon {
      display: grid;
      place-items: center;
      flex: 0 0 auto;
      width: 48px;
      height: 48px;
      border-radius: 16px;
      color: #fff;
      background: linear-gradient(135deg, #1769ff, #65a6ff);
      box-shadow: 0 14px 28px rgba(23, 105, 255, 0.22);
      font-weight: 900;
    }

    .campaign-board-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
      margin-top: 6px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 700;
    }

    .campaign-board-meta span {
      padding: 6px 9px;
      border: 1px solid #e8eef7;
      border-radius: 999px;
      background: #f8fbff;
    }

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

    .decision-reader-header {
      display: flex;
      justify-content: space-between;
      gap: 18px;
      align-items: flex-start;
      margin-bottom: 14px;
    }

    .decision-reader-title {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      min-width: 0;
    }

    .decision-reader-title h2 {
      margin: 0 0 7px;
      color: var(--navy);
      font-size: 21px;
      line-height: 1.2;
    }

    .decision-reader-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
    }

    .decision-reader-chips span {
      padding: 6px 9px;
      border-radius: 999px;
      border: 1px solid #e2eaf6;
      background: #f8fbff;
      color: #52647c;
      font-size: 11px;
      font-weight: 800;
    }

    .decision-kpi-strip {
      display: grid;
      grid-template-columns: repeat(7, minmax(0, 1fr));
      gap: 10px;
      margin-bottom: 14px;
    }

    .decision-kpi-card {
      min-width: 0;
      padding: 13px;
      border: 1px solid #e2eaf6;
      border-radius: 16px;
      background: #fff;
      box-shadow: 0 10px 20px rgba(15, 23, 42, 0.035);
    }

    .decision-kpi-card span {
      display: block;
      color: #52647c;
      font-size: 11px;
      font-weight: 900;
    }

    .decision-kpi-card strong {
      display: block;
      margin: 8px 0 6px;
      color: var(--navy);
      font-size: 20px;
      line-height: 1;
    }

    .decision-main-diagnosis {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      gap: 16px;
      align-items: center;
      padding: 18px;
      border: 1px solid #dbeafe;
      border-radius: 20px;
      background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
      box-shadow: 0 16px 30px rgba(15, 23, 42, 0.05);
    }

    .decision-target-icon {
      display: grid;
      place-items: center;
      width: 58px;
      height: 58px;
      border-radius: 999px;
      color: #1769ff;
      background: #eaf3ff;
      font-size: 32px;
      font-weight: 900;
    }

    .decision-step-label {
      display: inline-flex;
      color: #1769ff;
      font-size: 12px;
      font-weight: 900;
    }

    .decision-main-diagnosis h3 {
      margin: 8px 0 8px;
      color: var(--navy);
      font-size: 26px;
      line-height: 1.18;
    }

    .decision-main-diagnosis p {
      margin: 0;
      color: #475569;
      font-size: 15px;
      line-height: 1.5;
    }

    .decision-diagnosis-list {
      display: grid;
      gap: 8px;
      margin: 10px 0 0;
      padding: 0;
      list-style: none;
      color: #334155;
      font-size: 16px;
      line-height: 1.6;
    }

    .decision-diagnosis-list li {
      position: relative;
      padding-left: 22px;
    }

    .decision-diagnosis-list li::before {
      content: "•";
      position: absolute;
      left: 4px;
      top: 0;
      color: var(--blue);
      font-weight: 900;
    }

    .decision-proof-funnel-grid {
      display: grid;
      grid-template-columns: minmax(280px, 0.75fr) minmax(0, 1.25fr);
      gap: 14px;
      margin-top: 14px;
    }

    .decision-proof-card,
    .decision-funnel-card,
    .decision-now-card,
    .decision-action-map,
    .decision-do-not-strip,
    .decision-ai-quick {
      border: 1px solid #e2eaf6;
      border-radius: 18px;
      background: #fff;
    }

    .decision-proof-card,
    .decision-funnel-card {
      padding: 16px;
    }

    .decision-proof-card h3,
    .decision-funnel-card h3 {
      margin: 0 0 13px;
      color: var(--navy);
      font-size: 18px;
    }

    .decision-proof-card h3 span,
    .decision-funnel-card h3 span {
      color: #1769ff;
    }

    .decision-proof-card ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 12px;
    }

    .decision-proof-card li {
      position: relative;
      padding-left: 22px;
      color: #334155;
      font-size: 15px;
      line-height: 1.55;
    }

    .decision-proof-card li::before {
      content: "✓";
      position: absolute;
      left: 0;
      color: #1769ff;
      font-weight: 900;
    }

    .decision-funnel {
      display: flex;
      gap: 8px;
      align-items: stretch;
      overflow-x: auto;
      padding-bottom: 4px;
    }

    .decision-funnel-step {
      position: relative;
      min-width: 158px;
      padding: 15px 16px;
      border: 1px solid #e2eaf6;
      border-radius: 16px;
      background: #f8fbff;
    }

    .decision-funnel-step.is-critical {
      border-color: #fecaca;
      background: #fff1f2;
      color: #b91c1c;
    }

    .decision-funnel-step span,
    .decision-funnel-step small {
      display: block;
      color: #64748b;
      font-size: 12px;
      font-weight: 800;
    }

    .decision-funnel-step strong {
      display: block;
      margin: 7px 0 3px;
      color: var(--navy);
      font-size: 21px;
      line-height: 1.1;
    }

    .decision-bottleneck {
      margin-top: 12px;
      padding: 12px;
      border: 1px solid #fecaca;
      border-radius: 14px;
      background: #fff7f7;
      color: #334155;
      font-size: 14px;
      line-height: 1.5;
    }

    .decision-bottleneck b,
    .decision-bottleneck span {
      display: block;
    }

    .decision-now-card {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      margin-top: 14px;
      padding: 18px;
      border-color: #93c5fd;
      background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    }

    .decision-now-card h3 {
      margin: 8px 0 6px;
      color: var(--navy);
      font-size: 21px;
    }

    .decision-now-card p {
      margin: 0;
      color: #475569;
      font-size: 14px;
      line-height: 1.45;
    }

    .decision-now-actions {
      display: flex;
      gap: 10px;
      flex: 0 0 auto;
    }

    .decision-section-title {
      display: flex;
      align-items: baseline;
      gap: 8px;
      margin-bottom: 12px;
    }

    .decision-section-title h3 {
      margin: 0;
      color: var(--navy);
      font-size: 16px;
    }

    .decision-section-title span {
      color: var(--muted);
      font-size: 12px;
    }

    .decision-action-map {
      margin-top: 14px;
      padding: 16px;
    }

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

    .decision-action-column {
      min-width: 0;
      padding: 14px;
      border: 1px solid #e2eaf6;
      border-radius: 16px;
      background: #fff;
    }

    .decision-action-column.stop { border-color: #fecaca; background: #fff7f7; }
    .decision-action-column.fix { border-color: #fed7aa; background: #fffaf0; }
    .decision-action-column.protect { border-color: #bfdbfe; background: #f8fbff; }
    .decision-action-column.push { border-color: #bbf7d0; background: #f3fff7; }

    .decision-action-column h4 {
      margin: 0 0 4px;
      color: var(--navy);
      font-size: 15px;
    }

    .decision-action-column > p {
      margin: 0 0 12px;
      color: #64748b;
      font-size: 12px;
    }

    .decision-action-item {
      display: grid;
      gap: 6px;
      padding: 12px;
      border: 1px solid rgba(226, 232, 240, 0.95);
      border-radius: 14px;
      background: rgba(255, 255, 255, 0.75);
    }

    .decision-action-item strong {
      color: var(--navy);
      font-size: 13px;
      line-height: 1.3;
    }

    .decision-action-item span,
    .decision-action-item small,
    .decision-action-item em {
      color: #475569;
      font-size: 12px;
      line-height: 1.35;
      font-style: normal;
    }

    .decision-action-item b {
      color: #1769ff;
      font-size: 13px;
    }

    .decision-narrative-callout {
      display: flex;
      gap: 12px;
      align-items: flex-start;
      margin-bottom: 14px;
      padding: 14px 16px;
      border: 1px solid #dbeafe;
      border-radius: 16px;
      background: linear-gradient(135deg, #f8fbff 0%, #ffffff 100%);
      color: #334155;
      line-height: 1.45;
    }

    .decision-narrative-callout strong {
      color: var(--navy);
      min-width: 190px;
    }

    .decision-action-column.danger { border-color: #fecaca; background: #fff7f7; }
    .decision-action-column.warning { border-color: #fed7aa; background: #fffaf0; }
    .decision-action-column.info { border-color: #bfdbfe; background: #f8fbff; }
    .decision-action-column.success { border-color: #bbf7d0; background: #f3fff7; }

    .campaign-one-decision {
      display: grid;
      grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.75fr);
      gap: 14px;
      padding: 18px;
      border: 1px solid #bfdbfe;
      border-radius: 18px;
      background: linear-gradient(135deg, #f8fbff 0%, #ffffff 100%);
    }

    .campaign-one-decision.warning { border-color: #fed7aa; background: #fffaf0; }
    .campaign-one-decision.info { border-color: #bfdbfe; background: #f8fbff; }
    .campaign-one-decision.success { border-color: #bbf7d0; background: #f3fff7; }

    .campaign-one-main h3 {
      margin: 6px 0 8px;
      color: var(--navy);
      font-size: 22px;
      line-height: 1.18;
    }

    .campaign-one-main p {
      margin: 0;
      color: #334155;
      font-size: 14px;
      line-height: 1.5;
    }

    .campaign-one-action {
      display: grid;
      gap: 8px;
      align-content: center;
      padding: 14px;
      border: 1px solid #dbeafe;
      border-radius: 16px;
      background: rgba(255,255,255,0.78);
    }

    .campaign-one-action strong,
    .campaign-decision-focus strong,
    .campaign-compared-ad strong {
      color: var(--navy);
    }

    .campaign-one-action span,
    .campaign-decision-focus p,
    .campaign-compared-ad p,
    .campaign-compared-ad span {
      color: #475569;
      font-size: 12.5px;
      line-height: 1.45;
    }

    .campaign-decision-focus {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-top: 12px;
    }

    .campaign-decision-focus article {
      padding: 14px;
      border: 1px solid #e2eaf6;
      border-radius: 16px;
      background: #fff;
    }

    .campaign-decision-focus span {
      display: block;
      margin-bottom: 5px;
      color: #1769ff;
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
    }

    .campaign-ad-mini-compare {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-top: 12px;
    }

    .campaign-ad-mini-compare h4 {
      grid-column: 1 / -1;
      margin: 0;
      color: var(--navy);
      font-size: 14px;
    }

    .campaign-compared-ad {
      padding: 12px;
      border: 1px solid #e2eaf6;
      border-radius: 14px;
      background: #fff;
    }

    .campaign-compared-ad.danger { border-color: #fecaca; background: #fff7f7; }
    .campaign-compared-ad.warning { border-color: #fed7aa; background: #fffaf0; }
    .campaign-compared-ad.success { border-color: #bbf7d0; background: #f3fff7; }

    .unified-decision-module {
      padding: 16px;
    }

    .unified-decision-head {
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.75fr);
      gap: 14px;
      padding: 18px;
      border: 1px solid #dbeafe;
      border-radius: 18px;
      background: linear-gradient(135deg, #f8fbff 0%, #ffffff 100%);
    }

    .unified-decision-module.success .unified-decision-head {
      border-color: #bbf7d0;
      background: #f3fff7;
    }

    .unified-decision-module.warning .unified-decision-head {
      border-color: #fed7aa;
      background: #fffaf0;
    }

    .unified-decision-module.danger .unified-decision-head {
      border-color: #fecaca;
      background: #fff7f7;
    }

    .unified-decision-head h3 {
      margin: 6px 0 7px;
      color: var(--navy);
      font-size: 22px;
      line-height: 1.18;
    }

    .unified-decision-head p,
    .unified-decision-verdict span {
      margin: 0;
      color: #334155;
      font-size: 14px;
      line-height: 1.45;
    }

    .unified-decision-verdict {
      display: grid;
      gap: 8px;
      align-content: center;
      padding: 14px;
      border: 1px solid #dbeafe;
      border-radius: 16px;
      background: rgba(255,255,255,0.78);
    }

    .unified-decision-verdict strong {
      color: var(--navy);
      font-size: 16px;
    }

    .unified-decision-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin: 12px 0 0;
      padding: 0;
      list-style: none;
    }

    .unified-decision-list li {
      display: grid;
      gap: 7px;
      min-height: 132px;
      padding: 14px;
      border: 1px solid #e2eaf6;
      border-radius: 16px;
      background: #fff;
    }

    .unified-decision-list li.keep { border-color: #bbf7d0; background: #f3fff7; }
    .unified-decision-list li.fix { border-color: #fed7aa; background: #fffaf0; }
    .unified-decision-list li.test { border-color: #bfdbfe; background: #f8fbff; }
    .unified-decision-list li.stop { border-color: #fecaca; background: #fff7f7; }

    .unified-decision-list b {
      color: #1769ff;
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
    }

    .unified-decision-list strong {
      color: var(--navy);
      font-size: 16px;
      line-height: 1.25;
    }

    .unified-decision-list em,
    .campaign-decision-focus b {
      color: #0f172a;
      font-size: 12.5px;
      font-style: normal;
      font-weight: 900;
    }

    .unified-decision-list span {
      color: #334155;
      font-size: 13px;
      line-height: 1.45;
    }

    .unified-decision-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 12px;
    }

    .unified-metric-comparison {
      display: grid;
      gap: 8px;
      margin-top: 12px;
      padding: 12px;
      border: 1px solid #e2eaf6;
      border-radius: 16px;
      background: #f8fbff;
    }

    .unified-metric-comparison h4 {
      margin: 0 0 4px;
      color: var(--navy);
      font-size: 14px;
    }

    .unified-metric-comparison article {
      display: grid;
      grid-template-columns: minmax(170px, 1.1fr) repeat(7, minmax(76px, 0.48fr)) minmax(140px, 0.72fr);
      gap: 8px;
      align-items: center;
      padding: 10px;
      border: 1px solid #e2eaf6;
      border-radius: 12px;
      background: #fff;
      cursor: pointer;
      transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
    }

    .unified-metric-comparison article:hover,
    .unified-metric-comparison article.is-active {
      border-color: #1769ff;
      box-shadow: 0 10px 24px rgba(23,105,255,0.12);
      transform: translateY(-1px);
    }

    .unified-metric-comparison article.danger {
      border-color: #fecaca;
      background: #fff7f7;
    }

    .unified-metric-comparison article.success {
      border-color: #bbf7d0;
      background: #f3fff7;
    }

    .unified-metric-comparison strong,
    .unified-metric-comparison b {
      color: var(--navy);
    }

    .unified-metric-comparison span,
    .unified-metric-comparison em {
      color: #475569;
      font-size: 12px;
      font-style: normal;
    }

    .unified-metric-comparison article:not(.is-active) {
      border-color: #dbe7f8;
      background: #fff;
    }

    .funnel-reading-card {
      display: grid;
      gap: 12px;
      margin-top: 12px;
      padding: 14px;
      border: 1px solid #c7d2fe;
      border-radius: 18px;
      background: linear-gradient(135deg, #f8fbff 0%, #ffffff 58%, #f5f8ff 100%);
    }

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

    .funnel-reading-head h4,
    .funnel-reading-head p,
    .funnel-stage-card h5,
    .funnel-stage-card p,
    .funnel-bottleneck p {
      margin: 0;
    }

    .funnel-reading-head h4 {
      color: var(--navy);
      font-size: 16px;
    }

    .funnel-reading-head p,
    .funnel-stage-card p,
    .funnel-bottleneck p {
      color: #475569;
      font-size: 13px;
      line-height: 1.45;
    }

    .funnel-health-badge {
      padding: 7px 10px;
      border-radius: 999px;
      background: #e0f2fe;
      color: #075985;
      font-size: 12px;
      font-weight: 900;
      white-space: nowrap;
    }

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

    .funnel-stage-card {
      display: grid;
      gap: 8px;
      padding: 12px;
      border: 1px solid #dbe7f8;
      border-radius: 14px;
      background: #fff;
    }

    .funnel-stage-card.tof {
      border-color: #bfdbfe;
      background: #f8fbff;
    }

    .funnel-stage-card.mof {
      border-color: #fed7aa;
      background: #fffaf2;
    }

    .funnel-stage-card.bof {
      border-color: #bbf7d0;
      background: #f4fff8;
    }

    .funnel-stage-card h5 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      color: var(--navy);
      font-size: 14px;
    }

    .funnel-stage-card h5 span {
      padding: 4px 8px;
      border-radius: 999px;
      background: #eef4ff;
      color: #1769ff;
      font-size: 11px;
      font-weight: 900;
    }

    .funnel-stage-card ul {
      display: grid;
      gap: 5px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .funnel-stage-card li {
      color: #0f172a;
      font-size: 12.5px;
      font-weight: 800;
    }

    .funnel-bottleneck {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(260px, 0.55fr);
      gap: 12px;
      padding: 12px;
      border: 1px solid #fecaca;
      border-radius: 14px;
      background: #fff7f7;
    }

    .funnel-bottleneck strong {
      display: block;
      margin-bottom: 4px;
      color: #b91c1c;
      font-size: 13px;
    }

    @media (max-width: 1100px) {
      .funnel-stage-grid,
      .funnel-bottleneck,
      .funnel-reading-head {
        grid-template-columns: 1fr;
      }
    }

    .ad-specific-guidance {
      display: grid;
      grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
      gap: 12px;
      margin-top: 12px;
      padding: 14px;
      border: 1px solid #bfdbfe;
      border-radius: 16px;
      background: linear-gradient(135deg, #f8fbff 0%, #ffffff 100%);
    }

    .unified-metric-comparison .ad-specific-guidance {
      margin: 2px 0 8px;
      grid-column: 1 / -1;
    }

    .ad-specific-guidance h4,
    .ad-specific-guidance p {
      margin: 0;
    }

    .ad-specific-guidance h4 {
      color: var(--navy);
      font-size: 18px;
      line-height: 1.2;
    }

    .guidance-main p,
    .guidance-action p {
      color: #334155;
      font-size: 13.5px;
      line-height: 1.55;
    }

    .ad-specific-guidance p {
      color: #334155;
      font-size: 13px;
      line-height: 1.5;
    }

    .ad-specific-guidance .guidance-main,
    .ad-specific-guidance .guidance-action {
      display: grid;
      gap: 9px;
      padding: 14px;
      border: 1px solid #e2eaf6;
      border-radius: 14px;
      background: #fff;
    }

    .ad-specific-guidance .guidance-action {
      background: #fffaf0;
      border-color: #fed7aa;
    }

    .ad-specific-guidance .guidance-kpis {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .ad-specific-guidance .guidance-kpis span {
      padding: 7px 9px;
      border-radius: 999px;
      background: #eff6ff;
      color: #0f3b76;
      font-size: 12px;
      font-weight: 800;
    }

    .ad-specific-guidance b {
      color: #1769ff;
      font-size: 11px;
      text-transform: uppercase;
    }

    .ad-specific-guidance .guidance-ai-actions {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
      margin-top: 4px;
    }

    .ad-specific-guidance .guidance-ai-actions button {
      min-height: 38px;
      border: 1px solid #cfe0f6;
      border-radius: 10px;
      background: #fff;
      color: #0f2345;
      font-weight: 900;
      cursor: pointer;
    }

    .ad-specific-guidance .guidance-ai-actions button:hover {
      border-color: #1769ff;
      color: #1769ff;
    }

    .ai-result-modal-overlay {
      position: fixed;
      inset: 0;
      z-index: 9999;
      display: none;
      place-items: center;
      padding: 24px;
      background: rgba(15, 23, 42, 0.48);
      backdrop-filter: blur(3px);
    }

    .ai-result-modal-overlay.open {
      display: grid;
    }

    .ai-result-modal {
      width: min(760px, 96vw);
      max-height: 86vh;
      overflow: auto;
      padding: 18px;
      border-radius: 22px;
      background: #fff;
      box-shadow: 0 26px 80px rgba(15,23,42,0.28);
    }

    .ai-result-modal-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 12px;
    }

    .ai-result-modal-header h3 {
      margin: 0;
      color: var(--navy);
      font-size: 18px;
    }

    .ai-result-modal-header button {
      border: 1px solid #d7e2f2;
      border-radius: 999px;
      background: #fff;
      color: #0f172a;
      font-weight: 900;
      padding: 8px 12px;
      cursor: pointer;
    }

    .adset-ad-comparison {
      display: grid;
      gap: 10px;
    }

    .ad-decision-row {
      display: grid;
      grid-template-columns: minmax(190px, 0.9fr) minmax(260px, 1.1fr) minmax(260px, 1.2fr);
      gap: 14px;
      align-items: center;
      padding: 14px;
      border: 1px solid #e2eaf6;
      border-radius: 16px;
      background: #fff;
    }

    .ad-decision-row.danger { border-color: #fecaca; background: #fff7f7; }
    .ad-decision-row.warning { border-color: #fed7aa; background: #fffaf0; }
    .ad-decision-row.success { border-color: #bbf7d0; background: #f3fff7; }

    .ad-decision-row strong,
    .ad-decision-row b {
      color: var(--navy);
    }

    .ad-decision-row span,
    .ad-decision-row em {
      display: block;
      color: #475569;
      font-size: 12px;
      line-height: 1.35;
      font-style: normal;
    }

    .ad-decision-metrics {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
    }

    .ad-decision-metrics span {
      padding: 8px;
      border: 1px solid #e2eaf6;
      border-radius: 12px;
      background: rgba(255,255,255,0.82);
      color: #64748b;
    }

    .ad-decision-verdict {
      display: grid;
      gap: 5px;
    }

    .single-ad-hero {
      display: flex;
      justify-content: space-between;
      gap: 18px;
      align-items: center;
      padding: 18px;
      border: 1px solid #dbeafe;
      border-radius: 18px;
      background: linear-gradient(135deg, #f8fbff 0%, #ffffff 100%);
    }

    .single-ad-hero.danger { border-color: #fecaca; background: #fff7f7; }
    .single-ad-hero.warning { border-color: #fed7aa; background: #fffaf0; }
    .single-ad-hero.success { border-color: #bbf7d0; background: #f3fff7; }

    .single-ad-hero h3 {
      margin: 6px 0;
      color: var(--navy);
      font-size: 21px;
    }

    .single-ad-hero p {
      margin: 0;
      color: #334155;
      line-height: 1.45;
    }

    .single-ad-grid,
    .audience-language-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
      margin-top: 12px;
    }

    .single-ad-grid article,
    .audience-language-grid article {
      min-width: 0;
      padding: 14px;
      border: 1px solid #e2eaf6;
      border-radius: 16px;
      background: #fff;
    }

    .single-ad-grid h4 {
      margin: 0 0 8px;
      color: var(--navy);
      font-size: 14px;
    }

    .single-ad-grid p,
    .audience-language-grid p {
      margin: 0 0 9px;
      color: #334155;
      font-size: 12.5px;
      line-height: 1.45;
    }

    .single-ad-grid b,
    .audience-language-grid span {
      color: #1769ff;
      font-size: 12px;
      font-weight: 900;
    }

    .single-ad-budget-note {
      display: flex;
      gap: 10px;
      margin-top: 12px;
      padding: 12px 14px;
      border: 1px solid #fed7aa;
      border-radius: 14px;
      background: #fffaf0;
      color: #334155;
      line-height: 1.4;
    }

    .audience-language-insight {
      margin-top: 14px;
      padding: 16px;
      border: 1px solid #ddd6fe;
      border-radius: 18px;
      background: linear-gradient(135deg, #ffffff 0%, #fbfaff 100%);
    }

    .audience-language-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      margin-top: 0;
    }

    .audience-language-grid strong {
      display: block;
      color: var(--navy);
      margin-bottom: 4px;
    }

    .decision-do-not-strip {
      display: grid;
      grid-template-columns: auto repeat(3, minmax(0, 1fr));
      gap: 14px;
      align-items: start;
      margin-top: 14px;
      padding: 14px 16px;
      border-color: #fecaca;
      background: #fff7f7;
    }

    .decision-do-not-strip strong {
      color: #b91c1c;
      white-space: nowrap;
    }

    .decision-do-not-strip span {
      color: #334155;
      font-size: 12.5px;
      line-height: 1.4;
    }

    .decision-ai-quick {
      margin-top: 14px;
      padding: 16px;
    }

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

    .decision-ai-grid .ai-action-button {
      min-height: 58px;
      justify-content: center;
      background: #fff;
    }

    .decision-ai-grid .ai-action-button strong,
    .decision-ai-grid .ai-action-button span {
      display: block;
      text-align: center;
    }

    .decision-ai-grid .ai-action-button span {
      margin-top: 4px;
      color: var(--muted);
      font-size: 11px;
    }

    .campaign-diagnosis-band {
      display: grid;
      grid-template-columns: minmax(0, 1.3fr) minmax(220px, 0.7fr);
      gap: 16px;
      align-items: stretch;
      margin: 12px 0 16px;
      padding: 18px;
      border: 1px solid #cfe2ff;
      border-radius: 18px;
      background: linear-gradient(135deg, #effff7 0%, #ffffff 52%, #f8fbff 100%);
    }

    .campaign-summary-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0;
      margin: 14px 0;
      border: 1px solid #cfe2ff;
      border-radius: 18px;
      overflow: hidden;
      background: #fff;
    }

    .campaign-consultant-brief {
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr);
      gap: 14px;
      margin: 14px 0;
      padding: 16px;
      border: 1px solid #cfe2ff;
      border-radius: 20px;
      background:
        radial-gradient(circle at top left, rgba(34, 197, 94, 0.12), transparent 32%),
        linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    }

    .consultant-brief-main {
      min-width: 0;
      padding: 16px;
      border-radius: 16px;
      background: rgba(255, 255, 255, 0.78);
    }

    .consultant-brief-main h3 {
      margin: 10px 0 10px;
      color: var(--navy);
      font-size: 21px;
      line-height: 1.22;
      letter-spacing: 0;
    }

    .consultant-brief-main p {
      margin: 0;
      color: #24364f;
      font-size: 14px;
      line-height: 1.62;
    }

    .consultant-brief-side {
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
      min-width: 0;
    }

    .consultant-brief-side article {
      padding: 12px 14px;
      border: 1px solid #e2eaf6;
      border-radius: 15px;
      background: rgba(255, 255, 255, 0.86);
    }

    .consultant-brief-side span {
      display: block;
      color: #1769ff;
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
    }

    .consultant-brief-side strong {
      display: block;
      margin-top: 5px;
      color: var(--navy);
      font-size: 13px;
      line-height: 1.25;
    }

    .consultant-brief-side p {
      margin: 5px 0 0;
      color: #475569;
      font-size: 12.5px;
      line-height: 1.45;
    }

    .campaign-summary-card {
      min-width: 0;
      padding: 18px 20px;
      border-right: 1px solid #dbeafe;
      background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 72%);
    }

    .campaign-summary-card.is-why {
      background: linear-gradient(135deg, #f8fbff 0%, #ffffff 72%);
    }

    .campaign-summary-card.is-action {
      border-right: 0;
      background: linear-gradient(135deg, #ffffff 0%, #fffaf0 100%);
    }

    .campaign-summary-card h3 {
      margin: 8px 0 8px;
      color: var(--navy);
      font-size: 15px;
      line-height: 1.3;
    }

    .campaign-summary-card p,
    .campaign-summary-card small {
      display: block;
      margin: 0;
      color: #334155;
      font-size: 12.5px;
      line-height: 1.5;
    }

    .campaign-metrics-panel {
      margin-top: 14px;
      padding: 16px;
      border: 1px solid var(--line);
      border-radius: 17px;
      background: #fff;
    }

    .campaign-diagnosis-band h3,
    .campaign-card-title {
      margin: 0 0 7px;
      color: var(--navy);
      font-size: 17px;
      line-height: 1.25;
    }

    .campaign-diagnosis-band p,
    .campaign-reading-text {
      margin: 0;
      color: #334155;
      font-size: 14px;
      line-height: 1.55;
    }

    .campaign-diagnosis-side {
      padding-left: 18px;
      border-left: 1px solid rgba(226, 232, 240, 0.9);
    }

    .campaign-section-kicker {
      display: flex;
      align-items: center;
      gap: 8px;
      margin: 15px 0 10px;
      color: var(--navy);
      font-size: 14px;
      font-weight: 900;
    }

    .campaign-section-kicker span {
      color: #1769ff;
    }

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

    .campaign-mini-metric {
      min-width: 0;
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: 17px;
      background: #fff;
    }

    .campaign-mini-metric span {
      display: block;
      color: #41526a;
      font-size: 12px;
      font-weight: 800;
    }

    .campaign-mini-metric strong {
      display: block;
      margin: 8px 0 7px;
      color: var(--navy);
      font-size: 24px;
      line-height: 1;
    }

    .campaign-mini-metric p {
      margin: 9px 0 0;
      color: #475569;
      font-size: 12.5px;
      line-height: 1.42;
    }

    .campaign-bottom-grid {
      display: grid;
      grid-template-columns: minmax(280px, 0.86fr) minmax(0, 1.14fr);
      gap: 14px;
      align-items: stretch;
      margin-top: 16px;
    }

    .campaign-events-panel,
    .campaign-combo-panel,
    .campaign-ai-panel,
    .campaign-actions-panel {
      min-width: 0;
      padding: 16px;
      border: 1px solid var(--line);
      border-radius: 17px;
      background: #fff;
    }

    .campaign-events-panel {
      margin-top: 0;
    }

    .campaign-guided-grid {
      display: grid;
      grid-template-columns: minmax(0, 0.92fr) minmax(320px, 1.08fr);
      gap: 14px;
      align-items: stretch;
    }

    .campaign-guided-grid .campaign-events-panel {
      margin-top: 0;
    }

    .campaign-events-meaning-row {
      display: grid;
      grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
      gap: 14px;
      margin-top: 14px;
      align-items: stretch;
    }

    .campaign-event-funnel {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 10px 0 0;
    }

    .event-pill {
      display: grid;
      gap: 3px;
      min-width: 112px;
      padding: 10px 12px;
      border: 1px solid #e5eaf3;
      border-radius: 14px;
      background: #f8fbff;
    }

    .event-pill span {
      color: var(--muted);
      font-size: 11px;
      font-weight: 800;
    }

    .event-pill strong {
      color: var(--navy);
      font-size: 18px;
      line-height: 1;
    }

    .event-pill small {
      display: block;
      color: #475569;
      font-size: 11px;
      line-height: 1.3;
    }

    .campaign-do-not-note {
      margin-top: 12px;
      padding: 12px 14px;
      border: 1px solid #fecaca;
      border-radius: 14px;
      background: #fff7f7;
      color: #7f1d1d;
      font-size: 12.5px;
      line-height: 1.45;
    }

    .campaign-combo-row {
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
      gap: 14px;
      margin-top: 14px;
    }

    .campaign-draft-card {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      margin-top: 14px;
      padding: 14px;
      border: 1px solid #e6edf7;
      border-radius: 16px;
      background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
    }

    .campaign-draft-card strong {
      display: block;
      color: var(--navy);
      font-size: 14px;
    }

    .campaign-draft-card span {
      display: block;
      margin-top: 3px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
    }

    .page-signals-card {
      margin-top: 14px;
      padding: 15px;
      border: 1px solid #dbeafe;
      border-radius: 17px;
      background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    }

    .page-signals-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 14px;
      margin-bottom: 10px;
    }

    .page-signals-header h3 {
      margin: 0 0 4px;
      color: var(--navy);
      font-size: 15px;
    }

    .page-signals-header p {
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
    }

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

    .page-signal-item {
      min-width: 0;
      padding: 12px;
      border: 1px solid #e5eaf3;
      border-radius: 14px;
      background: #fff;
    }

    .page-signal-item strong {
      display: block;
      color: var(--navy);
      font-size: 12px;
      line-height: 1.3;
    }

    .page-signal-item .page-signal-value {
      display: block;
      margin: 7px 0;
      color: var(--navy);
      font-size: 20px;
      font-weight: 900;
    }

    .page-signal-item p {
      margin: 7px 0 0;
      color: var(--muted);
      font-size: 11.5px;
      line-height: 1.38;
    }

    .page-signals-conclusion {
      margin-top: 10px;
      padding: 11px;
      border: 1px solid #c7d2fe;
      border-radius: 14px;
      background: #f8faff;
      color: #334155;
      font-size: 12px;
      line-height: 1.42;
    }

    .campaign-event-list {
      display: grid;
      gap: 10px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .campaign-event-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 12px;
      align-items: start;
      color: #334155;
      font-size: 12.5px;
      line-height: 1.4;
    }

    .campaign-event-row strong {
      display: block;
      color: var(--navy);
      font-size: 12px;
    }

    .campaign-action-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-top: 14px;
    }

    .campaign-action-card {
      display: grid;
      gap: 8px;
      min-width: 0;
      padding: 16px;
      border: 1px solid #e6edf7;
      border-radius: 17px;
      background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    }

    .campaign-action-card strong {
      color: var(--navy);
      font-size: 13px;
      line-height: 1.3;
    }

    .campaign-action-card p {
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
    }

    .campaign-action-card button,
    .campaign-ai-panel button {
      width: 100%;
      min-height: 34px;
      margin-top: 4px;
      border-radius: 10px;
      font-size: 12px;
    }

    .operational-priorities {
      margin-top: 16px;
      padding: 18px;
      border: 1px solid #dbe7f6;
      border-radius: 20px;
      background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.07), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
      box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
    }

    .operational-priorities-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 12px;
    }

    .operational-priorities-header h3 {
      margin: 0 0 4px;
      color: var(--navy);
      font-size: 17px;
    }

    .operational-priorities-header p {
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.45;
    }

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

    .operational-priority-card {
      display: grid;
      grid-template-rows: auto 1fr auto;
      gap: 11px;
      padding: 15px;
      border: 1px solid #e5eaf3;
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.92);
      box-shadow: 0 12px 22px rgba(15, 23, 42, 0.045);
    }

    .operational-priority-card.pause {
      border-color: #fecdd3;
      background: linear-gradient(180deg, #fff 0%, #fff7f8 100%);
    }

    .operational-priority-card.hold {
      border-color: #fed7aa;
      background: linear-gradient(180deg, #fff 0%, #fffaf0 100%);
    }

    .operational-priority-card.scale {
      border-color: #bbf7d0;
      background: linear-gradient(180deg, #fff 0%, #f3fff7 100%);
    }

    .operational-priority-card.variant {
      border-color: #ddd6fe;
      background: linear-gradient(180deg, #fff 0%, #fbfaff 100%);
    }

    .operational-priority-card.is-checked {
      opacity: 0.78;
      border-style: dashed;
    }

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

    .priority-card-top strong {
      display: block;
      color: var(--navy);
      font-size: 13px;
      line-height: 1.3;
    }

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

    .priority-card-detail {
      display: grid;
      gap: 7px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
    }

    .priority-card-detail .priority-combo {
      display: inline-flex;
      width: fit-content;
      max-width: 100%;
      padding: 6px 9px;
      border-radius: 999px;
      background: #eff6ff;
      color: #1457d9;
      font-weight: 900;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .priority-card-detail b {
      color: var(--navy);
    }

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

    .priority-card-actions button:last-child {
      grid-column: 1 / -1;
    }

    .priority-card-actions button {
      min-height: 32px;
      border-radius: 10px;
      font-size: 11px;
    }

    .audience-signals {
      margin-top: 18px;
      padding: 16px;
      border: 1px solid #dbeafe;
      border-radius: 18px;
      background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    }

    .audience-signals-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 12px;
    }

    .audience-signals-header h3 {
      margin: 0 0 4px;
      color: var(--navy);
      font-size: 17px;
    }

    .audience-signals-header p {
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.45;
    }

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

    .audience-signal-card {
      display: grid;
      gap: 7px;
      min-width: 0;
      padding: 14px;
      border: 1px solid #e5eaf3;
      border-radius: 16px;
      background: #fff;
    }

    .audience-signal-card strong {
      color: var(--navy);
      font-size: 13px;
      line-height: 1.3;
    }

    .audience-signal-card span,
    .audience-signal-card p {
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
    }

    .audience-signal-card b {
      color: var(--navy);
    }

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

    .audience-conclusion {
      margin-top: 12px;
      padding: 13px;
      border: 1px solid #c7d2fe;
      border-radius: 15px;
      background: #f8faff;
      color: #334155;
      font-size: 12.5px;
      line-height: 1.45;
    }

    .audience-signal-actions {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-top: 12px;
    }

    .audience-signal-actions button {
      min-height: 34px;
      border-radius: 10px;
      font-size: 12px;
    }

    .organic-view-stack {
      display: grid;
      gap: 18px;
    }

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

    .organic-selectors .field-label {
      display: grid;
      gap: 6px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 700;
    }

    .organic-selectors select {
      min-height: 40px;
      width: 100%;
      padding: 0 12px;
      border: 1px solid #dbe4f0;
      border-radius: 12px;
      background: #fff;
      color: var(--navy);
      font-size: 13px;
      font-weight: 800;
    }

    .select-like {
      min-height: 40px;
      display: flex;
      align-items: center;
      padding: 0 12px;
      border: 1px solid #dbe4f0;
      border-radius: 12px;
      background: #fff;
      color: var(--navy);
      font-size: 13px;
      font-weight: 800;
    }

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

    .organic-post-card {
      display: grid;
      gap: 8px;
      padding: 14px;
      border: 1px solid #e5eaf3;
      border-radius: 16px;
      background: #fff;
    }

    .organic-post-card strong {
      color: var(--navy);
      font-size: 14px;
      line-height: 1.3;
    }

    .organic-post-metrics {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
      font-size: 11px;
      color: var(--muted);
    }

    .organic-post-metrics b {
      display: block;
      color: var(--navy);
      font-size: 13px;
    }

    .organic-link-card {
      margin-top: 14px;
      display: flex;
      justify-content: space-between;
      gap: 14px;
      align-items: center;
      padding: 14px;
      border: 1px solid #dbeafe;
      border-radius: 16px;
      background: #f8fbff;
    }

    .organic-link-card strong {
      display: block;
      color: var(--navy);
      font-size: 14px;
    }

    .organic-link-card span {
      display: block;
      margin-top: 3px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
    }

    .campaign-ai-strip {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-top: 18px;
      padding: 15px;
      border: 1px solid #ddd6fe;
      border-radius: 18px;
      background: #fbfaff;
    }

    .campaign-ai-strip h3 {
      grid-column: 1 / -1;
      margin: 0;
      color: var(--navy);
      font-size: 15px;
    }

    .campaign-ai-strip .ai-action-button {
      width: 100%;
      min-height: 38px;
      justify-content: center;
      background: #fff;
    }

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

    .ai-dashboard-list button {
      width: 100%;
      justify-content: center;
    }

    .dashboard-performance-stack {
      display: grid;
      gap: 14px;
      margin-top: 18px;
    }

    .dashboard-performance-stack .wide-card,
    .dashboard-performance-stack .carousel-card {
      margin-bottom: 0;
    }

    .performance-title {
      margin: 0;
    }

    .decision-card {
      min-width: 0;
      padding: 16px;
      border: 1px solid var(--line);
      border-radius: 16px;
      background: #fff;
      box-shadow: var(--shadow-soft);
    }

    .decision-card.is-critical,
    .recommendation-card.is-critical {
      border-color: #fecdd3;
      background: #fff8f9;
    }

    .decision-card.is-high,
    .recommendation-card.is-high {
      border-color: #fed7aa;
      background: #fffaf3;
    }

    .decision-card h3,
    .recommendation-card h3 {
      margin: 10px 0 8px;
      color: var(--navy);
      font-size: 18px;
      line-height: 1.2;
    }

    .decision-card p,
    .recommendation-card p {
      margin: 0;
      color: #475569;
      font-size: 13px;
      line-height: 1.5;
    }

    .decision-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
      align-items: center;
    }

    .decision-field {
      margin-top: 12px;
      padding-top: 12px;
      border-top: 1px solid var(--line);
    }

    .decision-field strong {
      display: block;
      margin-bottom: 5px;
      color: var(--navy);
      font-size: 12px;
    }

    .decision-field span {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }

    .do-not-do-list {
      display: grid;
      gap: 9px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .do-not-do-list li {
      padding: 12px 13px;
      border: 1px solid #fecdd3;
      border-radius: 14px;
      background: #fff8f9;
      color: #7f1d1d;
      font-size: 13px;
      line-height: 1.45;
      font-weight: 750;
    }

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

    .recommendation-card {
      border: 1px solid var(--line);
      border-radius: 16px;
      background: #fff;
      box-shadow: var(--shadow-soft);
      overflow: hidden;
    }

    .recommendation-summary {
      width: 100%;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 16px;
      align-items: start;
      padding: 16px;
      list-style: none;
      cursor: pointer;
    }

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

    .recommendation-detail {
      padding: 0 16px 16px;
      border-top: 1px solid var(--line);
    }

    .ai-actions-panel {
      margin-top: 14px;
      border: 1px solid #dbeafe;
      border-radius: 14px;
      background: #f8fbff;
    }

    .ai-actions-panel summary {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      align-items: center;
      padding: 12px;
      cursor: pointer;
      list-style: none;
      color: var(--navy);
      font-size: 13px;
      font-weight: 800;
    }

    .ai-actions-panel summary::-webkit-details-marker {
      display: none;
    }

    .ai-actions-body {
      display: grid;
      gap: 10px;
      padding: 0 12px 12px;
    }

    .ai-action-buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .ai-action-button {
      border: 1px solid #cbd5e1;
      border-radius: 10px;
      background: #fff;
      color: #334155;
      padding: 8px 10px;
      font-size: 12px;
      font-weight: 800;
      cursor: pointer;
    }

    .ai-action-button:disabled {
      cursor: not-allowed;
      opacity: 0.58;
      background: #f8fafc;
    }

    .ai-action-button.is-loading {
      cursor: wait;
      opacity: 0.72;
    }

    .ai-action-note {
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.45;
    }

    .ai-result-box {
      display: grid;
      gap: 10px;
      padding: 12px;
      border: 1px solid #bfdbfe;
      border-radius: 14px;
      background: #ffffff;
      color: var(--navy);
      font-size: 13px;
      line-height: 1.5;
    }

    .ai-result-box.is-error {
      border-color: #fecaca;
      background: #fff7f7;
    }

    .ai-result-title {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      align-items: center;
      font-weight: 900;
    }

    .ai-result-box pre,
    .ai-result-copy {
      margin: 0;
      white-space: pre-wrap;
      word-break: break-word;
      padding: 10px;
      border-radius: 10px;
      background: #f8fafc;
      color: #334155;
      font-family: inherit;
      font-size: 12px;
    }

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

    .detail-box {
      padding: 12px;
      border: 1px solid var(--line);
      border-radius: 14px;
      background: #fbfdff;
    }

    .detail-box strong {
      display: block;
      margin-bottom: 6px;
      color: var(--navy);
      font-size: 12px;
    }

    .detail-box span,
    .detail-box li {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }

    .technical-json {
      max-height: 280px;
      overflow: auto;
      margin: 10px 0 0;
      padding: 12px;
      border-radius: 12px;
      background: #071226;
      color: #dbeafe;
      font-size: 12px;
      line-height: 1.45;
      white-space: pre-wrap;
    }

    .mini-badge {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      padding: 0 9px;
      border-radius: 999px;
      background: var(--blue-soft);
      color: #1154c8;
      font-size: 11px;
      font-weight: 900;
      white-space: nowrap;
    }

    .mini-badge.priority-critical,
    .mini-badge.decision-pause,
    .mini-badge.decision-fix_tracking {
      background: var(--red-soft);
      color: #b4233f;
    }

    .mini-badge.priority-high,
    .mini-badge.decision-pause_if_confirmed {
      background: var(--amber-soft);
      color: #9a5a05;
    }

    .mini-badge.priority-low,
    .mini-badge.confidence-high,
    .mini-badge.decision-keep,
    .mini-badge.decision-scale {
      background: var(--green-soft);
      color: #08724d;
    }

    .empty-decision-state {
      padding: 18px;
      border: 1px dashed #cbd5e1;
      border-radius: 16px;
      background: #fbfdff;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.5;
    }

    .analysis-sheet-overlay {
      position: fixed;
      inset: 0;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 28px;
      background: rgba(7, 18, 38, 0.42);
      z-index: 80;
    }

    .analysis-sheet-overlay.open {
      display: flex;
    }

    .analysis-sheet {
      width: min(1180px, calc(100vw - 56px));
      max-height: calc(100vh - 56px);
      overflow-y: auto;
      padding: 24px;
      background: #f8fbff;
      border-radius: 24px;
      box-shadow: 0 28px 80px rgba(15, 23, 42, 0.32);
    }

    .analysis-sheet-header {
      position: sticky;
      top: 0;
      z-index: 2;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
      margin: -24px -24px 18px;
      padding: 22px 24px;
      background: rgba(248, 251, 255, 0.96);
      border-bottom: 1px solid var(--line);
      backdrop-filter: blur(12px);
    }

    .analysis-sheet-header h2 {
      margin: 0;
      color: var(--navy);
      font-size: 27px;
      line-height: 1.12;
    }

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

    .analysis-sheet-section {
      margin-bottom: 16px;
      padding: 18px;
      border: 1px solid var(--line);
      border-radius: 18px;
      background: #fff;
      box-shadow: var(--shadow-soft);
    }

    .analysis-sheet-content {
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
      gap: 16px;
      align-items: start;
    }

    .analysis-sheet-wide {
      grid-column: 1 / -1;
    }

    .analysis-sheet-section h3 {
      margin: 0 0 10px;
      color: var(--navy);
      font-size: 20px;
    }

    .analysis-sheet .actions-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .analysis-sheet .entity-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .operation-lines {
      display: grid;
      gap: 8px;
    }

    .operation-header {
      display: grid;
      grid-template-columns: minmax(210px, 1.05fr) minmax(150px, 0.75fr) minmax(300px, 1.35fr) minmax(250px, 1.1fr) minmax(190px, 0.9fr);
      gap: 12px;
      padding: 10px 14px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
      background: #eef4ff;
      border: 1px solid var(--line);
      border-radius: 14px;
    }

    .operation-line {
      display: grid;
      grid-template-columns: minmax(210px, 1.05fr) minmax(150px, 0.75fr) minmax(300px, 1.35fr) minmax(250px, 1.1fr) minmax(190px, 0.9fr);
      gap: 12px;
      align-items: start;
      padding: 13px 14px;
      border: 1px solid var(--line);
      border-radius: 14px;
      background: #fbfdff;
    }

    .operation-line.is-priority {
      border-color: #bfdbfe;
      background: #f8fbff;
    }

    .operation-line.is-active-level {
      border-color: #2563eb;
      box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
      background: #f8fbff;
    }

    .operation-cell {
      min-width: 0;
    }

    .operation-line strong {
      display: block;
      color: var(--navy);
      font-size: 14px;
      line-height: 1.3;
    }

    .operation-line span {
      display: block;
      margin-top: 5px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.45;
    }

    .operation-line .priority {
      width: fit-content;
      margin-bottom: 7px;
    }

    .operation-metrics {
      margin-top: 8px;
      color: #64748b;
      font-size: 12px;
      line-height: 1.45;
    }

    .operation-note {
      margin: 8px 0 14px;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }

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

    .operation-section-title p {
      margin: 4px 0 0;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }

    .compact-list {
      display: grid;
      gap: 10px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .compact-list li {
      padding: 12px;
      border: 1px solid var(--line);
      border-radius: 14px;
      background: #fbfdff;
      color: #475569;
      font-size: 13px;
      line-height: 1.45;
    }

    .sheet-email-text {
      width: 100%;
      min-height: 150px;
      resize: vertical;
      border: 1px solid var(--line);
      border-radius: 14px;
      padding: 13px;
      color: #334155;
      background: #fbfdff;
      font: inherit;
      line-height: 1.5;
    }

    .campaign-status-popup {
      width: min(720px, calc(100vw - 48px));
      padding: 22px;
      border-radius: 22px;
      background: #fff;
      box-shadow: 0 26px 70px rgba(15, 23, 42, 0.34);
    }

    .campaign-status-popup h2 {
      margin: 0;
      color: var(--navy);
      font-size: 26px;
      line-height: 1.12;
    }

    .campaign-status-popup .status-text {
      margin-bottom: 12px;
    }

    .status-alert-line {
      margin: 14px 0;
      padding: 14px;
      border: 1px solid #fed7aa;
      border-radius: 16px;
      color: #7c2d12;
      background: #fff7ed;
      font-size: 15px;
      line-height: 1.5;
      font-weight: 800;
    }

    .status-popup-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: flex-end;
      margin-top: 16px;
    }

    .daily-insight {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 18px;
      align-items: center;
      padding: 22px;
      border-radius: var(--radius);
      color: #fff;
      background: linear-gradient(135deg, var(--navy), #0f8f8c);
      box-shadow: 0 18px 46px rgba(6, 26, 56, 0.18);
    }

    .daily-insight h2 {
      margin: 0 0 8px;
      font-size: 22px;
    }

    .daily-insight p {
      margin: 0;
      max-width: 760px;
      color: #dcecff;
      font-size: 15px;
      line-height: 1.55;
    }

    .insight-tag {
      display: inline-flex;
      align-items: center;
      min-height: 38px;
      padding: 0 13px;
      border-radius: 999px;
      color: #fff;
      background: rgba(255, 255, 255, 0.14);
      border: 1px solid rgba(255, 255, 255, 0.2);
      font-size: 13px;
      font-weight: 850;
      white-space: nowrap;
    }

    .view {
      display: block;
    }

    .view.hidden {
      display: none;
    }

    .hidden {
      display: none;
    }

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

    .config-stack {
      display: grid;
      gap: 18px;
    }

    .config-field {
      display: grid;
      gap: 7px;
    }

    .config-field label {
      color: var(--muted);
      font-size: 12px;
      font-weight: 850;
    }

    .config-input {
      width: 100%;
      min-height: 45px;
      border: 1px solid var(--line);
      border-radius: 13px;
      background: #fbfdff;
      color: var(--ink);
      padding: 0 13px;
      outline: none;
    }

    .config-input:focus {
      border-color: rgba(23, 105, 255, 0.55);
      box-shadow: 0 0 0 4px rgba(23, 105, 255, 0.09);
    }

    .config-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 18px;
    }

    .secondary-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      border: 1px solid var(--line);
      border-radius: 13px;
      padding: 0 16px;
      color: var(--navy);
      background: #fff;
      font-weight: 850;
      cursor: pointer;
    }

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

    .entity-item {
      padding: 15px;
      border: 1px solid var(--line);
      border-radius: 16px;
      background: #fbfdff;
    }

    .entity-item span {
      display: block;
      color: var(--muted);
      font-size: 12px;
      font-weight: 850;
      margin-bottom: 7px;
    }

    .entity-item strong {
      color: var(--navy);
      font-size: 15px;
      line-height: 1.35;
    }

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

    .context-strip .entity-item {
      min-height: 76px;
    }

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

    .data-table {
      width: 100%;
      min-width: 850px;
      border-collapse: collapse;
      background: #fff;
    }

    .data-table th,
    .data-table td {
      padding: 14px 15px;
      border-bottom: 1px solid var(--line);
      text-align: left;
      vertical-align: middle;
      font-size: 13px;
    }

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

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

    .table-action {
      color: var(--blue);
      font-weight: 850;
      white-space: nowrap;
    }

    .status-badge {
      display: inline-flex;
      align-items: center;
      min-height: 28px;
      padding: 0 10px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 850;
      white-space: nowrap;
    }

    .status-badge.ok {
      color: #08724d;
      background: var(--green-soft);
    }

    .status-badge.warn {
      color: #9a5a05;
      background: var(--amber-soft);
    }

    .status-badge.info {
      color: #1154c8;
      background: var(--blue-soft);
    }

    /* Marketing-style cleanup: meno legende, piu lettura */
    html {
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    #campaignBadges,
    #metricsContextLabel {
      display: none !important;
    }

    .selectors-grid {
      gap: 18px;
    }

    .field label,
    .field-label {
      margin-bottom: 8px;
      color: #40536c;
      font-size: 13px;
      font-weight: 800;
    }

    select,
    input,
    .select-like {
      min-height: 48px;
      padding: 0 16px;
      border-color: #cfdced;
      border-radius: 14px;
      background: #fff;
      color: #071b35;
      font-size: 16px;
      font-weight: 600;
    }

    h1 {
      color: #071b35;
      font-size: clamp(38px, 3.4vw, 50px);
      line-height: 1.08;
      font-weight: 850;
    }

    .section-title h2,
    .decision-proof-card h3,
    .decision-funnel-card h3,
    .decision-section-title h3 {
      color: #071b35;
      font-size: 24px;
      font-weight: 850;
      line-height: 1.2;
    }

    .payoff,
    .section-title p,
    .decision-diagnosis-list,
    .decision-proof-card li,
    .decision-funnel-card p,
    .decision-now-card p,
    .unified-decision-head p,
    .unified-decision-verdict span,
    .audience-language-insight p {
      color: #40536c;
      font-size: 16px;
      line-height: 1.65;
    }

    .kpi-carousel-shell {
      margin: 26px 0;
    }

    .kpi-grid {
      gap: 18px;
    }

    .kpi-value,
    .decision-kpi-card strong,
    .metric-card h3 {
      color: #071b35;
      font-size: 30px;
      font-weight: 850;
      line-height: 1.05;
    }

    .kpi-label,
    .kpi-top,
    .decision-kpi-card span,
    .metric-card p {
      color: #52647c;
      font-size: 14px;
      line-height: 1.45;
    }

    .status-badge,
    .mini-badge,
    .campaign-board-meta span,
    .decision-reader-chips span {
      min-height: 28px;
      border: 0;
      background: #eef4fb;
      color: #40536c;
      font-size: 12.5px;
      font-weight: 800;
      box-shadow: none;
    }

    .status-badge.ok {
      background: #e8f8ef;
      color: #067647;
    }

    .status-badge.warn {
      background: #fff4df;
      color: #a15c06;
    }

    .status-badge.info {
      background: #eaf2ff;
      color: #175cd3;
    }

    .decision-kpi-strip {
      gap: 18px;
      margin: 26px 0;
    }

    .decision-proof-funnel-grid {
      gap: 22px;
      margin-top: 26px;
    }

    .decision-proof-card,
    .decision-funnel-card {
      padding: 26px;
    }

    .decision-funnel-step {
      border-color: #d9e4f2;
      background: #f8fbff;
    }

    .decision-funnel-step.is-critical {
      border-color: #ffd1d8;
      background: #fff5f6;
    }

    .decision-action-map,
    .unified-decision-module {
      padding: 30px;
      border-radius: 28px;
    }

    .unified-decision-head {
      border-radius: 24px;
      background: #fffaf0;
    }

    @media (max-width: 1240px) {
      .selectors-grid,
      .kpi-grid:not(.kpi-carousel-shell .kpi-grid) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .two-col,
      .dashboard-main-grid,
      .actions-grid,
      .diagnosis-grid,
      .config-grid,
      .entity-grid,
      .decision-hero,
      .primary-diagnosis-card,
      .today-action-grid,
      .decision-card-grid,
      .operational-plan-grid,
      .critical-check-strip,
      .ai-dashboard-list,
      .detail-grid,
      .campaign-workspace,
      .campaign-diagnosis-band,
      .decision-reader-header,
      .decision-kpi-strip,
      .decision-proof-funnel-grid,
      .decision-now-card,
      .decision-action-columns,
      .decision-do-not-strip,
      .decision-ai-grid,
      .campaign-summary-grid,
      .campaign-guided-grid,
      .campaign-combo-row,
      .campaign-events-meaning-row,
      .campaign-bottom-grid,
      .campaign-action-grid,
      .operational-priorities-grid,
      .campaign-ai-strip,
      .page-signals-grid,
      .audience-signal-grid,
      .audience-transfer-grid,
      .audience-signal-actions,
      .connection-grid {
        grid-template-columns: 1fr;
      }

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

      .decision-hero-stats {
        min-width: 0;
      }

      .dashboard-side {
        position: static;
      }
    }

    @media (max-width: 860px) {
      .app {
        grid-template-columns: 1fr;
      }

      .sidebar {
        position: static;
        height: auto;
        border-radius: 0 0 24px 24px;
      }

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

      .main {
        padding: 20px;
      }

      .hero,
      .daily-insight {
        grid-template-columns: 1fr;
        display: grid;
      }

      .header-chip {
        width: 100%;
      }

      .selectors-grid,
      .kpi-grid:not(.kpi-carousel-shell .kpi-grid),
      .funnel,
      .decision-card-grid,
      .today-action-grid,
      .primary-diagnosis-card,
      .operational-plan-grid,
      .critical-check-strip,
      .ai-dashboard-list,
      .decision-hero-stats,
      .campaign-workspace,
      .campaign-diagnosis-band,
      .decision-reader-header,
      .decision-kpi-strip,
      .decision-proof-funnel-grid,
      .decision-now-card,
      .decision-action-columns,
      .decision-do-not-strip,
      .decision-ai-grid,
      .campaign-summary-grid,
      .campaign-guided-grid,
      .campaign-combo-row,
      .campaign-events-meaning-row,
      .campaign-metric-grid,
      .campaign-bottom-grid,
      .campaign-action-grid,
      .operational-priorities-grid,
      .campaign-ai-strip,
      .page-signals-grid,
      .audience-signal-grid,
      .audience-transfer-grid,
      .audience-signal-actions,
      .detail-grid {
        grid-template-columns: 1fr;
      }

      .campaign-board-header,
      .campaign-title-row,
      .campaign-board-actions {
        align-items: stretch;
        flex-direction: column;
      }

      .campaign-diagnosis-side {
        padding-left: 0;
        padding-top: 14px;
        border-left: 0;
        border-top: 1px solid var(--line);
      }

      .metrics-carousel-shell {
        grid-template-columns: 34px minmax(0, 1fr) 34px;
        gap: 8px;
      }

      .kpi-carousel-shell {
        grid-template-columns: 36px minmax(0, 1fr) 36px;
        gap: 8px;
      }

      .metric-nav,
      .kpi-nav {
        width: 34px;
        height: 58px;
        min-height: 58px;
        border-radius: 12px;
        font-size: 24px;
      }

      .diagnosis-cell {
        padding-right: 0;
        padding-bottom: 12px;
        border-right: 0;
        border-bottom: 1px solid var(--line);
      }

      .diagnosis-cell:last-child {
        padding-bottom: 0;
        border-bottom: 0;
      }

      .funnel-step:not(:last-child)::after {
        content: "v";
        right: 18px;
        top: auto;
        bottom: -11px;
        transform: none;
      }

      .checklist {
        grid-template-columns: 1fr;
      }

      .analysis-sheet-overlay {
        padding: 12px;
      }

      .analysis-sheet {
        width: calc(100vw - 24px);
        max-height: calc(100vh - 24px);
        border-radius: 18px;
      }

      .campaign-status-popup {
        width: calc(100vw - 24px);
      }

      .analysis-sheet-content,
      .analysis-sheet .actions-grid,
      .analysis-sheet .entity-grid,
      .operation-header,
      .operation-line,
      .context-strip {
        grid-template-columns: 1fr;
      }

      .operation-header {
        display: none;
      }
    }
    /* Stabilizzazione leggibilita Meta Reader - override finale controllato */
    body {
      font-size: 15px;
      line-height: 1.55;
      background: #edf3fa;
      color: #071f3d;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    .main {
      gap: 24px;
      padding: 26px 28px 34px;
      background: #edf3fa;
    }

    .filters,
    .wide-card.filters {
      padding: 22px;
      border: 1px solid #d9e5f3;
      border-radius: 22px;
      background: #fff;
      box-shadow: 0 14px 34px rgba(15, 35, 64, 0.07);
    }

    .campaign-reading-board,
    .kpi-carousel-shell,
    .decision-action-map,
    .decision-proof-card,
    .decision-funnel-card {
      border-color: #d9e5f3;
      border-radius: 22px;
      box-shadow: 0 14px 34px rgba(15, 35, 64, 0.07);
      background: #fff;
    }

    .card,
    .wide-card {
      border-color: #d9e5f3;
      border-radius: 22px;
      box-shadow: 0 14px 34px rgba(15, 35, 64, 0.07);
      background: #fff;
      padding: 24px;
    }

    .campaign-reading-board {
      padding: 24px;
    }

    .hero h1,
    .page-title,
    .campaign-reading-board h2 {
      color: #071f3d;
      font-size: clamp(28px, 2.3vw, 36px);
      line-height: 1.12;
      letter-spacing: 0;
    }

    .decision-section-title h3,
    .decision-main-diagnosis h3,
    .unified-decision-head h3,
    .decision-proof-card h3,
    .decision-funnel-card h3 {
      color: #071f3d;
      font-size: 21px;
      line-height: 1.25;
      letter-spacing: 0;
    }

    .field label,
    .decision-step-label,
    .mini-badge,
    .status-badge {
      font-size: 12px;
      letter-spacing: 0;
    }

    .field select,
    .field input {
      min-height: 44px;
      font-size: 15px;
      border-color: #d5e1ef;
      border-radius: 14px;
      background-color: #fbfdff;
    }

    .kpi-card {
      min-height: 108px;
      padding: 14px 16px;
      border-color: #d9e5f3;
      border-radius: 16px;
      background: #fff;
      box-shadow: 0 10px 22px rgba(15, 35, 64, 0.055);
    }

    .kpi-card strong,
    .kpi-value,
    .decision-kpi-card strong,
    .campaign-mini-metric strong {
      color: #071f3d;
      font-size: 26px;
      line-height: 1.05;
      letter-spacing: 0;
    }

    .kpi-card span,
    .kpi-card p,
    .decision-main-diagnosis p,
    .decision-main-diagnosis li,
    .unified-decision-head p,
    .decision-proof-card li,
    .decision-funnel-card span,
    .decision-do-not-strip span,
    .unified-metric-comparison span,
    .ad-specific-guidance p {
      font-size: 15px;
      line-height: 1.55;
    }

    .decision-main-diagnosis {
      border-color: #d9e5f3;
      border-radius: 22px;
      box-shadow: 0 14px 34px rgba(15, 35, 64, 0.07);
      background: #fff;
      padding: 26px;
      gap: 20px;
      align-items: center;
    }

    .decision-action-map {
      padding: 24px;
      margin-top: 20px;
    }

    .decision-do-not-strip {
      border-radius: 22px;
      box-shadow: 0 14px 34px rgba(15, 35, 64, 0.07);
      margin-top: 14px;
      padding: 18px 22px;
      background: #fff7f7;
      border-color: #fecaca;
      color: #7f1d1d;
    }

    .decision-do-not-strip strong {
      color: #b42318;
      font-size: 18px;
      line-height: 1.25;
    }

    .unified-metric-comparison {
      border-color: #d9e5f3;
      border-radius: 22px;
      box-shadow: 0 14px 34px rgba(15, 35, 64, 0.07);
      padding: 20px;
      background: #f8fbff;
    }

    .ad-specific-guidance {
      gap: 12px;
      margin-top: 12px;
      padding: 14px;
      border-color: #bfdbfe;
      border-radius: 16px;
      background: linear-gradient(135deg, #f8fbff 0%, #ffffff 100%);
    }

    .unified-metric-comparison h4 {
      font-size: 17px;
      color: #071f3d;
    }

    .unified-metric-comparison article {
      border-color: #d9e5f3;
      border-radius: 14px;
      background: #fff;
      color: #071f3d;
    }

    .unified-metric-comparison article.is-active {
      border-color: #93c5fd;
      background: #eff6ff;
    }

    .primary-button,
    .secondary-button {
      min-height: 42px;
      font-size: 15px;
      border-radius: 13px;
    }

    .decision-podium-card,
    .decision-ai-consultant-box {
      margin-top: 22px;
      padding: 24px;
      border: 1px solid #d9e5f3;
      border-radius: 24px;
      background: #fff;
      box-shadow: 0 14px 34px rgba(15, 35, 64, 0.07);
    }

    .premium-dashboard-layout {
      display: block;
    }

    .premium-reading-board {
      padding: 28px;
      border-radius: 26px;
      background:
        radial-gradient(circle at top right, rgba(23, 105, 255, 0.08), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #f9fcff 100%);
      box-shadow: 0 18px 48px rgba(15, 35, 70, 0.08);
    }

    .premium-decision-hero {
      position: relative;
      overflow: hidden;
      display: grid;
      grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
      gap: 22px;
      margin-bottom: 22px;
      padding: 26px;
      border: 1px solid #d9e8fb;
      border-radius: 26px;
      background:
        radial-gradient(circle at top left, rgba(16, 195, 166, 0.14), transparent 28%),
        radial-gradient(circle at top right, rgba(23, 105, 255, 0.14), transparent 32%),
        #ffffff;
      box-shadow: 0 18px 42px rgba(15, 35, 70, 0.08);
    }

    .premium-decision-hero::before {
      content: "";
      position: absolute;
      inset: 0 auto 0 0;
      width: 6px;
      background: linear-gradient(180deg, #1769ff, #0f9f8f);
    }

    .premium-decision-left {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 18px;
      align-items: start;
    }

    .premium-decision-icon {
      width: 72px;
      height: 72px;
      display: grid;
      place-items: center;
      border-radius: 22px;
      color: #0f9f6e;
      background: linear-gradient(135deg, rgba(15, 159, 110, 0.14), rgba(23, 105, 255, 0.08));
      font-size: 34px;
      font-weight: 950;
    }

    .premium-pill {
      width: fit-content;
      min-height: 30px;
      padding: 0 12px;
      display: inline-flex;
      align-items: center;
      border-radius: 999px;
      color: #1154c8;
      background: #eaf2ff;
      font-size: 12px;
      font-weight: 950;
      text-transform: uppercase;
    }

    .premium-decision-hero h2 {
      margin: 14px 0 10px;
      color: #061a38;
      font-size: clamp(26px, 2.35vw, 34px);
      line-height: 1.14;
      letter-spacing: 0;
      font-weight: 950;
    }

    .premium-decision-hero p,
    .premium-consultant-copy p {
      margin: 0 0 13px;
      color: #334155;
      font-size: 16px;
      line-height: 1.7;
    }

    .premium-verdict-box {
      align-self: stretch;
      display: grid;
      align-content: center;
      gap: 12px;
      padding: 20px;
      border: 1px solid #bfdbfe;
      border-radius: 22px;
      background: rgba(248, 251, 255, 0.9);
    }

    .premium-verdict-box strong {
      color: #0f9f6e;
      font-size: 13px;
      font-weight: 950;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }

    .premium-verdict-box div {
      display: grid;
      grid-template-columns: 26px minmax(0, 1fr);
      gap: 10px;
      align-items: start;
    }

    .premium-verdict-box span {
      width: 24px;
      height: 24px;
      display: grid;
      place-items: center;
      border-radius: 999px;
      color: #0f9f6e;
      background: #e8f8f1;
      font-size: 12px;
      font-weight: 950;
    }

    .premium-verdict-box p {
      margin: 0;
      font-size: 15px;
      line-height: 1.5;
    }

    .premium-content-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(350px, 0.75fr);
      gap: 20px;
      align-items: stretch;
    }

    .consultant-reading-card,
    .quick-operational-plan {
      padding: 24px;
      border-radius: 24px;
    }

    .quick-operational-plan {
      background:
        radial-gradient(circle at top right, rgba(23, 105, 255, 0.08), transparent 34%),
        #ffffff;
    }

    .quick-operational-plan h4 {
      margin: 16px 0 10px;
      color: #061a38;
      font-size: 16px;
      font-weight: 950;
    }

    .quick-operational-plan .compact-list {
      display: grid;
      gap: 9px;
      margin: 0;
      padding-left: 20px;
      color: #334155;
      font-size: 15px;
      line-height: 1.55;
    }

    .quick-operational-plan .danger-list {
      color: #991b1b;
    }

    .premium-reading-board .decision-section-title {
      margin-bottom: 16px;
    }

    .premium-reading-board .decision-section-title h3 {
      font-size: 22px;
      line-height: 1.2;
    }

    .premium-reading-board .decision-section-title span {
      color: #64748b;
      font-size: 13px;
      font-weight: 800;
    }

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

    .podium-item {
      display: grid;
      gap: 9px;
      min-height: 190px;
      padding: 18px;
      border: 1px solid #dbe7f8;
      border-radius: 20px;
      background: #f8fbff;
    }

    .podium-item span {
      width: fit-content;
      padding: 5px 10px;
      border-radius: 999px;
      background: #eaf2ff;
      color: #175cd3;
      font-size: 12px;
      font-weight: 850;
    }

    .podium-item h4 {
      margin: 0;
      color: #071f3d;
      font-size: 19px;
      line-height: 1.2;
    }

    .podium-item strong {
      color: #071f3d;
      font-size: 15px;
    }

    .podium-item p {
      margin: 0;
      color: #475569;
      font-size: 15px;
      line-height: 1.5;
    }

    .podium-item.winner {
      border-color: #bbf7d0;
      background: #f3fff7;
    }

    .podium-item.monitor {
      border-color: #bfdbfe;
      background: #f8fbff;
    }

    .podium-item.weak {
      border-color: #fed7aa;
      background: #fffaf0;
    }

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

    .ai-consultant-input-row input {
      min-height: 46px;
      border: 1px solid #d9e5f3;
      border-radius: 14px;
      padding: 0 14px;
      color: #071f3d;
      font: inherit;
      outline: none;
    }

    .ai-consultant-input-row input:focus {
      border-color: #93c5fd;
      box-shadow: 0 0 0 4px rgba(23, 105, 255, 0.08);
    }

    .ai-consultant-suggestions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 12px;
    }

    .ai-consultant-suggestions button {
      min-height: 36px;
      border: 1px solid #d9e5f3;
      border-radius: 999px;
      background: #fff;
      color: #175cd3;
      font-weight: 800;
      cursor: pointer;
    }

    @media (max-width: 980px) {
      .premium-decision-hero,
      .premium-content-grid,
      .decision-podium-grid,
      .ai-consultant-input-row {
        grid-template-columns: 1fr;
      }
    }

    .mr-premium-dashboard {
      display: grid;
      gap: 18px;
      color: #071f3d;
      width: 100%;
      max-width: 1740px;
      margin: 0 auto;
      min-width: 0;
    }

    .mr-premium-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 18px;
      padding: 24px 26px;
      border: 1px solid #dbe7f5;
      border-radius: 24px;
      background: #ffffff;
      box-shadow: 0 18px 50px rgba(15, 35, 70, 0.08);
    }

    .mr-premium-header span {
      display: block;
      color: #1769ff;
      font-size: 0.78rem;
      font-weight: 900;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      margin-bottom: 8px;
    }

    .mr-premium-header h1 {
      margin: 0;
      font-size: clamp(2rem, 4vw, 3.1rem);
      line-height: 1;
      color: #061a36;
    }

    .mr-premium-header p {
      margin: 10px 0 0;
      color: #526681;
      font-size: 1rem;
      line-height: 1.55;
    }

    .mr-premium-header-badges {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 10px;
    }

    .mr-premium-header-badges em,
    .mr-premium-header-badges strong {
      display: inline-flex;
      align-items: center;
      min-height: 34px;
      padding: 0 14px;
      border-radius: 999px;
      font-style: normal;
      font-weight: 850;
      border: 1px solid #dbe7f5;
      background: #f7fbff;
      color: #0b3269;
    }

    .mr-premium-header-badges strong {
      background: #ecfdf3;
      border-color: #bbf7d0;
      color: #087443;
    }

    .mr-premium-selectors-card,
    .mr-premium-card {
      border: 1px solid #dbe7f5;
      border-radius: 22px;
      background: #ffffff;
      box-shadow: 0 16px 42px rgba(15, 35, 70, 0.07);
    }

    .mr-premium-selectors-card {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 18px 20px;
    }

    .mr-premium-selector-note {
      color: #526681;
      font-weight: 750;
    }

    .mr-premium-kpi-row {
      display: flex;
      gap: 14px;
      min-width: 0;
      max-width: 100%;
      overflow-x: auto;
      padding-bottom: 4px;
      scrollbar-width: thin;
    }

    .mr-premium-kpi {
      flex: 0 0 clamp(142px, 12vw, 190px);
      min-height: 112px;
      padding: 15px;
      border: 1px solid #dbe7f5;
      border-radius: 20px;
      background: #ffffff;
      box-shadow: 0 14px 34px rgba(15, 35, 70, 0.06);
    }

    .mr-premium-kpi span {
      display: block;
      color: #526681;
      font-weight: 850;
      margin-bottom: 10px;
      font-size: 0.86rem;
      line-height: 1.22;
    }

    .mr-premium-kpi strong {
      display: block;
      color: #061a36;
      font-size: clamp(1.45rem, 1.5vw, 1.78rem);
      line-height: 1.1;
      margin-bottom: 9px;
    }

    .mr-premium-kpi em {
      display: inline-flex;
      align-items: center;
      min-height: 26px;
      padding: 0 10px;
      border-radius: 999px;
      background: #edf5ff;
      color: #175cd3;
      font-style: normal;
      font-weight: 850;
      font-size: 0.78rem;
    }

    .mr-premium-kpi.ok em {
      background: #e9fbf1;
      color: #087443;
    }

    .mr-premium-kpi.warn em {
      background: #fff4df;
      color: #9a5b00;
    }

    .mr-premium-layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(300px, clamp(300px, 27vw, 420px));
      gap: 18px;
      align-items: start;
      max-width: 100%;
      min-width: 0;
      overflow: hidden;
    }

    .mr-premium-left,
    .mr-premium-right {
      display: grid;
      gap: 14px;
      min-width: 0;
      max-width: 100%;
    }

    .mr-premium-left {
      overflow: hidden;
    }

    .mr-premium-right {
      position: relative;
      overflow: hidden;
      z-index: 0;
    }

    .mr-premium-dashboard {
      font-size: clamp(15px, 0.88vw, 16px);
    }

    .mr-premium-card {
      padding: clamp(16px, 1.15vw, 20px);
      min-width: 0;
      max-width: 100%;
      overflow: hidden;
    }

    .mr-premium-card-head {
      display: flex;
      justify-content: space-between;
      gap: 14px;
      margin-bottom: 16px;
    }

    .mr-premium-card-head h2,
    .mr-premium-analysis-head h2 {
      margin: 0;
      color: #061a36;
      font-size: 1.35rem;
      line-height: 1.2;
    }

    .mr-premium-card-head p,
    .mr-premium-analysis-head p {
      margin: 6px 0 0;
      color: #526681;
      line-height: 1.55;
    }

    .mr-premium-kpi-events {
      display: grid;
      grid-template-columns: 170px minmax(0, 1fr);
      gap: 12px;
      align-items: start;
      padding: 13px 15px;
    }

    .mr-premium-synthesis-title {
      padding-right: 12px;
      border-right: 1px solid #dbe7f5;
    }

    .mr-premium-synthesis-title strong {
      display: block;
      margin: 0 0 5px;
      color: #061a36;
      font-size: 1rem;
      line-height: 1.2;
    }

    .mr-premium-synthesis-title span {
      display: block;
      color: #526681;
      font-size: 0.84rem;
      font-weight: 760;
      line-height: 1.3;
    }

    .mr-premium-kpi-events ul {
      display: grid;
      gap: 7px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .mr-premium-kpi-events li {
      position: relative;
      padding: 8px 11px 8px 30px;
      border: 1px solid #e4edf8;
      border-radius: 13px;
      background: #f8fbff;
      color: #30445f;
      font-size: 0.96rem;
      line-height: 1.42;
    }

    .mr-premium-kpi-events li::before {
      content: "";
      position: absolute;
      left: 12px;
      top: 14px;
      width: 7px;
      height: 7px;
      border-radius: 999px;
      background: #175cd3;
      box-shadow: 0 0 0 4px #e8f1ff;
    }

    .mr-premium-kpi-events li.warn::before {
      background: #d97706;
      box-shadow: 0 0 0 4px #fff4df;
    }

    .mr-premium-kpi-events li.ok::before {
      background: #059669;
      box-shadow: 0 0 0 4px #dcfce7;
    }

    .mr-premium-kpi-events li strong,
    .mr-premium-break strong {
      color: #061a36;
      font-size: 0.94rem;
      font-weight: 950;
    }

    .mr-premium-kpi-events li span,
    .mr-premium-break p {
      margin: 0;
      color: #30445f;
      font-size: 0.94rem;
      line-height: 1.42;
    }

    .mr-premium-funnel {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      min-width: 0;
    }

    .mr-premium-funnel div {
      padding: 15px;
      border-radius: 16px;
      background: #f7fbff;
      border: 1px solid #dbe7f5;
    }

    .mr-premium-funnel span {
      display: block;
      color: #526681;
      font-weight: 850;
      margin-bottom: 8px;
    }

    .mr-premium-funnel strong {
      color: #061a36;
      font-size: 1.25rem;
    }

    .mr-premium-break {
      border-color: #fed7aa;
      background: #fffaf3;
      padding: 16px 18px;
    }

    .mr-premium-break em {
      display: inline-flex;
      margin-top: 14px;
      padding: 8px 12px;
      border-radius: 999px;
      background: #fff4df;
      color: #9a5b00;
      font-style: normal;
      font-weight: 850;
    }

    .mr-premium-events-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      min-width: 0;
    }

    .mr-premium-events-grid article {
      min-height: 118px;
      padding: 13px;
      border: 1px solid #dbe7f5;
      border-radius: 16px;
      background: #f8fbff;
    }

    .mr-premium-events-grid article.ok {
      border-color: #bbf7d0;
      background: #f0fdf4;
    }

    .mr-premium-events-grid article.warn {
      border-color: #fde68a;
      background: #fffbeb;
    }

    .mr-premium-events-grid article.danger {
      border-color: #fecaca;
      background: #fff5f5;
    }

    .mr-premium-events-grid span {
      display: block;
      color: #526681;
      font-size: 0.78rem;
      font-weight: 900;
      margin-bottom: 8px;
    }

    .mr-premium-events-grid strong {
      display: block;
      color: #061a36;
      font-size: 1.25rem;
      line-height: 1.1;
      margin-bottom: 8px;
    }

    .mr-premium-events-grid em {
      display: inline-flex;
      min-height: 24px;
      align-items: center;
      padding: 0 9px;
      border-radius: 999px;
      background: #edf5ff;
      color: #175cd3;
      font-size: 0.76rem;
      font-style: normal;
      font-weight: 900;
    }

    .mr-premium-events-grid p {
      margin: 8px 0 0;
      color: #526681;
      font-size: 0.82rem;
      line-height: 1.35;
    }

    .mr-premium-top-signals {
      display: grid;
      grid-template-columns: 180px minmax(0, 1fr);
      gap: 12px;
      align-items: stretch;
      margin-bottom: 16px;
      min-width: 0;
    }

    .mr-premium-top-events-label {
      padding: 14px;
      border: 1px solid #dbe7f5;
      border-radius: 18px;
      background: #ffffff;
      box-shadow: 0 10px 24px rgba(15, 35, 64, 0.055);
    }

    .mr-premium-top-events-label strong {
      display: block;
      color: #061a36;
      font-size: 1rem;
      line-height: 1.2;
    }

    .mr-premium-top-events-label span {
      display: block;
      margin-top: 6px;
      color: #526681;
      font-size: 0.88rem;
      line-height: 1.35;
    }

    .mr-premium-top-metrics-rail {
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
      gap: 12px;
      margin-bottom: 16px;
      min-width: 0;
    }

    .mr-premium-rail-group {
      min-width: 0;
      padding: 11px;
      border: 1px solid #dbe7f5;
      border-radius: 18px;
      background: #ffffff;
      box-shadow: 0 10px 24px rgba(15, 35, 64, 0.055);
    }

    .mr-premium-rail-events {
      border-left: 4px solid #bfdbfe;
    }

    .mr-premium-rail-title {
      margin: 0 0 8px;
      color: #061a36;
      font-size: 0.9rem;
      font-weight: 950;
      letter-spacing: 0.02em;
    }

    .mr-premium-rail-scroll {
      display: flex;
      gap: 8px;
      min-width: 0;
      max-width: 100%;
      overflow-x: auto;
      padding-bottom: 3px;
      scrollbar-width: thin;
    }

    .mr-premium-rail-card {
      position: relative;
      flex: 0 0 clamp(132px, 11vw, 158px);
      min-height: 78px;
      padding: 10px 10px 9px 42px;
      border: 1px solid #e4edf8;
      border-radius: 14px;
      background: #f8fbff;
      min-width: 0;
    }

    .mr-premium-rail-card.event {
      background: #fbfdff;
    }

    .mr-premium-rail-icon {
      position: absolute;
      left: 10px;
      top: 10px;
      display: grid;
      place-items: center;
      width: 24px;
      height: 24px;
      border-radius: 9px;
      background: #e8f1ff;
      color: #175cd3;
      font-size: 0.95rem;
      font-weight: 950;
      line-height: 1;
    }

    .mr-premium-rail-label {
      display: block;
      min-height: 28px;
      color: #526681;
      font-size: 12.5px;
      font-weight: 900;
      line-height: 1.16;
    }

    .mr-premium-rail-card strong {
      display: block;
      margin-top: 3px;
      color: #061a36;
      font-size: 20px;
      line-height: 1.05;
      font-weight: 950;
    }

    .mr-premium-rail-card em {
      display: inline-flex;
      align-items: center;
      min-height: 19px;
      margin-top: 6px;
      padding: 0 7px;
      border-radius: 999px;
      background: #edf5ff;
      color: #175cd3;
      font-size: 10.5px;
      font-style: normal;
      font-weight: 900;
      line-height: 1;
    }

    .mr-premium-rail-card small {
      display: inline-block;
      margin-left: 5px;
      color: #71839b;
      font-size: 10.5px;
      font-weight: 760;
    }

    .mr-premium-analysis-discursive {
      padding: 20px;
      border-color: #bfdbfe;
      background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    }

    .mr-premium-analysis-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 18px;
      margin-bottom: 14px;
    }

    .mr-premium-analysis-head span {
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding: 0 12px;
      border-radius: 999px;
      background: #e8f1ff;
      color: #175cd3;
      font-weight: 900;
      white-space: nowrap;
    }

    .mr-premium-analysis-copy {
      display: grid;
      gap: 12px;
    }

    .mr-premium-analysis-copy p {
      margin: 0;
      color: #243850;
      font-size: 1rem;
      line-height: 1.68;
    }

    .mr-premium-analysis-decision {
      margin-top: 16px;
      padding: 15px 16px;
      border-radius: 18px;
      background: #eef7ff;
      border: 1px solid #bfdbfe;
    }

    .mr-premium-analysis-decision strong {
      color: #175cd3;
      font-size: 0.9rem;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }

    .mr-premium-analysis-decision p {
      margin: 8px 0 0;
      color: #061a36;
      font-weight: 850;
      line-height: 1.55;
    }

    .mr-premium-plan-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      min-width: 0;
    }

    .mr-premium-plan-grid div {
      min-height: 118px;
      padding: 13px 14px;
      border-radius: 16px;
      border: 1px solid #dbe7f5;
      background: #f8fbff;
    }

    .mr-premium-plan-grid div.ok {
      background: #f0fdf4;
      border-color: #bbf7d0;
    }

    .mr-premium-plan-grid div.danger {
      background: #fff5f5;
      border-color: #fecaca;
    }

    .mr-premium-plan-grid div.warn {
      background: #fffbeb;
      border-color: #fde68a;
    }

    .mr-premium-plan-grid strong {
      display: block;
      margin-bottom: 8px;
      color: #061a36;
      font-size: 1rem;
    }

    .mr-premium-plan-grid ul {
      margin: 0;
      padding-left: 18px;
      color: #30445f;
      line-height: 1.48;
    }

    .mr-premium-plan-grid li + li {
      margin-top: 5px;
    }

    .mr-premium-cta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      background: #f8fbff;
    }

    .mr-premium-cta strong {
      color: #061a36;
      font-size: 1.15rem;
    }

    .mr-premium-cta p {
      margin: 6px 0 0;
      color: #526681;
    }

    .mr-premium-side-card dl {
      display: grid;
      gap: 8px;
      margin: 0;
    }

    .mr-premium-side-card dl div,
    .mr-premium-ad-row {
      padding: 13px;
      border: 1px solid #e4edf8;
      border-radius: 14px;
      background: #f8fbff;
    }

    .mr-premium-mini-summary {
      padding: 14px;
    }

    .mr-premium-mini-summary .mr-premium-card-head {
      margin-bottom: 10px;
    }

    .mr-premium-mini-summary .mr-premium-card-head h2 {
      font-size: 1.05rem;
    }

    .mr-premium-mini-summary dl {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
    }

    .mr-premium-mini-summary dl div {
      padding: 10px;
      border-radius: 12px;
    }

    .mr-premium-context-accordion {
      border: 1px solid #dbe7f5;
      border-radius: 18px;
      background: #ffffff;
      box-shadow: 0 10px 24px rgba(15, 35, 64, 0.055);
      overflow: hidden;
    }

    .mr-premium-context-accordion summary {
      display: grid;
      grid-template-columns: 150px minmax(0, 1fr) 28px;
      gap: 10px;
      align-items: center;
      padding: 13px 15px;
      cursor: pointer;
      list-style: none;
    }

    .mr-premium-context-accordion summary::-webkit-details-marker {
      display: none;
    }

    .mr-premium-context-accordion summary::after {
      content: "+";
      display: grid;
      place-items: center;
      width: 26px;
      height: 26px;
      border-radius: 999px;
      background: #edf5ff;
      color: #175cd3;
      font-weight: 950;
    }

    .mr-premium-context-accordion[open] summary::after {
      content: "-";
    }

    .mr-premium-context-accordion summary span {
      color: #526681;
      font-size: 0.82rem;
      font-weight: 950;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }

    .mr-premium-context-accordion summary strong {
      min-width: 0;
      overflow: hidden;
      color: #061a36;
      font-size: 0.95rem;
      font-weight: 900;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .mr-premium-context-grid {
      display: grid;
      gap: 8px;
      padding: 0 13px 13px;
    }

    .mr-premium-context-grid article {
      padding: 10px 12px;
      border: 1px solid #e4edf8;
      border-radius: 14px;
      background: #f8fbff;
    }

    .mr-premium-context-grid span {
      display: block;
      margin-bottom: 5px;
      color: #526681;
      font-size: 0.78rem;
      font-weight: 900;
    }

    .mr-premium-context-grid strong {
      display: block;
      color: #061a36;
      font-size: 0.96rem;
      line-height: 1.25;
    }

    .mr-premium-context-grid em {
      display: block;
      margin-top: 5px;
      color: #526681;
      font-size: 0.82rem;
      font-style: normal;
      font-weight: 760;
    }

    .mr-premium-side-card dt {
      color: #526681;
      font-weight: 850;
      margin-bottom: 4px;
    }

    .mr-premium-side-card dd {
      margin: 0;
      color: #061a36;
      font-weight: 850;
    }

    .mr-premium-ad-row + .mr-premium-ad-row {
      margin-top: 10px;
    }

    .mr-premium-ads-insight {
      border-color: #bfdbfe;
      box-shadow: 0 18px 42px rgba(23, 92, 211, 0.10);
      max-width: 100%;
      overflow: hidden;
    }

    .mr-premium-ads-insight .mr-premium-card-head h2 {
      font-size: 1.45rem;
    }

    .mr-premium-ad-row.ok {
      border-color: #bbf7d0;
      background: #f0fdf4;
    }

    .mr-premium-ad-row.warn {
      border-color: #fde68a;
      background: #fffbeb;
    }

    .mr-premium-ad-row.danger {
      border-color: #fecaca;
      background: #fff5f5;
    }

    .mr-premium-ad-row.info {
      border-color: #bfdbfe;
      background: #f7fbff;
    }

    .mr-premium-ad-top {
      display: grid;
      grid-template-columns: 54px minmax(0, 1fr);
      gap: 12px;
      align-items: center;
    }

    .mr-premium-ad-rank {
      display: grid;
      place-items: center;
      width: 44px;
      min-height: 44px;
      border-radius: 999px;
      background: #ffffff;
      border: 1px solid #dbe7f5;
      color: #175cd3;
      font-size: 1.28rem;
      font-weight: 950;
      text-align: center;
    }

    .mr-premium-ad-row .mr-premium-ad-rank {
      display: grid;
      place-items: center;
      width: 52px;
      height: 52px;
      min-height: 52px;
      margin: 0;
      border-radius: 999px;
      line-height: 1;
      font-size: 1.55rem;
      text-align: center;
    }

    .mr-premium-ad-row span {
      display: block;
      color: #175cd3;
      font-weight: 900;
      font-size: 0.82rem;
      margin-bottom: 6px;
    }

    .mr-premium-ad-row strong {
      color: #061a36;
      font-size: 1rem;
      overflow-wrap: anywhere;
    }

    .mr-premium-ad-row em {
      display: inline-flex;
      margin-bottom: 6px;
      color: #175cd3;
      font-style: normal;
      font-size: 0.78rem;
      font-weight: 950;
    }

    .mr-premium-ad-metrics {
      padding: 8px 10px;
      border-radius: 12px;
      background: rgba(255,255,255,0.72);
      border: 1px solid rgba(219, 231, 245, 0.8);
      overflow-wrap: anywhere;
    }

    .mr-premium-ad-row p,
    .mr-premium-chat p {
      margin: 8px 0 0;
      color: #526681;
      line-height: 1.55;
    }

    .mr-premium-chat {
      display: grid;
      gap: 12px;
    }

    .mr-premium-chat textarea {
      width: 100%;
      min-height: 100px;
    }

    body.mr-premium-modal-open {
      overflow: hidden;
    }

    .mr-premium-ai-modal {
      position: fixed;
      inset: 0;
      z-index: 9999;
      display: grid;
      place-items: center;
      padding: 24px;
    }

    .mr-premium-ai-modal-backdrop {
      position: absolute;
      inset: 0;
      background: rgba(8, 20, 38, 0.52);
      backdrop-filter: blur(4px);
    }

    .mr-premium-ai-modal-panel {
      position: relative;
      width: min(760px, 100%);
      max-height: min(82vh, 760px);
      overflow: auto;
      padding: 22px;
      border: 1px solid #dbe7f5;
      border-radius: 24px;
      background: #ffffff;
      box-shadow: 0 28px 80px rgba(8, 20, 38, 0.24);
    }

    .mr-premium-ai-modal-panel header,
    .mr-premium-ai-modal-panel footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }

    .mr-premium-ai-modal-panel h2 {
      margin: 0;
      color: #061a36;
      font-size: 1.55rem;
      line-height: 1.15;
    }

    .mr-premium-ai-modal-question {
      margin: 18px 0;
      padding: 14px 16px;
      border: 1px solid #dbe7f5;
      border-radius: 16px;
      background: #f8fbff;
    }

    .mr-premium-ai-modal-question span {
      display: block;
      margin-bottom: 7px;
      color: #175cd3;
      font-size: 0.82rem;
      font-weight: 950;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }

    .mr-premium-ai-modal-question p {
      margin: 0;
      color: #243850;
      line-height: 1.55;
      font-weight: 760;
    }

    .mr-premium-ai-modal-answer {
      padding: 16px;
      border: 1px solid #bfdbfe;
      border-radius: 18px;
      background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    }

    .mr-premium-ai-modal.is-error .mr-premium-ai-modal-answer {
      border-color: #fecaca;
      background: #fff7f7;
    }

    .mr-premium-ai-modal-answer .detail-grid {
      display: grid;
      gap: 12px;
    }

    .mr-premium-ai-modal-answer .detail-box {
      padding: 13px;
      border: 1px solid #e4edf8;
      border-radius: 14px;
      background: #ffffff;
    }

    .mr-premium-ai-modal-answer .detail-box strong {
      display: block;
      margin-bottom: 7px;
      color: #061a36;
      font-size: 0.95rem;
    }

    .mr-premium-ai-modal-answer .detail-box span,
    .mr-premium-ai-modal-answer .detail-box li,
    .mr-premium-ai-modal-answer p {
      color: #30445f;
      line-height: 1.58;
    }

    .mr-premium-ai-modal-panel footer {
      margin-top: 18px;
      justify-content: flex-end;
      flex-wrap: wrap;
    }

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

    .mr-premium-decision-list div {
      display: grid;
      grid-template-columns: 132px minmax(0, 1fr);
      gap: 8px;
      align-items: center;
      padding: 10px 12px;
      border: 1px solid #dbe7f5;
      border-radius: 14px;
      background: #f8fbff;
    }

    .mr-premium-decision-list div.ok {
      border-color: #bbf7d0;
      background: #f0fdf4;
    }

    .mr-premium-decision-list div.danger {
      border-color: #fecaca;
      background: #fff5f5;
    }

    .mr-premium-decision-list div.warn {
      border-color: #fde68a;
      background: #fffbeb;
    }

    .mr-premium-decision-list strong {
      color: #061a36;
      font-weight: 950;
      font-size: 0.9rem;
    }

    .mr-premium-decision-list span {
      color: #30445f;
      font-weight: 760;
      line-height: 1.32;
      font-size: 0.9rem;
    }

    .kpi-carousel-shell .kpi-card {
      flex-basis: min(210px, 70vw);
    }

    .kpi-nav {
      width: 36px;
      min-height: 78px;
    }

    .kpi-card {
      min-height: 96px;
      padding: 12px 14px;
      border-radius: 15px;
    }

    .kpi-top {
      min-height: 34px;
      gap: 8px;
      font-size: 14px;
    }

    .kpi-icon {
      display: inline-grid;
      place-items: center;
      width: 28px;
      height: 28px;
      border-radius: 10px;
      background: #e8f1ff;
      color: #175cd3;
      font-size: 1rem;
      line-height: 1;
      flex: 0 0 auto;
    }

    .kpi-card strong,
    .kpi-value {
      font-size: 24px;
    }

    .kpi-group-label {
      flex-basis: 150px;
      background: #f8fbff;
      border-style: dashed;
    }

    .kpi-group-label span {
      display: block;
      color: #526681;
      font-size: 12.5px;
      font-weight: 950;
      text-transform: uppercase;
      letter-spacing: 0.03em;
    }

    .kpi-group-label strong {
      display: block;
      margin-top: 8px;
      color: #061a36;
      font-size: 22px;
      line-height: 1.05;
    }

    .kpi-group-label p {
      margin: 5px 0 0;
      color: #526681;
      font-size: 12px;
      font-weight: 760;
    }

    .kpi-event-card {
      flex-basis: min(170px, 72vw);
      border-color: #dbe7f5;
    }

    .kpi-event-card.ok {
      background: #f0fdf4;
      border-color: #bbf7d0;
    }

    .kpi-event-card.warn {
      background: #fffbeb;
      border-color: #fde68a;
    }

    .kpi-event-card.danger {
      background: #fff5f5;
      border-color: #fecaca;
    }

    .mr-premium-dashboard > .mr-premium-events-strip {
      margin-bottom: 14px;
      border-color: #dbe7f5;
      background: #fbfdff;
    }

    .mr-premium-dashboard > .mr-premium-events-strip .mr-premium-card-head {
      display: flex;
      align-items: center;
      margin-bottom: 10px;
    }

    .mr-premium-dashboard > .mr-premium-events-strip .mr-premium-events-grid article {
      flex-basis: 132px;
      min-height: 68px;
      padding: 9px 10px;
    }

    .kpi-note {
      font-size: 12px;
      line-height: 1.35;
    }

    .mr-premium-events-strip {
      padding: 12px 14px;
    }

    .mr-premium-top-signals .mr-premium-events-strip {
      min-width: 0;
      padding: 10px;
    }

    .mr-premium-top-signals .mr-premium-events-strip .mr-premium-card-head {
      display: none;
    }

    .mr-premium-events-strip .mr-premium-card-head {
      align-items: center;
      margin-bottom: 10px;
    }

    .mr-premium-events-strip .mr-premium-card-head h2 {
      font-size: 1.12rem;
      line-height: 1.15;
    }

    .mr-premium-events-strip .mr-premium-card-head p {
      margin-top: 2px;
      font-size: 0.92rem;
      line-height: 1.35;
    }

    .mr-premium-events-strip .mr-premium-events-grid {
      display: flex;
      gap: 9px;
      overflow-x: auto;
      padding-bottom: 5px;
      scrollbar-width: thin;
    }

    .mr-premium-events-strip .mr-premium-events-grid article {
      flex: 0 0 132px;
      min-height: 68px;
      padding: 9px 10px;
      border-radius: 14px;
    }

    .mr-premium-events-strip .mr-premium-events-grid span {
      margin-bottom: 4px;
      font-size: 0.78rem;
      line-height: 1.15;
    }

    .mr-premium-events-strip .mr-premium-events-grid strong {
      margin-bottom: 4px;
      font-size: 1.12rem;
    }

    .mr-premium-events-strip .mr-premium-events-grid em {
      min-height: 20px;
      padding: 0 7px;
      font-size: 0.72rem;
    }

    .mr-premium-events-strip .mr-premium-events-grid p {
      display: none;
    }

    .mr-premium-funnel div {
      position: relative;
      padding: 13px 14px 13px 50px;
      min-height: 84px;
    }

    .mr-premium-funnel-icon {
      position: absolute;
      left: 14px;
      top: 15px;
      display: grid;
      place-items: center;
      width: 28px;
      height: 28px;
      border-radius: 10px;
      background: #e8f1ff;
      color: #175cd3;
      font-size: 1.05rem;
      font-style: normal;
    }

    .mr-premium-ad-rank {
      width: 52px;
      height: 52px;
      min-height: 52px;
      font-size: 1.55rem;
    }

    /* LinkUpSite brand contrast pass: only color, shadow and readability. */
    .brand-icon {
      background: var(--brand-gradient);
      box-shadow: var(--brand-shadow);
    }

    .nav-item.active {
      background: linear-gradient(135deg, rgba(15, 98, 254, 0.95), rgba(53, 181, 242, 0.88));
      color: #ffffff;
      box-shadow: 0 12px 28px rgba(15, 98, 254, 0.24);
    }

    .primary-button {
      background: var(--brand-gradient);
      color: #ffffff;
      box-shadow: var(--brand-shadow);
    }

    .primary-button:hover {
      background: var(--brand-gradient-hover);
      box-shadow: 0 18px 38px rgba(15, 98, 254, 0.28);
    }

    .kpi-card {
      border-color: rgba(15, 98, 254, 0.22);
      background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
      box-shadow: 0 14px 30px rgba(15, 35, 70, 0.09);
    }

    .kpi-card::before {
      background: var(--brand-gradient);
      opacity: 1;
      width: 4px;
    }

    .kpi-icon {
      color: var(--brand-blue-dark);
      background: var(--brand-gradient-soft);
      box-shadow: inset 0 0 0 1px rgba(15, 98, 254, 0.12);
    }

    .kpi-top {
      color: #40536c;
    }

    .kpi-value,
    .kpi-card strong {
      color: #061a36;
      font-weight: 950;
    }

    .kpi-note {
      color: #40536c;
      font-weight: 650;
    }

    .metric-badge,
    .status-badge,
    .badge {
      border: 1px solid rgba(15, 98, 254, 0.12);
      color: var(--brand-blue-dark);
      background: #e8f1ff;
      font-weight: 900;
    }

    .badge.green,
    .status-badge.ok,
    .metric-badge.ok {
      color: #065f46;
      background: #dff7ea;
      border-color: #9de8bd;
    }

    .badge.amber,
    .status-badge.warn,
    .metric-badge.warn {
      color: #9a4b0b;
      background: #fff0dc;
      border-color: rgba(255, 122, 47, 0.45);
    }

    .status-badge.danger,
    .status-badge.bad,
    .metric-badge.danger,
    .metric-badge.bad,
    .badge.red,
    .badge.danger {
      color: #991b1b;
      background: #ffe4e6;
      border-color: #fda4af;
    }

    .badge.blue,
    .status-badge.info,
    .metric-badge.info {
      color: var(--brand-blue-dark);
      background: #e8f1ff;
      border-color: rgba(15, 98, 254, 0.28);
    }

    .backend-status {
      color: #9a4b0b;
      background: #fff0dc;
      border: 1px solid rgba(255, 122, 47, 0.35);
    }

    .backend-status.connected,
    .backend-status.prominent.connected {
      color: #065f46;
      background: #dff7ea;
      border-color: #9de8bd;
      box-shadow: 0 10px 22px rgba(6, 95, 70, 0.12);
    }

    .mr-premium-card {
      border-color: rgba(15, 98, 254, 0.18);
      box-shadow: 0 18px 44px rgba(15, 35, 70, 0.09);
    }

    .mr-premium-ad-rank {
      color: var(--brand-blue-dark);
      background: var(--brand-gradient-soft);
      border-color: rgba(15, 98, 254, 0.24);
    }

    .mr-premium-kpi-events,
    .mr-premium-analysis-discursive,
    .mr-premium-events-strip,
    .mr-premium-chat,
    .mr-premium-side-card {
      background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
      border-color: rgba(15, 98, 254, 0.18);
    }

    .mr-premium-kpi-events li,
    .mr-premium-funnel div,
    .mr-premium-events-grid article,
    .mr-premium-decision-list div {
      background: #f7fbff;
      border-color: rgba(15, 98, 254, 0.18);
      color: #243850;
    }

    .mr-premium-kpi-events li::before {
      background: var(--brand-blue);
      box-shadow: 0 0 0 4px rgba(15, 98, 254, 0.12);
    }

    .mr-premium-kpi-events li.warn::before {
      background: var(--brand-orange);
      box-shadow: 0 0 0 4px rgba(255, 122, 47, 0.15);
    }

    .mr-premium-kpi-events li.ok::before {
      background: #059669;
      box-shadow: 0 0 0 4px rgba(5, 150, 105, 0.14);
    }

    .mr-premium-plan-grid div {
      background: #f7fbff;
      border-color: rgba(15, 98, 254, 0.18);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
    }

    .mr-premium-plan-grid div.ok,
    .mr-premium-decision-list div.ok,
    .mr-premium-events-grid article.ok {
      background: linear-gradient(180deg, #edfff6 0%, #e4f8ee 100%);
      border-color: #80d9aa;
    }

    .mr-premium-plan-grid div.danger,
    .mr-premium-decision-list div.danger,
    .mr-premium-events-grid article.danger {
      background: linear-gradient(180deg, #fff3f3 0%, #ffe8e8 100%);
      border-color: #f5a3a3;
    }

    .mr-premium-plan-grid div.warn,
    .mr-premium-decision-list div.warn,
    .mr-premium-events-grid article.warn {
      background: linear-gradient(180deg, #fff8e8 0%, #fff0ce 100%);
      border-color: rgba(255, 122, 47, 0.46);
    }

    .mr-premium-plan-grid strong,
    .mr-premium-card-head h2,
    .mr-premium-analysis-head h2,
    .mr-premium-synthesis-title strong,
    .mr-premium-decision-list strong,
    .mr-premium-events-grid strong,
    .mr-premium-funnel strong {
      color: #061a36;
    }

    .mr-premium-plan-grid ul,
    .mr-premium-card-head p,
    .mr-premium-analysis-head p,
    .mr-premium-kpi-events li span,
    .mr-premium-decision-list span,
    .mr-premium-events-grid p,
    .mr-premium-funnel span,
    .mr-premium-chat p {
      color: #30445f;
    }

    .mr-premium-events-grid span {
      color: #40536c;
    }

    .mr-premium-events-grid em {
      color: var(--brand-blue-dark);
      background: #e3efff;
      border: 1px solid rgba(15, 98, 254, 0.18);
    }

    .mr-premium-break {
      background: linear-gradient(180deg, #fff9ef 0%, #fff1dd 100%);
      border-color: rgba(255, 122, 47, 0.48);
    }

    .mr-premium-break em {
      color: #8a3d08;
      background: rgba(255, 122, 47, 0.16);
      border: 1px solid rgba(255, 122, 47, 0.24);
    }

    .mr-premium-analysis-head span,
    .mr-premium-analysis-decision {
      color: var(--brand-blue-dark);
      background: #e8f1ff;
      border-color: rgba(15, 98, 254, 0.24);
    }

    .mr-premium-funnel-icon {
      color: var(--brand-blue-dark);
      background: var(--brand-gradient-soft);
      box-shadow: inset 0 0 0 1px rgba(15, 98, 254, 0.12);
    }

    .mr-premium-chat textarea {
      border-color: rgba(15, 98, 254, 0.2);
      background: #fbfdff;
      color: #061a36;
    }

    .mr-premium-chat textarea:focus {
      border-color: rgba(15, 98, 254, 0.55);
      box-shadow: 0 0 0 4px rgba(15, 98, 254, 0.10);
      outline: none;
    }

    /* LinkUpSite soft brand pass: trasparenze leggere, niente blocchi pieni. */
    .mr-premium-dashboard {
      font-size: 16px;
    }

    .mr-premium-card {
      border-color: rgba(15, 98, 254, 0.16);
      background:
        linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,251,255,.94) 100%),
        var(--brand-gradient-soft);
      box-shadow: 0 16px 36px rgba(15, 35, 70, 0.075);
    }

    .mr-premium-card-head h2,
    .mr-premium-analysis-head h2,
    .mr-premium-synthesis-title strong {
      color: #061a36;
      font-weight: 950;
    }

    .mr-premium-card-head p,
    .mr-premium-analysis-head p,
    .mr-premium-synthesis-title span {
      color: #40536c;
      font-weight: 650;
    }

    .mr-premium-kpi-events li,
    .mr-premium-funnel div,
    .mr-premium-events-grid article,
    .mr-premium-decision-list div,
    .mr-premium-plan-grid div {
      color: #122640;
      border-color: rgba(15, 98, 254, 0.18);
      background:
        linear-gradient(135deg, rgba(255,255,255,.90), rgba(255,255,255,.74)),
        linear-gradient(135deg, rgba(15,98,254,.10), rgba(53,181,242,.08), rgba(255,122,47,.10));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 10px 22px rgba(15,35,70,.045);
    }

    .mr-premium-kpi-events li.ok,
    .mr-premium-events-grid article.ok,
    .mr-premium-decision-list div.ok,
    .mr-premium-plan-grid div.ok {
      border-color: rgba(15, 98, 254, 0.22);
      background:
        linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.78)),
        linear-gradient(135deg, rgba(15,98,254,.10), rgba(53,181,242,.12));
    }

    .mr-premium-kpi-events li.warn,
    .mr-premium-events-grid article.warn,
    .mr-premium-decision-list div.warn,
    .mr-premium-plan-grid div.warn {
      border-color: rgba(255, 122, 47, 0.30);
      background:
        linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.78)),
        linear-gradient(135deg, rgba(15,98,254,.08), rgba(255,122,47,.14));
    }

    .mr-premium-events-grid article.danger,
    .mr-premium-decision-list div.danger,
    .mr-premium-plan-grid div.danger {
      border-color: rgba(255, 122, 47, 0.32);
      background:
        linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.78)),
        linear-gradient(135deg, rgba(255,122,47,.12), rgba(15,98,254,.07));
    }

    .mr-premium-plan-grid strong,
    .mr-premium-kpi-events li strong,
    .mr-premium-funnel strong,
    .mr-premium-events-grid strong,
    .mr-premium-decision-list strong {
      color: #061a36;
      font-weight: 950;
    }

    .mr-premium-plan-grid ul,
    .mr-premium-plan-grid li,
    .mr-premium-kpi-events li span,
    .mr-premium-funnel span,
    .mr-premium-events-grid span,
    .mr-premium-events-grid p,
    .mr-premium-decision-list span {
      color: #30445f;
      font-size: 0.96rem;
    }

    .mr-premium-events-grid strong,
    .mr-premium-funnel strong {
      font-size: 1.34rem;
    }

    .mr-premium-events-grid em,
    .mr-premium-decision-list strong:first-child,
    .mr-premium-break em,
    .mr-premium-analysis-head span {
      color: var(--brand-blue-dark);
      background: rgba(15, 98, 254, 0.10);
      border: 1px solid rgba(15, 98, 254, 0.16);
    }

    .mr-premium-funnel-icon {
      color: var(--brand-blue-dark);
      background:
        linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.72)),
        var(--brand-gradient-soft);
      box-shadow: inset 0 0 0 1px rgba(15, 98, 254, 0.12), 0 8px 18px rgba(15, 98, 254, 0.10);
    }

    .mr-premium-break,
    .mr-premium-analysis-decision {
      color: #122640;
      border-color: rgba(255, 122, 47, 0.30);
      background:
        linear-gradient(135deg, rgba(255,255,255,.90), rgba(255,255,255,.76)),
        linear-gradient(135deg, rgba(15,98,254,.09), rgba(255,122,47,.14));
      box-shadow: 0 12px 28px rgba(15,35,70,.055);
    }

    .mr-premium-break strong,
    .mr-premium-break p,
    .mr-premium-analysis-decision strong,
    .mr-premium-analysis-decision p {
      color: #122640;
    }

    .mr-premium-chat,
    .mr-premium-chat textarea {
      background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(249,252,255,.94)),
        var(--brand-gradient-soft);
    }

    @media (max-width: 1400px) {
      .mr-premium-layout {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
        gap: 16px;
      }

      .mr-premium-left {
        overflow: hidden;
      }

      .mr-premium-right {
        grid-column: auto;
        overflow: hidden;
      }

      .mr-premium-card {
        padding: 16px;
      }
    }

    @media (max-width: 1200px) {
      .mr-premium-layout {
        grid-template-columns: 1fr;
        overflow: visible;
      }

      .mr-premium-left,
      .mr-premium-right {
        overflow: visible;
      }

      .mr-premium-top-metrics-rail {
        grid-template-columns: 1fr;
      }

      .mr-premium-events-strip .mr-premium-events-grid {
        grid-template-columns: repeat(4, minmax(128px, 1fr));
      }
    }

    @media (max-width: 1180px) {
      .mr-premium-kpi-row,
      .mr-premium-plan-grid {
        grid-template-columns: 1fr 1fr;
      }

      .mr-premium-layout {
        grid-template-columns: 1fr;
        overflow: visible;
      }

      .mr-premium-right {
        grid-column: auto;
        overflow: visible;
      }
    }

    @media (max-width: 980px) {
      .mr-premium-events-grid,
      .mr-premium-funnel,
      .mr-premium-plan-grid {
        grid-template-columns: 1fr;
      }

      .mr-premium-events-strip .mr-premium-events-grid {
        display: flex;
        overflow-x: auto;
      }

      .mr-premium-events-strip .mr-premium-events-grid article {
        flex: 0 0 148px;
      }
    }

    @media (max-width: 760px) {
      .mr-premium-header,
      .mr-premium-selectors-card,
      .mr-premium-cta,
      .mr-premium-analysis-head {
        flex-direction: column;
        align-items: stretch;
      }

      .mr-premium-kpi-row,
      .mr-premium-layout,
      .mr-premium-kpi-events,
      .mr-premium-top-signals,
      .mr-premium-top-metrics-rail,
      .mr-premium-funnel,
      .mr-premium-events-grid,
      .mr-premium-plan-grid {
        grid-template-columns: 1fr;
      }

      .mr-premium-synthesis-title {
        padding-right: 0;
        padding-bottom: 10px;
        border-right: 0;
        border-bottom: 1px solid #dbe7f5;
      }

      .mr-premium-plan-grid div,
      .mr-premium-funnel div {
        min-height: auto;
      }
    }