.analytics-page {
  --analytics-cyan: #58e6cf;
  --analytics-violet: #9d86ff;
  --analytics-orange: #ffb461;
  --analytics-pink: #ff719a;
  --analytics-green: #78df9a;
  --analytics-red: #ff7777;
  --analytics-ink: #f6f8fc;
  --analytics-muted: #aeb8c7;
  --analytics-surface: #151922;
  --analytics-surface-raised: #1a202b;
  --analytics-border: #ffffff16;
  --analytics-grid: #ffffff12;
  padding-bottom: 52px;
  color: var(--analytics-ink);
}

/* Campaign workspace redesign */
body:has(#page-analytics.active) .main{overflow:visible}
/* Keep the analytics controls inside their own header; the shared page rule is 36px tall. */
#page-analytics.page-view:not(#page-kaiten):not(#page-pv) > .analytics-page-header{position:relative;z-index:30;min-height:52px;height:auto;max-height:none;margin:0 0 12px;padding:8px 0;gap:20px;align-items:center;border:0;background:transparent;backdrop-filter:none}
#page-analytics.page-view:not(#page-kaiten):not(#page-pv) > .analytics-page-header{min-height:40px;margin-bottom:8px;padding:0}
#page-analytics .analytics-chart-daily{grid-column:1/-1;min-height:390px}
#page-analytics .analytics-chart-daily .analytics-chart-stage{width:100%}
#page-analytics .analytics-chart-daily canvas{display:block;width:100%;cursor:crosshair}
#page-analytics .analytics-chart-daily canvas:focus-visible{outline:2px solid var(--crm-accent);outline-offset:3px}
#page-analytics .analytics-chart-daily .analytics-chart-tooltip{min-width:245px;max-width:min(380px,80vw);z-index:4}
#page-analytics .analytics-chart-daily .analytics-chart-tooltip span{grid-template-columns:7px minmax(0,1fr) auto;gap:8px}
#page-analytics .analytics-chart-daily .analytics-chart-tooltip b{text-align:right;white-space:nowrap}
#page-analytics .analytics-chart-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#page-analytics .campaign-social-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 2px}
#page-analytics .campaign-social-filters button{min-height:34px;padding:6px 12px;border:1px solid var(--crm-border);border-radius:9px;background:var(--crm-surface-soft);color:var(--crm-text);font:inherit;font-size:11px;font-weight:700;cursor:pointer}
#page-analytics .campaign-social-filters button[aria-pressed="true"]{border-color:var(--crm-accent);background:var(--crm-surface-hover);color:var(--crm-accent)}
#page-analytics .campaign-social-filters button:focus-visible{outline:2px solid var(--crm-accent);outline-offset:2px}
/* PV adds visibility controls to the shared topbar. They remain in its DOM after
   navigation, while PV's page stylesheet is inactive on analytics. */
#page-analytics #global-topbar .pv2-page-visibility-item{display:contents}
#page-analytics #global-topbar .pv2-visibility-eye{display:none!important}
#page-analytics .analytics-segment-filter{display:flex;height:36px;align-items:center;gap:1px;padding:2px;border:1px solid var(--crm-border);border-radius:var(--crm-control-radius);background:var(--crm-surface-soft)}
#page-analytics .analytics-segment-filter button{height:30px;min-height:30px;border:0;border-radius:6px;background:transparent;color:var(--crm-muted);padding:0 11px;font:inherit;font-size:11px;font-weight:650;cursor:pointer;transition:color .16s ease,background .16s ease,box-shadow .16s ease}
#page-analytics .analytics-segment-filter button:hover{background:var(--crm-surface-hover);color:var(--crm-accent-hover)}
#page-analytics .analytics-segment-filter button:focus-visible{outline:0;box-shadow:var(--crm-focus-ring)}
#page-analytics .analytics-segment-filter button[data-active="true"]{background:transparent;color:var(--crm-accent);box-shadow:inset 0 -2px var(--crm-accent)}
#page-analytics .campaign-list>header{align-items:center;padding:11px 14px}#page-analytics .campaign-list>header h2{margin-bottom:0}#page-analytics .campaign-list-actions{display:flex;align-items:center;gap:8px}
#page-analytics .campaign-kpis-actions{grid-template-columns:repeat(4,minmax(0,1fr))}#page-analytics .campaign-kpis-actions>button{position:relative;min-height:104px;padding:17px 44px 17px 17px;border:1px solid var(--crm-border);border-radius:var(--crm-panel-radius);background:var(--crm-surface);color:var(--crm-text);box-shadow:var(--crm-panel-shadow);text-align:left;font:inherit;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}#page-analytics .campaign-kpis-actions>button:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--crm-accent) 55%,var(--crm-border));background:var(--crm-surface-hover)}#page-analytics .campaign-kpis-actions>button:focus-visible{outline:0;box-shadow:var(--crm-focus-ring)}#page-analytics .campaign-kpis-actions>button > :is(span,strong){display:block}#page-analytics .campaign-kpis-actions>button > span{color:var(--crm-muted);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}#page-analytics .campaign-kpis-actions>button > strong{margin-top:10px;font-size:18px}#page-analytics .campaign-kpis-actions>button em{margin-top:8px;color:var(--crm-accent);font-size:10px;font-style:normal}
#page-analytics .campaign-editor-compact{gap:16px;padding:4px}#page-analytics .campaign-editor-compact>label{padding:12px;border:1px solid var(--analytics-border);border-radius:11px;background:var(--crm-surface-soft)}#page-analytics .campaign-editor-note{margin:0;padding:11px 13px;border:1px solid var(--analytics-border);border-radius:10px;color:var(--analytics-muted);font-size:11px}
#page-analytics .campaign-archive-action{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--analytics-border);border-radius:8px;background:var(--crm-surface-soft);color:var(--analytics-muted);padding:6px 9px;font:inherit;font-size:10px;cursor:pointer}#page-analytics .campaign-archive-action:hover{border-color:var(--analytics-cyan);color:var(--analytics-cyan)}#page-analytics .campaign-list-table th:last-child,#page-analytics .campaign-list-table td:last-child{width:135px}
#page-analytics .campaign-column-filter-wrap{position:relative;min-width:max-content}#page-analytics .campaign-column-filter{display:flex;width:100%;align-items:center;justify-content:space-between;gap:7px;border:0;background:transparent;color:inherit;padding:0;font:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}#page-analytics .campaign-column-filter:hover,#page-analytics .campaign-column-filter[aria-expanded="true"]{color:var(--crm-accent)}#page-analytics .campaign-column-filter:focus-visible{outline:0;box-shadow:var(--crm-focus-ring)}#page-analytics .campaign-column-filter i{font-size:13px;font-style:normal}#page-analytics .campaign-column-filter b{display:grid;place-items:center;min-width:17px;height:17px;border-radius:999px;background:var(--crm-accent);color:var(--crm-on-accent,#102b29);font-size:9px}#page-analytics .campaign-column-filter-menu{position:absolute;z-index:45;top:calc(100% + 8px);left:0;width:max-content;min-width:180px;max-width:280px;max-height:280px;overflow:auto;padding:6px;border:1px solid var(--crm-border-strong);border-radius:10px;background:var(--crm-surface-solid);box-shadow:var(--crm-panel-shadow);text-transform:none;letter-spacing:normal}#page-analytics .campaign-column-filter-menu[hidden]{display:none}#page-analytics .campaign-column-filter-menu button{display:flex;width:100%;align-items:center;gap:8px;border:0;border-radius:7px;background:transparent;color:var(--crm-text);padding:8px;text-align:left;font:inherit;font-size:11px;cursor:pointer}#page-analytics .campaign-column-filter-menu button:hover,#page-analytics .campaign-column-filter-menu button:focus-visible,#page-analytics .campaign-column-filter-menu [aria-selected="true"]{outline:0;background:var(--crm-surface-hover);color:var(--crm-accent)}#page-analytics .campaign-column-filter-menu button span{display:grid;width:16px;height:16px;place-items:center;border:1px solid var(--crm-border-strong);border-radius:4px}#page-analytics .campaign-column-filter-clear{margin-bottom:5px;border-bottom:1px solid var(--crm-border)!important;border-radius:0!important;color:var(--crm-muted)!important}
#analytics-campaign-dialog .campaign-fullscreen-panel{display:grid;align-content:start;gap:18px;min-height:calc(100vh - 84px);color:var(--crm-text)}#analytics-campaign-dialog .campaign-fullscreen-panel>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:14px 16px;border:1px solid var(--crm-border);border-radius:var(--crm-panel-radius);background:var(--crm-surface);box-shadow:var(--crm-panel-shadow)}#analytics-campaign-dialog .campaign-fullscreen-panel>header h2{margin:3px 0 0}#analytics-campaign-dialog .campaign-fullscreen-panel>header span{color:var(--crm-accent);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}#analytics-campaign-dialog .campaign-fullscreen-panel>header>div:last-child{display:flex;align-items:center;gap:9px}#analytics-campaign-dialog .campaign-fullscreen-panel select{border:1px solid var(--crm-border);border-radius:var(--crm-control-radius);background:var(--crm-surface-soft);color:var(--crm-text);padding:8px 10px;font:inherit}#analytics-campaign-dialog .campaign-panel-close{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--crm-border);border-radius:50%;background:var(--crm-surface-soft);color:var(--crm-text);font-size:19px;cursor:pointer}#analytics-campaign-dialog .campaign-panel-close:hover{border-color:var(--crm-accent);background:var(--crm-surface-hover);color:var(--crm-accent)}#analytics-campaign-dialog .campaign-fullscreen-panel>.analytics-table-wrap{border-color:var(--crm-border);background:var(--crm-surface)}
#analytics-campaign-dialog .cp-workspace .pvs-telegram-media{display:block;width:100%;max-height:300px;object-fit:cover;border:1px solid var(--crm-border);border-radius:12px 12px 3px 3px;margin-bottom:4px}#analytics-campaign-dialog .cp-workspace .cp-media-upload{padding:12px;border:1px dashed var(--crm-border-strong);border-radius:10px;background:var(--crm-surface-soft)}#analytics-campaign-dialog .cp-workspace .cp-media-upload input[type=file]{width:100%;padding:6px;border:0;background:transparent}#analytics-campaign-dialog .cp-workspace .cp-media-upload input[type=file]::file-selector-button{min-height:34px;margin-right:10px;padding:6px 12px;border:1px solid var(--crm-border-strong);border-radius:var(--crm-control-radius);background:var(--crm-surface-solid);color:var(--crm-text);font:inherit;font-weight:700;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}#analytics-campaign-dialog .cp-workspace .cp-media-upload input[type=file]::file-selector-button:hover{border-color:var(--crm-accent);background:var(--crm-surface-hover);color:var(--crm-accent)}#analytics-campaign-dialog .cp-workspace .cp-media-upload small{color:var(--crm-muted);font-size:10px}
@media(max-width:1280px){#page-analytics .campaign-kpis-actions{grid-template-columns:repeat(2,minmax(0,1fr))}#page-analytics .analytics-segment-filter button{padding-inline:7px}}

html[data-theme="light"] .analytics-page {
  --analytics-cyan: #008f80;
  --analytics-violet: #6652d9;
  --analytics-orange: #ce6f00;
  --analytics-pink: #d63768;
  --analytics-green: #168c4b;
  --analytics-red: #c43d45;
  --analytics-ink: #12202a;
  --analytics-muted: #65717f;
  --analytics-surface: #f7f9fc;
  --analytics-surface-raised: #ffffff;
  --analytics-border: #16283a16;
  --analytics-grid: #15283b12;
}

.analytics-page-header {
  gap: 20px;
  align-items: center;
}

.analytics-header-actions,
.analytics-status,
.analytics-filter-period,
.analytics-chart-legend,
.analytics-detail-panel > header,
.analytics-chart-panel > header {
  display: flex;
  align-items: center;
}

.analytics-header-actions {
  gap: 8px;
  margin-left: auto;
}

.analytics-action,
.analytics-filter-submit,
.analytics-filter-reset {
  border: 1px solid var(--analytics-border);
  border-radius: 10px;
  background: var(--analytics-surface-raised);
  color: var(--analytics-ink);
  padding: 9px 13px;
  font: inherit;
  font-weight: 650;
  cursor: pointer;
  transition: border-color 160ms ease, transform 160ms ease, background 160ms ease;
}

.analytics-action:hover,
.analytics-filter-submit:hover,
.analytics-filter-reset:hover {
  border-color: color-mix(in srgb, var(--analytics-cyan) 52%, transparent);
  transform: translateY(-1px);
}

.analytics-action:focus-visible,
.analytics-filter-submit:focus-visible,
.analytics-filter-reset:focus-visible,
.analytics-tabs button:focus-visible,
.analytics-customer:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--analytics-cyan) 35%, transparent);
  outline-offset: 2px;
}

.analytics-action.primary,
.analytics-filter-submit {
  border-color: transparent;
  background: linear-gradient(135deg, var(--analytics-cyan), #77b9ff);
  color: #071a1b;
}

#analytics-campaign-dialog .analytics-action.danger { border-color: color-mix(in srgb, #d85d69 55%, var(--analytics-border)); color: #d85d69; }
#analytics-campaign-dialog .analytics-action.danger:hover { border-color: #d85d69; background: color-mix(in srgb, #d85d69 12%, var(--analytics-surface-raised)); }

.analytics-action:disabled {
  opacity: 0.58;
  cursor: wait;
  transform: none;
}

.analytics-filter-submit:disabled {
  opacity: 0.72;
  cursor: wait;
  transform: none;
}

.analytics-status {
  gap: 10px;
  min-height: 38px;
  margin-bottom: 12px;
  padding: 9px 13px;
  border: 1px solid color-mix(in srgb, var(--analytics-green) 28%, transparent);
  border-radius: 11px;
  background: color-mix(in srgb, var(--analytics-green) 7%, var(--analytics-surface));
  color: var(--analytics-muted);
  font-size: 12px;
}

.analytics-status strong {
  color: var(--analytics-ink);
}

.analytics-status span:last-child {
  margin-left: auto;
}
.analytics-status > span:only-child { margin-left: 0; }

.analytics-status[data-level="stale"] {
  border-color: color-mix(in srgb, var(--analytics-orange) 40%, transparent);
  background: color-mix(in srgb, var(--analytics-orange) 7%, var(--analytics-surface));
}

.analytics-status[data-level="critical"] {
  border-color: color-mix(in srgb, var(--analytics-red) 42%, transparent);
  background: color-mix(in srgb, var(--analytics-red) 7%, var(--analytics-surface));
}

.analytics-comparison {
  grid-column: 1 / -1;
  padding: 16px 18px;
  border: 1px solid color-mix(in srgb, var(--analytics-cyan) 32%, var(--analytics-border));
  border-radius: 14px;
  background: color-mix(in srgb, var(--analytics-cyan) 6%, var(--analytics-surface));
}
.analytics-comparison > header { justify-content: space-between; }
.analytics-comparison h3 { margin: 4px 0 0; font-size: 15px; }
.analytics-comparison header span { color: var(--analytics-cyan); font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.analytics-comparison header small { color: var(--analytics-muted); font-size: 10px; }
.analytics-comparison > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.analytics-comparison article { padding: 10px 12px; border: 1px solid var(--analytics-border); border-radius: 10px; background: var(--analytics-surface-raised); }
.analytics-comparison article :is(span,strong,small) { display: block; }
.analytics-comparison article span { color: var(--analytics-muted); font-size: 10px; }
.analytics-comparison article strong { margin-top: 5px; font-size: 15px; }
.analytics-comparison article small { margin-top: 3px; color: var(--analytics-muted); font-size: 9px; }
.analytics-comparison article[data-direction="up"] strong { color: var(--analytics-green); }
.analytics-comparison article[data-direction="down"] strong { color: var(--analytics-red); }
.analytics-comparison.compact { margin-bottom: 12px; }

.analytics-filters {
  display: grid;
  grid-template-columns: minmax(286px, 1.45fr) repeat(4, minmax(126px, 0.75fr)) auto 36px;
  gap: 8px;
  align-items: end;
  margin-bottom: 12px;
  padding: 12px;
  border: 1px solid var(--analytics-border);
  border-radius: 13px;
  background: var(--analytics-surface);
}

.analytics-filters label {
  display: grid;
  gap: 5px;
  min-width: 0;
  color: var(--analytics-muted);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.analytics-filters input,
.analytics-filters select {
  width: 100%;
  min-width: 0;
  height: 36px;
  border: 1px solid var(--analytics-border);
  border-radius: 8px;
  background: var(--analytics-surface-raised);
  color: var(--analytics-ink);
  padding: 7px 9px;
  font: inherit;
  font-size: 12px;
  color-scheme: dark;
}

html[data-theme="light"] .analytics-filters input,
html[data-theme="light"] .analytics-filters select { color-scheme: light; }

.analytics-filter-period {
  gap: 8px;
}

.analytics-filter-period label { flex: 1; }
.analytics-filter-period > span { margin-top: 16px; color: var(--analytics-muted); }
.analytics-filter-submit { height: 36px; padding-block: 7px; }
.analytics-filter-reset { width: 36px; height: 36px; padding: 0; font-size: 19px; color: var(--analytics-muted); }

.analytics-tabs {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 7px;
  margin-bottom: 14px;
}

#page-analytics .analytics-tabs button[hidden] { display: none; }
@media (min-width: 1181px) {
  #page-analytics .analytics-tabs:has(button[data-analytics-tab="metrika"][hidden]) { grid-template-columns: repeat(7, minmax(0, 1fr)); }
}

.analytics-tabs button {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  border: 1px solid var(--analytics-border);
  border-radius: 10px;
  background: var(--analytics-surface);
  color: var(--analytics-muted);
  padding: 8px 10px;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: color 160ms ease, border-color 160ms ease, background 160ms ease;
}

.analytics-tabs button span {
  color: color-mix(in srgb, var(--analytics-muted) 60%, transparent);
  font-size: 9px;
  letter-spacing: 0.08em;
}

.analytics-tabs button:hover {
  color: var(--analytics-ink);
  border-color: color-mix(in srgb, var(--analytics-cyan) 34%, transparent);
}

.analytics-tabs button.active {
  border-color: color-mix(in srgb, var(--analytics-cyan) 42%, transparent);
  background: linear-gradient(135deg, color-mix(in srgb, var(--analytics-cyan) 15%, var(--analytics-surface)), color-mix(in srgb, var(--analytics-violet) 8%, var(--analytics-surface)));
  color: var(--analytics-ink);
  box-shadow: inset 0 -2px 0 var(--analytics-cyan);
}

.analytics-tabs button.active span { color: var(--analytics-cyan); }
.analytics-content { min-height: 520px; }

.analytics-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.72fr) minmax(250px, 0.72fr);
  gap: 12px;
}

.analytics-hero,
.analytics-ratio-card,
.analytics-metric,
.analytics-chart-panel,
.analytics-breakdown-panel,
.analytics-insights,
.analytics-detail-panel,
.analytics-customers-hero,
.analytics-quality-hero,
.analytics-quality-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--analytics-border);
  border-radius: 16px;
  background: var(--analytics-surface);
}

.analytics-hero {
  min-height: 228px;
  padding: 26px 28px;
  background:
    radial-gradient(circle at 78% 14%, color-mix(in srgb, var(--analytics-cyan) 24%, transparent), transparent 28%),
    linear-gradient(135deg, color-mix(in srgb, var(--analytics-cyan) 14%, var(--analytics-surface)) 0%, color-mix(in srgb, var(--analytics-violet) 12%, var(--analytics-surface)) 100%);
}

.analytics-hero[data-tone="violet"] {
  background: radial-gradient(circle at 78% 14%, color-mix(in srgb, var(--analytics-violet) 28%, transparent), transparent 28%), linear-gradient(135deg, color-mix(in srgb, var(--analytics-violet) 17%, var(--analytics-surface)), color-mix(in srgb, var(--analytics-pink) 10%, var(--analytics-surface)));
}

