/* ============================================================
   HAPPY RAN EP4 - ADMIN V3 GLOBAL REDESIGN
   Visual-only global admin theme.
   Designed to work on the current admin sidebar + existing admin views.
   ============================================================ */

:root {
    --av3-bg: #04090d;
    --av3-bg2: #07111a;
    --av3-panel: rgba(7, 18, 27, .96);
    --av3-panel2: rgba(9, 22, 32, .96);
    --av3-line: #294052;
    --av3-line-soft: rgba(67, 92, 111, .32);
    --av3-red: #d12833;
    --av3-red2: #7d151b;
    --av3-gold: #c79338;
    --av3-gold2: #efc565;
    --av3-blue: #5aaef0;
    --av3-green: #45df92;
    --av3-text: #f1ede6;
    --av3-muted: #7890a3;
}

/* ------------------------------------------------------------
   ADMIN PAGE DETECTION
   ------------------------------------------------------------ */

body:has(.admin-page),
body:has(.admin-item-page),
body:has(.admin-player-page),
body:has(.admin-news-page),
body:has(.admin-webmall-page),
body:has(.admin-notification-page),
body:has(.admin-point-page),
body:has(.admin-daily-login-page),
body:has(.admin-event-page),
body:has(.admin-transaction-page) {
    background:
        linear-gradient(rgba(2,7,11,.91), rgba(2,7,11,.97)),
        url('/images/admin-v3/admin-bg.png') center top / cover fixed no-repeat,
        #04090d !important;
    color: var(--av3-text) !important;
}

/* Hide normal public footer only on admin pages if current shell still renders it */
body:has(.admin-page) > .footer,
body:has(.admin-item-page) > .footer,
body:has(.admin-player-page) > .footer,
body:has(.admin-news-page) > .footer,
body:has(.admin-webmall-page) > .footer,
body:has(.admin-notification-page) > .footer,
body:has(.admin-point-page) > .footer {
    display: none !important;
}

/* ------------------------------------------------------------
   CURRENT ADMIN SHELL / SIDEBAR
   Supports likely shell classes without requiring HTML changes.
   ------------------------------------------------------------ */

.admin-shell,
.admin-layout,
.admin-wrapper,
.admin-app {
    background: transparent !important;
}

.admin-sidebar,
.admin-side,
.admin-nav-sidebar,
aside.admin-nav {
    background:
        linear-gradient(180deg, rgba(5,14,22,.99), rgba(4,11,17,.99)) !important;
    border-right: 1px solid #203747 !important;
    box-shadow: 16px 0 35px rgba(0,0,0,.15) !important;
}

.admin-sidebar::after,
.admin-side::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 230px;
    pointer-events: none;
    opacity: .10;
    background: url('/images/admin-v3/admin-bg.png') center bottom / cover no-repeat;
}

.admin-topbar,
.admin-top-header,
.admin-header-bar {
    background: rgba(4, 11, 17, .90) !important;
    border-bottom: 1px solid #273d4d !important;
    backdrop-filter: blur(12px);
}

.admin-sidebar a,
.admin-side a,
aside.admin-nav a {
    border-radius: 4px !important;
    color: #9cafbc !important;
    transition: .18s ease !important;
}

.admin-sidebar a:hover,
.admin-side a:hover,
aside.admin-nav a:hover,
.admin-sidebar a.active,
.admin-side a.active,
aside.admin-nav a.active {
    border-color: rgba(209,40,51,.65) !important;
    background:
        linear-gradient(90deg, rgba(126,19,27,.38), rgba(20,18,20,.20)) !important;
    color: #fff !important;
    box-shadow:
        inset 3px 0 0 #d12833,
        0 0 18px rgba(209,40,51,.06) !important;
}

/* ------------------------------------------------------------
   MAIN ADMIN CONTENT
   ------------------------------------------------------------ */

