/* ═══════════════════════════════════════════════════════
   Ant Design Theme (D7)
   Clean, precise, 6px radii, underline tabs, bordered tags
   ═══════════════════════════════════════════════════════ */

/* ── Ant Design Light ─────────────────────────────────── */
[data-theme="ant"] {
  /* Surfaces */
  --bg: #ffffff;
  --surface: #ffffff;
  --surface2: #fafafa;
  --topbar-bg: rgba(255, 255, 255, .96);

  /* Text */
  --text: rgba(0, 0, 0, .88);
  --text2: rgba(0, 0, 0, .65);
  --muted: rgba(0, 0, 0, .45);
  --on-primary: #fff;
  --placeholder: rgba(0, 0, 0, .25);

  /* Borders */
  --border: #f0f0f0;
  --border2: #d9d9d9;

  /* Primary — Ant Blue (#1677ff) */
  --primary: #1677ff;
  --primary2: #0958d9;
  --primary-light: rgba(22, 119, 255, .06);

  /* Semantic */
  --success: #52c41a;
  --success2: #389e0d;
  --success-light: rgba(82, 196, 26, .06);
  --success-text: #389e0d;
  --warning: #faad14;
  --warning-light: rgba(250, 173, 20, .06);
  --warning-text: #d48806;
  --danger: #ff4d4f;
  --danger2: #cf1322;
  --danger-light: rgba(255, 77, 79, .06);
  --danger-text: #cf1322;

  /* Semantic surfaces */
  --whatsapp-bg: #f6ffed; --whatsapp-text: #389e0d;
  --telegram-bg: #e6f4ff; --telegram-text: #0958d9;
  --email-bg: #e6f4ff;    --email-text: #1677ff;
  --verify-banner-bg: #fffbe6; --verify-banner-text: #d48806;

  /* Toast backgrounds */
  --toast-bg: rgba(0, 0, 0, .88);
  --toast-success-bg: #389e0d;
  --toast-error-bg: #cf1322;
  --toast-warning-bg: #d48806;

  /* Chart colors */
  --chart-confirmed: #52c41a;
  --chart-declined: #ff4d4f;
  --chart-invited: #1677ff;
  --chart-no-answer: #d9d9d9;

  /* Hover / overlay */
  --hover: rgba(0, 0, 0, .04);
  --hover2: rgba(0, 0, 0, .02);
  --overlay: rgba(0, 0, 0, .45);
  --mobile-overlay: rgba(0, 0, 0, .3);
  --card-hover-border: rgba(22, 119, 255, .20);
  --table-row-hover: rgba(22, 119, 255, .02);
  --tabs-bg: transparent;

  /* Status */
  --status-completed-bg: rgba(0, 0, 0, .04);
  --status-cancelled-bg: rgba(255, 77, 79, .06);

  /* Shadows — Ant uses subtle elevation */
  --shadow: 0 1px 2px rgba(0, 0, 0, .06);
  --shadow2: 0 2px 8px rgba(0, 0, 0, .08);
  --shadow3: 0 6px 20px rgba(0, 0, 0, .12);

  /* Border radii — Ant uses 6px */
  --r-sm: 6px;
  --r-md: 6px;
  --r-lg: 8px;
  --r-xl: 8px;

  --focus: 0 0 0 2px rgba(22, 119, 255, .12);

  /* Hero gradients */
  --hero-grad1: rgba(22, 119, 255, .06);
  --hero-grad2: rgba(82, 196, 26, .04);
  --auth-grad: rgba(22, 119, 255, .04);

  /* Delete card border */
  --danger-card-border: rgba(255, 77, 79, .25);

  /* Pill borders */
  --pill-bg: rgba(0, 0, 0, .02);
  --pill-primary-border: rgba(22, 119, 255, .35);
  --pill-success-border: rgba(82, 196, 26, .35);
  --pill-warning-border: rgba(250, 173, 20, .35);
  --pill-danger-border: rgba(255, 77, 79, .35);

  color-scheme: light;
}