.analytics-hero[data-tone="orange"] {
  background: radial-gradient(circle at 78% 14%, color-mix(in srgb, var(--analytics-orange) 30%, transparent), transparent 28%), linear-gradient(135deg, color-mix(in srgb, var(--analytics-orange) 17%, var(--analytics-surface)), color-mix(in srgb, var(--analytics-pink) 9%, var(--analytics-surface)));
}

.analytics-hero::before {
  content: "";
  position: absolute;
  inset: auto -7% -70% 31%;
  height: 145%;
  border: 1px solid color-mix(in srgb, var(--analytics-cyan) 16%, transparent);
  border-radius: 50%;
  transform: rotate(-11deg);
}

.analytics-hero-copy { position: relative; z-index: 2; max-width: 64%; }
.analytics-hero-copy > span,
.analytics-ratio-card > div:first-child > span,
.analytics-chart-panel header > div > span,
.analytics-breakdown-panel header > span,
.analytics-detail-panel header span,
.analytics-customers-hero > div:first-child > span,
.analytics-quality-hero > div:first-child > span,
.analytics-quality-panel header span {
  color: var(--analytics-cyan);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.analytics-hero-copy h2 { margin: 11px 0 5px; font-size: 15px; font-weight: 650; color: var(--analytics-muted); }
.analytics-hero-copy > strong { display: block; font-size: clamp(36px, 4vw, 60px); line-height: 1; letter-spacing: -0.055em; font-variant-numeric: tabular-nums; }
.analytics-hero-copy p { margin: 15px 0 0; color: var(--analytics-muted); font-size: 12px; }

.analytics-hero-meta {
  position: absolute;
  right: 22px;
  bottom: 20px;
  z-index: 2;
  display: grid;
  justify-items: end;
  color: var(--analytics-muted);
  font-size: 10px;
}
.analytics-hero-meta strong { color: var(--analytics-ink); font-size: 16px; }
.analytics-hero-orbit { position: absolute; right: 40px; top: 24px; width: 110px; height: 110px; }
.analytics-hero-orbit::before,
.analytics-hero-orbit::after,
.analytics-hero-orbit i { content: ""; position: absolute; inset: 0; border: 1px solid color-mix(in srgb, var(--analytics-cyan) 27%, transparent); border-radius: 50%; }
.analytics-hero-orbit::after { inset: 17px; }
.analytics-hero-orbit i:nth-child(1) { inset: 35px; background: color-mix(in srgb, var(--analytics-cyan) 12%, transparent); }
.analytics-hero-orbit i:nth-child(2) { width: 8px; height: 8px; inset: 8px auto auto 25px; border: 0; background: var(--analytics-cyan); box-shadow: 0 0 18px var(--analytics-cyan); }
.analytics-hero-orbit i:nth-child(3) { width: 5px; height: 5px; inset: auto 7px 28px auto; border: 0; background: var(--analytics-violet); }
.analytics-hero-orbit b { position: absolute; inset: 0; display: grid; place-items: center; color: var(--analytics-cyan); font-size: 25px; }

.analytics-ratio-card { min-height: 228px; padding: 22px; }
.analytics-ratio-card h3 { margin: 8px 0 4px; font-size: 20px; }
.analytics-ratio-card p { margin: 0; color: var(--analytics-muted); font-size: 11px; line-height: 1.45; }
.analytics-ratio-card > small { position: absolute; left: 20px; bottom: 17px; color: var(--analytics-muted); }
.analytics-ratio-card > small strong { color: var(--analytics-ink); }
.analytics-ratio { position: absolute; right: 19px; bottom: 20px; width: 126px; height: 126px; border-radius: 50%; background: conic-gradient(var(--analytics-cyan) calc(var(--analytics-score) * 1%), var(--analytics-grid) 0); box-shadow: 0 0 30px color-mix(in srgb, var(--analytics-cyan) 12%, transparent); }
.analytics-ratio::after { content: ""; position: absolute; inset: 9px; border-radius: 50%; background: var(--analytics-surface); }
.analytics-ratio i { position: absolute; inset: 19px; z-index: 1; display: grid; place-content: center; justify-items: center; border: 1px solid var(--analytics-border); border-radius: 50%; font-style: normal; }
.analytics-ratio strong { font-size: 24px; letter-spacing: -0.05em; }
.analytics-ratio span { color: var(--analytics-muted); font-size: 9px; text-transform: uppercase; letter-spacing: 0.08em; }

.analytics-metrics { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.analytics-acquisition-panel { grid-column: 1 / -1; display: grid; gap: 15px; padding: 21px; border: 1px solid color-mix(in srgb, var(--analytics-cyan) 34%, var(--analytics-border)); border-radius: 16px; background: linear-gradient(115deg, color-mix(in srgb, var(--analytics-cyan) 8%, var(--analytics-surface)), color-mix(in srgb, var(--analytics-violet) 7%, var(--analytics-surface))); }
.analytics-acquisition-panel > header { display: flex; align-items: start; justify-content: space-between; gap: 16px; }
.analytics-acquisition-panel h3 { margin: 5px 0; font-size: 20px; }
.analytics-acquisition-panel header p { max-width: 640px; margin: 0; color: var(--analytics-muted); font-size: 11px; }
.analytics-acquisition-metrics { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.analytics-acquisition-metrics article { min-height: 96px; padding: 13px; border: 1px solid var(--analytics-border); border-radius: 11px; background: color-mix(in srgb, var(--analytics-surface-raised) 80%, transparent); }
.analytics-acquisition-metrics span, .analytics-acquisition-metrics small { display: block; color: var(--analytics-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }
.analytics-acquisition-metrics strong { display: block; margin: 10px 0 5px; color: var(--analytics-cyan); font-size: 18px; font-variant-numeric: tabular-nums; }
.analytics-acquisition-metrics small { text-transform: none; letter-spacing: 0; }
.analytics-acquisition-categories { display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; border: 1px solid var(--analytics-border); border-radius: 11px; }
.analytics-acquisition-categories article { display: grid; gap: 5px; padding: 13px; border-right: 1px solid var(--analytics-border); }
.analytics-acquisition-categories article:last-child { border-right: 0; }
.analytics-acquisition-categories span { color: var(--analytics-muted); font-size: 10px; line-height: 1.4; }
.analytics-acquisition-category { display: grid; gap: 5px; min-width: 0; border: 0; border-right: 1px solid var(--analytics-border); background: transparent; color: var(--analytics-ink); padding: 13px; text-align: left; font: inherit; cursor: pointer; transition: background 160ms ease, color 160ms ease; }
.analytics-acquisition-category:hover { background: color-mix(in srgb, var(--analytics-cyan) 9%, transparent); }
.analytics-acquisition-category:focus-visible { outline: 3px solid color-mix(in srgb, var(--analytics-cyan) 35%, transparent); outline-offset: -3px; }
.analytics-acquisition-category span { color: var(--analytics-muted); font-size: 10px; line-height: 1.4; }
.analytics-acquisition-category em { color: var(--analytics-cyan); font-size: 10px; font-style: normal; font-weight: 750; }
.analytics-acquisition-categories [data-state="soon"] { opacity: .7; }
.analytics-acquisition-dialog { width: min(1020px, calc(100vw - 64px)); }
.analytics-expense-admin { display: grid; grid-template-columns: minmax(210px, .7fr) minmax(280px, 1fr) minmax(180px, .55fr); gap: 14px; padding: 20px 30px; border-top: 1px solid var(--analytics-border); }
.analytics-expense-admin h3 { margin: 0 0 8px; }
.analytics-expense-admin form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; align-content: start; }
.analytics-expense-admin form label { display: grid; gap: 5px; color: var(--analytics-muted); font-size: 10px; }
.analytics-expense-admin input, .analytics-expense-admin select { min-width: 0; border: 1px solid var(--analytics-border); border-radius: 8px; background: var(--analytics-surface); color: var(--analytics-ink); padding: 8px; font: inherit; }
.analytics-expense-admin button { grid-column: 1 / -1; justify-self: start; }
.analytics-expense-history { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.analytics-expense-history li { position: relative; display: grid; gap: 3px; padding: 9px; border: 1px solid var(--analytics-border); border-radius: 8px; }
.analytics-expense-history span { color: var(--analytics-muted); font-size: 10px; }
.analytics-inline-action { justify-self: start; border: 0; background: transparent; color: var(--analytics-cyan); padding: 0; font: inherit; font-size: 10px; font-weight: 750; cursor: pointer; }
.analytics-inline-action:hover { text-decoration: underline; }
.analytics-inline-action:focus-visible { outline: 2px solid color-mix(in srgb, var(--analytics-cyan) 45%, transparent); outline-offset: 3px; border-radius: 3px; }
.analytics-expense-history li:has(.analytics-manual-archive) { min-height: 66px; padding-right: 76px; }
.analytics-manual-archive, .analytics-manual-delete, .analytics-manual-restore { position: absolute; bottom: 9px; z-index: 1; display: grid; width: 25px; height: 25px; padding: 5px; border: 0; border-radius: 6px; background: transparent; color: var(--analytics-muted); cursor: pointer; }
.analytics-expense-admin .analytics-manual-archive, .analytics-expense-admin .analytics-manual-delete { grid-column: auto; justify-self: auto; }
.analytics-manual-archive { right: 42px; }
.analytics-manual-delete, .analytics-manual-restore { right: 9px; }
.analytics-manual-archive svg, .analytics-manual-delete svg, .analytics-manual-restore svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.analytics-manual-archive:hover, .analytics-manual-restore:hover { color: var(--analytics-cyan); background: color-mix(in srgb, var(--analytics-cyan) 12%, transparent); }
.analytics-manual-delete:hover { color: #ff7b7b; background: color-mix(in srgb, #ff7b7b 12%, transparent); }
.analytics-manual-archive:focus-visible, .analytics-manual-restore:focus-visible, .analytics-manual-delete:focus-visible { outline: 2px solid color-mix(in srgb, var(--analytics-cyan) 55%, transparent); outline-offset: 2px; }
.analytics-manual-delete:focus-visible { outline-color: color-mix(in srgb, #ff7b7b 55%, transparent); }
.analytics-manual-action-tooltip { position: absolute; right: 0; bottom: calc(100% + 8px); z-index: 2; width: max-content; max-width: 180px; padding: 6px 8px; border: 1px solid var(--analytics-border); border-radius: 6px; background: var(--analytics-surface-raised); color: var(--analytics-ink); font-size: 10px; font-weight: 650; line-height: 1.2; box-shadow: 0 8px 20px #0004; opacity: 0; pointer-events: none; transform: translateY(3px); transition: opacity 120ms ease, transform 120ms ease; }
.analytics-manual-archive:hover .analytics-manual-action-tooltip, .analytics-manual-archive:focus-visible .analytics-manual-action-tooltip, .analytics-manual-delete:hover .analytics-manual-action-tooltip, .analytics-manual-delete:focus-visible .analytics-manual-action-tooltip, .analytics-manual-restore:hover .analytics-manual-action-tooltip, .analytics-manual-restore:focus-visible .analytics-manual-action-tooltip { opacity: 1; transform: translateY(0); }
.analytics-manual-archive-trigger { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; width: 100%; margin-top: 13px; padding: 13px; border: 1px solid color-mix(in srgb, var(--analytics-cyan) 40%, var(--analytics-border)); border-radius: 10px; background: color-mix(in srgb, var(--analytics-cyan) 8%, transparent); color: var(--analytics-ink); text-align: left; font: inherit; cursor: pointer; }
.analytics-expense-admin .analytics-manual-archive-trigger { grid-column: auto; justify-self: stretch; }
.analytics-manual-archive-trigger > span { color: var(--analytics-cyan); font-size: 14px; font-weight: 800; }
.analytics-manual-archive-trigger > strong { color: var(--analytics-cyan); font-size: 18px; font-variant-numeric: tabular-nums; }
.analytics-manual-archive-trigger > small { grid-column: 1 / -1; color: var(--analytics-muted); font-size: 10px; }
.analytics-manual-archive-trigger:hover { background: color-mix(in srgb, var(--analytics-cyan) 14%, transparent); }
.analytics-manual-archive-trigger:focus-visible { outline: 3px solid color-mix(in srgb, var(--analytics-cyan) 45%, transparent); outline-offset: 2px; }
.analytics-manual-archive-dialog { width: min(700px, calc(100vw - 64px)); }
[data-analytics-manual-archive-editor] { display: grid; gap: 14px; padding: 30px; }
[data-analytics-manual-archive-editor] > h2 { margin: 0; }
.analytics-manual-archive-history li:has(.analytics-manual-restore) { min-height: 50px; padding-right: 42px; }
.analytics-automatic-expense { display: grid; gap: 5px; margin: 0 30px 30px; padding: 16px; border: 1px dashed var(--analytics-border); border-radius: 11px; color: var(--analytics-muted); }
.analytics-metric { min-height: 142px; padding: 15px 17px; }
.analytics-metric::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--metric-color); }
.analytics-metric[data-tone="violet"] { --metric-color: var(--analytics-violet); }
.analytics-metric[data-tone="orange"] { --metric-color: var(--analytics-orange); }
.analytics-metric[data-tone="pink"] { --metric-color: var(--analytics-pink); }
.analytics-metric[data-tone="green"] { --metric-color: var(--analytics-green); }
.analytics-metric-top { display: flex; justify-content: space-between; color: var(--analytics-muted); font-size: 9px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.analytics-metric-top i { width: 7px; height: 7px; border-radius: 50%; background: var(--metric-color); box-shadow: 0 0 12px var(--metric-color); }
.analytics-metric > strong { display: block; margin-top: 14px; font-size: 25px; line-height: 1; letter-spacing: -0.045em; font-variant-numeric: tabular-nums; }
.analytics-metric p { margin: 7px 0 0; color: var(--analytics-ink); font-size: 12px; font-weight: 700; }
.analytics-metric small { display: block; margin-top: 5px; color: var(--analytics-muted); font-size: 9px; }

.analytics-chart-panel { grid-column: 1; min-height: 400px; padding: 21px 22px 14px; }
.analytics-chart-panel > header { justify-content: space-between; }
.analytics-chart-panel h3,
.analytics-breakdown-panel h3,
.analytics-detail-panel h3,
.analytics-quality-panel h3 { margin: 5px 0 3px; font-size: 18px; }
.analytics-chart-panel header p,
.analytics-breakdown-panel header p { margin: 0; color: var(--analytics-muted); font-size: 11px; }
.analytics-chart-legend { gap: 15px; color: var(--analytics-muted); font-size: 10px; }
.analytics-chart-legend span { display: flex; align-items: center; gap: 6px; }
.analytics-chart-legend span::before { content: ""; width: 18px; height: 2px; background: var(--analytics-cyan); }
.analytics-chart-legend span[data-series="expense"]::before { background: var(--analytics-violet); }
.analytics-chart-legend span[data-series="comparison"]::before { background: var(--analytics-muted); }
.analytics-chart-stage { position: relative; margin-top: 12px; }
.analytics-chart-stage canvas { display: block; width: 100%; height: 310px; }
.analytics-chart-tooltip { position: absolute; z-index: 3; min-width: 170px; padding: 10px 12px; border: 1px solid var(--analytics-border); border-radius: 10px; background: color-mix(in srgb, var(--analytics-surface-raised) 94%, transparent); box-shadow: 0 15px 36px #0005; pointer-events: none; }
.analytics-chart-tooltip strong { display: block; margin-bottom: 6px; font-size: 11px; }
.analytics-chart-tooltip span { display: grid; grid-template-columns: 7px 1fr auto; gap: 6px; align-items: center; color: var(--analytics-muted); font-size: 10px; }
.analytics-chart-tooltip i { width: 6px; height: 6px; border-radius: 50%; background: var(--analytics-cyan); }
.analytics-chart-tooltip i[data-series="expense"] { background: var(--analytics-violet); }
.analytics-chart-tooltip i[data-series="comparison"] { background: var(--analytics-muted); }
.analytics-chart-tooltip b { color: var(--analytics-ink); }

.analytics-breakdown-panel { grid-column: 2; min-height: 400px; padding: 21px 19px; }
.analytics-ranking { display: grid; gap: 16px; margin-top: 23px; }
.analytics-rank-row > div { display: grid; grid-template-columns: 24px 1fr auto; gap: 7px; align-items: center; margin-bottom: 7px; }
.analytics-rank-row span { color: color-mix(in srgb, var(--analytics-muted) 62%, transparent); font-size: 9px; }
.analytics-rank-row strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.analytics-rank-row em { color: var(--analytics-muted); font-size: 10px; font-style: normal; font-variant-numeric: tabular-nums; }
.analytics-rank-row > i { display: block; height: 7px; margin-left: 31px; overflow: hidden; border-radius: 999px; background: var(--analytics-grid); }
.analytics-rank-row b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--analytics-violet), var(--analytics-cyan)); }

.analytics-insights { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); }
.analytics-insights article { padding: 17px 20px; border-right: 1px solid var(--analytics-border); }
.analytics-insights article:last-child { border-right: 0; }
.analytics-insights span { color: var(--analytics-muted); font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; }
.analytics-insights strong { display: block; margin-top: 5px; font-size: 23px; }
.analytics-insights p { margin: 3px 0 0; color: var(--analytics-muted); font-size: 10px; }

.analytics-detail-panel { grid-column: 1 / -1; padding: 20px; }
.analytics-detail-panel > header { justify-content: space-between; margin-bottom: 14px; }
.analytics-detail-panel header small { color: var(--analytics-muted); }
.analytics-table-wrap { overflow: auto; border: 1px solid var(--analytics-border); border-radius: 11px; }
.analytics-table { width: 100%; border-collapse: collapse; font-size: 11px; }
.analytics-table th,
.analytics-table td { padding: 11px 13px; border-bottom: 1px solid var(--analytics-border); text-align: left; white-space: nowrap; font-variant-numeric: tabular-nums; }
.analytics-table th { background: color-mix(in srgb, var(--analytics-surface-raised) 78%, transparent); color: var(--analytics-muted); font-size: 9px; font-weight: 800; letter-spacing: 0.07em; text-transform: uppercase; }
.analytics-table tr:last-child td { border-bottom: 0; }
.analytics-table td:first-child strong,
.analytics-table td:first-child span { display: block; }
.analytics-table td:first-child span { margin-top: 2px; color: var(--analytics-muted); font-size: 9px; }

.analytics-customers-view,
.analytics-quality-view { display: grid; gap: 12px; }
.analytics-customers-hero,
.analytics-quality-hero { min-height: 190px; padding: 26px; background: linear-gradient(120deg, color-mix(in srgb, var(--analytics-violet) 16%, var(--analytics-surface)), color-mix(in srgb, var(--analytics-pink) 9%, var(--analytics-surface))); }
.analytics-customers-hero > div:first-child,
.analytics-quality-hero > div:first-child { max-width: 500px; }
.analytics-customers-hero h2,
.analytics-quality-hero h2 { margin: 11px 0 5px; font-size: 29px; letter-spacing: -0.04em; }
.analytics-customers-hero p,
.analytics-quality-hero p { margin: 0; color: var(--analytics-muted); }
.analytics-customers-hero > div:last-child,
.analytics-quality-hero > div:last-child { position: absolute; right: 26px; top: 25px; bottom: 25px; display: grid; grid-template-columns: repeat(3, minmax(110px, 1fr)); gap: 8px; }
.analytics-customers-hero article,
.analytics-quality-hero article { display: grid; align-content: center; min-width: 118px; padding: 15px; border: 1px solid var(--analytics-border); border-radius: 12px; background: color-mix(in srgb, var(--analytics-surface-raised) 72%, transparent); }
.analytics-customers-hero article span,
.analytics-quality-hero article span { color: var(--analytics-muted); font-size: 9px; text-transform: uppercase; letter-spacing: 0.08em; }
.analytics-customers-hero article strong,
.analytics-quality-hero article strong { margin-top: 7px; font-size: 21px; }

.analytics-customer-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.analytics-customer { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto 24px; gap: 12px; align-items: center; min-width: 0; border: 1px solid var(--analytics-border); border-radius: 13px; background: var(--analytics-surface); color: var(--analytics-ink); padding: 15px; text-align: left; cursor: pointer; transition: transform 160ms ease, border-color 160ms ease, background 160ms ease; }
.analytics-customer:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--analytics-cyan) 38%, transparent); background: color-mix(in srgb, var(--analytics-cyan) 5%, var(--analytics-surface)); }
.analytics-customer-index { color: color-mix(in srgb, var(--analytics-muted) 60%, transparent); font-size: 10px; }
.analytics-customer > div { min-width: 0; }
.analytics-customer > div:nth-of-type(1) strong,
.analytics-customer > div:nth-of-type(1) p,
.analytics-customer > div:nth-of-type(1) small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.analytics-customer p { margin: 4px 0; color: var(--analytics-muted); font-size: 10px; }
.analytics-customer small { color: var(--analytics-muted); font-size: 9px; }
.analytics-customer > div:nth-of-type(2) { display: grid; justify-items: end; }
.analytics-customer > div:nth-of-type(2) span { color: var(--analytics-muted); font-size: 8px; letter-spacing: 0.08em; text-transform: uppercase; }
.analytics-customer > div:nth-of-type(2) strong { margin: 3px 0; color: var(--analytics-cyan); }
.analytics-customer > i { color: var(--analytics-cyan); font-style: normal; font-size: 18px; }

.analytics-quality-hero { background: linear-gradient(120deg, color-mix(in srgb, var(--analytics-green) 15%, var(--analytics-surface)), color-mix(in srgb, var(--analytics-cyan) 8%, var(--analytics-surface))); }
.analytics-quality-hero > div:first-child h2 { color: var(--analytics-green); font-size: 48px; }
.analytics-quality-hero article[data-tone="green"] strong { color: var(--analytics-green); }
.analytics-quality-hero article[data-tone="red"] strong { color: var(--analytics-red); }
.analytics-quality-hero article[data-tone="blue"] strong { color: var(--analytics-cyan); }
.analytics-quality-grid { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 12px; }
.analytics-quality-panel { padding: 20px; }
.analytics-check-list,
.analytics-source-grid { display: grid; gap: 8px; margin-top: 15px; }
.analytics-check { display: grid; grid-template-columns: 28px 1fr auto; gap: 10px; align-items: center; padding: 11px; border: 1px solid var(--analytics-border); border-radius: 10px; }
.analytics-check > i { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 8px; background: color-mix(in srgb, var(--analytics-green) 14%, transparent); color: var(--analytics-green); font-style: normal; font-weight: 800; }
.analytics-check[data-status="failed"] > i { background: color-mix(in srgb, var(--analytics-red) 14%, transparent); color: var(--analytics-red); }
.analytics-check div strong,
.analytics-check div span { display: block; }
.analytics-check div span { margin-top: 3px; color: var(--analytics-muted); font-size: 9px; }
.analytics-check em { color: var(--analytics-green); font-size: 9px; font-style: normal; text-transform: uppercase; }
.analytics-check[data-status="failed"] em { color: var(--analytics-red); }
.analytics-source { display: grid; grid-template-columns: 8px 1fr; gap: 10px; align-items: center; padding: 10px; border: 1px solid var(--analytics-border); border-radius: 10px; }
.analytics-source > i { width: 7px; height: 30px; border-radius: 999px; background: var(--analytics-green); }
.analytics-source[data-level="stale"] > i { background: var(--analytics-orange); }
.analytics-source[data-level="critical"] > i { background: var(--analytics-red); }
.analytics-source[data-level="disabled"] > i { background: var(--analytics-muted); }
.analytics-source div { display: grid; grid-template-columns: 1fr auto; gap: 3px 8px; }
.analytics-source div span { color: var(--analytics-green); font-size: 9px; text-transform: uppercase; }
.analytics-source[data-level="stale"] div span { color: var(--analytics-orange); }
.analytics-source[data-level="critical"] div span { color: var(--analytics-red); }
.analytics-source div small { grid-column: 1 / -1; color: var(--analytics-muted); font-size: 9px; }
.analytics-quality-badge { padding: 3px 7px; border-radius: 999px; background: color-mix(in srgb, var(--analytics-green) 14%, transparent); color: var(--analytics-green); font-size: 9px; }

.analytics-metrika-view { display: grid; gap: 12px; }
.analytics-metrika-hero,
.analytics-metrika-setup { position: relative; overflow: hidden; border: 1px solid var(--analytics-border); border-radius: 16px; background: linear-gradient(120deg, color-mix(in srgb, #ffcc00 16%, var(--analytics-surface)), color-mix(in srgb, var(--analytics-violet) 7%, var(--analytics-surface))); }
.analytics-metrika-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, 0.42fr); gap: 24px; min-height: 210px; padding: 27px; }
.analytics-metrika-hero::after { content: "Я"; position: absolute; left: 48%; top: 50%; color: color-mix(in srgb, #ffcc00 11%, transparent); font-size: 190px; font-weight: 900; line-height: 1; transform: translate(-50%, -50%) rotate(-8deg); pointer-events: none; }
.analytics-metrika-hero > div { position: relative; z-index: 1; }
.analytics-metrika-hero > div:first-child > span,
.analytics-metrika-setup div > span { color: #d6a900; font-size: 10px; font-weight: 800; letter-spacing: 0.11em; text-transform: uppercase; }
[data-theme="dark"] .analytics-metrika-hero > div:first-child > span,
[data-theme="dark"] .analytics-metrika-setup div > span { color: #ffcc00; }
.analytics-metrika-hero h2,
.analytics-metrika-setup h2 { margin: 11px 0 5px; font-size: 31px; letter-spacing: -0.045em; }
.analytics-metrika-hero p,
.analytics-metrika-setup p { margin: 0; color: var(--analytics-muted); }
.analytics-metrika-hero > div:last-child { display: grid; align-content: center; justify-items: end; border-left: 1px solid var(--analytics-border); padding-left: 22px; text-align: right; }
.analytics-metrika-hero > div:last-child strong { color: var(--analytics-green); font-size: 18px; }
.analytics-metrika-hero > div:last-child span,
.analytics-metrika-hero > div:last-child small { margin-top: 6px; color: var(--analytics-muted); font-size: 9px; }
.analytics-metrika-hero time { margin-top: 3px; font-size: 12px; font-weight: 700; }
.analytics-metrika-options { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 24px; }
.analytics-metrika-options span { border: 1px solid var(--analytics-border); border-radius: 999px; background: color-mix(in srgb, var(--analytics-surface-raised) 74%, transparent); color: var(--analytics-muted); padding: 5px 8px; font-size: 9px; }
.analytics-metrika-options span[data-enabled="true"] { border-color: color-mix(in srgb, var(--analytics-green) 35%, var(--analytics-border)); color: var(--analytics-green); }
.analytics-metrika-note { border: 1px solid color-mix(in srgb, var(--analytics-green) 30%, var(--analytics-border)); border-radius: 11px; background: color-mix(in srgb, var(--analytics-green) 7%, var(--analytics-surface)); color: var(--analytics-muted); padding: 11px 14px; font-size: 10px; }
.analytics-metrika-note[data-tone="warning"] { border-color: color-mix(in srgb, var(--analytics-orange) 35%, var(--analytics-border)); background: color-mix(in srgb, var(--analytics-orange) 7%, var(--analytics-surface)); }
.analytics-metrika-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.analytics-metrika-grid .analytics-breakdown-panel { grid-column: auto; min-height: 340px; }
.analytics-metrika-setup { display: grid; grid-template-columns: 70px minmax(0, 700px); gap: 20px; align-items: center; min-height: 310px; padding: 42px; }
.analytics-metrika-setup > i { display: grid; place-items: center; width: 68px; height: 68px; border-radius: 18px; background: #ffcc00; color: #171717; font-size: 35px; font-style: normal; font-weight: 900; }
.analytics-metrika-setup p { margin-top: 10px; line-height: 1.6; }
.analytics-metrika-setup small { display: block; margin-top: 13px; color: var(--analytics-muted); }
.analytics-metrika-setup code { color: var(--analytics-ink); }

.analytics-loading,
.analytics-error,
.analytics-empty { display: grid; place-content: center; justify-items: center; min-height: 420px; border: 1px dashed var(--analytics-border); border-radius: 16px; background: var(--analytics-surface); color: var(--analytics-muted); text-align: center; }
.analytics-loading { grid-template-columns: repeat(3, 9px); gap: 7px; }
.analytics-loading i { width: 9px; height: 9px; border-radius: 50%; background: var(--analytics-cyan); animation: analytics-pulse 1s ease-in-out infinite; }
.analytics-loading i:nth-child(2) { animation-delay: 120ms; background: var(--analytics-violet); }
.analytics-loading i:nth-child(3) { animation-delay: 240ms; background: var(--analytics-pink); }
.analytics-loading strong,
.analytics-loading span { grid-column: 1 / -1; }
.analytics-loading strong { margin-top: 12px; color: var(--analytics-ink); }
.analytics-loading span { font-size: 11px; }
.analytics-loading.dialog-loading { min-height: 260px; border: 0; }
.analytics-error { gap: 8px; color: var(--analytics-muted); }
#page-analytics .analytics-error[data-campaign-load-error="preserved"] { min-height: 0; padding: 16px; margin-bottom: 16px; }
.analytics-error > i { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: color-mix(in srgb, var(--analytics-red) 14%, transparent); color: var(--analytics-red); font-style: normal; font-weight: 800; }
.analytics-error strong { color: var(--analytics-ink); }
.analytics-error button { margin-top: 8px; border: 0; border-radius: 9px; background: var(--analytics-cyan); color: #081a19; padding: 8px 12px; font-weight: 750; cursor: pointer; }
.analytics-empty.compact { min-height: 120px; }

.analytics-dialog { position: fixed; top: 50%; left: 50%; margin: 0; transform: translate(-50%, -50%); width: min(860px, calc(100vw - 64px)); max-height: calc(100vh - 70px); overflow: auto; border: 1px solid var(--analytics-border); border-radius: 20px; background: var(--analytics-surface-raised); color: var(--analytics-ink); padding: 0; }
.analytics-dialog::backdrop { background: #050711bb; backdrop-filter: blur(8px); }
.analytics-dialog-close { position: sticky; z-index: 4; float: right; top: 12px; right: 12px; width: 34px; height: 34px; border: 1px solid var(--analytics-border); border-radius: 50%; background: var(--analytics-surface); color: var(--analytics-ink); font-size: 20px; cursor: pointer; }
.analytics-campaign-dialog { width: min(920px, calc(100vw - 64px)); padding: 28px; }
.analytics-campaign-dialog > h2 { margin: 0 48px 18px 0; }
.campaign-list,
.campaign-detail { display: grid; gap: 14px; }
.campaign-list > header,
.campaign-detail-head { display: flex; gap: 18px; align-items: flex-start; justify-content: space-between; padding: 22px; border: 1px solid var(--crm-border); border-radius: var(--crm-panel-radius); background: var(--crm-surface); box-shadow: var(--crm-panel-shadow); }
.campaign-list > header span,
.campaign-detail-head > div > span,
.campaign-funnel > header span { color: var(--analytics-cyan); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.campaign-list h2,
.campaign-detail-head h2,
.campaign-funnel h3 { margin: 5px 0; }
.campaign-list p,
.campaign-detail-head p,
.campaign-detail-head small,
.campaign-funnel p { margin: 0; color: var(--analytics-muted); font-size: 11px; line-height: 1.5; }
.campaign-detail-head > div:last-child { display: flex; gap: 8px; }
.campaign-back,
.campaign-link { border: 0; background: transparent; color: var(--analytics-cyan); padding: 0; font: inherit; font-weight: 750; cursor: pointer; text-align: left; }
.campaign-link + small { display: block; margin-top: 3px; color: var(--analytics-muted); }
.campaign-back:focus-visible,
.campaign-link:focus-visible,
.campaign-stage-remove:focus-visible { outline: 3px solid color-mix(in srgb, var(--analytics-cyan) 35%, transparent); outline-offset: 2px; }
.campaign-kpis,
.campaign-conversion-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.campaign-kpis article,
.campaign-conversion-grid article { min-height: 90px; padding: 16px; border: 1px solid var(--crm-border); border-radius: var(--crm-panel-radius); background: var(--crm-surface); box-shadow: var(--crm-panel-shadow); }
.campaign-kpis span,
.campaign-conversion-grid span { display: block; color: var(--analytics-muted); font-size: 9px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.campaign-kpis strong,
.campaign-conversion-grid strong { display: block; margin-top: 10px; font-size: 18px; }
.campaign-funnel { padding: 20px; border: 1px solid var(--crm-border); border-radius: var(--crm-panel-radius); background: var(--crm-surface); box-shadow: var(--crm-panel-shadow); }
.campaign-funnel > div { display: grid; grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); gap: 9px; margin-top: 14px; }
.campaign-funnel article { position: relative; min-width: 0; padding: 14px; border: 1px solid var(--crm-border); border-radius: 11px; background: var(--crm-surface-soft); }
.campaign-funnel article > :is(span,strong,small,em) { display: block; }
.campaign-funnel article > span,
.campaign-funnel article > small { color: var(--analytics-muted); font-size: 9px; }
.campaign-funnel article > strong { margin: 8px 0 4px; font-size: 21px; }
.campaign-funnel article > em { margin-top: 8px; color: var(--analytics-green); font-size: 10px; font-style: normal; }
#page-analytics .campaign-journey > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
#page-analytics .campaign-journey > header > div:first-child { min-width: 0; }
#page-analytics .campaign-journey article > p { margin-top: 8px; color: var(--analytics-muted); font-size: 9px; line-height: 1.45; }
#page-analytics .campaign-journey article[data-tone="pv"] { border-color: color-mix(in srgb,var(--analytics-green) 48%,var(--analytics-border)); background: color-mix(in srgb,var(--analytics-green) 7%,var(--analytics-surface-raised)); }
#page-analytics .campaign-journey article[data-tone="cyan"] { border-color: color-mix(in srgb,var(--analytics-cyan) 48%,var(--analytics-border)); }
#page-analytics .campaign-journey article[data-tone="muted"] strong { color: var(--analytics-muted); }
#page-analytics .campaign-journey-filters { display: flex; flex: 0 0 auto; gap: 6px; padding: 4px; border: 1px solid var(--analytics-border); border-radius: 11px; background: var(--analytics-surface-raised); }
#page-analytics .campaign-journey-filters button { border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--analytics-muted); padding: 7px 10px; font: inherit; font-size: 10px; font-weight: 700; cursor: pointer; }
#page-analytics .campaign-journey-filters button[data-active="true"] { border-color: color-mix(in srgb,var(--analytics-cyan) 55%,var(--analytics-border)); background: color-mix(in srgb,var(--analytics-cyan) 10%,var(--analytics-surface)); color: var(--analytics-cyan); }
.campaign-manual-form { display: grid; grid-template-columns: 1fr 80px; gap: 6px; margin-top: 10px; }
.campaign-manual-form button { grid-column: 1 / -1; }
.campaign-tracking-card,
.campaign-social-post,
.campaign-available-link { display: flex; gap: 14px; align-items: center; justify-content: space-between; padding: 13px 0; border-bottom: 1px solid var(--analytics-border); }
.campaign-tracking-card:last-child,
.campaign-social-post:last-child,
.campaign-available-link:last-child { border-bottom: 0; }
.campaign-create-links { width: 100%; margin: 2px 0 14px; }
.campaign-tracking-card > div:first-child,
.campaign-social-post > div:first-child,
.campaign-available-link > div { min-width: 0; }
.campaign-tracking-card :is(span,small,code),
.campaign-social-post span,
.campaign-social-post small,
.campaign-available-link :is(span,small) { display: block; margin-top: 4px; color: var(--analytics-muted); font-size: 9px; overflow-wrap: anywhere; }
.campaign-tracking-card > div:last-child,
.campaign-social-post > div:last-child { flex: 0 0 auto; text-align: right; }
.campaign-tracking-card .campaign-tracking-url { color: var(--analytics-cyan); font-size: 10px; font-weight: 700; }
.campaign-tracking-card .campaign-tracking-destination { color: var(--analytics-muted); }
.campaign-tracking-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 8px; }
.campaign-tracking-actions .analytics-action[data-copy-state="success"] { border-color: var(--analytics-green); color: var(--analytics-green); }
.campaign-tracking-actions .analytics-action[data-copy-state="error"] { border-color: #d86464; color: #d86464; }
.campaign-tracking-card code { max-width: 620px; color: var(--analytics-cyan); }
.campaign-editor { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.campaign-editor > label,
.campaign-stage label { display: grid; gap: 5px; color: var(--analytics-muted); font-size: 10px; font-weight: 700; }
.campaign-editor :is(input,select,textarea),
.campaign-stage :is(input,select),
.campaign-manual-form :is(input,button) { min-width: 0; border: 1px solid var(--analytics-border); border-radius: 9px; background: var(--analytics-surface); color: var(--analytics-ink); padding: 9px 10px; font: inherit; color-scheme: dark; }
html[data-theme="light"] .campaign-editor :is(input,select,textarea),
html[data-theme="light"] .campaign-stage :is(input,select),
html[data-theme="light"] .campaign-manual-form :is(input,button) { color-scheme: light; }
.campaign-editor-wide { grid-column: 1 / -1; }
.campaign-funnel-builder { padding: 16px; border: 1px solid var(--analytics-border); border-radius: 12px; }
.campaign-funnel-builder > h3 { margin: 0; }
.campaign-funnel-builder > p { color: var(--analytics-muted); font-size: 11px; }
[data-campaign-stage-list] { display: grid; gap: 8px; margin: 13px 0; }
.campaign-stage { position: relative; display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 8px; padding: 12px 42px 12px 12px; border: 1px solid var(--analytics-border); border-radius: 10px; }
.campaign-stage [hidden] { display: none; }
.campaign-stage:has([data-campaign-automatic][hidden]) { grid-template-columns: 1.2fr 1fr; }
.campaign-stage legend { padding: 0 5px; color: var(--analytics-muted); font-size: 9px; }
.campaign-stage-remove { position: absolute; top: 13px; right: 10px; width: 26px; height: 26px; border: 1px solid var(--analytics-border); border-radius: 50%; background: var(--analytics-surface-raised); color: var(--analytics-muted); cursor: pointer; }
.campaign-editor-actions { display: flex; gap: 8px; }
#analytics-campaign-dialog .campaign-editor-actions > span { flex: 1; }
#analytics-campaign-dialog .campaign-delete-confirm { display: grid; gap: 18px; }
#analytics-campaign-dialog .campaign-delete-confirm > p { margin: 0; color: var(--analytics-muted); line-height: 1.6; }
#analytics-campaign-dialog .campaign-delete-confirm > label { display: grid; gap: 7px; color: var(--analytics-muted); font-size: 10px; font-weight: 700; }
#analytics-campaign-dialog .campaign-delete-confirm input { border: 1px solid var(--analytics-border); border-radius: 9px; background: var(--analytics-surface); color: var(--analytics-ink); padding: 10px 11px; font: inherit; }
.campaign-kpis-wide { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.campaign-report-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 16px; border: 1px solid var(--analytics-border); border-radius: 13px; background: var(--analytics-surface); }
.campaign-report-toolbar > div { display: flex; align-items: center; gap: 8px; }
.campaign-report-toolbar > div:nth-child(2) { display: grid; gap: 3px; }
.campaign-report-toolbar button:not(.analytics-action),
.campaign-table-tools select { border: 1px solid var(--analytics-border); border-radius: 9px; background: var(--analytics-surface-raised); color: var(--analytics-ink); padding: 8px 10px; cursor: pointer; }
.campaign-report-toolbar button[data-active="true"] { border-color: var(--analytics-cyan); color: var(--analytics-cyan); }
.campaign-report-toolbar [data-quality] { font-size: 10px; font-weight: 800; text-transform: uppercase; }
.campaign-report-toolbar [data-quality="complete"] { color: var(--analytics-green); }
.campaign-report-toolbar [data-quality="partial"] { color: #e1a94b; }
.campaign-report-toolbar small { color: var(--analytics-muted); font-size: 9px; }
.campaign-table-tools { display: flex; gap: 8px; align-items: center; }
.campaign-publications .analytics-table { min-width: 1250px; }
.campaign-publications td small { display: block; margin-top: 3px; color: var(--analytics-muted); font-size: 9px; }
#page-analytics .campaign-publications .analytics-table-wrap:has(.campaign-column-filter[aria-expanded="true"]){padding-bottom:290px}
#page-analytics .campaign-detail>.analytics-detail-panel{border-color:var(--crm-border);background:var(--crm-surface);box-shadow:var(--crm-panel-shadow)}
#page-analytics .campaign-list-row{cursor:pointer;transition:background .16s ease,box-shadow .16s ease}#page-analytics .campaign-list-row:hover{background:var(--crm-surface-hover)}#page-analytics .campaign-list-row:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--crm-accent)}#page-analytics .campaign-list-row td:first-child strong{color:var(--crm-text)}
.analytics-campaign-dialog.is-drawer { position: fixed; inset: 0 0 0 auto; transform: none; width: min(640px, calc(100vw - 48px)); max-width: none; height: 100vh; max-height: 100vh; margin: 0; overflow: auto; border-radius: 18px 0 0 18px; }
.analytics-campaign-dialog.is-drawer::backdrop { background: rgb(4 11 19 / .62); }
#analytics-campaign-dialog.is-workspace { position: fixed; inset: 18px; transform: none; width: auto; max-width: none; height: auto; max-height: none; margin: 0; overflow: auto; border-radius: 18px; padding: 24px; }
#analytics-campaign-dialog.is-workspace > h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
#analytics-campaign-dialog.is-workspace > .analytics-dialog-close { display: none; }
#analytics-campaign-dialog.is-workspace [data-analytics-campaign-dialog-content] { min-width: 0; }
.campaign-publication-editor { align-items: start; }
.campaign-publication-button { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 14px; border: 1px solid var(--analytics-border); border-radius: 12px; }
.campaign-publication-button h3 { grid-column: 1 / -1; margin: 0; }
.campaign-publication-preview { grid-column: 1 / -1; padding: 18px; border-radius: 15px; background: linear-gradient(145deg, color-mix(in srgb,var(--analytics-cyan) 10%,var(--analytics-surface-raised)),var(--analytics-surface)); border: 1px solid var(--analytics-border); }
.campaign-publication-preview span { color: var(--analytics-cyan); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; }
.campaign-publication-preview strong { display: block; margin-top: 10px; font-size: 17px; }
.campaign-publication-preview p { white-space: pre-wrap; color: var(--analytics-muted); line-height: 1.55; }
.campaign-publication-preview [data-publication-preview-buttons] { display: flex; flex-wrap: wrap; gap: 8px; }
.campaign-publication-preview [data-publication-preview-buttons] button { border: 1px solid color-mix(in srgb,var(--analytics-cyan) 55%,var(--analytics-border)); border-radius: 8px; background: color-mix(in srgb,var(--analytics-cyan) 12%,var(--analytics-surface)); color: var(--analytics-cyan); padding: 8px 12px; }
.campaign-publication-actions { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 12px; border-top: 1px solid var(--analytics-border); }
#page-analytics .campaign-audience { padding: 14px; border: 1px solid var(--analytics-border); border-radius: 12px; }
#page-analytics .campaign-audience > h3 { margin: 0 0 12px; }
#page-analytics .campaign-audience > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
#page-analytics .campaign-audience label small { display: block; margin-top: 4px; color: var(--analytics-muted); }
#page-analytics .campaign-audience-range { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }

/* The campaign publication workspace intentionally shares the PV survey editor contract. */
#analytics-campaign-dialog .cp-workspace{color:var(--crm-text);font-family:var(--crm-ui-font);font-size:13px;line-height:1.45}
#analytics-campaign-dialog .cp-workspace h2,#analytics-campaign-dialog .cp-workspace h3,#analytics-campaign-dialog .cp-workspace h4,#analytics-campaign-dialog .cp-workspace p{margin:0}#analytics-campaign-dialog .cp-workspace h2{font-size:23px}#analytics-campaign-dialog .cp-workspace h3{font-size:14px;font-weight:750}#analytics-campaign-dialog .cp-workspace h4{font-size:12px;margin:14px 0 8px}#analytics-campaign-dialog .cp-workspace p,#analytics-campaign-dialog .cp-workspace small{color:var(--crm-muted)}
#analytics-campaign-dialog .cp-workspace .pvs-heading,#analytics-campaign-dialog .cp-workspace .pvs-section-heading,#analytics-campaign-dialog .cp-workspace .pvs-work-heading,#analytics-campaign-dialog .cp-workspace .pvs-management{display:flex;align-items:center;justify-content:space-between;gap:12px}#analytics-campaign-dialog .cp-workspace .pvs-heading{margin-bottom:16px}#analytics-campaign-dialog .cp-workspace .pvs-eyebrow{color:var(--crm-accent);text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:750}
#analytics-campaign-dialog .cp-workspace .pvs-inline{display:flex;align-items:center;flex-wrap:wrap;gap:7px}#analytics-campaign-dialog .cp-workspace .pvs-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 11px;border:1px solid var(--crm-border);border-radius:var(--crm-control-radius);background:var(--crm-surface-soft);color:var(--crm-text);font:inherit;text-decoration:none;cursor:pointer}#analytics-campaign-dialog .cp-workspace .pvs-button:hover{background:var(--crm-surface-hover)}
#analytics-campaign-dialog .cp-workspace [data-cp-action="new"],#analytics-campaign-dialog .cp-workspace [data-cp-action="save"],#analytics-campaign-dialog .cp-workspace [data-cp-action="start"],#analytics-campaign-dialog .cp-workspace [data-cp-action="confirm-yes"]{background:var(--crm-accent);color:var(--crm-on-accent,#102b29);border-color:var(--crm-accent);font-weight:700}#analytics-campaign-dialog .cp-workspace button:disabled{opacity:.45;cursor:not-allowed}
#analytics-campaign-dialog .cp-workspace :is(button,input,textarea,summary,a,select):focus-visible{outline:2px solid var(--crm-accent);outline-offset:2px;box-shadow:var(--crm-focus-ring)}
#analytics-campaign-dialog .cp-workspace .pvs-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:14px;align-items:start}#analytics-campaign-dialog .cp-workspace .pvs-library,#analytics-campaign-dialog .cp-workspace .pvs-work{background:var(--crm-surface);border:1px solid var(--crm-border);border-radius:var(--crm-panel-radius);box-shadow:var(--crm-panel-shadow);min-width:0}#analytics-campaign-dialog .cp-workspace .pvs-library{padding:12px;position:sticky;top:10px}#analytics-campaign-dialog .cp-workspace .pvs-library h3{font-size:13px}#analytics-campaign-dialog .cp-workspace .pvs-work{padding:16px}#analytics-campaign-dialog .cp-workspace .pvs-search{width:100%;margin:10px 0}
#analytics-campaign-dialog .cp-workspace :is(input:not([type=checkbox]),textarea,select){box-sizing:border-box;border:1px solid var(--crm-border);border-radius:var(--crm-control-radius);background:var(--crm-surface-soft);color:var(--crm-text);padding:8px 10px;font:inherit;min-width:0}#analytics-campaign-dialog .cp-workspace textarea{resize:vertical;line-height:1.55}#analytics-campaign-dialog .cp-workspace input::placeholder{color:var(--crm-muted)}
#analytics-campaign-dialog .cp-workspace .pvs-list-item{width:100%;display:flex;flex-direction:column;text-align:left;gap:6px;background:transparent;border:1px solid transparent;border-radius:9px;padding:11px 9px;color:var(--crm-text);font:inherit;cursor:pointer;margin:2px 0}#analytics-campaign-dialog .cp-workspace .pvs-list-item:hover{background:var(--crm-surface-hover)}#analytics-campaign-dialog .cp-workspace .pvs-list-item.is-selected{border-color:var(--crm-accent);background:var(--crm-surface-soft)}#analytics-campaign-dialog .cp-workspace .pvs-list-title{font-size:13px;font-weight:700;overflow-wrap:anywhere}#analytics-campaign-dialog .cp-workspace .pvs-list-meta{display:flex;justify-content:space-between;gap:5px;font-size:11px;color:var(--crm-muted)}
#analytics-campaign-dialog .cp-workspace .cp-list-row{position:relative}
#analytics-campaign-dialog .cp-workspace .cp-list-row .pvs-list-item{padding-right:37px}
#analytics-campaign-dialog .cp-workspace .cp-list-delete{position:absolute;top:8px;right:5px;display:grid;place-items:center;width:28px;height:28px;padding:4px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--crm-muted);cursor:pointer}
#analytics-campaign-dialog .cp-workspace .cp-list-delete svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#analytics-campaign-dialog .cp-workspace .cp-list-delete:is(:hover,:focus-visible){border-color:color-mix(in srgb,var(--crm-danger,#dc5c6a) 45%,var(--crm-border));background:color-mix(in srgb,var(--crm-danger,#dc5c6a) 13%,var(--crm-surface));color:var(--crm-danger,#dc5c6a)}
#analytics-campaign-dialog .cp-workspace .pvs-work-heading>div:first-child{flex:1;max-width:650px}#analytics-campaign-dialog .cp-workspace .pvs-field{display:flex;flex-direction:column;gap:5px;min-width:0;margin-bottom:10px}#analytics-campaign-dialog .cp-workspace .pvs-field>span{font-size:11px;color:var(--crm-muted);font-weight:650}#analytics-campaign-dialog .cp-workspace .pvs-work-heading input{width:100%;font-size:16px;font-weight:700}#analytics-campaign-dialog .cp-workspace .pvs-work-heading .pvs-field{margin:0 0 4px}
#analytics-campaign-dialog .cp-workspace .pvs-tabs{display:flex;gap:5px;border-bottom:1px solid var(--crm-border);margin:15px -2px;padding-bottom:10px}#analytics-campaign-dialog .cp-workspace .pvs-tabs button{font:inherit;border:0;border-radius:7px;padding:7px 11px;background:transparent;color:var(--crm-muted);cursor:pointer}#analytics-campaign-dialog .cp-workspace .pvs-tabs button[aria-pressed=true]{color:var(--crm-accent);background:var(--crm-surface-soft);font-weight:700}
#analytics-campaign-dialog .cp-workspace .pvs-editor-grid{display:grid;grid-template-columns:170px minmax(230px,1fr) minmax(200px,.7fr);gap:14px}#analytics-campaign-dialog .cp-workspace .pvs-steps{display:flex;flex-direction:column;gap:6px}#analytics-campaign-dialog .cp-workspace .pvs-steps h3{margin-bottom:5px}#analytics-campaign-dialog .cp-workspace .pvs-step{display:flex;align-items:center;gap:7px;background:transparent;color:var(--crm-text);border:1px solid var(--crm-border);border-radius:8px;padding:8px;text-align:left;font:inherit;font-size:12px;cursor:pointer}#analytics-campaign-dialog .cp-workspace .pvs-step>span:first-child{color:var(--crm-accent);font-weight:750}#analytics-campaign-dialog .cp-workspace .pvs-step>span:nth-child(2){flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#analytics-campaign-dialog .cp-workspace .pvs-step.is-selected{border-color:var(--crm-accent);background:var(--crm-surface-soft)}#analytics-campaign-dialog .cp-workspace .pvs-step small{font-size:9px}#analytics-campaign-dialog .cp-workspace .pvs-step-editor{min-width:0}#analytics-campaign-dialog .cp-workspace .pvs-step-editor>.pvs-section-heading{align-items:start}#analytics-campaign-dialog .cp-workspace .pvs-step-editor .pvs-section-heading .pvs-button{font-size:10px;min-height:26px;padding:3px 6px}
#analytics-campaign-dialog .cp-workspace .pvs-message-sequence{display:grid;gap:14px}#analytics-campaign-dialog .cp-workspace .pvs-step-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:16px;padding:14px;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface-soft)}#analytics-campaign-dialog .cp-workspace .pvs-step-card+.pvs-step-card{position:relative}#analytics-campaign-dialog .cp-workspace .pvs-step-card+.pvs-step-card::before{content:"↓";position:absolute;top:-18px;left:28px;color:var(--crm-accent);font-size:15px}#analytics-campaign-dialog .cp-workspace .pvs-step-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}#analytics-campaign-dialog .cp-workspace .pvs-step-actions h4{margin:0}#analytics-campaign-dialog .cp-workspace .pvs-step-card .pvs-preview{align-self:start}#analytics-campaign-dialog .cp-workspace .pvs-message-input{min-height:118px;max-height:360px;overflow:auto;padding:11px;border:1px solid var(--crm-border);border-radius:9px;background:var(--crm-surface-solid);white-space:pre-wrap;overflow-wrap:anywhere}#analytics-campaign-dialog .cp-workspace .pvs-message-input blockquote{margin:7px 0;padding-left:10px;border-left:3px solid var(--crm-accent)}#analytics-campaign-dialog .cp-workspace .pvs-message-input pre{white-space:pre-wrap}#analytics-campaign-dialog .cp-workspace .cp-media-upload{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;margin:8px 0;padding:8px 10px}#analytics-campaign-dialog .cp-workspace .cp-media-upload-line{display:flex;align-items:center;gap:7px}#analytics-campaign-dialog .cp-workspace .cp-media-upload-line input{flex:1;min-width:0}#analytics-campaign-dialog .cp-workspace .cp-media-upload-line .pvs-button{min-height:30px;padding:4px 8px}#analytics-campaign-dialog .cp-workspace .pvs-telegram-media{max-height:160px;object-fit:contain;background:var(--crm-surface-solid)}
#analytics-campaign-dialog .cp-workspace .cp-cta-link-editor{margin-top:14px;padding:14px;border:1px solid var(--crm-border-strong);border-radius:12px;background:var(--crm-surface)}#analytics-campaign-dialog .cp-workspace .cp-cta-link-editor>.pvs-field{margin-top:12px}#analytics-campaign-dialog .cp-workspace .cp-tracking-ready{display:grid;grid-template-columns:minmax(160px,.35fr) minmax(0,1fr);gap:10px;align-items:center;padding:9px 11px;border:1px solid color-mix(in srgb,var(--crm-accent) 55%,var(--crm-border));border-radius:8px;background:color-mix(in srgb,var(--crm-accent) 8%,var(--crm-surface-soft))}#analytics-campaign-dialog .cp-workspace .cp-tracking-ready code{overflow-wrap:anywhere;color:var(--crm-accent)}#analytics-campaign-dialog .cp-workspace .cp-tracking-ready.is-pending span{color:var(--crm-muted)}#analytics-campaign-dialog .cp-workspace .cp-cta-details,#analytics-campaign-dialog .cp-workspace .cp-audience-advanced{margin-top:10px;border:1px solid var(--crm-border);border-radius:9px;background:var(--crm-surface-soft)}#analytics-campaign-dialog .cp-workspace .cp-cta-details>summary,#analytics-campaign-dialog .cp-workspace .cp-audience-advanced>summary{padding:10px 12px;cursor:pointer;font-weight:700}#analytics-campaign-dialog .cp-workspace .cp-cta-details>.cp-utm-preview,#analytics-campaign-dialog .cp-workspace .cp-cta-details>p,#analytics-campaign-dialog .cp-workspace .cp-audience-advanced>div{margin:0 12px 12px}#analytics-campaign-dialog .cp-workspace .cp-audience-settings{grid-template-columns:minmax(220px,.7fr) minmax(360px,1.3fr)}#analytics-campaign-dialog .cp-workspace .cp-audience-primary select{min-height:118px;width:100%}#analytics-campaign-dialog .cp-workspace .cp-audience-advanced>div{padding-top:4px}
#analytics-campaign-dialog .cp-workspace .pvs-format{display:flex;align-items:center;gap:6px;margin:10px 0 6px}#analytics-campaign-dialog .cp-workspace .pvs-format span{font-size:10px;color:var(--crm-muted)}#analytics-campaign-dialog .cp-workspace .pvs-format .pvs-button{min-height:28px}#analytics-campaign-dialog .cp-workspace .pvs-message-input{width:100%}#analytics-campaign-dialog .cp-workspace .pvs-button-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px;padding:8px;background:var(--crm-surface-soft);border:1px solid var(--crm-border);border-radius:9px;margin:7px 0}#analytics-campaign-dialog .cp-workspace .pvs-button-edit{min-width:0}#analytics-campaign-dialog .cp-workspace .pvs-button-edit .pvs-inline{flex-wrap:nowrap;margin-bottom:7px}#analytics-campaign-dialog .cp-workspace .pvs-button-edit .pvs-pick{flex:1;font-size:11px}#analytics-campaign-dialog .cp-workspace .pvs-button-edit input{width:100%;font-size:12px}#analytics-campaign-dialog .cp-workspace .pvs-button-edit .pvs-field{margin-bottom:6px}#analytics-campaign-dialog .cp-workspace .pvs-button-edit .pvs-button{padding:3px 7px;min-height:28px}
#analytics-campaign-dialog .cp-workspace .pvs-check{display:flex;align-items:center;gap:7px;margin:15px 0 8px}#analytics-campaign-dialog .cp-workspace .pvs-check input{accent-color:var(--crm-accent)}
#analytics-campaign-dialog .cp-workspace .pvs-preview{border-left:1px solid var(--crm-border);padding-left:14px;min-width:0}#analytics-campaign-dialog .cp-workspace .pvs-preview>p{font-size:10px;margin-top:9px}#analytics-campaign-dialog .cp-workspace .pvs-telegram{margin-top:12px}#analytics-campaign-dialog .cp-workspace .pvs-message{background:var(--crm-surface-soft);border:1px solid var(--crm-border);border-radius:12px 12px 12px 3px;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}#analytics-campaign-dialog .cp-workspace .pvs-message a{color:var(--crm-accent)}#analytics-campaign-dialog .cp-workspace .pvs-telegram-row{display:flex;gap:4px;margin-top:4px}#analytics-campaign-dialog .cp-workspace .pvs-telegram-row>span{flex:1;background:var(--crm-surface-soft);border:1px solid var(--crm-border);border-radius:5px;padding:7px 3px;text-align:center;font-size:11px;overflow-wrap:anywhere}
#analytics-campaign-dialog .cp-workspace .pvs-pick{position:relative;margin:4px 0;min-width:0}#analytics-campaign-dialog .cp-workspace .pvs-pick summary{padding:8px 10px;border:1px solid var(--crm-border);border-radius:var(--crm-control-radius);background:var(--crm-surface-soft);cursor:pointer;overflow-wrap:anywhere}#analytics-campaign-dialog .cp-workspace .pvs-pick[open]{z-index:8}#analytics-campaign-dialog .cp-workspace .pvs-pick [role=listbox]{position:absolute;left:0;right:0;top:100%;min-width:180px;max-height:240px;overflow:auto;z-index:9;background:var(--crm-surface-solid);border:1px solid var(--crm-border-strong);border-radius:8px;box-shadow:var(--crm-panel-shadow);padding:5px}#analytics-campaign-dialog .cp-workspace .pvs-pick [role=option]{display:block;width:100%;border:0;text-align:left;font:inherit;padding:8px;background:transparent;color:var(--crm-text);border-radius:5px;cursor:pointer}#analytics-campaign-dialog .cp-workspace .pvs-pick [role=option]:hover,#analytics-campaign-dialog .cp-workspace .pvs-pick [aria-selected=true]{background:var(--crm-surface-hover);color:var(--crm-accent)}
#analytics-campaign-dialog .cp-workspace .pvs-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}#analytics-campaign-dialog .cp-workspace .pvs-settings>section{min-width:0}#analytics-campaign-dialog .cp-workspace .pvs-settings h3{margin-bottom:10px}#analytics-campaign-dialog .cp-workspace .pvs-settings p{font-size:12px;margin:8px 0 12px}#analytics-campaign-dialog .cp-workspace .pvs-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}#analytics-campaign-dialog .cp-workspace .pvs-two input{width:100%}#analytics-campaign-dialog .cp-workspace .pvs-count{font-size:35px;font-weight:700;line-height:1.1;margin:12px 0;font-variant-numeric:tabular-nums}#analytics-campaign-dialog .cp-workspace .pvs-count span{display:block;font-size:12px;font-weight:400;color:var(--crm-muted);margin-top:5px}
#analytics-campaign-dialog .cp-workspace .pvs-info,#analytics-campaign-dialog .cp-workspace .pvs-error,#analytics-campaign-dialog .cp-workspace .pvs-notice{padding:10px 12px;border:1px solid var(--crm-border);border-radius:9px;background:var(--crm-surface-soft);font-size:12px;margin:10px 0;overflow-wrap:anywhere}#analytics-campaign-dialog .cp-workspace .pvs-error{border-color:var(--crm-danger,#e57575)}#analytics-campaign-dialog .cp-workspace .pvs-notice{border-color:var(--crm-accent)}
#analytics-campaign-dialog .cp-workspace .pvs-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}#analytics-campaign-dialog .cp-workspace .pvs-metrics>div{padding:12px;border:1px solid var(--crm-border);border-radius:10px;background:var(--crm-surface-soft)}#analytics-campaign-dialog .cp-workspace .pvs-metrics span{display:block;font-size:11px;color:var(--crm-muted)}#analytics-campaign-dialog .cp-workspace .pvs-metrics strong{font-size:25px;font-weight:700;font-variant-numeric:tabular-nums}
#analytics-campaign-dialog .cp-workspace .pvs-table-wrap{overflow:auto;max-height:460px;border:1px solid var(--crm-border);border-radius:9px}#analytics-campaign-dialog .cp-workspace table{border-collapse:collapse;width:100%;font-size:12px}#analytics-campaign-dialog .cp-workspace th,#analytics-campaign-dialog .cp-workspace td{padding:10px;border-bottom:1px solid var(--crm-border);text-align:left;min-width:110px;max-width:260px;overflow-wrap:anywhere;vertical-align:top}#analytics-campaign-dialog .cp-workspace th{background:var(--crm-surface-solid);position:sticky;top:0;font-size:10px;color:var(--crm-muted);font-weight:650}
#analytics-campaign-dialog .cp-workspace .pvs-management{display:block;border-top:1px solid var(--crm-border);margin-top:16px;padding-top:12px;font-size:11px;color:var(--crm-muted)}#analytics-campaign-dialog .cp-workspace .pvs-management-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:10px;margin-top:10px;border-top:1px solid var(--crm-border)}#analytics-campaign-dialog .cp-workspace .pvs-management .pvs-button{min-height:28px;font-size:11px}
#analytics-campaign-dialog .cp-workspace .pvs-confirm{position:fixed;inset:0;z-index:10000;background:var(--crm-overlay,rgba(0,0,0,.45));display:grid;place-items:center;padding:20px}#analytics-campaign-dialog .cp-workspace .pvs-confirm>div{background:var(--crm-surface-solid);border:1px solid var(--crm-border-strong);border-radius:16px;padding:22px;width:min(440px,100%);box-shadow:var(--crm-panel-shadow)}#analytics-campaign-dialog .cp-workspace .pvs-confirm p{margin:12px 0 18px}#analytics-campaign-dialog .cp-workspace .pvs-confirm .pvs-inline{justify-content:flex-end}#analytics-campaign-dialog .cp-workspace .is-readonly summary{pointer-events:none;opacity:.65}
#analytics-campaign-dialog .cp-workspace .pvs-message-input[contenteditable]{box-sizing:border-box;min-height:150px;max-height:360px;overflow:auto;padding:10px;border:1px solid var(--crm-border);border-radius:var(--crm-control-radius);background:var(--crm-surface-soft);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}#analytics-campaign-dialog .cp-workspace .pvs-message-input[contenteditable]:focus-visible{outline:2px solid var(--crm-accent);outline-offset:2px}
#analytics-campaign-dialog .cp-workspace .pvs-history-filter{display:flex;gap:3px;flex-wrap:wrap;margin-bottom:6px}#analytics-campaign-dialog .cp-workspace .pvs-history-filter button{background:transparent;color:var(--crm-muted);border:0;border-radius:5px;padding:4px 6px;font:inherit;font-size:10px;cursor:pointer}#analytics-campaign-dialog .cp-workspace .pvs-history-filter button[aria-pressed=true]{background:var(--crm-surface-soft);color:var(--crm-accent)}
#analytics-campaign-dialog .cp-workspace .pvs-progress{--pvs-complete:#237b50;color:var(--crm-text);font-size:12px}html[data-theme="dark"] #analytics-campaign-dialog .cp-workspace .pvs-progress{--pvs-complete:#75d8a5}#analytics-campaign-dialog .cp-workspace .pvs-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}#analytics-campaign-dialog .cp-workspace .pvs-progress-heading strong{font-size:12px}#analytics-campaign-dialog .cp-workspace .pvs-progress-heading>span{font-size:11px;color:var(--crm-muted);font-variant-numeric:tabular-nums}#analytics-campaign-dialog .cp-workspace .pvs-progress-meter{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#analytics-campaign-dialog .cp-workspace .pvs-progress-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;padding:0;margin:0 0 12px}#analytics-campaign-dialog .cp-workspace .pvs-progress-track li{position:relative;min-width:0}#analytics-campaign-dialog .cp-workspace .pvs-progress-track li:not(:first-child)::before{content:"";position:absolute;top:13px;left:-50%;width:100%;height:2px;background:var(--crm-border-strong);transition:background-color .2s}#analytics-campaign-dialog .cp-workspace .pvs-progress-track li.is-done+li::before{background:var(--pvs-complete)}#analytics-campaign-dialog .cp-workspace .pvs-progress-track button{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:0 2px;border:0;background:transparent;color:var(--crm-muted);font:inherit;font-size:11px;cursor:pointer;border-radius:6px}#analytics-campaign-dialog .cp-workspace .pvs-progress-circle{box-sizing:border-box;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--crm-border-strong);border-radius:50%;background:var(--crm-surface-solid);color:var(--crm-muted);font-size:12px;font-weight:750;transition:color .2s,border-color .2s,background-color .2s}#analytics-campaign-dialog .cp-workspace .pvs-progress-track .is-done button{color:var(--pvs-complete)}#analytics-campaign-dialog .cp-workspace .pvs-progress-track .is-done .pvs-progress-circle{color:var(--pvs-complete);border-color:var(--pvs-complete);background:color-mix(in srgb,var(--pvs-complete) 14%,var(--crm-surface-solid))}#analytics-campaign-dialog .cp-workspace .pvs-progress-track .is-current button{color:var(--crm-accent);font-weight:750}#analytics-campaign-dialog .cp-workspace .pvs-progress-track .is-current .pvs-progress-circle{border-color:var(--crm-accent);color:var(--crm-accent);box-shadow:0 0 0 3px var(--crm-surface-hover)}#analytics-campaign-dialog .cp-workspace .pvs-progress-track button:hover .pvs-progress-circle{border-color:var(--crm-accent);color:var(--crm-accent)}
#analytics-campaign-dialog .cp-workspace .pvs-progress-next{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 11px;border:1px solid var(--crm-border);border-radius:var(--crm-control-radius);background:var(--crm-surface-soft)}#analytics-campaign-dialog .cp-workspace .pvs-progress-next p{font-size:12px;color:var(--crm-text);max-width:680px;overflow-wrap:anywhere}#analytics-campaign-dialog .cp-workspace .pvs-progress-next .pvs-button{flex-shrink:0;min-height:34px;background:var(--crm-accent);border-color:var(--crm-accent);color:var(--crm-on-accent,#102b29);font-size:12px;font-weight:700}#analytics-campaign-dialog .cp-workspace .pvs-settings [data-cp-action="clear-schedule"]{margin:0 6px 8px 0;font-size:11px}
#analytics-campaign-dialog .cp-workspace .cp-tracking-ready{display:block;margin:-2px 0 8px;color:var(--crm-accent);font-size:9px;overflow-wrap:anywhere}#analytics-campaign-dialog .cp-workspace .cp-utm{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;padding:12px;border:1px solid var(--crm-border);border-radius:10px}#analytics-campaign-dialog .cp-workspace .cp-utm legend{padding:0 5px;color:var(--crm-muted);font-size:11px;font-weight:700}#analytics-campaign-dialog .cp-workspace .cp-results-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
#analytics-campaign-dialog .cp-workspace .cp-geo-selected{display:flex;flex-wrap:wrap;gap:6px;min-height:32px;padding:6px;border:1px solid var(--crm-border);border-radius:var(--crm-control-radius);background:var(--crm-surface-soft)}#analytics-campaign-dialog .cp-workspace .cp-geo-selected>span{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:5px 6px 5px 9px;border:1px solid var(--crm-border-strong);border-radius:999px;background:var(--crm-surface-solid);color:var(--crm-text);font-size:11px;overflow-wrap:anywhere}#analytics-campaign-dialog .cp-workspace .cp-geo-selected>small{align-self:center;padding:2px 4px;color:var(--crm-muted)}#analytics-campaign-dialog .cp-workspace .cp-geo-selected button{display:grid;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--crm-muted);font:inherit;font-size:16px;line-height:1;cursor:pointer}#analytics-campaign-dialog .cp-workspace .cp-geo-selected button:hover,#analytics-campaign-dialog .cp-workspace .cp-geo-selected button:focus-visible{background:var(--crm-surface-hover);color:var(--crm-accent);outline:2px solid var(--crm-focus-ring);outline-offset:1px}#analytics-campaign-dialog .cp-workspace .cp-geo-pick .cp-geo-options{position:absolute;left:0;right:0;top:100%;z-index:9;padding:7px;border:1px solid var(--crm-border-strong);border-radius:8px;background:var(--crm-surface-solid);box-shadow:var(--crm-panel-shadow)}#analytics-campaign-dialog .cp-workspace .cp-geo-pick input{box-sizing:border-box;width:100%;margin-bottom:5px}#analytics-campaign-dialog .cp-workspace .cp-geo-pick [role=listbox]{position:static;max-height:220px;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}#analytics-campaign-dialog .cp-workspace .cp-geo-pick [role=option]{display:flex;flex-direction:column;gap:2px}#analytics-campaign-dialog .cp-workspace .cp-geo-pick [role=option] small,#analytics-campaign-dialog .cp-workspace .cp-geo-options>small{color:var(--crm-muted);font-size:10px}#analytics-campaign-dialog .cp-workspace .cp-geo-pick [role=option]:disabled{cursor:not-allowed;opacity:.55}
#analytics-campaign-dialog .cp-workspace .cp-cta-target-note,#analytics-campaign-dialog .cp-workspace .cp-cta-link{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--crm-border);border-radius:10px;background:var(--crm-surface-soft)}#analytics-campaign-dialog .cp-workspace .cp-cta-target-note span,#analytics-campaign-dialog .cp-workspace .cp-cta-link>p{font-size:11px;color:var(--crm-muted);margin:0}#analytics-campaign-dialog .cp-workspace .cp-cta-target-note .cp-tracking-ready{margin:2px 0 0;font-size:10px}#analytics-campaign-dialog .cp-workspace .cp-cta-link{margin-top:14px}#analytics-campaign-dialog .cp-workspace .cp-cta-link h4{margin:0 0 2px}#analytics-campaign-dialog .cp-workspace .cp-cta-link .pvs-field{margin:0}#analytics-campaign-dialog .cp-workspace .cp-utm-preview{display:grid;grid-template-columns:1fr 1fr;gap:6px}#analytics-campaign-dialog .cp-workspace .cp-utm-preview>span{min-width:0;padding:7px;border:1px solid var(--crm-border);border-radius:7px;background:var(--crm-surface)}#analytics-campaign-dialog .cp-workspace .cp-utm-preview small,#analytics-campaign-dialog .cp-workspace .cp-utm-preview code{display:block;overflow-wrap:anywhere}#analytics-campaign-dialog .cp-workspace .cp-utm-preview small{font-size:9px;color:var(--crm-muted)}#analytics-campaign-dialog .cp-workspace .cp-utm-preview code{margin-top:3px;font-size:10px;color:var(--crm-text)}#analytics-campaign-dialog .cp-workspace .cp-cta-link>.cp-tracking-ready{display:flex;flex-direction:column;gap:4px;margin:2px 0 0;padding:8px;border:1px solid var(--crm-accent);border-radius:8px;font-size:10px}#analytics-campaign-dialog .cp-workspace .cp-cta-link>.cp-tracking-ready code{color:var(--crm-text);overflow-wrap:anywhere}#analytics-campaign-dialog .cp-workspace .cp-audience-utm{margin:10px 0}#analytics-campaign-dialog .cp-workspace .cp-audience-utm>summary{cursor:pointer;color:var(--crm-muted);font-size:11px}#analytics-campaign-dialog .cp-workspace .cp-recipient-pick [role=option]{display:flex;flex-direction:column;gap:2px}#analytics-campaign-dialog .cp-workspace .cp-recipient-pick [role=option] small{color:var(--crm-muted);font-size:10px}#analytics-campaign-dialog .cp-workspace .cp-recipient-pick [role=option]:disabled{cursor:not-allowed;opacity:.55}#analytics-campaign-dialog .cp-workspace .cp-recipient-pick [role=option]:disabled:hover{background:transparent;color:var(--crm-text)}
#analytics-campaign-dialog .cp-workspace .cp-social-editor{grid-template-columns:minmax(330px,1.2fr) minmax(260px,.8fr)}
#analytics-campaign-dialog .cp-workspace .cp-social-editor textarea,#analytics-campaign-dialog .cp-workspace .cp-social-launch textarea{width:100%;min-height:110px;padding:10px;border:1px solid var(--crm-border-strong);border-radius:9px;background:var(--crm-surface);color:var(--crm-text);font:inherit;resize:vertical}
#analytics-campaign-dialog .cp-workspace .cp-social-editor textarea{min-height:230px}
#analytics-campaign-dialog .cp-workspace .cp-social-editor .pvs-preview{min-width:0}
#analytics-campaign-dialog .cp-workspace .cp-social-editor .pvs-message{white-space:pre-wrap;overflow-wrap:anywhere}
#analytics-campaign-dialog .cp-workspace .cp-social-launch .pvs-inline{margin-top:12px}
@media(max-width:1350px){#analytics-campaign-dialog .cp-workspace .pvs-layout{grid-template-columns:205px minmax(0,1fr)}#analytics-campaign-dialog .cp-workspace .pvs-editor-grid{grid-template-columns:140px minmax(210px,1fr)}#analytics-campaign-dialog .cp-workspace .pvs-preview{grid-column:2;border-left:0;padding-left:0;max-width:380px}#analytics-campaign-dialog .cp-workspace .pvs-tabs button{padding:7px 8px}#analytics-campaign-dialog .cp-workspace .pvs-work{padding:12px}}
@media(prefers-reduced-motion:reduce){#analytics-campaign-dialog .cp-workspace .pvs-progress-track li::before,#analytics-campaign-dialog .cp-workspace .pvs-progress-circle{transition:none}}
@media (max-width: 1120px) { .campaign-kpis-wide { grid-template-columns: repeat(3,minmax(0,1fr)); } .campaign-report-toolbar { align-items: flex-start; flex-wrap: wrap; } }
.analytics-projects-dialog { width: min(760px, calc(100vw - 64px)); }
[data-analytics-acquisition-editor] > h2 { margin: 0; padding: 30px 78px 0 30px; }
[data-analytics-acquisition-editor] > .analytics-panel-sub { padding: 0 78px 20px 30px; }
[data-analytics-projects-editor] { display: grid; gap: 15px; padding: 30px; }
[data-analytics-projects-editor] > h2 { margin: 0; }
.analytics-panel-sub { margin: 0; color: var(--analytics-muted); font-size: 12px; line-height: 1.5; }
[data-project-rows] { display: grid; gap: 8px; }
.analytics-project-editor-section { display: grid; gap: 10px; padding-top: 14px; border-top: 1px solid var(--analytics-border); }
.analytics-project-editor-section h3,
.analytics-project-editor-section p { margin: 0; }
.analytics-project-editor-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.analytics-project-editor-head p,
.analytics-project-empty { color: var(--analytics-muted); font-size: 10px; }
[data-project-prices] { display: grid; gap: 8px; }
.analytics-price-row { display: grid; grid-template-columns: minmax(190px, 1fr) 100px 86px 140px 34px; gap: 8px; align-items: end; }
.analytics-price-row label { display: grid; gap: 4px; color: var(--analytics-muted); font-size: 9px; font-weight: 700; }
.analytics-price-row :is(input,select) { min-width: 0; height: 36px; border: 1px solid var(--analytics-border); border-radius: 9px; background: var(--analytics-surface); color: var(--analytics-ink); padding: 7px 9px; font: inherit; }
.analytics-price-remove { width: 34px; height: 36px; border: 1px solid var(--analytics-border); border-radius: 9px; background: var(--analytics-surface); color: var(--analytics-red); cursor: pointer; }
.analytics-project-row { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(150px, 0.8fr) 120px; gap: 8px; }
.analytics-project-row input,
.analytics-project-row select { min-width: 0; border: 1px solid var(--analytics-border); border-radius: 9px; background: var(--analytics-surface); color: var(--analytics-ink); padding: 9px 10px; font: inherit; }
.analytics-customer-dialog-head { min-height: 200px; padding: 31px; background: linear-gradient(120deg, color-mix(in srgb, var(--analytics-violet) 18%, var(--analytics-surface)), color-mix(in srgb, var(--analytics-cyan) 9%, var(--analytics-surface))); }
.analytics-customer-dialog-head > span { color: var(--analytics-cyan); font-size: 10px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
.analytics-customer-dialog-head h2 { margin: 13px 0 4px; font-size: 29px; }
.analytics-customer-dialog-head p { margin: 0; color: var(--analytics-muted); }
.analytics-customer-dialog-head > strong { display: block; margin-top: 23px; font-size: 30px; }
.analytics-customer-dialog-head > strong small { color: var(--analytics-muted); font-size: 10px; font-weight: 500; text-transform: uppercase; }
.analytics-journey { display: grid; gap: 0; padding: 24px 31px 32px; }
.analytics-journey article { position: relative; display: grid; grid-template-columns: 34px 1fr auto; gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--analytics-border); }
.analytics-journey article > i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: color-mix(in srgb, var(--analytics-cyan) 12%, transparent); color: var(--analytics-cyan); font-size: 9px; font-style: normal; }
.analytics-journey article > div span,
.analytics-journey article > div small { display: block; color: var(--analytics-muted); font-size: 9px; }
.analytics-journey article > div strong { display: block; margin: 3px 0; }
.analytics-journey article > div:last-child { text-align: right; }

@keyframes analytics-pulse {
  0%, 100% { transform: translateY(0); opacity: 0.55; }
  50% { transform: translateY(-6px); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .analytics-loading i { animation: none; }
  .analytics-action,
  .analytics-customer { transition: none; }
}

/* Campaign catalog and compact campaign report */
#page-analytics:has(.campaign-detail) > .analytics-filters,
#page-analytics:has(.campaign-detail) > .analytics-tabs { display: none; }
#page-analytics:has(.campaign-detail) > .analytics-content { margin-top: 2px; }

#page-analytics .campaign-list { gap: 12px; }
#page-analytics .campaign-list > header {
  width: min(100%, max(760px, 60%));
  min-height: 58px;
  padding: 9px 11px;
  gap: 12px;
  align-items: center;
}
#page-analytics .campaign-list > header > div:first-child { min-width: 190px; }
#page-analytics .campaign-list > header > div:first-child > span { font-size: 9px; }
#page-analytics .campaign-list > header h2 { margin: 2px 0 0; font-size: 19px; line-height: 1.2; }
#page-analytics .campaign-list-actions { flex-wrap: wrap; justify-content: flex-end; }
#page-analytics .campaign-list-actions .analytics-action { min-height: 34px; padding: 7px 10px; font-size: 12px; }

#page-analytics .campaign-view-switch {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--crm-border-strong);
  border-radius: var(--crm-control-radius);
  background: var(--crm-surface-soft);
}
#page-analytics .campaign-view-switch button {
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: var(--crm-muted);
  font: inherit;
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
}
#page-analytics .campaign-view-switch button:hover { color: var(--crm-accent); background: var(--crm-surface-hover); }
#page-analytics .campaign-view-switch button:focus-visible { outline: 0; box-shadow: var(--crm-focus-ring); }
#page-analytics .campaign-view-switch button[aria-pressed="true"] { border-color: var(--crm-accent); background: color-mix(in srgb,var(--crm-accent) 11%,var(--crm-surface-solid)); color: var(--crm-accent); }

#page-analytics .campaign-catalog-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
#page-analytics .campaign-catalog-card {
  --metric-color: var(--crm-accent);
  min-width: 0;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--crm-border-strong);
  border-radius: var(--crm-panel-radius);
  background: radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--metric-color) 16%,transparent),transparent 65%),var(--crm-surface);
  box-shadow: var(--crm-panel-shadow);
  transition: border-color .16s ease,transform .16s ease;
}
#page-analytics .campaign-catalog-card[data-accent="violet"] { --metric-color: #9479e7; }
#page-analytics .campaign-catalog-card[data-accent="green"] { --metric-color: #31a778; }
#page-analytics .campaign-catalog-card[data-accent="orange"] { --metric-color: #e58a45; }
#page-analytics .campaign-catalog-card[role="link"] { cursor: pointer; }
#page-analytics .campaign-catalog-card:hover { border-color: var(--metric-color); transform: translateY(-2px); }
#page-analytics .campaign-catalog-card:focus-visible { outline: 0; box-shadow: var(--crm-focus-ring); }
#page-analytics .campaign-catalog-card > header { display: grid; gap: 5px; min-width: 0; }
#page-analytics .campaign-catalog-card h3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 54px; margin: 0; font-size: 20px; font-weight: 650; line-height: 27px; letter-spacing: -.02em; overflow-wrap: anywhere; }
#page-analytics .campaign-catalog-card > header p { margin: 0; color: var(--crm-muted); font-size: 13px; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#page-analytics .campaign-catalog-card > header small { color: var(--crm-muted); font-size: 11px; line-height: 16px; }
#page-analytics .campaign-card-context { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 28px; font-size: 11px; color: var(--crm-muted); }
#page-analytics .campaign-card-context > span:first-child { padding: 5px 9px; border: 1px solid color-mix(in srgb,var(--metric-color) 45%,var(--crm-border)); border-radius: 999px; color: var(--crm-text); background: color-mix(in srgb,var(--metric-color) 10%,transparent); }
#page-analytics .campaign-card-journey { min-height: 306px; }
#page-analytics .campaign-mini-heading { display: grid; grid-template-columns: 46% minmax(0,1fr); gap: 12px; padding-bottom: 8px; color: var(--crm-muted); font-size: 9px; letter-spacing: .04em; text-transform: uppercase; }
#page-analytics .campaign-mini-heading > div { display: grid; grid-template-columns: minmax(0,1fr) 62px 72px; gap: 7px; align-items: end; text-align: right; }
#page-analytics .campaign-mini-funnel { display: grid; gap: 4px; }
#page-analytics .campaign-mini-stage { display: grid; grid-template-columns: 46% minmax(0,1fr); align-items: center; gap: 12px; min-height: 36px; border-radius: 6px; transition: background .16s ease; }
#page-analytics .campaign-mini-shape { position: relative; display: grid; place-items: center; min-height: 36px; }
#page-analytics .campaign-mini-shape::before { content: ""; position: absolute; inset-block: 0; width: var(--campaign-funnel-width); background: linear-gradient(110deg,var(--stage-color),color-mix(in srgb,var(--stage-color) 58%,#405d86)); clip-path: polygon(0 0,100% 0,94% 100%,6% 100%); transition: filter .16s ease; }
#page-analytics .campaign-mini-shape strong { position: relative; color: #102638; font-size: 18px; font-weight: 750; font-variant-numeric: tabular-nums; line-height: 1.1; }
#page-analytics .campaign-mini-caption { display: grid; grid-template-columns: minmax(0,1fr) 62px 72px; align-items: center; gap: 7px; min-width: 0; font-size: 12px; }
#page-analytics .campaign-mini-caption > span { min-width: 0; font-size: 13px; font-weight: 680; line-height: 1.25; overflow-wrap: anywhere; }
#page-analytics .campaign-mini-caption > span small { display: block; margin-top: 2px; color: var(--stage-color); font-size: 10px; font-weight: 700; }
#page-analytics .campaign-mini-caption b { color: var(--crm-text); font-size: 12px; font-weight: 650; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
#page-analytics .campaign-mini-caption small { color: var(--crm-muted); font-size: 10px; }
#page-analytics .campaign-payment-figures { position: relative; display: grid; justify-items: center; gap: 2px; width: 100%; min-width: 0; text-align: center; font-variant-numeric: tabular-nums; }
#page-analytics :is(.campaign-payment-amount,.campaign-payment-amount .crm-money-total-value) { color: #e7c2ff; background: linear-gradient(115deg,#b9a0ff 10%,#f7a9db 90%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 1px 4px #7248b060); }
html[data-theme="light"] #page-analytics :is(.campaign-payment-amount,.campaign-payment-amount .crm-money-total-value) { color: #69349e; background-image: linear-gradient(115deg,#5634a2 10%,#a12d73 90%); filter: none; }
#page-analytics .campaign-payment-primary,#page-analytics .campaign-payment-secondary { display: flex; justify-content: center; align-items: baseline; flex-wrap: wrap; gap: 2px 8px; min-width: 0; }
#page-analytics .campaign-mini-shape .campaign-payment-figures { padding: 4px 7px; }
#page-analytics .campaign-mini-shape .campaign-payment-primary strong { color: #102638; font-size: 18px; line-height: 1.15; }
#page-analytics .campaign-mini-shape .campaign-payment-secondary strong { color: #102638; font-size: 15px; line-height: 1.15; }
#page-analytics .campaign-mini-shape :is(.campaign-payment-amount,.campaign-payment-amount .crm-money-total-value) { color: #3f236f; background-image: linear-gradient(115deg,#341c72 10%,#79295b 90%); filter: none; }
#page-analytics .campaign-mini-stage:hover { background: color-mix(in srgb,var(--stage-color) 12%,transparent); }
#page-analytics .campaign-mini-stage:hover .campaign-mini-shape::before { filter: brightness(1.18); }
#page-analytics .campaign-catalog-card > footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
#page-analytics .campaign-card-open { display: inline-flex; align-items: center; gap: 12px; color: var(--crm-accent); font-size: 13px; font-weight: 650; }
#page-analytics .campaign-catalog-card > footer { border-top: 1px solid var(--crm-border); padding-top: 10px; }
#page-analytics .campaign-card-archive:focus-visible { outline: 0; box-shadow: var(--crm-focus-ring); }
#page-analytics .campaign-card-archive { min-height: 34px; padding: 6px 8px; border: 0; background: transparent; color: var(--crm-muted); font: inherit; font-size: 12px; cursor: pointer; }
#page-analytics .campaign-card-archive:hover { color: var(--metric-color); }
#page-analytics .campaign-card-loading { min-height: 306px; display: flex; align-items: center; justify-content: center; gap: 9px; color: var(--crm-muted); font-size: 13px; }
#page-analytics .campaign-card-loading i { width: 9px; height: 9px; border: 2px solid color-mix(in srgb,var(--metric-color) 25%,transparent); border-top-color: var(--metric-color); border-radius: 50%; animation: analytics-pulse 1s ease-in-out infinite; }
#page-analytics .campaign-list-table-panel { padding: 0; overflow: hidden; }

#page-analytics .campaign-detail { gap: 12px; }
#page-analytics .campaign-section-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; min-width: 0; }
#page-analytics .campaign-section-heading > span { color: var(--crm-accent); font-size: 11px; font-weight: 720; letter-spacing: .06em; text-transform: uppercase; }
#page-analytics .campaign-section-heading > i { color: var(--crm-muted); font-size: 15px; font-style: normal; font-weight: 400; }
#page-analytics .campaign-section-heading > h3 { margin: 0; color: var(--crm-muted); font-size: 13px; font-weight: 500; letter-spacing: 0; }
#page-analytics .campaign-section-heading > .campaign-report-period {
  color: var(--crm-text); font-size: 12px; font-weight: 650; letter-spacing: 0; text-transform: none;
  border: 1px solid var(--crm-border-strong); border-radius: 6px; padding: 4px 7px;
  background: var(--crm-surface-soft); white-space: nowrap;
}
#page-analytics .campaign-funnel { padding: 13px 15px 15px; }
#page-analytics .campaign-funnel > header { align-items: center; }
#page-analytics .campaign-funnel > .campaign-funnel-stages { margin-top: 10px; }
#page-analytics [data-stage] { --stage-color: #57c8f2; }
#page-analytics [data-stage="clicks"] { --stage-color: #57d9c6; }
#page-analytics [data-stage="landings"] { --stage-color: #7bdc9c; }
#page-analytics [data-stage="leads"] { --stage-color: #b4d775; }
#page-analytics [data-stage="registrations"] { --stage-color: #f0cb72; }
#page-analytics [data-stage="checkouts"] { --stage-color: #f0a076; }
#page-analytics [data-stage="purchases"] { --stage-color: #b799f5; }
#page-analytics .campaign-funnel-stages article { transition: background .16s ease,box-shadow .16s ease; }
#page-analytics .campaign-funnel-stages article:is(:hover,:focus-visible) { outline: 0; box-shadow: inset 0 0 0 1px var(--stage-color); background: color-mix(in srgb,var(--stage-color) 12%,var(--crm-surface)); }
#page-analytics .campaign-funnel-stages[data-layout="sequence"] { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 17px; }
#page-analytics .campaign-funnel-stages[data-layout="sequence"] article { display: flex; flex-direction: column; min-height: 164px; padding: 11px; border-color: color-mix(in srgb,var(--stage-color) 45%,var(--crm-border)); background: linear-gradient(145deg,color-mix(in srgb,var(--stage-color) 20%,var(--crm-surface-solid)),var(--crm-surface-soft)); }
#page-analytics .campaign-funnel-stages[data-layout="sequence"] article:not(:last-child)::after { content: "→"; position: absolute; z-index: 2; top: 50%; right: -16px; width: 15px; color: var(--stage-color); font-size: 16px; line-height: 1; text-align: center; transform: translateY(-50%); }
#page-analytics .campaign-stage-core { display: grid; gap: 5px; min-width: 0; }
#page-analytics .campaign-stage-core > span { color: var(--crm-text); font-size: 15px; font-weight: 760; line-height: 1.25; letter-spacing: -.01em; }
#page-analytics .campaign-stage-core > strong { font-size: 23px; font-weight: 700; line-height: 1.25; font-variant-numeric: tabular-nums; }
#page-analytics .campaign-stage-core > small { color: var(--crm-muted); font-size: 10px; }
#page-analytics .campaign-stage-rate { display: flex; flex-direction: column; gap: 3px; color: var(--crm-muted); font-size: 10px; }
#page-analytics .campaign-stage-rate b { color: var(--crm-text); font-size: 15px; font-weight: 650; font-variant-numeric: tabular-nums; }
#page-analytics .campaign-funnel-stages[data-layout="sequence"] .campaign-stage-core { order: -1; grid-template-rows: minmax(36px,auto) auto; align-content: start; min-height: 98px; gap: 5px; }
#page-analytics .campaign-funnel-stages[data-layout="sequence"] .campaign-stage-core > span { font-size: 14px; font-weight: 780; overflow-wrap: anywhere; }
#page-analytics .campaign-funnel-stages[data-layout="sequence"] .campaign-stage-core > .is-unavailable { font-size: 16px; }
#page-analytics .campaign-funnel-stages[data-layout="sequence"] .campaign-stage-rate { flex-direction: row; justify-content: space-between; align-items: center; gap: 4px; margin-top: 7px; font-size: 9px; }
#page-analytics .campaign-funnel-stages[data-layout="sequence"] .campaign-stage-rate b { font-size: 11px; white-space: nowrap; }
#page-analytics .campaign-funnel-stages[data-layout="sequence"] .campaign-stage-rate-previous { order: 0; }
#page-analytics .campaign-funnel-stages[data-layout="sequence"] .campaign-stage-rate-reach { order: 1; }
#page-analytics .campaign-funnel-stages[data-layout="funnel"] { display: grid; grid-template-columns: minmax(0,1fr); gap: 5px; }
#page-analytics .campaign-funnel-stages[data-layout="funnel"] article { display: grid; grid-template-columns: 130px minmax(0,1fr) 130px; align-items: center; gap: 12px; min-height: 58px; padding: 0 14px; border: 0; border-radius: 8px; background: transparent; }
#page-analytics .campaign-funnel-stages[data-layout="funnel"] .campaign-stage-core { grid-column: 2; grid-row: 1; position: relative; min-height: 58px; padding: 7px 12%; align-content: center; justify-items: center; gap: 1px; text-align: center; }
#page-analytics .campaign-funnel-stages[data-layout="funnel"] .campaign-stage-core::before { content: ""; position: absolute; inset-block: 0; width: var(--campaign-funnel-width); left: 50%; transform: translateX(-50%); clip-path: polygon(0 0,100% 0,97% 100%,3% 100%); background: linear-gradient(110deg,color-mix(in srgb,var(--stage-color) 55%,var(--crm-surface-solid)),color-mix(in srgb,var(--stage-color) 22%,var(--crm-surface-solid))); transition: filter .16s ease; }
#page-analytics .campaign-funnel-stages[data-layout="funnel"] .campaign-stage-core > * { position: relative; }
#page-analytics .campaign-funnel-stages[data-layout="funnel"] .campaign-stage-core > span { font-size: 16px; font-weight: 780; }
#page-analytics .campaign-funnel-stages[data-layout="funnel"] .campaign-stage-core > strong { font-size: 23px; }
#page-analytics .campaign-funnel-stages[data-layout="funnel"] .campaign-stage-core > small { font-size: 9px; }
#page-analytics .campaign-funnel-stages [data-stage="purchases"] .campaign-stage-core { gap: 3px; }
#page-analytics .campaign-stage-core .campaign-payment-primary strong { color: var(--crm-text); font-size: 22px; line-height: 1.15; }
#page-analytics .campaign-stage-core .campaign-payment-secondary strong { color: var(--crm-text); font-size: 16px; line-height: 1.15; }
#page-analytics .campaign-stage-core :is(.campaign-payment-amount,.campaign-payment-amount .crm-money-total-value) { color: #e7c2ff; }
html[data-theme="light"] #page-analytics .campaign-stage-core :is(.campaign-payment-amount,.campaign-payment-amount .crm-money-total-value) { color: #69349e; }
@media (forced-colors: active) { #page-analytics :is(.campaign-payment-amount,.campaign-payment-amount .crm-money-total-value) { background: none; -webkit-text-fill-color: currentColor; filter: none; } }
#page-analytics .campaign-funnel-stages[data-layout="funnel"] .campaign-stage-rate-reach { grid-column: 1; grid-row: 1; }
#page-analytics .campaign-funnel-stages[data-layout="funnel"] .campaign-stage-rate-previous { grid-column: 3; grid-row: 1; text-align: right; }
#page-analytics .campaign-funnel-stages[data-layout="funnel"] article:is(:hover,:focus-visible) .campaign-stage-core::before { filter: brightness(1.2); }
#page-analytics .campaign-kpis-actions { gap: 10px; }
#page-analytics .campaign-kpis-actions > :is(article,button) { min-height: 86px; padding: 13px 40px 13px 14px; }
#page-analytics .campaign-kpis-actions > :is(article,button) strong { margin-top: 7px; font-size: 17px; }
#page-analytics .campaign-kpis-actions > button em { margin-top: 6px; }
#page-analytics .campaign-publications { padding: 14px 15px 15px; }
#page-analytics .campaign-publications .analytics-table-wrap { width: max-content; max-width: 100%; }
#page-analytics .campaign-publications .analytics-table { width: max-content; min-width: 1280px; font-size: 13px; line-height: 1.25; }
#page-analytics .campaign-publications .analytics-table :is(th,td) { padding: 8px 12px; }
#page-analytics .campaign-publications .analytics-table th { font-size: 10px; }
#page-analytics .campaign-publications .analytics-table tbody tr { transition: background .16s ease; }
#page-analytics .campaign-publications .analytics-table tbody tr:hover { background: var(--crm-surface-hover); }
#page-analytics .campaign-publications .campaign-social-title { display: inline-block; max-width: 340px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
#page-analytics .campaign-publications .campaign-publication-detail { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#page-analytics .campaign-publications .campaign-legacy-metric { display: none; }
#page-analytics .campaign-publications .campaign-publication-people { display: block; font-variant-numeric: tabular-nums; white-space: nowrap; }
#page-analytics .campaign-publications .campaign-publication-actions { display: block; margin-top: 2px; color: var(--crm-muted); font-size: 10px; font-variant-numeric: tabular-nums; white-space: nowrap; }
#page-analytics .campaign-payment-cell strong { display: block; font-weight: 650; }
#page-analytics .campaign-payment-cell small { display: block; margin-top: 3px; color: var(--crm-muted); font-size: 10px; white-space: nowrap; }
#page-analytics .campaign-publications > header { margin-bottom: 10px; }
#page-analytics .campaign-publications .campaign-social-metrics { display: block; margin-top: 6px; color: var(--crm-muted); font-size: 11px; font-variant-numeric: tabular-nums; white-space: nowrap; }

#page-analytics .campaign-direct { display: grid; gap: 14px; padding: 15px; }
#page-analytics .campaign-direct > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
#page-analytics .campaign-direct > header small { display: block; margin-top: 5px; color: var(--crm-muted); font-size: 11px; }
#page-analytics .campaign-direct-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
#page-analytics .campaign-direct-empty { display: grid; gap: 5px; min-height: 92px; align-content: center; padding: 18px; border: 1px dashed var(--crm-border-strong); border-radius: var(--crm-control-radius); background: var(--crm-surface-soft); }
#page-analytics .campaign-direct-empty strong { font-size: 15px; }
#page-analytics .campaign-direct-empty p { margin: 0; color: var(--crm-muted); font-size: 12px; line-height: 1.5; }
#page-analytics .campaign-direct-summary { display: grid; grid-template-columns: repeat(3,minmax(140px,1fr)); gap: 10px; }
#page-analytics .campaign-direct-summary p { grid-column: 1 / -1; }
#page-analytics .campaign-direct-summary > :is(article,p) { min-width: 0; margin: 0; padding: 13px 14px; border: 1px solid var(--crm-border); border-radius: var(--crm-control-radius); background: var(--crm-surface-soft); }
#page-analytics .campaign-direct-summary article { display: grid; gap: 6px; }
#page-analytics .campaign-direct-summary article span { color: var(--crm-muted); font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
#page-analytics .campaign-direct-summary article strong { font-size: 20px; font-variant-numeric: tabular-nums; }
#page-analytics .campaign-direct-summary p { color: var(--crm-muted); font-size: 11px; line-height: 1.55; }
#page-analytics .campaign-direct-funnel { margin: 0; }
#page-analytics .campaign-direct-funnel [data-stage="impressions"] { --stage-color: #f1d36c; }
#page-analytics .campaign-direct-funnel [data-stage="payments"] { --stage-color: #b799f5; }
#page-analytics .campaign-direct .analytics-table td small { display: block; margin-top: 3px; color: var(--crm-muted); font-size: 10px; }
#page-analytics .campaign-direct-connect { padding: 18px; }
#page-analytics .campaign-direct-catalog { display: grid; gap: 14px; padding: 18px; }
#page-analytics .campaign-direct-catalog > p { margin: 0; color: var(--crm-muted); font-size: 12px; line-height: 1.5; }
#page-analytics .campaign-direct-options { display: grid; gap: 10px; }
#page-analytics .campaign-direct-option { padding: 12px; border: 1px solid var(--crm-border); border-radius: var(--crm-control-radius); background: var(--crm-surface-soft); }
#page-analytics .campaign-direct-option-main { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; }
#page-analytics .campaign-direct-option-main > span { display: grid; gap: 3px; }
#page-analytics .campaign-direct-option-main strong { font-size: 14px; }
#page-analytics .campaign-direct-option-main small { color: var(--crm-muted); font-size: 10px; }
#page-analytics .campaign-direct-option fieldset { display: grid; gap: 7px; margin: 11px 0 0 26px; padding: 10px; border: 1px solid var(--crm-border); border-radius: 8px; }
#page-analytics .campaign-direct-option fieldset[hidden] { display: none; }
#page-analytics .campaign-direct-option legend { padding: 0 5px; color: var(--crm-muted); font-size: 10px; }
#page-analytics .campaign-direct-option fieldset label { display: flex; align-items: center; gap: 8px; min-height: 28px; font-size: 12px; cursor: pointer; }
#page-analytics .campaign-direct-option fieldset small { color: var(--crm-muted); }

@media (max-width: 1350px) and (min-width: 1181px) {
  #page-analytics .campaign-catalog-grid { grid-template-columns: minmax(0,1fr); }
  #page-analytics .campaign-funnel-stages[data-layout="sequence"] .campaign-stage-rate { flex-direction: column; align-items: flex-start; gap: 1px; }
  #page-analytics .campaign-funnel-stages[data-layout="sequence"] .campaign-stage-rate b { font-size: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  #page-analytics :is(.campaign-catalog-card,.campaign-mini-stage,.campaign-funnel-stages article),#page-analytics .campaign-mini-shape::before,#page-analytics .campaign-stage-core::before { transition: none; }
  #page-analytics .campaign-card-loading i { animation: none; }
}

@media (max-width: 1360px) {
  .analytics-filters { grid-template-columns: minmax(250px, 1.3fr) repeat(4, minmax(112px, 0.7fr)) auto 36px; }
  .analytics-hero-copy > strong { font-size: 43px; }
  .analytics-ratio { width: 112px; height: 112px; }
  .analytics-customers-hero > div:last-child,
  .analytics-quality-hero > div:last-child { grid-template-columns: repeat(3, minmax(96px, 1fr)); }
  .analytics-customers-hero article,
  .analytics-quality-hero article { min-width: 100px; }
}

@media (max-width: 1180px) {
  .analytics-filters { grid-template-columns: repeat(4, minmax(130px, 1fr)); }
  .analytics-filter-period { grid-column: span 2; }
  .analytics-tabs { grid-template-columns: repeat(3, 1fr); }
  .analytics-metrics { grid-template-columns: repeat(2, 1fr); }
  .analytics-overview { grid-template-columns: 1fr; }
  .analytics-ratio-card,
  .analytics-breakdown-panel { grid-column: 1; }
  .analytics-ratio-card { min-height: 190px; }
  .analytics-chart-panel { grid-column: 1; }
  .analytics-customer-list { grid-template-columns: 1fr; }
  .analytics-metrika-grid { grid-template-columns: 1fr; }
  .analytics-acquisition-metrics { grid-template-columns: repeat(3, 1fr); }
  .analytics-expense-admin { grid-template-columns: 1fr; }
  .analytics-comparison > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .analytics-price-row { grid-template-columns: 1fr 100px 86px; }
  .analytics-price-row label:nth-of-type(4) { grid-column: 1 / 3; }
  #page-analytics .campaign-list > header { width: min(100%, 820px); }
  #page-analytics .campaign-funnel-stages[data-layout="sequence"] { grid-template-columns: repeat(4,minmax(0,1fr)); }
  #page-analytics .campaign-funnel-stages[data-layout="sequence"] article:nth-child(4)::after { display: none; }
  #page-analytics .campaign-direct-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #page-analytics .campaign-direct-summary p { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
  .analytics-filters { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; padding:12px; }
  .analytics-filter-period { grid-column:1/-1; }
  .analytics-filter-period label { min-width:0; }
  .analytics-filters label { min-width:0; }
  .analytics-filters :is(input,select) { width:100%; min-width:0; height:44px; font-size:16px; }
  .analytics-filter-submit { min-height:44px; }
  .analytics-filter-reset { width:44px; height:44px; }
  .analytics-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .analytics-tabs button { min-height:44px; }
  .analytics-overview,
  .analytics-metrics,
  .analytics-acquisition-metrics,
  .analytics-acquisition-categories,
  .analytics-insights,
  .analytics-quality-grid,
  .analytics-metrika-hero,
  .analytics-metrika-grid,
  .analytics-expense-admin form { grid-template-columns:minmax(0,1fr); }
  .analytics-hero,.analytics-customers-hero,.analytics-quality-hero { min-height:0; padding:20px; }
  .analytics-hero-copy > strong { font-size:36px; }
  .analytics-customers-hero > div:last-child,
  .analytics-quality-hero > div:last-child { position:static; grid-template-columns:1fr; margin-top:16px; }
  .analytics-metrika-setup { grid-template-columns:1fr; min-height:0; padding:24px; }
  .analytics-project-row { grid-template-columns:1fr; }
  .analytics-dialog,.analytics-projects-dialog { width:calc(100vw - 20px); max-height:calc(100dvh - 20px); border-radius:14px; }
  [data-analytics-projects-editor] { padding:20px 14px max(20px,env(safe-area-inset-bottom)); }
  .analytics-dialog :is(input,select,textarea) { font-size:16px; }
  .analytics-customer-dialog-head { min-height:0; padding:24px 18px; }
  .analytics-journey { padding:18px; }
  .analytics-journey article { grid-template-columns:30px minmax(0,1fr); }
  .analytics-journey article > div:last-child { grid-column:2; text-align:left; }
  #page-analytics .campaign-catalog-grid { grid-template-columns:minmax(0,1fr); }
}
#page-analytics .campaign-configurable-table{table-layout:fixed;min-width:max-content}#page-analytics .campaign-configurable-table th{position:relative;min-width:72px}#page-analytics .campaign-column-resizer{position:absolute;right:-5px;top:0;bottom:0;width:10px;cursor:col-resize;z-index:2}#page-analytics .campaign-column-resizer::after{content:"";position:absolute;left:4px;top:20%;bottom:20%;width:2px;border-radius:2px;background:var(--analytics-border)}#page-analytics .campaign-column-resizer:hover::after,#page-analytics .campaign-column-resizer:focus::after{width:4px;left:3px;background:var(--analytics-cyan)}#page-analytics .campaign-tracking-actions [data-copy-state="success"]{background:#237a4b;color:#fff;border-color:#2e9b61}#page-analytics .campaign-payment-cell,#page-analytics .campaign-kpis strong{overflow-wrap:anywhere}#page-analytics .campaign-publication-detail{white-space:normal}

#analytics-campaign-dialog .campaign-sources-panel{gap:10px}
#analytics-campaign-dialog .campaign-sources-panel>header{padding:10px 14px;gap:14px}
#analytics-campaign-dialog .campaign-sources-panel>header h2{font-size:18px;line-height:1.2}
#analytics-campaign-dialog .campaign-source-table{min-width:0;table-layout:fixed}
#analytics-campaign-dialog .campaign-source-table :is(th,td){box-sizing:border-box;min-width:0;max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-right:1px solid var(--crm-border);padding:9px 12px}
#analytics-campaign-dialog .campaign-source-table :is(th,td):last-child{border-right:0}
#analytics-campaign-dialog .campaign-source-table td :is(strong,small,a){display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#analytics-campaign-dialog .campaign-source-table td small{margin-top:3px;color:var(--crm-muted)}
#analytics-campaign-dialog .campaign-source-table .campaign-tracking-actions{justify-content:flex-start;margin:0;gap:6px;overflow:hidden}
#analytics-campaign-dialog .campaign-source-table .campaign-tracking-actions.is-mailing-linked{flex-wrap:wrap;overflow:visible}
#analytics-campaign-dialog .campaign-source-table .campaign-tracking-actions .analytics-action{flex:0 0 auto;min-height:30px;padding:6px 9px;font-size:10px}
#analytics-campaign-dialog .campaign-source-table .campaign-column-resizer{right:0}
#analytics-campaign-dialog .campaign-source-table .campaign-tracking-actions .analytics-action[data-copy-state="success"]{background:#237a4b;color:#fff;border-color:#2e9b61}
#analytics-campaign-dialog .campaign-source-table .campaign-tracking-actions .analytics-action[data-copy-state="success"]:is(:hover,:focus-visible){background:#237a4b;color:#fff;border-color:#2e9b61}

/* One compact toolbar for the campaign title, navigation and actions. */
#page-analytics .campaign-detail-head-compact {
  display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start;
  gap: 14px; min-height: 62px; padding: 11px 14px;
  border-color: var(--crm-border-strong); overflow: visible; position: relative; z-index: 5;
}
#page-analytics .campaign-detail-head-compact > .campaign-back {
  display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px;
  padding: 0; border: 1px solid var(--crm-border-strong); border-radius: 9px;
  background: var(--crm-surface-soft); color: var(--crm-accent);
}
#page-analytics .campaign-detail-head-compact > .campaign-back svg {
  width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8;
  stroke-linecap: round; stroke-linejoin: round;
}
#page-analytics .campaign-detail-identity { display: grid; grid-template-columns: minmax(0,1fr) auto; column-gap: 8px; flex: 0 1 370px; min-width: 120px; }
#page-analytics .campaign-detail-identity h2 {
  margin: 0; color: var(--crm-text); font-size: 16px; font-weight: 750; line-height: 1.3;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
#page-analytics .campaign-detail-identity .campaign-freshness {
  grid-column: 1; display: block; margin-top: 3px; color: var(--crm-muted); font-size: 10px;
  font-weight: 500; line-height: 1.3; letter-spacing: 0; text-transform: none; white-space: nowrap;
}
#page-analytics .campaign-title-menu { position: relative; grid-column: 2; grid-row: 1 / 3; align-self: center; }
#page-analytics .campaign-menu-toggle {
  display: grid; place-items: center; width: 36px; height: 36px; padding: 0;
  border: 1px solid transparent; border-radius: 9px; background: transparent;
  color: var(--crm-muted); cursor: pointer;
}
#page-analytics .campaign-menu-toggle svg { width: 18px; height: 18px; fill: currentColor; }
#page-analytics .campaign-menu-toggle:hover,
#page-analytics .campaign-menu-toggle[aria-expanded="true"] {
  color: var(--crm-accent); background: var(--crm-surface-hover); border-color: var(--crm-border);
}
#page-analytics .campaign-title-menu-popover {
  position: absolute; z-index: 45; top: calc(100% + 8px); right: 0;
  display: grid; gap: 3px; min-width: 220px; padding: 6px;
  border: 1px solid var(--crm-border-strong); border-radius: 10px;
  background: var(--crm-surface-solid); box-shadow: var(--crm-panel-shadow);
}
#page-analytics .campaign-title-menu-popover[hidden] { display: none; }
#page-analytics .campaign-title-menu-popover > button {
  display: flex; align-items: center; gap: 10px; min-height: 36px; padding: 9px 10px;
  border: 0; border-radius: 7px; background: transparent; color: var(--crm-text);
  font: inherit; font-size: 12px; font-weight: 600; line-height: 1.3; text-align: left; white-space: nowrap; cursor: pointer;
}
#page-analytics .campaign-title-menu-popover > button svg {
  flex: 0 0 16px; width: 16px; height: 16px; fill: none; stroke: currentColor;
  stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;
}
#page-analytics .campaign-title-menu-popover > button:hover,
#page-analytics .campaign-title-menu-popover > button:focus-visible {
  color: var(--crm-accent); background: var(--crm-surface-hover);
}
#page-analytics .campaign-detail-head-compact > .campaign-source-tabs {
  display: flex; flex: 0 0 auto; gap: 3px; width: auto; margin: 0; padding: 0 14px;
  border-inline: 1px solid var(--crm-border); overflow: visible; background: transparent;
}
#page-analytics .campaign-detail-head-compact > .campaign-source-tabs button {
  height: 36px; padding: 0 12px; border: 1px solid transparent; border-radius: 9px;
  background: transparent; color: var(--crm-muted); font: inherit; font-size: 12px;
  font-weight: 650; line-height: 1; white-space: nowrap; cursor: pointer;
  transition: color .15s ease, background .15s ease, border-color .15s ease;
}
#page-analytics .campaign-detail-head-compact > .campaign-source-tabs button:hover {
  color: var(--crm-text); background: var(--crm-surface-hover); border-color: var(--crm-border);
}
#page-analytics .campaign-detail-head-compact > .campaign-source-tabs button[aria-current="page"] {
  color: var(--crm-on-accent, #102b29); background: var(--crm-accent); border-color: var(--crm-accent);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--crm-accent) 20%, transparent);
}
#page-analytics .campaign-detail-head-compact > .campaign-detail-actions {
  display: flex; flex: 0 0 auto; flex-wrap: nowrap; align-items: center; gap: 7px; margin-left: auto;
}
#page-analytics .campaign-detail-actions .campaign-header-action {
  height: 36px; min-height: 36px; padding: 0 11px; border-radius: 9px;
  border: 1px solid color-mix(in srgb, var(--crm-accent) 55%, var(--crm-border));
  background: color-mix(in srgb, var(--crm-accent) 10%, var(--crm-surface-solid));
  color: var(--crm-accent); font: inherit; font-size: 12px; font-weight: 700; line-height: 1; white-space: nowrap; cursor: pointer;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
