/* ============================================================
   OBA — BFI Color Match v7
   Exact colors from Basketball Federation of India website
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Oriya:wght@400;600;700;800;900&family=Source+Sans+3:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Noto+Serif:wght@400;600;700&display=swap');

:root {
  /* ── BFI exact palette ── */
  --bfi-header:    #1C2444;   /* dark navy header bg */
  --bfi-nav:       #2B2F4E;   /* nav bar charcoal */
  --bfi-nav-active:#FFC107;   /* yellow active tab */
  --bfi-nav-text:  #D8DCF0;   /* nav link text */
  --bfi-login:     #E8680A;   /* orange login button */
  --bfi-topbar:    #141830;   /* very dark top bar */
  --bfi-gold-line: #D4A017;   /* thin gold line under nav */
  --bfi-banner-l:  #1055B5;   /* banner left blue */
  --bfi-banner-r:  #3B9BE8;   /* banner right light blue */
  --bfi-blue-mid:  #1A6FCC;   /* midpoint */

  /* ── General palette ── */
  --navy:        #1C2444;
  --navy-dark:   #141830;
  --navy-mid:    #1A3A7A;
  --navy-light:  #1A6FCC;
  --accent:      #FFC107;
  --accent-2:    #FFD740;
  --accent-dim:  rgba(255,193,7,.13);
  --orange:      #E8680A;
  --orange-2:    #FF7C1E;
  --green:       #1A6B3A;
  --red:         #C0392B;

  /* ── Page backgrounds ── */
  --bg:          #F2F4F8;
  --bg-white:    #FFFFFF;
  --bg-light:    #E8ECF4;
  --surface:     #FFFFFF;

  /* ── Typography ── */
  --text:        #111827;
  --text-2:      #2D3A5E;
  --muted:       #62738A;
  --border:      #CBD5E8;
  --border-2:    #B3BFDA;

  /* ── Shadows ── */
  --shadow-sm:   0 1px 3px rgba(20,24,48,.08),0 2px 8px rgba(20,24,48,.05);
  --shadow-md:   0 4px 14px rgba(20,24,48,.12),0 2px 6px rgba(20,24,48,.07);
  --shadow-lg:   0 12px 36px rgba(20,24,48,.18);

  --radius-xs:   3px;
  --radius-sm:   5px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --max:         1200px;

  --font-display: 'Source Sans 3','Noto Sans Oriya',sans-serif;
  --font-sub:     'Source Sans 3','Noto Sans Oriya',sans-serif;
  --font-body:    'Source Sans 3','Noto Sans Oriya',system-ui,sans-serif;
  --font-serif:   'Noto Serif',Georgia,serif;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);font-size:15px;line-height:1.65;color:var(--text);background:var(--bg);min-height:100vh;overflow-x:hidden}
body::before,body::after{display:none}
.container{max-width:var(--max);margin:0 auto;padding:0 24px;position:relative;z-index:1}
.hidden{display:none !important}
#admin-login,#vision,#admin-login-section,#view-registration,.section{scroll-margin-top:112px}

/* ══════════════════════════════
   TOP UTILITY BAR  (BFI dark strip)
══════════════════════════════ */
.topbar{
  background:var(--bfi-topbar);
  border-bottom:1px solid rgba(255,255,255,.07);
  padding:5px 0;
}
.topbar-inner{
  max-width:var(--max);margin:0 auto;padding:0 24px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.topbar-left{font-size:12px;color:rgba(255,255,255,.65);display:flex;align-items:center;gap:6px}
.topbar-right{display:flex;align-items:center;gap:10px}
.topbar-social{width:26px;height:26px;border-radius:4px;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);text-decoration:none;font-size:12px;transition:all .15s}
.topbar-social:hover{background:var(--accent);border-color:var(--accent);color:#111}
.topbar-facebook{
  background:rgba(24,119,242,.2);
  border-color:rgba(24,119,242,.5);
  color:#5B9BD5;
}
.topbar-facebook:hover{
  background:#1877F2 !important;
  border-color:#1877F2 !important;
  color:#fff !important;
}

/* ══════════════════════════════
   HEADER IDENTITY BAR  (BFI navy with texture feel)
══════════════════════════════ */
.header{
  position:sticky;top:0;z-index:50;
  background:var(--bfi-header);
  box-shadow:0 2px 12px rgba(14,18,40,.45);
}

/* dotted/textured overlay — matches BFI's fabric-like header bg */
.header::after{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:18px 18px;
}

.nav{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:10px 0;min-height:70px;position:relative;z-index:1;
}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;flex:0 0 auto}
.logo-img{
  height:54px;width:auto;border-radius:50%;flex-shrink:0;
  border:2px solid rgba(255,255,255,.25);background:#fff;padding:2px;
}
.brand-text{display:flex;flex-direction:column;line-height:1.22}
.brand-name{
  font-family:var(--font-display);font-weight:800;
  font-size:clamp(13px,1.5vw,18px);letter-spacing:.04em;
  white-space:nowrap;text-transform:uppercase;
  color:#FFC107;   /* BFI yellow */
  text-shadow:0 1px 4px rgba(0,0,0,.4);
}
.brand-sub{font-size:11px;color:rgba(255,255,255,.6);font-weight:400;white-space:nowrap}

/* header search removed */

