/* ================================================
   BLUE TROLLEY — Complete CSS v3.0
   ================================================ */
:root{
  --bt-blue:#1a4fa0;--bt-blue-dk:#0d2f6e;--bt-blue-lt:#4a7fd4;
  --bt-sky:#e8f1ff;--bt-gold:#f5a623;
  --bt-red:#e03535;--bt-green:#1a9e5a;
  --bt-gray:#f4f6fb;--bt-text:#1a1a2e;--bt-muted:#6b7294;
  --bt-border:#dde5f5;--bt-shadow:0 4px 24px rgba(26,79,160,.1);
}
*{box-sizing:border-box;}
body{background:var(--bt-gray);color:var(--bt-text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}

/* LAYOUT */
.bt-wrap{max-width:980px;margin:0 auto;padding:32px 20px 60px;}
.bt-page-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:24px;}
.bt-page-header h1{font-size:1.65rem;font-weight:700;color:var(--bt-blue-dk);margin:0;}
.bt-page-header p{color:var(--bt-muted);font-size:.875rem;margin:4px 0 0;}

/* CARD */
.bt-card{background:#fff;border-radius:14px;padding:22px;box-shadow:var(--bt-shadow);border:1px solid var(--bt-border);margin-bottom:20px;}
.bt-card-title{font-size:1.05rem;font-weight:700;color:var(--bt-blue-dk);margin-bottom:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.bt-card-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:16px;}
.bt-no-shadow{box-shadow:none;border:1px solid var(--bt-border);}
.bt-sky-box{background:var(--bt-sky);border-radius:10px;padding:16px;}

/* STATS */
.bt-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;margin-bottom:22px;}
.bt-stat{background:#fff;border-radius:12px;padding:18px;border:1px solid var(--bt-border);box-shadow:var(--bt-shadow);text-align:center;}
.bt-stat-n{font-size:1.9rem;font-weight:700;color:var(--bt-blue);}
.bt-stat-n.bt-green{color:var(--bt-green);}
.bt-stat-n.bt-orange{color:var(--bt-gold);}
.bt-stat-n.bt-blue{color:var(--bt-blue);}
.bt-stat-l{font-size:.73rem;color:var(--bt-muted);margin-top:3px;}

/* TYPOGRAPHY */
.bt-muted{color:var(--bt-muted);}
.bt-sm{font-size:.78rem;}
.bt-req{color:var(--bt-red);}
.bt-hint{font-size:.72rem;color:var(--bt-muted);font-weight:400;}
.bt-sub-label{font-weight:700;font-size:.82rem;color:var(--bt-blue-dk);margin-bottom:8px;}
.bt-link{color:var(--bt-blue);text-decoration:none;cursor:pointer;}
.bt-link:hover{text-decoration:underline;}
.bt-ext-link{color:var(--bt-blue);text-decoration:underline;font-size:.82rem;}
.bt-native{color:var(--bt-muted);font-size:.82rem;font-weight:400;}
.bt-info-row{display:flex;gap:8px;font-size:.82rem;margin-bottom:6px;color:var(--bt-muted);}
.bt-info-row span{min-width:56px;}
.bt-info-row strong{color:var(--bt-text);}

/* SPACING */
.bt-mb8{margin-bottom:8px;}.bt-mb12{margin-bottom:12px;}.bt-mb14{margin-bottom:14px;}
.bt-mb16{margin-bottom:16px;}.bt-mb18{margin-bottom:18px;}.bt-mb20{margin-bottom:20px;}
.bt-mt8{margin-top:8px;}.bt-mt14{margin-top:14px;}.bt-mt18{margin-top:18px;}
.bt-full{width:100%;}

/* FORMS */
.bt-fg{display:flex;flex-direction:column;gap:5px;}
.bt-fg label{font-size:.8rem;font-weight:600;color:var(--bt-text);}
.bt-fg input,.bt-fg select,.bt-fg textarea{padding:10px 13px;border:2px solid var(--bt-border);border-radius:8px;font-size:.875rem;font-family:inherit;outline:none;transition:border .2s;background:#fff;}
.bt-fg input:focus,.bt-fg select:focus,.bt-fg textarea:focus{border-color:var(--bt-blue);}
.bt-fg input.bt-readonly{background:var(--bt-gray);color:var(--bt-muted);}
.bt-g2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.bt-g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;}
.bt-ck{display:flex;align-items:center;gap:8px;font-size:.875rem;cursor:pointer;}
.bt-ck input{width:15px;height:15px;accent-color:var(--bt-blue);}
.bt-radio-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;}
.bt-newsletter-label{font-size:.8rem;font-weight:600;margin-bottom:8px;}
.bt-mb7{margin-bottom:7px;}
.bt-inline-note{padding:5px 10px;border:1px solid var(--bt-border);border-radius:6px;font-size:.8rem;width:160px;}

