/* /Layout/MainLayout.razor.rz.scp.css */
/* MainLayout - Scoped CSS */
/* Using Tailwind for most styling - this file for component-specific overrides only */

/* Ensure full height layout */
[b-7fcmi3zvrg] .h-screen {
    min-height: 100vh;
    min-height: 100dvh;
}

/* Smooth transitions for theme changes */
[b-7fcmi3zvrg] * {
    transition-property: background-color, border-color, color;
    transition-timing-function: ease-in-out;
    transition-duration: 150ms;
}

/* Prevent transition on initial load */
[b-7fcmi3zvrg] .no-transition * {
    transition: none !important;
}
/* /Pages/Docs.razor.rz.scp.css */
/* ═══ Docs page scoped styles ═══ */

.doc-kicker[b-pjvx7ei5vf] {
    @apply text-[11px] sm:text-xs uppercase tracking-[0.28em] text-cyan-300 font-semibold mb-4;
}

.doc-hero-badge[b-pjvx7ei5vf] {
    @apply inline-flex items-center rounded-full border border-white/10 bg-white/10 px-3 py-1.5 text-xs font-medium text-slate-100 backdrop-blur;
}

.doc-section-lead[b-pjvx7ei5vf] {
    @apply text-sm sm:text-base text-slate-600 dark:text-slate-400 leading-8 max-w-4xl;
}

.doc-surface-card[b-pjvx7ei5vf] {
    @apply rounded-3xl border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800 p-5 shadow-sm;
}

.doc-grid-list[b-pjvx7ei5vf] {
    @apply grid grid-cols-1 md:grid-cols-2 gap-4;
}

.doc-mini-item[b-pjvx7ei5vf] {
    @apply flex items-start gap-3 rounded-2xl border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800 p-4 shadow-sm;
}

.doc-mini-title[b-pjvx7ei5vf] {
    @apply text-sm font-semibold text-slate-800 dark:text-slate-100 mb-1;
}

.doc-mini-desc[b-pjvx7ei5vf] {
    @apply text-sm text-slate-600 dark:text-slate-400 leading-7;
}

.doc-callout[b-pjvx7ei5vf] {
    @apply rounded-3xl border border-primary-200/80 dark:border-primary-800/50 bg-primary-50/70 dark:bg-primary-900/15 px-5 py-4;
}

.doc-callout-title[b-pjvx7ei5vf] {
    @apply text-sm font-bold text-primary-700 dark:text-primary-300 mb-1.5;
}

.doc-callout-body[b-pjvx7ei5vf] {
    @apply text-sm text-slate-700 dark:text-slate-300 leading-7;
}

.doc-primary-link[b-pjvx7ei5vf] {
    @apply inline-flex items-center rounded-xl bg-slate-900 dark:bg-white px-4 py-2.5 text-sm font-semibold text-white dark:text-slate-900 hover:opacity-90 transition-opacity;
}

.doc-subtle-pill[b-pjvx7ei5vf] {
    @apply inline-flex items-center rounded-full border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800 px-3 py-1.5 text-xs font-medium text-slate-600 dark:text-slate-300;
}