.nav-cta{display:flex;gap:8px;align-items:center;flex:0 0 auto}
.lang-wrap{display:flex;flex-direction:column;gap:1px}
.lang-label{font-size:9px;font-weight:700;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.08em}
.lang-select{
  height:30px;padding:0 8px;border-radius:var(--radius-xs);
  border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);
  font-weight:600;font-size:12px;color:#fff;cursor:pointer;
}
.lang-select:focus{outline:none;border-color:var(--accent)}
.lang-select option{background:var(--bfi-header);color:#fff}

/* ══════════════════════════════
   NAV MENU BAR  (BFI charcoal strip with yellow active tab)
══════════════════════════════ */
.header-nav-strip{
  background:var(--bfi-nav);
  border-bottom:3px solid var(--bfi-gold-line);
  position:relative;z-index:1;
  display:flex;align-items:stretch;
}
.header-nav-strip .menu{
  flex:1;
  padding:0 0 0 24px;
  display:flex;align-items:stretch;gap:0;flex-wrap:nowrap;overflow-x:auto;
  scrollbar-width:none;
}
.header-nav-strip .menu::-webkit-scrollbar{display:none}
.header-nav-strip .menu a{
  display:flex;align-items:center;
  padding:11px 18px;
  font-family:var(--font-sub);font-weight:600;font-size:13px;
  color:var(--bfi-nav-text);
  text-decoration:none;white-space:nowrap;
  border-bottom:3px solid transparent;
  margin-bottom:-3px;
  transition:all .15s;
  letter-spacing:.01em;
}
.header-nav-strip .menu a:hover{
  background:var(--bfi-nav-active);
  color:#111 !important;
  font-weight:700;
  border-bottom-color:var(--bfi-nav-active);
}
.header-nav-strip .menu a.active,
.header-nav-strip .menu a:first-child{
  background:var(--bfi-nav-active);
  color:#111 !important;
  font-weight:700;
  border-bottom-color:var(--bfi-nav-active);
}

/* LOGIN button — BFI orange */
.btn-login{
  background:var(--bfi-login);border:none;
  color:#fff;font-weight:700;font-size:13px;
  padding:9px 18px;border-radius:3px;
  white-space:nowrap;cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;
  transition:background .15s;letter-spacing:.02em;text-transform:uppercase;
  text-decoration:none;
}
.btn-login:hover{background:var(--orange-2)}

/* ── hide old menu in .nav (nav is now in header-nav-strip only) ── */
.nav .menu{display:none}

/* ══════════════════════════════
   BUTTONS
══════════════════════════════ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:9px 20px;border-radius:var(--radius-sm);
  font-family:var(--font-sub);font-weight:700;font-size:13px;
  letter-spacing:.04em;text-transform:uppercase;
  text-decoration:none;border:2px solid transparent;
  transition:all .18s;white-space:nowrap;cursor:pointer;line-height:1;
}
.btn-primary{background:var(--accent);color:#111;border-color:var(--accent)}
.btn-primary:hover{background:var(--accent-2);border-color:var(--accent-2);transform:translateY(-1px)}
.btn-outline{background:transparent;border-color:var(--border-2);color:var(--text-2)}
/* btn-outline inside dark panels keeps white */
.reg-info-col .btn-outline,
.oba-modal-content .btn-outline,
.del-modal-actions .btn-outline,
.sev-modal-footer .btn-outline,
.hero .btn-outline,
.ev-bfi-link .btn-outline{border-color:rgba(255,255,255,.55);color:rgba(255,255,255,.9);background:transparent}
.reg-info-col .btn-outline:hover,
.oba-modal-content .btn-outline:hover,
.del-modal-actions .btn-outline:hover,
.sev-modal-footer .btn-outline:hover,
.hero .btn-outline:hover,
.ev-bfi-link .btn-outline:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}
.btn-outline:hover{background:rgba(0,0,0,.05);border-color:var(--navy);color:var(--navy)}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none !important}
.btn.danger,.danger{border-color:var(--red) !important;color:var(--red) !important}
.btn.danger:hover{background:rgba(192,57,43,.07)}
.btn-full{width:100%;margin-top:6px}

