/*
 * SIIX Studio — Custom Unfold Admin Theme
 * Inspired by ElevenLabs UI, branded for SIIX Music
 *
 * Base: Zinc-toned dark neutrals (cool, deep blacks)
 * Accent: Blue (ElevenLabs-inspired)
 * Font: Inter (shared by ElevenLabs + modern SaaS standard)
 */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");

/* Typography — Inter as primary UI font */
:root {
    --font-primary: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
}

body,
#content,
.font-sans,
input,
select,
textarea,
button {
    font-family: var(--font-primary) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Tighter letter-spacing on headings (ElevenLabs style) */
h1, h2, h3,
.text-lg, .text-xl, .text-2xl {
    letter-spacing: -0.01em;
}

/* Sidebar refinements */
[data-sidebar] {
    border-right-color: rgba(255, 255, 255, 0.06);
}

/* Smooth transitions on interactive elements */
a, button, input, select, textarea,
.btn, [role="button"] {
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

/* Subtle focus ring (blue accent) */
*:focus-visible {
    outline: 2px solid rgb(60 131 246 / 0.5);
    outline-offset: 2px;
}

/* Login page background overlay for depth */
.login-background {
    filter: brightness(0.7) saturate(1.1);
}

/* Track row highlights by type — override Tailwind even/odd striping */
tr.row-stem td,
tr.row-stem:nth-child(odd) td,
tr.row-stem:nth-child(even) td {
    background-color: rgba(60, 131, 246, 0.08) !important;
}
tr.row-optional-version td,
tr.row-optional-version:nth-child(odd) td,
tr.row-optional-version:nth-child(even) td {
    background-color: rgba(234, 179, 8, 0.08) !important;
}