/* PENOCLUB · SuperAdmin Control Center
   Loaded after the Filament foundation so it remains independent of the local build tool. */

:root {
    --pc-green: #00ff9d;
    --pc-green-deep: #00b96f;
    --pc-green-mist: rgba(0, 255, 157, .12);
    --pc-ink: #050a08;
    --pc-panel: #0a1612;
    --pc-panel-raised: #0d2019;
    --pc-line: rgba(180, 255, 218, .12);
    --pc-line-strong: rgba(0, 255, 157, .30);
    --pc-text: #effff6;
    --pc-muted: #91aa9e;
    --pc-subtle: #63786d;
    --pc-radius: 14px;
}

html,
body {
    min-height: 100%;
    background: var(--pc-ink) !important;
    color: var(--pc-text) !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body {
    background:
        radial-gradient(60rem 34rem at 88% -14%, rgba(0, 255, 157, .12), transparent 61%),
        radial-gradient(42rem 30rem at -14% 110%, rgba(0, 132, 82, .11), transparent 65%),
        var(--pc-ink) !important;
}

body::before {
    content: '';
    position: fixed;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    opacity: .28;
    background-image:
        linear-gradient(rgba(255, 255, 255, .018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .018) 1px, transparent 1px);
    background-size: 38px 38px;
    mask-image: linear-gradient(to bottom, #000, transparent 78%);
}

::selection { background: var(--pc-green); color: #00150d; }
.fi-layout, .fi-main, .fi-main-ctn, .fi-page { background: transparent !important; }
.fi-main { min-height: 100vh; }

.fi-sidebar {
    border-right: 1px solid var(--pc-line) !important;
    background: linear-gradient(180deg, rgba(10, 27, 21, .98), rgba(4, 11, 8, .99)) !important;
    box-shadow: 20px 0 55px rgba(0, 0, 0, .22) !important;
}

.fi-sidebar-header {
    min-height: 5.25rem;
    border-bottom: 1px solid var(--pc-line) !important;
    background: linear-gradient(100deg, rgba(0, 255, 157, .07), transparent 72%) !important;
}

.fi-logo {
    gap: .7rem;
    color: var(--pc-text) !important;
    font-size: .94rem !important;
    font-weight: 900 !important;
    letter-spacing: .12em;
}

.fi-logo img {
    width: 2.45rem !important;
    height: 2.45rem !important;
    max-width: 2.45rem !important;
    object-fit: contain !important;
    filter: drop-shadow(0 0 12px rgba(0, 255, 157, .34));
}

.fi-sidebar-nav { padding: 1.2rem .8rem !important; }

.fi-sidebar-group-label,
.fi-sidebar-group-collapse-button {
    color: var(--pc-subtle) !important;
    font-size: .64rem !important;
    font-weight: 800 !important;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.fi-sidebar-item { margin: .22rem 0; }

.fi-sidebar-item-button,
.fi-sidebar-item a {
    min-height: 2.7rem;
    border: 1px solid transparent;
    border-radius: 10px !important;
    color: #aabdb4 !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.fi-sidebar-item-button:hover,
.fi-sidebar-item a:hover {
    border-color: rgba(0, 255, 157, .12);
    background: rgba(0, 255, 157, .065) !important;
    color: #ecfff5 !important;
    transform: translateX(2px);
}

.fi-sidebar-item-active .fi-sidebar-item-button,
.fi-sidebar-item-active > a,
.fi-sidebar-item-active a {
    border-color: rgba(0, 255, 157, .31) !important;
    background: linear-gradient(100deg, rgba(0, 255, 157, .20), rgba(0, 255, 157, .055)) !important;
    box-shadow: inset 3px 0 0 var(--pc-green), 0 7px 20px rgba(0, 0, 0, .17) !important;
    color: var(--pc-text) !important;
}

.fi-sidebar-item-icon,
.fi-topbar-item-btn svg,
.fi-breadcrumbs-item svg { color: #7f9b8d !important; }
.fi-sidebar-item-active .fi-sidebar-item-icon { color: var(--pc-green) !important; }

.fi-topbar {
    border-bottom: 1px solid var(--pc-line) !important;
    background: rgba(5, 13, 10, .78) !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .12) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.fi-topbar nav,
.fi-topbar a,
.fi-breadcrumbs-item-label { color: var(--pc-muted) !important; }
.fi-topbar a:hover,
.fi-breadcrumbs-item:last-child .fi-breadcrumbs-item-label { color: var(--pc-text) !important; }

.fi-page {
    max-width: 1550px !important;
    padding: 1.75rem clamp(1rem, 2.3vw, 2.35rem) 3rem !important;
}

.fi-header { margin-bottom: 1.5rem !important; }
.fi-header-heading,
.fi-page-header-heading {
    color: var(--pc-text) !important;
    font-size: clamp(1.55rem, 2.4vw, 2.2rem) !important;
    font-weight: 850 !important;
    letter-spacing: -.035em;
}

.fi-header-subheading,
.fi-page-header-description { color: var(--pc-muted) !important; }

.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat,
.fi-fo-repeater-item,
.fi-modal-window {
    border: 1px solid var(--pc-line) !important;
    border-radius: var(--pc-radius) !important;
    background: linear-gradient(145deg, rgba(13, 31, 24, .94), rgba(7, 17, 13, .96)) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .19), inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

.fi-section-header,
.fi-ta-header {
    border-bottom-color: var(--pc-line) !important;
    background: linear-gradient(90deg, rgba(0, 255, 157, .045), transparent 56%) !important;
}

.fi-section-header-heading,
.fi-ta-header-heading,
.fi-fo-section-header-heading { color: var(--pc-text) !important; font-weight: 750 !important; }
.fi-section-header-description,
.fi-fo-section-header-description { color: var(--pc-muted) !important; }

.fi-wi-stats-overview-stat { position: relative; overflow: hidden; min-height: 8.6rem; }
.fi-wi-stats-overview-stat::before {
    content: '';
    position: absolute;
    top: 0;
    left: 1rem;
    width: 2.25rem;
    height: 2px;
    background: var(--pc-green);
    box-shadow: 0 0 14px rgba(0, 255, 157, .6);
}

.fi-wi-stats-overview-stat-label,
.fi-wi-stats-overview-stat-description { color: var(--pc-muted) !important; }
.fi-wi-stats-overview-stat-value {
    color: var(--pc-text) !important;
    font-size: 1.85rem !important;
    font-weight: 820 !important;
    letter-spacing: -.045em;
}
.fi-wi-stats-overview-stat-icon { color: var(--pc-green) !important; opacity: .92; }

.fi-btn,
.fi-icon-btn {
    border-radius: 10px !important;
    font-weight: 750 !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.fi-btn-color-primary,
.fi-btn-primary {
    border: 1px solid rgba(204, 255, 228, .24) !important;
    background: linear-gradient(135deg, var(--pc-green), var(--pc-green-deep)) !important;
    box-shadow: 0 10px 24px rgba(0, 215, 126, .18) !important;
    color: #00140c !important;
}

.fi-btn-color-primary:hover,
.fi-btn-primary:hover {
    background: linear-gradient(135deg, #37ffb4, #00ca79) !important;
    box-shadow: 0 13px 28px rgba(0, 215, 126, .28) !important;
    transform: translateY(-1px);
}

.fi-btn-color-gray,
.fi-btn-color-danger,
.fi-btn-color-warning { border-color: var(--pc-line) !important; }

.fi-input-wrp,
.fi-select-input,
.fi-input,
.fi-fo-file-upload,
.fi-fo-tags-input {
    border-color: rgba(180, 255, 218, .18) !important;
    background: rgba(4, 17, 12, .76) !important;
    color: var(--pc-text) !important;
    border-radius: 10px !important;
}

.fi-input,
.fi-select-input { min-height: 2.8rem; }
.fi-input::placeholder,
.fi-select-input::placeholder { color: #6f887b !important; }
.fi-input:focus,
.fi-select-input:focus,
.fi-input-wrp:focus-within {
    border-color: var(--pc-green) !important;
    box-shadow: 0 0 0 3px rgba(0, 255, 157, .12) !important;
}

.fi-fo-field-wrp-label,
.fi-fo-field-wrp-label label,
.fi-fo-field-wrp-label span {
    color: #c9ddd2 !important;
    font-size: .78rem !important;
    font-weight: 750 !important;
    letter-spacing: .02em;
}
.fi-fo-field-wrp-hint,
.fi-fo-field-wrp-helper-text { color: var(--pc-muted) !important; }
.fi-checkbox-input:checked,
.fi-radio-input:checked { border-color: var(--pc-green) !important; background-color: var(--pc-green) !important; }

.fi-ta-content,
.fi-ta-table,
.fi-ta-table thead,
.fi-ta-table tbody,
.fi-ta-table tr,
.fi-ta-table td,
.fi-ta-table th { background: transparent !important; }
.fi-ta-table thead th {
    border-bottom: 1px solid var(--pc-line) !important;
    color: #a7bcb1 !important;
    font-size: .68rem !important;
    font-weight: 800 !important;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.fi-ta-table tbody td { border-bottom-color: rgba(180, 255, 218, .075) !important; color: #dcece4 !important; }
.fi-ta-table tbody tr { transition: background .16s ease; }
.fi-ta-table tbody tr:hover { background: rgba(0, 255, 157, .045) !important; }

.fi-badge { border: 1px solid rgba(255, 255, 255, .11) !important; border-radius: 999px !important; font-size: .68rem !important; font-weight: 800 !important; letter-spacing: .04em; }
.fi-modal-window { background: linear-gradient(145deg, #10251d, #07140e) !important; }
.fi-modal-header,
.fi-modal-footer { border-color: var(--pc-line) !important; }
.fi-no-notification-title,
.fi-no-notification-body,
.fi-dropdown-panel { color: var(--pc-text) !important; }
.fi-dropdown-panel,
.fi-no-notification { border-color: var(--pc-line) !important; background: #0d2119 !important; }
.fi-pagination-item-button,
.fi-pagination-overview { color: var(--pc-muted) !important; }
.fi-pagination-item-active .fi-pagination-item-button { background: var(--pc-green-mist) !important; color: var(--pc-green) !important; }

/* Secure superadmin login. The original live form stays intact: these rules
   only restyle it, so its Livewire authentication remains untouched. */
.fi-simple-layout {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(42rem 25rem at 50% -5%, rgba(0, 255, 157, .14), transparent 68%),
        linear-gradient(135deg, #06120d 0%, #06100c 50%, #020805 100%) !important;
}

.fi-simple-layout::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .24;
    background-image: linear-gradient(rgba(0, 255, 157, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 255, 157, .045) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: radial-gradient(ellipse at center, black, transparent 72%);
}

.fi-simple-page {
    position: relative;
    z-index: 1;
    width: min(100%, 29rem);
    border: 1px solid var(--pc-line-strong) !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, rgba(12, 32, 24, .96), rgba(5, 15, 10, .97)) !important;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .46), 0 0 50px rgba(0, 255, 157, .10) !important;
}

.fi-simple-page .fi-simple-main,
.fi-simple-page .fi-simple-main-ctn { border: 0 !important; background: transparent !important; }
.fi-simple-page .fi-simple-header { text-align: center; }
.fi-simple-page .fi-simple-header-heading { color: var(--pc-text) !important; }
.fi-simple-header div[style*="width:64px"][style*="height:64px"] {
    border: 2px solid rgba(0, 255, 157, .52) !important;
    border-radius: 50% !important;
    background: url('/images/penoclub-mark-transparent-v1.png') center / 72% no-repeat, radial-gradient(circle at 50% 35%, #163a2a, #06140e 70%) !important;
    color: transparent !important;
    box-shadow: 0 0 0 6px rgba(0, 255, 157, .07), 0 0 34px rgba(0, 255, 157, .17) !important;
}
.fi-simple-header div[style*="font-size:1.5rem"] { color: var(--pc-text) !important; }
.fi-simple-header div[style*="font-size:0.65rem"] { color: var(--pc-green) !important; font-weight: 800 !important; }
.pc-admin-mark {
    display: grid;
    width: 5.1rem;
    height: 5.1rem;
    margin: 0 auto .9rem;
    place-items: center;
    border: 2px solid rgba(0, 255, 157, .52);
    border-radius: 50%;
    background: radial-gradient(circle at 50% 35%, #163a2a, #06140e 70%);
    box-shadow: 0 0 0 6px rgba(0, 255, 157, .07), 0 0 34px rgba(0, 255, 157, .17);
}
.pc-admin-mark img { width: 74%; height: 74%; object-fit: contain; filter: drop-shadow(0 0 8px rgba(0, 255, 157, .32)); }
.pc-admin-eyebrow { margin: 0 0 .45rem; color: var(--pc-green); font-size: .65rem; font-weight: 850; letter-spacing: .22em; text-transform: uppercase; }
.pc-admin-title { margin: 0; color: var(--pc-text); font-size: 1.45rem; font-weight: 900; letter-spacing: .12em; }
.pc-admin-caption { margin: .55rem auto 0; max-width: 18rem; color: var(--pc-muted); font-size: .78rem; line-height: 1.55; }
.fi-simple-footer { color: var(--pc-subtle) !important; }

@media (max-width: 1024px) { .fi-page { padding: 1.25rem 1rem 2rem !important; } }
@media (max-width: 640px) {
    .fi-sidebar { border-right: 0 !important; }
    .fi-header-heading,
    .fi-page-header-heading { font-size: 1.55rem !important; }
    .fi-ta-header { padding: .85rem !important; }
    .fi-wi-stats-overview-stat { min-height: 7.5rem; }
}


/* PENOCLUB: superadmin-cockpit-v2 */
/* Centre de contrôle visuel — aucun comportement Filament, accès ou abonnement n’est modifié. */
body{background:radial-gradient(ellipse 56% 46% at 92% -4%,rgba(0,255,157,.16),transparent 66%),linear-gradient(115deg,rgba(2,12,9,.93),rgba(3,18,13,.93)),url('/images/penoclub-login-stadium-night-v1.png') center/cover fixed!important}
body::before{opacity:.18;background-image:linear-gradient(rgba(190,255,225,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(190,255,225,.07) 1px,transparent 1px);background-size:72px 72px}
.fi-page{position:relative;z-index:1}.fi-header{position:relative;isolation:isolate;overflow:hidden;min-height:148px;display:flex;align-items:flex-end;padding:1.5rem 1.7rem!important;border:1px solid rgba(0,255,157,.24);border-radius:18px;background:linear-gradient(110deg,rgba(3,17,13,.97),rgba(5,23,17,.76));box-shadow:0 26px 70px rgba(0,0,0,.40),inset 0 1px 0 rgba(230,255,243,.07)}
.fi-header::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,14,10,.96),rgba(2,17,12,.82) 53%,rgba(2,12,9,.48)),url('/images/penoclub-login-stadium-night-v1.png') center 56%/cover;filter:grayscale(1) contrast(1.1) brightness(.68);opacity:.64}
.fi-header::after{content:'PENOCLUB · CENTRE DE CONTRÔLE';position:absolute;top:1.25rem;left:1.7rem;color:var(--pc-green);font-size:.62rem;font-weight:850;letter-spacing:.20em;text-transform:uppercase;text-shadow:0 0 18px rgba(0,255,157,.42)}
.fi-header-heading,.fi-page-header-heading{font-size:clamp(2rem,3.2vw,3rem)!important;font-weight:920!important;letter-spacing:-.065em!important;text-transform:uppercase;text-shadow:0 8px 28px rgba(0,0,0,.45)}.fi-header-subheading,.fi-page-header-description{margin-top:.55rem!important;color:rgba(218,245,231,.72)!important}.fi-header-actions{position:relative;z-index:1}.fi-header .fi-btn{min-height:38px;box-shadow:0 10px 26px rgba(0,0,0,.22)}
.fi-wi-stats-overview{gap:1rem!important}.fi-wi-stats-overview-stat{border-color:rgba(167,255,224,.16)!important;background:linear-gradient(145deg,rgba(8,28,21,.94),rgba(3,13,11,.96))!important;box-shadow:0 19px 48px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)!important}.fi-wi-stats-overview-stat::after{content:'';position:absolute;right:-36px;bottom:-52px;width:145px;height:145px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,157,.12),transparent 68%);pointer-events:none}.fi-wi-stats-overview-stat-value{font-size:2.15rem!important;color:#effff7!important}
.fi-section,.fi-ta-ctn{border-color:rgba(167,255,224,.15)!important;background:linear-gradient(145deg,rgba(7,25,19,.93),rgba(3,13,11,.96))!important;box-shadow:0 22px 58px rgba(0,0,0,.31),inset 0 1px 0 rgba(255,255,255,.035)!important}.fi-ta-header{min-height:66px;padding:.95rem 1.15rem!important}.fi-ta-header-heading{font-size:1rem!important;font-weight:860!important;letter-spacing:-.025em}.fi-ta-header-actions{gap:.5rem!important}.fi-ta-table{border-collapse:separate!important;border-spacing:0 5px!important;padding:0 .65rem .85rem!important}.fi-ta-table thead th{padding:.72rem .7rem!important;border-bottom:0!important;color:rgba(204,238,221,.48)!important;font-size:.60rem!important;letter-spacing:.13em!important}.fi-ta-table tbody td{padding:.78rem .7rem!important;border-top:1px solid rgba(167,255,224,.075)!important;border-bottom:1px solid rgba(167,255,224,.075)!important;background:rgba(255,255,255,.016)!important}.fi-ta-table tbody td:first-child{border-left:1px solid rgba(167,255,224,.075)!important;border-radius:10px 0 0 10px}.fi-ta-table tbody td:last-child{border-right:1px solid rgba(167,255,224,.075)!important;border-radius:0 10px 10px 0}.fi-ta-table tbody tr:hover td{background:linear-gradient(90deg,rgba(0,255,157,.10),rgba(0,255,157,.025))!important;border-top-color:rgba(0,255,157,.25)!important;border-bottom-color:rgba(0,255,157,.25)!important}.fi-ta-table tbody tr:hover td:first-child{border-left-color:rgba(0,255,157,.25)!important}.fi-ta-table tbody tr:hover td:last-child{border-right-color:rgba(0,255,157,.25)!important}
.fi-fo-component-ctn{padding:.15rem}.fi-section-header{min-height:62px;padding:.95rem 1.1rem!important}.fi-section-content{padding:1.12rem!important}.fi-fo-field-wrp-label{letter-spacing:.08em!important;text-transform:uppercase;font-size:.64rem!important;color:rgba(215,246,230,.67)!important}.fi-input-wrp,.fi-select-input,.fi-input{background:rgba(2,14,10,.76)!important;border-color:rgba(167,255,224,.17)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.022)!important}.fi-input-wrp:focus-within{box-shadow:0 0 0 3px rgba(0,255,157,.10),inset 0 1px 0 rgba(255,255,255,.03)!important}
.fi-modal-window{border-color:rgba(0,255,157,.28)!important;background:linear-gradient(145deg,#0c251b,#06110e 80%)!important;box-shadow:0 35px 90px rgba(0,0,0,.66),0 0 42px rgba(0,255,157,.08)!important}.fi-modal-header{background:linear-gradient(90deg,rgba(0,255,157,.075),transparent)!important}.fi-dropdown-panel{box-shadow:0 18px 55px rgba(0,0,0,.46)!important}
.pc-admin-brand{margin:0 auto 1.1rem;text-align:center}.pc-admin-mark{width:5.5rem;height:5.5rem;margin:0 auto 1rem;border-color:rgba(0,255,157,.63);background:radial-gradient(circle at 50% 35%,#16412d,#06140e 70%);box-shadow:0 0 0 7px rgba(0,255,157,.065),0 0 42px rgba(0,255,157,.20)}.pc-admin-mark img{width:78%;height:78%}.pc-admin-eyebrow{margin:0 0 .55rem}.pc-admin-title{font-size:1.55rem;letter-spacing:.15em}.pc-admin-caption{font-size:.79rem;color:rgba(210,240,226,.66)}.pc-admin-footer{margin:1.25rem 0 0;text-align:center;color:var(--pc-subtle);font-size:.68rem;letter-spacing:.03em}.pc-admin-footer strong{color:var(--pc-green);font-weight:800}
@media(max-width:700px){.fi-header{min-height:126px;padding:1.15rem 1.1rem!important}.fi-header::after{left:1.1rem;top:1rem;font-size:.56rem}.fi-header-heading,.fi-page-header-heading{font-size:1.8rem!important}.fi-header-actions{margin-top:.85rem}.fi-ta-table{padding:0 .3rem .65rem!important}.fi-wi-stats-overview-stat-value{font-size:1.8rem!important}}