/* ── TechInsight Idea Bank — Custom Styles ───────────────────────────────── */

:root {
    --ti-purple:  #7c3aed;
    --ti-accent:  #0d6efd; /* Bootstrap primary — override per-project if needed */
}

/* ── AI / Purple utility ─────────────────────────────────────────────────── */
.bg-purple   { background-color: var(--ti-purple) !important; }
.text-purple { color:            var(--ti-purple) !important; }

/* ── Navbar ──────────────────────────────────────────────────────────────── */
.navbar-brand span:first-child { font-size: 1.5rem; }

/* ── Stat icon boxes (dashboard KPI cards) ───────────────────────────────── */
.stat-icon {
    min-width: 52px;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ── Cards ───────────────────────────────────────────────────────────────── */
.card        { border-radius: 0.75rem !important; }
.card-header { border-radius: 0.75rem 0.75rem 0 0 !important; }

/* ── Tables ──────────────────────────────────────────────────────────────── */
.table th {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-weight: 600;
}

/* ── Badges ──────────────────────────────────────────────────────────────── */
.badge { font-weight: 500; }

/* ── Progress bars ───────────────────────────────────────────────────────── */
.progress { border-radius: 999px; }

/* ── Footer ──────────────────────────────────────────────────────────────── */
footer { font-size: 0.85rem; }

/* ── Form colour picker ──────────────────────────────────────────────────── */
.form-control-color { padding: 0.2rem; }

/* ── Star rating picker ─────────────────────────────────────────────────── */
.star-btn { cursor: pointer; font-size: 1.75rem; transition: color .1s; }
.star-btn:focus-visible { outline: 2px solid var(--ti-accent); border-radius: 2px; }

/* ── Responsive tweaks ───────────────────────────────────────────────────── */
@media (max-width: 576px) {
    .stat-icon { min-width: 42px; min-height: 42px; font-size: 1.2rem !important; }
}
