/* JA Moments Filament / Dashboard V2 overlays — gold premium */

@import url('jm-bo-v2.css');

:root, .dark, .fi-body, .fi-panel-admin {
    --primary-50: #fbf6eb;
    --primary-100: #f5ebd3;
    --primary-200: #ead7a8;
    --primary-300: #e2bf79;
    --primary-400: #d7ad60;
    --primary-500: #c89b49;
    --primary-600: #b0873a;
    --primary-700: #8f6c2e;
    --primary-800: #6f5325;
    --primary-900: #4a3718;
    --primary-950: #2a1f0d;
    --gray-950: #060708;
    --gray-900: #0d0c0b;
    --gray-800: #141210;
    --gray-700: #1a1714;
}

.fi-body, .fi-simple-layout, .fi-main, .fi-sidebar {
    background: var(--jm-bg) !important;
    color: var(--jm-text);
}

.fi-sidebar {
    border-right: 1px solid var(--jm-border) !important;
    background:
        linear-gradient(180deg, rgba(20,18,16,.98), rgba(6,7,8,.98)) !important;
}

.fi-sidebar-header {
    border-bottom: 1px solid var(--jm-border) !important;
}

.fi-sidebar-item-button:hover,
.fi-sidebar-item-button:focus {
    background: rgba(200,155,73,.1) !important;
}

.fi-sidebar-item-active .fi-sidebar-item-button,
.fi-sidebar-item-button[aria-current="page"] {
    background: rgba(200,155,73,.16) !important;
    box-shadow: inset 3px 0 0 var(--jm-gold);
}

.fi-topbar {
    background: rgba(6,7,8,.92) !important;
    border-bottom: 1px solid var(--jm-border) !important;
    backdrop-filter: blur(10px);
}

.fi-section, .fi-wi-widget, .fi-ta-ctn, .fi-fo-component-ctn,
.fi-simple-main, .fi-modal-window {
    border-color: var(--jm-border) !important;
}

.fi-btn-color-primary {
    --c-400: var(--jm-gold-2);
    --c-500: var(--jm-gold);
    --c-600: #b0873a;
}

.fi-input, .fi-select-input, .fi-ta-search-field input {
    background: var(--jm-surface) !important;
    border-color: var(--jm-border) !important;
}

.fi-input:focus, .fi-select-input:focus, .fi-ta-search-field input:focus {
    border-color: rgba(200,155,73,.55) !important;
    --tw-ring-color: rgba(200,155,73,.25) !important;
}

/* Cockpit header */
.ja-cockpit-hero {
    border: 1px solid var(--jm-border);
    border-radius: 1.1rem;
    padding: 1.35rem 1.4rem;
    background:
        radial-gradient(600px 220px at 0% 0%, rgba(200,155,73,.14), transparent 55%),
        linear-gradient(165deg, rgba(26,23,20,.98), rgba(10,9,8,.96));
    box-shadow: var(--jm-shadow);
}
.ja-cockpit-hero__greeting {
    margin: 0;
    font-size: .78rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--jm-gold-2);
}
.ja-cockpit-hero__title {
    margin: .45rem 0 0;
    font-family: var(--jm-font-serif);
    font-style: italic;
    font-size: clamp(1.6rem, 2.5vw, 2.2rem);
    font-weight: 500;
    color: var(--jm-cream-2);
}
.ja-cockpit-live-badge {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 1.7rem;
    padding: 0 .65rem;
    border-radius: 999px;
    background: rgba(52,211,153,.12);
    border: 1px solid rgba(52,211,153,.28);
    color: #86efac;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
}
.ja-cockpit-live-badge i {
    width: .4rem; height: .4rem; border-radius: 50%;
    background: #34d399; box-shadow: 0 0 8px rgba(52,211,153,.7);
}
.ja-cockpit-hero__meta {
    display: flex; flex-wrap: wrap; gap: .65rem 1rem;
    margin-top: .7rem; color: var(--jm-muted); font-size: .9rem;
}
.ja-cockpit-qr-btn {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 2.75rem; padding: 0 1rem;
    border-radius: .85rem;
    background: linear-gradient(180deg, var(--jm-gold-2), var(--jm-gold));
    color: #1a140c !important; font-weight: 700; text-decoration: none;
}
.ja-cockpit-module {
    display: inline-flex; padding: .35rem .65rem; border-radius: 999px;
    border: 1px solid var(--jm-border); background: rgba(0,0,0,.25);
    color: var(--jm-muted); font-size: .78rem;
}

/* Event photos / messages cards */
.jm-bo-card {
    overflow: hidden;
    border-radius: 1rem;
    border: 1px solid rgba(200,155,73,.28);
    background: var(--jm-surface);
    box-shadow: 0 12px 32px rgba(0,0,0,.3);
}
.jm-bo-card img {
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    display: block;
    background: #0a0908;
}
.jm-bo-card__body {
    padding: 0.95rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}
.jm-bo-badge {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 1.55rem;
    padding: 0 .55rem;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.jm-bo-badge--live {
    background: rgba(200,155,73,.16);
    color: var(--jm-gold-2);
    border: 1px solid rgba(200,155,73,.35);
}
.jm-bo-empty {
    padding: 2rem 1.25rem;
    text-align: center;
    border: 1px dashed var(--jm-border);
    border-radius: 1rem;
    color: var(--jm-muted);
    background: rgba(0,0,0,.2);
}
.jm-bo-empty__title {
    margin: 0 0 .35rem;
    font-family: var(--jm-font-serif);
    font-style: italic;
    font-size: 1.35rem;
    color: var(--jm-cream);
}

/* Login Filament simple */
.fi-simple-main {
    background:
        radial-gradient(700px 380px at 50% 0%, rgba(200,155,73,.14), transparent 60%),
        var(--jm-bg) !important;
}
.fi-simple-card {
    border: 1px solid rgba(200,155,73,.35) !important;
    background: linear-gradient(180deg, rgba(26,23,20,.98), rgba(14,12,10,.98)) !important;
    box-shadow: var(--jm-shadow), var(--jm-glow) !important;
    border-radius: 1.1rem !important;
}