#page-analytics .campaign-detail-actions .campaign-header-action.primary {
  border-color: var(--crm-accent); background: var(--crm-accent); color: var(--crm-on-accent, #102b29);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--crm-accent) 20%, transparent);
}
#page-analytics .campaign-detail-actions .campaign-header-action:hover,
#page-analytics .campaign-detail-head-compact > .campaign-back:hover {
  border-color: var(--crm-accent-hover); background: var(--crm-surface-hover); color: var(--crm-accent-hover);
}
#page-analytics .campaign-detail-actions .campaign-header-action.primary:hover {
  background: var(--crm-accent-hover); color: var(--crm-on-accent, #102b29);
}
#page-analytics .campaign-detail-head-compact :is(button, .campaign-header-action):focus-visible {
  outline: 0; box-shadow: var(--crm-focus-ring);
}
@media (max-width: 1500px) {
  #page-analytics .campaign-detail-head-compact { gap: 10px; padding-inline: 10px; }
  #page-analytics .campaign-detail-head-compact > .campaign-source-tabs { padding-inline: 9px; gap: 2px; }
  #page-analytics .campaign-detail-head-compact > .campaign-source-tabs button { padding-inline: 9px; }
  #page-analytics .campaign-detail-actions .campaign-header-action { padding-inline: 9px; }
}
@media (max-width: 1320px) {
  #page-analytics .campaign-detail-head-compact { gap: 8px; }
  #page-analytics .campaign-detail-identity h2 { font-size: 14px; }
  #page-analytics .campaign-detail-head-compact > .campaign-source-tabs { padding-inline: 7px; }
  #page-analytics .campaign-detail-head-compact > .campaign-source-tabs button,
  #page-analytics .campaign-detail-actions .campaign-header-action { padding-inline: 8px; font-size: 11px; }
  #page-analytics .campaign-detail-head-compact > .campaign-detail-actions { gap: 5px; }
}

