/* =========================================================
   SARVATOBHADRA CHAKRA (SBC) - ISOLATED STYLE
   ========================================================= */

.ks-sbc-container {
    background: #0f172a !important; /* Base dark background */
    padding: 30px 20px !important;
    border-radius: 8px !important;
    border: 2px solid #1e293b !important;
    font-family: 'Inter', sans-serif !important;
    color: #cbd5e1 !important;
}

.ks-sbc-header {
    display: flex; flex-wrap: wrap; gap: 15px; justify-content: space-between;
    align-items: center; margin-bottom: 25px; padding-bottom: 15px;
    border-bottom: 1px solid #1e293b;
}

.ks-sbc-header h3 { color: #fcd34d !important; margin: 0 !important; font-size: 18px !important; }

.ks-sbc-controls { display: flex; gap: 10px; flex-wrap: wrap; }
.ks-sbc-controls select {
    background: #1e293b !important; color: #f8fafc !important;
    border: 1px solid #334155 !important; padding: 10px 15px !important;
    border-radius: 6px !important; font-weight: bold; font-size: 13px; outline: none;
}

.ks-sbc-grid-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
}

/* =========================================================
   SBC MAIN GRID STYLING
   ========================================================= */
.ks-sbc-grid {
    display: grid; grid-template-columns: repeat(9, 1fr); gap: 2px;
    background: #334155; border: 2px solid #475569; width: 100%;
    max-width: 800px; aspect-ratio: 1 / 1;
}

.ks-sbc-cell {
    position: relative; display: flex; flex-direction: column;
    align-items: center; justify-content: center; text-align: center;
    transition: all 0.3s ease; padding: 4px;
}

.ks-sbc-cell .cell-title {
    font-weight: bold; font-size: 11px; margin-bottom: 5px; word-wrap: break-word; z-index: 2;
}

/* --- THE STRICT 5 RING COLOR SCHEME (IMAGE 2 STYLE) --- */
.ks-sbc-ring-0 { background-color: #0f172a !important; } /* Outer Boundary */
.ks-sbc-ring-0 .cell-title { color: #fbbf24 !important; } /* GOLD for Stars */

.ks-sbc-ring-1 { background-color: #1e293b !important; } /* Consonants Ring */
.ks-sbc-ring-1 .cell-title { color: #cbd5e1 !important; }

.ks-sbc-ring-2 { background-color: #334155 !important; } /* Rashis Ring */
.ks-sbc-ring-2 .cell-title { color: #a78bfa !important; } /* Purple for Signs */

.ks-sbc-ring-3 { background-color: #475569 !important; } /* Tithis/Days Ring */
.ks-sbc-ring-3 .cell-title { color: #f472b6 !important; } /* Pink for Inner text */

.ks-sbc-ring-4 { background-color: #ffffff !important; border: 3px solid #ef4444 !important; }
.ks-sbc-ring-4 .cell-title { color: #ef4444 !important; font-size: 14px; font-weight: 900; }

/* Grid Directions */
.ks-sbc-direction { position: absolute; color: #fcd34d !important; font-size: 11px; font-weight: bold; text-transform: uppercase; }
.ks-sbc-direction.top { top: -20px; left: 50%; transform: translateX(-50%); }
.ks-sbc-direction.bottom { bottom: -20px; left: 50%; transform: translateX(-50%); }
.ks-sbc-direction.left { left: -25px; top: 50%; transform: translateY(-50%) rotate(-90deg); }
.ks-sbc-direction.right { right: -25px; top: 50%; transform: translateY(-50%) rotate(90deg); }

.ks-sbc-corner { position: absolute; color: rgba(255,255,255,0.5); font-size: 9px; text-align: center; }
.ks-sbc-corner.tl { top: 2px; left: 2px; }
.ks-sbc-corner.tr { top: 2px; right: 2px; }
.ks-sbc-corner.bl { bottom: 2px; left: 2px; }
.ks-sbc-corner.br { bottom: 2px; right: 2px; }

/* Planet Badges */
.ks-sbc-planets { display: flex; flex-wrap: wrap; gap: 3px; justify-content: center; z-index: 3; }
.ks-sbc-badge { background-color: #000000 !important; border: 1px solid #64748b !important; border-radius: 4px; display: flex; flex-direction: column; padding: 3px 5px; cursor: crosshair; box-shadow: 0 2px 5px rgba(0,0,0,0.5); transition: all 0.2s; }
.ks-sbc-badge .graha { color: #ffffff !important; font-size: 11px; font-weight: 900; }
.ks-sbc-badge .pada { color: #fbbf24 !important; font-size: 9px; margin-top: 1px; }
.ks-sbc-badge.retrograde .graha, .ks-sbc-badge.retrograde .pada { color: #ef4444 !important; }
.ks-sbc-badge:hover { transform: scale(1.2); border-color: #fcd34d !important; box-shadow: 0 0 10px #fcd34d; z-index: 10; }

/* Vedha Interactivity */
.ks-sbc-cell.vedha-path { background-color: rgba(251, 191, 36, 0.3) !important; box-shadow: inset 0 0 15px rgba(251, 191, 36, 0.5); }
.ks-sbc-cell.vedha-hit { background-color: rgba(239, 68, 68, 0.4) !important; border: 2px solid #ef4444 !important; box-shadow: inset 0 0 20px rgba(239, 68, 68, 0.6); }
.ks-sbc-cell.ref-highlight { background-color: rgba(16, 185, 129, 0.3) !important; border: 2px solid #10b981 !important; box-shadow: inset 0 0 20px rgba(16, 185, 129, 0.5); }