/* ══════════════════════════════
   HERO / BANNER  (BFI vivid blue gradient)
══════════════════════════════ */
.hero.hero-neon{
  position:relative;display:flex;align-items:center;
  min-height:400px;padding:55px 0 48px;
  background:linear-gradient(105deg, var(--bfi-banner-l) 0%, var(--bfi-blue-mid) 50%, var(--bfi-banner-r) 100%);
  overflow:hidden;
}
/* subtle radial highlight top-right like BFI */
.hero.hero-neon::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(ellipse 60% 80% at 80% 40%, rgba(100,190,255,.22), transparent 65%),
    radial-gradient(ellipse 40% 60% at 20% 70%, rgba(10,60,140,.3), transparent 60%);
}
.hero.hero-neon::after{display:none}
.hero.hero-neon .hero-overlay{display:none}
.hero.hero-neon .hero-glow{display:none}
.hero-content{position:relative;z-index:2;width:100%}
.hero-left{max-width:680px}
.hero-sport-tag{
  display:inline-flex;align-items:center;gap:8px;padding:4px 14px;
  border-left:4px solid var(--accent);background:rgba(255,255,255,.12);
  backdrop-filter:blur(6px);margin-bottom:14px;
  font-family:var(--font-sub);font-weight:700;font-size:12px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--accent);
  border-radius:0 var(--radius-xs) var(--radius-xs) 0;
}
.hero-sport-tag .ball-dot{display:none}
.hero-pill-row{display:none}
.hero-title{
  font-family:var(--font-display);
  font-size:clamp(30px,4.2vw,54px);line-height:1.08;
  margin:0 0 12px;font-weight:900;letter-spacing:.02em;text-transform:uppercase;
  color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.25);
}
.hero-title .fire-text{display:block;color:#FFD740;-webkit-text-fill-color:#FFD740;background:none}
.hero-sub{
  margin:0 0 26px;color:rgba(255,255,255,.82);
  font-size:1rem;max-width:52ch;line-height:1.7;
  font-family:var(--font-serif);font-style:italic;
}
.hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}
.hero-cta .btn{padding:11px 26px;font-size:14px}
.hero-metrics{display:flex;flex-wrap:wrap;gap:10px}
.metric{
  padding:12px 18px;border-radius:var(--radius-sm);
  border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.12);backdrop-filter:blur(8px);min-width:115px;
}
.metric::before{display:none}
.metric-num{font-family:var(--font-display);font-size:1.4rem;line-height:1;color:#FFD740;-webkit-text-fill-color:#FFD740;background:none}
.metric-label{color:rgba(255,255,255,.62);font-size:.67rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-top:3px}


/* ══════════════════════════════════════
   HERO SLIDER  (BFI-style auto banner)
══════════════════════════════════════ */
.hero-slider{
  position:relative;
  overflow:hidden;
  width:100%;
  min-height:420px;
  background:#0A1E5E;
}

/* Track holds all slides side by side */
.slider-track{
  display:flex;
  width:100%;
  height:100%;
  position:relative;
}

/* Each slide */
.slide{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  min-height:420px;
  padding:60px 0 80px;
  opacity:0;
  transform:translateX(60px);
  transition:opacity .6s ease, transform .6s ease;
  pointer-events:none;
  z-index:1;
}
.slide.active{
  opacity:1;
  transform:translateX(0);
  pointer-events:auto;
  z-index:2;
}
.slide.exit{
  opacity:0;
  transform:translateX(-60px);
  z-index:1;
}

/* Slide backgrounds */
.slide-1{ background:linear-gradient(110deg,#0D1E5C 0%,#1A4AB8 55%,#1E7FD4 100%); }
.slide-2{ background:linear-gradient(110deg,#0B2444 0%,#1255A0 50%,#1A7EC8 100%); }
.slide-3{ background:linear-gradient(110deg,#12204E 0%,#1A3A80 50%,#2260B0 100%); }
.slide-4{ background:linear-gradient(110deg,#0E2855 0%,#1B4D9A 50%,#1D70C0 100%); }

/* Background texture per slide */
.slide::before{
  content:'';
  position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(ellipse 70% 90% at 80% 40%, rgba(100,190,255,.18), transparent 65%);
}
.slide-overlay{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(8,20,60,.7) 30%,rgba(8,20,60,.1) 100%);
}

/* Slide content */
.slide-content{position:relative;z-index:2;width:100%}

.slide-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:5px 16px;
  border-left:4px solid #FFC107;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(6px);
  margin-bottom:16px;
  font-family:var(--font-sub);font-weight:700;font-size:12px;
  letter-spacing:.1em;text-transform:uppercase;color:#FFC107;
  border-radius:0 4px 4px 0;
  animation:slideInLeft .5s .2s both;
}

.slide-title{
  font-family:var(--font-display);
  font-size:clamp(28px,4vw,52px);
  line-height:1.1;margin:0 0 14px;
  font-weight:900;letter-spacing:.02em;text-transform:uppercase;
  color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.3);
  max-width:700px;
  animation:slideInLeft .5s .3s both;
}
.slide-accent{color:#FFD740;-webkit-text-fill-color:#FFD740}

.slide-sub{
  margin:0 0 28px;color:rgba(255,255,255,.82);
  font-size:1rem;max-width:52ch;line-height:1.7;
  font-family:var(--font-serif);font-style:italic;
  animation:slideInLeft .5s .4s both;
}

.slide-actions{
  display:flex;flex-wrap:wrap;gap:12px;
  animation:slideInLeft .5s .5s both;
}

.slide-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:11px 26px;border-radius:4px;
  font-family:var(--font-sub);font-weight:700;font-size:13px;
  letter-spacing:.06em;text-transform:uppercase;
  text-decoration:none;cursor:pointer;
  transition:all .18s;white-space:nowrap;border:2px solid transparent;
}
.slide-btn-primary{
  background:#FFC107;color:#111;border-color:#FFC107;
}
.slide-btn-primary:hover{background:#FFD740;border-color:#FFD740;transform:translateY(-2px)}
.slide-btn-outline{
  background:transparent;border-color:rgba(255,255,255,.6);color:#fff;
}
.slide-btn-outline:hover{background:rgba(255,255,255,.12);border-color:#fff;transform:translateY(-2px)}

/* Animation */
@keyframes slideInLeft{
  from{opacity:0;transform:translateX(30px)}
  to{opacity:1;transform:translateX(0)}
}

/* Arrows */
.slider-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  z-index:10;
  width:42px;height:42px;border-radius:50%;
  background:rgba(255,255,255,.15);
  border:2px solid rgba(255,255,255,.4);
  color:#fff;font-size:16px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all .2s;
  backdrop-filter:blur(4px);
}
.slider-arrow:hover{background:#FFC107;border-color:#FFC107;color:#111}
.slider-prev{left:16px}
.slider-next{right:16px}

/* Dot indicators */
.slider-dots{
  position:absolute;bottom:18px;left:50%;transform:translateX(-50%);
  z-index:10;
  display:flex;gap:10px;align-items:center;
}
.slider-dot{
  width:12px;height:12px;border-radius:50%;
  background:rgba(255,255,255,.4);
  border:2px solid rgba(255,255,255,.5);
  cursor:pointer;padding:0;
  transition:all .25s;
  flex-shrink:0;
}
.slider-dot:hover{background:rgba(255,255,255,.7);border-color:#fff}
.slider-dot.active{
  background:#FFC107;
  border-color:#FFC107;
  width:32px;
  border-radius:6px;
}

/* Responsive */
@media(max-width:900px){
  .slide,.hero-slider{min-height:320px}
  .slide{padding:44px 0 70px}
  .slider-arrow{width:34px;height:34px;font-size:13px}
}
@media(max-width:560px){
  .slide,.hero-slider{min-height:280px}
  .slide{padding:36px 0 64px}
  .slide-title{font-size:clamp(22px,7vw,36px)}
  .slider-prev{left:8px}
  .slider-next{right:8px}
}

/* ══════════════════════════════
   SECTIONS
══════════════════════════════ */
.section{padding:52px 0;background:var(--bg)}
.section:nth-child(even){background:var(--bg-white)}
.section-title{margin-bottom:32px;display:flex;flex-direction:column;align-items:flex-start}
.section-title h2{
  font-family:var(--font-display);font-size:clamp(20px,2.8vw,30px);
  font-weight:800;letter-spacing:.04em;line-height:1.1;text-transform:uppercase;
  color:var(--navy);position:relative;display:inline-block;padding-bottom:10px;
}
.section-title h2::after{
  content:'';display:block;position:absolute;bottom:0;left:0;
  height:4px;width:52px;border-radius:2px;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .3s;
}
.section-title:hover h2::after{width:88px}
.section-title p{color:var(--muted);font-size:.9rem;margin-top:10px;max-width:58ch;line-height:1.65}
.section-divider{display:flex;align-items:center;gap:12px;padding:0 0 4px;margin-bottom:20px}
.section-divider::before,.section-divider::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(212,160,23,.5),transparent)}
.section-divider::after{background:linear-gradient(90deg,transparent,rgba(212,160,23,.5))}
.section-divider-ball{font-size:18px;line-height:1}

/* ── GRIDS ── */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:start}

/* ── CARDS ── */
.card,.panel{
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius-md);padding:22px;box-shadow:var(--shadow-sm);
  transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;
}
.card::before{display:none}
.card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow-md)}
.card h3{
  font-family:var(--font-sub);font-size:15px;font-weight:800;
  margin:0 0 12px;line-height:1.2;letter-spacing:.04em;
  text-transform:uppercase;color:var(--navy);
  border-bottom:2px solid var(--accent);padding-bottom:8px;
}
.card p{color:var(--text-2);line-height:1.65;font-size:13.5px}
.icon{
  width:50px;height:50px;border-radius:var(--radius-sm);
  background:var(--navy);display:flex;align-items:center;justify-content:center;
  font-size:22px;color:#fff;margin-bottom:14px;
  box-shadow:0 4px 12px rgba(28,36,68,.2);transition:transform .2s;
}
.card:hover .icon{transform:scale(1.06)}

/* ── FORMS ── */
.form{display:grid;gap:14px}
label{display:grid;gap:5px;font-size:11.5px;font-weight:700;color:var(--text-2);letter-spacing:.04em;text-transform:uppercase}
input,select,textarea{
  padding:10px 14px;border-radius:var(--radius-sm);
  border:1.5px solid var(--border) !important;outline:none;
  font-size:14px;font-family:var(--font-body);
  background:var(--bg-white) !important;color:var(--text) !important;
  line-height:1.4;transition:border-color .15s,box-shadow .15s;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--navy-light) !important;box-shadow:0 0 0 3px rgba(26,111,204,.12);
}
input::placeholder{color:rgba(98,115,138,.5)}
textarea{resize:vertical;min-height:66px}
select option{background:#fff;color:var(--text)}

/* ── REGISTRATION ── */
.reg-layout{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start}
.reg-form-col h3{
  font-family:var(--font-sub);font-size:20px;font-weight:800;
  letter-spacing:.04em;text-transform:uppercase;color:var(--navy);
  margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid var(--accent);
}
.reg-info-col{
  background:var(--navy);border:none;border-radius:var(--radius-md);
  padding:22px;position:sticky;top:90px;box-shadow:var(--shadow-md);
}
.reg-info-col h3{
  font-family:var(--font-sub);font-size:13px;font-weight:800;
  margin-bottom:14px;text-transform:uppercase;letter-spacing:.07em;
  color:var(--accent);display:flex;align-items:center;gap:8px;
  border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:10px;
}
.reg-info-col h3::before{content:'🏀';font-size:14px}
.reg-info-col .list li{color:rgba(255,255,255,.82);font-size:13px}
.reg-info-col .list li::before{color:var(--accent)}
.reg-info-col .note{color:rgba(255,255,255,.5)}
.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tip{font-size:10.5px;color:var(--muted);font-weight:600;margin-top:3px}

/* ── LIST ── */
.list{margin:8px 0 0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.list li{display:flex;gap:9px;align-items:flex-start;color:var(--text-2);font-size:13px;line-height:1.55}
.list li::before{content:'▶';color:var(--accent);font-size:9px;margin-top:4px;flex-shrink:0}

/* ── ADMIN ── */
.admin-panel{padding:18px 22px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%}
.admin-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%}
.admin-title{font-family:var(--font-sub);font-weight:800;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--navy);flex:0 0 auto}
.admin-row{display:flex;gap:7px;align-items:center;flex:1;min-width:0}
.admin-row input{flex:1;min-width:0}
.admin-actions{margin-top:12px}
.export-actions-bar{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 6px;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-light);}
#adminStatus{min-height:14px;font-size:11.5px;margin-top:6px}

/* ── SEARCH ── */
.search-bar-card{margin-bottom:18px}
.search-inline{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr)) auto;gap:12px;align-items:end}
.si-field{display:grid;gap:5px;font-size:11px;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em}
.si-actions{display:flex;gap:10px;align-items:stretch;justify-content:flex-end;min-width:190px}.si-actions .btn{min-width:110px;height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center}