#page-analytics #analytics-campaign-dialog .cp-workspace .cp-social-editor{grid-template-columns:minmax(300px,var(--cp-editor-percent,50%)) 10px minmax(260px,1fr);gap:12px}#page-analytics #analytics-campaign-dialog .cp-workspace .cp-editor-splitter{cursor:col-resize;border-radius:8px;background:var(--crm-border);position:relative;outline:none}#page-analytics #analytics-campaign-dialog .cp-workspace .cp-editor-splitter::after{content:"";position:absolute;left:3px;top:35%;bottom:35%;width:4px;border-radius:5px;background:var(--crm-muted)}#page-analytics #analytics-campaign-dialog .cp-workspace .cp-editor-splitter:hover,#page-analytics #analytics-campaign-dialog .cp-workspace .cp-editor-splitter:focus{background:color-mix(in srgb,var(--crm-accent) 28%,var(--crm-border))}#page-analytics #analytics-campaign-dialog .cp-workspace .cp-social-editor .pvs-message-input{min-height:230px;padding:10px;border:1px solid var(--crm-border-strong);border-radius:9px;background:var(--crm-surface);white-space:pre-wrap;overflow-wrap:anywhere}
#page-analytics .campaign-post-match-list{display:grid;gap:8px;padding:16px;max-height:min(68vh,720px);overflow:auto}#page-analytics .campaign-post-match-list>button{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;text-align:left}#page-analytics .campaign-post-match-list>button span{color:var(--analytics-muted);font-size:12px;white-space:nowrap}
#page-analytics #analytics-campaign-dialog .cp-workspace .pvs-layout{grid-template-columns:minmax(180px,var(--cp-library-width,245px)) 10px minmax(0,1fr);gap:8px}
#page-analytics #analytics-campaign-dialog .cp-workspace .pvs-step-card{grid-template-columns:minmax(260px,1fr) 10px minmax(220px,var(--cp-preview-width,32%));gap:8px}
#page-analytics #analytics-campaign-dialog .cp-workspace .pvs-step-card .pvs-preview{grid-column:auto;max-width:none;border-left:1px solid var(--crm-border);padding-left:14px}
#page-analytics #analytics-campaign-dialog .cp-workspace .cp-layout-splitter{cursor:col-resize;touch-action:none;border-radius:8px;background:var(--crm-border);position:relative;outline:none}
#page-analytics #analytics-campaign-dialog .cp-workspace .cp-layout-splitter::after{content:"";position:absolute;left:3px;top:35%;bottom:35%;width:4px;border-radius:5px;background:var(--crm-muted)}
#page-analytics #analytics-campaign-dialog .cp-workspace .cp-layout-splitter:hover,#page-analytics #analytics-campaign-dialog .cp-workspace .cp-layout-splitter:focus-visible{background:color-mix(in srgb,var(--crm-accent) 28%,var(--crm-border))}
#page-analytics #analytics-campaign-dialog .cp-workspace .pvs-layout>.cp-layout-splitter{align-self:stretch;min-height:140px}