.admin-page,
.admin-item-page,
.admin-player-page,
.admin-news-page,
.admin-webmall-page,
.admin-notification-page,
.admin-point-page,
.admin-daily-login-page,
.admin-event-page,
.admin-transaction-page {
    min-height: 100vh !important;
    padding: 28px 0 75px !important;
    background:
        radial-gradient(circle at 58% 8%, rgba(82, 117, 142, .07), transparent 25%),
        transparent !important;
}

.admin-page > .container,
.admin-item-page > .container,
.admin-player-page > .container,
.admin-news-page > .container,
.admin-webmall-page > .container,
.admin-notification-page > .container,
.admin-point-page > .container,
.admin-daily-login-page > .container,
.admin-event-page > .container,
.admin-transaction-page > .container {
    width: min(1240px, calc(100% - 38px)) !important;
    max-width: 1240px !important;
}

/* ------------------------------------------------------------
   PAGE HEADERS
   ------------------------------------------------------------ */

.admin-header,
.admin-item-header,
.admin-player-header,
.admin-news-header,
.admin-webmall-header,
.admin-point-header,
.admin-notification-header,
.admin-daily-login-header,
.admin-event-header,
.admin-transaction-header {
    position: relative !important;
    overflow: hidden !important;
    min-height: 185px !important;
    margin-bottom: 18px !important;
    padding: 30px 34px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    border: 1px solid rgba(144, 104, 43, .48) !important;
    border-radius: 7px !important;
    background:
        linear-gradient(90deg, rgba(4,10,15,.88), rgba(4,10,15,.47)),
        url('/images/admin-v3/admin-bg.png') center 42% / cover no-repeat !important;
    box-shadow: 0 20px 55px rgba(0,0,0,.26) !important;
}

.admin-header::after,
.admin-item-header::after,
.admin-player-header::after,
.admin-news-header::after,
.admin-webmall-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
    pointer-events: none;
    background: linear-gradient(180deg, transparent, rgba(3,9,13,.58));
}

.admin-header > *,
.admin-item-header > *,
.admin-player-header > *,
.admin-news-header > *,
.admin-webmall-header > * {
    position: relative;
    z-index: 2;
}

.admin-header > span,
.admin-item-header span:first-child,
.admin-player-header span:first-child,
.admin-news-header span:first-child,
.admin-webmall-header span:first-child {
    color: #ff4c56 !important;
    font-size: 7px !important;
    font-weight: 900 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
}

.admin-header h1,
.admin-item-header h1,
.admin-player-header h1,
.admin-news-header h1,
.admin-webmall-header h1,
.admin-point-header h1,
.admin-notification-header h1 {
    margin: 6px 0 5px !important;
    color: var(--av3-text) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(36px, 4vw, 54px) !important;
    line-height: .98 !important;
    text-shadow: 0 4px 18px rgba(0,0,0,.55) !important;
}

.admin-header p,
.admin-item-header p,
.admin-player-header p,
.admin-news-header p,
.admin-webmall-header p {
    margin: 0 !important;
    color: #a19277 !important;
    font-size: 8px !important;
}

/* ------------------------------------------------------------
   DASHBOARD STATS
   ------------------------------------------------------------ */

.admin-stat-grid,
.admin-item-stats,
.admin-player-stats,
.admin-news-stats {
    gap: 10px !important;
}

.admin-stat-card,
.admin-item-stat,
.admin-player-stat,
.admin-news-stat {
    position: relative !important;
    overflow: hidden !important;
    min-height: 115px !important;
    padding: 16px !important;
    border: 1px solid #2f4657 !important;
    border-radius: 5px !important;
    background:
        radial-gradient(circle at 88% 15%, rgba(199,147,56,.08), transparent 32%),
        linear-gradient(180deg, rgba(9,23,33,.98), rgba(6,16,24,.99)) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.15) !important;
}

.admin-stat-card::after,
.admin-item-stat::after,
.admin-player-stat::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, #b98331, transparent 72%);
    opacity: .75;
}

