/* ============================================================
   MR DISTRIBUTION — Brand UI  (Brand Kit v1.0)
   Luxury-tech · cinematic · high-end · clean.
   Onyx/Soft black canvas · Satin/Deep GOLD (flat metallic) accents
   · Platinum White text · logo-strip accents in tiny doses only.
   NO brown / bronze / beige / mustard / sepia / tan / copper /
   champagne / yellow-gold. NO retro. NO cheap gold effects.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  /* primary palette (exact brand hexes) */
  --onyx:      #000000;
  --soft:      #0A0A0D;
  --gold:      #F3F4F6;   /* MONOCHROME: was satin gold — accent is now platinum. Gold lives ONLY in the logo image. */
  --gold-deep: #9A9AA2;   /* muted grey (was deep gold) */
  --platinum:  #F3F4F6;
  --gain:      #2EA36B;   /* up / positive / paid — mature green */
  --loss:      #E0484D;   /* down / negative / owed — mature red */

  /* derived neutrals (kept strictly neutral — no warm/brown tint) */
  --panel:     #0d0d10;
  --panel-2:   #121216;
  --line:      rgba(243,244,246,.10);   /* NEUTRAL hairline — low-opacity gold reads brown, so never gold here */
  --line-soft: rgba(243,244,246,.07);
  --text:      #F3F4F6;
  --text-dim:  rgba(243,244,246,.62);
  --text-faint:rgba(243,244,246,.40);

  /* logo-strip accents (tiny doses only) */
  --violet: #8F19C8;
  --blue:   #1C2ED8;
  --orange: #E45722;
  --crimson:#E0484D;
  --teal:   #138E90;

  --shadow: 0 12px 40px rgba(0,0,0,.6);
  --font-head: 'Archivo','Inter','Helvetica Neue',Arial,sans-serif;
  --font-body: 'Inter','Helvetica Neue',Arial,sans-serif;

  /* legacy aliases used by the template markup */
  --nf-red: var(--gold); --nf-bg: var(--onyx); --nf-bg-2: var(--soft);
  --nf-surface: var(--panel); --nf-surface-2: var(--panel-2);
  --nf-border: var(--line); --nf-text: var(--text); --nf-text-dim: var(--text-dim); --nf-shadow: var(--shadow);
}

