:root {
  --ink: #172033;
  --muted: #667085;
  --line: #d9e0ea;
  --panel: #ffffff;
  --paper: #f4f7fb;
  --nav: #101828;
  --blue: #2563eb;
  --cyan: #0e9384;
  --green: #16a34a;
  --red: #dc2626;
  --amber: #d97706;
  --violet: #7c3aed;
  --shadow: 0 14px 34px rgba(16, 24, 40, .10);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

button,
input {
  font: inherit;
}

button {
  border: 0;
  border-radius: 8px;
  background: var(--blue);
  color: white;
  cursor: pointer;
  font-weight: 800;
  padding: 10px 14px;
}

button:hover {
  filter: brightness(.96);
}

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

.sidebar {
  background: var(--nav);
  color: #e4e7ec;
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 22px;
  position: sticky;
  top: 0;
  height: 100vh;
  max-height: 100svh;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

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

.brand-mark {
  align-items: center;
  background: linear-gradient(135deg, #38bdf8, #2dd4bf);
  border-radius: 8px;
  color: #062033;
  display: flex;
  font-weight: 950;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.brand strong {
  display: block;
  font-size: 20px;
}

.brand small,
.tenant-card small,
.sidebar-note span {
  color: #98a2b3;
  display: block;
}

.tenant-card {
  background: #1d2939;
  border: 1px solid #344054;
  border-radius: 8px;
  padding: 14px;
}

.tenant-card span,
.tenant-card b {
  display: block;
}

.tenant-card b {
  margin: 4px 0;
}

.nav-list {
  display: grid;
  gap: 12px;
  overflow: auto;
  padding-right: 2px;
}

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

.nav-group-title {
  color: #667085;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .1em;
  padding: 7px 8px 2px;
  text-transform: uppercase;
}

.nav-link {
  align-items: center;
  background: transparent;
  color: #cbd5e1;
  display: flex;
  gap: 6px;
  justify-content: space-between;
  padding: 10px 11px;
  text-align: left;
}

.nav-link span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nav-link.active,
.nav-link:hover {
  background: #1d2939;
  color: white;
}

.nav-link em,
.panel-head span,
.module-top span,
.badge {
  background: #fff3c6;
  border-radius: 999px;
  color: #7a4b00;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  padding: 3px 7px;
}

.sidebar-note {
  background: #0b1220;
  border: 1px solid #344054;
  border-radius: 8px;
  margin-top: auto;
  padding: 14px;
}

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

.topbar {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  margin: 0 auto 18px;
  max-width: 1360px;
}

.eyebrow {
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.topbar h1 {
  font-size: 34px;
  line-height: 1.1;
  margin: 5px 0;
}

.topbar p {
  color: var(--muted);
  margin: 0;
}

.topbar-actions {
  display: flex;
  gap: 10px;
}

.start-links {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.start-link {
  align-items: center;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .06);
  color: var(--blue);
  display: inline-flex;
  font-weight: 900;
  min-height: 40px;
  padding: 10px 14px;
  text-decoration: none;
}

.ghost-button {
  background: white;
  border: 1px solid var(--line);
  color: var(--ink);
}

.hero-dashboard,
.screen-stage {
  margin: 0 auto 18px;
  max-width: 1360px;
}

.hero-dashboard {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(320px, .95fr) 1.05fr;
}

body[data-screen="overview"] .hero-dashboard {
  align-items: stretch;
  grid-template-columns: minmax(300px, .75fr) 1.25fr;
  margin-bottom: 12px;
}

body[data-screen="overview"] .live-card {
  padding: 13px 14px;
}

body[data-screen="overview"] .live-head {
  margin-bottom: 9px;
}

body[data-screen="overview"] .chat-line {
  font-size: 13px;
  margin: 6px 0;
  padding: 8px 10px;
}

body[data-screen="overview"] .live-metrics {
  gap: 6px;
  margin-top: 8px;
}

body[data-screen="overview"] .live-metrics span,
body[data-screen="overview"] .signal-grid article {
  font-size: 12px;
}

body[data-screen="overview"] .signal-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body[data-screen="overview"] .signal-grid article {
  min-height: auto;
  padding: 13px;
}

body[data-screen="overview"] .signal-grid b {
  font-size: 24px;
}

.live-card,
.panel,
.metric-card,
.connector-card,
.module-card,
.radar-card,
.operator-card,
.security-card,
.rule-card,
.gap-card {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.live-card {
  background: linear-gradient(135deg, #102033, #164e63);
  color: white;
  padding: 18px;
}

.live-head {
  align-items: center;
  display: flex;
  gap: 9px;
  margin-bottom: 16px;
}

.live-head small {
  color: #bae6fd;
  margin-left: auto;
}

.status-dot {
  background: #22c55e;
  border-radius: 50%;
  height: 10px;
  width: 10px;
}

.chat-line {
  border-radius: 8px;
  margin: 10px 0;
  max-width: 86%;
  padding: 12px 13px;
}

.incoming {
  background: rgba(255, 255, 255, .14);
}

.outgoing {
  background: white;
  color: var(--ink);
  margin-left: auto;
}

.live-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 15px;
}

.live-metrics span {
  background: rgba(255, 255, 255, .12);
  border-radius: 999px;
  color: #dff9ff;
  font-size: 12px;
  font-weight: 800;
  padding: 6px 8px;
}

.signal-grid,
.metric-row {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, 1fr);
}

.signal-grid article,
.metric-card {
  background: white;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
}

.signal-grid small,
.metric-card small {
  color: var(--muted);
  display: block;
  font-weight: 800;
}

.signal-grid b,
.metric-card b {
  display: block;
  font-size: 28px;
  margin: 8px 0 4px;
}

.up,
.green span {
  color: var(--green);
}

.warn,
.red span {
  color: var(--red);
}

.blue {
  border-top: 4px solid var(--blue);
}

.green {
  border-top: 4px solid var(--green);
}

.red {
  border-top: 4px solid var(--red);
}

.violet {
  border-top: 4px solid var(--violet);
}

.screen-stage {
  display: grid;
  gap: 14px;
}

.layout-2,
.inbox-grid,
.assistant-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: 1fr 1fr;
}

.panel {
  padding: 18px;
}

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

.panel h3,
.panel-head h3 {
  font-size: 18px;
  margin: 0;
}

.funnel {
  display: grid;
  gap: 11px;
}

.funnel-step {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 190px 1fr 42px;
}

.funnel-step i {
  background: linear-gradient(90deg, var(--blue), var(--cyan));
  border-radius: 999px;
  display: block;
  height: 12px;
}

.funnel-step span,
.source-row span,
.thread span,
.connector-card p,
.module-card p,
.rule-card span,
.security-card span,
.radar-card span,
.gap-card span {
  color: var(--muted);
}

.donut-area {
  align-items: center;
  display: grid;
  gap: 20px;
  grid-template-columns: 180px 1fr;
}

.donut {
  aspect-ratio: 1;
  background:
    conic-gradient(
      #229ed9 0 36%,
      #0e9384 36% 60%,
      #22c55e 60% 76%,
      #7c3aed 76% 86%,
      #f59e0b 86% 100%
    );
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .06), 0 18px 44px rgba(15, 23, 42, .12);
  position: relative;
}

.donut::after {
  align-items: center;
  background: white;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px var(--line);
  color: var(--ink);
  content: "Каналы\A100%";
  display: flex;
  font-size: 13px;
  font-weight: 950;
  inset: 38px;
  justify-content: center;
  line-height: 1.25;
  position: absolute;
  text-align: center;
  white-space: pre;
}

.legend {
  display: grid;
  gap: 10px;
}

.legend span {
  align-items: center;
  display: flex;
  gap: 8px;
}

.legend i {
  border-radius: 2px;
  display: inline-block;
  height: 10px;
  width: 10px;
}

.c1 { background: #229ed9; }
.c2 { background: #0e9384; }
.c3 { background: #22c55e; }
.c4 { background: #f59e0b; }
.c5 { background: #7c3aed; }

.radar-grid,
.rule-grid,
.connector-grid,
.module-grid,
.operator-grid,
.security-grid,
.gap-grid {
  display: grid;
  gap: 12px;
}

.radar-grid,
.security-grid {
  grid-template-columns: repeat(4, 1fr);
}

.rule-grid,
.operator-grid,
.gap-grid {
  grid-template-columns: repeat(3, 1fr);
}

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

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

.radar-card,
.rule-card,
.security-card,
.gap-card,
.operator-card {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.radar-action {
  color: var(--ink);
  cursor: pointer;
  text-align: left;
  width: 100%;
}

.radar-action:hover,
.radar-action:focus-visible {
  filter: none;
  outline: 3px solid rgba(37, 99, 235, .22);
  transform: translateY(-1px);
}

.radar-action em {
  color: var(--blue);
  font-size: 12px;
  font-style: normal;
  font-weight: 950;
  margin-top: 4px;
}

.focus-highlight {
  animation: focusPulse 1.05s ease-in-out 0s 3;
  outline: 3px solid rgba(37, 99, 235, .45);
  outline-offset: 4px;
}

@keyframes focusPulse {
  0%, 100% { box-shadow: var(--shadow); }
  50% { box-shadow: 0 0 0 8px rgba(37, 99, 235, .14), var(--shadow); }
}

.ready {
  border-color: #86efac;
  background: #f0fdf4;
}

.risk {
  border-color: #fecaca;
  background: #fff5f5;
}

.demo {
  border-color: #c4b5fd;
  background: #faf5ff;
}

.warm {
  border-color: #fed7aa;
  background: #fffbeb;
}

.thread-list {
  max-height: 560px;
  overflow: auto;
}

.thread {
  border: 1px solid var(--line);
  border-radius: 8px;
  cursor: pointer;
  margin-top: 10px;
  padding: 13px;
}

.thread p {
  margin: 6px 0;
}

.conversation {
  min-height: 520px;
}

.conversation-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}

.conversation-head small {
  color: var(--muted);
  display: block;
  margin-top: 4px;
}

.message {
  border-radius: 8px;
  margin: 10px 0;
  max-width: 76%;
  padding: 12px 14px;
}

.message.inbound {
  background: #eef2ff;
}

.message.outbound {
  background: #ecfeff;
  margin-left: auto;
}

.ai-inspector,
.copilot-chat {
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 8px;
  margin-top: 18px;
  padding: 14px;
}

.ai-inspector h4 {
  margin: 0 0 10px;
}

.ai-inspector span {
  background: white;
  border: 1px solid var(--line);
  border-radius: 999px;
  display: inline-block;
  font-size: 12px;
  font-weight: 800;
  margin: 4px;
  padding: 6px 8px;
}

.table-panel {
  overflow: auto;
}

.data-table {
  display: grid;
  grid-template-columns: repeat(var(--cols), minmax(140px, 1fr));
  min-width: 760px;
}

.data-table > * {
  border-bottom: 1px solid var(--line);
  padding: 12px 10px;
}

.data-table b {
  color: var(--muted);
  font-size: 13px;
}

.badge {
  display: inline-block;
  width: fit-content;
}

.badge.hot,
.badge.risk {
  background: #fee2e2;
  color: #991b1b;
}

.badge.warm {
  background: #fef3c7;
  color: #92400e;
}

.badge.violet {
  background: #ede9fe;
  color: #5b21b6;
}

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

.deal-board section {
  background: #eef2ff;
  border: 1px solid #dbe4ff;
  border-radius: 8px;
  padding: 12px;
}

.deal-board h3 {
  margin: 0 0 10px;
}

.deal-board article {
  background: white;
  border: 1px solid var(--line);
  border-radius: 8px;
  display: grid;
  gap: 5px;
  margin-top: 10px;
  padding: 12px;
}

.deal-board strong {
  font-size: 20px;
}

.deal-board small {
  color: var(--muted);
}

.source-row {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: 150px 1fr 160px;
  margin: 12px 0;
}

.source-row i {
  background: #e5e7eb;
  border-radius: 999px;
  display: block;
  height: 10px;
}

.source-row b {
  background: linear-gradient(90deg, var(--cyan), var(--blue));
  border-radius: inherit;
  display: block;
  height: 100%;
}

.answer-card {
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
}

.answer-card small,
.answer-card b,
.answer-card p {
  display: block;
  margin-bottom: 10px;
}

.scenario-flow {
  align-items: stretch;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(5, 1fr);
}

.flow-node {
  background: linear-gradient(180deg, #eff6ff, #ecfeff);
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  display: grid;
  gap: 8px;
  min-height: 126px;
  padding: 14px;
}

.flow-node span {
  color: var(--muted);
}

.connector-card,
.module-card {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.connector-card div,
.module-top {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.channel-card-head {
  align-items: center;
  display: flex;
  gap: 11px;
  justify-content: flex-start;
}

.channel-card-head div {
  align-items: flex-start;
  display: grid;
  gap: 4px;
  justify-content: start;
}

.channel-icon {
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(16, 24, 40, .08);
  border-radius: 12px;
  display: flex;
  flex: 0 0 auto;
  height: 46px;
  justify-content: center;
  overflow: hidden;
  padding: 8px;
  width: 46px;
}

.channel-icon img {
  display: block;
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.channel-telegram .channel-icon,
.channel-whatsapp .channel-icon,
.channel-vk .channel-icon,
.channel-email .channel-icon,
.channel-avito .channel-icon {
  background: white;
}

.channel-max .channel-icon,
.channel-web .channel-icon,
.channel-phone .channel-icon,
.channel-market .channel-icon {
  background: transparent;
  border: 0;
  padding: 0;
}

.channel-max {
  background: linear-gradient(180deg, #ffffff, #faf5ff);
  border-color: #c4b5fd;
}

.channel-health-board {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, 1fr);
  margin: 12px 0;
}

.channel-health-board article {
  background: linear-gradient(180deg, #ffffff, #f8fafc);
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(16, 24, 40, .06);
  display: grid;
  gap: 6px;
  padding: 14px;
}

.channel-health-board small,
.pipeline-node span,
.guide-step p,
.guide-visual span {
  color: var(--muted);
}

.channel-health-board b {
  font-size: 24px;
}

.channel-pipeline {
  align-items: stretch;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(5, 1fr);
  margin: 14px 0 18px;
}

.pipeline-node {
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 14px;
  display: grid;
  gap: 5px;
  min-height: 112px;
  padding: 13px;
  position: relative;
}

.pipeline-node:not(:last-child)::after {
  color: var(--blue);
  content: "→";
  font-size: 22px;
  font-weight: 950;
  position: absolute;
  right: -15px;
  top: 40px;
  z-index: 2;
}

.pipeline-node b {
  align-items: center;
  background: var(--blue);
  border-radius: 999px;
  color: white;
  display: flex;
  height: 26px;
  justify-content: center;
  width: 26px;
}

.telegram-guide-panel {
  margin-top: 14px;
}

.telegram-guide-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(5, 1fr);
}

.guide-step {
  background: white;
  border: 1px solid var(--line);
  border-radius: 14px;
  display: grid;
  gap: 9px;
  padding: 12px;
}

.guide-visual {
  background:
    radial-gradient(circle at 20% 18%, rgba(37, 99, 235, .22), transparent 26%),
    linear-gradient(135deg, #eef2ff, #ecfeff);
  border: 1px dashed #93c5fd;
  border-radius: 12px;
  display: grid;
  gap: 8px;
  min-height: 112px;
  padding: 12px;
}

.guide-visual b {
  align-items: center;
  background: #172033;
  border-radius: 999px;
  color: white;
  display: flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.guide-metric-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.guide-metric {
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-size: 12px;
  padding: 7px 10px;
}

.guide-metric b {
  color: var(--ink);
  margin-right: 6px;
}

.guide-metric.ok {
  background: #f0fdf4;
  border-color: #86efac;
}

.guide-metric.wait {
  background: #fffbeb;
  border-color: #fed7aa;
}

.module-card h3,
.connector-card p,
.module-card p {
  margin: 0;
}

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

.channel-map-item {
  align-items: start;
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 8px;
  display: grid;
  gap: 6px;
  min-height: 124px;
  padding: 12px;
}

.channel-map-icon {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(16, 24, 40, .08);
  border-radius: 10px;
  display: flex;
  height: 34px;
  justify-content: center;
  padding: 5px;
  width: 34px;
}

.channel-map-icon img {
  display: block;
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.channel-map-item b {
  font-size: 16px;
}

.channel-map-item span {
  color: var(--muted);
}

.channel-map-item em {
  background: #fff3c6;
  border-radius: 999px;
  color: #7a4b00;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  padding: 4px 7px;
  width: fit-content;
}

.setup-steps {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(5, 1fr);
}

.setup-steps article {
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 8px;
  display: grid;
  gap: 7px;
  padding: 12px;
}

.setup-steps b {
  align-items: center;
  background: var(--blue);
  border-radius: 50%;
  color: white;
  display: flex;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.setup-steps small {
  color: var(--muted);
}

.payment-card b {
  display: block;
  font-size: 46px;
  margin: 18px 0 8px;
}

.event-row,
.kv-row {
  align-items: center;
  border-bottom: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  padding: 11px 0;
}

.wide-bars {
  align-items: end;
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(7, 1fr);
  height: 260px;
}

.wide-bars span {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 6px;
  height: 100%;
  justify-content: end;
  min-width: 18px;
}

.wide-bars i {
  background: linear-gradient(180deg, #60a5fa, #2563eb);
  border-radius: 8px 8px 2px 2px;
  box-shadow: inset 0 -10px 18px rgba(15, 23, 42, .12), 0 10px 22px rgba(37, 99, 235, .16);
  display: block;
  height: var(--h);
  min-height: 18px;
  width: 100%;
}

.wide-bars span:nth-child(7n+1) i { background: linear-gradient(180deg, #38bdf8, #2563eb); }
.wide-bars span:nth-child(7n+2) i { background: linear-gradient(180deg, #2dd4bf, #0e9384); }
.wide-bars span:nth-child(7n+3) i { background: linear-gradient(180deg, #a7f3d0, #16a34a); }
.wide-bars span:nth-child(7n+4) i { background: linear-gradient(180deg, #c4b5fd, #7c3aed); }
.wide-bars span:nth-child(7n+5) i { background: linear-gradient(180deg, #fcd34d, #d97706); }
.wide-bars span:nth-child(7n+6) i { background: linear-gradient(180deg, #fda4af, #e11d48); }
.wide-bars span:nth-child(7n) i { background: linear-gradient(180deg, #93c5fd, #1d4ed8); }
.wide-bars .bar-hot i { box-shadow: 0 0 0 3px rgba(245, 158, 11, .14), 0 14px 26px rgba(217, 119, 6, .20); }
.wide-bars .bar-quiet i { opacity: .72; }

.wide-bars b {
  color: var(--ink);
  font-size: 12px;
  font-weight: 950;
}

.wide-bars small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
}

.form-panel label {
  color: var(--muted);
  display: grid;
  font-weight: 800;
  gap: 7px;
  margin-bottom: 12px;
}

input {
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  padding: 11px 12px;
  width: 100%;
}

.brand-preview {
  background: linear-gradient(135deg, #0f172a, #155e75);
  border-radius: 8px;
  color: white;
  display: grid;
  gap: 12px;
  min-height: 214px;
  padding: 18px;
}

.brand-preview span {
  color: #dff9ff;
}

.brand-preview button {
  align-self: end;
  background: #2dd4bf;
  color: #062033;
  width: fit-content;
}

.assistant-grid-wide {
  grid-template-columns: 1.15fr .85fr;
}

.assistant-actions,
.support-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

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

.channel-wizard-panel {
  overflow: hidden;
}

.wizard-layout {
  display: grid;
  gap: 14px;
  grid-template-columns: 1fr 360px;
}

.wizard-steps,
.widget-install-grid,
.timeline-grid {
  display: grid;
  gap: 10px;
}

.widget-install-grid {
  grid-template-columns: repeat(4, 1fr);
}

.channel-step,
.status-row,
.support-ticket,
.timeline-item {
  border: 1px solid var(--line);
  border-radius: 8px;
}

.channel-step {
  align-items: start;
  background: #f8fafc;
  display: grid;
  gap: 12px;
  grid-template-columns: 36px 1fr;
  padding: 12px;
}

.channel-step b {
  align-items: center;
  background: var(--blue);
  border-radius: 50%;
  color: white;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.channel-step strong,
.channel-step span {
  display: block;
}

.channel-step span,
.support-ticket small,
.support-ticket span,
.timeline-item p,
.plain-note {
  color: var(--muted);
}

.channel-step.ok {
  background: #f0fdf4;
  border-color: #86efac;
}

.channel-step.checking {
  background: #eff6ff;
  border-color: #93c5fd;
}

.channel-step.waiting,
.status-row.idle {
  background: #f8fafc;
}

.wizard-helper {
  background: linear-gradient(180deg, #eef2ff, #ecfeff);
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  display: grid;
  gap: 11px;
  padding: 14px;
}

.wizard-helper p {
  margin: 0;
}

.copy-box {
  align-items: center;
  background: #0f172a;
  border-radius: 8px;
  color: white;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-top: 14px;
  padding: 12px;
}

.copy-box code {
  overflow: auto;
}

.status-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 9px;
  padding: 11px 12px;
}

.status-row.ok,
.timeline-item.ok {
  background: #f0fdf4;
  border-color: #86efac;
}

.status-row.checking {
  background: #eff6ff;
  border-color: #93c5fd;
}

.status-row.waiting,
.timeline-item.warm {
  background: #fffbeb;
  border-color: #fed7aa;
}

.plain-note {
  background: #f8fafc;
  border: 1px dashed var(--line);
  border-radius: 8px;
  font-weight: 800;
  margin-top: 12px;
  padding: 12px;
}

.admin-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: 1.05fr .95fr;
}

.support-ticket {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: 48px 1fr auto;
  margin-bottom: 10px;
  padding: 12px;
}

.support-ticket > b {
  align-items: center;
  background: #101828;
  border-radius: 8px;
  color: white;
  display: flex;
  height: 38px;
  justify-content: center;
}

.support-ticket strong,
.support-ticket span,
.support-ticket small {
  display: block;
}

.timeline-grid {
  grid-template-columns: repeat(5, 1fr);
}

.timeline-item {
  display: grid;
  gap: 8px;
  padding: 12px;
}

.timeline-item span {
  background: #eef2ff;
  border-radius: 999px;
  color: #3730a3;
  font-size: 11px;
  font-weight: 900;
  padding: 4px 7px;
  width: fit-content;
}

.timeline-item.risk {
  background: #fff5f5;
  border-color: #fecaca;
}

.mobile-shell-bar,
.mobile-menu-panel {
  display: none;
}

.floating-chat-widget {
  bottom: 22px;
  display: grid;
  gap: 10px;
  justify-items: end;
  position: fixed;
  right: 22px;
  z-index: 80;
}

.floating-chat-button {
  align-items: center;
  background: linear-gradient(135deg, #102033, #155e75);
  box-shadow: 0 18px 50px rgba(16, 24, 40, .24);
  display: flex;
  gap: 8px;
  padding: 12px 16px;
}

.floating-chat-panel {
  background: white;
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: 0 24px 70px rgba(16, 24, 40, .25);
  display: none;
  max-width: min(360px, calc(100vw - 28px));
  padding: 14px;
  width: 340px;
}

.floating-chat-widget.open .floating-chat-panel {
  display: grid;
  gap: 10px;
}

.floating-chat-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.floating-chat-head .ghost-button {
  padding: 7px 9px;
}

.mini-chat-line {
  border-radius: 8px;
  padding: 10px 12px;
}

.mini-chat-line.incoming {
  background: #eef2ff;
}

.mini-chat-line.outgoing {
  background: #ecfeff;
}

.mini-chat-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.mini-chat-meta span {
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  padding: 5px 7px;
}

.toast {
  background: var(--nav);
  border-radius: 8px;
  bottom: 22px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .24);
  color: white;
  max-width: 420px;
  opacity: 0;
  padding: 14px 16px;
  position: fixed;
  right: 22px;
  transform: translateY(18px);
  transition: .2s ease;
  z-index: 10;
}

.toast.show {
  opacity: 1;
  transform: none;
}

.has-tooltip {
  cursor: help;
  position: relative;
}

.floating-tooltip {
  background: #101828;
  border: 1px solid #344054;
  border-radius: 10px;
  box-shadow: 0 18px 50px rgba(16, 24, 40, .28);
  color: white;
  font-size: 13px;
  font-weight: 700;
  left: 0;
  line-height: 1.35;
  max-width: min(360px, 80vw);
  min-width: 240px;
  opacity: 0;
  padding: 10px 12px;
  pointer-events: none;
  position: fixed;
  top: 0;
  transform: translateY(4px);
  transition: opacity .12s ease, transform .12s ease;
  white-space: normal;
  z-index: 999;
}

.floating-tooltip.show {
  opacity: 1;
  transform: none;
}

.floating-tooltip.sidebar-tooltip::before {
  border-bottom: 7px solid transparent;
  border-right: 7px solid #101828;
  border-top: 7px solid transparent;
  content: "";
  height: 0;
  left: -7px;
  position: absolute;
  top: calc(50% - 7px);
  width: 0;
}

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

  .sidebar {
    height: auto;
    position: static;
  }

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

  .hero-dashboard,
  .layout-2,
  .inbox-grid,
  .assistant-grid,
  .admin-grid,
  .wizard-layout,
  .deal-board,
  .scenario-flow,
  .setup-steps,
  .widget-install-grid,
  .timeline-grid,
  .channel-map {
    grid-template-columns: 1fr;
  }

  .signal-grid,
  .metric-row,
  .radar-grid,
  .connector-grid,
  .module-grid,
  .security-grid,
  .rule-grid,
  .operator-grid,
  .gap-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 720px) {
  /* Mobile already has a dedicated «Чат» button in the top bar.
     Keep the desktop floating launcher out of the content flow. */
  .floating-chat-widget {
    display: none;
  }

  body {
    padding-top: 62px;
  }

  .mobile-shell-bar {
    align-items: center;
    background: rgba(255, 255, 255, .94);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--line);
    box-shadow: 0 12px 30px rgba(16, 24, 40, .10);
    display: grid;
    gap: 8px;
    grid-template-columns: auto 1fr auto;
    left: 0;
    padding: 10px 12px;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateY(0);
    transition: transform .22s ease;
    z-index: 120;
  }

  .mobile-shell-bar.hidden {
    transform: translateY(-110%);
  }

  .mobile-menu-toggle,
  .mobile-chat-toggle {
    padding: 9px 10px;
  }

  .mobile-chat-toggle {
    background: #0f172a;
  }

  .mobile-brand {
    min-width: 0;
    text-align: center;
  }

  .mobile-brand b,
  .mobile-brand span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-brand span {
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
  }

  .mobile-menu-panel {
    background: white;
    border: 1px solid var(--line);
    border-radius: 0 0 14px 14px;
    box-shadow: 0 20px 55px rgba(16, 24, 40, .18);
    display: none;
    gap: 8px;
    left: 8px;
    max-height: 72vh;
    overflow: auto;
    padding: 10px;
    position: fixed;
    right: 8px;
    top: 61px;
    z-index: 119;
  }

  .mobile-menu-panel.open {
    display: grid;
  }

  .mobile-menu-link {
    align-items: start;
    background: #f8fafc;
    border: 1px solid var(--line);
    color: var(--ink);
    display: grid;
    gap: 3px;
    padding: 11px 12px;
    text-align: left;
  }

  .mobile-menu-link.active {
    background: #eff6ff;
    border-color: #93c5fd;
  }

  .mobile-menu-link small {
    color: var(--muted);
    font-weight: 700;
  }

  .workspace {
    padding: 14px;
  }

  .sidebar {
    display: none;
  }

  .topbar,
  .topbar-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .topbar {
    margin-bottom: 12px;
  }

  .topbar h1 {
    font-size: 28px;
  }

  .hero-dashboard {
    display: none;
  }

  .nav-list,
  .signal-grid,
  .metric-row,
  .radar-grid,
  .connector-grid,
  .module-grid,
  .security-grid,
  .rule-grid,
  .operator-grid,
  .gap-grid,
  .memory-grid,
  .support-ticket,
  .copy-box,
  .donut-area {
    grid-template-columns: 1fr;
  }

  .floating-chat-widget {
    bottom: 14px;
    left: 14px;
    right: 14px;
  }

  .floating-chat-button {
    justify-self: end;
  }

  .floating-chat-panel {
    width: 100%;
  }

  .toast {
    bottom: 82px;
    left: 14px;
    max-width: none;
    right: 14px;
  }

  .source-row,
  .funnel-step {
    grid-template-columns: 1fr;
  }
}

/* Product polish: finished-app look, onboarding emphasis, configurable dashboard */
body {
  background:
    radial-gradient(circle at 12% 8%, rgba(56, 189, 248, .18), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(124, 58, 237, .14), transparent 26%),
    linear-gradient(180deg, #f8fbff 0%, #eef4fb 48%, #f6f8fc 100%);
}

.sidebar {
  background:
    radial-gradient(circle at 20% 0%, rgba(45, 212, 191, .28), transparent 28%),
    linear-gradient(180deg, #08111f 0%, #101828 48%, #0b1220 100%);
  border-right: 1px solid rgba(255,255,255,.08);
}

.brand-mark {
  border-radius: 14px;
  box-shadow: 0 14px 32px rgba(45, 212, 191, .26);
}

.tenant-card {
  background: linear-gradient(135deg, rgba(29, 41, 57, .96), rgba(15, 23, 42, .98));
  border-color: rgba(148, 163, 184, .28);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 16px 42px rgba(0,0,0,.16);
}

.nav-link {
  border: 1px solid transparent;
  border-radius: 12px;
  min-height: 45px;
  position: relative;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.nav-link i {
  align-items: center;
  background: rgba(255,255,255,.08);
  border-radius: 10px;
  color: #a5f3fc;
  display: inline-flex;
  font-style: normal;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.nav-link:hover,
.nav-link.active {
  background: rgba(255,255,255,.09);
  border-color: rgba(125, 211, 252, .24);
  transform: translateX(2px);
}

.nav-link-primary {
  background: linear-gradient(135deg, rgba(37, 99, 235, .28), rgba(14, 147, 132, .22));
  border-color: rgba(125, 211, 252, .36);
  box-shadow: 0 14px 34px rgba(37, 99, 235, .15);
}

.nav-link strong {
  background: #dcfce7;
  border-radius: 999px;
  color: #166534;
  font-size: 10px;
  padding: 3px 7px;
  text-transform: uppercase;
}

.topbar {
  background: rgba(255,255,255,.68);
  border: 1px solid rgba(217, 224, 234, .72);
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(16, 24, 40, .08);
  padding: 16px 18px;
}

.panel,
.metric-card,
.connector-card,
.module-card,
.radar-card,
.operator-card,
.security-card,
.rule-card,
.gap-card {
  border-radius: 16px;
  box-shadow: 0 16px 44px rgba(16, 24, 40, .08);
}

.onboarding-spotlight {
  align-items: center;
  background:
    radial-gradient(circle at 7% 18%, rgba(45, 212, 191, .38), transparent 24%),
    linear-gradient(135deg, #0f172a 0%, #13315f 48%, #155e75 100%);
  border: 1px solid rgba(125, 211, 252, .36);
  border-radius: 22px;
  box-shadow: 0 28px 80px rgba(15, 23, 42, .28);
  color: white;
  display: grid;
  gap: 18px;
  grid-template-columns: auto 1fr auto;
  margin: 0 auto 18px;
  max-width: 1360px;
  overflow: hidden;
  padding: 22px;
  position: relative;
}

.onboarding-spotlight::after {
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
  content: "";
  height: 100%;
  left: -40%;
  position: absolute;
  top: 0;
  transform: skewX(-18deg);
  width: 34%;
  animation: spotlightSweep 5.8s ease-in-out infinite;
}

@keyframes spotlightSweep {
  0%, 35% { left: -45%; }
  70%, 100% { left: 120%; }
}

.spotlight-orb {
  align-items: center;
  background: linear-gradient(135deg, #67e8f9, #a7f3d0);
  border-radius: 18px;
  box-shadow: 0 16px 50px rgba(103, 232, 249, .38);
  color: #06313b;
  display: flex;
  font-size: 28px;
  font-weight: 950;
  height: 66px;
  justify-content: center;
  width: 66px;
  z-index: 1;
}

.spotlight-copy,
.spotlight-actions {
  position: relative;
  z-index: 1;
}

.spotlight-copy small,
.dashboard-builder small {
  color: #67e8f9;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.spotlight-copy h2 {
  font-size: 26px;
  line-height: 1.08;
  margin: 5px 0 8px;
}

.spotlight-copy p {
  color: #dbeafe;
  margin: 0;
  max-width: 760px;
}

.spotlight-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.spotlight-steps span {
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  color: #e0f2fe;
  font-size: 12px;
  font-weight: 900;
  padding: 6px 9px;
}

.spotlight-actions {
  display: grid;
  gap: 10px;
  min-width: 180px;
}

.spotlight-actions .ghost-button {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.24);
  color: white;
}

.master-collapsed {
  align-items: center;
  background: #ffffffcc;
  border: 1px dashed #93c5fd;
  border-radius: 14px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 14px;
  max-width: 1360px;
  padding: 12px 14px;
}

.master-collapsed span {
  color: var(--muted);
  font-weight: 850;
}

.dashboard-builder {
  align-items: center;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(260px, .8fr) 1.2fr;
  margin-bottom: 14px;
  padding: 18px;
}

.dashboard-builder h3 {
  font-size: 22px;
  margin: 4px 0;
}

.dashboard-builder p {
  color: var(--muted);
  margin: 0;
}

.metric-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  justify-content: flex-end;
}

.metric-chip {
  align-items: center;
  background: #f8fafc;
  border: 1px solid var(--line);
  color: var(--ink);
  display: inline-flex;
  gap: 7px;
  padding: 9px 11px;
}

.metric-chip span {
  align-items: center;
  background: #e2e8f0;
  border-radius: 50%;
  display: inline-flex;
  height: 20px;
  justify-content: center;
  width: 20px;
}

.metric-chip.active {
  background: #eff6ff;
  border-color: #93c5fd;
  color: #1d4ed8;
}

.metric-chip.active span {
  background: #2563eb;
  color: white;
}

.configurable-metrics .metric-card {
  position: relative;
}

.configurable-metrics .metric-card::after {
  background: linear-gradient(90deg, var(--blue), var(--cyan));
  border-radius: 999px;
  bottom: 10px;
  content: "";
  height: 3px;
  left: 14px;
  opacity: .34;
  position: absolute;
  right: 14px;
}

.overview-workbench {
  display: grid;
  gap: 14px;
}

.overview-toolbar {
  align-items: center;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(260px, 1fr) auto;
  padding: 16px 18px;
}

.overview-toolbar small {
  color: var(--blue);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.overview-toolbar h3 {
  font-size: 22px;
  margin: 2px 0 4px;
}

.overview-toolbar p {
  color: var(--muted);
  margin: 0;
}

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

.dashboard-widget {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 230px;
  overflow: hidden;
  padding: 16px;
}

.dashboard-widget.widget-sm { grid-column: span 1; }
.dashboard-widget.widget-lg { grid-column: span 2; }
.dashboard-widget.widget-xl { grid-column: span 4; }

.dashboard-widget .panel-head {
  align-items: flex-start;
  gap: 12px;
}

.widget-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: flex-end;
}

.widget-controls button {
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 9px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
  min-width: 32px;
  padding: 6px 8px;
}

.widget-controls button.active {
  background: #eff6ff;
  border-color: #93c5fd;
  color: var(--blue);
}

.widget-controls button.danger {
  background: #fff1f2;
  border-color: #fecdd3;
  color: #be123c;
}

.metric-chip b,
.metric-chip small {
  display: block;
  line-height: 1.1;
  text-align: left;
}

.metric-chip small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  margin-top: 2px;
}

.compact-widget-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dashboard-channel-list,
.dashboard-operator-queue,
.dashboard-live-dialog {
  display: grid;
  gap: 10px;
}

.dashboard-channel-list button,
.dashboard-operator-queue button,
.compact-setup-widget button {
  align-items: center;
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 14px;
  color: var(--ink);
  cursor: pointer;
  display: grid;
  gap: 8px;
  padding: 11px 12px;
  text-align: left;
  transition: .16s ease;
}

.dashboard-channel-list button {
  grid-template-columns: 32px 1fr auto;
}

.dashboard-channel-list img {
  height: 28px;
  width: 28px;
}

.dashboard-channel-list span,
.dashboard-operator-queue span,
.dashboard-operator-queue em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.dashboard-channel-list button:hover,
.dashboard-operator-queue button:hover,
.compact-setup-widget:hover {
  border-color: #93c5fd;
  box-shadow: 0 12px 28px rgba(37, 99, 235, .10);
  transform: translateY(-1px);
}

.dashboard-operator-queue button:not(.ghost-button) {
  background: #fff7ed;
  border-color: #fed7aa;
}

.dashboard-operator-queue em {
  color: #c2410c;
}

.dashboard-live-dialog .message {
  margin: 0;
}

.dashboard-reply-row {
  display: flex;
  gap: 8px;
}

.dashboard-reply-row input {
  border: 1px solid var(--line);
  border-radius: 999px;
  flex: 1;
  min-width: 0;
  padding: 11px 13px;
}

.dashboard-reply-row button {
  white-space: nowrap;
}

.clickable-zone {
  cursor: pointer;
}

.dashboard-widget .legend button {
  align-items: center;
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--ink);
  cursor: pointer;
  display: flex;
  font: inherit;
  font-size: 12px;
  font-weight: 850;
  gap: 8px;
  padding: 7px 9px;
}

.compact-radar {
  grid-template-columns: 1fr;
}

@media (max-width: 920px) {
  .onboarding-spotlight,
  .dashboard-builder {
    grid-template-columns: 1fr;
  }

  .spotlight-actions,
  .metric-chip-row {
    justify-content: stretch;
  }
}

@media (max-width: 720px) {
  .topbar {
    border-radius: 14px;
    padding: 14px;
  }

  .onboarding-spotlight {
    margin-top: 0;
    padding: 18px;
  }

  .spotlight-orb {
    height: 54px;
    width: 54px;
  }

  .spotlight-copy h2 {
    font-size: 22px;
  }

  .dashboard-builder {
    padding: 14px;
  }

  .metric-chip-row,
  .spotlight-actions {
    display: grid;
  }
}

/* LexMachina functional migration: real conversation reader in AISeller inbox */
.legacy-inbox-layout {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(260px, .82fr) minmax(0, 1.18fr);
}

.legacy-thread-list {
  display: grid;
  gap: 10px;
  max-height: 620px;
  overflow: auto;
  padding-right: 4px;
}

.legacy-thread {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  color: var(--ink);
  display: block;
  padding: 14px;
  text-align: left;
  width: 100%;
}

.legacy-thread:hover,
.legacy-thread.active {
  background: #eff6ff;
  border-color: #93c5fd;
  box-shadow: 0 12px 32px rgba(37, 99, 235, .12);
  filter: none;
}

.legacy-thread b,
.legacy-thread span {
  display: block;
}

.legacy-thread p {
  color: var(--muted);
  margin: 7px 0;
}

.legacy-thread span {
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
}

.legacy-conversation-detail {
  background: linear-gradient(180deg, #ffffff, #f8fbff);
  border: 1px solid var(--line);
  border-radius: 24px;
  min-width: 0;
  padding: 16px;
}

.legacy-message-feed {
  display: grid;
  gap: 10px;
  margin-top: 14px;
  max-height: 520px;
  overflow: auto;
  padding-right: 4px;
}

.legacy-message-feed .message {
  max-width: 86%;
  padding: 12px 14px;
}

.legacy-message-feed .message p {
  margin: 6px 0;
  white-space: pre-wrap;
}

.legacy-message-feed .message small {
  color: var(--muted);
  display: block;
  font-size: 11px;
}

.legacy-message-feed .message.owner {
  background: #fff7ed;
  margin-left: auto;
}

.legacy-muted,
.legacy-error {
  border-radius: 16px;
  margin: 12px 0 0;
  padding: 14px;
}

.legacy-muted {
  background: #f8fafc;
  color: var(--muted);
}

.legacy-error {
  background: #fef2f2;
  color: #991b1b;
}

@media (max-width: 920px) {
  .legacy-inbox-layout {
    grid-template-columns: 1fr;
  }
  .legacy-thread-list,
  .legacy-message-feed {
    max-height: none;
  }
}

/* AISeller native inbox actions */
.reply-box{display:grid;grid-template-columns:1fr auto;gap:10px;margin:14px 0;padding:12px;border:1px solid rgba(35,97,79,.16);border-radius:16px;background:#f8fbfa}.reply-box input{width:100%;box-sizing:border-box;border:1px solid rgba(35,97,79,.22);border-radius:12px;padding:11px 12px;font:inherit;background:#fff}.reply-box button{white-space:nowrap}@media(max-width:720px){.reply-box{grid-template-columns:1fr}.reply-box button{width:100%}}

/* AISeller demo billing */
.billing-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.billing-plan{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(37,99,235,.14);border-radius:22px;box-shadow:0 14px 34px rgba(15,23,42,.065);display:flex;flex-direction:column;gap:10px;min-height:420px;overflow:hidden;padding:16px;position:relative}.billing-plan-glow{background:radial-gradient(circle,rgba(37,99,235,.16),transparent 60%);height:160px;position:absolute;right:-70px;top:-80px;width:160px}.billing-plan.recommended{border-color:#2563eb;box-shadow:0 18px 48px rgba(37,99,235,.16)}.billing-plan-head,.billing-plan-limits,.billing-plan-actions{position:relative;z-index:1}.billing-plan-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.billing-plan-head>span{background:#eef2ff;border-radius:999px;color:#2563eb;font-size:10px;font-weight:950;padding:5px 8px;text-transform:uppercase}.billing-plan-head b{color:#0f172a;font-size:22px;letter-spacing:-.04em;line-height:1;text-align:right}.billing-plan-head b small{color:#64748b;font-size:11px;font-weight:850;margin-left:2px}.billing-plan h3{color:#17483b;font-size:20px;letter-spacing:-.03em;margin:0;position:relative;z-index:1}.billing-plan p{color:#66736f;font-size:13px;line-height:1.38;margin:0;min-height:54px;position:relative;z-index:1}.billing-plan ul{color:#334155;display:grid;gap:6px;margin:0;padding:0;position:relative;z-index:1}.billing-plan li{align-items:flex-start;display:flex;font-size:12px;font-weight:800;gap:7px;line-height:1.3;list-style:none}.billing-plan li:before{background:#22c55e;border-radius:999px;color:#fff;content:"✓";display:grid;flex:0 0 16px;font-size:10px;height:16px;margin-top:1px;place-items:center;width:16px}.billing-plan .tariff-channels{position:relative;z-index:1}.billing-plan-limits{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.billing-plan-limits span{background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px 6px;text-align:center}.billing-plan-limits b{color:#0f172a;display:block;font-size:16px;line-height:1}.billing-plan-limits small{color:#64748b;display:block;font-size:9.5px;font-weight:850;line-height:1.15;margin-top:3px}.billing-plan .annual-line{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:14px;color:#166534;font-size:11px;font-weight:950;line-height:1.25;padding:8px;position:relative;z-index:1}.billing-plan-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.billing-plan-actions button{min-height:40px;padding:9px 10px}.billing-tariff-footer{align-items:center;background:#f8fbff;border:1px dashed #bfdbfe;border-radius:18px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:14px;padding:12px}.billing-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.billing-summary article{border:1px solid rgba(35,97,79,.14);border-radius:18px;padding:16px;background:#f8fbfa}.billing-summary small{display:block;color:#64748b}.billing-summary b{display:block;font-size:24px;color:#17483b;margin:4px 0}.billing-summary span[style]{display:block;height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.billing-summary span[style] i{display:block;height:100%;width:var(--p);background:linear-gradient(90deg,#23614f,#c9a45c)}@media(max-width:1180px){.billing-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.billing-plan-grid,.billing-summary{grid-template-columns:1fr}.billing-plan{min-height:auto}.billing-tariff-footer{display:grid}.billing-tariff-footer .ghost-button,.billing-tariff-footer button{width:100%}}

/* AISeller MAX adapter demo */
.max-panel{border-color:rgba(37,99,235,.24);background:linear-gradient(180deg,#fff,#f8fbff)}.max-helper{background:#eef6ff;border:1px solid rgba(37,99,235,.16)}.demo-code{align-items:center;background:#0f172a;border-radius:14px;color:white;display:flex;justify-content:space-between;margin:10px 0;padding:12px}.demo-code small{color:#bfdbfe;font-weight:800;text-transform:uppercase}.demo-code b{font-size:24px;letter-spacing:.18em}.max-events{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}@media(max-width:900px){.max-events{grid-template-columns:1fr}}

/* AISeller MAX provisioning queue */
.max-provisioning-panel{border-color:rgba(37,99,235,.18)}.provisioning-help{background:#eef6ff;border-radius:14px;padding:14px;margin:10px 0;font-size:13px;color:#334155}.provisioning-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;margin:12px 0}.provisioning-item{border:1px solid rgba(35,97,79,.14);border-radius:16px;padding:14px;background:#f8fbfa}.provisioning-item b{display:block;margin:4px 0}.provisioning-item small{display:block;color:#64748b;font-size:12px;line-height:1.5}.provisioning-new{border-left:4px solid #2563eb}.provisioning-review_approved{border-left:4px solid #d97706}.provisioning-bot_provisioned{border-left:4px solid #16a34a}.provisioning-verification_live{border-left:4px solid #059669;background:#ecfdf5}.provisioning-rejected{border-left:4px solid #dc2626;background:#fef2f2;opacity:.78}

/* AISeller operator-request badge */
.operator-badge{background:#dc2626;border-radius:50%;color:white;display:inline-flex;align-items:center;justify-content:center;font-size:14px;height:22px;margin-left:6px;width:22px}.thread.operator{border-left:4px solid #dc2626;background:#fef2f2}.thread.operator span{color:#dc2626;font-weight:800}

/* AISeller setup checklist */
.setup-checklist{display:grid;gap:10px}.checkin-step{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:12px 14px;cursor:pointer;transition:.15s}.checkin-step:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(15,23,42,.06)}.checkin-step.done{border-color:#86efac;background:#f0fdf4}.checkin-step.checking{border-color:#93c5fd;background:#eff6ff}.checkin-step div b{display:block;margin-bottom:2px}.checkin-step div small,.checkin-status{color:var(--muted);font-size:12px}.checkin-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:950;font-size:16px;background:#f1f5f9;color:var(--muted)}.checkin-step.done .checkin-icon{background:#22c55e;color:white}.checkin-step.checking .checkin-icon{background:#3b82f6;color:white;animation:aiseller-spin 1s linear infinite}.setup-next p,.setup-next b{display:block}.setup-next p{color:var(--muted);margin:6px 0 0}

/* Setup progress */
.setup-progress{display:grid;gap:14px}.progress-head{display:flex;justify-content:space-between;margin-bottom:6px}.progress-track{height:8px;border-radius:999px;background:#e5e7eb;overflow:hidden;margin-bottom:4px}.progress-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width .3s ease}.progress-item small{color:var(--muted);font-size:12px}

/* Setup actions */
.setup-actions{display:grid;gap:10px}.setup-actions button{text-align:left}

/* Business templates grid */
.biz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.biz-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--panel);text-align:left;cursor:pointer;transition:.15s;width:100%;color:var(--ink);font-weight:700}.biz-card:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(15,23,42,.08)}.biz-card.active{border-color:var(--blue);background:#eff6ff;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.biz-card b{display:block;margin-bottom:4px;font-weight:900}.biz-card small{color:var(--muted);font-weight:400}.template-needs{margin-top:10px}.need-chip{display:inline-block;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:800;padding:4px 8px;border-radius:999px;margin:4px}

/* Select-style */
.aiseller-select{border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:11px 12px;width:100%;font:inherit;background:white}

@keyframes aiseller-spin{to{transform:rotate(360deg)}}

@media(max-width:720px){.biz-grid{grid-template-columns:repeat(2,1fr)}}

@media (max-width: 1180px) {
  body[data-screen="overview"] .hero-dashboard,
  .overview-toolbar,
  .dashboard-builder {
    grid-template-columns: 1fr;
  }

  body[data-screen="overview"] .signal-grid,
  .dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-widget.widget-xl {
    grid-column: span 2;
  }
}

@media (max-width: 720px) {
  body[data-screen="overview"] .hero-dashboard {
    display: none;
  }

  .overview-toolbar,
  .dashboard-builder {
    padding: 14px;
  }

  .overview-toolbar .stat-period-selector {
    justify-content: flex-start;
    overflow-x: auto;
  }

  .metric-chip-row {
    justify-content: flex-start;
  }

  .metric-chip {
    flex: 1 1 148px;
  }

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

  .dashboard-widget,
  .dashboard-widget.widget-sm,
  .dashboard-widget.widget-lg,
  .dashboard-widget.widget-xl {
    grid-column: span 1;
    min-height: auto;
  }

  .dashboard-widget .panel-head,
  .dashboard-reply-row {
    display: grid;
    grid-template-columns: 1fr;
  }

  .widget-controls {
    justify-content: flex-start;
  }

  .compact-widget-metrics {
    grid-template-columns: 1fr;
  }

  .dashboard-channel-list button {
    grid-template-columns: 30px 1fr;
  }

  .dashboard-channel-list span {
    grid-column: 2;
  }
}

/* Baby-simple channel setup */
.baby-channel-master .panel-head p{color:var(--muted);font-size:14px;margin:5px 0 0;max-width:720px}.channel-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 18px}.setup-channel-tile{background:#fef2f2;border:2px solid #fecaca;border-radius:18px;color:#991b1b;display:grid;gap:6px;min-height:118px;padding:14px;text-align:left;transition:.16s;width:100%}.setup-channel-tile:hover{filter:none;transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,23,42,.08)}.setup-channel-tile.active{background:#f0fdf4;border-color:#86efac;color:#166534}.setup-channel-tile.checking{background:#fffbeb;border-color:#fde68a;color:#92400e}.setup-channel-tile.selected{outline:4px solid rgba(37,99,235,.14);border-color:#2563eb}.setup-channel-tile .tile-icon{align-items:center;background:rgba(255,255,255,.76);border-radius:13px;display:flex;font-size:13px;font-weight:950;height:38px;justify-content:center;width:44px}.setup-channel-tile b{font-size:15px}.setup-channel-tile small{font-size:12px;font-weight:950}.channel-setup-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}.selected-channel-card,.baby-check-card{border:1px solid var(--line);border-radius:22px;background:#fff;padding:18px}.selected-channel-card.active{background:#f0fdf4;border-color:#86efac}.selected-channel-card.not_connected{background:#fff7f7;border-color:#fecaca}.selected-channel-card.checking{background:#fffbeb;border-color:#fde68a}.selected-channel-head{align-items:center;display:flex;gap:14px;margin-bottom:14px}.big-channel-icon{align-items:center;background:linear-gradient(135deg,var(--blue),var(--violet));border-radius:20px;color:#fff;display:flex;flex:0 0 64px;font-size:17px;font-weight:950;height:64px;justify-content:center}.selected-channel-head small{color:var(--muted);display:block;font-weight:950}.selected-channel-head h3{font-size:28px;margin:2px 0}.selected-channel-head p{color:var(--muted);margin:0}.baby-next-step{background:#fff;border:1px dashed #93c5fd;border-radius:18px;display:grid;gap:8px;padding:14px}.baby-next-step small{color:#2563eb;font-size:12px;font-weight:950;text-transform:uppercase}.baby-next-step b{font-size:18px}.baby-next-step code{background:#0f172a;border-radius:14px;color:#e5e7eb;display:block;font-size:12px;overflow:auto;padding:12px;white-space:pre-wrap}.baby-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.baby-check-list{display:grid;gap:9px}.baby-step{align-items:center;border:1px solid var(--line);border-radius:16px;display:grid;gap:10px;grid-template-columns:36px 1fr;padding:11px}.baby-step span{align-items:center;border-radius:50%;display:flex;font-weight:950;height:30px;justify-content:center;width:30px}.baby-step.done{background:#f0fdf4;border-color:#86efac}.baby-step.done span{background:#22c55e;color:#fff}.baby-step.checking{background:#fffbeb;border-color:#fde68a}.baby-step.checking span{background:#f59e0b;color:#fff}.baby-step.todo{background:#fef2f2;border-color:#fecaca}.baby-step.todo span{background:#ef4444;color:#fff}.baby-step b,.baby-step small{display:block}.baby-step small{color:var(--muted)}@media(max-width:1180px){.channel-status-grid{grid-template-columns:repeat(2,1fr)}.channel-setup-layout{grid-template-columns:1fr}}@media(max-width:720px){.channel-status-grid{grid-template-columns:1fr}.baby-actions button{width:100%}.selected-channel-head{align-items:flex-start}.big-channel-icon{height:52px;flex-basis:52px}}

/* Widget settings */
.widget-settings-panel textarea{min-height:84px;resize:vertical}.widget-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.widget-settings-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.widget-settings-grid input,.widget-settings-grid select,.widget-settings-panel textarea{border:1px solid var(--line);border-radius:12px;color:var(--ink);font:inherit;padding:10px 12px;width:100%;background:#fff}.widget-toggle-row{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.widget-preview-card{border:1px solid rgba(35,97,79,.18);border-radius:20px;background:#f8fbfa;display:grid;gap:8px;margin:12px 0;padding:16px}.widget-preview-card b{background:var(--widget-color,#23614f);border-radius:14px;color:#fff;padding:12px}.widget-preview-card small{color:var(--muted);font-weight:800}.widget-preview-card button{background:#eef6f2;border:1px solid rgba(35,97,79,.24);border-radius:12px;color:#17483b;font-weight:900;padding:10px}@media(max-width:900px){.widget-settings-grid,.widget-settings-grid.compact{grid-template-columns:1fr}}

/* Site scanner */
.site-url-row{display:flex;gap:8px;align-items:center;margin-top:4px}.site-url-row input{flex:1}.site-url-row button{white-space:nowrap}.form-panel small.muted{display:block;margin:4px 0 12px;color:#64748b;font-size:12px;font-weight:800}
.scanner-panel .scanner-found-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.scanner-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:#f8fafc}.scanner-card b{display:block;margin-bottom:6px;color:var(--muted);font-weight:950;font-size:12px;text-transform:uppercase}.scanner-card p,.scanner-card small{font-size:14px;display:block;color:var(--ink)}.scanner-card small{margin-top:6px}.scanner-actions{display:flex;flex-wrap:wrap;gap:10px}.telegram-settings-panel label{display:block;margin-bottom:12px}.telegram-settings-panel label select{display:block;margin-top:4px;padding:10px;border:1px solid var(--line);border-radius:12px;width:100%;background:#f5f5f5;color:var(--muted)}.telegram-settings-panel label input{display:block;margin-top:4px;padding:10px;border:1px solid var(--line);border-radius:12px;width:100%;background:#f5f5f5;color:var(--muted);letter-spacing:2px}.channel-settings-section{margin-top:20px}

/* Stat period selector */
.stat-period-selector{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}.stat-period-selector button{padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px;font-weight:800;cursor:pointer;transition:all .15s ease;color:var(--ink)}.stat-period-selector button.active{background:var(--ink);border-color:var(--ink);color:#fff}.stat-period-selector button:hover:not(.active){background:#f5f5f5}.period-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.period-summary div{padding:10px 14px;background:#f8fafc;border-radius:12px;font-size:14px;line-height:1.4}.period-summary div b{display:block;font-size:12px;color:var(--muted);font-weight:800;text-transform:uppercase}.channel-stats-list{display:grid;gap:8px;padding:8px 0}.channel-stat{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#f8f9fb;position:relative}.channel-stat .bar{position:absolute;left:0;top:0;height:100%;background:var(--accent);opacity:.08;border-radius:10px;transition:width .3s ease}.channel-stat .c-bullet{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.channel-stat .c-bullet.telegram{background:#2aabee}.channel-stat .c-bullet.whatsapp{background:#25d366}.channel-stat .c-bullet.web{background:#23614f}.channel-stat .c-bullet.max{background:#ff6b35}.channel-stat .c-bullet.other{background:#9b9b9b}.channel-stat b{font-size:14px;z-index:1}.channel-stat small{font-size:12px;color:var(--muted);z-index:1;margin-left:auto}.quality-grid{display:grid;gap:14px;padding:8px 0}.quality-grid div{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}.quality-grid div b{font-size:13px;font-weight:800}.quality-grid div span{font-size:15px;font-weight:900;color:var(--green)}.mini-bar{grid-column:1/-1;height:6px;background:#eee;border-radius:4px;overflow:hidden}.mini-bar i{display:block;height:100%;background:#1fbf75;border-radius:4px;transition:width .3s ease}.mini-bar.warn i{background:#f5a623}.mini-bar.danger i{background:#e74c3c}.wide-bars.dense-bars{gap:2px}.wide-bars.dense-bars span{min-width:0}.wide-bars.dense-bars b{font-size:9px}@media(max-width:720px){.scanner-found-grid{grid-template-columns:1fr}}

/* Bot Knowledge Panel */
.bot-knowledge-panel .knowledge-progress{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:10px 0}.bot-knowledge-panel .progress-track{flex:1;height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}.bot-knowledge-panel .progress-track i{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width .3s ease}.bot-knowledge-panel .knowledge-progress span{font-size:13px;font-weight:950;color:var(--muted);white-space:nowrap}
.scanner-merge-banner{border:1px solid var(--line);border-radius:16px;padding:14px;background:#f0fdf4;margin-bottom:14px;display:grid;gap:8px}.scanner-merge-banner b{font-size:14px}.scanner-merge-banner p{font-size:13px;color:var(--muted);margin:0}.scanner-merge-banner.scanner-pending{background:#fffbeb;border-color:#fde68a}
.knowledge-form{display:grid;gap:12px}.knowledge-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.knowledge-form .form-row-3{grid-template-columns:1fr 1fr 1fr}.knowledge-form label{display:grid;gap:4px;font-size:13px;font-weight:850;color:var(--ink)}.knowledge-form input,.knowledge-form textarea,.knowledge-form select{border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;background:#fff;color:var(--ink);width:100%;transition:border-color .15s}.knowledge-form input:focus,.knowledge-form textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.knowledge-details{border:1px solid var(--line);border-radius:14px;padding:0;overflow:hidden}.knowledge-details summary{padding:12px 14px;cursor:pointer;font-weight:900;font-size:14px;background:var(--paper);user-select:none}.knowledge-details summary:hover{background:#eef2ff}.knowledge-details[open] summary{border-bottom:1px solid var(--line);margin-bottom:8px}.knowledge-details .niche-questions{padding:10px 14px 14px;display:grid;gap:10px}.knowledge-details .niche-questions label{font-weight:800;font-size:13px;gap:4px}.knowledge-photos{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px}.photo-thumb{position:relative;width:80px;height:80px;border-radius:10px;overflow:hidden;border:1px solid var(--line)}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-thumb button{position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:#dc2626;color:#fff;font-size:12px;border:none;cursor:pointer;display:grid;place-items:center;padding:0;line-height:1}.photo-add-row{display:flex;gap:8px;padding:0 14px 14px;align-items:center}.photo-add-row input{flex:1}.rules-list,.faq-list,.prices-list{padding:10px 14px;display:grid;gap:6px}.rule-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f8fafc;border-radius:8px;font-size:13px}.rule-item span{flex:1}.faq-item{padding:10px;background:#f8fafc;border-radius:10px;font-size:13px;position:relative}.faq-item b{display:block;margin-bottom:4px}.faq-item p{margin:0;color:var(--muted)}.faq-item .ghost-button{position:absolute;top:6px;right:6px}.price-item{display:flex;justify-content:space-between;padding:6px 10px;background:#f8fafc;border-radius:8px;font-size:13px;font-weight:800}.price-item .price-val{color:var(--blue)}
.bot-preview-card{border:1px solid var(--cyan);border-radius:18px;padding:16px;background:#f0fdfa;margin-top:10px}.bot-preview-card h4{margin:0 0 10px;font-size:15px}.bot-preview-dialog{display:grid;gap:10px;margin-bottom:10px}.bot-preview-dialog .message{max-width:85%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.5;border:none;background:#eef2ff}.bot-preview-dialog .message.inbound{justify-self:start;background:#fff;border:1px solid var(--line)}.bot-preview-dialog .message.outbound{justify-self:end;background:#eef2ff}.bot-preview-dialog .message b{display:block;margin-bottom:4px;font-weight:950;font-size:12px;color:var(--muted)}.bot-preview-dialog .message p{margin:0}
@media(max-width:720px){.knowledge-form .form-row,.knowledge-form .form-row-3{grid-template-columns:1fr}.photo-add-row{flex-direction:column}.photo-add-row input{width:100%}}


/* Tenant/live data badges */
.demo-badge,.live-badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}
.demo-badge{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}
.live-badge{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}
.live-tenant-panel{border:1px solid rgba(4,120,87,.18);box-shadow:0 18px 45px rgba(4,120,87,.08)}
.tenant-live-metrics .metric{background:linear-gradient(135deg,#ffffff,#f0fdf4)}


/* Brand logos for channels and payment gateways */
.logo-icon,.brand-logo,.gateway-logo{display:inline-grid;place-items:center;overflow:hidden;background:#fff;border:1px solid rgba(148,163,184,.22);box-shadow:0 10px 26px rgba(15,23,42,.08)}
.logo-icon img,.brand-logo img,.gateway-logo img{width:100%;height:100%;object-fit:contain;display:block}
.tile-icon.logo-icon{width:42px;height:42px;border-radius:14px;margin-bottom:6px;padding:6px}
.big-channel-icon.logo-icon{width:64px;height:64px;border-radius:20px;flex:0 0 64px;padding:8px}
.text-logo{font-size:14px;font-weight:950;color:var(--ink)}
.payment-gateways-panel{border:1px solid rgba(37,99,235,.12);background:linear-gradient(180deg,#fff,#f8fbff)}
.gateway-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:12px}
.gateway-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px;display:grid;gap:10px;align-content:start;min-height:210px;box-shadow:0 14px 34px rgba(15,23,42,.05)}
.gateway-card.ready{border-color:rgba(22,163,74,.28);box-shadow:0 16px 36px rgba(22,163,74,.08)}
.gateway-logo{width:54px;height:54px;border-radius:17px;padding:4px}
.gateway-card b{display:block;font-size:14px;font-weight:950}.gateway-card small{display:inline-flex;margin:4px 0 6px;font-size:11px;font-weight:900;color:#2563eb;background:#eff6ff;border-radius:999px;padding:3px 8px}.gateway-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.35}.gateway-card button{margin-top:auto;border:0;border-radius:999px;padding:10px 12px;background:var(--ink);color:white;font-weight:900;cursor:pointer}
.billing-plan-grid .billing-plan small{line-height:1.35}
@media(max-width:1100px){.gateway-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.gateway-grid{grid-template-columns:1fr 1fr}.tile-icon.logo-icon{width:38px;height:38px}.big-channel-icon.logo-icon{width:56px;height:56px;flex-basis:56px}}


.annual-line{display:inline-flex;width:fit-content;font-size:12px;color:#047857;font-weight:900;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;padding:5px 9px;margin:2px 0}


.plan-channel-badges{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 6px}.plan-channel-badges span{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;color:#334155;box-shadow:0 8px 18px rgba(15,23,42,.04)}.plan-channel-badges img{width:18px;height:18px;object-fit:contain;display:block}

/* ─── Admin Panel ─── */
.admin-toolbar{display:grid;gap:14px;margin-bottom:14px}
.admin-stats-bar{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.admin-stat-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:4px;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.admin-stat-value{font-size:24px;font-weight:950;color:var(--sc-color,#3b82f6);line-height:1.1}
.admin-stat-label{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.admin-search-row{display:flex;gap:10px;align-items:center}
.admin-search-input{flex:1;border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:14px;font-weight:700;background:#fff;color:var(--ink);outline:none;min-width:0}
.admin-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}
.admin-table-panel{overflow:visible}
.admin-table-scroll{overflow-x:auto;margin-top:8px;border-radius:10px}
.admin-table{width:100%;border-collapse:collapse;font-size:13px;min-width:750px}
.admin-table thead th{background:#f8fafc;padding:10px 12px;text-align:left;font-weight:900;font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:.03em;border-bottom:2px solid var(--line);white-space:nowrap;position:sticky;top:0}
.admin-table tbody td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}
.admin-row{transition:background .15s ease}
.admin-row:hover td{background:#f1f5f9}
.admin-row:last-child td{border-bottom:0}
.admin-slug{font-family:monospace;font-size:12px;color:#6366f1;font-weight:800}
.admin-empty{padding:30px 12px;text-align:center;color:var(--muted);font-weight:800;font-size:14px}
.admin-badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:900;letter-spacing:.02em;white-space:nowrap}
.admin-table button{border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:900;background:#fff;color:var(--ink);cursor:pointer;transition:all .15s ease}
.admin-table button:hover{background:#f1f5f9;border-color:#94a3b8}
.admin-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.admin-detail-section{min-width:0}
.admin-detail-info{display:grid;gap:0}
.admin-detail-actions{margin-top:4px}
.admin-action-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.admin-action-buttons button{border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:12px;font-weight:900;background:#fff;color:var(--ink);cursor:pointer;transition:all .15s ease}
.admin-action-buttons button:hover{background:#f1f5f9;border-color:#94a3b8}
.admin-quick-note{display:flex;gap:8px}
.admin-quick-note input{flex:1;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px;font-weight:700;outline:none;background:#fff;color:var(--ink);min-width:0}
.admin-quick-note input:focus{border-color:#3b82f6}
@media(max-width:900px){.admin-detail-grid{grid-template-columns:1fr}.admin-stats-bar{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.admin-stats-bar{grid-template-columns:repeat(2,1fr)}.admin-search-row{flex-direction:column}.admin-search-input{width:100%}.admin-quick-note{flex-direction:column}}

/* Compact CRM navigation + channel setup visuals */
.nav-list{gap:12px}
.nav-start{display:grid;gap:8px}.nav-group{display:grid;gap:5px}.nav-group-title{display:none}.nav-group-toggle{align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#98a2b3;display:flex;font-size:11px;font-weight:950;justify-content:space-between;letter-spacing:.08em;padding:9px 10px;text-transform:uppercase;width:100%}.nav-group-toggle:hover{background:#1d2939;color:#fff;filter:none}.nav-group-toggle i{align-items:center;background:#111827;border-radius:999px;color:#cbd5e1;display:flex;font-style:normal;height:20px;justify-content:center;width:20px}.nav-group-panel{display:none;gap:5px}.nav-group.open .nav-group-panel{display:grid}.nav-link-master{background:linear-gradient(135deg,#2563eb,#0e9384);box-shadow:0 12px 28px rgba(37,99,235,.25);color:#fff}.nav-link-master:hover,.nav-link-master.active{background:linear-gradient(135deg,#1d4ed8,#0f766e)}.nav-link-master strong{background:rgba(255,255,255,.18);color:#fff}.mobile-menu-group{display:grid;gap:7px;margin-bottom:12px}.mobile-menu-group>b{color:#667085;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.channel-health-board{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin:12px 0}.channel-health-board article{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 24px rgba(16,24,40,.06);display:grid;gap:6px;padding:14px}.channel-health-board small,.pipeline-node span,.guide-step p,.guide-visual span{color:var(--muted)}.channel-health-board b{font-size:24px}
.channel-pipeline{align-items:stretch;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);margin:14px 0 18px}.pipeline-node{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;display:grid;gap:5px;min-height:112px;padding:13px;position:relative}.pipeline-node:not(:last-child)::after{color:var(--blue);content:"→";font-size:22px;font-weight:950;position:absolute;right:-15px;top:40px;z-index:2}.pipeline-node b{align-items:center;background:var(--blue);border-radius:999px;color:#fff;display:flex;height:26px;justify-content:center;width:26px}
/* ─── Telegram guide with real SVG images ─── */
.telegram-guide-panel{margin-top:14px}
.telegram-guide-list{display:grid;gap:22px}
.guide-step-card{background:#fff;border:1px solid var(--line);border-radius:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr;overflow:hidden;padding:18px}
.guide-step-visual{background:linear-gradient(135deg,#eef2ff,#ecfeff);border-radius:14px;display:flex;min-height:120px;overflow:hidden;align-items:center;justify-content:center}
.guide-step-visual img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;border-radius:12px}
.guide-step-body{display:grid;gap:10px;align-content:start}
.guide-step-number{align-items:center;background:#2563eb;border-radius:999px;color:#fff;display:flex;font-size:14px;font-weight:950;height:32px;justify-content:center;width:32px}
.guide-step-body strong{font-size:17px;line-height:1.3}
.guide-step-body p{color:var(--muted);font-size:15px;line-height:1.5}
.guide-step-callout{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;color:#991b1b;font-size:15px;font-weight:950;margin-top:6px;padding:10px 14px}
.guide-step-callout::before{content:''}
@media(max-width:820px){.guide-step-card{grid-template-columns:1fr}.guide-step-visual img{max-height:200px}}

/* Visual analytics polish + compact sidebar */
.app-shell{grid-template-columns:250px minmax(0,1fr)}
.sidebar{gap:12px;padding:16px}
.brand-mark{height:36px;width:36px}.brand strong{font-size:18px}.brand small{font-size:11px}
.tenant-card{border-radius:14px;padding:12px}.tenant-card b{font-size:14px}.tenant-card small{font-size:11px}
.sidebar-pulse-card{background:rgba(255,255,255,.055);border:1px solid rgba(148,163,184,.2);border-radius:16px;display:grid;gap:8px;padding:10px}
.sidebar-pulse-card div{align-items:center;display:flex;justify-content:space-between;gap:8px}
.sidebar-pulse-card span{color:#98a2b3;font-size:11px;font-weight:850}
.sidebar-pulse-card b{background:rgba(45,212,191,.12);border:1px solid rgba(45,212,191,.24);border-radius:999px;color:#a7f3d0;font-size:12px;padding:3px 7px}
.nav-list{gap:8px}.nav-group{gap:4px}.nav-group-toggle{border-radius:9px;font-size:10px;padding:7px 9px}.nav-group-panel{gap:4px}
.nav-link{border-radius:10px;font-size:13px;min-height:38px;padding:7px 9px}.nav-link i{border-radius:8px;height:24px;width:24px}.nav-link em,.nav-link strong{font-size:10px;padding:2px 6px}
.sidebar-note{border-radius:14px;padding:10px}.sidebar-note b{font-size:12px}.sidebar-note span{font-size:11px}
.donut-area{grid-template-columns:160px 1fr}.legend{gap:8px}.legend span{font-size:13px;font-weight:800}.legend i{border-radius:999px;height:11px;width:11px}
.wide-bars{background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid var(--line);border-radius:18px;height:230px;padding:14px 12px 10px}.wide-bars.dense-bars{height:210px}
.wide-bars.dense-bars small{font-size:9px}.wide-bars.dense-bars b{font-size:10px}
@media(max-width:1180px){.app-shell{grid-template-columns:230px minmax(0,1fr)}}


/* Owner live cockpit */
.owner-cockpit-panel{border-color:rgba(37,99,235,.18);background:linear-gradient(180deg,#fff,#f8fbff)}
.owner-head{align-items:flex-start;gap:14px}.owner-head h3{font-size:24px}.owner-action-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.owner-action-bar button{white-space:nowrap}
.owner-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.owner-kpi-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 34px rgba(15,23,42,.06);display:grid;gap:5px;padding:16px}.owner-kpi-card small{color:var(--muted);font-size:11px;font-weight:950;text-transform:uppercase}.owner-kpi-card b{color:#17483b;font-size:28px;line-height:1}.owner-kpi-card span{color:var(--muted);font-size:12px}.owner-kpi-card.warn{border-color:#fed7aa;background:#fffbeb}.owner-kpi-card.hot{border-color:#fecaca;background:#fef2f2}.owner-kpi-card.live{border-color:#bbf7d0;background:#f0fdf4}
.owner-channel-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 16px}.owner-channel{align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;display:grid;gap:10px;grid-template-columns:42px 1fr auto;padding:12px}.owner-channel>span{align-items:center;background:#eff6ff;border-radius:14px;color:#2563eb;display:flex;font-weight:950;height:42px;justify-content:center;width:42px}.owner-channel.telegram>span{background:#e0f2fe;color:#0284c7}.owner-channel.web>span{background:#ecfdf5;color:#047857}.owner-channel b,.owner-channel small{display:block}.owner-channel small{color:var(--muted);font-size:12px}
.owner-live-grid{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:14px;align-items:start}.owner-live-grid.inbox-mode{grid-template-columns:minmax(340px,.75fr) minmax(0,1.25fr)}.owner-queue-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}.mini-panel-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.mini-panel-head h3{margin:0}.legacy-thread-list.compact{max-height:520px}.owner-leads-panel{margin-top:14px}.owner-lead-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.owner-lead-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 30px rgba(15,23,42,.05);display:grid;gap:10px;padding:14px}.owner-lead-card.hot{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fffbeb)}.owner-lead-card div:first-child{align-items:center;display:flex;justify-content:space-between;gap:8px}.owner-lead-card b{color:#17483b}.owner-lead-card span{background:#eef2ff;border-radius:999px;color:#3730a3;font-size:11px;font-weight:900;padding:4px 8px}.owner-lead-card p{color:#334155;font-size:13px;line-height:1.4;margin:0;min-height:54px}.owner-lead-card small{color:var(--muted);font-size:11px}.owner-card-actions{display:flex!important;gap:8px;justify-content:flex-start!important}.owner-card-actions button{font-size:12px;padding:8px 10px}.owner-analytics-row{margin-top:14px}.owner-next-list{display:grid;gap:9px}.owner-next-list button{text-align:left}.owner-rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.owner-rules-grid article{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:14px}.owner-rules-grid p{color:var(--muted);font-size:13px;margin:6px 0 0}
@media(max-width:1180px){.owner-kpi-grid,.owner-channel-strip,.owner-lead-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-live-grid,.owner-live-grid.inbox-mode{grid-template-columns:1fr}}
@media(max-width:720px){.owner-kpi-grid,.owner-channel-strip,.owner-lead-grid,.owner-rules-grid{grid-template-columns:1fr}.owner-head{display:grid}.owner-action-bar{justify-content:flex-start}.owner-action-bar button{width:100%}}

/* Mobile scale guard + calmer dense dashboard */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.app-shell,
.workspace,
.topbar,
.hero-dashboard,
.screen-stage,
.panel,
.metric-card,
.live-card,
.signal-grid,
.layout-2,
.inbox-grid,
.assistant-grid,
.owner-live-grid,
.owner-live-grid.inbox-mode,
.owner-cockpit-panel {
  min-width: 0;
}

.screen-stage img,
.panel img,
.live-card img {
  max-width: 100%;
  height: auto;
}

.topbar,
.hero-dashboard,
.screen-stage {
  width: 100%;
}

.hero-dashboard {
  align-items: stretch;
}

.signal-grid article,
.metric-card,
.owner-kpi-card,
.owner-channel,
.panel {
  border-radius: 18px;
}

.live-card {
  border-radius: 22px;
  box-shadow: 0 18px 45px rgba(15, 78, 99, .18);
}

.signal-grid article {
  box-shadow: 0 12px 28px rgba(16, 24, 40, .06);
}

.signal-grid article:nth-child(1) { border-top-color: #229ed9; }
.signal-grid article:nth-child(2) { border-top-color: #16a34a; }
.signal-grid article:nth-child(3) { border-top-color: #f59e0b; }
.signal-grid article:nth-child(4) { border-top-color: #7c3aed; }

@media (max-width: 1180px) {
  .app-shell {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .workspace {
    padding: 18px;
  }
}

@media (max-width: 900px) {
  .mobile-shell-bar {
    display: flex;
  }

  .app-shell {
    display: block;
    min-height: auto;
  }

  .sidebar {
    display: none;
  }

  .workspace {
    padding: 86px 14px 24px;
  }

  .topbar {
    align-items: stretch;
    display: grid;
    gap: 12px;
  }

  .topbar-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .topbar-actions button {
    width: 100%;
  }

  .hero-dashboard,
  .layout-2,
  .inbox-grid,
  .assistant-grid,
  .assistant-grid-wide,
  .admin-grid,
  .wizard-layout,
  .metric-row {
    grid-template-columns: 1fr;
  }

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

  .panel-head,
  .owner-head {
    align-items: flex-start;
    gap: 10px;
  }
}

@media (max-width: 560px) {
  .workspace {
    padding-left: 10px;
    padding-right: 10px;
  }

  .topbar h1 {
    font-size: 28px;
  }

  .topbar-actions,
  .signal-grid,
  .metric-row,
  .period-summary,
  .gateway-grid,
  .admin-stats-bar {
    grid-template-columns: 1fr;
  }

  .panel,
  .live-card,
  .metric-card {
    padding: 14px;
  }

  .funnel-step,
  .support-ticket,
  .lead-row,
  .route-card {
    grid-template-columns: 1fr;
  }

  .donut-area {
    grid-template-columns: 1fr;
  }

  .floating-chat-widget {
    bottom: 12px;
    left: 10px;
    right: 10px;
  }

  .floating-chat-panel {
    width: 100%;
  }
}

/* Ergonomic dashboard pass: less chrome, more working signal */
.workspace {
  padding-top: 14px;
}

.topbar {
  background: rgba(248, 251, 255, .82);
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .05);
  margin-bottom: 12px;
  padding: 12px 14px;
  position: sticky;
  top: 10px;
  z-index: 20;
}

.topbar .eyebrow {
  font-size: 10px;
  letter-spacing: .1em;
}

.topbar h1 {
  font-size: 24px;
  margin: 2px 0;
}

.topbar p {
  font-size: 13px;
  max-width: 760px;
}

.topbar-actions button {
  font-size: 12px;
  min-height: 36px;
  padding: 8px 11px;
}

.hero-dashboard,
.live-card,
.signal-grid {
  display: none !important;
}

.overview-toolbar {
  grid-template-columns: minmax(220px, 1fr) auto;
  padding: 12px 14px;
}

.overview-toolbar h3 {
  font-size: 20px;
  margin: 0 0 2px;
}

.overview-toolbar p {
  font-size: 13px;
}

.dashboard-builder {
  display: grid;
  gap: 0;
  margin-bottom: 0;
  padding: 0;
}

.dashboard-builder-toggle {
  align-items: center;
  background: linear-gradient(135deg, #ffffff, #f8fbff);
  border: 0;
  color: var(--ink);
  display: flex;
  justify-content: space-between;
  padding: 12px 14px;
  text-align: left;
  width: 100%;
}

.dashboard-builder-toggle span {
  display: grid;
  gap: 2px;
}

.dashboard-builder-toggle small {
  color: var(--blue);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.dashboard-builder-toggle b {
  font-size: 15px;
}

.dashboard-builder-toggle em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.dashboard-builder-toggle strong {
  align-items: center;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  color: var(--blue);
  display: flex;
  font-size: 20px;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.dashboard-builder-body {
  border-top: 1px solid var(--line);
  display: grid;
  gap: 10px;
  padding: 12px 14px 14px;
}

.dashboard-builder.collapsed .dashboard-builder-body {
  display: none;
}

.dashboard-builder-body p {
  color: var(--muted);
  font-size: 13px;
  margin: 0;
}

.dashboard-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.dashboard-widget,
.dashboard-widget.widget-sm,
.dashboard-widget.widget-lg,
.dashboard-widget.widget-xl {
  grid-column: span 1;
  min-height: 188px;
  padding: 13px;
}

.dashboard-widget.widget-lg {
  grid-column: span 2;
}

.dashboard-widget.widget-xl {
  grid-column: span 2;
}

.dashboard-widget .panel-head h3 {
  font-size: 16px;
}

.dashboard-widget .panel-head span {
  font-size: 11px;
}

.widget-controls button {
  min-width: 29px;
  padding: 5px 7px;
}

.metric-card {
  animation: widgetRise .44s ease both;
}

.metric-card b[data-count-target] {
  display: inline-block;
  min-width: 2ch;
}

.dashboard-widget {
  animation: widgetRise .42s ease both;
}

.dashboard-widget:nth-child(1) { animation-delay: .02s; }
.dashboard-widget:nth-child(2) { animation-delay: .08s; }
.dashboard-widget:nth-child(3) { animation-delay: .14s; }
.dashboard-widget:nth-child(4) { animation-delay: .20s; }
.dashboard-widget:nth-child(5) { animation-delay: .26s; }
.dashboard-widget:nth-child(6) { animation-delay: .32s; }
.dashboard-widget:nth-child(7) { animation-delay: .38s; }
.dashboard-widget:nth-child(8) { animation-delay: .44s; }
.dashboard-widget:nth-child(9) { animation-delay: .50s; }

.wide-bars span i,
.funnel-step i {
  animation: growBar .74s cubic-bezier(.22,.61,.36,1) both;
  animation-delay: calc(var(--bar-order, 0) * 70ms);
  transform-origin: bottom;
}

[data-channel] {
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, opacity .18s ease;
}

body[data-hover-channel] [data-channel] {
  opacity: .58;
}

body[data-hover-channel="telegram"] [data-channel="telegram"],
body[data-hover-channel="web"] [data-channel="web"],
body[data-hover-channel="whatsapp"] [data-channel="whatsapp"],
body[data-hover-channel="max"] [data-channel="max"],
body[data-hover-channel="other"] [data-channel="other"] {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .14), 0 16px 34px rgba(37, 99, 235, .14);
  opacity: 1;
  transform: translateY(-1px);
}

body[data-hover-channel="telegram"] .dashboard-widget:has([data-channel="telegram"]),
body[data-hover-channel="web"] .dashboard-widget:has([data-channel="web"]),
body[data-hover-channel="whatsapp"] .dashboard-widget:has([data-channel="whatsapp"]),
body[data-hover-channel="max"] .dashboard-widget:has([data-channel="max"]),
body[data-hover-channel="other"] .dashboard-widget:has([data-channel="other"]) {
  border-color: #93c5fd;
}

@keyframes widgetRise {
  from { opacity: 0; transform: translateY(8px) scale(.985); }
  to { opacity: 1; transform: none; }
}

@keyframes growBar {
  from { transform: scaleY(.08); opacity: .38; }
  to { transform: scaleY(1); opacity: 1; }
}

@media (max-width: 1180px) {
  .dashboard-widget.widget-lg,
  .dashboard-widget.widget-xl {
    grid-column: span 1;
  }
}

@media (max-width: 900px) {
  .topbar {
    position: static;
  }
}

@media (max-width: 720px) {
  .overview-toolbar,
  .dashboard-builder-toggle,
  .dashboard-builder-body {
    padding: 12px;
  }

  .overview-toolbar {
    grid-template-columns: 1fr;
  }
}

/* Dashboard widget proportional sizing: 1x compact, 2x standard, 4x expanded */
.dashboard-grid {
  align-items: stretch;
}

.dashboard-widget.widget-sm {
  gap: 8px;
  min-height: 96px;
  padding: 10px;
}

.dashboard-widget.widget-sm .panel-head {
  gap: 6px;
  margin-bottom: 0;
}

.dashboard-widget.widget-sm .panel-head h3 {
  font-size: 13px;
  line-height: 1.12;
}

.dashboard-widget.widget-sm .panel-head span {
  font-size: 9px;
}

.dashboard-widget.widget-sm .widget-controls {
  gap: 3px;
}

.dashboard-widget.widget-sm .widget-controls button {
  border-radius: 8px;
  font-size: 10px;
  min-width: 22px;
  padding: 3px 5px;
}

.dashboard-widget.widget-sm .metric-row,
.dashboard-widget.widget-sm .compact-widget-metrics {
  gap: 6px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dashboard-widget.widget-sm .metric-card {
  border-radius: 12px;
  padding: 8px;
}

.dashboard-widget.widget-sm .metric-card small {
  font-size: 9px;
  line-height: 1.12;
}

.dashboard-widget.widget-sm .metric-card b {
  font-size: clamp(16px, 1.4vw, 20px);
  letter-spacing: -.04em;
  line-height: .98;
  margin: 4px 0 2px;
  overflow-wrap: anywhere;
}

.dashboard-widget.widget-sm .metric-card span {
  font-size: 10px;
}

.dashboard-widget.widget-sm .dashboard-channel-list,
.dashboard-widget.widget-sm .dashboard-operator-queue,
.dashboard-widget.widget-sm .dashboard-live-dialog {
  gap: 6px;
}

.dashboard-widget.widget-sm .dashboard-channel-list button,
.dashboard-widget.widget-sm .dashboard-operator-queue button,
.dashboard-widget.widget-sm .compact-setup-widget button {
  border-radius: 10px;
  gap: 5px;
  padding: 7px 8px;
}

.dashboard-widget.widget-sm .dashboard-channel-list button {
  grid-template-columns: 22px minmax(0, 1fr);
}

.dashboard-widget.widget-sm .dashboard-channel-list img {
  height: 20px;
  width: 20px;
}

.dashboard-widget.widget-sm .dashboard-channel-list span,
.dashboard-widget.widget-sm .dashboard-operator-queue span,
.dashboard-widget.widget-sm .dashboard-operator-queue em {
  font-size: 10px;
}

.dashboard-widget.widget-sm .dashboard-channel-list b,
.dashboard-widget.widget-sm .dashboard-operator-queue b {
  font-size: 12px;
  line-height: 1.15;
}

.dashboard-widget.widget-sm .donut-area {
  gap: 7px;
  grid-template-columns: 1fr;
  justify-items: center;
}

.dashboard-widget.widget-sm .donut {
  width: min(82px, 44%);
}

.dashboard-widget.widget-sm .donut::after {
  content: "\041A\0430\043D\0430\043B\044B\A 100%";
  font-size: 9px;
  inset: 24px;
  line-height: 1.05;
}

.dashboard-widget.widget-sm .legend {
  gap: 5px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}

.dashboard-widget.widget-sm .legend button {
  border-radius: 10px;
  font-size: 10px;
  gap: 5px;
  min-width: 0;
  padding: 5px 6px;
}

.dashboard-widget.widget-sm .legend i {
  height: 8px;
  width: 8px;
}

.dashboard-widget.widget-sm .wide-bars {
  height: 106px;
  padding: 8px 7px 6px;
}

.dashboard-widget.widget-sm .wide-bars b {
  font-size: 9px;
}

.dashboard-widget.widget-sm .wide-bars small {
  font-size: 8px;
}

.dashboard-widget.widget-lg {
  min-height: 188px;
}

.dashboard-widget.widget-xl {
  min-height: 380px;
}

@media (min-width: 1181px) {
  .dashboard-widget.widget-xl {
    grid-column: span 4;
  }

  .dashboard-widget.widget-xl .panel-head h3 {
    font-size: 22px;
  }

  .dashboard-widget.widget-xl .panel-head span {
    font-size: 12px;
  }

  .dashboard-widget.widget-xl .metric-card b {
    font-size: 34px;
  }

  .dashboard-widget.widget-xl .donut-area {
    grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr);
  }

  .dashboard-widget.widget-xl .wide-bars {
    height: 300px;
  }
}

@media (max-width: 720px) {
  .dashboard-widget.widget-sm {
    min-height: 128px;
  }

  .dashboard-widget.widget-sm .donut {
    width: min(112px, 52%);
  }
}

/* Final navigation/tariff polish */
.topbar .start-links {
  display: flex;
}

.topbar .start-link {
  color: var(--blue);
  text-decoration: none;
}

@media (max-width: 900px) {
  .topbar {
    align-items: flex-start;
    display: grid;
    gap: 12px;
  }

  .topbar .start-links {
    justify-content: flex-start;
    width: 100%;
  }
}

@media (max-width: 560px) {
  .topbar .start-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .topbar .start-link {
    justify-content: center;
    width: 100%;
  }
}

/* ─── CRM Leads workspace ─── */
.lead-metrics { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.lead-control-panel { margin-bottom: 14px; }
.lead-filter-grid { display:grid; grid-template-columns: 1.4fr repeat(3, minmax(150px, .7fr)); gap: 10px; align-items:end; }
.lead-filter-grid label, .security-forms label { display:grid; gap:6px; color:var(--muted); font-size:12px; font-weight:900; }
.lead-filter-grid input, .lead-filter-grid select, .security-forms input, .lead-actions-card textarea {
  width:100%; border:1px solid var(--line); border-radius:12px; background:#fff; color:var(--ink); padding:10px 12px; outline:none;
}
.lead-filter-grid input:focus, .lead-filter-grid select:focus, .security-forms input:focus, .lead-actions-card textarea:focus { border-color:#93c5fd; box-shadow:0 0 0 3px rgba(37,99,235,.10); }
.lead-workspace { display:grid; grid-template-columns:minmax(520px, 1.05fr) minmax(360px, .95fr); gap:14px; align-items:start; }
.lead-table-scroll { overflow:auto; border:1px solid var(--line); border-radius:16px; }
.lead-table { width:100%; min-width:900px; border-collapse:collapse; background:#fff; }
.lead-table th, .lead-table td { border-bottom:1px solid var(--line); padding:11px 12px; text-align:left; vertical-align:middle; font-size:13px; }
.lead-table th { background:#f8fafc; color:#475467; font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
.lead-table tr { cursor:pointer; transition:.16s; }
.lead-table tbody tr:hover, .lead-table tbody tr.active { background:#eff6ff; }
.lead-table td small { display:block; color:var(--muted); margin-top:2px; }
.lead-channel { display:inline-flex; align-items:center; gap:7px; font-weight:900; }
.lead-channel img { width:20px; height:20px; object-fit:contain; }
.lead-detail-panel { display:grid; gap:14px; }
.lead-detail-panel > .panel-head { align-items:flex-start; }
.lead-detail-panel > .panel-head p { margin:4px 0 0; color:var(--muted); }
.lead-detail-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:12px; }
.lead-profile-card, .lead-actions-card { border:1px solid var(--line); border-radius:16px; background:#f8fafc; padding:12px; display:grid; gap:8px; }
.lead-actions-card b { font-size:14px; }
.tag-row { display:flex; gap:6px; flex-wrap:wrap; }
.tag-row span { background:#e0f2fe; color:#075985; border:1px solid #bae6fd; border-radius:999px; font-size:11px; font-weight:900; padding:4px 8px; }
.nested-panel { box-shadow:none; margin:0; }
.deal-history-list { display:grid; gap:8px; }
.deal-history-list article { display:grid; grid-template-columns:1fr auto; gap:2px 10px; border:1px solid var(--line); border-radius:12px; background:#fff; padding:10px; }
.deal-history-list article small { grid-column:1 / -1; color:var(--muted); font-weight:800; }
.lead-timeline { display:grid; grid-template-columns:1fr; gap:8px; }
.account-security-panel, .client-journey-panel { margin-top:14px; }
.security-forms { margin-top:12px; }
.security-forms .form-panel { border:1px solid var(--line); border-radius:16px; padding:12px; background:#f8fafc; display:grid; gap:10px; }
@media (max-width: 1180px) { .lead-workspace { grid-template-columns:1fr; } .lead-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .lead-filter-grid { grid-template-columns:1fr 1fr; } }
@media (max-width: 720px) { .lead-filter-grid, .lead-detail-grid { grid-template-columns:1fr; } .lead-metrics { grid-template-columns:1fr; } }

/* AISeller dashboard restore from finalfix 2026-07-09 */
/* AISeller dashboard compact 8-window work screen 2026-07-07 */
.owner-overview-workbench .overview-toolbar{display:none!important}.overview-workbench{gap:10px}.dashboard-builder{padding:0;border-radius:16px}.dashboard-builder-toggle{padding:10px 12px}.dashboard-builder-toggle b{font-size:15px}.dashboard-builder-toggle em{font-size:11px}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;align-items:stretch}.dashboard-widget,.dashboard-widget.widget-sm,.dashboard-widget.widget-lg,.dashboard-widget.widget-xl{grid-column:span 1!important;min-height:174px!important;padding:10px!important;gap:8px!important}.dashboard-widget .panel-head{gap:6px!important}.dashboard-widget .panel-head h3{font-size:14px!important;line-height:1.15}.dashboard-widget .panel-head span{font-size:10px!important;line-height:1.15}.widget-controls{gap:3px}.widget-controls button{font-size:10px!important;min-width:24px!important;padding:4px 5px!important}.compact-widget-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px}.dashboard-widget.widget-sm .metric-card{padding:7px!important;min-height:58px}.dashboard-widget.widget-sm .metric-card b{font-size:17px!important}.dashboard-widget.widget-sm .metric-card small,.dashboard-widget.widget-sm .metric-card span{font-size:10px!important}.dashboard-operator-queue{gap:6px!important}.dashboard-operator-queue button{padding:7px 8px!important;gap:3px!important}.dashboard-operator-queue b{font-size:12px!important}.dashboard-operator-queue span,.dashboard-operator-queue em{font-size:10px!important}.dashboard-dialog-stack{gap:6px!important}.dialog-stage{padding:8px!important;border-radius:12px!important}.message-stage{min-height:86px!important}.message-stage b{font-size:11px;margin-bottom:3px!important}.dashboard-live-dialog .message{font-size:11px!important;line-height:1.25;margin:4px 0!important;padding:7px 8px!important}.reply-stage label{font-size:10px!important;margin-bottom:5px!important}.dashboard-reply-row{gap:5px!important}.dashboard-reply-row input{min-height:34px!important;border-radius:10px!important;font-size:11px!important;padding:7px 8px!important}.dashboard-reply-row button{border-radius:10px!important;font-size:11px!important;padding:7px 8px!important}.full-width{font-size:11px!important;margin-top:5px!important;padding:7px!important}.dashboard-widget.widget-sm .dashboard-live-dialog{min-height:0!important}.dashboard-widget.widget-sm:has(.dashboard-live-dialog){min-height:174px!important}.weekly-segmented-bars{height:112px!important;padding:8px 8px 4px!important;gap:7px!important}.weekly-segmented-bars span{min-width:0!important;display:grid!important;grid-template-rows:1fr auto auto;align-items:end}.weekly-segmented-bars b{font-size:10px!important;line-height:1!important;min-height:10px}.weekly-segmented-bars small{font-size:9px!important;line-height:1!important}.segment-stack{height:var(--h);min-height:18px;width:100%;display:flex;flex-direction:column-reverse;border-radius:9px 9px 3px 3px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 8px 16px rgba(15,23,42,.10)}.segment-stack .channel-seg{display:block!important;width:100%!important;min-height:4px!important;position:relative;transition:filter .16s ease, opacity .16s ease, transform .16s ease}.segment-stack .channel-seg em{display:none;position:absolute;left:50%;bottom:calc(100% + 7px);transform:translateX(-50%);z-index:20;white-space:nowrap;background:#0f172a;color:white;border-radius:999px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:900;box-shadow:0 10px 24px rgba(15,23,42,.22)}.segment-stack .channel-seg:hover{filter:brightness(1.12);transform:scaleX(1.08)}.segment-stack .channel-seg:hover em{display:block}body[data-hover-channel] .channel-seg{opacity:.35}body[data-hover-channel="telegram"] .seg-telegram,body[data-hover-channel="web"] .seg-web,body[data-hover-channel="whatsapp"] .seg-whatsapp,body[data-hover-channel="max"] .seg-max,body[data-hover-channel="other"] .seg-other{opacity:1!important;filter:brightness(1.13);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}.channel-segment-legend{gap:4px!important}.channel-segment-legend span{font-size:9px!important;padding:3px 5px!important}.quality-mini-widget{display:grid;gap:6px;align-content:start}.quality-mini-widget b{font-size:30px;line-height:1;color:var(--green)}.quality-mini-widget span,.quality-mini-widget small{color:var(--muted);font-size:11px;font-weight:850}.quality-mini-widget i{height:7px;background:#eef2f7;border-radius:999px;overflow:hidden}.quality-mini-widget i em{display:block;height:100%;background:linear-gradient(90deg,#16a34a,#38bdf8);border-radius:999px}.quality-mini-widget button{padding:7px 9px;font-size:11px;border-radius:10px;width:max-content}@media(max-width:1180px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:720px){.dashboard-grid{grid-template-columns:1fr!important}.dashboard-widget,.dashboard-widget.widget-sm,.dashboard-widget.widget-lg,.dashboard-widget.widget-xl{min-height:auto!important}.dashboard-builder-toggle{align-items:flex-start}}

/* AISeller dashboard size-control repair 2026-07-07: keep X1 compact, restore 2x/4x */
.dashboard-widget.widget-sm{grid-column:span 1!important;min-height:184px!important}.dashboard-widget.widget-lg{grid-column:span 2!important;min-height:230px!important}.dashboard-widget.widget-xl{grid-column:span 4!important;min-height:290px!important}.dashboard-widget.widget-lg .weekly-segmented-bars{height:178px!important}.dashboard-widget.widget-xl .weekly-segmented-bars{height:230px!important}.dashboard-widget.widget-lg:has(.dashboard-live-dialog){min-height:260px!important}.dashboard-widget.widget-xl:has(.dashboard-live-dialog){min-height:310px!important}
/* Bigger readable trend bars in X1 */
.dashboard-widget.widget-sm .dashboard-trend-widget{gap:6px!important}.dashboard-widget.widget-sm .weekly-segmented-bars{height:148px!important;padding:6px 6px 2px!important;gap:8px!important;grid-template-columns:repeat(5,minmax(30px,1fr))!important}.dashboard-widget.widget-sm .weekly-segmented-bars b{font-size:11px!important}.dashboard-widget.widget-sm .weekly-segmented-bars small{font-size:9px!important}.dashboard-widget.widget-sm .segment-stack{min-height:34px!important;border-radius:11px 11px 3px 3px}.dashboard-widget.widget-sm .channel-segment-legend{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px!important}.dashboard-widget.widget-sm .channel-segment-legend span{font-size:8px!important;padding:2px 4px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-widget.widget-sm .channel-segment-legend span:last-child{display:none}
@media(max-width:1180px){.dashboard-widget.widget-lg,.dashboard-widget.widget-xl{grid-column:span 2!important}}@media(max-width:720px){.dashboard-widget.widget-sm,.dashboard-widget.widget-lg,.dashboard-widget.widget-xl{grid-column:span 1!important;min-height:auto!important}.dashboard-widget.widget-sm .weekly-segmented-bars{height:150px!important}}

/* AISeller dashboard trend candles visual polish 2026-07-07 */
.dashboard-trend-widget{background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);border-radius:16px;padding:4px 2px 2px}.weekly-segmented-bars{background:radial-gradient(circle at 50% 0%,rgba(37,99,235,.08),transparent 55%),linear-gradient(180deg,#f8fafc,#fff)!important;border-radius:18px!important}.weekly-segmented-bars span{justify-items:center!important;position:relative}.segment-stack{width:clamp(34px,72%,54px)!important;min-width:34px!important;border-radius:16px 16px 6px 6px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -10px 18px rgba(15,23,42,.10),0 12px 24px rgba(37,99,235,.16)!important;outline:1px solid rgba(255,255,255,.75);position:relative}.segment-stack:before{content:"";position:absolute;left:12%;right:12%;top:4px;height:18px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(255,255,255,0));z-index:2;pointer-events:none}.segment-stack:after{content:"";position:absolute;inset:-7px -5px auto;height:20px;border-radius:999px;background:rgba(37,99,235,.10);filter:blur(8px);z-index:-1}.segment-stack .channel-seg{min-height:6px!important}.weekly-segmented-bars b{margin-top:5px!important;background:#fff;border:1px solid rgba(148,163,184,.28);border-radius:999px;padding:2px 6px;box-shadow:0 5px 12px rgba(15,23,42,.06)}.weekly-segmented-bars small{margin-top:3px;color:#475569!important;font-weight:950!important}.dashboard-widget.widget-sm .segment-stack{width:clamp(32px,82%,46px)!important;min-width:32px!important}.dashboard-widget.widget-lg .segment-stack{width:clamp(42px,68%,62px)!important}.dashboard-widget.widget-xl .segment-stack{width:clamp(46px,58%,72px)!important}.dashboard-widget.widget-sm .weekly-segmented-bars{gap:10px!important}.segment-stack:hover{transform:translateY(-2px) scaleX(1.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -10px 18px rgba(15,23,42,.10),0 18px 34px rgba(37,99,235,.24)!important}

/* AISeller dashboard X1 channel icons vertical alignment 2026-07-07 */
.dashboard-widget.widget-sm .dashboard-channel-list img,.dashboard-widget.widget-sm .legend i,.dashboard-widget.widget-sm .channel-segment-legend i{transform:translateY(20px)}

/* AISeller dashboard trend+metrics readability pass 2026-07-07 */
.dashboard-widget.widget-sm:has(.dashboard-trend-widget){min-height:210px!important}.dashboard-widget.widget-sm .dashboard-trend-widget{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px!important;padding:0 2px}.dashboard-widget.widget-sm .weekly-segmented-bars{height:142px!important;min-height:142px!important;padding:8px 8px 0!important;gap:12px!important;grid-template-columns:repeat(5,minmax(38px,1fr))!important;background:linear-gradient(180deg,#f6faff 0%,#fff 100%)!important}.dashboard-widget.widget-sm .weekly-segmented-bars span{min-width:38px!important;grid-template-rows:minmax(0,1fr) auto auto!important}.dashboard-widget.widget-sm .segment-stack{width:100%!important;max-width:58px!important;min-width:38px!important;justify-self:center;min-height:62px!important;border-radius:18px 18px 6px 6px!important}.dashboard-widget.widget-sm .weekly-segmented-bars b{font-size:12px!important;line-height:1!important;margin-top:5px!important;padding:2px 7px!important;white-space:nowrap}.dashboard-widget.widget-sm .weekly-segmented-bars small{font-size:10px!important;line-height:1.05!important;margin-top:4px!important;white-space:nowrap}.dashboard-widget.widget-sm .channel-segment-legend{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;margin-top:0}.dashboard-widget.widget-sm .channel-segment-legend span{font-size:9px!important;line-height:1!important;padding:4px 5px!important;justify-content:center}.dashboard-widget.widget-sm .channel-segment-legend span:last-child{display:inline-flex!important}.dashboard-widget.widget-sm .channel-segment-legend i{transform:none!important;width:7px!important;height:7px!important}.segment-stack .channel-seg:hover em{font-size:11px!important;padding:6px 9px!important}.dashboard-widget.widget-sm:has(.compact-widget-metrics){min-height:210px!important}.dashboard-widget.widget-sm .compact-widget-metrics{height:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:1fr;gap:8px!important}.dashboard-widget.widget-sm .compact-widget-metrics .metric-card{display:grid;grid-template-rows:auto 1fr auto;align-items:center;min-height:72px!important;padding:9px!important;border-radius:15px!important;overflow:hidden}.dashboard-widget.widget-sm .compact-widget-metrics .metric-card small{font-size:10px!important;line-height:1.1;color:#475569}.dashboard-widget.widget-sm .compact-widget-metrics .metric-value{font-size:clamp(20px,2.1vw,30px)!important;line-height:.95!important;white-space:nowrap!important;overflow:hidden;text-overflow:clip;letter-spacing:-.06em;margin:2px 0!important}.dashboard-widget.widget-sm .compact-widget-metrics .metric-card.green .metric-value,.dashboard-widget.widget-sm .compact-widget-metrics .metric-card .metric-value[data-count-target*="₽"]{font-size:clamp(18px,1.75vw,24px)!important;letter-spacing:-.07em}.metric-delta{display:inline-flex!important;align-items:center;width:max-content;max-width:100%;border-radius:999px;padding:3px 7px;font-size:10px!important;font-weight:950!important;line-height:1!important;white-space:nowrap}.metric-delta.positive{background:#dcfce7!important;color:#15803d!important}.metric-delta.negative{background:#fee2e2!important;color:#b91c1c!important}.metric-delta.neutral{background:#eef2ff!important;color:#475569!important}
@media(min-width:1181px){.dashboard-widget.widget-lg:has(.dashboard-trend-widget){min-height:280px!important}.dashboard-widget.widget-lg .weekly-segmented-bars{height:205px!important}.dashboard-widget.widget-xl:has(.dashboard-trend-widget){min-height:360px!important}.dashboard-widget.widget-xl .weekly-segmented-bars{height:275px!important}}

/* AISeller dashboard period layout + trend modes 2026-07-07 */
.dashboard-top-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px!important;border-radius:16px!important}.dashboard-top-controls span{display:grid;gap:2px}.dashboard-top-controls b{font-size:14px}.dashboard-top-controls small{font-size:11px;color:var(--muted);font-weight:800}.top-period-selector{margin:0!important;flex-wrap:nowrap!important}.top-period-selector button{padding:7px 13px!important;font-size:12px!important}.dashboard-builder.open{padding:0!important}.dashboard-builder-body{display:grid!important;grid-template-columns:minmax(210px,.75fr) minmax(220px,1fr) minmax(320px,1.7fr)!important;gap:8px!important;align-items:stretch;padding:8px 10px 10px!important}.dashboard-control-row{display:flex!important;align-items:center!important;padding:8px 10px!important}.dashboard-control-row p{font-size:11px!important;line-height:1.2!important}.dashboard-preset-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:0!important}.dashboard-preset-row button{padding:8px!important}.dashboard-preset-row button b{font-size:11px!important}.dashboard-preset-row button small{font-size:9px!important;line-height:1.15!important}.metric-chip-row{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto;padding-bottom:2px}.metric-chip{min-width:118px!important;padding:8px!important}.metric-chip b{font-size:11px!important}.metric-chip small{font-size:9px!important}.dashboard-widget.widget-sm:has(.dashboard-trend-widget){min-height:220px!important}.dashboard-widget.widget-sm .dashboard-trend-widget{grid-template-rows:minmax(0,1fr) auto!important}.weekly-segmented-bars.trend-period-day{grid-template-columns:repeat(7,minmax(28px,1fr))!important}.weekly-segmented-bars.trend-period-week{grid-template-columns:repeat(7,minmax(28px,1fr))!important}.weekly-segmented-bars.trend-period-month{grid-template-columns:repeat(5,minmax(42px,1fr))!important}.weekly-segmented-bars.trend-period-quarter{grid-template-columns:repeat(6,minmax(30px,1fr))!important}.weekly-segmented-bars.trend-period-year{grid-template-columns:repeat(6,minmax(32px,1fr))!important;grid-auto-rows:minmax(66px,1fr);height:170px!important;align-content:stretch!important}.dashboard-widget.widget-sm .weekly-segmented-bars.trend-period-year{height:160px!important;grid-auto-rows:minmax(60px,1fr)}.single-channel-bar .segment-stack{box-shadow:inset 0 1px 0 rgba(255,255,255,.60),inset 0 -10px 18px rgba(15,23,42,.10),0 14px 26px rgba(37,99,235,.18)!important}.trend-period-day .segment-stack{max-width:54px!important}.trend-period-week .segment-stack{max-width:48px!important}.trend-period-year .segment-stack{max-width:42px!important;min-height:34px!important}.dashboard-widget.widget-sm .trend-period-day .segment-stack,.dashboard-widget.widget-sm .trend-period-week .segment-stack{min-width:30px!important;max-width:42px!important}.dashboard-widget.widget-sm .trend-period-year .segment-stack{min-width:26px!important;max-width:36px!important}.channel-segment-legend{display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap!important;gap:5px!important}.dashboard-widget.widget-sm .channel-segment-legend{grid-template-columns:none!important;display:flex!important}.dashboard-widget.widget-sm .channel-segment-legend span{display:inline-flex!important;flex:0 1 auto!important;font-size:8.5px!important;padding:3px 5px!important}.dashboard-widget.widget-sm .channel-segment-legend i,.channel-segment-legend i{transform:none!important}.analytics-kpi-row{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}.analytics-kpi-inline{display:flex!important;align-items:center!important;gap:7px!important;min-height:54px!important;padding:10px 12px!important;overflow:hidden!important;white-space:nowrap!important}.analytics-kpi-inline small{font-size:11px!important;font-weight:900!important;color:var(--muted);flex:0 0 auto}.analytics-kpi-inline .metric-value{font-size:clamp(17px,1.6vw,24px)!important;line-height:1!important;letter-spacing:-.05em!important;white-space:nowrap!important;overflow:visible!important;flex:1 1 auto;min-width:0}.analytics-kpi-inline .metric-delta{font-size:10px!important;flex:0 0 auto;max-width:96px;overflow:hidden;text-overflow:ellipsis}@media(max-width:1180px){.dashboard-builder-body{grid-template-columns:1fr!important}.metric-chip-row{flex-wrap:wrap!important}.analytics-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.top-period-selector{flex-wrap:wrap!important}}@media(max-width:720px){.dashboard-top-controls{display:grid}.analytics-kpi-row{grid-template-columns:1fr!important}.analytics-kpi-inline{white-space:normal!important}.weekly-segmented-bars.trend-period-year{grid-template-columns:repeat(3,minmax(32px,1fr))!important;height:220px!important}}

/* AISeller dashboard constructor/header + candle repaint 2026-07-07 */
.dashboard-top-controls{display:none!important}.dashboard-builder{padding:0!important;overflow:hidden}.dashboard-builder-head{display:grid;grid-template-columns:minmax(220px,.9fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:16px;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%)}.dashboard-builder-head .dashboard-builder-toggle{padding:0!important;background:transparent!important;border:0!important}.builder-period-selector{margin:0!important;justify-content:flex-end!important;flex-wrap:nowrap!important}.builder-period-selector button{padding:7px 12px!important;font-size:12px!important;box-shadow:none}.dashboard-builder-body{grid-template-columns:minmax(160px,.62fr) minmax(190px,.75fr) minmax(360px,1.9fr)!important;gap:7px!important;padding:7px 10px 9px!important;align-items:center!important}.dashboard-control-row{padding:6px 8px!important;min-height:48px}.dashboard-control-row b{font-size:12px}.dashboard-control-row p{font-size:10px!important;line-height:1.15!important}.dashboard-preset-row button{min-height:48px!important}.metric-chip{min-width:106px!important;min-height:48px!important}.metric-chip span{width:20px!important;height:20px!important}.weekly-segmented-bars{overflow:visible!important}.weekly-segmented-bars.trend-period-day{grid-template-columns:repeat(7,minmax(34px,1fr))!important}.weekly-segmented-bars.trend-period-week{grid-template-columns:repeat(7,minmax(34px,1fr))!important}.weekly-segmented-bars.trend-period-month{grid-template-columns:repeat(5,minmax(44px,1fr))!important}.weekly-segmented-bars.trend-period-year{grid-template-columns:repeat(6,minmax(34px,1fr))!important;grid-auto-rows:minmax(72px,1fr)!important;height:178px!important}.dashboard-widget.widget-sm .weekly-segmented-bars.trend-period-day,.dashboard-widget.widget-sm .weekly-segmented-bars.trend-period-week{grid-template-columns:repeat(7,minmax(30px,1fr))!important;gap:9px!important}.dashboard-widget.widget-sm .weekly-segmented-bars.trend-period-year{grid-template-columns:repeat(6,minmax(27px,1fr))!important;grid-auto-rows:minmax(62px,1fr)!important;height:170px!important;gap:6px 8px!important}.segment-stack{background:linear-gradient(180deg,#f8fafc,#eef2f7)!important;border:1px solid rgba(148,163,184,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 14px 28px rgba(15,23,42,.10)!important}.segment-stack .channel-seg{box-shadow:inset 0 1px 0 rgba(255,255,255,.42);transition:background .16s ease,opacity .16s ease,filter .16s ease,box-shadow .16s ease,transform .16s ease}.segment-stack:hover{transform:translateY(-2px) scaleX(1.03)}body[data-hover-channel] .segment-stack .channel-seg{background:rgba(255,255,255,.18)!important;opacity:1!important;filter:saturate(.35);box-shadow:inset 0 0 0 1px rgba(148,163,184,.22)!important}body[data-hover-channel="telegram"] .segment-stack .seg-telegram{background:linear-gradient(180deg,#38bdf8 0%,#2563eb 100%)!important;filter:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 0 2px rgba(56,189,248,.25)!important}body[data-hover-channel="web"] .segment-stack .seg-web{background:linear-gradient(180deg,#fb7185 0%,#9f1239 100%)!important;filter:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 0 2px rgba(159,18,57,.24)!important}body[data-hover-channel="whatsapp"] .segment-stack .seg-whatsapp{background:linear-gradient(180deg,#86efac 0%,#16a34a 100%)!important;filter:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 0 2px rgba(34,197,94,.25)!important}body[data-hover-channel="max"] .segment-stack .seg-max{background:linear-gradient(180deg,#c4b5fd 0%,#7c3aed 100%)!important;filter:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 0 2px rgba(124,58,237,.25)!important}body[data-hover-channel="vk"] .segment-stack .seg-vk{background:linear-gradient(180deg,#93c5fd 0%,#4c75a3 100%)!important;filter:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 0 2px rgba(76,117,163,.25)!important}body[data-hover-channel="avito"] .segment-stack .seg-avito{background:linear-gradient(180deg,#fde68a 0%,#f59e0b 100%)!important;filter:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 0 2px rgba(245,158,11,.25)!important}body[data-hover-channel="other"] .segment-stack .seg-other{background:linear-gradient(180deg,#cbd5e1 0%,#64748b 100%)!important;filter:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 0 2px rgba(100,116,139,.25)!important}.channel-segment-legend{margin-top:2px!important}.channel-segment-legend span{background:#fff!important;border-color:rgba(148,163,184,.35)!important;box-shadow:0 5px 12px rgba(15,23,42,.05)}.channel-segment-legend i{transform:none!important}@media(max-width:1180px){.dashboard-builder-head{grid-template-columns:1fr}.builder-period-selector{justify-content:flex-start!important;flex-wrap:wrap!important}.dashboard-builder-body{grid-template-columns:1fr!important}.metric-chip-row{flex-wrap:wrap!important}}@media(max-width:720px){.dashboard-builder-head{padding:8px}.builder-period-selector button{padding:6px 9px!important;font-size:11px!important}.weekly-segmented-bars.trend-period-year{grid-template-columns:repeat(3,minmax(34px,1fr))!important;height:230px!important}}

/* AISeller dashboard constructor collapse fix 2026-07-07 */
.dashboard-builder.collapsed .dashboard-builder-body{display:none!important}.dashboard-builder.collapsed{max-height:74px}.dashboard-builder.open{max-height:none}

/* AISeller day trend equal spacing + channel mix donut polish 2026-07-07 */
.dashboard-widget.widget-sm .weekly-segmented-bars.trend-period-day{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:0!important;justify-items:center!important;align-items:end!important;padding:8px 6px 24px!important;height:160px!important;min-height:160px!important;overflow:visible!important}.weekly-segmented-bars.trend-period-day span{width:100%!important;min-width:0!important;max-width:none!important;justify-items:center!important;position:relative!important}.weekly-segmented-bars.trend-period-day .segment-stack{width:clamp(24px,58%,42px)!important;min-width:24px!important;max-width:42px!important;height:var(--h)!important;min-height:22px!important;margin:0 auto!important}.weekly-segmented-bars.trend-period-day b{font-size:10px!important;margin-top:5px!important;padding:2px 6px!important}.weekly-segmented-bars.trend-period-day small{position:absolute!important;left:50%!important;bottom:-22px!important;transform:translateX(-50%) rotate(-45deg)!important;transform-origin:center!important;white-space:nowrap!important;font-size:9px!important;font-weight:950!important;color:#475569!important;margin:0!important;line-height:1!important}.dashboard-widget.widget-sm .dashboard-trend-widget.trend-period-day{padding-bottom:4px!important}.dashboard-widget.widget-sm .dashboard-trend-widget.trend-period-day .channel-segment-legend{margin-top:16px!important;gap:3px!important}.dashboard-widget.widget-sm .dashboard-trend-widget.trend-period-day .channel-segment-legend span{font-size:8px!important;padding:3px 4px!important}.dashboard-widget.widget-sm .dashboard-trend-widget.trend-period-day .channel-segment-legend i{transform:none!important}.donut-area{align-items:center!important}.dashboard-widget.widget-sm .donut-area{grid-template-columns:minmax(92px,.72fr) minmax(0,1fr)!important;gap:10px!important;justify-items:center!important}.dashboard-widget.widget-sm .donut{width:104px!important;min-width:104px!important;filter:drop-shadow(0 14px 22px rgba(37,99,235,.14));transition:filter .2s ease,transform .2s ease,background .2s ease}.donut{background:conic-gradient(#38bdf8 0 36%,#fb7185 36% 60%,#86efac 60% 76%,#c4b5fd 76% 86%,#cbd5e1 86% 100%)!important}.legend .c1{background:linear-gradient(180deg,#38bdf8,#2563eb)!important}.legend .c2{background:linear-gradient(180deg,#fb7185,#9f1239)!important}.legend .c3{background:linear-gradient(180deg,#86efac,#16a34a)!important}.legend .c5{background:linear-gradient(180deg,#c4b5fd,#7c3aed)!important}.legend .c4{background:linear-gradient(180deg,#cbd5e1,#64748b)!important}.dashboard-widget.widget-sm .legend{grid-template-columns:1fr!important;gap:4px!important}.dashboard-widget.widget-sm .legend button{padding:5px 7px!important;font-size:10px!important;border-radius:999px!important;background:#fff!important}.dashboard-widget.widget-sm .legend i{transform:none!important;width:9px!important;height:9px!important}body[data-hover-channel] .donut{transform:scale(1.04);filter:drop-shadow(0 18px 30px rgba(15,23,42,.18))}body[data-hover-channel="telegram"] .donut{background:conic-gradient(#38bdf8 0 36%,rgba(15,23,42,.10) 36% 100%)!important}body[data-hover-channel="web"] .donut{background:conic-gradient(rgba(15,23,42,.10) 0 36%,#fb7185 36% 60%,rgba(15,23,42,.10) 60% 100%)!important}body[data-hover-channel="whatsapp"] .donut{background:conic-gradient(rgba(15,23,42,.10) 0 60%,#86efac 60% 76%,rgba(15,23,42,.10) 76% 100%)!important}body[data-hover-channel="max"] .donut{background:conic-gradient(rgba(15,23,42,.10) 0 76%,#c4b5fd 76% 86%,rgba(15,23,42,.10) 86% 100%)!important}body[data-hover-channel="other"] .donut{background:conic-gradient(rgba(15,23,42,.10) 0 86%,#cbd5e1 86% 100%)!important}body[data-hover-channel] .legend button{opacity:.42}body[data-hover-channel="telegram"] .legend button[data-channel="telegram"],body[data-hover-channel="web"] .legend button[data-channel="web"],body[data-hover-channel="whatsapp"] .legend button[data-channel="whatsapp"],body[data-hover-channel="max"] .legend button[data-channel="max"],body[data-hover-channel="other"] .legend button[data-channel="other"]{opacity:1!important;border-color:#93c5fd!important;box-shadow:0 10px 20px rgba(37,99,235,.12);transform:translateX(2px)}


/* AISeller channel color separation: site = ripe cherry 2026-07-07 */
.legend .c2{background:linear-gradient(180deg,#fb7185,#9f1239)!important}.channel-segment-legend span[data-channel="web"] i{background:linear-gradient(180deg,#fb7185,#9f1239)!important}body[data-hover-channel="web"] .segment-stack .seg-web{background:linear-gradient(180deg,#fb7185 0%,#9f1239 100%)!important;filter:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 0 2px rgba(159,18,57,.24)!important}body[data-hover-channel="web"] .donut{background:conic-gradient(rgba(15,23,42,.10) 0 36%,#fb7185 36% 60%,rgba(15,23,42,.10) 60% 100%)!important}.donut{background:conic-gradient(#38bdf8 0 36%,#fb7185 36% 60%,#86efac 60% 76%,#c4b5fd 76% 86%,#cbd5e1 86% 100%)!important}


/* AISeller non-day total candles with channel share hover 2026-07-07 */
.total-stack{background:linear-gradient(180deg,#bbf7d0 0%,#5eead4 48%,#38bdf8 100%)!important;position:relative!important;overflow:hidden!important;min-height:70px!important}.total-stack:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,0) 38%,rgba(15,23,42,.08));pointer-events:none;z-index:3}.total-stack .channel-share{display:block!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:var(--share)!important;background:var(--share-bg)!important;opacity:0!important;z-index:2;transition:opacity .18s ease,filter .18s ease,box-shadow .18s ease}.total-stack .channel-share em{display:none;position:absolute;left:50%;bottom:calc(100% + 7px);transform:translateX(-50%);z-index:10;white-space:nowrap;background:#0f172a;color:white;border-radius:999px;padding:6px 9px;font-size:11px;font-style:normal;font-weight:950;box-shadow:0 10px 24px rgba(15,23,42,.22)}.total-stack .channel-share:hover em{display:block}body[data-hover-channel] .total-stack{background:linear-gradient(180deg,rgba(187,247,208,.28),rgba(56,189,248,.22))!important}body[data-hover-channel="telegram"] .total-stack .share-telegram,body[data-hover-channel="web"] .total-stack .share-web,body[data-hover-channel="whatsapp"] .total-stack .share-whatsapp,body[data-hover-channel="max"] .total-stack .share-max,body[data-hover-channel="other"] .total-stack .share-other{opacity:1!important;filter:saturate(1.08) brightness(1.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 -8px 18px rgba(15,23,42,.12)}
/* Day chart remains channel candles, not total-share candles. */
.trend-period-day .total-stack{background:unset!important}.trend-period-day .channel-share{display:none!important}
.dashboard-widget.widget-sm .total-stack{min-height:78px!important}.dashboard-widget.widget-lg .total-stack{min-height:110px!important}.dashboard-widget.widget-xl .total-stack{min-height:150px!important}


/* AISeller candle height scaling + builder ergonomics 2026-07-07 */
.dashboard-widget.widget-sm:has(.dashboard-trend-widget){min-height:260px!important}.dashboard-widget.widget-sm .weekly-segmented-bars{height:198px!important;min-height:198px!important;align-items:end!important}.dashboard-widget.widget-lg:has(.dashboard-trend-widget){min-height:310px!important}.dashboard-widget.widget-lg .weekly-segmented-bars{height:238px!important}.dashboard-widget.widget-xl:has(.dashboard-trend-widget){min-height:390px!important}.dashboard-widget.widget-xl .weekly-segmented-bars{height:310px!important}.segment-stack,.total-stack{height:var(--h)!important;min-height:10px!important}.total-stack{min-height:10px!important;background:linear-gradient(180deg,#bbf7d0 0%,#5eead4 48%,#38bdf8 100%)!important}.dashboard-widget.widget-sm .total-stack{min-height:10px!important}.dashboard-widget.widget-lg .total-stack{min-height:10px!important}.dashboard-widget.widget-xl .total-stack{min-height:10px!important}.weekly-segmented-bars span{align-self:stretch!important;align-items:end!important}.weekly-segmented-bars b{min-width:30px;text-align:center}.dashboard-builder{border-radius:18px!important;transition:max-height .22s ease,box-shadow .18s ease}.dashboard-builder.collapsed{max-height:58px!important}.dashboard-builder.open{max-height:360px!important;box-shadow:0 14px 34px rgba(15,23,42,.08)!important}.dashboard-builder:has(.seg-telegram):has(.channel-segment-legend):before{display:none}.dashboard-builder-head{min-height:58px!important;padding:7px 10px!important;background:linear-gradient(135deg,#fff,#f8fafc)!important;cursor:pointer}.dashboard-builder-toggle{min-height:42px!important}.dashboard-builder-toggle span{gap:1px!important}.dashboard-builder-toggle small{font-size:10px!important;letter-spacing:.1em!important}.dashboard-builder-toggle b{font-size:14px!important;line-height:1.1!important}.dashboard-builder-toggle em{font-size:10px!important;line-height:1.1!important;color:#64748b!important}.dashboard-builder.collapsed .dashboard-builder-toggle em{display:none!important}.builder-help{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#eff6ff;color:#2563eb;font-size:12px;font-style:normal;font-weight:950;margin-left:auto}.dashboard-builder-toggle strong{width:24px!important;height:24px!important;display:inline-grid!important;place-items:center!important;border-radius:9px!important;background:#0f172a!important;color:#fff!important}.dashboard-builder-body{grid-template-columns:minmax(160px,.7fr) minmax(220px,.9fr) minmax(360px,1.7fr)!important;align-items:start!important;padding:10px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important}.dashboard-control-row{min-height:54px!important;border-radius:14px!important}.dashboard-preset-row button{border-radius:13px!important;min-height:56px!important}.metric-chip-row{max-height:74px!important;overflow-x:auto!important;overflow-y:hidden!important;align-items:stretch}.metric-chip{min-height:54px!important;border-radius:13px!important}.metric-chip span{flex:0 0 auto}.dashboard-builder.open .dashboard-builder-body{animation:builderDrop .18s ease both}@keyframes builderDrop{from{opacity:.55;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:1180px){.dashboard-builder.open{max-height:760px!important}.dashboard-builder-body{grid-template-columns:1fr!important}.metric-chip-row{max-height:none!important;flex-wrap:wrap!important}}

/* AISeller interactive donut SVG + channel-num hover + builder blue toggle 2026-07-07 */
.donut-svg{width:100%!important;height:auto!important;display:block}.donut-seg{cursor:pointer;transition:opacity .18s ease,filter .18s ease,transform .18s ease;outline:none}.donut-seg:hover{filter:brightness(1.12) saturate(1.06);transform:scale(1.03);transform-origin:center}.donut-seg:active{transform:scale(.97)}body[data-hover-channel] .donut-seg{opacity:.28!important}body[data-hover-channel="telegram"] .seg-telegram,body[data-hover-channel="web"] .seg-web,body[data-hover-channel="whatsapp"] .seg-whatsapp,body[data-hover-channel="max"] .seg-max,body[data-hover-channel="other"] .seg-other{opacity:1!important;filter:brightness(1.08) saturate(1.12)!important;transform:scale(1.03)}body[data-hover-channel] .legend button{opacity:.35}body[data-hover-channel="telegram"] .legend button[data-channel="telegram"],body[data-hover-channel="web"] .legend button[data-channel="web"],body[data-hover-channel="whatsapp"] .legend button[data-channel="whatsapp"],body[data-hover-channel="max"] .legend button[data-channel="max"],body[data-hover-channel="other"] .legend button[data-channel="other"]{opacity:1!important;border-color:#93c5fd!important;box-shadow:0 10px 20px rgba(37,99,235,.12);transform:translateX(2px)}.dashboard-widget.widget-sm .donut-area{gap:10px!important}.donut{background:conic-gradient(#38bdf8 0 36%,#fb7185 36% 60%,#86efac 60% 76%,#c4b5fd 76% 86%,#cbd5e1 86% 100%)!important}.dashboard-widget.widget-sm .donut{width:104px!important;min-width:104px!important;filter:drop-shadow(0 14px 22px rgba(37,99,235,.14));transition:filter .2s ease,transform .2s ease,background .2s ease}.dashboard-builder-toggle strong{width:24px!important;height:24px!important;display:inline-grid!important;place-items:center!important;border-radius:9px!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;box-shadow:0 5px 12px rgba(37,99,235,.18)!important}.channel-num{display:none!important;font-size:inherit!important;line-height:inherit!important;margin:0!important;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important}.weekly-segmented-bars .total-num{display:inline!important}body[data-hover-channel] .weekly-segmented-bars .total-num{display:none!important}body[data-hover-channel="telegram"] .num-telegram,body[data-hover-channel="web"] .num-web,body[data-hover-channel="whatsapp"] .num-whatsapp,body[data-hover-channel="max"] .num-max,body[data-hover-channel="other"] .num-other{display:inline!important}.channel-seg em,.channel-share em{display:none!important}

/* SVG donut sizing - replace old .donut sizing */
.dashboard-widget.widget-sm .donut-svg{width:104px!important;min-width:104px!important;height:auto!important;filter:drop-shadow(0 14px 22px rgba(37,99,235,.14))!important}
.donut-svg{filter:drop-shadow(0 14px 22px rgba(37,99,235,.14))!important}
body[data-hover-channel] .donut-svg{filter:drop-shadow(0 18px 30px rgba(15,23,42,.18))!important}

/* === FINAL builder fix 2026-07-07: gray toggle, full-width rows, period in head === */

/* Override head styling: ensure grid stays 2-column with toggle left, period right */
.dashboard-builder-head{display:grid!important;grid-template-columns:minmax(200px,.85fr) minmax(170px,1fr)!important;align-items:center!important;gap:10px!important;padding:6px 10px!important;cursor:default!important}

/* Toggle button inside head: light gray bg, like other buttons */
.dashboard-builder-head .dashboard-builder-toggle{background:#f1f5f9!important;border:1px solid rgba(148,163,184,.28)!important;border-radius:12px!important;padding:7px 12px!important;min-height:38px!important;cursor:pointer!important;width:100%!important;transition:background .15s,box-shadow .15s!important}
.dashboard-builder-head .dashboard-builder-toggle:hover{background:#e2e8f0!important;box-shadow:0 3px 10px rgba(15,23,42,.06)!important}

/* Plus/minus inside toggle: blue, no background */
.dashboard-builder-head .dashboard-builder-toggle strong{width:26px!important;height:26px!important;background:transparent!important;color:#2563eb!important;font-size:19px!important;font-weight:950!important;box-shadow:none!important;border-radius:10px!important;display:inline-grid!important;place-items:center!important}

/* Period selector in head: right-aligned, same row */
.builder-period-selector{justify-content:flex-end!important;flex-wrap:nowrap!important;margin:0!important}
.builder-period-selector button{padding:6px 11px!important;font-size:12px!important;box-shadow:none!important;background:#fff!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:9px!important;transition:all .12s}
.builder-period-selector button:hover{background:#f1f5f9!important;border-color:#93c5fd!important}
.builder-period-selector button.active{background:#eff6ff!important;border-color:#3b82f6!important;color:#1d4ed8!important;font-weight:850!important}

/* Builder body: full-width rows */
.dashboard-builder-body{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:10px!important;padding:10px 14px 14px!important;align-items:stretch!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;border-radius:0 0 18px 18px!important}

/* Control row: full width */
.dashboard-control-row{width:100%!important;border-radius:14px!important;background:#f8fafc!important;border:1px solid rgba(148,163,184,.16)!important;padding:10px 14px!important;min-height:auto!important;display:grid!important;grid-template-columns:1fr!important;align-items:center!important}
.dashboard-control-row div{display:grid!important;gap:2px!important}
.dashboard-control-row b{font-size:13px!important;line-height:1.2!important}
.dashboard-control-row p{font-size:11px!important;line-height:1.3!important;color:#64748b!important;margin:0!important}

/* Preset row: 3 buttons, full width */
.dashboard-preset-row{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0!important}
.dashboard-preset-row button{border-radius:14px!important;min-height:48px!important;padding:8px 10px!important;background:#f8fafc!important;border:1px solid rgba(148,163,184,.16)!important;color:var(--ink)!important;display:grid!important;gap:3px!important;text-align:left!important;transition:all .15s}
.dashboard-preset-row button:hover{background:#eef2f7!important;border-color:#93c5fd!important}
.dashboard-preset-row button b{color:var(--ink)!important;font-size:12px!important}
.dashboard-preset-row button small{color:var(--muted)!important;font-size:10px!important;line-height:1.2!important}

/* Widget chips: wrap, full width, below preset row */
.metric-chip-row{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;overflow:visible!important;max-height:none!important;padding:2px 0!important}
.metric-chip{min-width:118px!important;flex:1 1 auto!important;max-width:200px!important;min-height:42px!important;padding:8px 10px!important;border-radius:13px!important;background:#f8fafc!important;border:1px solid rgba(148,163,184,.16)!important;transition:all .15s}
.metric-chip:hover{background:#eef2f7!important;border-color:#93c5fd!important;box-shadow:0 4px 10px rgba(37,99,235,.08)!important}
.metric-chip.active{background:#eff6ff!important;border-color:#93c5fd!important;box-shadow:0 5px 14px rgba(37,99,235,.12)!important}
.metric-chip b{font-size:11px!important;line-height:1.1!important}
.metric-chip small{font-size:9px!important}
.metric-chip span{width:22px!important;height:22px!important;border-radius:7px!important;background:#e2e8f0!important;color:#2563eb!important;font-size:13px!important}

/* Open state: no height cap */
.dashboard-builder.open{max-height:none!important;box-shadow:0 14px 40px rgba(15,23,42,.10)!important}

/* Remove old conflicting styles */
.builder-help{display:none!important}
.dashboard-builder:has(.seg-telegram):has(.channel-segment-legend):before{display:none!important}

/* Mobile: stack presets, full-width chips */
@media(max-width:820px){
  .dashboard-builder-head{grid-template-columns:1fr!important;gap:6px!important}
  .dashboard-preset-row{grid-template-columns:1fr!important}
  .metric-chip{max-width:none!important}
  .dashboard-control-row{grid-template-columns:1fr!important;gap:6px}
}

/* === Swap toggle to right, period to left so buttons don't cover plus === */
.dashboard-builder-head{grid-template-columns:minmax(0,1fr) auto!important}

/* Toggle on the right, no auto-width, compact */
.dashboard-builder-head .dashboard-builder-toggle{order:1!important;width:40px!important;min-width:40px!important;flex:0 0 40px!important;padding:3px!important;justify-self:end!important}
.dashboard-builder-toggle span{display:none!important}
.dashboard-builder-toggle strong{width:32px!important;height:32px!important;font-size:22px!important}

/* Period selector on the left */
.builder-period-selector{order:0!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:4px!important;min-width:0!important;overflow:hidden!important}
.builder-period-selector button{padding:5px 9px!important;font-size:11px!important;border-radius:8px!important}

/* Mobile: keep same layout, just tighter */
@media(max-width:820px){
  .dashboard-builder-head{grid-template-columns:1fr auto!important}
  .builder-period-selector button{padding:4px 7px!important;font-size:10px!important}
  .dashboard-builder-toggle strong{width:28px!important;height:28px!important;font-size:19px!important}
}

/* Motion safety: dashboards stay readable for people who reduce animation. */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* AISeller dashboard compact viewport fit 2026-07-09: 2 rows on one screen + scrollable channels */
.overview-workbench{gap:8px!important}
.dashboard-grid{gap:8px!important;align-items:stretch!important}
.dashboard-widget,.dashboard-widget.widget-sm,.dashboard-widget.widget-lg,.dashboard-widget.widget-xl{padding:8px!important;gap:6px!important;min-height:241px!important}
.dashboard-widget.widget-sm{min-height:241px!important}
.dashboard-widget.widget-lg{min-height:273px!important}
.dashboard-widget.widget-xl{min-height:316px!important}
.dashboard-widget .panel-head{gap:4px!important;margin-bottom:0!important}
.dashboard-widget .panel-head h3{font-size:12.5px!important;line-height:1.08!important}
.dashboard-widget .panel-head span{font-size:9px!important;line-height:1.08!important}
.widget-controls button{font-size:9px!important;min-width:22px!important;padding:3px 4px!important}
.dashboard-widget.widget-sm:has(.dashboard-trend-widget){min-height:295px!important}
.dashboard-widget.widget-sm .dashboard-trend-widget{gap:4px!important;min-height:0!important}
.dashboard-widget.widget-sm .weekly-segmented-bars{height:239px!important;min-height:239px!important;padding:5px 5px 18px!important;gap:6px!important}
.dashboard-widget.widget-sm .weekly-segmented-bars.trend-period-day{height:235px!important;min-height:235px!important;padding:5px 4px 18px!important}
.dashboard-widget.widget-sm .weekly-segmented-bars.trend-period-year{height:241px!important;min-height:241px!important;grid-auto-rows:minmax(44px,1fr)!important}
.dashboard-widget.widget-sm .segment-stack{min-height:10px!important;max-width:42px!important;border-radius:12px 12px 4px 4px!important}
.dashboard-widget.widget-sm .weekly-segmented-bars b{font-size:9px!important;padding:1px 5px!important;margin-top:3px!important}
.dashboard-widget.widget-sm .weekly-segmented-bars small{font-size:8px!important;margin-top:2px!important}
.dashboard-widget.widget-sm .channel-segment-legend{gap:2px!important;margin-top:0!important}
.dashboard-widget.widget-sm .channel-segment-legend span{font-size:7.5px!important;padding:2px 4px!important}
.dashboard-widget.widget-sm .compact-widget-metrics{gap:4px!important}
.dashboard-widget.widget-sm .metric-card{min-height:44px!important;padding:5px!important}
.dashboard-widget.widget-sm .metric-card b{font-size:14px!important;line-height:1.05!important}
.dashboard-widget.widget-sm .metric-card small,.dashboard-widget.widget-sm .metric-card span{font-size:8.5px!important;line-height:1.08!important}
.dashboard-operator-queue{gap:4px!important;overflow:auto!important;min-height:0!important;max-height:200px!important;padding-right:2px!important}
.dashboard-operator-queue button{padding:5px 6px!important;gap:2px!important}
.dashboard-operator-queue b{font-size:10.5px!important;line-height:1.08!important}.dashboard-operator-queue span,.dashboard-operator-queue em{font-size:8.5px!important;line-height:1.08!important}
.dashboard-live-dialog,.dashboard-dialog-stack{gap:4px!important;min-height:0!important;overflow:hidden!important}.dialog-stage{padding:8px!important;border-radius:10px!important}.message-stage{min-height:110px!important}.dashboard-live-dialog .message{font-size:10px!important;line-height:1.2!important;margin:4px 0!important;padding:6px 8px!important}.dashboard-reply-row input{min-height:34px!important;font-size:10.5px!important;padding:6px 8px!important}.dashboard-reply-row button,.full-width{font-size:10.5px!important;padding:6px 8px!important}
.dashboard-channel-list{display:grid!important;gap:5px!important;max-height:200px!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding-right:4px!important;scrollbar-width:thin!important}
.dashboard-channel-list button{min-height:34px!important;padding:5px 7px!important;border-radius:10px!important;display:grid!important;grid-template-columns:22px 1fr!important;gap:3px 7px!important;align-items:center!important}
.dashboard-channel-list img{width:20px!important;height:20px!important;grid-row:1 / span 2!important;transform:none!important}.dashboard-channel-list b{font-size:10.5px!important;line-height:1.05!important}.dashboard-channel-list span{font-size:8.5px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.dashboard-widget.widget-sm .donut-area{grid-template-columns:82px minmax(0,1fr)!important;gap:7px!important}.dashboard-widget.widget-sm .donut-svg{width:82px!important;min-width:82px!important}.dashboard-widget.widget-sm .legend{gap:3px!important}.dashboard-widget.widget-sm .legend button{font-size:8.5px!important;padding:4px 6px!important;min-height:24px!important}
.compact-radar{gap:5px!important;overflow-y:auto!important;max-height:200px!important;overscroll-behavior:contain!important;scrollbar-width:thin!important}.compact-radar article,.radar-grid article{padding:7px!important}.compact-radar b,.radar-grid b{font-size:10.5px!important}.compact-radar span,.radar-grid span{font-size:8.5px!important}
.quality-mini-widget{gap:4px!important}.quality-mini-widget b{font-size:22px!important}.quality-mini-widget span,.quality-mini-widget small{font-size:9px!important}.quality-mini-widget button{font-size:9px!important;padding:5px 7px!important}
@media(max-width:1180px){.dashboard-widget,.dashboard-widget.widget-sm,.dashboard-widget.widget-lg,.dashboard-widget.widget-xl{max-height:none!important}.dashboard-channel-list{max-height:200px!important}}