.admin-stat-card span,
.admin-item-stat span,
.admin-player-stat span,
.admin-news-stat span {
    color: #71899c !important;
    font-size: 6px !important;
    font-weight: 900 !important;
    letter-spacing: 1.4px !important;
}

.admin-stat-card strong,
.admin-item-stat strong,
.admin-player-stat strong,
.admin-news-stat strong {
    display: block !important;
    margin-top: 11px !important;
    color: #f1ede6 !important;
    font-family: Georgia, serif !important;
    font-size: 27px !important;
}

/* ------------------------------------------------------------
   SECTION TITLES
   ------------------------------------------------------------ */

.admin-section-title,
.admin-player-section-title,
.admin-item-section-title,
.admin-news-section-title {
    margin: 27px 0 10px !important;
}

.admin-section-title > span,
.admin-player-section-title > span,
.admin-item-section-title > span,
.admin-news-section-title > span {
    color: #ff4a54 !important;
    font-size: 6px !important;
    font-weight: 900 !important;
    letter-spacing: 2px !important;
}

.admin-section-title h2,
.admin-player-section-title h2,
.admin-item-section-title h2,
.admin-news-section-title h2 {
    margin: 4px 0 0 !important;
    color: #f0ece5 !important;
    font-family: Georgia, serif !important;
    font-size: 23px !important;
}

/* ------------------------------------------------------------
   DASHBOARD TOOLS / GENERIC CARDS
   ------------------------------------------------------------ */

