/* MNGO Member - teal mobile-first theme */
:root{--p:#0d9488;--pd:#0f766e;--pl:#f0fdfa;--ink:#0f2f2c;--mut:#64847f;--line:#ccfbf1;--bg:#f3fbfa}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.5;-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
/* header (mobile app bar) */
header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));background:linear-gradient(135deg,#14b8a6,#0f766e);color:#fff;box-shadow:0 6px 20px rgba(15,118,110,.25)}
header h1{margin:0;font-size:18px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hlogo{height:36px;width:auto;border-radius:10px;background:#fff;padding:3px 7px;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.who{display:flex;align-items:center;gap:10px}.hav .av-img,.hav .av-ph{width:38px;height:38px;border:2px solid rgba(255,255,255,.8)}
.installBtn{border:0;cursor:pointer;font-weight:600;color:#0f766e;background:#fff;padding:7px 12px;border-radius:999px;font-size:12px}
main{padding:16px 16px 100px;max-width:760px;margin:0 auto}
/* avatars */
.av-img,.av-ph{width:42px;height:42px;border-radius:50%;object-fit:cover;display:inline-grid;place-items:center;flex:none;background:#ccfbf1;color:var(--pd);font-weight:700}
.av-img.lg,.av-ph.lg{width:56px;height:56px;font-size:20px}.av-img.xl,.av-ph.xl{width:84px;height:84px;font-size:32px;border:3px solid rgba(255,255,255,.85)}
/* hero */
.hero{background:linear-gradient(135deg,#14b8a6,#0f766e);color:#fff;border-radius:24px;padding:22px;margin-bottom:16px;box-shadow:0 14px 30px rgba(15,118,110,.28)}
.hero-top{display:flex;gap:16px;align-items:center}.hero small{opacity:.9}.hero h2{margin:2px 0 4px;font-size:22px}.hero p{margin:0}
.hero.center{text-align:center;display:grid;justify-items:center;gap:4px}.hero.center .av-img,.hero.center .av-ph{margin-bottom:4px}
.switch{margin-top:14px;width:100%;padding:10px 12px;border-radius:12px;border:0;background:rgba(255,255,255,.2);color:#fff;font:inherit}.switch option{color:#000}
.pill{padding:3px 12px;border-radius:999px;font-size:12px;font-weight:700}.pill.g{background:#d1fae5;color:#047857}.pill.amber{background:#fef3c7;color:#b45309}.pill.red{background:#fee2e2;color:#b91c1c}
.notice{background:#fffbeb;border:1px solid #fde68a;color:#92400e;padding:12px 14px;border-radius:14px;margin-bottom:16px}
/* stats + quick actions */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 10px;text-align:center;box-shadow:0 4px 14px rgba(13,148,136,.08)}.stat span{font-size:22px}.stat b{display:block;font-size:24px}.stat small{color:var(--mut);font-size:12px}
.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px}
.quick a{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 8px;text-align:center;font-weight:600;font-size:13px;box-shadow:0 4px 14px rgba(13,148,136,.08);transition:.15s}.quick a:active{transform:scale(.97)}.quick i{display:block;font-style:normal;font-size:26px;margin-bottom:4px}
.sec{margin:22px 0 12px;font-size:17px}
/* cards */
.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;margin-bottom:16px;box-shadow:0 4px 14px rgba(13,148,136,.07)}.panel h3{margin:0 0 12px;font-size:16px}
.lh{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.ecard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px;margin-bottom:12px;box-shadow:0 4px 14px rgba(13,148,136,.07)}.ecard small{display:block;color:var(--mut)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{border:1.5px solid #99f6e4;background:#f0fdfa;color:var(--pd);padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;font:inherit;font-size:13px;font-weight:600}
button.chip{cursor:pointer;transition:.15s}button.chip.on{background:linear-gradient(135deg,#14b8a6,#0f766e);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(13,148,136,.35)}
.mlist{display:grid;gap:12px}.mcard{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 4px 14px rgba(13,148,136,.07);flex-wrap:wrap}
.mb{flex:1;min-width:140px}.mb b{display:block}.mb small{display:block;color:var(--mut);font-size:12.5px}.ma{display:flex;gap:8px}
/* forms */
label{display:block;font-weight:600;font-size:13px;margin:12px 0 6px;color:#31524e}.req{color:#e11d48}
input,select,textarea{width:100%;padding:12px 14px;border:1px solid #b6ece4;border-radius:12px;font:inherit;background:#fff;color:var(--ink);outline:0}
input:focus,select:focus,textarea:focus{border-color:var(--p);box-shadow:0 0 0 4px rgba(13,148,136,.14)}input.lock,input:disabled,input[readonly]{background:#f0fdfa;color:var(--mut)}
.row{display:flex;gap:10px}.fgrid{display:grid;grid-template-columns:1fr;gap:2px 14px}.full{grid-column:1/-1}.ph-row{display:flex;gap:14px;align-items:center}
.btn{display:block;width:100%;margin-top:16px;padding:13px 18px;border:0;border-radius:999px;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(135deg,#14b8a6,#0f766e);cursor:pointer;box-shadow:0 8px 18px rgba(13,148,136,.3);text-align:center}
.btn:disabled{opacity:.6}.btn.light{background:#f0fdfa;color:var(--pd);box-shadow:none;margin:0;width:auto;white-space:nowrap}.btn.sm{display:inline-block;width:auto;margin:0;padding:8px 16px;font-size:13px;box-shadow:none}
.btn.blue{background:#eff6ff;color:#1d4ed8}.btn.add{box-shadow:0 6px 14px rgba(13,148,136,.3)}.btn.danger{background:#fef2f2;color:#dc2626;box-shadow:none;margin-top:12px}.btn.logout{display:block;text-align:center;margin:8px 0}
.actions{display:flex;gap:10px;margin-top:16px}.actions .btn{margin:0;flex:1;height:46px;display:flex;align-items:center;justify-content:center;padding:0 16px}
.alert{background:#f0fdfa;border:1px solid var(--line);border-left:4px solid var(--p);padding:10px 14px;border-radius:12px;margin:12px 0}.muted{color:var(--mut)}.tiny{color:var(--mut);font-size:12px;text-align:center;margin-top:16px}
.kv{width:100%;border-collapse:collapse}.kv th{width:40%;text-align:left;color:var(--mut);font-weight:600;font-size:13px;padding:10px 0;border-bottom:1px solid #e6fbf7}.kv td{padding:10px 0;border-bottom:1px solid #e6fbf7;font-weight:500}
/* modal */
.modal{position:fixed;inset:0;background:rgba(15,47,44,.5);display:grid;place-items:end center;z-index:99;overflow:auto}
.mbox{background:#fff;width:100%;max-width:560px;max-height:94vh;overflow:auto;border-radius:24px 24px 0 0;padding:20px 18px calc(24px + env(safe-area-inset-bottom));animation:up .25s}@keyframes up{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.mh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mh h3{margin:0}.mx{border:0;background:#f0fdfa;width:34px;height:34px;border-radius:50%;cursor:pointer;color:var(--mut)}
.vh{display:flex;gap:14px;align-items:center;margin:8px 0 14px}.vgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.vgrid small{display:block;color:var(--mut);font-size:11.5px;text-transform:uppercase;letter-spacing:.4px}.vgrid div{word-break:break-word}.mh2{margin:18px 0 0;font-size:14px}
/* bottom nav */
.bottom{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));display:flex;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:26px;padding:8px 6px;z-index:30;box-shadow:0 10px 30px rgba(15,118,110,.28)}
.bottom a{flex:1;text-align:center;font-size:11px;color:var(--mut);padding:4px 0;border-radius:18px}.bottom a i{display:block;font-style:normal;font-size:21px}.bottom a.on{color:var(--pd);font-weight:700;background:#ccfbf1}
/* login */
.lbody{min-height:100vh;background:linear-gradient(160deg,#f0fdfa,#ccfbf1 55%,#99f6e4);overflow-x:hidden}.blob{position:fixed;border-radius:50%;filter:blur(60px);opacity:.55;z-index:0}.b1{width:320px;height:320px;background:#2dd4bf;top:-90px;left:-90px}.b2{width:280px;height:280px;background:#7dd3fc;bottom:-80px;right:-60px}.b3{width:200px;height:200px;background:#a7f3d0;top:45%;left:60%}
.scene{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:18px}.lcard{width:100%;max-width:410px;background:rgba(255,255,255,.85);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);border-radius:28px;padding:32px 26px;box-shadow:0 24px 60px rgba(15,118,110,.22)}
.lcard h2{margin:0 0 2px}.logoimg{height:46px;width:auto;max-width:100%;object-fit:contain}.logoimg.big{height:110px;margin-bottom:10px}
.btn.installBtn{background:#f0fdfa;color:var(--pd);padding:12px;font-size:15px}
.ibar{position:fixed;left:12px;right:12px;z-index:90;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 12px 30px rgba(15,118,110,.3)}.ibar img{width:44px;height:44px;border-radius:12px}.ibar div{flex:1;min-width:0}.ibar b{display:block}.ibar small{color:var(--mut);font-size:12px}
.ibtn{border:0;border-radius:999px;padding:9px 16px;font-weight:600;color:#fff;background:var(--p)}.ix{border:0;background:none;color:var(--mut);font-size:16px}
#side{display:none}
/* desktop web panel */
@media(min-width:900px){
 #side{display:block;position:fixed;inset:0 auto 0 0;width:250px;background:#fff;border-right:1px solid var(--line);padding:20px 14px;z-index:30}
 .brand{display:flex;gap:12px;align-items:center;padding:0 6px;margin-bottom:26px}.brand b{display:block;font-size:17px}.brand small{color:var(--mut);font-size:11.5px}
 #side nav a{display:flex;gap:12px;align-items:center;padding:11px 14px;border-radius:999px;margin-bottom:4px;color:#31524e;font-weight:500}#side nav a:hover{background:var(--pl)}
 #side nav a.on{background:linear-gradient(135deg,#14b8a6,#0f766e);color:#fff;font-weight:600;box-shadow:0 8px 18px rgba(13,148,136,.3)}#side nav a.out{color:#be123c}#side nav i{font-style:normal;width:22px;text-align:center}
 header{margin-left:250px;background:#fff;color:var(--ink);box-shadow:0 1px 0 var(--line);padding-top:12px}.hlogo{display:none}.installBtn{background:var(--p);color:#fff}
 main{margin-left:250px;max-width:none;padding:24px 32px 40px}.bottom{display:none}.fgrid{grid-template-columns:1fr 1fr}.mlist{grid-template-columns:1fr 1fr}
 .modal{place-items:center}.mbox{border-radius:24px;padding-bottom:24px}.logout{max-width:240px}
}
@media(max-width:380px){.stats,.quick{gap:8px}.hero h2{font-size:19px}}
.lcard.wide{max-width:520px}.links{text-align:center;margin:16px 0 0;font-size:14px;color:var(--mut)}.links a{color:var(--pd);font-weight:700}
.lcard .fgrid{margin-top:6px}@media(min-width:560px){.lcard.wide .fgrid{grid-template-columns:1fr 1fr}}
.pp{display:flex;gap:14px;align-items:center}.pp-prev{flex:none}.pp-body{flex:1;min-width:0}.pp-body label{margin-top:0}
.pp-btns{display:flex;gap:8px;flex-wrap:wrap}.pp-btns .btn.sm{padding:9px 14px}.pp-msg{display:block;color:#b91c1c;margin-top:6px;font-size:12.5px}
.tsel{margin-top:10px}.tsel label{margin:0 0 6px}.tsel select{padding:10px 12px}

/* event application status */
.chip .cs{font-style:normal;font-size:11px;font-weight:700;opacity:.9;margin-left:7px;padding-left:7px;border-left:1px solid currentColor}
.chip.st-Pending,button.chip.on.st-Pending{background:#fef3c7;color:#b45309;border-color:#fcd34d;box-shadow:none}
.chip.st-Confirm,button.chip.on.st-Confirm{background:linear-gradient(135deg,#10b981,#047857);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(4,120,87,.3)}
.chip.st-Reject,button.chip.on.st-Reject{background:#fee2e2;color:#b91c1c;border-color:#fca5a5;box-shadow:none}
.ecard.exp{background:#f8fafc}.ecard.exp .chips,.ecard.exp .tsel{opacity:.6}button.chip:disabled{cursor:not-allowed}
.tsel select:disabled{opacity:.6;cursor:not-allowed}

/* my seats */
.ecard.sx{display:block}.sx-p{display:flex;justify-content:space-between;align-items:center;margin:16px 0 8px;padding-top:12px;border-top:1px dashed var(--line)}.sx-p span{font-size:12px;color:var(--mut);font-weight:600;background:var(--pl);padding:2px 10px;border-radius:999px}
.seat{background:#fefce8;border:1px solid #facc15;border-radius:16px;padding:12px 14px;margin-bottom:10px}
.seat-h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.seat-g{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 12px;font-size:13.5px}.seat-g small{display:block;color:#92400e;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.seat-g .no b,.seat-g .no{font-weight:800}.seat-g .no{color:#713f12;font-size:16px}
.seat .btn.sm.red{margin-top:12px;background:#fef2f2;color:#dc2626;box-shadow:none}
.seat.cx{background:#f8fafc;border-color:#e2e8f0;color:#94a3b8}.seat.cx .seat-g small{color:#94a3b8}.seat.cx .seat-g .no{color:#94a3b8;text-decoration:line-through}
.seat-n{display:block;margin-top:10px;color:#92400e;font-size:12px}
.seat.room{background:#f0f9ff;border-color:#7dd3fc}.seat.room .seat-g small{color:#0369a1}.seat.room .seat-g .no{color:#0c4a6e}

/* seats & rooms: table on web, cards on mobile */
.sr-wrap{background:#fff;border:1px solid var(--line);border-radius:20px;margin-bottom:16px;box-shadow:0 6px 18px rgba(13,148,136,.07);overflow:hidden}
.sr-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--pl)}.sr-h small{color:var(--mut)}
.sr-sc{overflow-x:auto}
.sr-tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.sr-tbl th{background:#fff;color:var(--pd);text-align:left;font-weight:700;padding:11px 12px;border-bottom:2px solid var(--line);white-space:nowrap}
.sr-tbl td{padding:12px;border-bottom:1px solid #e6faf7;vertical-align:middle}.sr-tbl tbody tr:last-child td{border-bottom:0}.sr-tbl tbody tr:hover td{background:#fafffe}
.sr-tbl .by{color:var(--mut);font-size:12.5px}.sr-na{color:#b6c8c5}
.sr-tbl .btn.sm{white-space:nowrap}
@media(max-width:899px){
 .sr-tbl{display:block}.sr-tbl thead{display:none}.sr-tbl tbody{display:block}
 .sr-tbl tr{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;padding:14px 16px;border-bottom:1px solid var(--line)}.sr-tbl tbody tr:last-child{border-bottom:0}
 .sr-tbl td{display:block;padding:0;border:0}.sr-tbl tbody tr:hover td{background:none}
 .sr-tbl td::before{content:attr(data-label);display:block;font-size:11px;font-weight:600;color:var(--mut);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}
 .sr-tbl td.nm{grid-column:1/-1;font-size:16px}.sr-tbl td.nm::before{display:none}
 .sr-tbl td.by{grid-column:1/-1}
 .sr-tbl td.bt .btn.sm{width:100%;text-align:center}
}

/* add member: primary member card */
.pri{background:var(--pl);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin:0 0 14px}
.pri-h{display:flex;align-items:center;gap:12px}.pri-n{flex:1;min-width:0}.pri-n b{display:block}.pri-n small{color:var(--mut)}
.pri-g{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-top:10px;font-size:13.5px}.pri-g small{display:block;color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:.03em}
.pri-t{margin:10px 0 0;font-size:12.5px;color:var(--pd);font-weight:600}
.pri.page{margin-bottom:18px;box-shadow:0 4px 14px rgba(13,148,136,.07)}
@media(min-width:900px){.pri.page .pri-g{grid-template-columns:repeat(4,1fr)}}

/* members page: primary member card + member tag */
.pri.page{background:linear-gradient(135deg,#e6fffa,#ccfbf1);border-color:#99f6e4;box-shadow:0 4px 14px rgba(13,148,136,.12)}
.pri.page .pri-g small,.pri.page .pri-n small{color:var(--pd);opacity:.75}
.pri.page .pri-t{color:var(--pd)}
.pri.page .pill.g{background:var(--p);color:#fff}
.pri.page .av-img,.pri.page .av-ph{border:3px solid #fff;box-shadow:0 2px 8px rgba(13,148,136,.25)}
.mcard{position:relative}
.mtag{position:absolute;top:9px;right:12px;font-size:11px;font-weight:700;color:var(--pd);background:var(--pl);border:1px solid var(--line);padding:2px 10px;border-radius:999px;line-height:1.4}

/* members: filter bar + blocked state */
.mfil{display:flex;gap:10px;margin:0 0 12px;flex-wrap:wrap}.mfil select{flex:1;min-width:150px;max-width:260px}
.mcard.blk{background:#fff7f7;border-color:#fecaca}.mcard.blk .av-ph,.mcard.blk .av-img{filter:grayscale(.6)}
.mtag.red{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}

/* member card: active/blocked toggle + confirm dialog */
.tgl{display:inline-flex;align-items:center;gap:8px;margin-top:8px;cursor:pointer;font-size:12.5px;font-weight:700;color:var(--pd);position:relative;-webkit-tap-highlight-color:transparent}
.tgl input{position:absolute;opacity:0;width:1px;height:1px}
.tgl-s{width:42px;height:24px;border-radius:999px;background:#fca5a5;position:relative;transition:background .2s;flex:none}
.tgl-s::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s}
.tgl input:checked+.tgl-s{background:#10b981}.tgl input:checked+.tgl-s::after{transform:translateX(18px)}
.tgl input:focus-visible+.tgl-s{outline:2px solid var(--p);outline-offset:2px}.tgl input:disabled+.tgl-s{opacity:.6}
.tgl em{font-style:normal}.tgl input:not(:checked)~em{color:#b91c1c}
.dlg{text-align:center;padding:4px 2px 0}
.dlg-i{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:28px;margin:6px auto 12px;background:var(--pl)}.dlg-i.d{background:#fee2e2}
.dlg h3{margin:0 0 6px}.dlg p{margin:0 0 18px;color:var(--mut);font-size:14px;line-height:1.5}
.dlg-b{display:flex;gap:10px}.dlg-b .btn{flex:1;margin:0;width:auto}

/* book my event */
.ev-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px}.ev-top select{min-width:200px;max-width:260px}
.ev-card{display:grid;grid-template-columns:38px 1fr 270px auto;grid-template-areas:"no title sel btns" "no dates close btns";column-gap:16px;row-gap:6px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 18px;margin-bottom:14px;box-shadow:0 6px 18px rgba(13,148,136,.07)}
.ev-no{grid-area:no;width:34px;height:34px;border-radius:50%;background:var(--pl);color:var(--pd);display:grid;place-items:center;font-weight:800;align-self:start}
.ev-title{grid-area:title;font-weight:800;font-size:16px;line-height:1.35}.ev-tr{color:var(--pd);font-weight:700}
.ev-dates{grid-area:dates;font-size:13px;color:var(--mut)}
.ev-sel{grid-area:sel}.ev-sel select{width:100%}
.ev-close{grid-area:close;font-size:12.5px;font-weight:700;color:var(--pd)}.ev-close.x{color:#b91c1c}
.ev-btns{grid-area:btns;display:grid;grid-template-columns:repeat(2,auto);gap:8px}
.ev-btns .btn{margin:0;width:100%;white-space:nowrap;text-align:center}
.ev-card.exp{background:#fbfdfd}
@media(max-width:1199px){
 .ev-card{grid-template-columns:38px 1fr;grid-template-areas:"no title" "no dates" "sel sel" "btns btns" "close close";row-gap:10px}
 .ev-btns{grid-template-columns:1fr 1fr}
}
.mbox.bk-box{max-width:1040px;width:96%;max-height:92vh;overflow:auto}
.pg-c{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:10px;background:var(--pl)}.pg-c small{display:block;color:var(--mut);margin-top:2px}.pg-c p{margin:8px 0 0;font-size:13.5px}
.hd-r{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;margin-bottom:10px}.hd-r i{font-style:normal;font-size:22px}
.hd-r small{display:block;color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:.03em}.hd-r a{font-weight:700;color:var(--pd);text-decoration:none;word-break:break-all}
.sr-tbl .btn.sm{margin:0}

/* menu: number of open events */
.nbadge{margin-left:auto;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--p);color:#fff;font-size:12px;font-weight:800;display:inline-grid;place-items:center;line-height:1}
.nbadge.z,.bb.z{background:#cbd5d1}
.bottom a{position:relative}
.bb{position:absolute;top:3px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;line-height:1;box-shadow:0 0 0 2px #fff}

/* dashboard: my events card */
.ecard.hm{display:block}.hm-i small{display:block;color:var(--mut);margin-top:2px}.hm-i b{font-size:16px}
.hbtns{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.hbtns .btn.sm{margin:0}
.hm-p{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.hp{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 8px}.hp .btn.sm{margin:0}
.wt{display:inline-block;font-size:12px;font-weight:700;color:#b45309;background:#fef3c7;border:1px solid #fcd34d;border-radius:999px;padding:4px 12px;line-height:1.3}
/* dashboard (web): members side by side in one line, wrapping only when the row is full */
@media(min-width:900px){.hm-p{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px}.hm-p .hp{margin:0}}