#page-analytics .campaign-publications .campaign-configurable-table td { overflow: hidden; text-overflow: ellipsis; }
#page-analytics .campaign-publications .campaign-configurable-table th { overflow: visible; }

#page-analytics .campaign-landing-note { margin: 8px 0 0; color: var(--analytics-muted); font-size: 10px; line-height: 1.45; }
#page-analytics .campaign-list-actions .campaign-create-last{order:10;background:var(--analytics-cyan);color:#082024;border-color:var(--analytics-cyan);font-weight:800}
#page-analytics .campaign-creator-filter{position:relative;z-index:8}
#page-analytics .campaign-creator-filter summary{list-style:none;cursor:pointer;border:1px solid var(--analytics-border);border-radius:10px;padding:9px 14px;font-weight:700;white-space:nowrap}
#page-analytics .campaign-creator-filter summary::-webkit-details-marker{display:none}
#page-analytics .campaign-creator-filter [role="group"]{position:absolute;right:0;top:calc(100% + 6px);min-width:230px;max-height:330px;overflow:auto;display:grid;gap:5px;padding:12px;border:1px solid var(--analytics-border);border-radius:12px;background:var(--analytics-surface);box-shadow:0 16px 36px #0003}
#page-analytics .campaign-creator-filter [role="group"] p{margin:0 0 6px;font-size:12px}
#page-analytics .campaign-creator-filter [role="group"] button{text-align:left;padding:8px 10px;border:1px solid var(--analytics-border);border-radius:8px;background:transparent;color:inherit;cursor:pointer}
#page-analytics .campaign-creator-filter [role="group"] button[aria-pressed="true"]{border-color:var(--analytics-cyan);color:var(--analytics-cyan)}
#page-analytics .campaign-creator-filter [role="group"] small{opacity:.7}
#page-analytics .campaign-placement-note{display:block;margin:1px 0 0;color:var(--analytics-muted);font-size:10px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:24rem}
#page-analytics .campaign-placement-note[data-caption]::before{content:attr(data-caption)}
body:has(#page-analytics) #analytics-campaign-dialog .campaign-placement-note[data-caption]::before{content:attr(data-caption)}
#page-analytics .campaign-publications tbody tr:hover,#page-analytics .campaign-source-table tbody tr:hover{background:color-mix(in srgb,var(--analytics-cyan) 7%,transparent)}
#page-analytics .campaign-row-menu{position:relative;display:inline-block;vertical-align:middle;margin-right:5px}
#page-analytics .campaign-row-menu summary{list-style:none;cursor:pointer;display:inline-grid;place-items:center;width:17px;height:20px;border-radius:5px;color:var(--analytics-muted);font-size:18px;line-height:1;opacity:.35}
#page-analytics .campaign-row-menu summary::before{content:"⋮"}
#page-analytics .campaign-row-menu summary::-webkit-details-marker{display:none}
#page-analytics tr:hover .campaign-row-menu summary,#page-analytics .campaign-row-menu summary:focus-visible,#page-analytics .campaign-row-menu[open] summary{opacity:1;color:var(--analytics-cyan)}
#page-analytics .campaign-row-menu>div{position:absolute;z-index:12;left:0;top:100%;min-width:205px;background:var(--analytics-surface-raised);border:1px solid var(--analytics-border);border-radius:9px;padding:5px;box-shadow:0 12px 28px #0004}
#page-analytics .campaign-row-menu button{display:block;border:0;background:none;color:inherit;padding:8px;text-align:left;width:100%;cursor:pointer;font:inherit}
#page-analytics .campaign-row-menu button::before{content:attr(data-label)}
#page-analytics .campaign-row-menu button:hover,#page-analytics .campaign-row-menu button:focus-visible{background:color-mix(in srgb,var(--analytics-cyan) 12%,transparent)}
body:has(#page-analytics) #analytics-campaign-dialog .campaign-row-menu{position:relative;display:inline-block;vertical-align:middle;margin-right:5px}
body:has(#page-analytics) #analytics-campaign-dialog .campaign-row-menu summary{list-style:none;cursor:pointer;display:inline-grid;place-items:center;width:17px;height:20px;border-radius:5px;color:var(--crm-muted);font-size:18px;line-height:1;opacity:.35}
body:has(#page-analytics) #analytics-campaign-dialog .campaign-row-menu summary::before{content:"⋮"}
body:has(#page-analytics) #analytics-campaign-dialog .campaign-row-menu summary::-webkit-details-marker{display:none}
body:has(#page-analytics) #analytics-campaign-dialog tr:hover .campaign-row-menu summary,body:has(#page-analytics) #analytics-campaign-dialog .campaign-row-menu summary:focus-visible,body:has(#page-analytics) #analytics-campaign-dialog .campaign-row-menu[open] summary{opacity:1;color:var(--crm-accent)}
body:has(#page-analytics) #analytics-campaign-dialog .campaign-row-menu>div{position:absolute;z-index:12;left:0;top:100%;min-width:205px;background:var(--crm-surface-solid);border:1px solid var(--crm-border);border-radius:9px;padding:5px;box-shadow:0 12px 28px #0004}
body:has(#page-analytics) #analytics-campaign-dialog .campaign-row-menu button{display:block;border:0;background:none;color:inherit;padding:8px;text-align:left;width:100%;cursor:pointer;font:inherit}
body:has(#page-analytics) #analytics-campaign-dialog .campaign-row-menu button::before{content:attr(data-label)}
body:has(#page-analytics) #analytics-campaign-dialog .campaign-row-menu button:hover,body:has(#page-analytics) #analytics-campaign-dialog .campaign-row-menu button:focus-visible{background:var(--crm-surface-hover)}
#page-analytics .campaign-row-detached{opacity:.78}
#page-analytics .campaign-detached-publications{padding:16px;border:1px solid var(--analytics-border);border-radius:12px}
#page-analytics .campaign-detached-publication{display:flex;gap:7px;align-items:center;padding:6px 0}
#page-analytics .campaign-detached-publication small{color:var(--analytics-muted)}

/* Compact publication metrics and independent table controls. */
#page-analytics .campaign-publications .campaign-conversion,
body:has(#page-analytics) .campaign-configurable-table .campaign-conversion { display:block; margin-top:2px; color:#df6b12; font-size:11px; font-weight:750; font-variant-numeric:tabular-nums; white-space:nowrap; }
#page-analytics .campaign-publications .campaign-reach-edit { margin-left:4px; padding:2px 5px; border:0; border-radius:4px; color:var(--crm-text); background:var(--crm-surface-soft); cursor:pointer; }
#page-analytics .campaign-publications .campaign-reach-edit:hover { background:var(--crm-surface-hover); }
body:has(#page-analytics) .campaign-configurable-table th { position:relative; white-space:nowrap; }
body:has(#page-analytics) .campaign-configurable-table .campaign-table-sort,
body:has(#page-analytics) .campaign-configurable-table .campaign-table-filter { margin-left:3px; padding:2px 4px; border:0; border-radius:4px; background:transparent; color:var(--crm-muted); cursor:pointer; font-size:12px; }
body:has(#page-analytics) .campaign-configurable-table .campaign-table-sort[aria-pressed="true"] { color:var(--crm-text); background:var(--crm-surface-soft); }
body:has(#page-analytics) .campaign-configurable-table :is(.campaign-table-sort,.campaign-table-filter):hover { background:var(--crm-surface-hover); color:var(--crm-text); }
body:has(#page-analytics) .campaign-configurable-table tbody tr[hidden] { display:none; }
html[data-theme="light"] #page-analytics .campaign-publications .campaign-conversion { color:#ad4400; }
html[data-theme="dark"] #page-analytics .campaign-publications .campaign-conversion { color:#ff9a47; }
#page-analytics .campaign-publications .campaign-social-metrics { display:block; overflow:hidden; text-overflow:ellipsis; }
#page-analytics .campaign-publications .campaign-social-metrics span { display:inline; margin:0; color:inherit; font-size:10px; }
#page-analytics .campaign-configurable-table .campaign-column-filter-wrap { display:inline-block; vertical-align:middle; min-width:0; max-width:calc(100% - 28px); }
#page-analytics .campaign-configurable-table .campaign-column-filter { white-space:nowrap; overflow:hidden; }
#page-analytics .campaign-configurable-table .campaign-table-sort { display:inline-block; vertical-align:middle; }
#page-analytics .campaign-publications .campaign-conversion { display:inline; margin:0 0 0 5px; vertical-align:baseline; }
#page-analytics .campaign-publications .campaign-publication-actions { display:inline; margin:0; }
#page-analytics .campaign-publications .analytics-table td { padding-top:6px; padding-bottom:6px; }
body:has(#page-analytics) .campaign-configurable-table .campaign-table-filter-menu { position:absolute; z-index:50; top:calc(100% + 5px); left:0; width:max-content; min-width:180px; max-width:300px; max-height:270px; overflow:auto; padding:6px; border:1px solid var(--crm-border-strong); border-radius:9px; background:var(--crm-surface-solid); box-shadow:var(--crm-panel-shadow); }
body:has(#page-analytics) .campaign-configurable-table .campaign-table-filter-menu[hidden] { display:none; }
body:has(#page-analytics) .campaign-configurable-table .campaign-table-filter-menu button { display:block; width:100%; padding:7px 9px; border:0; border-radius:6px; background:transparent; color:var(--crm-text); font-size:11px; text-align:left; cursor:pointer; }
body:has(#page-analytics) .campaign-configurable-table .campaign-table-filter-menu button:is(:hover,:focus-visible),body:has(#page-analytics) .campaign-configurable-table .campaign-table-filter-menu button[aria-selected="true"] { background:var(--crm-surface-hover); color:var(--crm-accent); }
#analytics-campaign-dialog .campaign-source-table th { overflow:visible; }

/* Campaign report: use the sidebar's one-pixel divider throughout the cards. */
#page-analytics.page-view:not(#page-kaiten):not(#page-pv):has(.campaign-detail) > .analytics-page-header { margin-bottom: 0; }
#page-analytics:has(.campaign-detail) > .analytics-content { margin-top: 0; }
#page-analytics .campaign-detail { gap: 12px; }
#page-analytics .campaign-detail > :is(.campaign-detail-head,.campaign-funnel,.analytics-detail-panel,.analytics-chart-panel),
#page-analytics .campaign-detail > .campaign-kpis > :is(article,button) { border-width: 1px; border-color: var(--crm-border); }
#page-analytics .campaign-funnel > header .campaign-section-heading { flex: 1 1 auto; }
#page-analytics .campaign-funnel > header .campaign-section-heading h3 { white-space: nowrap; }
#page-analytics .campaign-funnel .campaign-social-filters { display: inline-flex; flex: 0 1 auto; align-items: center; gap: 3px; flex-wrap: wrap; margin: 0 0 0 10px; padding-left: 12px; border-left: 1px solid var(--crm-border); }
#page-analytics .campaign-funnel .campaign-social-filters button { min-height: 30px; padding: 5px 9px; }
#page-analytics .campaign-publications .analytics-table :is(th,td) { padding-top: 5px; padding-bottom: 5px; }
#page-analytics .campaign-publications .campaign-configurable-table td:first-child { overflow: visible; }
#page-analytics .campaign-publications .campaign-publication-title-line { display: flex; align-items: center; gap: 4px; min-width: 0; }
#page-analytics .campaign-publications .campaign-publication-title-line > :is(.campaign-link,strong) { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#page-analytics .campaign-publications .campaign-publication-title-line > .campaign-row-menu { flex: 0 0 auto; margin: 0; }
#page-analytics .campaign-publications .campaign-publication-caption-line { display: flex; align-items: center; gap: 4px; min-width: 0; overflow: hidden; margin-top: 2px; color: var(--crm-muted); font-size: 10px; white-space: nowrap; }
#page-analytics .campaign-publications .campaign-publication-caption-line .campaign-placement-note { display: inline; flex: 0 0 auto; max-width: 42%; margin: 0; font-size: inherit; }
#page-analytics .campaign-publications .campaign-publication-caption-line .campaign-social-metrics { display: inline; min-width: 0; margin: 0; font-size: inherit; }
#page-analytics .campaign-publications .campaign-publication-caption-line .campaign-placement-note:not(:empty) + .campaign-social-metrics::before { content: '·'; margin-right: 4px; }
#page-analytics .campaign-publications .campaign-publication-people { display: inline; }
#page-analytics .campaign-publications .campaign-publication-people i { padding: 0 2px; color: var(--crm-muted); font-style: normal; }
#page-analytics .campaign-publications .campaign-publication-people .campaign-conversion { display: inline; margin: 0; }
#page-analytics .campaign-publications .campaign-publication-actions { display: block; margin: 1px 0 0; }
#page-analytics .campaign-publications .campaign-row-menu > div { z-index: 25; }

#page-analytics .campaign-daily-chart .analytics-chart-stage { overflow-x: auto; overflow-y: hidden; }
#page-analytics .campaign-publications .campaign-conversion-separator { padding: 0 2px; color: var(--crm-muted); font-style: normal; }
body:has(#page-analytics) #page-analytics .campaign-publications .campaign-configurable-table .campaign-conversion { display: inline; margin: 0; vertical-align: baseline; }

/* Campaign tables share one compact header geometry. The sort surface ends 1 px before the column edge. */
#page-analytics .campaign-configurable-table { border-collapse: separate; border-spacing: 0; }
#page-analytics .campaign-configurable-table th,
#analytics-campaign-dialog .campaign-source-table th { box-sizing: border-box; min-width: 72px; max-width: none; height: 38px; padding: 6px 1px 6px 7px; overflow: visible; border-right: 1px solid var(--crm-border); font-size: 10px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; white-space: nowrap; }
#page-analytics .campaign-configurable-table td,
#analytics-campaign-dialog .campaign-source-table td { box-sizing: border-box; padding-left: 7px; padding-right: 7px; border-right: 1px solid var(--crm-border); }
#page-analytics .campaign-configurable-table :is(th,td):last-child,
#analytics-campaign-dialog .campaign-source-table :is(th,td):last-child { border-right: 0; }
#page-analytics .campaign-configurable-table .campaign-table-label { display: block; width: calc(100% - 40px); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#page-analytics .campaign-configurable-table .campaign-column-filter-wrap { display: block; width: calc(100% - 22px); max-width: none; min-width: 0; }
#page-analytics .campaign-configurable-table .campaign-column-filter { display: flex; gap: 2px; min-width: 0; overflow: hidden; }
#page-analytics .campaign-configurable-table .campaign-column-filter > span { display: block; flex: 1 1 auto; min-width: 0; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#page-analytics .campaign-configurable-table .campaign-column-filter::after { content: "⌄"; position: absolute; right: 0; top: 50%; display: grid; place-items: center; width: 19px; height: 20px; transform: translateY(-50%); border-radius: 4px; color: var(--crm-muted); font-size: 13px; letter-spacing: 0; }
#page-analytics .campaign-configurable-table .campaign-column-filter:is(:hover,[aria-expanded="true"])::after { background: var(--crm-surface-hover); color: var(--crm-text); }
#page-analytics .campaign-configurable-table .campaign-table-sort,
#page-analytics .campaign-configurable-table .campaign-table-filter { position: absolute; top: 50%; display: grid; place-items: center; box-sizing: border-box; width: 19px; height: 20px; margin: 0; padding: 0; transform: translateY(-50%); border-radius: 4px; font: inherit; font-size: 13px; letter-spacing: 0; }
#page-analytics .campaign-configurable-table .campaign-table-sort { right: 1px; }
#page-analytics .campaign-configurable-table .campaign-table-filter { right: 21px; }
#page-analytics .campaign-configurable-table .campaign-column-resizer { right: -5px; }
#analytics-campaign-dialog .campaign-source-table .campaign-source-title-line { display: flex; align-items: center; gap: 4px; min-width: 0; }
#analytics-campaign-dialog .campaign-source-table .campaign-source-title-line > strong { flex: 0 1 auto; min-width: 0; }
#analytics-campaign-dialog .campaign-source-table .campaign-source-title-line > .campaign-row-menu { flex: 0 0 auto; margin: 0; }

/* The header title itself opens the filter, leaving only the sort control beside it. */
#page-analytics .campaign-configurable-table .campaign-table-label { width: 100%; }
body:has(#page-analytics) #page-analytics .campaign-configurable-table .campaign-table-filter { position: static; display: block; width: calc(100% - 20px); height: 20px; min-width: 0; margin: 0; padding: 0; transform: none; text-align: left; font-size: inherit; overflow: hidden; }
#page-analytics .campaign-configurable-table .campaign-table-filter .campaign-table-label { overflow: hidden; text-overflow: ellipsis; }
#page-analytics .campaign-configurable-table .campaign-column-filter-wrap { width: calc(100% - 20px); }
#page-analytics .campaign-configurable-table .campaign-column-filter { width: 100%; }
#page-analytics .campaign-configurable-table .campaign-column-filter > span { padding-right: 0; }
#page-analytics .campaign-configurable-table .campaign-column-filter::after { display: none; }

/* Tracking calendar actions and top-layer menus are isolated to this workspace. */
#analytics-campaign-dialog .campaign-source-channel { display:flex; align-items:center; gap:8px; min-width:0; }
#analytics-campaign-dialog .campaign-source-channel > div { flex:1; min-width:0; }
#analytics-campaign-dialog .campaign-source-calendar { position:relative; display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; padding:5px; border:0; border-radius:8px; color:var(--module-amber); background:transparent; cursor:pointer; }
#analytics-campaign-dialog .campaign-source-calendar svg { width:28px; height:28px; }
#analytics-campaign-dialog .campaign-source-calendar:is(:hover,:focus-visible) { background:var(--crm-surface-hover); }
#analytics-campaign-dialog .campaign-source-calendar [role="tooltip"] { display:none; position:fixed; transform:translate(-60%,38px); z-index:30; padding:6px 9px; border:1px solid var(--crm-border); border-radius:7px; background:var(--crm-surface-solid); color:var(--crm-text); font-size:12px; white-space:nowrap; pointer-events:none; }
#analytics-campaign-dialog .campaign-source-calendar:is(:hover,:focus-visible) [role="tooltip"] { display:block; }
body:has(#page-analytics) #analytics-campaign-dialog .campaign-source-table .campaign-row-menu > div[popover] { position:fixed; inset:auto; margin:0; max-width:calc(100vw - 16px); color:var(--crm-text); }
#analytics-campaign-dialog .campaign-source-table .campaign-tracking-actions { flex-wrap:wrap; overflow:visible; }
body:has(#page-analytics) dialog.marketing-calendar-overlay { width:100vw; max-width:none; height:100dvh; max-height:none; inset:0; margin:0; padding:16px; box-sizing:border-box; border:0; background:var(--crm-surface-solid); color:var(--crm-text); overflow:auto; }
body:has(#page-analytics) .marketing-calendar-overlay > header { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:12px; }
body:has(#page-analytics) .marketing-calendar-overlay > header button { padding:8px 12px; border:1px solid var(--crm-border); border-radius:9px; background:var(--crm-surface-hover); color:inherit; cursor:pointer; }
body:has(#page-analytics) .marketing-calendar-overlay #page-mailing-calendar { display:block; padding:0; }
body:has(#page-analytics) .marketing-calendar-overlay [data-marketing-calendar-notice] { color:var(--module-amber); margin:0 0 12px; }

#analytics-campaign-dialog .campaign-source-calendar [role="tooltip"]::before { content:attr(aria-label); }

/* Compact campaign results: people and actions form one uninterrupted cell. */
#page-analytics .campaign-kpis-actions > :is(article,button) { display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:86px;padding:14px; }
#page-analytics .campaign-kpis-actions > :is(article,button) > span { display:block;color:var(--crm-muted);font-size:10px;font-weight:700;line-height:1.3;letter-spacing:.06em;text-transform:uppercase; }
#page-analytics .campaign-kpis-actions > :is(article,button) > strong { display:block;color:var(--crm-text);font-size:20px;font-weight:700;line-height:1.15;margin-top:7px; }
#page-analytics .campaign-publications .campaign-publication-actions { border:0;padding:0;margin:1px 0 0;line-height:1.15; }
#page-analytics .campaign-publications .campaign-publication-people { line-height:1.15; }
#page-analytics .campaign-section-heading { flex-wrap:nowrap;gap:8px; }
#page-analytics .campaign-publications > header { margin-bottom:8px; }
#page-analytics .campaign-daily-chart > header .campaign-section-heading :is(span,h3) { margin:0;font-size:13px;line-height:1.3; }
body:has(#page-analytics) dialog.marketing-calendar-overlay { padding:10px 16px; }
body:has(#page-analytics) .marketing-calendar-overlay > header { margin-bottom:8px;gap:10px; }
body:has(#page-analytics) .marketing-calendar-overlay > header button { padding:5px 9px; }
body:has(#page-analytics) .marketing-calendar-overlay [data-marketing-calendar-notice]:empty { display:none; }
body:has(#page-analytics) .marketing-calendar-overlay [data-marketing-calendar-notice] { margin-bottom:6px;font-size:12px; }
body:has(#page-analytics) .marketing-calendar-overlay .mailing-calendar-app { max-width:none; }
body:has(#page-analytics) .marketing-calendar-overlay .mc-head { margin-bottom:8px;gap:12px; }
body:has(#page-analytics) .marketing-calendar-overlay .mc-head h1 { font-size:18px;margin:0; }
body:has(#page-analytics) .marketing-calendar-overlay .mc-head p { display:none; }
body:has(#page-analytics) .marketing-calendar-overlay .mc-toolbar { margin-bottom:4px;gap:6px; }
body:has(#page-analytics) .marketing-calendar-overlay .mc-weekdays { padding:5px 0; }
body:has(#page-analytics) .marketing-calendar-overlay .mc-head-actions button,
body:has(#page-analytics) .marketing-calendar-overlay .mc-toolbar :is(button,input,select) { height:30px;font-size:12px;border-radius:6px; }

#page-analytics .campaign-kpis-actions > :is(article,button) strong span { font-size:inherit;line-height:inherit;color:inherit;letter-spacing:normal;text-transform:none; }

/* A single conversion color across campaign tables, summary cards and funnels. */
#page-analytics { --campaign-conversion-color:#ff9a47; }
html[data-theme="light"] #page-analytics { --campaign-conversion-color:#ad4400; }
#page-analytics :is(.campaign-stage-rate b,.campaign-mini-caption b,.campaign-conversion-grid strong,.campaign-conversion),
body:has(#page-analytics) .campaign-configurable-table .campaign-conversion { color:var(--campaign-conversion-color,#df6b12); }