/* ── RESULTS ── */
.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:0}
.profile-card-new{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s}
.profile-card-new:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}
.profile-top{display:grid;grid-template-columns:58px 1fr;gap:11px;align-items:start}
.profile-photo-wrap{display:flex;align-items:flex-start}
.profile-photo-new{width:52px;height:48px;border-radius:var(--radius-sm);object-fit:cover;display:block;border:2px solid var(--border);background:#f5f7fa}
.profile-main{min-width:0}
.profile-head-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:7px}
.profile-head-left{min-width:0}
.profile-title-new{margin:0 0 4px;font-size:14px;line-height:1.2;font-weight:700;font-family:var(--font-sub);text-transform:uppercase;letter-spacing:.02em;color:var(--navy)}
.profile-meta-top{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.profile-badge-new{display:inline-flex;align-items:center;padding:2px 8px;border-radius:3px;font-size:9.5px;font-weight:700;background:var(--navy);color:#fff;text-transform:uppercase}
.profile-id-chip{display:inline-flex;align-items:center;padding:2px 7px;border-radius:3px;font-size:9px;font-weight:600;color:var(--navy-light);background:rgba(26,111,204,.08);border:1px solid rgba(26,111,204,.2);overflow:hidden;text-overflow:ellipsis;max-width:140px;white-space:nowrap}
.profile-section-box{margin-top:9px;padding:9px 11px;border-radius:6px;background:var(--bg-light);border:1px solid var(--border)}
.profile-section-title{font-family:var(--font-sub);font-size:9.5px;font-weight:800;color:var(--navy);letter-spacing:.5px;margin-bottom:7px;text-transform:uppercase}
.profile-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.detail-box{background:#fff;border:1px solid var(--border);border-radius:5px;padding:7px 9px;display:flex;flex-direction:column;justify-content:center}
.detail-box-full{grid-column:1/-1}
.detail-label{font-size:9px;color:var(--muted);margin-bottom:1px;line-height:1.2;text-transform:uppercase;letter-spacing:.05em}
.detail-value{font-size:11.5px;color:var(--text);font-weight:500;word-break:break-word;line-height:1.25}
.detail-value a{font-size:11.5px;color:var(--navy-light);text-decoration:none}
.detail-value a:hover{text-decoration:underline}
.profile-footer-new{margin-top:9px;padding-top:9px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap;font-size:10px;color:var(--muted)}
.profile-footer-new .btn{font-size:10px;padding:3px 9px}
.break-anywhere{overflow-wrap:anywhere;word-break:break-word}
.break-word{word-break:break-word}

/* ── PAGINATION ── */
.pager{margin-top:14px}
.pager-inner{display:flex;gap:9px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.pager-info{font-family:var(--font-sub);font-weight:700;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}

/* ── GALLERY ── */
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gbox{height:110px;border-radius:var(--radius-sm);border:1px solid var(--border);background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-family:var(--font-sub);font-weight:700;font-size:13px;color:rgba(255,255,255,.75);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}
.gbox::before{content:'🏀';position:absolute;right:-10px;bottom:-10px;font-size:48px;opacity:.07;pointer-events:none;transition:opacity .2s}
.gbox:hover{border-color:var(--accent);background:linear-gradient(135deg,var(--bfi-banner-l),var(--bfi-blue-mid));transform:translateY(-3px);box-shadow:var(--shadow-md);color:#fff}
.gbox:hover::before{opacity:.14}

/* ── CONTACT ── */
.contact-card{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px;box-shadow:var(--shadow-md)}
.contact-info h3{font-family:var(--font-sub);font-size:18px;font-weight:800;margin-bottom:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--navy)}
.contact-info p{font-size:13.5px;color:var(--text-2);line-height:1.65}
.contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.map-embed{width:100%;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-sm)}
.map-embed iframe{width:100%;height:220px;border:0;display:block}

/* ── FOOTER ── */
.footer{padding:24px 0;margin-top:0;border-top:4px solid var(--accent);background:var(--bfi-topbar)}
.footer::before{display:none}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.6)}
.footer-inner b{font-family:var(--font-sub);font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);-webkit-text-fill-color:var(--accent);background:none}

