/* OUR STAGE CLUB — V96 STAGECRAFT UI
   Visual/accessibility layer only. No Firebase/Auth/API/business logic. */
:root{--v96-ink:#191416;--v96-wine:#6f1833;--v96-wine2:#8c2745;--v96-rose:#b54b68;--v96-gold:#c89b5a;--v96-paper:#fbf8f4;--v96-line:rgba(76,47,56,.12);--v96-muted:#786d71;--v96-shadow:0 18px 55px rgba(45,24,31,.08),0 2px 10px rgba(45,24,31,.04);--v96-display:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--v96-ui:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
html{background:var(--v96-paper)!important;scroll-behavior:smooth}body{font-family:var(--v96-ui)!important;color:var(--v96-ink)!important;background:radial-gradient(circle at 84% 2%,rgba(181,75,104,.075),transparent 25%),radial-gradient(circle at 22% 100%,rgba(200,155,90,.055),transparent 28%),linear-gradient(180deg,#fcfaf7,#f6f1ec)!important}::selection{background:rgba(111,24,51,.18);color:#3b0d1c}
a,button,input,select,textarea,[role="button"]{scroll-margin-top:110px}button,[role="button"],input,select,textarea{min-height:38px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role="button"]:focus-visible{outline:2px solid var(--v96-wine)!important;outline-offset:3px!important;box-shadow:0 0 0 5px rgba(111,24,51,.10)!important}.v96-skip-link{position:fixed;left:16px;top:12px;z-index:20000;transform:translateY(-150%);padding:10px 14px;border-radius:10px;background:#fff;color:var(--v96-wine);border:1px solid rgba(111,24,51,.2);box-shadow:var(--v96-shadow);font-weight:800;font-size:12px;text-decoration:none}.v96-skip-link:focus{transform:none}

/* Login — theatre lobby */
body.auth-login{background:#140d10!important}body.auth-login .login-screen{padding:clamp(14px,2vw,28px)!important;background:radial-gradient(ellipse at 50% -12%,rgba(234,216,184,.24),transparent 36%),radial-gradient(ellipse at 14% 48%,rgba(140,39,69,.27),transparent 34%),radial-gradient(ellipse at 88% 70%,rgba(111,24,51,.22),transparent 31%),linear-gradient(160deg,#120c0f,#211017 52%,#100c0e)!important;overflow:hidden!important}body.auth-login .login-screen:before,body.auth-login .login-screen:after{content:"";position:fixed;top:-12vh;bottom:-12vh;width:min(36vw,520px);pointer-events:none;opacity:.7;background:linear-gradient(90deg,rgba(255,255,255,.05),transparent 9% 18%,rgba(255,255,255,.05) 27%,transparent 39% 55%,rgba(255,255,255,.04) 70%,transparent),linear-gradient(90deg,#4d1023,#741a35 50%,#3d0c1b)}body.auth-login .login-screen:before{left:-10vw;transform:skewX(4deg)}body.auth-login .login-screen:after{right:-10vw;transform:scaleX(-1) skewX(4deg)}body.auth-login .login-stage{position:relative;z-index:2;width:min(1080px,100%)!important;min-height:min(680px,calc(100dvh - 56px))!important;margin:auto!important;border:1px solid rgba(234,216,184,.14)!important;border-radius:28px!important;background:rgba(24,16,20,.78)!important;box-shadow:0 40px 120px rgba(0,0,0,.42)!important;overflow:hidden!important}body.auth-login .login-stage:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--v96-gold),var(--v96-rose),var(--v96-gold),transparent)}body.auth-login .login-showcase-simple{position:relative!important;background:radial-gradient(circle at 51% 33%,rgba(240,220,186,.19),transparent 12%),conic-gradient(from 225deg at 50% 10%,transparent 0 20%,rgba(255,239,208,.065) 21% 27%,transparent 28% 72%,rgba(255,239,208,.055) 73% 79%,transparent 80%),linear-gradient(145deg,#251017,#170f12)!important;border-right:1px solid rgba(234,216,184,.12)!important}body.auth-login .login-showcase-simple:after{content:"OUR STAGE";position:absolute;left:50%;bottom:42px;transform:translateX(-50%);font-family:var(--v96-display);font-size:clamp(44px,7vw,92px);letter-spacing:.08em;color:transparent;-webkit-text-stroke:1px rgba(234,216,184,.11);white-space:nowrap;pointer-events:none}body.auth-login .simple-brand{position:relative;z-index:2!important;display:grid!important;justify-items:center!important;text-align:center!important;gap:18px!important}body.auth-login .simple-brand-logo{width:110px!important;height:110px!important;border-radius:28px!important;background:linear-gradient(145deg,#fff,#f7efe6)!important;border:1px solid rgba(234,216,184,.42)!important;box-shadow:0 30px 75px rgba(0,0,0,.32)!important}body.auth-login .simple-brand-name{font-family:var(--v96-display)!important;color:#fff7ee!important;font-size:clamp(27px,3vw,42px)!important;letter-spacing:.08em!important;font-weight:650!important}body.auth-login .simple-brand-system{color:#cdb99c!important;letter-spacing:.28em!important;font-size:8px!important}body.auth-login .login-panel-simple{background:linear-gradient(180deg,#fffdf9,#f8f3ed)!important;color:var(--v96-ink)!important;padding:clamp(30px,5vw,64px)!important}body.auth-login .simple-login-head h2{font-family:var(--v96-display)!important;font-size:38px!important;color:#2b1c21!important;margin-bottom:26px!important}body.auth-login .simple-login-head h2:after{content:"";display:block;width:42px;height:2px;margin-top:12px;background:linear-gradient(90deg,var(--v96-wine),var(--v96-gold));border-radius:999px}body.auth-login .login-input-wrap{border-radius:13px!important;background:#fff!important;border:1px solid #e4dcd5!important;box-shadow:0 7px 18px rgba(50,27,35,.035)!important}body.auth-login .login-input-wrap:focus-within{border-color:rgba(111,24,51,.45)!important;box-shadow:0 0 0 4px rgba(111,24,51,.08)!important}body.auth-login .login-input-wrap input{background:transparent!important;box-shadow:none!important;border:0!important}body.auth-login .login-submit{background:linear-gradient(135deg,#7b1a38,#541021)!important;box-shadow:0 14px 30px rgba(93,21,46,.22)!important}body.auth-login .google-login-btn{border-color:#ded6cf!important;background:#fff!important;color:#46393e!important;border-radius:13px!important}

/* Shell */
body.auth-admin .sidebar{background:radial-gradient(circle at 50% -8%,rgba(200,155,90,.13),transparent 22%),radial-gradient(circle at 12% 22%,rgba(181,75,104,.14),transparent 28%),linear-gradient(180deg,#1b1115,#211017 48%,#120d10)!important;border-right:1px solid rgba(234,216,184,.10)!important;box-shadow:18px 0 50px rgba(29,14,20,.18)!important}body.auth-admin .brand-wrap{border-bottom-color:rgba(234,216,184,.10)!important}body.auth-admin .side-logo{border-radius:15px!important;border:1px solid rgba(234,216,184,.34)!important;box-shadow:0 10px 28px rgba(0,0,0,.20)!important}body.auth-admin .brand{font-family:var(--v96-display)!important;color:#fff7ef!important;font-weight:650!important}body.auth-admin .brand span{color:#dfbd86!important}body.auth-admin .brand-sub{color:#8f7c72!important}body.auth-admin .nav-group-label{color:#8e7968!important;letter-spacing:.19em!important}body.auth-admin .nav button[data-tab]{min-height:48px!important;border-radius:12px!important;color:#b9aaa9!important}body.auth-admin .nav button[data-tab]:hover{background:rgba(255,248,237,.055)!important;color:#fff7ef!important}body.auth-admin .nav button[data-tab].active{position:relative;background:linear-gradient(90deg,rgba(200,155,90,.16),transparent 22%),linear-gradient(110deg,rgba(126,27,57,.95),rgba(73,17,37,.96))!important;color:#fff!important;box-shadow:0 12px 28px rgba(83,15,40,.30),inset 0 0 0 1px rgba(234,216,184,.12)!important}body.auth-admin .nav button[data-tab].active:after{content:"";position:absolute;left:0;top:11px;bottom:11px;width:2px;border-radius:99px;background:linear-gradient(var(--v96-gold),#f0d8ae)}body.auth-admin .nav-icon{background:rgba(255,255,255,.045)!important;color:#c7b5b0!important}body.auth-admin .nav button.active .nav-icon{background:rgba(255,248,237,.10)!important;color:#f6dcae!important}body.auth-admin .nav-copy small{color:#7e6e6e!important}body.auth-admin .nav button:hover .nav-copy small,body.auth-admin .nav button.active .nav-copy small{color:#cdbbb4!important}body.auth-admin .side-bottom{background:linear-gradient(180deg,rgba(21,13,16,.90),#100b0d)!important;border-top-color:rgba(234,216,184,.10)!important}body.auth-admin .side-bottom select{background:#1f1418!important;border-color:#3c2930!important;color:#f2e8e1!important}

body.auth-admin .topbar{background:rgba(251,248,244,.89)!important;border-bottom:1px solid rgba(73,48,56,.10)!important;box-shadow:0 9px 28px rgba(46,26,33,.045)!important}body.auth-admin .topbar:before{height:2px!important;background:linear-gradient(90deg,var(--v96-wine),var(--v96-rose) 48%,var(--v96-gold) 82%,transparent)!important}body.auth-admin .topbar .eyebrow{color:#9a8780!important}body.auth-admin .topbar h1{font-family:var(--v96-display)!important;font-size:24px!important;font-weight:650!important;color:#2c2024!important}.v96-page-context{display:block;margin-top:3px;color:#8d8083;font-size:9px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(46vw,560px)}body.auth-admin .shell-menu-btn,body.auth-admin .global-search-btn,body.auth-admin .notification-btn,body.auth-admin .admin-chip{border-color:rgba(77,49,58,.12)!important;background:rgba(255,255,255,.84)!important;color:#57484d!important;box-shadow:0 5px 15px rgba(43,24,31,.035)!important}body.auth-admin .workspace-dock{background:linear-gradient(180deg,rgba(247,243,238,.97),rgba(247,243,238,.82),rgba(247,243,238,0))!important}body.auth-admin .workspace-tab{border-color:var(--v96-line)!important;background:rgba(255,255,255,.90)!important;color:#78696e!important}body.auth-admin .workspace-tab.active{border-color:rgba(111,24,51,.21)!important;background:linear-gradient(180deg,#fff,#fff8f4)!important;color:var(--v96-wine)!important}

/* Content */
body.auth-admin main>section[id]{background:rgba(255,255,255,.82)!important;border:1px solid var(--v96-line)!important;border-radius:20px!important;box-shadow:var(--v96-shadow)!important}body.auth-admin .workspace-window-bar{background:linear-gradient(180deg,#fff,#fbf8f4)!important;border-bottom-color:rgba(77,49,58,.08)!important;border-radius:20px 20px 0 0!important}body.auth-admin #dashboard{background:transparent!important;border:0!important;box-shadow:none!important}body.auth-admin .dashboard-hero{position:relative!important;overflow:hidden!important;padding:28px 30px!important;border:1px solid rgba(234,216,184,.22)!important;border-radius:22px!important;background:radial-gradient(circle at 78% 24%,rgba(239,215,174,.16),transparent 16%),radial-gradient(circle at 84% 28%,rgba(181,75,104,.19),transparent 30%),linear-gradient(125deg,#1b1115,#391321 58%,#6c1933)!important;box-shadow:0 25px 70px rgba(56,18,34,.20)!important;color:#fff!important}body.auth-admin .dashboard-hero:before{content:"";position:absolute;right:8%;top:-62%;width:32%;height:185%;transform:rotate(13deg);background:linear-gradient(180deg,rgba(255,244,219,.20),rgba(255,244,219,.015) 72%,transparent);filter:blur(4px);pointer-events:none}body.auth-admin .dashboard-hero>div{position:relative;z-index:2}body.auth-admin .dashboard-hero .eyebrow{color:#d8bd93!important}body.auth-admin .dashboard-hero h2{font-family:var(--v96-display)!important;color:#fff8ee!important;font-size:clamp(26px,3vw,38px)!important;font-weight:650!important}body.auth-admin .dashboard-hero p{color:#d8c9c4!important}body.auth-admin .dashboard-hero .primary{background:linear-gradient(135deg,#f0d5a8,#c99a57)!important;color:#3d201d!important}body.auth-admin .dashboard-hero .secondary{background:rgba(255,255,255,.075)!important;color:#fff5ed!important;border-color:rgba(255,255,255,.14)!important}
body.auth-admin .dash-stat,body.auth-admin .dashboard-command-center,body.auth-admin .dashboard-panel,body.auth-admin .card,body.auth-admin .table-card,body.auth-admin .settings-card,body.auth-admin .event-card,body.auth-admin .lookup-card,body.auth-admin .free-lookup-card,body.auth-admin .account-card,body.auth-admin .qr-live-panel,body.auth-admin .v95-card{border-color:var(--v96-line)!important;border-radius:18px!important;background:rgba(255,255,255,.94)!important;box-shadow:var(--v96-shadow)!important}body.auth-admin .dash-stat{position:relative;overflow:hidden;padding:18px!important}body.auth-admin .dash-stat:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:99px;background:linear-gradient(var(--v96-wine),var(--v96-gold))}body.auth-admin .dash-stat span{color:#8e8084!important;text-transform:uppercase;letter-spacing:.08em}body.auth-admin .dash-stat strong{font-family:var(--v96-display)!important;color:#302226!important;font-size:30px!important;font-variant-numeric:tabular-nums}body.auth-admin .panel-head h3,body.auth-admin .section-title h2,body.auth-admin .settings-card h3,body.auth-admin .event-card h3,body.auth-admin .v95-card h3{font-family:var(--v96-display)!important;color:#392a2f!important;font-weight:650!important}body.auth-admin .small-help{color:#8d8084!important;line-height:1.55}

/* Controls/tables */
body.auth-admin .primary{background:linear-gradient(135deg,#821f3f,#5d1228)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 9px 21px rgba(98,23,48,.18)!important}body.auth-admin .primary:hover:not(:disabled){background:linear-gradient(135deg,#91284a,#69152e)!important;transform:translateY(-1px)}body.auth-admin .secondary,body.auth-admin .ghost{background:#fff!important;border-color:rgba(76,47,56,.13)!important;color:#66575c!important}body.auth-admin .secondary:hover:not(:disabled),body.auth-admin .ghost:hover:not(:disabled){border-color:rgba(111,24,51,.22)!important;color:#571327!important}body.auth-admin .danger{background:#fff7f7!important;border-color:#edcdd3!important;color:#96354b!important}body.auth-admin input,body.auth-admin select,body.auth-admin textarea{background:#fff!important;border:1px solid rgba(76,47,56,.15)!important;border-radius:11px!important;color:#312529!important}body.auth-admin input:focus,body.auth-admin select:focus,body.auth-admin textarea:focus{border-color:rgba(111,24,51,.48)!important;box-shadow:0 0 0 4px rgba(111,24,51,.08)!important;outline:none!important}body.auth-admin table{font-variant-numeric:tabular-nums}body.auth-admin table thead th{background:linear-gradient(180deg,#fbf8f4,#f5efea)!important;color:#66575c!important;border-color:rgba(76,47,56,.09)!important;letter-spacing:.045em}body.auth-admin table tbody td{border-color:rgba(76,47,56,.075)!important}body.auth-admin table tbody tr:hover{background:#fff9f5!important}

/* Overlays / command / operations */
body.auth-admin #modalWrap .overlay,body.auth-admin .overlay{background:rgba(20,12,16,.61)!important;backdrop-filter:blur(10px)!important}body.auth-admin #modalWrap .modal,body.auth-admin .overlay .modal{border-color:rgba(234,216,184,.20)!important;border-radius:22px!important;background:linear-gradient(180deg,#fff,#fbf8f4)!important;box-shadow:0 40px 120px rgba(20,12,16,.36)!important}body.auth-admin .modal-head h2{font-family:var(--v96-display)!important;color:#37272c!important}body.auth-admin .command-overlay{background:rgba(20,12,16,.58)!important;backdrop-filter:blur(10px)!important}body.auth-admin .command-box{border:1px solid rgba(234,216,184,.22)!important;border-radius:20px!important;background:#fffdf9!important;box-shadow:0 38px 100px rgba(20,12,16,.35)!important}body.auth-admin .command-result:hover{background:#fff6f2!important}body.auth-admin .v95-hero{border-radius:18px!important;background:linear-gradient(125deg,#fff,#fbf5ef)!important;border:1px solid var(--v96-line)!important}body.auth-admin .v95-bar{background:#eee8e3!important}body.auth-admin .v95-bar i{background:linear-gradient(90deg,var(--v96-wine),var(--v96-gold))!important}

@media(max-width:700px){button,[role="button"],input,select,textarea{min-height:44px}input,select,textarea{font-size:16px!important}.v96-page-context{display:none}body.auth-admin .dashboard-hero{padding:22px 19px!important;border-radius:18px!important}body.auth-admin .dashboard-hero .quick-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}body.auth-admin .dashboard-hero .quick-actions button{width:100%!important}}@media(max-width:520px){body.auth-login .login-screen{padding:8px!important}body.auth-login .login-stage{border-radius:20px!important}body.auth-login .login-panel-simple{padding:28px 20px!important}body.auth-admin .dashboard-hero .quick-actions{grid-template-columns:1fr!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* ===== V96.1 — SANS TYPOGRAPHY + EVENTS WORKSPACE ===== */
body.auth-admin h1,body.auth-admin h2,body.auth-admin h3,body.auth-admin h4,
body.auth-admin .brand,body.auth-admin .simple-brand-name,body.auth-admin .topbar h1,
body.auth-admin .dashboard-hero h2,body.auth-admin .dash-stat strong,
body.auth-admin .panel-head h3,body.auth-admin .section-title h2,
body.auth-admin .settings-card h3,body.auth-admin .event-card h3,
body.auth-admin .v95-card h3,body.auth-admin .modal-head h2{
  font-family:var(--v96-ui)!important;
  font-style:normal!important;
  letter-spacing:-.025em!important;
}
body.auth-admin .brand{letter-spacing:-.04em!important}
body.auth-admin .simple-brand-name{letter-spacing:.06em!important}
body.auth-admin .topbar h1{font-weight:760!important}
body.auth-admin .dashboard-hero h2{font-weight:780!important}
body.auth-admin .event-card-title{font-weight:800!important;letter-spacing:-.02em!important}

/* Events page canvas */
body.auth-admin #events{
  padding:0 18px 22px!important;
  background:rgba(255,255,255,.72)!important;
}
body.auth-admin #events>.workspace-window-bar{margin-bottom:0!important}
.v96-events-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:28px;
  margin:0 -18px 18px;
  padding:28px 28px 26px;
  border-bottom:1px solid rgba(80,49,59,.10);
  background:
    radial-gradient(circle at 86% 20%,rgba(200,155,90,.14),transparent 26%),
    radial-gradient(circle at 60% -20%,rgba(181,75,104,.11),transparent 35%),
    linear-gradient(135deg,#fffdf9,#f8f3ef);
}
.v96-events-hero:after{
  content:"";
  position:absolute;
  width:210px;height:210px;
  right:-70px;top:-115px;
  border-radius:50%;
  border:1px solid rgba(111,24,51,.07);
  box-shadow:0 0 0 28px rgba(111,24,51,.025),0 0 0 58px rgba(200,155,90,.018);
  pointer-events:none;
}
.v96-events-hero-copy{position:relative;z-index:1;max-width:720px}
.v96-events-hero-copy .eyebrow{color:#976b60!important;font-size:8px!important;letter-spacing:.17em!important}
.v96-events-hero-copy h2{
  margin:7px 0 8px;
  color:#2c2024;
  font-size:clamp(25px,3vw,36px);
  font-weight:800;
  letter-spacing:-.035em;
}
.v96-events-hero-copy p{margin:0;color:#776b70;font-size:12px;line-height:1.65;max-width:660px}
.v96-events-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(125px,1fr));gap:9px}
.v96-events-metrics>div{
  min-width:135px;
  padding:13px 15px;
  border:1px solid rgba(76,47,56,.11);
  border-radius:14px;
  background:rgba(255,255,255,.82);
  box-shadow:0 9px 24px rgba(53,28,37,.045);
}
.v96-events-metrics span{display:block;color:#998b8e;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}
.v96-events-metrics b{display:block;margin-top:5px;color:#3c2c31;font-size:14px;line-height:1.2}

.v96-event-toolbar{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto;
  gap:12px;
  align-items:center;
  margin:0 0 12px;
}
.v96-event-search{
  min-height:44px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 13px;
  border:1px solid rgba(76,47,56,.13);
  border-radius:13px;
  background:#fff;
  box-shadow:0 6px 18px rgba(45,24,31,.035);
}
.v96-event-search>span{color:#9a8c90;font-size:18px;line-height:1}
.v96-event-search input{
  flex:1;
  min-width:0;
  min-height:40px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.v96-event-search:focus-within{border-color:rgba(111,24,51,.38);box-shadow:0 0 0 4px rgba(111,24,51,.07)}
.v96-event-toolbar-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.v96-event-toolbar-actions button{min-height:40px!important;padding:8px 12px!important;font-size:10px!important}
.v96-event-toolbar-actions #createEventBtn{padding-inline:16px!important}

.v96-event-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 16px}
.v96-event-info{
  display:flex;align-items:flex-start;gap:10px;
  padding:11px 12px;
  border:1px solid rgba(76,47,56,.09);
  border-radius:12px;
  background:#fbfaf8;
}
.v96-event-info.secure{background:#f7faf8;border-color:#dbe7df}
.v96-event-info-icon{
  width:26px;height:26px;flex:0 0 auto;
  display:grid;place-items:center;
  border-radius:8px;
  background:#f3ece7;color:#7a2841;
  font-size:12px;font-weight:900;
}
.v96-event-info.secure .v96-event-info-icon{background:#eaf5ef;color:#28704f}
.v96-event-info b{display:block;color:#504147;font-size:10px}
.v96-event-info p{margin:2px 0 0;color:#887b7f;font-size:9px;line-height:1.5}

/* Event cards */
#events .event-card-list{display:grid;gap:13px}
#events .event-card{
  position:relative;
  overflow:hidden;
  padding:19px 20px 16px!important;
  border:1px solid rgba(76,47,56,.11)!important;
  border-left:1px solid rgba(76,47,56,.11)!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(45,24,31,.045)!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
#events .event-card:hover{transform:translateY(-1px);border-color:rgba(111,24,51,.17)!important;box-shadow:0 16px 40px rgba(45,24,31,.07)!important}
#events .event-card::before{
  content:"";
  position:absolute;
  left:0!important;right:0!important;top:0!important;bottom:auto!important;
  width:auto!important;height:3px!important;
  background:linear-gradient(90deg,#7a1938,#af4b68 58%,#c89b5a)!important;
}
#events .event-card::after{display:none!important}
#events .event-card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start}
#events .v96-event-main{min-width:0}
#events .event-card-kicker{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:9px}
#events .v96-event-state,#events .v96-event-semester{
  display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;
  border-radius:999px;border:1px solid rgba(76,47,56,.10);
  background:#f8f5f2;color:#74666b;
  font-size:8.5px;font-weight:850;letter-spacing:.02em;
}
#events .v96-event-state.portal-state-open{background:#eef8f2;border-color:#d3eadc;color:#26724f}
#events .v96-event-state.portal-state-closed{background:#fff1f3;border-color:#efd6dc;color:#9a364e}
#events .v96-event-state.event-schedule-badge{background:#fff7e8;border-color:#ecdcb4;color:#8b661c}
#events .event-card-title{
  margin:0 0 6px!important;
  color:#302429!important;
  font-size:18px!important;
  line-height:1.32!important;
  text-transform:none!important;
  white-space:pre-line;
}
#events .event-card-description{
  max-width:920px;
  margin:0!important;
  color:#7e7377!important;
  font-size:11.5px!important;
  line-height:1.55!important;
  white-space:pre-line;
}
#events .v96-event-kind{display:flex;justify-content:flex-end}
#events .account-role,#events .companion-badge{white-space:nowrap;box-shadow:none!important}

#events .v96-event-meta{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:13px;
}
#events .v96-event-meta>span{
  display:inline-flex!important;
  align-items:center;
  min-height:25px;
  padding:4px 8px!important;
  border-radius:999px!important;
  border:1px solid #e6e0dc!important;
  background:#faf8f6!important;
  color:#70646a!important;
  font-size:8.5px!important;
  font-weight:800!important;
  line-height:1.25;
}
#events .v96-event-meta .event-field-health.ok,
#events .v96-event-meta .event-qr-checkin-badge:not(.off),
#events .v96-event-meta .event-checkin-count-badge{
  background:#eef8f2!important;border-color:#d3eadc!important;color:#26724f!important;
}
#events .v96-event-meta .event-field-health.warn,
#events .v96-event-meta .event-qr-checkin-badge.off,
#events .v96-event-meta .event-points-badge.off{
  background:#f7f4f2!important;border-color:#e8e0dc!important;color:#8d8285!important;
}
#events .v96-event-meta .event-checkin-count-badge.pending{
  background:#fff6e5!important;border-color:#ead7aa!important;color:#886219!important;
}
#events .v96-event-meta .event-linked-activity-badge{
  background:#f1f5fb!important;border-color:#dce5f3!important;color:#3c6088!important;
}
#events .v96-event-meta .event-schedule-badge{
  background:#fff8ed!important;border-color:#ecdfc3!important;color:#82672c!important;
}

#events .event-actions{
  display:grid!important;
  gap:8px!important;
  margin-top:15px!important;
  padding-top:13px;
  border-top:1px solid rgba(76,47,56,.075);
}
#events .v96-event-actions-primary,
#events .v96-event-actions-secondary,
#events .v96-event-actions-admin{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
#events .event-actions button{
  min-height:34px!important;
  padding:6px 10px!important;
  border-radius:9px!important;
  font-size:9px!important;
  box-shadow:none!important;
}
#events .v96-event-actions-primary button{font-weight:800!important}
#events .v96-event-actions-primary .primary{box-shadow:0 7px 16px rgba(98,23,48,.14)!important}
#events .v96-event-actions-secondary{padding-top:1px}
#events .v96-event-actions-secondary .ghost{
  background:#faf8f6!important;
  color:#776b6f!important;
  border-color:transparent!important;
}
#events .v96-event-actions-admin{
  margin-top:2px;
  padding-top:8px;
  border-top:1px dashed rgba(76,47,56,.10);
}
#events .v96-event-actions-admin:before{
  content:"Quản trị";
  margin-right:3px;
  color:#9a8d91;
  font-size:8px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.08em;
}
#events #eventEmpty{
  border:1px dashed rgba(76,47,56,.16);
  border-radius:15px;
  background:#fbf8f5;
  color:#8b7f82;
}

@media(max-width:1100px){
  .v96-events-hero{grid-template-columns:1fr;gap:16px}
  .v96-events-metrics{justify-self:start}
  .v96-event-toolbar{grid-template-columns:1fr}
  .v96-event-toolbar-actions{justify-content:flex-start}
}
@media(max-width:760px){
  body.auth-admin #events{padding-left:12px!important;padding-right:12px!important}
  .v96-events-hero{margin-left:-12px;margin-right:-12px;padding:22px 16px}
  .v96-events-metrics{width:100%;grid-template-columns:1fr 1fr}
  .v96-events-metrics>div{min-width:0}
  .v96-event-info-grid{grid-template-columns:1fr}
  #events .event-card{padding:17px 14px 14px!important}
  #events .event-card-head{grid-template-columns:1fr;gap:9px}
  #events .v96-event-kind{justify-content:flex-start}
  #events .event-actions button{min-height:40px!important}
  #events .v96-event-actions-primary,
  #events .v96-event-actions-secondary,
  #events .v96-event-actions-admin{align-items:stretch}
}
@media(max-width:520px){
  .v96-event-toolbar-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .v96-event-toolbar-actions button{width:100%}
  .v96-event-toolbar-actions #createEventBtn{grid-column:1/-1}
  #events .v96-event-actions-primary,
  #events .v96-event-actions-secondary,
  #events .v96-event-actions-admin{display:grid;grid-template-columns:1fr 1fr}
  #events .event-actions button{width:100%}
  #events .v96-event-actions-admin:before{grid-column:1/-1}
}


/* V96.1 — Sans-serif correction + Events workspace polish */
body,button,input,select,textarea,.brand,.topbar h1,.dashboard-hero h2,.panel-head h3,.section-title h2,.settings-card h3,.event-card h3,.v95-card h3,.simple-brand-name,.simple-login-head h2{font-family:var(--v96-ui)!important}
body.auth-admin .brand,body.auth-admin .topbar h1,body.auth-admin .dashboard-hero h2,body.auth-admin .panel-head h3,body.auth-admin .section-title h2,body.auth-admin .settings-card h3,body.auth-admin .event-card h3,body.auth-admin .v95-card h3,body.auth-login .simple-brand-name,body.auth-login .simple-login-head h2{font-family:var(--v96-ui)!important;letter-spacing:-.025em!important}
body.auth-admin .event-card h3{font-weight:800!important}
body.auth-admin #events{padding-bottom:20px!important}

/* Events summary / toolbar */
body.auth-admin #events>.finance-toolbar{margin:0 0 14px!important;padding:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,220px))!important;gap:10px!important;background:transparent!important;border:0!important}
body.auth-admin #events>.finance-toolbar .quick-chip{min-height:64px!important;padding:12px 14px!important;display:grid!important;align-content:center!important;gap:4px!important;border:1px solid var(--v96-line)!important;border-radius:15px!important;background:linear-gradient(180deg,#fff,#fbf8f5)!important;color:#85777b!important;box-shadow:0 8px 22px rgba(45,24,31,.04)!important;font-size:10px!important}
body.auth-admin #events>.finance-toolbar .quick-chip b{display:block!important;color:#2d2226!important;font-size:17px!important;line-height:1.2!important;font-weight:800!important}
body.auth-admin #events>.toolbar{margin:0 0 14px!important;padding:12px!important;display:grid!important;grid-template-columns:minmax(260px,1fr) repeat(5,max-content)!important;gap:8px!important;align-items:center!important;border:1px solid var(--v96-line)!important;border-radius:16px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 10px 28px rgba(45,24,31,.045)!important}
body.auth-admin #events>.toolbar #eventSearch{height:44px!important;padding-left:14px!important;background:#fbfaf8!important;border-color:rgba(76,47,56,.12)!important}
body.auth-admin #events>.toolbar button{min-height:40px!important;padding:0 13px!important}
body.auth-admin #events>.section-note,body.auth-admin #events>.security-note{margin:0 0 10px!important;padding:11px 13px!important;border-radius:13px!important;font-size:10px!important;line-height:1.5!important}
body.auth-admin #events>.section-note{background:#f8f5f1!important;border:1px solid rgba(122,93,71,.10)!important;color:#74676b!important}
body.auth-admin #events>.security-note{background:#f4f8f5!important;border:1px solid #dce9e1!important;color:#3f6652!important}
body.auth-admin #events>.security-note b{color:#2e5b45!important}

/* Event cards: hierarchy first, actions second */
body.auth-admin #events .event-card-list{display:grid!important;gap:14px!important}
body.auth-admin #events .event-card{position:relative!important;overflow:hidden!important;padding:18px 18px 16px 20px!important;border:1px solid rgba(76,47,56,.11)!important;border-left:0!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#fffdfa)!important;box-shadow:0 13px 34px rgba(45,24,31,.06)!important}
body.auth-admin #events .event-card:before{content:""!important;position:absolute!important;left:0!important;top:15px!important;bottom:15px!important;width:3px!important;border-radius:0 8px 8px 0!important;background:linear-gradient(180deg,var(--v96-wine),var(--v96-gold))!important}
body.auth-admin #events .event-card:after{display:none!important}
body.auth-admin #events .event-card-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:16px!important;align-items:start!important}
body.auth-admin #events .event-card-title{margin:0 0 7px!important;color:#2e2427!important;font-size:18px!important;line-height:1.3!important;text-transform:none!important}
body.auth-admin #events .event-card-description{max-width:900px!important;color:#75696d!important;font-size:11px!important;line-height:1.55!important}
body.auth-admin #events .event-card-head .small-help{margin-top:11px!important;display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;font-size:0!important;line-height:1!important;color:transparent!important}
body.auth-admin #events .event-card-head .small-help>b{display:none!important}
body.auth-admin #events .event-card-head .small-help>span{font-size:9px!important;line-height:1.2!important;margin:0!important;padding:5px 8px!important;border-radius:999px!important;border:1px solid rgba(76,47,56,.10)!important;background:#f8f5f3!important;color:#65585d!important;font-weight:800!important;white-space:nowrap!important}
body.auth-admin #events .event-card-head .small-help>.portal-state-open{background:#eff8f3!important;border-color:#d1eadb!important;color:#23704e!important}
body.auth-admin #events .event-card-head .small-help>.portal-state-closed{background:#fff2f4!important;border-color:#efd2d9!important;color:#963c52!important}
body.auth-admin #events .event-card-head .small-help>.event-schedule-badge{white-space:normal!important}
body.auth-admin #events .account-role,body.auth-admin #events .companion-badge{margin:0!important;white-space:nowrap!important;align-self:start!important}
body.auth-admin #events .event-actions{margin-top:15px!important;padding-top:13px!important;border-top:1px solid rgba(76,47,56,.08)!important;display:flex!important;gap:7px!important;flex-wrap:wrap!important}
body.auth-admin #events .event-actions button{min-height:36px!important;padding:0 11px!important;border-radius:10px!important;font-size:9px!important;box-shadow:none!important}
body.auth-admin #events .event-actions .primary{box-shadow:0 7px 16px rgba(98,23,48,.14)!important}
body.auth-admin #events .event-actions .danger{margin-left:0!important}

/* Event Builder — aligned, calm, easier to scan */
body.auth-admin #modalWrap .event-builder-modal{width:min(1180px,calc(100vw - 48px))!important;max-width:1180px!important;padding:0 24px 24px!important;background:#f8f6f3!important}
body.auth-admin #modalWrap .event-builder-modal .modal-head{margin:0 -24px 18px!important;padding:16px 24px!important;min-height:74px!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid rgba(76,47,56,.09)!important}
body.auth-admin #modalWrap .event-builder-modal .modal-head h2{font-family:var(--v96-ui)!important;font-size:23px!important;font-weight:800!important;color:#2d2427!important}
body.auth-admin #modalWrap .event-builder-modal .modal-kicker{margin-top:5px!important;font-family:var(--v96-ui)!important;color:#938589!important;font-size:8px!important;letter-spacing:.15em!important}
body.auth-admin .event-builder-modal>.form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important}
body.auth-admin .event-builder-modal>.form-grid>label{min-width:0!important;margin:0!important;padding:13px 14px!important;display:flex!important;flex-direction:column!important;gap:7px!important;border:1px solid rgba(76,47,56,.10)!important;border-radius:14px!important;background:#fff!important;color:#574a4f!important;font-size:10px!important;font-weight:800!important;line-height:1.35!important;box-shadow:0 7px 20px rgba(45,24,31,.03)!important}
body.auth-admin .event-builder-modal>.form-grid>label.full{grid-column:1/-1!important}
body.auth-admin .event-builder-modal>.form-grid>label>input,body.auth-admin .event-builder-modal>.form-grid>label>select,body.auth-admin .event-builder-modal>.form-grid>label>textarea{margin-top:1px!important;width:100%!important;min-width:0!important;min-height:43px!important;padding:10px 11px!important;border-radius:10px!important;background:#fcfbfa!important}
body.auth-admin .event-builder-modal>.form-grid>label>textarea{resize:vertical!important;line-height:1.5!important}
body.auth-admin .event-builder-modal #eventTitle{min-height:78px!important}
body.auth-admin .event-builder-modal #eventDescription{min-height:92px!important}
body.auth-admin .event-builder-modal .permission-note,body.auth-admin .event-builder-modal .event-points-note{margin-top:auto!important;color:#8b7d81!important;font-size:8.5px!important;font-weight:500!important;line-height:1.5!important}
body.auth-admin .event-builder-modal>.section-title{margin:18px 0 10px!important;padding:0!important}
body.auth-admin .event-builder-modal>.section-title h4{font-size:14px!important;color:#34282c!important;font-weight:800!important}
body.auth-admin .event-builder-modal .event-builder-tools{margin:0 0 12px!important;padding:10px 11px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;border:1px solid rgba(76,47,56,.09)!important;border-radius:12px!important;background:#fff!important}
body.auth-admin .event-builder-modal #eventFieldEditor{display:grid!important;gap:11px!important}
body.auth-admin .event-builder-modal .event-field-card,body.auth-admin .event-builder-modal .event-section-editor,body.auth-admin .event-builder-modal .rich-editor,body.auth-admin .event-builder-modal .image-field-editor{margin:0!important;padding:13px!important;border:1px solid rgba(76,47,56,.11)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 7px 20px rgba(45,24,31,.025)!important}
body.auth-admin .event-builder-modal .event-field-card-head{min-height:34px!important;margin-bottom:10px!important;padding-bottom:9px!important;display:flex!important;align-items:center!important;gap:7px!important;border-bottom:1px solid rgba(76,47,56,.07)!important}
body.auth-admin .event-builder-modal .event-field-number{width:26px!important;height:26px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:#f4e8ec!important;color:#75213c!important;font-size:9px!important;font-weight:900!important}
body.auth-admin .event-builder-modal .event-field-card-head strong{margin-right:auto!important;color:#403237!important;font-size:11px!important}
body.auth-admin .event-builder-modal .event-field-card-head button{min-height:30px!important;height:30px!important;padding:0 9px!important;font-size:9px!important}
body.auth-admin .event-builder-modal .event-field-row,body.auth-admin .event-builder-modal .event-field-row-v71{display:grid!important;grid-template-columns:minmax(240px,1.35fr) minmax(160px,.7fr) minmax(120px,.45fr) minmax(220px,1fr)!important;gap:9px!important;align-items:end!important;max-width:none!important}
body.auth-admin .event-builder-modal .event-field-row>label,body.auth-admin .event-builder-modal .event-field-row-v71>label{min-width:0!important;display:grid!important;gap:5px!important;color:#66585d!important;font-size:9px!important;font-weight:800!important}
body.auth-admin .event-builder-modal .event-field-row input,body.auth-admin .event-builder-modal .event-field-row select,body.auth-admin .event-builder-modal .event-field-row textarea{width:100%!important;min-width:0!important;min-height:39px!important}
body.auth-admin .event-builder-modal .event-required-toggle{display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;min-height:39px!important;padding:0 10px!important;border:1px solid rgba(76,47,56,.12)!important;border-radius:10px!important;background:#fbfaf8!important}
body.auth-admin .event-builder-modal .event-required-toggle input{width:16px!important;min-height:16px!important;height:16px!important}
body.auth-admin .event-builder-modal .free-mode-note{margin:14px 0 0!important;border-radius:12px!important;background:#faf7f4!important;border-color:rgba(76,47,56,.10)!important;color:#786a6f!important}
body.auth-admin #modalWrap .event-builder-modal .modal-actions{margin:20px -24px -24px!important;padding:12px 24px!important;background:rgba(255,255,255,.97)!important}
body.auth-admin #modalWrap .event-builder-modal .modal-actions button{min-width:120px!important;min-height:42px!important}

@media(max-width:1180px){body.auth-admin #events>.toolbar{grid-template-columns:minmax(250px,1fr) repeat(3,max-content)!important}body.auth-admin #events>.toolbar .admin-only-action{display:none}}
@media(max-width:900px){body.auth-admin #events>.toolbar{grid-template-columns:1fr 1fr!important}body.auth-admin #events>.toolbar #eventSearch{grid-column:1/-1!important}body.auth-admin #events>.toolbar button{width:100%!important}body.auth-admin .event-builder-modal .event-field-row,body.auth-admin .event-builder-modal .event-field-row-v71{grid-template-columns:1fr 1fr!important}}
@media(max-width:700px){body.auth-admin #events>.finance-toolbar{grid-template-columns:1fr 1fr!important}body.auth-admin #events .event-card-head{grid-template-columns:1fr!important}body.auth-admin #events .account-role,body.auth-admin #events .companion-badge{justify-self:start!important}body.auth-admin .event-builder-modal>.form-grid{grid-template-columns:1fr!important}body.auth-admin .event-builder-modal>.form-grid>label.full{grid-column:auto!important}body.auth-admin .event-builder-modal .event-builder-tools{align-items:stretch!important;flex-direction:column!important}body.auth-admin .event-builder-modal .event-field-row,body.auth-admin .event-builder-modal .event-field-row-v71{grid-template-columns:1fr!important}}
@media(max-width:520px){body.auth-admin #events>.toolbar{grid-template-columns:1fr!important}body.auth-admin #events>.toolbar #eventSearch{grid-column:auto!important}body.auth-admin #events>.finance-toolbar{grid-template-columns:1fr!important}}