.admin-tools-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.admin-tool-card {
    position: relative !important;
    min-height: 178px !important;
    padding: 18px !important;
    overflow: hidden !important;
    border: 1px solid #31495a !important;
    border-radius: 6px !important;
    background:
        radial-gradient(circle at 82% 12%, rgba(197,146,52,.08), transparent 32%),
        linear-gradient(180deg, #091721, #061019) !important;
    color: inherit !important;
    text-decoration: none !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.admin-tool-card::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    background: linear-gradient(90deg, #b5802e, transparent 72%);
}

.admin-tool-card:hover {
    transform: translateY(-3px) !important;
    border-color: #8a672c !important;
    box-shadow: 0 16px 32px rgba(0,0,0,.22) !important;
}

.admin-tool-icon {
    width: 48px !important;
    height: 48px !important;
    margin-bottom: 13px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #755827 !important;
    border-radius: 50% !important;
    background: #1a1509 !important;
    color: #e9b953 !important;
    font-family: Georgia, serif !important;
    font-size: 10px !important;
    font-weight: 900 !important;
}

.admin-tool-card h3 {
    margin: 0 0 6px !important;
    color: #f0ece5 !important;
    font-family: Georgia, serif !important;
    font-size: 17px !important;
}

.admin-tool-card p {
    margin: 0 !important;
    color: #72899b !important;
    font-size: 7px !important;
    line-height: 1.65 !important;
}

/* ------------------------------------------------------------
   TABLES / LOGS
   ------------------------------------------------------------ */

.admin-log-card,
.admin-table-card,
.admin-item-card,
.admin-player-card,
.admin-news-card,
.admin-form-card,
.admin-panel,
.roulette-chance-info {
    border: 1px solid #2d4454 !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, #08151e, #061019) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.15) !important;
}

.admin-table-wrapper {
    overflow: auto !important;
}

.admin-table {
    width: 100% !important;
    border-collapse: collapse !important;
    color: #a6b5c0 !important;
    font-size: 7px !important;
}

.admin-table th {
    height: 42px !important;
    padding: 0 11px !important;
    border-bottom: 1px solid #2d4353 !important;
    background: #050d13 !important;
    color: #71899d !important;
    font-size: 6px !important;
    font-weight: 900 !important;
    letter-spacing: .9px !important;
}

.admin-table td {
    min-height: 48px !important;
    padding: 10px 11px !important;
    border-bottom: 1px solid rgba(66,89,106,.24) !important;
    background: rgba(7,19,28,.74) !important;
}

.admin-table tbody tr:hover td {
    background: #0a1923 !important;
}

.admin-action-badge {
    border: 1px solid #744f29 !important;
    border-radius: 2px !important;
    background: #171208 !important;
    color: #e0ac4f !important;
}

/* ------------------------------------------------------------
   FORMS / INPUTS / BUTTONS - ALL ADMIN PAGES
   ------------------------------------------------------------ */

.admin-page input,
.admin-page select,
.admin-page textarea,
.admin-item-page input,
.admin-item-page select,
.admin-item-page textarea,
.admin-player-page input,
.admin-player-page select,
.admin-player-page textarea,
.admin-news-page input,
.admin-news-page select,
.admin-news-page textarea,
.admin-webmall-page input,
.admin-webmall-page select,
.admin-webmall-page textarea,
.admin-point-page input,
.admin-point-page select,
.admin-point-page textarea,
.admin-notification-page input,
.admin-notification-page select,
.admin-notification-page textarea {
    border: 1px solid #304758 !important;
    border-radius: 3px !important;
    background: #051019 !important;
    color: #e8edf0 !important;
    box-shadow: none !important;
}

.admin-page input:focus,
.admin-page select:focus,
.admin-page textarea:focus,
.admin-item-page input:focus,
.admin-item-page select:focus,
.admin-item-page textarea:focus,
.admin-player-page input:focus,
.admin-player-page select:focus,
.admin-player-page textarea:focus {
    border-color: #9a712e !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(188,135,48,.08) !important;
}

.admin-page button,
.admin-item-page button,
.admin-player-page button,
.admin-news-page button,
.admin-webmall-page button,
.admin-point-page button,
.admin-notification-page button {
    border-radius: 3px !important;
}

.happy-login-button,
.admin-item-submit,
.admin-player-submit,
.admin-news-submit,
.roulette-weight-save,
.roulette-action-edit,
.admin-tool-primary {
    border: 1px solid #d02d37 !important;
    background: linear-gradient(180deg, #b9222c, #70141a) !important;
    color: #fff !important;
}

/* ------------------------------------------------------------
   STATUS COLORS
   ------------------------------------------------------------ */

.admin-player-active,
.roulette-admin-active,
.status-active,
.admin-status-active {
    color: var(--av3-green) !important;
}

.admin-player-disabled,
.roulette-admin-disabled,
.status-disabled,
.admin-status-disabled {
    color: #ff626c !important;
}

.roulette-admin-jackpot,
.admin-gold-badge {
    border-color: #785c28 !important;
    background: #191408 !important;
    color: #edbd59 !important;
}

/* ------------------------------------------------------------
   SCROLLBARS
   ------------------------------------------------------------ */

body:has(.admin-page) ::-webkit-scrollbar,
body:has(.admin-item-page) ::-webkit-scrollbar,
body:has(.admin-player-page) ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body:has(.admin-page) ::-webkit-scrollbar-track,
body:has(.admin-item-page) ::-webkit-scrollbar-track,
body:has(.admin-player-page) ::-webkit-scrollbar-track {
    background: #061019;
}

body:has(.admin-page) ::-webkit-scrollbar-thumb,
body:has(.admin-item-page) ::-webkit-scrollbar-thumb,
body:has(.admin-player-page) ::-webkit-scrollbar-thumb {
    background: #31495a;
    border-radius: 8px;
}

/* ------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------ */

@media (max-width: 1050px) {
    .admin-tools-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    .admin-page > .container,
    .admin-item-page > .container,
    .admin-player-page > .container,
    .admin-news-page > .container,
    .admin-webmall-page > .container {
        width: min(100% - 22px, 1240px) !important;
    }

    .admin-header,
    .admin-item-header,
    .admin-player-header,
    .admin-news-header,
    .admin-webmall-header {
        min-height: 150px !important;
        padding: 23px 18px !important;
    }

    .admin-tools-grid {
        grid-template-columns: 1fr !important;
    }
}