/* ── MISC ── */
.small{font-size:11.5px}
.note{color:var(--muted);font-size:11.5px;font-weight:600;margin-top:7px}
.muted{color:var(--muted);font-weight:600}

/* ── SEARCH PROGRESS ── */
.search-progress{display:flex;align-items:center;gap:7px;min-height:16px;font-size:12px;color:var(--muted);margin-top:6px}
.search-progress[hidden]{display:none !important}
.search-progress.is-loading .search-progress-text{color:var(--navy)}
.search-progress.is-error .search-progress-text{color:var(--red)}
.search-progress.is-success .search-progress-text{color:var(--green)}
.search-progress-dots{display:inline-flex;align-items:center;gap:4px}
.search-progress-dots[hidden]{display:none !important}
.search-progress-dots i{width:5px;height:5px;border-radius:50%;display:inline-block;background:var(--navy-light);animation:searchDots .9s infinite ease-in-out;opacity:.5}
.search-progress-dots i:nth-child(2){animation-delay:.15s}
.search-progress-dots i:nth-child(3){animation-delay:.30s}
@keyframes searchDots{0%,80%,100%{transform:scale(.65);opacity:.35}40%{transform:scale(1);opacity:1}}
.empty-state-box,.search-loading-box{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:16px;text-align:center;color:var(--muted);font-size:13px}
.search-loading-icon{display:inline-flex;gap:4px;margin-bottom:7px}
.search-loading-icon span{width:7px;height:7px;border-radius:50%;background:var(--navy-light);animation:searchDots .9s infinite ease-in-out}
.search-loading-icon span:nth-child(2){animation-delay:.15s}
.search-loading-icon span:nth-child(3){animation-delay:.30s}

