/* ==========================================================================
   JyotirVed Engine — Dasha Navigator Redesign
   Synchronized with light (Sandalwood / Sky) & dark (Cosmic Midnight) themes
   ========================================================================== */

/* Strict pane isolation */
#dashas:not(.active) {
  display: none !important;
}

#dashas.active {
  display: block !important;
  overflow: hidden !important;
}

.dasha-navigator-root {
  color: var(--ink, #0f172a);
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-family: var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
}

/* ==========================================================================
   Top Level Toolbar & Global Controls (Replaces Bulky Banner)
   ========================================================================== */
.dasha-top-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 12px;
  margin-bottom: 8px;
  background: var(--paper, #ffffff);
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 10px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
  height: 36px;
  box-sizing: border-box;
}

body.dark .dasha-top-toolbar {
  background: var(--paper, #0c1527);
  border-color: var(--line, rgba(223, 177, 91, 0.22));
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.dasha-toolbar-lead {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.dasha-toolbar-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #eff6ff;
  color: #0284c7;
  font-size: 10px;
  font-weight: 800;
  padding: 2px 6px;
  border-radius: 5px;
  letter-spacing: 0.05em;
}

body.dark .dasha-toolbar-badge {
  background: rgba(56, 189, 248, 0.15);
  color: #38bdf8;
}

.dasha-toolbar-text {
  font-size: 11.5px;
  font-weight: 600;
  color: var(--ink, #334155);
}

body.dark .dasha-toolbar-text {
  color: var(--ink2, #cbd5e1);
}

.dasha-level-nav {
  display: inline-flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.04);
  padding: 2px;
  border-radius: 8px;
  gap: 2px;
}

body.dark .dasha-level-nav {
  background: rgba(255, 255, 255, 0.05);
}

.dasha-level-btn {
  border: none;
  background: transparent;
  padding: 2.5px 8px;
  font-size: 11px;
  font-weight: 600;
  color: var(--muted, #64748b);
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: all 0.15s ease;
  user-select: none;
}

.dasha-level-btn:hover {
  color: var(--ink, #0f172a);
  background: rgba(0, 0, 0, 0.05);
}

body.dark .dasha-level-btn:hover {
  color: #f1f5f9;
  background: rgba(255, 255, 255, 0.08);
}

.dasha-level-btn.active {
  background: #0284c7;
  color: #ffffff !important;
  font-weight: 700;
  box-shadow: 0 1px 3px rgba(2, 132, 199, 0.35);
}

body.dark .dasha-level-btn.active {
  background: linear-gradient(135deg, #0284c7, #2563eb);
  color: #ffffff !important;
}

.dasha-level-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.08);
  font-size: 9px;
  font-weight: 800;
}

.dasha-level-btn.active .dasha-level-num {
  background: rgba(255, 255, 255, 0.25);
  color: #ffffff;
}

body.dark .dasha-level-num {
  background: rgba(255, 255, 255, 0.12);
}

.dasha-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.dasha-now-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  border-radius: 6px;
  border: 1px solid #10b981;
  background: #ecfdf5;
  color: #047857;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s ease;
}

body.dark .dasha-now-btn {
  background: rgba(5, 150, 105, 0.18);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6ee7b7;
}

.dasha-now-btn:hover {
  background: #d1fae5;
  transform: translateY(-1px);
}

body.dark .dasha-now-btn:hover {
  background: rgba(5, 150, 105, 0.3);
}

.dasha-workstation-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 10px;
  border-radius: 6px;
  border: 1px solid var(--gold, #dfb15b);
  background: var(--paper2, #121f38);
  color: var(--gold2, #f7d88d);
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s ease;
}

body:not(.dark) .dasha-workstation-btn {
  background: #fff8e7;
  border-color: #d99b38;
  color: #8c5307;
}

.dasha-workstation-btn:hover {
  background: var(--gold-subtle, rgba(223, 177, 91, 0.2));
  transform: translateY(-1px);
}

/* ==========================================================================
   2x2 Grid Layout (Identical Heights, No Scrollbars)
   ========================================================================== */
.dasha-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 390px;
  gap: 8px;
  align-items: stretch;
}

@media (max-width: 980px) {
  .dasha-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: 390px;
    gap: 8px;
  }
}

/* ==========================================================================
   Dasha Card (Strict Fixed Dimensions for Visual Symmetry)
   ========================================================================== */
.dasha-card {
  background: var(--paper, #ffffff);
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 6px 10px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.03);
  display: flex;
  flex-direction: column;
  height: 390px;
  max-height: 390px;
  box-sizing: border-box;
  overflow: hidden;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
  outline: none;
  cursor: default;
}

body.dark .dasha-card {
  background: var(--paper, #0c1527);
  border-color: var(--line, rgba(223, 177, 91, 0.22));
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.35);
}

.dasha-card:focus,
.dasha-card:hover {
  border-color: #cbd5e1;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06);
}

body.dark .dasha-card:focus,
body.dark .dasha-card:hover {
  border-color: rgba(223, 177, 91, 0.45);
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.45);
}

/* ==========================================================================
   Card Header
   ========================================================================== */
.dasha-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
  gap: 8px;
  height: 26px;
  flex-shrink: 0;
}

.dasha-header-info {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.dasha-header-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.dasha-card:hover .dasha-header-icon {
  transform: scale(1.05);
}

/* Icon thematic styles */
.dasha-icon-vim {
  background: #eff6ff;
  color: #2563eb;
}

body.dark .dasha-icon-vim {
  background: rgba(37, 99, 235, 0.2);
  color: #60a5fa;
}

.dasha-icon-chara {
  background: #ecfdf5;
  color: #059669;
}

body.dark .dasha-icon-chara {
  background: rgba(5, 150, 105, 0.2);
  color: #34d399;
}

.dasha-icon-yog {
  background: #faf5ff;
  color: #7c3aed;
}

body.dark .dasha-icon-yog {
  background: rgba(124, 58, 237, 0.2);
  color: #c084fc;
}

.dasha-icon-yog-alt {
  background: #fffbeb;
  color: #d97706;
}

body.dark .dasha-icon-yog-alt {
  background: rgba(217, 119, 6, 0.2);
  color: #fbbf24;
}

.dasha-header-titles {
  min-width: 0;
}

.dasha-title-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.dasha-title {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--ink, #0f172a);
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.dasha-depth-pill {
  display: inline-flex;
  align-items: center;
  padding: 1px 6px;
  border-radius: 4px;
  font-size: 9.5px;
  font-weight: 700;
  background: rgba(2, 132, 199, 0.1);
  color: #0284c7;
  letter-spacing: 0.02em;
}

body.dark .dasha-depth-pill {
  background: rgba(56, 189, 248, 0.15);
  color: #38bdf8;
}

/* ==========================================================================
   Header Control Buttons ( ↑ / ↓ )
   ========================================================================== */
.dasha-controls {
  display: flex;
  gap: 3px;
  align-items: center;
  flex-shrink: 0;
}

.dasha-ctrl-btn {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  border: 1px solid #bfdbfe;
  background: #f0f7ff;
  color: #0284c7;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.12s ease;
  user-select: none;
  padding: 0;
}

body.dark .dasha-ctrl-btn {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.3);
  color: #60a5fa;
}

.dasha-ctrl-btn:hover {
  background: #e0f2fe;
  border-color: #93c5fd;
  color: #0369a1;
}

body.dark .dasha-ctrl-btn:hover {
  background: rgba(59, 130, 246, 0.25);
  border-color: rgba(59, 130, 246, 0.5);
  color: #93c5fd;
}

.dasha-ctrl-btn:active {
  transform: scale(0.95);
}

.dasha-ctrl-btn:disabled {
  cursor: not-allowed;
  opacity: 0.38;
  transform: none;
}

/* ==========================================================================
   Table Structure (Fixed 9 Rows, No Box Scrollbar)
   ========================================================================== */
.dasha-table-wrap {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  overflow: hidden;
  background: var(--paper, #ffffff);
  flex: 1;
  display: flex;
  flex-direction: column;
}

body.dark .dasha-table-wrap {
  border-color: var(--line, rgba(223, 177, 91, 0.22));
  background: var(--paper, #0c1527);
}

.dasha-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 11.5px;
}

.dasha-table thead tr {
  background: #f8fafc;
  height: 20px;
}

body.dark .dasha-table thead tr {
  background: rgba(59, 130, 246, 0.08);
}

.dasha-th {
  padding: 2px 6px;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #0284c7;
  border-bottom: 1px solid #e2e8f0;
  text-align: left;
  height: 20px;
  box-sizing: border-box;
}

body.dark .dasha-th {
  color: #60a5fa;
  border-bottom-color: var(--line, rgba(223, 177, 91, 0.22));
}

.dasha-col-period {
  width: 46%;
}

.dasha-col-weekday {
  width: 14%;
  color: #475569;
  font-weight: 500;
  font-size: 11px;
}

body.dark .dasha-col-weekday {
  color: var(--ink2, #cbd5e1);
}

.dasha-col-date {
  width: 24%;
  font-family: var(--font-mono, monospace);
  font-size: 11px;
  color: var(--ink, #1e293b);
  font-weight: 600;
}

.dasha-col-action {
  width: 16%;
  text-align: right;
  padding-right: 6px;
}

.dasha-th.dasha-col-action {
  text-align: right;
  padding-right: 6px;
}

/* Table rows */
.dasha-row {
  height: 26px;
  max-height: 26px;
  border-bottom: 1px solid #f1f5f9;
  cursor: pointer;
  transition: background 0.1s ease;
  box-sizing: border-box;
}

body.dark .dasha-row {
  border-bottom-color: rgba(255, 255, 255, 0.04);
}

.dasha-row:last-child td {
  border-bottom: none;
}

.dasha-row:hover {
  background: #f8fafc;
}

body.dark .dasha-row:hover {
  background: rgba(255, 255, 255, 0.03);
}

.dasha-row.active {
  background: #f0f9ff;
}

body.dark .dasha-row.active {
  background: rgba(56, 189, 248, 0.09);
}

/* Running Dasha Row Highlight (Always Row 0 at Top) */
.dasha-row.running {
  background: #f0fdf4 !important;
  border-left: 3px solid #10b981;
}

body.dark .dasha-row.running {
  background: rgba(16, 185, 129, 0.12) !important;
  border-left: 3px solid #34d399;
}

.dasha-td {
  padding: 0 6px;
  vertical-align: middle;
  height: 26px;
  line-height: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  border-bottom: 1px solid #f1f5f9;
}

body.dark .dasha-td {
  border-bottom-color: rgba(255, 255, 255, 0.04);
}

/* Running Badge & Pulsing Dot */
.dasha-badge-running {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 9px;
  font-weight: 800;
  color: #047857;
  background: #d1fae5;
  padding: 1.5px 5px;
  border-radius: 4px;
  letter-spacing: 0.04em;
  user-select: none;
}

body.dark .dasha-badge-running {
  color: #34d399;
  background: rgba(5, 150, 105, 0.25);
}

.dasha-running-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #10b981;
  box-shadow: 0 0 5px #10b981;
  display: inline-block;
  animation: dashaPulse 2s infinite;
}

@keyframes dashaPulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.35;
    transform: scale(0.85);
  }
}

.dasha-drill-btn {
  border: none;
  background: transparent;
  padding: 0;
  color: #38bdf8;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.12s ease;
}

.dasha-drill-btn:hover {
  color: #0284c7;
  transform: translateX(1px);
}

body.dark .dasha-drill-btn:hover {
  color: #7dd3fc;
}

/* ==========================================================================
   Period Badges / Pills
   ========================================================================== */
.dasha-period-chain {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  flex-wrap: nowrap;
  overflow: hidden;
}

.dasha-arrow {
  color: #94a3b8;
  font-size: 9px;
  margin: 0 1px;
  user-select: none;
}

body.dark .dasha-arrow {
  color: #64748b;
}

.dasha-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1px 5px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.15;
  border: 1px solid transparent;
  white-space: nowrap;
}

/* Classical Astrological Planetary Color Schemes */

/* Sun / Surya: Red */
.dasha-pill-Sun,
.dasha-pill-Su {
  background: rgba(254, 13, 22, 0.1);
  color: #fe0d16;
  border-color: rgba(254, 13, 22, 0.3);
}
body.dark .dasha-pill-Sun,
body.dark .dasha-pill-Su {
  background: rgba(254, 13, 22, 0.2);
  color: #ff4d4d;
  border-color: rgba(254, 13, 22, 0.4);
}

/* Moon / Chandra: Black / Charcoal in light, soft silver in dark */
.dasha-pill-Moon,
.dasha-pill-Mo {
  background: rgba(7, 7, 6, 0.08);
  color: #070706;
  border-color: rgba(7, 7, 6, 0.25);
}
body.dark .dasha-pill-Moon,
body.dark .dasha-pill-Mo {
  background: rgba(248, 250, 252, 0.15);
  color: #f8fafc;
  border-color: rgba(248, 250, 252, 0.35);
}

/* Mars / Mangal: Red */
.dasha-pill-Mars,
.dasha-pill-Ma {
  background: rgba(254, 13, 22, 0.1);
  color: #fe0d16;
  border-color: rgba(254, 13, 22, 0.3);
}
body.dark .dasha-pill-Mars,
body.dark .dasha-pill-Ma {
  background: rgba(254, 13, 22, 0.2);
  color: #ff4d4d;
  border-color: rgba(254, 13, 22, 0.4);
}

/* Mercury / Budha: Emerald Green */
.dasha-pill-Mercury,
.dasha-pill-Me {
  background: rgba(0, 127, 0, 0.1);
  color: #007f00;
  border-color: rgba(0, 127, 0, 0.3);
}
body.dark .dasha-pill-Mercury,
body.dark .dasha-pill-Me {
  background: rgba(0, 127, 0, 0.22);
  color: #22c55e;
  border-color: rgba(0, 127, 0, 0.4);
}

/* Jupiter / Guru: Amber Orange */
.dasha-pill-Jupiter,
.dasha-pill-Ju {
  background: rgba(254, 117, 0, 0.1);
  color: #fe7500;
  border-color: rgba(254, 117, 0, 0.3);
}
body.dark .dasha-pill-Jupiter,
body.dark .dasha-pill-Ju {
  background: rgba(254, 117, 0, 0.2);
  color: #ff9436;
  border-color: rgba(254, 117, 0, 0.4);
}

/* Venus / Shukra: Magenta Pink */
.dasha-pill-Venus,
.dasha-pill-Ve {
  background: rgba(254, 0, 254, 0.1);
  color: #fe00fe;
  border-color: rgba(254, 0, 254, 0.3);
}
body.dark .dasha-pill-Venus,
body.dark .dasha-pill-Ve {
  background: rgba(254, 0, 254, 0.2);
  color: #ff66ff;
  border-color: rgba(254, 0, 254, 0.4);
}

/* Saturn / Shani: Royal Blue */
.dasha-pill-Saturn,
.dasha-pill-Sa {
  background: rgba(7, 6, 254, 0.1);
  color: #0706fe;
  border-color: rgba(7, 6, 254, 0.3);
}
body.dark .dasha-pill-Saturn,
body.dark .dasha-pill-Sa {
  background: rgba(7, 6, 254, 0.2);
  color: #6665ff;
  border-color: rgba(7, 6, 254, 0.4);
}

/* Rahu: Slate Blue */
.dasha-pill-Rahu,
.dasha-pill-Ra {
  background: rgba(62, 94, 143, 0.12);
  color: #3e5e8f;
  border-color: rgba(62, 94, 143, 0.3);
}
body.dark .dasha-pill-Rahu,
body.dark .dasha-pill-Ra {
  background: rgba(62, 94, 143, 0.25);
  color: #8daed8;
  border-color: rgba(62, 94, 143, 0.4);
}

/* Ketu: Maroon */
.dasha-pill-Ketu,
.dasha-pill-Ke {
  background: rgba(100, 43, 43, 0.12);
  color: #642b2b;
  border-color: rgba(100, 43, 43, 0.3);
}
body.dark .dasha-pill-Ketu,
body.dark .dasha-pill-Ke {
  background: rgba(100, 43, 43, 0.25);
  color: #c97979;
  border-color: rgba(100, 43, 43, 0.4);
}

/* Signs Color Schemes (for Chara Dasha) */

/* Aries / Mesha */
.dasha-pill-Aries,
.dasha-pill-Ari {
  background: #fee2e2;
  color: #b91c1c;
  border-color: #fecaca;
}
body.dark .dasha-pill-Aries,
body.dark .dasha-pill-Ari {
  background: rgba(239, 68, 68, 0.2);
  color: #fca5a5;
  border-color: rgba(239, 68, 68, 0.4);
}

/* Taurus / Vrishabha */
.dasha-pill-Taurus,
.dasha-pill-Tau {
  background: #fce7f3;
  color: #be185d;
  border-color: #fbcfe8;
}
body.dark .dasha-pill-Taurus,
body.dark .dasha-pill-Tau {
  background: rgba(236, 72, 153, 0.2);
  color: #f472b6;
  border-color: rgba(236, 72, 153, 0.4);
}

/* Gemini / Mithuna */
.dasha-pill-Gemini,
.dasha-pill-Gem {
  background: #ecfdf5;
  color: #047857;
  border-color: #a7f3d0;
}
body.dark .dasha-pill-Gemini,
body.dark .dasha-pill-Gem {
  background: rgba(16, 185, 129, 0.2);
  color: #6ee7b7;
  border-color: rgba(16, 185, 129, 0.4);
}

/* Cancer / Karka */
.dasha-pill-Cancer,
.dasha-pill-Can {
  background: #e0f2fe;
  color: #0369a1;
  border-color: #bae6fd;
}
body.dark .dasha-pill-Cancer,
body.dark .dasha-pill-Can {
  background: rgba(14, 165, 233, 0.2);
  color: #7dd3fc;
  border-color: rgba(14, 165, 233, 0.4);
}

/* Leo / Simha */
.dasha-pill-Leo {
  background: #fef3c7;
  color: #b45309;
  border-color: #fde68a;
}
body.dark .dasha-pill-Leo {
  background: rgba(245, 158, 11, 0.2);
  color: #fde047;
  border-color: rgba(245, 158, 11, 0.4);
}

/* Virgo / Kanya */
.dasha-pill-Virgo,
.dasha-pill-Vir {
  background: #ccfbf1;
  color: #0f766e;
  border-color: #99f6e4;
}
body.dark .dasha-pill-Virgo,
body.dark .dasha-pill-Vir {
  background: rgba(20, 184, 166, 0.2);
  color: #5eead4;
  border-color: rgba(20, 184, 166, 0.4);
}

/* Libra / Tula */
.dasha-pill-Libra,
.dasha-pill-Lib {
  background: #f3e8ff;
  color: #7e22ce;
  border-color: #e9d5ff;
}
body.dark .dasha-pill-Libra,
body.dark .dasha-pill-Lib {
  background: rgba(168, 85, 247, 0.2);
  color: #d8b4fe;
  border-color: rgba(168, 85, 247, 0.4);
}

/* Scorpio / Vrishchika */
.dasha-pill-Scorpio,
.dasha-pill-Sco {
  background: #ffedd5;
  color: #c2410c;
  border-color: #fed7aa;
}
body.dark .dasha-pill-Scorpio,
body.dark .dasha-pill-Sco {
  background: rgba(249, 115, 22, 0.2);
  color: #fdba74;
  border-color: rgba(249, 115, 22, 0.4);
}

/* Sagittarius / Dhanu */
.dasha-pill-Sagittarius,
.dasha-pill-Sag {
  background: #dcfce7;
  color: #15803d;
  border-color: #bbf7d0;
}
body.dark .dasha-pill-Sagittarius,
body.dark .dasha-pill-Sag {
  background: rgba(34, 197, 94, 0.2);
  color: #86efac;
  border-color: rgba(34, 197, 94, 0.4);
}

/* Capricorn / Makara */
.dasha-pill-Capricorn,
.dasha-pill-Cap {
  background: #e0f2fe;
  color: #0284c7;
  border-color: #bae6fd;
}
body.dark .dasha-pill-Capricorn,
body.dark .dasha-pill-Cap {
  background: rgba(14, 165, 233, 0.2);
  color: #38bdf8;
  border-color: rgba(14, 165, 233, 0.4);
}

/* Aquarius / Kumbha */
.dasha-pill-Aquarius,
.dasha-pill-Aqu {
  background: #f1f5f9;
  color: #334155;
  border-color: #cbd5e1;
}
body.dark .dasha-pill-Aquarius,
body.dark .dasha-pill-Aqu {
  background: rgba(100, 116, 139, 0.25);
  color: #cbd5e1;
  border-color: rgba(148, 163, 184, 0.4);
}

/* Pisces / Meena */
.dasha-pill-Pisces,
.dasha-pill-Pis {
  background: #fef9c3;
  color: #a16207;
  border-color: #fef08a;
}
body.dark .dasha-pill-Pisces,
body.dark .dasha-pill-Pis {
  background: rgba(234, 179, 8, 0.2);
  color: #fde047;
  border-color: rgba(234, 179, 8, 0.4);
}

/* Default / Fallback */
.dasha-pill-default {
  background: #f1f5f9;
  color: #475569;
  border-color: #e2e8f0;
}
body.dark .dasha-pill-default {
  background: rgba(255, 255, 255, 0.08);
  color: var(--ink);
  border-color: rgba(255, 255, 255, 0.15);
}