/* ── Ant Design Dark ──────────────────────────────────── */
[data-theme="ant-dark"] {
  /* Surfaces */
  --bg: #141414;
  --surface: #1f1f1f;
  --surface2: #262626;
  --topbar-bg: rgba(31, 31, 31, .96);

  /* Text */
  --text: rgba(255, 255, 255, .85);
  --text2: rgba(255, 255, 255, .65);
  --muted: rgba(255, 255, 255, .45);
  --on-primary: #fff;
  --placeholder: rgba(255, 255, 255, .25);

  /* Borders */
  --border: #303030;
  --border2: #424242;

  /* Primary — Ant Blue lighter for dark */
  --primary: #4096ff;
  --primary2: #69b1ff;
  --primary-light: rgba(64, 150, 255, .10);

  /* Semantic */
  --success: #95de64;
  --success2: #73d13d;
  --success-light: rgba(149, 222, 100, .10);
  --success-text: #95de64;
  --warning: #ffc53d;
  --warning-light: rgba(255, 197, 61, .10);
  --warning-text: #ffc53d;
  --danger: #ff7875;
  --danger2: #ff9c6e;
  --danger-light: rgba(255, 120, 117, .08);
  --danger-text: #ff7875;

  /* Semantic surfaces */
  --whatsapp-bg: rgba(149, 222, 100, .10); --whatsapp-text: #95de64;
  --telegram-bg: rgba(64, 150, 255, .10);  --telegram-text: #69b1ff;
  --email-bg: rgba(64, 150, 255, .08);     --email-text: #69b1ff;
  --verify-banner-bg: rgba(255, 197, 61, .10); --verify-banner-text: #ffc53d;

  /* Toast backgrounds */
  --toast-bg: rgba(255, 255, 255, .85);
  --toast-success-bg: #274916;
  --toast-error-bg: #58181c;
  --toast-warning-bg: #594214;

  /* Chart colors */
  --chart-confirmed: #95de64;
  --chart-declined: #ff7875;
  --chart-invited: #4096ff;
  --chart-no-answer: #424242;

  /* Hover / overlay */
  --hover: rgba(255, 255, 255, .06);
  --hover2: rgba(255, 255, 255, .03);
  --overlay: rgba(0, 0, 0, .60);
  --mobile-overlay: rgba(0, 0, 0, .5);
  --card-hover-border: rgba(64, 150, 255, .25);
  --table-row-hover: rgba(64, 150, 255, .04);
  --tabs-bg: transparent;

  /* Status */
  --status-completed-bg: rgba(255, 255, 255, .06);
  --status-cancelled-bg: rgba(255, 120, 117, .08);

  /* Shadows */
  --shadow: 0 1px 2px rgba(0, 0, 0, .30);
  --shadow2: 0 2px 8px rgba(0, 0, 0, .35);
  --shadow3: 0 6px 20px rgba(0, 0, 0, .45);

  /* Border radii */
  --r-sm: 6px;
  --r-md: 6px;
  --r-lg: 8px;
  --r-xl: 8px;

  --focus: 0 0 0 2px rgba(64, 150, 255, .15);

  /* Hero gradients */
  --hero-grad1: rgba(64, 150, 255, .06);
  --hero-grad2: rgba(149, 222, 100, .04);
  --auth-grad: rgba(64, 150, 255, .04);

  /* Delete card border */
  --danger-card-border: rgba(255, 120, 117, .30);

  /* Pill borders */
  --pill-bg: rgba(255, 255, 255, .06);
  --pill-primary-border: rgba(64, 150, 255, .30);
  --pill-success-border: rgba(149, 222, 100, .30);
  --pill-warning-border: rgba(255, 197, 61, .30);
  --pill-danger-border: rgba(255, 120, 117, .30);

  color-scheme: dark;
}

/* ── Ant Design Structural Overrides ──────────────────── */
/* Tabs: underline style (signature Ant pattern) */
[data-theme="ant"] .tabs,
[data-theme="ant-dark"] .tabs {
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--border2);
  border-radius: 0;
  padding: 0;
  gap: 0;
}
[data-theme="ant"] .tab,
[data-theme="ant-dark"] .tab {
  border-radius: 0;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  padding: 8px 16px;
}
[data-theme="ant"] .tab:hover,
[data-theme="ant-dark"] .tab:hover {
  background: transparent;
  color: var(--primary);
  border-bottom-color: var(--primary);
}
[data-theme="ant"] .tab.active,
[data-theme="ant-dark"] .tab.active {
  background: transparent;
  border: none;
  border-bottom: 2px solid var(--primary);
  box-shadow: none;
  color: var(--primary);
}

/* Toast dark text inversion */
[data-theme="ant-dark"] .toast { background: var(--toast-bg); color: var(--bg); }
[data-theme="ant-dark"] .toast.success { background: var(--toast-success-bg); color: #fff; }
[data-theme="ant-dark"] .toast.error   { background: var(--toast-error-bg);   color: #fff; }

/* Theme toggle icons */
[data-theme="ant"] .theme-toggle .icon-sun  { display: none; }
[data-theme="ant"] .theme-toggle .icon-moon { display: inline; }
[data-theme="ant-dark"] .theme-toggle .icon-sun  { display: inline; }
[data-theme="ant-dark"] .theme-toggle .icon-moon { display: none; }

/* ── Task rows: rounded cards with border (Ant style) ────── */
[data-theme="ant"] .task-item,
[data-theme="ant-dark"] .task-item {
  border-radius: 6px;
  border: 1px solid var(--border);
}

/* ── Event cards: 6px radius, bordered ───────────────────── */
[data-theme="ant"] .card.event-card,
[data-theme="ant-dark"] .card.event-card {
  border-radius: 6px;
  border: 1px solid var(--border);
}

/* ── KPI blocks: 6px, bordered ───────────────────────────── */
[data-theme="ant"] .kpi-strip .card,
[data-theme="ant-dark"] .kpi-strip .card {
  border-radius: 6px;
  border: 1px solid var(--border);
}

/* ── Status pills: bordered tag style ────────────────────── */
[data-theme="ant"] .status-badge,
[data-theme="ant-dark"] .status-badge {
  border: 1px solid currentColor;
  border-radius: 4px;
}

/* Checkboxes: Ant Design style */
[data-theme="ant"] .task-checkbox {
  border-color: #d9d9d9;
}
[data-theme="ant-dark"] .task-checkbox {
  border-color: #424242;
}
/* Done checkbox */
[data-theme="ant"] .task-checkbox.done {
  background: #1677ff;
  border-color: #1677ff;
  color: #fff;
}
[data-theme="ant-dark"] .task-checkbox.done {
  background: #4096ff;
  border-color: #4096ff;
  color: #fff;
}
/* WIP checkbox */
[data-theme="ant"] .task-checkbox.in_progress {
  background: #e6f4ff;
  border-color: #1677ff;
}
[data-theme="ant-dark"] .task-checkbox.in_progress {
  background: #111a2c;
  border-color: #4096ff;
}