/* ── MODALS ── */
.oba-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s;z-index:9999;padding:18px}
.oba-modal.active{visibility:visible;opacity:1}
.oba-modal-content{width:100%;max-width:400px;border-radius:var(--radius-lg);padding:28px 24px;text-align:center;background:#fff;border:2px solid var(--navy);box-shadow:var(--shadow-lg);animation:obaPopup .22s ease}
.oba-modal-icon{width:50px;height:50px;border-radius:999px;display:grid;place-items:center;margin:0 auto 12px;font-size:20px;color:#fff;background:var(--navy);box-shadow:0 6px 18px rgba(28,36,68,.25)}
.oba-modal-content h3{margin:0 0 8px;font-family:var(--font-sub);font-size:20px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--navy)}
.oba-modal-content p{margin:0 0 16px;color:var(--text-2);font-size:13.5px;line-height:1.58}
@keyframes obaPopup{from{transform:translateY(10px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
.reg-id-chip{margin:10px 0 16px;display:inline-flex;align-items:center;gap:9px;padding:7px 16px;border-radius:4px;background:var(--navy);border:none}
.reg-id-label{font-size:11px;color:rgba(255,255,255,.6)}
.reg-id-value{font-family:var(--font-sub);font-weight:900;font-size:15px;letter-spacing:.4px;color:var(--accent)}

/* ── REVEAL ── */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s,transform .55s;will-change:opacity,transform}
.reveal.is-visible{opacity:1;transform:none}

/* ── GALLERY PAGE ── */
.section-hero{position:relative;border-radius:var(--radius-sm);overflow:hidden;height:98px;margin-bottom:16px;display:flex;align-items:flex-end}
.section-hero--photos{background:linear-gradient(135deg,var(--navy),var(--bfi-banner-l))}
.section-hero--videos{background:linear-gradient(135deg,var(--bfi-banner-l),var(--bfi-blue-mid))}
.section-hero--events{background:linear-gradient(135deg,var(--bfi-blue-mid),var(--bfi-banner-r))}
.section-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent)}
.section-hero-inner{position:relative;z-index:2;padding:13px 18px}
.section-hero-inner h2{font-family:var(--font-sub);font-size:16px;font-weight:800;margin:0 0 2px;text-transform:uppercase;letter-spacing:.05em;color:#fff}
.section-hero-inner p{font-size:12px;color:rgba(255,255,255,.7);margin:0}
.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.media-card{position:relative;border-radius:var(--radius-sm);overflow:hidden;height:160px;display:flex;align-items:flex-end;border:1px solid var(--border);background:linear-gradient(135deg,var(--navy),var(--bfi-banner-l));transition:transform .18s,box-shadow .18s;cursor:pointer}
.media-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow-md)}
.media-card--p1,.media-card--p2,.media-card--p3,.media-card--p4,.media-card--p5,.media-card--p6{background:linear-gradient(135deg,var(--bfi-banner-l),var(--bfi-blue-mid))}
.media-card--v1,.media-card--v2,.media-card--v3{background:linear-gradient(135deg,var(--bfi-blue-mid),var(--bfi-banner-r))}
.media-card--e1,.media-card--e2,.media-card--e3{background:linear-gradient(135deg,var(--navy),var(--bfi-banner-l))}
.media-card::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,transparent 50%)}
.media-card::after{content:'';display:none}.media-tag{position:relative;z-index:2;padding:7px 11px;font-size:12px;font-weight:700;color:#fff;letter-spacing:.2px;font-family:var(--font-sub);text-transform:uppercase}
.media-card::after{content:'🏀';position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);font-size:26px;opacity:.1;pointer-events:none}