/* BUTTONS */
.bt-btn{border:none;padding:10px 20px;border-radius:8px;font-weight:700;font-size:.82rem;cursor:pointer;transition:.2s;font-family:inherit;display:inline-flex;align-items:center;gap:6px;text-decoration:none;justify-content:center;line-height:1;}
.bt-btn:hover{transform:translateY(-1px);opacity:.9;}
.bt-bp{background:var(--bt-blue);color:#fff;}
.bt-bs{background:var(--bt-sky);color:var(--bt-blue);}
.bt-bg{background:var(--bt-gold);color:var(--bt-blue-dk);}
.bt-bsuc{background:var(--bt-green);color:#fff;}
.bt-bdan{background:var(--bt-red);color:#fff;}
.bt-bou{background:transparent;color:var(--bt-blue);border:2px solid var(--bt-blue);}
.bt-bou:hover{background:var(--bt-sky);}
.bt-btn-sm{padding:7px 14px;font-size:.78rem;}
.bt-btn-xs{padding:4px 10px;font-size:.72rem;}
.bt-btn-row{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:18px;}
.bt-icon-btn{border:none;background:none;cursor:pointer;padding:3px 7px;border-radius:5px;font-size:1rem;transition:.2s;}
.bt-icon-appr:hover{background:#d4f7e7;}
.bt-icon-rej:hover{background:#ffe0e0;}

/* TABLES */
.bt-tbl-wrap{overflow-x:auto;border-radius:11px;box-shadow:var(--bt-shadow);}
.bt-tbl{width:100%;border-collapse:collapse;min-width:400px;}
.bt-tbl th{background:var(--bt-blue-dk);color:#fff;padding:11px 14px;text-align:left;font-size:.74rem;font-weight:600;}
.bt-tbl td{padding:10px 14px;border-bottom:1px solid var(--bt-border);font-size:.82rem;vertical-align:middle;}
.bt-tbl tr:last-child td{border-bottom:none;}
.bt-tbl tr:nth-child(even) td{background:#f9faff;}
.bt-tbl tbody tr:hover td{background:#eef4ff;}
.bt-price-green{color:var(--bt-green);font-weight:700;}
.bt-price-blue{color:var(--bt-blue);font-weight:700;}
.bt-price-red{color:var(--bt-red);font-weight:700;}
.bt-tier-active{outline:2px solid currentColor;outline-offset:2px;border-radius:4px;}

/* BADGES */
.bt-badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:.68rem;font-weight:700;}
.bt-bg-green{background:#d4f7e7;color:#0d6e3f;}
.bt-bg-yellow{background:#fff3cc;color:#8a6500;}
.bt-bg-orange{background:#fde8c8;color:#8a4a00;}
.bt-bg-red{background:#ffe0e0;color:#a00;}
.bt-bg-blue{background:#ddeeff;color:var(--bt-blue-dk);}

/* ALERTS */
.bt-al{padding:11px 15px;border-radius:8px;font-size:.84rem;margin-bottom:14px;line-height:1.5;}
.bt-al-info{background:#ddeeff;color:var(--bt-blue-dk);border-left:4px solid var(--bt-blue);}
.bt-al-suc{background:#d4f7e7;color:#0d6e3f;border-left:4px solid var(--bt-green);}
.bt-al-warn{background:#fff3cc;color:#8a6500;border-left:4px solid var(--bt-gold);}
.bt-al-red{background:#ffe0e0;color:#a00;border-left:4px solid var(--bt-red);}
.bt-flash{padding:12px 16px;border-radius:8px;font-size:.875rem;margin-bottom:20px;font-weight:600;}
.bt-flash-suc{background:#d4f7e7;color:#0d6e3f;border-left:4px solid var(--bt-green);}
.bt-flash-warn{background:#fff3cc;color:#8a6500;border-left:4px solid var(--bt-gold);}
.bt-flash-err{background:#ffe0e0;color:#a00;border-left:4px solid var(--bt-red);}

/* DIVIDER */
.bt-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--bt-muted);font-size:.8rem;}
.bt-divider::before,.bt-divider::after{content:'';flex:1;height:1px;background:var(--bt-border);}

/* ===== AUTH ===== */
.bt-auth-wrap{display:flex;justify-content:center;padding:40px 16px;min-height:70vh;align-items:flex-start;background:var(--bt-gray);}
.bt-auth-box{background:#fff;border-radius:16px;box-shadow:var(--bt-shadow);max-width:480px;width:100%;border:1px solid var(--bt-border);}
.bt-auth-tabs{display:flex;}
.bt-auth-tab{flex:1;padding:15px;border:none;background:var(--bt-gray);font-weight:700;font-size:.9rem;cursor:pointer;font-family:inherit;color:var(--bt-muted);border-bottom:3px solid transparent;transition:.2s;}
.bt-auth-tab.bt-act{color:var(--bt-blue);border-bottom-color:var(--bt-blue);background:#fff;}
.bt-auth-body{padding:24px 20px;overflow:hidden;}
.bt-auth-body h2{font-size:1.4rem;font-weight:700;color:var(--bt-blue-dk);margin-bottom:5px;}
.bt-auth-body>p{color:var(--bt-muted);font-size:.875rem;margin-bottom:20px;}

/* ===== FESTIVAL CARDS in User Dashboard ===== */
.bt-pricing-note{background:var(--bt-sky);border-radius:8px;padding:9px 14px;font-size:.82rem;color:var(--bt-blue-dk);margin-bottom:16px;}
.bt-fest-card{border:1px solid var(--bt-border);border-radius:12px;overflow:hidden;background:#fff;}
.bt-fest-card-inner{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center;padding:16px;}
.bt-fest-thumb{width:72px;height:72px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0;}
.bt-summer{background:linear-gradient(135deg,#ff9500,#ffd700);}
.bt-fall{background:linear-gradient(135deg,#b91c1c,#f5a623);}
.bt-fest-info h3{font-weight:700;color:var(--bt-blue-dk);margin-bottom:6px;font-size:.95rem;}
.bt-fest-meta{display:flex;flex-wrap:wrap;gap:10px;}
.bt-fest-meta span{font-size:.78rem;color:var(--bt-muted);}
.bt-ticket-col{min-width:190px;}
.bt-tstate{padding:12px 14px;border-radius:10px;text-align:center;}
.bt-tstate-none{background:var(--bt-sky);border:1px solid var(--bt-border);}
.bt-tstate-pend{background:#fff3cc;border:1px solid var(--bt-gold);}
.bt-tstate-appr{background:#d4f7e7;border:1px solid #1a9e5a;}
.bt-tstate-rej{background:#ffe0e0;border:1px solid var(--bt-red);}
.bt-tstate-paid{background:#e8f1ff;border:1px solid var(--bt-blue);}
.bt-tstate-title{font-weight:700;font-size:.88rem;color:var(--bt-blue-dk);}
.bt-tstate-sub{font-size:.74rem;color:var(--bt-muted);margin-top:4px;line-height:1.5;}
.bt-tstate-icon{font-size:1.5rem;margin-bottom:5px;}

/* Members preview */
.bt-members-preview{background:var(--bt-sky);border-top:1px solid var(--bt-border);padding:12px 16px;}
.bt-members-label{font-weight:700;font-size:.8rem;color:var(--bt-blue-dk);margin-bottom:8px;}
.bt-members-list{display:flex;flex-wrap:wrap;gap:8px;}
.bt-member-tag{background:#fff;border:1px solid var(--bt-border);border-radius:8px;padding:6px 10px;display:flex;gap:7px;align-items:center;font-size:.78rem;flex-wrap:wrap;}
.bt-mem-name{font-weight:700;color:var(--bt-text);}
.bt-mem-type{color:var(--bt-muted);}
.bt-ticket-item{border-color:var(--bt-blue);}
.bt-ticket-code{font-family:monospace;background:var(--bt-gray);padding:2px 7px;border-radius:4px;font-size:.72rem;color:var(--bt-blue-dk);}

/* Groups list */
.bt-group-list{display:flex;flex-direction:column;gap:10px;}
.bt-group-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bt-gray);border-radius:9px;border:1px solid var(--bt-border);}
.bt-group-name{font-weight:600;color:var(--bt-blue-dk);font-size:.9rem;}
.bt-group-date{font-size:.74rem;color:var(--bt-muted);margin-top:3px;}

/* ===== MODAL ===== */
.bt-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:99999;padding:16px;}
.bt-modal-box{background:#fff;border-radius:16px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);}
.bt-modal-hdr{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--bt-border);position:sticky;top:0;background:#fff;z-index:1;}
.bt-modal-hdr h3{font-size:1.1rem;font-weight:700;color:var(--bt-blue-dk);margin:0;}
.bt-close-btn{background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--bt-muted);line-height:1;}
.bt-modal-body{padding:20px 24px;}

/* Family member blocks in modal */
.bt-member-block{border:1px solid var(--bt-border);border-radius:10px;margin-bottom:12px;overflow:hidden;}
.bt-member-block-hdr{background:var(--bt-sky);padding:9px 14px;font-weight:700;font-size:.82rem;color:var(--bt-blue-dk);display:flex;justify-content:space-between;align-items:center;}
.bt-member-block>.bt-g2,.bt-member-block>.bt-g3{padding:12px 14px;}
.bt-member-block .bt-fg{margin:0;}
.bt-self-block>.bt-g2{padding:12px 14px;}
.bt-self-block .bt-fg{margin:0;}
.bt-member-section-label{font-weight:700;font-size:.82rem;color:var(--bt-blue-dk);margin-top:14px;margin-bottom:8px;}
.bt-add-member-btn{border:2px dashed var(--bt-blue);background:transparent;color:var(--bt-blue);padding:10px;border-radius:9px;width:100%;cursor:pointer;font-weight:700;font-size:.82rem;font-family:inherit;transition:.2s;margin-bottom:14px;}
.bt-add-member-btn:hover{background:var(--bt-sky);}
.bt-rm-member{border:none;background:none;color:var(--bt-red);cursor:pointer;font-size:.78rem;font-weight:700;padding:2px 6px;}

/* Estimate box */
.bt-estimate-box{background:var(--bt-sky);border-radius:9px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.bt-estimate-label{font-weight:700;color:var(--bt-blue-dk);font-size:.88rem;}
.bt-estimate-amount{font-size:1.5rem;font-weight:700;color:var(--bt-blue);}

/* Payment */
.bt-total-row{background:var(--bt-sky);border-radius:9px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;}
.bt-total-label{font-weight:700;color:var(--bt-blue-dk);}
.bt-total-amount{font-size:1.4rem;font-weight:700;color:var(--bt-blue);}
.bt-pay-methods-label{font-weight:600;font-size:.82rem;margin-bottom:8px;color:var(--bt-text);}
.bt-pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.bt-pay-opt{border:2px solid var(--bt-border);border-radius:10px;padding:14px 10px;text-align:center;cursor:pointer;transition:.2s;}
.bt-pay-opt.bt-selected{border-color:var(--bt-blue);background:var(--bt-sky);}
.bt-pay-opt:hover{border-color:var(--bt-blue-lt);}
.bt-pay-icon{font-size:1.8rem;}
.bt-pay-label{font-weight:700;font-size:.75rem;margin-top:5px;}

/* ===== CREW DASHBOARD ===== */
.bt-req-card{border:1px solid var(--bt-border);border-radius:12px;overflow:hidden;background:#fff;}
.bt-req-card-hdr{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:10px;padding:14px 16px;background:var(--bt-sky);border-bottom:1px solid var(--bt-border);}
.bt-req-user{display:flex;align-items:center;gap:12px;}
.bt-req-avatar{width:40px;height:40px;border-radius:50%;background:var(--bt-blue-dk);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0;}
.bt-req-name{font-weight:700;color:var(--bt-blue-dk);}
.bt-req-email{font-size:.78rem;color:var(--bt-muted);}
.bt-req-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.bt-req-date{font-size:.75rem;color:var(--bt-muted);}

/* Per-member review table */
.bt-members-review-table{padding:0 0 0 0;}
.bt-mrt-header{display:grid;grid-template-columns:1fr 100px 60px 90px 140px;gap:8px;padding:9px 16px;background:var(--bt-gray);font-size:.73rem;font-weight:700;color:var(--bt-muted);border-bottom:1px solid var(--bt-border);}
.bt-mrt-row{display:grid;grid-template-columns:1fr 100px 60px 90px 140px;gap:8px;padding:10px 16px;border-bottom:1px solid var(--bt-border);font-size:.82rem;align-items:center;}
.bt-mrt-row:last-child{border-bottom:none;}
.bt-mrt-row:hover{background:#f9fbff;}
.bt-mrt-name{font-weight:600;color:var(--bt-text);}
.bt-mrt-btns{display:flex;gap:6px;}
.bt-mrt-price{font-weight:700;color:var(--bt-blue);}

.bt-req-bulk-actions{padding:12px 16px;background:#fffbea;border-top:1px solid var(--bt-border);display:flex;gap:8px;align-items:center;flex-wrap:wrap;}

/* Join requests list */
.bt-join-req-list{display:flex;flex-direction:column;gap:10px;}
.bt-join-req-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--bt-border);border-radius:10px;background:#fff;}
.bt-join-req-info{flex:1;}
.bt-join-req-name{font-weight:700;color:var(--bt-blue-dk);}
.bt-join-req-email{font-size:.78rem;color:var(--bt-muted);}
.bt-join-req-date{font-size:.72rem;color:var(--bt-muted);margin-top:2px;}
.bt-join-req-actions{display:flex;gap:6px;flex-shrink:0;}

/* Compact members */
.bt-compact-members{display:flex;flex-direction:column;gap:8px;}
.bt-compact-member{display:flex;align-items:center;gap:9px;}
.bt-cmem-avatar{width:30px;height:30px;border-radius:50%;background:var(--bt-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0;}

/* TOAST */
#bt-toast{position:fixed;bottom:22px;right:22px;background:var(--bt-blue-dk);color:#fff;padding:11px 18px;border-radius:9px;font-size:.84rem;font-weight:600;transform:translateY(60px);opacity:0;transition:.3s;z-index:999999;box-shadow:0 6px 20px rgba(0,0,0,.3);max-width:280px;}
#bt-toast.bt-show{transform:translateY(0);opacity:1;}

/* ===== RESPONSIVE ===== */
@media(max-width:860px){
  .bt-fd-hero{padding:24px 16px;}
  .bt-fd-hero h1{font-size:1.4rem;}
  .bt-fd-body{padding:18px 14px;}
  .bt-mrt-header{display:none;}
  .bt-mrt-row{grid-template-columns:1fr 80px 60px;gap:5px;}
  .bt-mrt-row span:nth-child(2),.bt-mrt-row span:nth-child(3){font-size:.72rem;color:var(--bt-muted);}
  .bt-fest-card-inner{grid-template-columns:60px 1fr;gap:12px;}
  .bt-ticket-col{grid-column:1/-1;}
}
@media(max-width:600px){
  .bt-wrap{padding:16px 12px 40px;}
  .bt-page-header h1{font-size:1.3rem;}
  .bt-card{padding:14px 12px;}
  .bt-stats{grid-template-columns:1fr 1fr;gap:10px;}
  .bt-stat{padding:14px 10px;}
  .bt-stat-n{font-size:1.5rem;}
  .bt-g2{grid-template-columns:1fr!important;gap:10px;}
  .bt-g3{grid-template-columns:1fr!important;gap:10px;}
  .bt-btn-row{flex-direction:column;}
  .bt-btn-row .bt-btn,.bt-btn-row a.bt-btn{width:100%;}
  .bt-fest-card-inner{display:flex;flex-direction:column;align-items:stretch;}
  .bt-fest-thumb{width:100%;height:60px;border-radius:8px;}
  .bt-join-req-item{flex-direction:column;align-items:flex-start;}
  .bt-req-card-hdr{flex-direction:column;}
  .bt-auth-body{padding:18px 14px;}
  .bt-modal-box{margin:6px;}
  .bt-modal-hdr{padding:16px 18px 14px;}
  .bt-modal-body{padding:16px 18px;}
  .bt-pay-grid{grid-template-columns:1fr;}
  #bt-toast{left:12px;right:12px;bottom:12px;max-width:none;text-align:center;}
}
@media print{
  .bt-btn,.bt-page-header a,.bt-modal{display:none!important;}
  .bt-members-preview{display:block!important;}
}

/* ===== ROLE SELECTION CARDS ===== */
.bt-role-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 20px;
  width: 100%;
}
.bt-role-card {
  border: 2px solid var(--bt-border);
  border-radius: 14px;
  padding: 18px 12px;
  text-align: center;
  cursor: pointer;
  background: #fff;
  font-family: inherit;
  transition: all .22s;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 100%;
  box-sizing: border-box;
  min-width: 0; /* prevent overflow in grid */
}
.bt-role-card:hover {
  border-color: var(--bt-blue);
  background: var(--bt-sky);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(26,79,160,.13);
}
.bt-role-icon {
  font-size: 2rem;
  line-height: 1;
}
.bt-role-title {
  font-weight: 700;
  font-size: .92rem;
  color: var(--bt-blue-dk);
}
.bt-role-desc {
  font-size: .72rem;
  color: var(--bt-muted);
  line-height: 1.5;
  word-break: break-word;
}
.bt-role-badge {
  font-size: .65rem;
  font-weight: 700;
  padding: 4px 9px;
  border-radius: 20px;
  margin-top: 4px;
  white-space: nowrap;
}
.bt-rb-user  { background: #d4f7e7; color: #0d6e3f; }
.bt-rb-crew  { background: #fff3cc; color: #8a6500; }

.bt-reg-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  flex-wrap: wrap;
  gap: 8px;
}
.bt-back-role-btn {
  background: none;
  border: none;
  color: var(--bt-blue);
  font-size: .82rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  padding: 4px 0;
}
.bt-back-role-btn:hover { text-decoration: underline; }
.bt-reg-role-badge {
  font-size: .75rem;
  font-weight: 700;
  padding: 5px 12px;
  border-radius: 20px;
}

/* Ensure auth box never clips */
.bt-auth-box { overflow: visible; }
.bt-auth-body { overflow: hidden; }

/* Tiny screens → stack vertically */
@media(max-width:440px) {
  .bt-role-cards { grid-template-columns: 1fr; }
  .bt-role-card  { flex-direction: row; text-align: left; padding: 14px 16px; gap: 12px; }
  .bt-role-icon  { font-size: 1.8rem; flex-shrink: 0; }
  .bt-role-desc  { font-size: .78rem; }
}

/* ===== FESTIVAL LIST ===== */
.bt-fd-list-wrap{max-width:900px;margin:0 auto;padding:40px 20px 60px;}
.bt-fd-list-header{text-align:center;margin-bottom:32px;}
.bt-fd-list-header h1{font-size:2rem;font-weight:700;color:var(--bt-blue-dk);}
.bt-fd-list-header p{color:var(--bt-muted);margin-top:6px;}
.bt-fd-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;}
.bt-fd-list-card{display:flex;gap:0;border-radius:16px;overflow:hidden;border:2px solid var(--bt-border);background:#fff;box-shadow:var(--bt-shadow);text-decoration:none;color:var(--bt-text);transition:all .25s;}
.bt-fd-list-card:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(26,79,160,.16);border-color:var(--bt-blue);}
.bt-fd-list-thumb{width:90px;display:flex;align-items:center;justify-content:center;font-size:2.8rem;flex-shrink:0;}
.bt-fd-list-body{padding:18px 16px;flex:1;}
.bt-fd-list-body h2{font-size:1.05rem;font-weight:700;color:var(--bt-blue-dk);margin-bottom:8px;}
.bt-fd-list-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;}
.bt-fd-list-meta span{font-size:.78rem;color:var(--bt-muted);}
.bt-fd-list-cta{font-size:.8rem;font-weight:700;color:var(--bt-blue);}

/* ===== FESTIVAL DETAIL — NEW DESIGN ===== */
.bt-fd-wrap{min-height:60vh;}

/* Hero */
.bt-fd-hero{position:relative;overflow:hidden;padding:0;}
.bt-fd-summer{background:linear-gradient(135deg,#c05a0a 0%,#e07a20 40%,#f5a623 100%);}
.bt-fd-fall{background:linear-gradient(135deg,#7f1d1d 0%,#b91c1c 40%,#e07a20 100%);}
.bt-fd-blue{background:linear-gradient(135deg,#0d2f6e 0%,#1a4fa0 40%,#4a7fd4 100%);}
.bt-fd-green{background:linear-gradient(135deg,#064e3b 0%,#047857 40%,#1a9e5a 100%);}
.bt-fd-purple{background:linear-gradient(135deg,#4c1d95 0%,#6d28d9 40%,#7c3aed 100%);}
.bt-fd-hero-inner{max-width:900px;margin:0 auto;padding:36px 28px 32px;}
.bt-fd-back{display:inline-block;background:rgba(255,255,255,.2);color:#fff;text-decoration:none;padding:7px 14px;border-radius:8px;font-size:.8rem;font-weight:600;margin-bottom:18px;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25);transition:.2s;}
.bt-fd-back:hover{background:rgba(255,255,255,.3);}
.bt-fd-hero-emoji{font-size:3rem;line-height:1;margin-bottom:10px;}
.bt-fd-hero-title{font-size:clamp(1.4rem,4vw,2.2rem);font-weight:800;color:#fff;margin-bottom:14px;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.2);}
.bt-fd-hero-meta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px;}
.bt-fd-hero-meta span,.bt-fd-hero-meta a{display:flex;align-items:center;gap:6px;font-size:.84rem;color:rgba(255,255,255,.92);text-decoration:none;}
.bt-fd-hero-meta a:hover{color:#fff;text-decoration:underline;}
.bt-fd-hero-meta svg{flex-shrink:0;}
.bt-fd-hero-actions{display:flex;flex-wrap:wrap;gap:10px;}
.bt-fd-hero-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:9px;font-weight:700;font-size:.84rem;text-decoration:none;border:none;cursor:pointer;font-family:inherit;transition:all .2s;}
.bt-fd-hero-btn-primary{background:#fff;color:var(--bt-blue-dk);}
.bt-fd-hero-btn-primary:hover{background:#f0f4ff;}
.bt-fd-hero-btn-secondary{background:rgba(255,255,255,.22);color:#fff;border:2px solid rgba(255,255,255,.5);}
.bt-fd-hero-btn-secondary:hover{background:rgba(255,255,255,.32);}
.bt-fd-hero-btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6);}
.bt-fd-hero-btn-outline:hover{background:rgba(255,255,255,.15);}

/* Tabs */
.bt-fd-tabs-bar{background:#fff;border-bottom:2px solid var(--bt-border);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden;}
.bt-fd-tabs-scroll{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;max-width:1200px;margin:0 auto;}
.bt-fd-tabs-scroll::-webkit-scrollbar{display:none;}
.bt-fd-tab{padding:12px 12px 11px;border:none;background:none;font-weight:600;font-size:.75rem;cursor:pointer;font-family:inherit;color:var(--bt-muted);border-bottom:3px solid transparent;white-space:nowrap;transition:.2s;flex-shrink:0;letter-spacing:.2px;margin-bottom:-2px;text-transform:uppercase;border-radius:0!important;box-shadow:none!important;outline:none;}
.bt-fd-tab.bt-act{color:var(--bt-blue);border-bottom-color:var(--bt-blue);background:rgba(26,79,160,.04);}
.bt-fd-tab:hover{color:var(--bt-blue);background:#f9fbff;}
.bt-fd-tab-vol{color:#0d6e3f!important;}
.bt-fd-tab-vol.bt-act{border-bottom-color:var(--bt-green)!important;color:var(--bt-green)!important;background:rgba(26,158,90,.04)!important;}
@media(min-width:900px){
  .bt-fd-tab{padding:13px 16px 12px;font-size:.76rem;}
}

/* Content area */
.bt-fd-content{max-width:900px;margin:0 auto;padding:32px 24px 60px;}
.bt-fds{animation:btFadeIn .2s ease;}
@keyframes btFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.bt-fd-content h2{font-size:1.5rem;font-weight:700;color:var(--bt-blue-dk);margin-bottom:16px;}
.bt-fd-section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px;}
.bt-fd-section-header h2{margin-bottom:0;}
.bt-fd-quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;}

/* Info grid */
.bt-fd-section-grid{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start;}
.bt-fd-info-sidebar{display:flex;flex-direction:column;gap:14px;}
.bt-fd-info-card{background:var(--bt-sky);border-radius:12px;padding:16px;border:1px solid var(--bt-border);}
.bt-fd-info-card h3{font-size:.88rem;font-weight:700;color:var(--bt-blue-dk);margin-bottom:12px;}
.bt-fd-info-row{display:flex;gap:8px;align-items:flex-start;margin-bottom:10px;font-size:.82rem;}
.bt-fd-info-row>.bt-fd-info-icon{font-size:.95rem;flex-shrink:0;margin-top:2px;width:20px;text-align:center;}
.bt-fd-info-row strong{display:block;color:var(--bt-blue-dk);font-size:.75rem;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;}
.bt-fd-info-row a{color:var(--bt-blue);text-decoration:none;font-size:.82rem;}
.bt-fd-info-row a:hover{text-decoration:underline;}
.bt-fd-ticket-teaser{background:var(--bt-blue-dk);border-radius:12px;padding:16px;color:#fff;}
.bt-fd-ticket-teaser-label{font-size:.72rem;opacity:.8;margin-bottom:8px;}
.bt-fd-ticket-teaser-prices{display:flex;gap:14px;margin-bottom:6px;}
.bt-fd-ticket-teaser-prices div{text-align:center;}
.bt-fd-ticket-teaser-prices span{font-size:.72rem;opacity:.8;display:block;}
.bt-fd-ticket-teaser-prices strong{font-size:1.6rem;font-weight:700;}
.bt-fd-ticket-teaser-tier{font-size:.72rem;opacity:.7;margin-bottom:10px;}
.bt-fd-ticket-teaser .bt-btn{display:block;text-align:center;margin-top:10px;}

/* Ticket pricing cards */
.bt-fd-tier-banner{background:#fff3cc;border:1px solid var(--bt-gold);border-radius:9px;padding:10px 14px;font-size:.84rem;margin-bottom:20px;color:#8a6500;}
.bt-fd-price-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:24px;}
.bt-fd-price-card{background:#fff;border:2px solid var(--bt-border);border-radius:14px;padding:20px;text-align:center;}
.bt-fd-price-emoji{font-size:2rem;margin-bottom:6px;}
.bt-fd-price-label{font-weight:700;color:var(--bt-blue-dk);margin-bottom:14px;}
.bt-fd-price-tiers{display:flex;flex-direction:column;gap:6px;}
.bt-fd-price-tier{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:8px;background:var(--bt-gray);font-size:.8rem;}
.bt-fd-price-tier.active{background:var(--bt-blue-dk);color:#fff;}
.bt-fd-price-tier-label{color:inherit;opacity:.85;}
.bt-fd-price-tier-price{font-weight:700;font-size:.95rem;}
.bt-fd-price-tier-now{font-size:.65rem;background:var(--bt-gold);color:#000;padding:2px 7px;border-radius:10px;font-weight:700;}
.bt-fd-price-free{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#d4f7e7,#a7f3d0);}
.bt-fd-price-free-tag{font-size:1.2rem;font-weight:700;color:#0d6e3f;margin-top:6px;}
.bt-fd-ticket-cta{text-align:center;padding-top:8px;}

/* Performers */
.bt-fd-perf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;}
.bt-fd-perf-card{background:var(--bt-sky);border-radius:12px;padding:18px;border:1px solid var(--bt-border);transition:.2s;}
.bt-fd-perf-card:hover{border-color:var(--bt-blue);transform:translateY(-2px);}
.bt-fd-perf-icon{font-size:2rem;margin-bottom:6px;}
.bt-fd-perf-genre{font-size:.7rem;font-weight:700;color:var(--bt-blue);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;}
.bt-fd-perf-card h3{font-size:.92rem;font-weight:700;color:var(--bt-blue-dk);margin-bottom:6px;}
.bt-fd-perf-card p{font-size:.78rem;color:var(--bt-muted);line-height:1.6;margin:0;}

/* Placeholder */
.bt-fd-placeholder{background:linear-gradient(135deg,#e8f1ff,#d0e0ff);border-radius:14px;padding:50px 24px;text-align:center;border:2px dashed var(--bt-blue-lt);}
.bt-fd-placeholder-icon{font-size:3rem;margin-bottom:12px;}
.bt-fd-placeholder h3{font-weight:700;color:var(--bt-blue-dk);margin-bottom:8px;}
.bt-fd-placeholder p{color:var(--bt-muted);font-size:.875rem;}

/* Map */
.bt-fd-map-wrap{position:relative;}
.bt-fd-map-embed{border-radius:14px;overflow:hidden;box-shadow:var(--bt-shadow);}
.bt-fd-map-fallback-box{background:var(--bt-sky);border:2px dashed var(--bt-blue-lt);border-radius:14px;padding:50px 24px;text-align:center;}
.bt-fd-map-fallback-box h3{font-weight:700;color:var(--bt-blue-dk);margin-bottom:8px;}
.bt-fd-map-fallback-box p{color:var(--bt-muted);font-size:.875rem;margin-bottom:0;}

/* Useful info */
.bt-fd-useful-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;}
.bt-fd-useful-card{background:var(--bt-sky);border-radius:12px;padding:16px;border:1px solid var(--bt-border);}
.bt-fd-useful-card h3{font-size:.85rem;font-weight:700;color:var(--bt-blue-dk);margin-bottom:10px;}
.bt-fd-contact-row{display:flex;flex-direction:column;gap:1px;font-size:.8rem;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--bt-border);}
.bt-fd-contact-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.bt-fd-contact-row>:first-child{font-size:.72rem;font-weight:700;color:var(--bt-muted);text-transform:uppercase;letter-spacing:.4px;}
.bt-fd-contact-row a{color:var(--bt-blue);text-decoration:none;word-break:break-word;font-size:.84rem;}
.bt-fd-faq-item{margin-bottom:8px;font-size:.8rem;}
.bt-fd-faq-item strong{display:block;color:var(--bt-blue-dk);margin-bottom:1px;}
.bt-fd-faq-item span{color:var(--bt-muted);}
.bt-fd-ext-link{display:block;color:var(--bt-blue);text-decoration:none;font-size:.82rem;padding:6px 0;border-bottom:1px solid var(--bt-border);}
.bt-fd-ext-link:last-child{border-bottom:none;}
.bt-fd-ext-link:hover{color:var(--bt-blue-dk);}

/* Rules */
.bt-fd-rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;}
.bt-fd-rule-card{background:#fff;border:1px solid var(--bt-border);border-radius:12px;padding:18px;}
.bt-fd-rule-icon{font-size:1.8rem;margin-bottom:8px;}
.bt-fd-rule-card h3{font-size:.88rem;font-weight:700;color:var(--bt-blue-dk);margin-bottom:7px;}
.bt-fd-rule-card p{font-size:.79rem;color:var(--bt-muted);line-height:1.65;margin:0;}

/* Volunteer */
.bt-fd-vol-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:32px;align-items:start;}
.bt-fd-vol-left h2{margin-bottom:10px;}
.bt-fd-vol-left p{color:var(--bt-muted);font-size:.9rem;line-height:1.7;margin-bottom:18px;}
.bt-fd-vol-perks{display:flex;flex-direction:column;gap:10px;}
.bt-fd-vol-perk{display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--bt-text);}
.bt-fd-vol-perk span{color:var(--bt-muted);}
.bt-fd-vol-form{background:var(--bt-sky);border-radius:14px;padding:22px;border:1px solid var(--bt-border);}
.bt-fd-vol-form textarea{width:100%;padding:10px 13px;border:2px solid var(--bt-border);border-radius:8px;font-size:.875rem;font-family:inherit;resize:vertical;}
.bt-fd-vol-form textarea:focus{border-color:var(--bt-blue);outline:none;}
.bt-fd-vol-success{background:#d4f7e7;border-radius:12px;padding:32px;text-align:center;border:1px solid #1a9e5a;}
.bt-fd-vol-success h3{font-weight:700;color:#0d6e3f;margin:10px 0 6px;}
.bt-fd-vol-success p{color:#1a9e5a;font-size:.875rem;margin:0;}

/* Role pill radio */
.bt-role-pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;}
.bt-role-pill{cursor:pointer;}
.bt-role-pill input{position:absolute;opacity:0;width:0;height:0;}
.bt-role-pill span{display:inline-block;padding:8px 14px;border:2px solid var(--bt-border);border-radius:9px;font-size:.82rem;font-weight:600;transition:.2s;}
.bt-role-pill:hover span{border-color:var(--bt-blue);}
.bt-role-pill input:checked + span{background:var(--bt-blue);color:#fff;border-color:var(--bt-blue);}

/* Festival responsive */
@media(max-width:780px){
    .bt-fd-section-grid{grid-template-columns:1fr;}
    .bt-fd-vol-layout{grid-template-columns:1fr;}
    .bt-fd-hero-inner{padding:24px 16px 22px;}
    .bt-fd-content{padding:20px 14px 40px;}
    .bt-fd-hero-title{font-size:1.3rem;}
    .bt-fd-hero-actions{flex-direction:column;}
    .bt-fd-hero-btn{justify-content:center;}
}
@media(max-width:500px){
    .bt-fd-price-cards{grid-template-columns:1fr;}
    .bt-fd-perf-grid{grid-template-columns:1fr;}
    .bt-fd-rules-grid{grid-template-columns:1fr;}
    .bt-fd-useful-grid{grid-template-columns:1fr;}
}

/* ===== VOLUNTEER / PERFORMER PAGES ===== */
:root { --bt-purple:#7c3aed; }
.bt-vol-pg-wrap { min-height:60vh; }

/* Hero */
.bt-vol-hero { padding:0; }
.bt-vol-hero-inner { max-width:860px; margin:0 auto; padding:40px 28px 36px; text-align:center; }
.bt-vol-hero-green { background:linear-gradient(135deg,#064e3b 0%,#047857 40%,#1a9e5a 100%); }
.bt-vol-hero-purple { background:linear-gradient(135deg,#4c1d95 0%,#6d28d9 50%,#8b5cf6 100%); }
.bt-vol-hero-icon { font-size:3.5rem; margin-bottom:12px; }
.bt-vol-hero h1 { font-size:clamp(1.6rem,4vw,2.4rem); font-weight:800; color:#fff; margin-bottom:10px; text-shadow:0 2px 8px rgba(0,0,0,.2); }
.bt-vol-hero p { font-size:.95rem; color:rgba(255,255,255,.9); max-width:560px; margin:0 auto; line-height:1.7; }

/* Layout */
.bt-vol-layout { display:grid; grid-template-columns:320px 1fr; gap:28px; max-width:960px; margin:0 auto; padding:32px 24px 60px; align-items:start; }

/* Left cards */
.bt-vol-perks-card { background:#fff; border:1px solid var(--bt-border); border-radius:14px; padding:20px; box-shadow:var(--bt-shadow); }
.bt-vol-perks-card h3 { font-size:.9rem; font-weight:700; color:var(--bt-blue-dk); margin-bottom:14px; padding-bottom:8px; border-bottom:1px solid var(--bt-border); }
.bt-vol-perk-item { display:flex; gap:10px; align-items:flex-start; font-size:.84rem; margin-bottom:9px; color:var(--bt-text); }
.bt-vol-perk-item span { color:var(--bt-muted); }
.bt-vol-role-item { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid var(--bt-border); }
.bt-vol-role-item:last-child { border-bottom:none; margin-bottom:0; padding-bottom:0; }
.bt-vol-role-item strong { display:block; font-size:.82rem; color:var(--bt-blue-dk); margin-bottom:2px; }
.bt-vol-role-item span { font-size:.78rem; color:var(--bt-muted); }

/* Right form */
.bt-vol-form-card { background:#fff; border:1px solid var(--bt-border); border-radius:14px; padding:24px; box-shadow:var(--bt-shadow); }
.bt-vol-form-card h2 { font-size:1.2rem; font-weight:700; color:var(--bt-blue-dk); margin-bottom:20px; }
.bt-vol-form-card textarea { width:100%; padding:10px 13px; border:2px solid var(--bt-border); border-radius:8px; font-size:.875rem; font-family:inherit; resize:vertical; }
.bt-vol-form-card textarea:focus { border-color:var(--bt-blue); outline:none; }
.bt-vol-divider { font-weight:700; font-size:.78rem; text-transform:uppercase; letter-spacing:.5px; color:var(--bt-blue); background:var(--bt-sky); padding:8px 12px; border-radius:7px; margin-bottom:14px; }

/* Festival pill selector */
.bt-fest-pill-row { display:flex; gap:8px; flex-wrap:wrap; margin-top:6px; }
.bt-fest-pill { cursor:pointer; }
.bt-fest-pill input { position:absolute; opacity:0; width:0; height:0; }
.bt-fest-pill span { display:inline-block; padding:8px 16px; border:2px solid var(--bt-border); border-radius:10px; font-size:.82rem; font-weight:600; transition:.2s; background:#fff; }
.bt-fest-pill:hover span { border-color:var(--bt-blue); }
.bt-fest-pill input:checked + span { background:var(--bt-blue); color:#fff; border-color:var(--bt-blue); }

/* Check row */
.bt-check-row { display:flex; gap:14px; flex-wrap:wrap; margin-top:6px; }
.bt-check-row .bt-ck { font-size:.84rem; }

/* Success */
.bt-vol-success { background:linear-gradient(135deg,#d4f7e7,#a7f3d0); border-radius:16px; padding:50px 32px; text-align:center; border:1px solid #1a9e5a; }
.bt-vol-success-icon { font-size:3.5rem; margin-bottom:14px; }
.bt-vol-success h2 { font-weight:700; color:#064e3b; margin-bottom:10px; }
.bt-vol-success p { color:#047857; font-size:.9rem; line-height:1.7; margin:0 0 6px; }

/* Login page: 4 role cards */
.bt-role-cards { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:16px 0 20px; }
.bt-role-card { background:#fff; border:2px solid var(--bt-border); border-radius:13px; padding:16px 14px; text-align:left; cursor:pointer; transition:all .2s; font-family:inherit; }
.bt-role-card:hover { border-color:var(--bt-blue); transform:translateY(-2px); box-shadow:0 6px 20px rgba(26,79,160,.13); }
.bt-role-card.bt-rc-green:hover { border-color:var(--bt-green); }
.bt-role-card.bt-rc-purple:hover { border-color:var(--bt-purple); }
.bt-role-icon { font-size:1.6rem; margin-bottom:6px; }
.bt-role-title { font-weight:700; font-size:.88rem; color:var(--bt-blue-dk); margin-bottom:4px; }
.bt-role-desc { font-size:.73rem; color:var(--bt-muted); line-height:1.5; margin-bottom:8px; }
.bt-role-badge { display:inline-block; padding:3px 8px; border-radius:20px; font-size:.65rem; font-weight:700; }
.bt-rb-user { background:#e8f1ff; color:var(--bt-blue); }
.bt-rb-crew { background:#fff3cc; color:#8a6500; }
.bt-rb-vol  { background:#d4f7e7; color:#0d6e3f; }
.bt-rb-perf { background:#ede9fe; color:var(--bt-purple); }

/* Responsive */
@media(max-width:700px){
    .bt-vol-layout { grid-template-columns:1fr; padding:20px 14px 40px; }
    .bt-role-cards { grid-template-columns:1fr 1fr; gap:8px; }
    .bt-role-card { padding:12px 10px; }
}
@media(max-width:380px){
    .bt-role-cards { grid-template-columns:1fr; }
}