/* ---------- base ---------- */
html, body, body.theme-blue {
  background: var(--onyx) !important; color: var(--text) !important;
  font-family: var(--font-body) !important; -webkit-font-smoothing: antialiased; letter-spacing:.1px;
}
#wrapper, #main-content, .page-loader-wrapper { background: var(--onyx) !important; }
h1,h2,h3,h4,h5,h6 { font-family: var(--font-head) !important; color: var(--text); letter-spacing:-.01em; }
p,td,label,span,.card-title { color: var(--text); }
.text-muted,.help-info,small { color: var(--text-dim) !important; }
a { color: var(--text); }
a:hover { color: var(--platinum); text-decoration:underline; }
::selection { background: var(--gold); color:#000; }
hr { border-color: var(--line) !important; }

/* ---------- top navbar ---------- */
.navbar.navbar-fixed-top { background:var(--onyx) !important; border:none !important; border-bottom:1px solid var(--line) !important; box-shadow:0 1px 0 rgba(0,0,0,.6); }

/* breadcrumb / page-header strip */
.block-header { background:var(--onyx) !important; border-bottom:1px solid var(--line) !important; }
.block-header .breadcrumb, .breadcrumb { background:transparent !important; margin:0; }
.block-header .breadcrumb a, .block-header li, .block-header a { color:var(--text-dim) !important; }
.breadcrumb-item.active { color:var(--text-faint) !important; }
.breadcrumb-item + .breadcrumb-item::before { color:var(--text-faint) !important; }

/* ---------- left sidebar ---------- */
#left-sidebar.sidebar { background:var(--onyx) !important; border-right:1px solid var(--line) !important; }
#left-sidebar .navbar-brand span { color:var(--platinum) !important; font-family:var(--font-head); font-weight:700; letter-spacing:.06em; text-transform:uppercase; font-size:15px; }
#left-sidebar .user-name strong { color:var(--platinum) !important; font-weight:600; }
#left-sidebar .user-account span { color:var(--text-dim) !important; }
#left-sidebar .sidebar-nav .metismenu a { color:var(--platinum) !important; font-weight:500; letter-spacing:.02em; border-left:3px solid transparent !important; transition:.15s; }
#left-sidebar .sidebar-nav .metismenu a:hover { color:#fff !important; background:rgba(243,244,246,.05) !important; border-left:3px solid var(--gold) !important; }
#left-sidebar .sidebar-nav .metismenu li.active > a,
#left-sidebar .sidebar-nav .metismenu li[class*="active"] > a { color:var(--platinum) !important; background:rgba(243,244,246,.06) !important; border-left:3px solid var(--gold) !important; }
#left-sidebar .sidebar-nav .metismenu i { color:var(--gold) !important; }
#left-sidebar .user-account { border-bottom:1px solid var(--line); }
.user-photo { border:2px solid var(--gold) !important; }

/* ---------- cards / panels : soft black + hairline gold border ---------- */
.card, .panel, .modal-content { background:var(--soft) !important; border:1px solid var(--line) !important; border-radius:10px !important; box-shadow:var(--shadow) !important; color:var(--text) !important; }
.dropdown-menu { background:var(--panel-2) !important; border:1px solid var(--line) !important; border-radius:8px !important; box-shadow:var(--shadow) !important; }
.card .header { border-bottom:1px solid var(--line) !important; }
.card .header h2 { color:var(--platinum) !important; font-weight:700 !important; letter-spacing:-.01em; }
.card .header h2 small, .card .header .help-info { color:var(--text-dim) !important; }
.dropdown-menu a { color:var(--text-dim) !important; }
.dropdown-menu a:hover { background:var(--panel-2) !important; color:var(--platinum) !important; }

/* ---------- tables ---------- */
.table, .dataTable { color:var(--text) !important; border-color:var(--line-soft) !important; }
.table thead th { color:var(--platinum) !important; border-bottom:2px solid var(--line) !important; text-transform:uppercase; font-size:11px; letter-spacing:.09em; font-weight:600; font-family:var(--font-head); }
.table td, .table th { border-top:1px solid var(--line-soft) !important; }
.table-hover tbody tr:hover { background:rgba(243,244,246,.035) !important; }
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { color:var(--text-dim) !important; }
.dataTables_filter input, .dataTables_length select { background:var(--panel) !important; border:1px solid var(--line) !important; color:var(--text) !important; border-radius:6px; }
.page-link { background:var(--panel) !important; border-color:var(--line) !important; color:var(--text-dim) !important; }
.page-link:hover { color:#000 !important; background:var(--gold) !important; border-color:var(--gold) !important; }
.page-item.active .page-link { background:var(--gold) !important; border-color:var(--gold) !important; color:#000 !important; font-weight:700; }
.page-item.disabled .page-link { background:var(--soft) !important; color:var(--text-faint) !important; }

/* ---------- forms ---------- */
.form-control, .select2-container--default .select2-selection--single, textarea, select { background:var(--panel) !important; border:1px solid var(--line) !important; color:var(--text) !important; border-radius:6px !important; }
.form-control:focus { border-color:var(--gold) !important; box-shadow:0 0 0 2px rgba(243,244,246,.14) !important; }
.form-control::placeholder { color:var(--text-faint) !important; }
label { color:var(--platinum) !important; font-weight:500; letter-spacing:.02em; }
.select2-dropdown, .select2-results__option { background:var(--panel) !important; color:var(--text) !important; }
.select2-results__option--highlighted { background:var(--gold) !important; color:#000 !important; }
.dropify-wrapper { background:var(--panel) !important; color:var(--text-dim) !important; border:1px dashed var(--line) !important; }
.dropify-wrapper:hover { border-color:var(--gold) !important; }

/* ---------- buttons : flat satin gold, black text (subtle metal via inset light) ---------- */
/* large non-button .bg-warning surfaces (callout cards) must NOT be a giant gold fill */
.bg-warning:not(.btn):not(.badge):not(.label) { background:var(--soft) !important; background-image:none !important; color:var(--text) !important; border:1px solid var(--line) !important; }
.btn-primary, .sw-btn-next, .btn.bg-warning {
  background:var(--gold) !important; border:1px solid var(--gold) !important; color:#000 !important; font-weight:700 !important;
  border-radius:6px !important; background-image:none !important; text-shadow:none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18) !important; letter-spacing:.02em;
}
.btn-primary:hover, .sw-btn-next:hover, .btn.bg-warning:hover { background:var(--platinum) !important; border-color:var(--platinum) !important; color:#000 !important; }
/* ghost / secondary = gold outline */
.btn-default, .btn-secondary, .sw-btn-prev { background:transparent !important; color:var(--platinum) !important; border:1px solid var(--line) !important; border-radius:6px !important; }
.btn-default:hover, .btn-secondary:hover { border-color:var(--gold) !important; color:var(--platinum) !important; background:transparent !important; }
.btn-success{ background:var(--teal) !important; border:none !important; color:#fff !important; }
.btn-info   { background:var(--blue) !important; border:none !important; color:#fff !important; }
.btn-danger { background:var(--crimson) !important; border:none !important; color:#fff !important; }

/* ---------- status pills: tiny colored dot + text (accents in small doses) ---------- */
.badge, .label { border-radius:20px; font-weight:600; font-size:11px; letter-spacing:.04em; padding:4px 10px 4px 8px; background:var(--panel-2) !important; color:var(--text) !important; border:1px solid var(--line-soft); }
.badge::before, .label::before { content:""; display:inline-block; width:7px; height:7px; border-radius:50%; margin-right:7px; vertical-align:middle; background:var(--text-dim); }
.badge-success::before,.label-success::before{ background:var(--teal); }
.badge-warning::before,.label-warning::before{ background:var(--gold); }
.badge-danger::before,.label-danger::before  { background:var(--crimson); }
.badge-info::before,.label-info::before      { background:var(--blue); }

/* ---------- scrollbars ---------- */
::-webkit-scrollbar { width:9px; height:9px; }
::-webkit-scrollbar-track { background:var(--onyx); }
::-webkit-scrollbar-thumb { background:#1c1c20; border-radius:6px; }
::-webkit-scrollbar-thumb:hover { background:var(--gold); }

/* ============================================================
   Browse — cinematic catalog
   ============================================================ */
.nf-hero { position:relative; height:64vh; min-height:440px; margin:-30px -15px 12px; background-size:cover; background-position:center 18%; display:flex; align-items:flex-end; }
.nf-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.6) 38%, rgba(0,0,0,0) 68%), linear-gradient(0deg, var(--onyx) 1%, rgba(0,0,0,0) 46%); }
.nf-hero-inner { position:relative; z-index:2; padding:0 52px 58px; max-width:720px; }
.nf-hero-kicker { color:var(--platinum); opacity:.85; font-family:var(--font-head); font-weight:600; text-transform:uppercase; letter-spacing:.22em; font-size:12px; margin-bottom:14px; }
.nf-hero-title { font-family:var(--font-head); font-size:clamp(32px,4.4vw,62px); font-weight:800; line-height:1; margin-bottom:16px; color:var(--platinum); letter-spacing:-.02em; text-shadow:0 2px 24px rgba(0,0,0,.9); }
.nf-hero-meta { color:var(--text-dim); margin-bottom:14px; font-weight:500; font-size:14px; }
.nf-hero-desc { color:var(--text); font-size:16px; line-height:1.55; margin-bottom:26px; max-width:560px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

.nf-badge { display:inline-flex; align-items:center; padding:4px 11px 4px 9px; border-radius:20px; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.06em; background:var(--panel-2); color:var(--text); border:1px solid var(--line-soft); }
.nf-badge::before { content:""; width:7px; height:7px; border-radius:50%; margin-right:7px; background:var(--text-dim); }
.nf-badge-approved::before { background:var(--teal); }
.nf-badge-pending::before  { background:var(--gold); }
.nf-badge-rejected::before { background:var(--crimson); }

.nf-btn { display:inline-flex; align-items:center; gap:9px; border:1px solid transparent; border-radius:6px; font-weight:700; font-size:15px; padding:12px 28px; cursor:pointer; transition:.15s; text-decoration:none; letter-spacing:.02em; font-family:var(--font-head); }
.nf-btn-play { background:var(--gold); color:#000; box-shadow:inset 0 1px 0 rgba(255,255,255,.18); }
.nf-btn-play:hover { background:var(--platinum); color:#000; }
.nf-btn-info { background:transparent; color:var(--platinum); border:1px solid var(--line); }
.nf-btn-info:hover { border-color:var(--gold); color:var(--platinum); }

.nf-row { padding:0 52px; margin-bottom:38px; }
.nf-row h3 { font-family:var(--font-head); font-size:18px; font-weight:700; margin:0 0 14px; color:var(--platinum); letter-spacing:.01em; }
.nf-track { display:flex; gap:12px; overflow-x:auto; overflow-y:hidden; padding-bottom:10px; scroll-behavior:smooth; }
.nf-track::-webkit-scrollbar { height:8px; }

.nf-card { position:relative; flex:0 0 auto; width:196px; aspect-ratio:2/3; border-radius:8px; overflow:hidden; background:var(--panel); cursor:pointer; transition:transform .22s ease, box-shadow .22s ease, border-color .22s; border:1px solid var(--line-soft); }
.nf-card:hover { transform:scale(1.06); box-shadow:var(--shadow); border-color:var(--gold); z-index:5; }
.nf-card img { width:100%; height:100%; object-fit:cover; display:block; }
.nf-card-fallback { width:100%; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; padding:16px; font-family:var(--font-head); font-weight:700; font-size:15px; color:var(--platinum); background:var(--soft); }
.nf-card-overlay { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; padding:11px; opacity:0; transition:.2s; background:linear-gradient(0deg, rgba(0,0,0,.92), rgba(0,0,0,0) 62%); }
.nf-card:hover .nf-card-overlay { opacity:1; }
.nf-card-overlay .t { font-size:13px; font-weight:600; line-height:1.15; color:var(--platinum); }
.nf-card-overlay .play { width:34px; height:34px; border-radius:50%; background:var(--gold); color:#000; display:flex; align-items:center; justify-content:center; margin-bottom:9px; }

/* play modal */
#nf-player-modal { position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.94); display:none; align-items:center; justify-content:center; }
#nf-player-modal.open { display:flex; }
#nf-player-box { width:min(1040px,92vw); background:#000; border-radius:12px; overflow:hidden; box-shadow:var(--shadow); position:relative; border:1px solid var(--line); }
#nf-player-box video { width:100%; display:block; background:#000; max-height:80vh; }
#nf-player-title { position:absolute; top:0; left:0; right:0; padding:16px 22px; background:linear-gradient(180deg, rgba(0,0,0,.85), transparent); font-family:var(--font-head); font-weight:700; z-index:2; color:var(--platinum); }
#nf-player-close { position:absolute; top:12px; right:14px; z-index:3; background:rgba(0,0,0,.6); color:#fff; border:1px solid var(--line); width:38px; height:38px; border-radius:50%; font-size:20px; cursor:pointer; }
#nf-player-close:hover { background:var(--gold); color:#000; border-color:var(--gold); }
.nf-empty { padding:64px 52px; color:var(--text-dim); }

/* ============================================================
   Auth pages (login / verify / OTP) — premium gateway
   ============================================================ */
body .auth-main, .auth-main { background:var(--onyx) !important; min-height:100vh; display:flex; align-items:center; }
.auth-main::before, .auth-main::after { background:var(--onyx) !important; opacity:1 !important; content:none !important; }
.auth-main .card { background:var(--soft) !important; border:1px solid var(--line) !important; border-radius:12px !important; box-shadow:var(--shadow) !important; overflow:hidden; }
.auth-main .card .header { border-bottom:1px solid var(--line) !important; padding:28px 24px 18px; }
.auth-main .card .header img { max-width:160px; height:auto; }
.auth-main .card .body { padding:24px 28px 30px; }
.auth-main .lead { color:var(--text-dim) !important; font-weight:500; letter-spacing:.02em; margin-top:12px; }
.auth-main .form-control { background:var(--panel) !important; border:1px solid var(--line) !important; color:var(--text) !important; height:46px; }
.auth-main .btn-primary { width:100%; height:46px; font-family:var(--font-head); text-transform:uppercase; letter-spacing:.08em; }
.auth-main .alert { border-radius:8px; border:1px solid var(--line); }
.auth-main .alert-danger { background:rgba(139,0,0,.18) !important; color:#ffb3b3 !important; border-color:rgba(139,0,0,.5) !important; }
.auth-main .alert-success { background:rgba(19,142,144,.15) !important; color:#7fe3e3 !important; border-color:rgba(19,142,144,.5) !important; }
.auth-main a { color:var(--gold) !important; text-decoration:underline; }

/* ============================================================
   Override template (color_skins.css) WARM leaks under .theme-blue
   Rebrand Chartist series + tab gradient to the brand palette.
   ============================================================ */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { background:var(--gold) !important; background-image:none !important; color:#000 !important; }
/* Chart series -> gold + logo accents (NO amber #ffaf1d / rust #d17905 / brown) */
.ct-series-a .ct-line,.ct-series-a .ct-point,.ct-series-a .ct-bar{stroke:var(--gold)!important}
.ct-series-a .ct-area,.ct-series-a .ct-slice-pie,.ct-series-a .ct-slice-donut-solid,.ct-series-a .ct-bar{fill:var(--gold)!important}
.ct-series-b .ct-line,.ct-series-b .ct-point,.ct-series-b .ct-bar{stroke:var(--blue)!important}
.ct-series-b .ct-area,.ct-series-b .ct-slice-pie,.ct-series-b .ct-slice-donut-solid,.ct-series-b .ct-bar{fill:var(--blue)!important}
.ct-series-c .ct-line,.ct-series-c .ct-point,.ct-series-c .ct-bar{stroke:var(--teal)!important}
.ct-series-c .ct-area,.ct-series-c .ct-slice-pie,.ct-series-c .ct-slice-donut-solid,.ct-series-c .ct-bar{fill:var(--teal)!important}
.ct-series-d .ct-line,.ct-series-d .ct-point,.ct-series-d .ct-bar{stroke:var(--violet)!important}
.ct-series-d .ct-area,.ct-series-d .ct-slice-pie,.ct-series-d .ct-slice-donut-solid,.ct-series-d .ct-bar{fill:var(--violet)!important}
.ct-series-e .ct-line,.ct-series-e .ct-point,.ct-series-e .ct-bar{stroke:var(--orange)!important}
.ct-series-e .ct-area,.ct-series-e .ct-slice-pie,.ct-series-e .ct-slice-donut-solid,.ct-series-e .ct-bar{fill:var(--orange)!important}
.ct-series-f .ct-line,.ct-series-f .ct-point,.ct-series-f .ct-bar{stroke:var(--platinum)!important}
.ct-series-f .ct-area,.ct-series-f .ct-slice-pie,.ct-series-f .ct-slice-donut-solid,.ct-series-f .ct-bar{fill:var(--platinum)!important}
/* chart legend swatches match */
.ct-legend .ct-series-0:before{background-color:var(--gold)!important;border-color:var(--gold)!important}
.ct-legend .ct-series-1:before{background-color:var(--blue)!important;border-color:var(--blue)!important}
.ct-legend .ct-series-2:before{background-color:var(--teal)!important;border-color:var(--teal)!important}
.ct-legend .ct-series-3:before{background-color:var(--violet)!important;border-color:var(--violet)!important}
.ct-legend .ct-series-4:before{background-color:var(--orange)!important;border-color:var(--orange)!important}
.ct-legend .ct-series-5:before{background-color:var(--platinum)!important;border-color:var(--platinum)!important}
/* ApexCharts / misc amber fallbacks */
.jvectormap-zoomin,.jvectormap-zoomout{background:var(--gold)!important;color:#000!important}

/* ============================================================
   Premium polish — hairline tables + quiet c3 axes, SITE-WIDE
   (levels every page up to the film_details / View Stats look)
   ============================================================ */
/* drop the heavy striped + bordered spreadsheet look for clean hairline rows */
.table.table-bordered,.table.table-bordered td,.table.table-bordered th{border:none!important}
.table-striped tbody tr:nth-of-type(odd)>*{background:transparent!important}
.table thead th{border-bottom:1px solid rgba(243,244,246,.35)!important;padding:12px 14px!important;background:transparent!important}
.table td,.table th{border-top:none!important;border-bottom:1px solid var(--line-soft)!important;padding:12px 14px!important;vertical-align:middle!important}
.table tbody tr:last-child>*{border-bottom:none!important}
.table tbody tr:hover>*{background:rgba(243,244,246,.05)!important}
/* DataTables export buttons on-brand */
.dt-buttons .btn,.dt-button{background:transparent!important;border:1px solid rgba(243,244,246,.5)!important;color:var(--gold)!important;font-weight:700!important;border-radius:7px!important}
.dt-buttons .btn:hover,.dt-button:hover{background:rgba(243,244,246,.12)!important}
/* c3 charts: quiet axes + branded tooltip (series colors stay per-page) */
.c3-axis text{fill:rgba(243,244,246,.45)!important;font-size:10px}
.c3-axis path,.c3-axis line{stroke:rgba(243,244,246,.18)!important}
.c3-grid line{stroke:rgba(243,244,246,.08)!important}
.c3-legend-item text{fill:rgba(243,244,246,.75)!important}
.c3-bar{stroke:none!important}
.c3-tooltip{background:var(--soft)!important;color:var(--platinum)!important;border:1px solid rgba(243,244,246,.4)!important;box-shadow:var(--shadow)!important;opacity:1!important}
.c3-tooltip th{background:var(--gold)!important;color:#000!important}
.c3-tooltip td{background:var(--soft)!important;color:var(--platinum)!important;border-color:var(--line)!important}

/* ============================================================
   LIQUID GLASS — Apple-style frosted depth over black, SITE-WIDE
   Translucent surfaces + backdrop blur + light rim, on a quiet
   ambient. Gold stays in the accents only (low-opacity gold on
   black reads brown — never put it in the ambient).
   ============================================================ */
:root{
  --glass:        rgba(32,32,34,.56);   /* panel fill — NEUTRAL grey, no hue; translucent so blur reads */
  --glass-strong: rgba(24,24,25,.74);   /* modals / dropdowns — more opaque for readability */
  --glass-blur:   saturate(185%) blur(28px);
  --glass-rim:    inset 0 1px 0 rgba(255,255,255,.32), inset 0 -1px 0 rgba(0,0,0,.30);  /* specular top edge + soft base */
  --glass-edge:   1px solid rgba(243,244,246,.14);
  --glass-drop:   0 20px 54px rgba(0,0,0,.55), 0 2px 10px rgba(0,0,0,.40);   /* layered float depth */
  --glass-sheen:  linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,0) 48%);
}
/* ---- Apple Liquid Glass, site-wide. Palette unchanged: platinum text,
       green/red = money, NO gold/amber in the material. ---- */
html, body, body.theme-blue{ background: #000 !important; }
/* deep, faint ambient so the frosted glass has something to refract (still reads dark/mature) */
body::before{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  /* NEUTRAL light only — pure grey/white so the frost reads. NO color, ever. */
  background:
    radial-gradient(72vw 55vw at 50% -14%, rgba(255,255,255,.05), transparent 62%),
    radial-gradient(46vw 46vw at 88% 98%, rgba(255,255,255,.03), transparent 60%);
}
#wrapper, #main-content, .page-loader-wrapper{ background: transparent !important; position:relative; z-index:1; }
/* frosted translucent panels with specular rim + depth */
.card, .panel, .modal-content{
  position: relative;
  background: var(--glass) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important; backdrop-filter: var(--glass-blur) !important;
  border: var(--glass-edge) !important; border-radius: 18px !important;
  box-shadow: var(--glass-rim), var(--glass-drop) !important;
}
/* specular sheen across the top of each glass surface */
.card::before, .panel::before, .modal-content::before{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background: var(--glass-sheen); z-index:0;
}
.card > *, .panel > *, .modal-content > *{ position:relative; z-index:1; }
.card:hover{ border-color: rgba(243,244,246,.20) !important; box-shadow: var(--glass-rim), 0 24px 64px rgba(0,0,0,.62) !important; }
.modal-content{ background: var(--glass-strong) !important; }
#left-sidebar.sidebar{
  background: rgba(11,11,11,.58) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important; backdrop-filter: var(--glass-blur) !important;
  border-right: 1px solid rgba(243,244,246,.10) !important;
}
.navbar.navbar-fixed-top, .block-header{
  background: rgba(9,9,9,.55) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important; backdrop-filter: var(--glass-blur) !important;
  border-bottom: 1px solid rgba(243,244,246,.08) !important;
}
.dropdown-menu, .select2-dropdown{
  background: var(--glass-strong) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important; backdrop-filter: var(--glass-blur) !important;
  border: 1px solid rgba(243,244,246,.12) !important;
  box-shadow: var(--glass-rim), var(--glass-drop) !important;
}
.form-control, textarea, select, .select2-container--default .select2-selection--single{
  background: rgba(255,255,255,.045) !important; border: 1px solid rgba(243,244,246,.14) !important;
  -webkit-backdrop-filter: blur(6px) !important; backdrop-filter: blur(6px) !important;
}
/* PRIMARY action = solid platinum, black text; SUCCESS = mature green; both flat */
.btn-primary, #smart_wizard_arrows_submit .sw-btn-next{
  background: var(--platinum) !important; border: 1px solid var(--platinum) !important; color: #000 !important; box-shadow:none !important;
}
.btn-primary:hover, #smart_wizard_arrows_submit .sw-btn-next:hover{ background:#ffffff !important; color:#000 !important; }
.btn-success{ background: var(--gain) !important; border: 1px solid var(--gain) !important; color:#04231a !important; box-shadow:none !important; }
.btn-danger{ background: var(--loss) !important; border-color: var(--loss) !important; color:#fff !important; }
.modal-backdrop.show, .modal-backdrop.in{ background: rgba(0,0,0,.6) !important; opacity:1 !important; }

/* Bootstrap contextual colors -> mature palette. Kill amber/yellow entirely:
   pending/warning = neutral grey, success = green, danger = red. */
.badge-warning, .label-warning, span.badge.badge-warning{ background:rgba(243,244,246,.13) !important; color:var(--platinum) !important; border:1px solid rgba(243,244,246,.16) !important; }
.btn-warning{ background:transparent !important; border:1px solid rgba(243,244,246,.26) !important; color:var(--platinum) !important; box-shadow:none !important; }
.btn-warning:hover{ background:rgba(243,244,246,.08) !important; color:#fff !important; }
.text-warning{ color:var(--text-dim) !important; }
.badge-success, .label-success{ background:rgba(46,163,107,.16) !important; color:#5FD3A3 !important; }
.text-success, .text-green{ color:var(--gain) !important; }
.badge-danger, .label-danger{ background:rgba(224,72,77,.16) !important; color:#F09B9E !important; }
.text-danger, .text-red{ color:var(--loss) !important; }
.badge-primary, .badge-info, .badge-secondary{ background:rgba(243,244,246,.13) !important; color:var(--platinum) !important; }
.btn-info, .btn-secondary{ background:transparent !important; border:1px solid rgba(243,244,246,.24) !important; color:var(--platinum) !important; }
.btn-info:hover, .btn-secondary:hover{ background:rgba(243,244,246,.08) !important; color:#fff !important; }
/* success icons / up-arrows stay mature green; loss red */
.text-success i, .icon-check.text-success{ color:var(--gain) !important; }
/* filled primary buttons keep black text everywhere (block-header <a> was dimming them to white-on-white) */
a.btn-primary, .block-header a.btn-primary, .block-header .btn-primary{ color:#000 !important; }
a.btn-primary:hover, .block-header a.btn-primary:hover{ color:#000 !important; text-decoration:none !important; }

/* ============================================================
   ICON ACCENTS — each icon a DISTINCT, meaning-led color. Money = green;
   the rest span the full cool spectrum + magenta/pink. Spectrum walked so
   no two neighbors match. No gold / amber / yellow / brown, ever.
   ============================================================ */
/* stat-card icons (by glyph) — DEEP, rich, saturated jewel tones */
.card i.icon-credit-card, .card i.fa-credit-card{ color:#0F9D52 !important; }            /* revenue -> deep green */
.card i.icon-wallet, .card i.fa-dollar, .card i.fa-money, .card i.fa-money-bill{ color:#0B8A45 !important; } /* earnings -> deep green */
.card i.icon-film, .card i.fa-film{ color:#6D28D9 !important; }                          /* films -> deep violet */
.card i.icon-camcorder, .card i.fa-video-camera{ color:#0E8C80 !important; }             /* approved -> deep teal */
.card i.icon-users, .card i.fa-users{ color:#2545C0 !important; }                        /* users -> royal blue */
.card i.icon-clock, .card i.fa-clock-o{ color:#3E37B5 !important; }                      /* time -> deep indigo */
.card i.icon-calendar, .card i.fa-calendar{ color:#0E7488 !important; }                  /* dates -> deep cyan */
.card i.icon-folder, .card i.fa-folder, .card i.fa-folder-o{ color:#1D5AD0 !important; } /* archive -> deep blue */
.card i.icon-bag, .card i.icon-basket, .card i.fa-shopping-cart{ color:#A34400 !important; } /* -> deep berry */
.card i.fa-bar-chart-o, .card i.fa-line-chart, .card i.icon-graph{ color:#0E8C80 !important; }
/* left-menu icons — DEEP jewel tones, one per item */
#left-sidebar .metismenu > li:nth-child(1) > a i{ color:#6D28D9 !important; }  /* Browse -> deep violet */
#left-sidebar .metismenu > li:nth-child(2) > a i{ color:#2545C0 !important; }  /* Dashboard -> royal blue */
#left-sidebar .metismenu > li:nth-child(3) > a i{ color:#B22222 !important; } /* Users Management -> muted red (Mann 2026-07-13) */
#left-sidebar .metismenu > li:nth-child(4) > a i{ color:#0E7488 !important; }  /* Add New Title -> deep cyan */
#left-sidebar .metismenu > li:nth-child(5) > a i{ color:#1D5AD0 !important; }  /* View Films -> deep blue */
#left-sidebar .metismenu > li:nth-child(6) > a i{ color:#0E8C80 !important; }  /* View Stats -> deep teal */
#left-sidebar .metismenu > li:nth-child(7) > a i{ color:#3E37B5 !important; }  /* Status Sheet -> deep indigo */
#left-sidebar .metismenu > li:nth-child(8) > a i{ color:#0F9D52 !important; }  /* Payments -> deep green */
#left-sidebar .metismenu > li:nth-child(9) > a i{ color:#0B8A45 !important; }  /* Add Payment -> deep green */
#left-sidebar .metismenu > li:nth-child(10) > a i{ color:#A34400 !important; } /* extra -> deep plum */