/* ══════════════════════════════
   EVENTS SECTION
══════════════════════════════ */
.events-tabs{display:flex;gap:0;margin-bottom:26px;border-bottom:2px solid var(--border);padding-bottom:0}
.ev-tab{font-family:var(--font-sub);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;padding:9px 22px;border:1px solid transparent;border-bottom:none;background:transparent;color:var(--muted);cursor:pointer;transition:all .18s;position:relative;bottom:-2px}
.ev-tab:hover{background:var(--bg-light);color:var(--text)}
.ev-tab--active{background:var(--bg-white);border-color:var(--border);border-bottom-color:var(--bg-white);color:var(--navy);font-weight:800}
.ev-panel{display:none}
.ev-panel--active{display:block}
.ev-source-note{font-size:11.5px;color:var(--muted);margin-bottom:22px}
.ev-source-note a{color:var(--navy-light);text-decoration:none;font-weight:600}
.ev-source-note a:hover{text-decoration:underline}
.ev-year-block{margin-bottom:36px}
.ev-year-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.ev-year-badge{font-family:var(--font-display);font-size:26px;line-height:1;color:var(--navy);font-weight:800}
.ev-year-badge--past{color:var(--muted)}
.ev-year-label{font-family:var(--font-sub);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.ev-sub-header{font-family:var(--font-sub);font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);margin:16px 0 10px;display:flex;align-items:center;gap:8px}
.ev-sub-header::before{content:'';display:inline-block;width:4px;height:16px;background:var(--accent);border-radius:2px}
.ev-table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:18px}
.ev-table{width:100%;border-collapse:collapse;font-size:13px;min-width:600px}
.ev-table thead tr{background:var(--navy)}
.ev-table th{font-family:var(--font-sub);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.07em;padding:10px 14px;text-align:left;color:rgba(255,255,255,.9);white-space:nowrap}
.ev-table td{padding:11px 14px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;line-height:1.4}
.ev-table tbody tr:last-child td{border-bottom:none}
.ev-table tbody tr{background:var(--bg-white);transition:background .15s}
.ev-table tbody tr:nth-child(even){background:var(--bg-light)}
.ev-table tbody tr:hover{background:rgba(255,193,7,.07)}
.ev-table tbody tr.ev-done td{color:var(--muted)}
.ev-cat{display:inline-block;padding:2px 9px;border-radius:3px;font-family:var(--font-sub);font-weight:800;font-size:10px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.ev-cat--senior{background:rgba(28,36,68,.1);border:1px solid rgba(28,36,68,.28);color:var(--navy)}
.ev-cat--junior{background:rgba(26,111,204,.1);border:1px solid rgba(26,111,204,.28);color:var(--navy-light)}
.ev-cat--u23{background:rgba(26,107,58,.1);border:1px solid rgba(26,107,58,.28);color:var(--green)}
.ev-cat--u18{background:rgba(255,193,7,.15);border:1px solid rgba(255,193,7,.4);color:#7A5800}
.ev-cat--u16{background:rgba(232,104,10,.12);border:1px solid rgba(232,104,10,.3);color:var(--orange)}
.ev-cat--u13{background:rgba(98,115,138,.1);border:1px solid rgba(98,115,138,.28);color:var(--muted)}
.ev-status{display:inline-block;padding:2px 9px;border-radius:3px;font-family:var(--font-sub);font-weight:800;font-size:10px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.ev-status--done{background:rgba(98,115,138,.1);border:1px solid rgba(98,115,138,.25);color:var(--muted)}
.ev-status--upcoming{background:rgba(26,107,58,.1);border:1px solid rgba(26,107,58,.28);color:var(--green)}
.ev-status--tbd{background:rgba(255,193,7,.15);border:1px solid rgba(255,193,7,.35);color:#7A5800}
.ev-bfi-link{margin-top:20px;display:flex;justify-content:flex-start}
.ev-state-note{display:flex;align-items:flex-start;gap:16px;background:rgba(28,36,68,.05);border:1px solid rgba(28,36,68,.14);border-left:4px solid var(--navy);border-radius:var(--radius-md);padding:18px 22px;margin-bottom:28px}
.ev-state-note-icon{font-size:26px;flex-shrink:0;margin-top:2px}
.ev-state-note strong{font-family:var(--font-sub);font-size:15px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;display:block;margin-bottom:5px;color:var(--navy)}
.ev-state-note p{color:var(--text-2);font-size:13px;line-height:1.6;margin:0}
.ev-placeholder-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}
.ev-placeholder-card{background:var(--surface);border:1px dashed var(--border-2);border-radius:var(--radius-md);padding:20px 16px;text-align:center;transition:border-color .2s,background .2s;position:relative;overflow:hidden}
.ev-placeholder-card:hover{border-color:var(--accent);background:rgba(255,193,7,.04)}
.ev-ph-icon{font-size:28px;margin-bottom:10px}
.ev-ph-title{font-family:var(--font-sub);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;color:var(--navy)}
.ev-ph-meta{font-size:11.5px;color:var(--muted);line-height:1.5;margin-bottom:10px}
.ev-ph-badge{display:inline-block;padding:2px 10px;border-radius:3px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:rgba(28,36,68,.07);border:1px solid rgba(28,36,68,.2);color:var(--navy)}

@media(max-width:900px){.ev-placeholder-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ev-placeholder-grid{grid-template-columns:1fr 1fr}.ev-tab{padding:8px 14px;font-size:12px}.ev-table th,.ev-table td{padding:9px 10px;font-size:12px}}

/* ══════════════════════════════════════
   STATE EVENT DETAIL MODAL
══════════════════════════════════════ */
.sev-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;animation:sevFadeIn .18s ease}
@keyframes sevFadeIn{from{opacity:0}to{opacity:1}}
.sev-modal-box{background:#fff;border:2px solid var(--navy);border-radius:var(--radius-lg);width:100%;max-width:580px;max-height:88vh;overflow-y:auto;padding:28px 24px 22px;position:relative;box-shadow:var(--shadow-lg);animation:sevSlideUp .22s cubic-bezier(.34,1.56,.64,1)}
@keyframes sevSlideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
.sev-modal-close{position:absolute;top:12px;right:14px;background:var(--bg-light);border:none;color:var(--text-2);font-size:1.2rem;width:32px;height:32px;border-radius:50%;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
.sev-modal-close:hover{background:var(--navy);color:#fff}
.sev-modal-header{display:flex;align-items:center;gap:14px;margin-bottom:18px;border-bottom:2px solid var(--accent);padding-bottom:14px}
.sev-modal-icon{font-size:2rem;line-height:1;flex-shrink:0}
.sev-modal-title{font-family:var(--font-sub);font-size:1.35rem;color:var(--navy);letter-spacing:.04em;margin:0;line-height:1.2;font-weight:800;text-transform:uppercase}
.sev-modal-body{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}
.sev-row{display:flex;gap:12px;align-items:flex-start;padding:9px 12px;background:var(--bg-light);border-radius:5px;border-left:3px solid var(--navy)}
.sev-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--navy);white-space:nowrap;min-width:80px;padding-top:1px}
.sev-value{font-size:.88rem;color:var(--text-2);line-height:1.5;word-break:break-word}
.sev-modal-footer{display:flex;gap:10px;justify-content:flex-end}
.ev-clickable{cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}
.ev-clickable:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--accent) !important}
.ev-details-btn{background:rgba(28,36,68,.08) !important;color:var(--navy) !important;border:1px solid rgba(28,36,68,.25) !important;cursor:pointer;transition:background .15s}
.ev-clickable:hover .ev-details-btn{background:rgba(28,36,68,.15) !important}

/* ══ DELETE CONFIRM MODAL ══ */
.del-modal-box{max-width:400px;text-align:center;padding:36px 28px 28px}
.del-modal-icon{font-size:2.6rem;margin-bottom:12px}
.del-modal-msg{color:var(--muted);font-size:.88rem;line-height:1.6;margin-bottom:24px}
.del-modal-actions{display:flex;gap:12px;justify-content:center}
.del-modal-actions .btn{min-width:110px}

/* ── FRIENDLY ALERT MODAL ── */
.oba-alert-overlay{position:fixed;inset:0;z-index:10050;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(8,16,44,.45);backdrop-filter:blur(6px)}
.oba-alert-card{position:relative;width:min(92vw,460px);background:#fff;border-radius:var(--radius-xl);padding:24px 22px 20px;box-shadow:var(--shadow-lg);border:2px solid var(--navy);text-align:center;animation:obaAlertIn .18s ease-out}
@keyframes obaAlertIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.oba-alert-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:none;border-radius:999px;background:var(--bg-light);color:var(--text);font-size:24px;line-height:1;cursor:pointer}
.oba-alert-close:hover{background:var(--border)}
.oba-alert-icon{width:68px;height:68px;border-radius:999px;margin:4px auto 14px;display:grid;place-items:center;font-weight:900;font-size:28px;box-shadow:0 10px 28px rgba(28,36,68,.12)}
.oba-alert-title{margin:0 0 8px;color:var(--navy);font-size:22px;font-weight:800;letter-spacing:.02em;font-family:var(--font-sub);text-transform:uppercase}
.oba-alert-message{margin:0 auto 18px;max-width:360px;color:var(--text-2);font-size:15px;line-height:1.65;font-family:var(--font-body)}
.oba-alert-actions{display:flex;justify-content:center}
.oba-alert-btn{min-width:120px;border:none !important;border-radius:var(--radius-sm);padding:11px 22px;font-weight:800;background:var(--navy) !important;color:#fff !important;box-shadow:0 8px 20px rgba(28,36,68,.22)}
.oba-alert-btn:hover{transform:translateY(-1px);background:var(--navy-light) !important}
.oba-alert-overlay.is-error .oba-alert-icon{background:#fee2e2;color:#dc2626}
.oba-alert-overlay.is-warning .oba-alert-icon{background:#fef3c7;color:#a06000}
.oba-alert-overlay.is-success .oba-alert-icon{background:#dcfce7;color:#15803d}
@media(max-width:560px){.oba-alert-card{padding:22px 16px 18px}.oba-alert-title{font-size:20px}.oba-alert-message{font-size:14px}}

/* Admin selection/export enhancements */
.selection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:14px 0 18px;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-light);box-shadow:var(--shadow-sm)}
.selection-toolbar-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.selection-count{font-weight:800;color:var(--navy)}
.checkbox-inline{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:700;color:var(--text)}
.checkbox-inline input{width:18px;height:18px;accent-color:var(--navy)}
.selectable-card{position:relative;overflow:hidden}
.record-select-bar{display:flex;justify-content:flex-end;padding:12px 16px 0}
.admin-actions{display:flex;gap:12px;flex-wrap:wrap}
.search-inline{grid-template-columns:repeat(6,minmax(0,1fr)) auto}
@media(max-width:1200px){.search-inline{grid-template-columns:repeat(3,minmax(0,1fr)) auto}}
@media(max-width:760px){.selection-toolbar{flex-direction:column;align-items:flex-start}.search-inline{grid-template-columns:1fr 1fr}.record-select-bar{justify-content:flex-start;padding:12px 12px 0}}
@media(max-width:520px){.search-inline{grid-template-columns:1fr}.admin-actions .btn{width:100%}}

/* ── RESPONSIVE ── */
@media(max-width:1100px){.nav{flex-wrap:wrap}.brand{flex:1 1 auto}.nav-cta{flex:0 0 auto;margin-left:auto}}
@media(max-width:960px){.search-inline{grid-template-columns:1fr 1fr}.si-actions{grid-column:1/-1;flex-direction:row}.result-grid{grid-template-columns:1fr}}
@media(max-width:900px){.grid-3{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.reg-layout{grid-template-columns:1fr}.reg-info-col{position:static}.profile-details-grid{grid-template-columns:repeat(2,1fr)}.contact-card{grid-template-columns:1fr}.hero.hero-neon{min-height:320px;padding:44px 0}}
@media(max-width:700px){.grid-2{grid-template-columns:1fr}.form-row-2{grid-template-columns:1fr}.form-row-3{grid-template-columns:1fr 1fr}.search-inline{grid-template-columns:1fr}.media-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.section{padding:38px 0}}
@media(max-width:560px){.grid-3{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr}.profile-top{grid-template-columns:1fr}.profile-photo-wrap{justify-content:center}.profile-head-row{justify-content:center;text-align:center}.profile-meta-top{justify-content:center}.profile-details-grid{grid-template-columns:1fr}.hero-title{font-size:clamp(26px,8vw,42px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.search-progress-dots i,.search-loading-icon span{animation:none}}
p#formStatus:empty{display:none}
section.hidden{padding:0 !important}

.header-nav-strip .btn-login{margin:6px 16px 6px 8px;align-self:center;flex-shrink:0;}

/* Active / live event card highlight */
.ev-active-event{
  border-color:var(--accent) !important;
  background:rgba(255,193,7,.04);
  position:relative;
}
.ev-active-event::after{
  content:'LIVE';
  position:absolute;top:10px;right:10px;
  background:var(--accent);color:#111;
  font-size:9px;font-weight:800;letter-spacing:.1em;
  padding:2px 7px;border-radius:3px;
}


/* Signature */
.signature-mark{position:fixed;bottom:8px;right:18px;z-index:2;pointer-events:none;}
.signature-mark img{width:42px;height:auto;display:block;opacity:.10;filter:grayscale(100%);mix-blend-mode:multiply;}


@media (max-width: 1200px){
  .search-inline{grid-template-columns:repeat(3,minmax(180px,1fr));}
  .si-actions{grid-column:1/-1;justify-content:flex-start}
}
@media (max-width: 768px){
  .search-inline{grid-template-columns:1fr;}
  .si-actions{grid-column:auto;flex-wrap:wrap}
  .si-actions .btn{flex:1 1 140px}
}

/* ── Consent Box ─────────────────────────────────────────────── */
.consent-box{margin:18px 0 14px;padding:14px 16px;border:1.5px solid var(--accent);border-radius:var(--radius-md);background:#fff8f0;}
.consent-label{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-size:13px;line-height:1.55;color:var(--text);}
.consent-label input[type="checkbox"]{margin-top:3px;width:16px;height:16px;flex-shrink:0;accent-color:var(--accent);cursor:pointer;}
.consent-note{margin-top:8px;font-size:11.5px;color:var(--muted);padding-left:28px;line-height:1.5;}

/* ── Skip Navigation (accessibility) ────────────────────────────────────── */
.skip-nav{position:absolute;top:-100px;left:16px;z-index:9999;padding:10px 18px;background:var(--accent);color:#fff;font-weight:700;border-radius:0 0 var(--radius-md) var(--radius-md);text-decoration:none;transition:top .2s;}
.skip-nav:focus{top:0;}

/* ── Cloudflare Turnstile ────────────────────────────────────────────────── */
.turnstile-wrap{margin:16px 0 10px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;}
.turnstile-note{font-size:13px;color:var(--danger,#c0392b);font-weight:600;display:flex;align-items:center;gap:6px;}
.cf-turnstile{min-height:65px;}
/* Show a loading placeholder while Turnstile iframe loads */
.cf-turnstile:empty::before{content:'Loading security check…';display:block;font-size:12px;color:var(--muted);padding:8px 0;}