.doc-accordion[b-pjvx7ei5vf] {
    border: 1px solid var(--color-border);
    border-radius: 1.5rem;
    background-color: var(--color-surface);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

.doc-accordion summary[b-pjvx7ei5vf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    padding: 1rem 1.25rem;
    cursor: pointer;
    list-style: none;
}

.doc-accordion summary[b-pjvx7ei5vf]::marker {
    content: "";
}

.doc-accordion summary[b-pjvx7ei5vf]::-webkit-details-marker {
    display: none;
}

.doc-accordion summary > div[b-pjvx7ei5vf] {
    flex: 1 1 auto;
    min-width: 0;
}

.doc-accordion[open][b-pjvx7ei5vf] {
    border-color: rgba(191, 219, 254, 0.9);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.dark .doc-accordion[open][b-pjvx7ei5vf] {
    border-color: rgba(30, 64, 175, 0.45);
}

.doc-accordion-kicker[b-pjvx7ei5vf] {
    margin: 0;
    font-size: 11px;
    line-height: 1.25rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    color: #2563eb;
    word-break: break-all;
}

.dark .doc-accordion-kicker[b-pjvx7ei5vf] {
    color: #60a5fa;
}

.doc-accordion-title[b-pjvx7ei5vf] {
    margin: 0.25rem 0 0;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    color: var(--color-text);
}

.doc-accordion-signature[b-pjvx7ei5vf] {
    margin: 0.25rem 0 0;
    font-size: 0.75rem;
    line-height: 1.5rem;
    color: #059669;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.dark .doc-accordion-signature[b-pjvx7ei5vf] {
    color: #34d399;
}

.doc-accordion-icon[b-pjvx7ei5vf] {
    width: 1.25rem;
    min-width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.25rem;
    color: var(--color-text-muted);
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.doc-accordion[open] .doc-accordion-icon[b-pjvx7ei5vf] {
    transform: rotate(180deg);
}

.doc-accordion-body[b-pjvx7ei5vf] {
    padding: 0.25rem 1.25rem 1.25rem;
}

.doc-info-box[b-pjvx7ei5vf] {
    padding: 1rem;
    border: 1px solid var(--color-border);
    border-radius: 1rem;
    background-color: var(--color-surface-secondary);
}

.doc-info-label[b-pjvx7ei5vf] {
    margin: 0 0 0.5rem;
    font-size: 11px;
    line-height: 1rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--color-text-muted);
}

.doc-info-value[b-pjvx7ei5vf] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.75rem;
    color: var(--color-text-secondary);
}

.doc-flow[b-pjvx7ei5vf] {
    margin: 0;
    white-space: pre-wrap;
    font-size: 12px;
    line-height: 1.5rem;
    color: var(--color-text);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.doc-stage-card[b-pjvx7ei5vf],
.doc-track-card[b-pjvx7ei5vf],
.doc-support-card[b-pjvx7ei5vf] {
    @apply rounded-3xl border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800 p-5 shadow-sm;
}

.doc-stage-head[b-pjvx7ei5vf] {
    @apply flex items-center gap-3;
}

.doc-stage-step[b-pjvx7ei5vf] {
    @apply inline-flex items-center justify-center w-10 h-10 rounded-2xl bg-primary-600 text-white text-sm font-extrabold flex-shrink-0;
}

.doc-stage-title[b-pjvx7ei5vf] {
    @apply text-base font-bold text-slate-900 dark:text-slate-100;
}

.doc-chip-row[b-pjvx7ei5vf] {
    @apply flex flex-wrap gap-2;
}

.doc-warning-box[b-pjvx7ei5vf] {
    @apply rounded-2xl border border-amber-200 dark:border-amber-800/50 bg-amber-50 dark:bg-amber-900/10 px-4 py-3;
}

.doc-warning-title[b-pjvx7ei5vf] {
    @apply text-xs font-bold uppercase tracking-[0.18em] text-amber-700 dark:text-amber-300 mb-1.5;
}

.doc-warning-body[b-pjvx7ei5vf] {
    @apply text-sm text-slate-700 dark:text-slate-300 leading-7 m-0;
}

/* Prose defaults */
.prose-docs p[b-pjvx7ei5vf] {
    @apply text-sm text-slate-600 dark:text-slate-400 leading-relaxed mb-3;
}

.prose-docs h3[b-pjvx7ei5vf],
.doc-h3[b-pjvx7ei5vf] {
    @apply text-lg font-bold text-slate-800 dark:text-slate-100 mt-8 mb-3 flex items-center gap-2;
}

.doc-h3[b-pjvx7ei5vf]::before {
    content: '';
    @apply w-1 h-5 bg-primary-500 rounded-full inline-block;
}

/* Lists */
.doc-list[b-pjvx7ei5vf] {
    @apply list-none space-y-2 my-3;
}
.doc-list li[b-pjvx7ei5vf] {
    @apply text-sm text-slate-600 dark:text-slate-400 flex items-start gap-2;
}
.doc-list li[b-pjvx7ei5vf]::before {
    content: '▸';
    @apply text-primary-500 flex-shrink-0 mt-0.5;
}

/* Tables */
.doc-table[b-pjvx7ei5vf] {
    @apply w-full text-sm border-collapse;
}
.doc-table thead[b-pjvx7ei5vf] {
    @apply bg-slate-100 dark:bg-slate-700/60;
}
.doc-table th[b-pjvx7ei5vf] {
    @apply px-3 py-2 text-start text-xs font-semibold text-slate-600 dark:text-slate-300 uppercase tracking-wider;
}
.doc-table td[b-pjvx7ei5vf] {
    @apply px-3 py-2 text-sm text-slate-600 dark:text-slate-400 border-t border-slate-100 dark:border-slate-700/50;
}
.doc-table tbody tr:hover[b-pjvx7ei5vf] {
    @apply bg-slate-50 dark:bg-slate-700/30;
}
.doc-table code[b-pjvx7ei5vf] {
    @apply text-xs font-mono;
}

/* Kbd */
kbd[b-pjvx7ei5vf] {
    @apply px-1.5 py-0.5 text-xs bg-slate-200 dark:bg-slate-600 text-slate-700 dark:text-slate-300 rounded border border-slate-300 dark:border-slate-500 font-mono;
}

/* Custom scrollbar in sidebar */
aside[b-pjvx7ei5vf]::-webkit-scrollbar {
    width: 4px;
}
aside[b-pjvx7ei5vf]::-webkit-scrollbar-thumb {
    @apply bg-slate-300 dark:bg-slate-600 rounded-full;
}
aside[b-pjvx7ei5vf]::-webkit-scrollbar-track {
    @apply bg-transparent;
}