.demo-strip{background:#3a2a00;color:#ffe3a3}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.75);display:grid;place-items:center;z-index:50;padding:16px}
.modal>.card{max-width:440px;width:100%;max-height:90dvh;overflow:auto}
.log{font-size:.8125rem;font-family:ui-monospace,monospace;white-space:pre-wrap;word-break:break-all}
.alert{border:1px solid #c4475d;background:#2a0d14;border-radius:12px;padding:10px;margin:8px 0}
.pill{display:inline-block;padding:2px 8px;border-radius:99px;font-size:.75rem;border:1px solid var(--border-strong);margin-left:4px}
.pill.bad{color:#ff9a9a;border-color:#c4475d}.pill.ok{color:#3ddc97}.pill.warn{color:#ffc04d}
input,select,textarea{background:var(--s2);border:1px solid var(--border-strong);border-radius:8px;padding:10px;min-height:44px;width:100%}
input[type=checkbox],input[type=radio]{width:auto;min-height:0}
label.opt{display:flex;gap:8px;align-items:center;margin:6px 0;min-height:44px}
.mono{font-family:ui-monospace,monospace;word-break:break-all;font-size:.8125rem}
.stack>*{margin:6px 0}.msg{background:var(--s2);border-radius:10px;padding:8px;margin:6px 0}

.brand-logo{border-radius:6px;display:inline-block;vertical-align:middle;object-fit:cover;background:#000}
.brand{gap:8px;align-items:center}

/* Home network badges (labels from UI config in app.js) */
.event-card-own{border-color:rgba(20,184,166,.45)}
.event-card-community{border-style:dashed;border-color:rgba(255,255,255,.22);opacity:.98}
[data-testid="badge-community"]{background:#111;color:#14b8a6;border:1px solid #14b8a6}
[data-testid="badge-own"]{background:#0d9488;color:#000}
[data-testid="community-subtitle"]{margin-top:-6px;margin-bottom:10px}

.event-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.outbound-ic{vertical-align:-2px;margin-left:4px}

.host-line{font-size:13px;margin:0 0 4px;color:#fff}
.host-line span{color:#35CDC8;font-weight:700}
.host-line.host-missing span{color:#789;font-weight:400}

.top.is-signed-in [data-testid=header-sign-in],.top.is-signed-in [data-testid=header-sign-up]{display:none!important}

.lineup-line{margin:2px 0 6px;color:var(--mu)}
.lineup-line .lineup-label{color:#9aa6bd;font-weight:600;margin-right:4px}
.lineup-line .lineup-label::after{content:":"}
.header-auth .btn{text-decoration:none}

.account-menu{margin-left:0;position:relative;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.account-menu .btn{padding:0 14px;font-size:0.875rem;text-decoration:none}
@media (max-width:420px){.account-menu{flex-wrap:nowrap;gap:5px}.account-menu .btn{padding:0 9px;font-size:0.75rem;min-width:0;white-space:nowrap;height:36px;min-height:36px}.account-menu a.btn{max-width:96px;overflow:hidden;text-overflow:ellipsis}}
.account-menu .account-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-chip{gap:8px;padding:0 10px !important;max-width:200px}
.account-av{width:28px;height:28px;border-radius:50%;background:#35CDC8;color:#000;display:inline-grid;place-items:center;font-weight:800;font-size:0.8125rem;flex:none}
.account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.875rem}
.account-dropdown{position:absolute;right:0;top:calc(100% + 6px);min-width:180px;background:var(--s1);border:1px solid var(--line);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:4px;z-index:20;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.account-dropdown[hidden]{display:none !important}
.account-dropdown a,.account-dropdown .btn{justify-content:flex-start;width:100%;text-decoration:none}
[data-testid=password-strength][data-strength=ok]{color:var(--ok)}
[data-testid=password-strength][data-strength=warn]{color:var(--warn)}
[data-testid=password-strength][data-strength=bad]{color:var(--bad)}

[data-testid=username-availability][data-state=ok]{color:var(--ok)}
[data-testid=username-availability][data-state=bad]{color:var(--bad)}

/* WookOnDaGo empty hosted section */
.coming-soon-card{text-align:center;padding:18px 16px;border:1px dashed rgba(13,148,136,.45);background:rgba(13,148,136,.06)}
.coming-soon-text{margin:0;font-size:.95rem;letter-spacing:.02em;color:#5eead4;font-weight:600}

/* Larger event section + card titles (mobile-first, no clip at 360px) */
h1[data-testid="own-events-heading"],
h2[data-testid="own-events-heading"],
h2[data-testid="floor-heading"],
h2[data-testid="out-there-heading"]{
  font-size:1.5rem;line-height:1.25;letter-spacing:-.02em;font-weight:750;
  overflow-wrap:anywhere;word-break:break-word;max-width:100%;
}
.event-card [data-testid="event-title"],
.event-card h3[data-testid="event-title"]{
  font-size:1.25rem;line-height:1.3;letter-spacing:-.015em;font-weight:700;
  overflow-wrap:anywhere;word-break:break-word;max-width:100%;
}
@media (min-width:600px){
  h1[data-testid="own-events-heading"],
h2[data-testid="own-events-heading"],
  h2[data-testid="floor-heading"],
  h2[data-testid="out-there-heading"]{font-size:1.625rem}
  .event-card [data-testid="event-title"]{font-size:1.3125rem}
}

.subscribe-card{margin:20px 0 8px;padding:14px 14px 12px}
.subscribe-label{font-weight:700;font-size:1rem;margin:0 0 6px;display:block}
.subscribe-card input[type=email]{width:100%;max-width:100%;box-sizing:border-box}

/* Admin back office — mobile-first */
.admin-nav{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 14px;padding:4px 0 8px;border-bottom:1px solid var(--line, #1f2937)}
.admin-nav-link{flex:none;padding:8px 12px;border-radius:999px;border:1px solid var(--line,#334155);background:var(--s2,#0f172a);color:var(--tx,#e2e8f0);text-decoration:none;font-weight:700;font-size:.8125rem;white-space:nowrap;min-height:40px;display:inline-flex;align-items:center}
.admin-nav-link.on{background:#0d9488;border-color:#0d9488;color:#041016}
.admin-stats{gap:10px;margin:12px 0 20px}
.admin-stats .stat{padding:14px}
.admin-stats .stat b{font-size:1.75rem}
.member-card .member-head{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:4px}
.member-actions,.member-roles{margin-top:8px;flex-wrap:wrap}
@media (min-width:700px){
  .admin-nav{flex-wrap:wrap;overflow:visible}
  .admin-nav-link{font-size:.875rem;padding:8px 14px}
}

/* Collapsible The Floor / Out There */
.board-section{margin:1rem 0 1.25rem}
.board-heading{margin:0}
.board-toggle{
  display:flex;align-items:center;gap:.75rem;width:100%;
  background:transparent;border:0;color:inherit;font:inherit;font-weight:700;
  text-align:left;padding:.55rem 0;cursor:pointer;
}
.board-toggle-title{flex:1}
.board-count{
  font-weight:600;font-size:.875rem;opacity:.75;
  min-width:1.75rem;text-align:center;
  border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.1rem .45rem;
}
.board-chevron{
  width:.65rem;height:.65rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(-45deg);transition:transform .15s ease;opacity:.85;flex:0 0 auto;
}
.board-toggle[aria-expanded="true"] .board-chevron{transform:rotate(45deg)}
.board-body[hidden]{display:none}

/* Mobile-friendly date/time pickers */
.when-picker{display:flex;flex-direction:column;gap:8px;margin:6px 0 10px}
.when-row{display:grid;grid-template-columns:1fr;gap:8px}
@media (min-width:560px){.when-row{grid-template-columns:1.2fr 1fr 1fr}}
.when-field{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.875rem}
.when-input,input[type=date].when-input,input[type=time].when-input,input[type=datetime-local].when-input{
  min-height:48px;font-size:1.05rem;padding:12px;border-radius:12px;width:100%;box-sizing:border-box
}
.when-chips{display:flex;flex-wrap:wrap;gap:8px}
.when-chip{
  min-height:44px;padding:10px 14px;border-radius:999px;border:1px solid var(--line,#334155);
  background:var(--s2,#0f172a);color:inherit;font-weight:700;font-size:.875rem;cursor:pointer
}
.when-chip.on{background:#0d9488;border-color:#0d9488;color:#041016}
.when-preview{margin:4px 0 0;font-weight:700;font-size:1rem;color:#5eead4}
.when-chip-label{margin:4px 0 0}
.field-block{display:flex;flex-direction:column;gap:6px;margin:6px 0}
.field-label{font-weight:700}

.subscribe-done .st.ok{font-size:1.05rem;font-weight:700;margin:4px 0 8px}
.subscribe-done-actions{margin-top:10px;gap:8px}
[data-testid="subscribe-done-email"]{font-weight:600;word-break:break-all}

/* CAD money fields */
.cad-money{margin:6px 0 10px}
.cad-money-label{display:block;font-weight:600;margin-bottom:4px}
.cad-money-row{display:flex;align-items:center;gap:0;border:1px solid var(--border-strong,#334155);border-radius:8px;background:var(--s2,#0f172a);overflow:hidden;min-height:48px}
.cad-prefix,.cad-suffix{padding:0 10px;font-weight:700;color:#9aa6bd;flex:none}
.cad-input{border:0!important;border-radius:0!important;background:transparent!important;min-height:48px;flex:1;padding:10px 4px;font-size:1.05rem;font-variant-numeric:tabular-nums}
.cad-money.is-invalid .cad-money-row{border-color:#c4475d}
.cad-err{color:#ff9a9a;margin:4px 0 0}
.charge-totals{margin:10px 0;padding:10px 12px}
.charge-totals div{margin:2px 0}