/* SpanishXperts student area + admin (login, dashboard, booking, packages). Builds on sx-base.css + sx-pages.css. Mobile-first. */
.sx-acct-main{padding:40px 0 64px;min-height:60vh}
.sx-acct-narrow{max-width:560px}
.sx-acct-wide{max-width:1120px}
.sx-acct .sx-h2{font-size:clamp(30px,8vw,46px);margin-top:10px}
.sx-h3{margin:0 0 6px;font-size:20px;font-weight:700;letter-spacing:-.01em}
.sx-h4{margin:22px 0 8px;font-size:16px;font-weight:700}
.sx-small{font-size:14px!important;line-height:1.55}
.sx-dim{color:var(--sx-dim)}
.sx-hint{color:var(--sx-dim);font-weight:400}
.sx-link{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,72,72,.7);padding-bottom:1px}
.sx-link:hover{color:var(--sx-red)}
.sx-acct .sx-kicker .sx-link{border:0;color:var(--sx-red)}
.sx-acct-form{margin-top:24px}
.sx-acct-form .sx-btn,.sx-form .sx-btn{
  width:100%;
  display:flex!important;
  align-items:center;
  justify-content:center!important;
  text-align:center!important;
  -webkit-appearance:none;
  appearance:none;
  box-sizing:border-box;
  min-width:0!important;
}
.sx-check{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--sx-grey)}
.sx-check input{width:18px;height:18px;accent-color:var(--sx-red)}
.sx-alert{margin:18px 0 0;padding:14px 16px;border-radius:10px;border:1px solid var(--sx-line);border-left:4px solid var(--sx-red);background:var(--sx-card);font-size:15px;line-height:1.5}
.sx-alert-ok{border-left-color:#3ccf7a}
.sx-alert-warn{border-left-color:var(--sx-gold)}
.sx-alert-err{border-left-color:var(--sx-red)}
.sx-alert p{margin:0 0 8px}
.sx-copy{display:block;width:100%;padding:12px;border:1px dashed var(--sx-gold);border-radius:8px;background:#000;color:var(--sx-gold);font:500 14px/1.4 ui-monospace,Menlo,monospace}
.sx-acct-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.sx-btn-sm{min-height:44px;min-width:0!important;padding:8px 18px!important;font-size:14px}
.sx-btn-xs{min-height:34px;min-width:0!important;padding:4px 12px!important;font-size:13px}
.sx-btn[disabled]{opacity:.45;cursor:not-allowed}
.sx-acct-block{margin-top:34px}
.sx-acct-empty{margin-top:28px;border:1px solid var(--sx-line);border-radius:14px;background:var(--sx-card)}
.sx-list{margin:10px 0 0;padding:0;list-style:none}
.sx-list li{padding:12px 0;border-bottom:1px solid var(--sx-line);color:var(--sx-grey)}
.sx-bk-list li{display:flex;flex-direction:column;gap:6px}
@media (min-width:768px){.sx-bk-list li{flex-direction:row;justify-content:space-between;align-items:center}}
/* dashboard cards */
.sx-dash{display:grid;gap:14px;margin:34px 0 0;padding:0;list-style:none}
@media (min-width:768px){.sx-dash{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.sx-dash{grid-template-columns:repeat(3,1fr)}}
.sx-dash .sx-card{padding:0;transition:border-color .2s,transform .2s}
.sx-dash .sx-card:hover{border-color:var(--sx-red);transform:translateY(-2px)}
.sx-dash-a{display:block;padding:22px 20px;color:#fff;text-decoration:none;height:100%}
.sx-card-hl{border-top:3px solid var(--sx-red)!important}
/* hours panel */
.sx-hours{margin-top:26px;padding:22px 20px;border:1px solid var(--sx-line);border-top:3px solid var(--sx-gold);border-radius:14px;background:var(--sx-card)}
.sx-hours-name{margin:6px 0 0;font-size:20px;font-weight:700}
.sx-hours-big{margin:6px 0 0;font-size:22px;font-weight:700}
.sx-hours-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.sx-hours-grid .k{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sx-dim)}
.sx-hours-grid .v{display:block;margin-top:4px;font-size:22px;font-weight:800}
.sx-bar{margin-top:16px;height:10px;border-radius:999px;background:#1d1d20;overflow:hidden}
.sx-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--sx-gold),var(--sx-red));border-radius:999px}
.sx-hours .sx-btns{margin-top:18px}
/* slots */
.sx-days{display:grid;gap:14px;margin-top:16px}
@media (min-width:768px){.sx-days{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.sx-days{grid-template-columns:repeat(3,1fr)}}
.sx-day{padding:14px;border:1px solid var(--sx-line);border-radius:12px;background:var(--sx-card)}
.sx-day-h{margin:0 0 10px;font-weight:700;color:var(--sx-gold)}
.sx-slots{display:flex;flex-wrap:wrap;gap:8px}
.sx-slot{display:inline-block;padding:9px 12px;border:1px solid #3a3a3e;border-radius:8px;color:#fff;text-decoration:none;font-size:14px;font-weight:600}
.sx-slot:hover,.sx-slot:focus-visible{border-color:var(--sx-red);background:rgba(255,72,72,.12)}
.sx-confirm{padding:20px;border:1px solid var(--sx-red);border-radius:14px;background:rgba(255,72,72,.06)}
/* packages */
.sx-pk{display:grid;gap:14px;margin:16px 0 0;padding:0;list-style:none}
@media (min-width:768px){.sx-pk{grid-template-columns:repeat(2,1fr)}}
.sx-pk-price{font-size:24px!important;font-weight:800;color:#fff!important}
.sx-pk .sx-btn{width:100%;margin-top:14px}
.sx-test-badge{display:inline-block;margin:0 0 10px;padding:3px 9px;border-radius:999px;border:1px dashed var(--sx-gold);color:var(--sx-gold);font-size:11px;font-weight:700;letter-spacing:.06em}
.sx-pk-hist{margin-top:12px;padding:12px 14px;border:1px solid var(--sx-line);border-radius:12px;background:var(--sx-card)}
.sx-pk-hist summary{cursor:pointer;color:var(--sx-grey);font-size:15px}
/* tables */
.sx-table-wrap{margin-top:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.sx-table{width:100%;border-collapse:collapse;font-size:14px}
.sx-table th,.sx-table td{padding:10px 8px;border-bottom:1px solid var(--sx-line);text-align:left;vertical-align:top}
.sx-table th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--sx-dim);font-weight:600}
.sx-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;background:#1d1d20;color:var(--sx-grey)}
.sx-badge-active,.sx-badge-paid,.sx-badge-completed,.sx-badge-ok{background:rgba(60,207,122,.15);color:#7fe3a9}
.sx-badge-pending,.sx-badge-booked{background:rgba(245,184,0,.14);color:var(--sx-gold)}
.sx-badge-disabled,.sx-badge-canceled,.sx-badge-failed{background:rgba(255,72,72,.14);color:#ff8a8a}
/* admin */
.sx-subnav{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 6px}
.sx-subnav a{padding:8px 12px;border:1px solid var(--sx-line);border-radius:8px;color:var(--sx-grey);text-decoration:none;font-size:14px}
.sx-subnav a[aria-current="page"],.sx-subnav a:hover{border-color:var(--sx-red);color:#fff}
.sx-filter{display:grid;gap:10px;margin-top:18px}
@media (min-width:768px){.sx-filter{grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;align-items:end}}
.sx-2col,.sx-3col{display:grid;gap:12px}
@media (min-width:768px){.sx-2col{grid-template-columns:1fr 1fr}.sx-3col{grid-template-columns:1fr 1fr 1fr}.sx-admin-cols{gap:34px}}
.sx-inline{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;margin:2px 0}
.sx-inline input[type=datetime-local]{padding:6px;border:1px solid #3a3a3e;border-radius:6px;background:#0d0d0e;color:#fff;color-scheme:dark}
.sx-acct code{color:var(--sx-gold)}
.sx-acct-meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.sx-chip{display:inline-block;padding:4px 11px;border-radius:999px;border:1px solid rgba(255,72,72,.55);color:#fff;font-size:12.5px;font-weight:600;letter-spacing:.03em}
.sx-chip-gold{border-color:var(--sx-gold);color:var(--sx-gold)}
.sx-res{display:grid;gap:14px;margin:18px 0 0;padding:0;list-style:none}
@media (min-width:768px){.sx-res{grid-template-columns:repeat(2,1fr)}}
.sx-group-info{white-space:normal}
/* admin: tabs, availability, calendar */
.sx-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 4px;border-bottom:1px solid var(--sx-line)}
.sx-tabs a{padding:9px 14px;border:1px solid transparent;border-bottom:0;border-radius:8px 8px 0 0;color:var(--sx-grey);text-decoration:none;font-size:14px}
.sx-tabs a[aria-current="page"]{border-color:var(--sx-line);background:var(--sx-card);color:#fff}
.sx-admin-summary{margin-top:18px;padding:18px 18px 8px;border-top:3px solid var(--sx-gold)}
.sx-next-list li{padding:8px 0;font-size:14px}
.sx-avail-week{display:grid;gap:12px;margin:12px 0 16px}
@media (min-width:768px){.sx-avail-week{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.sx-avail-week{grid-template-columns:repeat(3,1fr)}}
.sx-avail-day{margin:0;padding:12px 14px;border:1px solid var(--sx-line);border-radius:12px;background:var(--sx-card);min-width:0}
.sx-avail-day legend{padding:0 6px;font-weight:700;color:var(--sx-gold)}
.sx-avail-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 8px}
.sx-avail-row input[type=time],.sx-acct input[type=time],.sx-acct input[type=date]{padding:8px;border:1px solid #3a3a3e;border-radius:6px;background:#0d0d0e;color:#fff;color-scheme:dark;max-width:100%}
.sx-avail-row .sx-check{font-size:13px}
.sx-cal-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0 4px}
.sx-cal-head .sx-h3{margin:0;flex:1 1 220px}
.sx-cal{display:grid;gap:12px;margin-top:16px}
@media (min-width:1024px){.sx-cal{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.sx-cal .sx-day-h{font-size:14px}}
.sx-cal-day{padding:12px;border:1px solid var(--sx-line);border-radius:12px;background:var(--sx-card);min-width:0}
.sx-cal-today{border-color:var(--sx-gold)}
.sx-cal-past{opacity:.6}
.sx-cal-list{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.sx-cal-ev{padding:7px 9px;border-radius:8px;font-size:13.5px;line-height:1.35;border:1px solid #3a3a3e;overflow-wrap:anywhere}
.sx-cal-t{font-weight:700;margin-right:4px}
.sx-cal-a{color:#fff;text-decoration:none;display:block}
.sx-cal-open{border-style:dashed;color:var(--sx-grey)}
.sx-cal-open .sx-cal-a{color:var(--sx-grey)}
.sx-cal-open:hover{border-color:#3ccf7a}
.sx-cal-booked{border-color:var(--sx-red);background:rgba(255,72,72,.1)}
.sx-cal-booked .sx-small{display:block;margin-top:4px}
.sx-cal-block{border-color:#2a2a2e;background:repeating-linear-gradient(45deg,#141416,#141416 6px,#1b1b1e 6px,#1b1b1e 12px);color:var(--sx-dim)}
.sx-field select{max-width:100%}


/* ---- Booking phase 2: Gameplan, one/multi booking, thank-you pages, policies ---- */
.sx-gold{color:var(--sx-gold)}
.sx-gp-head .sx-h2{margin-top:6px}
.sx-steps{display:flex;gap:6px;flex-wrap:wrap;list-style:none;margin:18px 0 0;padding:0;counter-reset:st}
.sx-steps li{counter-increment:st;padding:6px 12px;border:1px solid var(--sx-line);border-radius:999px;font-size:13px;color:var(--sx-dim)}
.sx-steps li::before{content:counter(st) ". "}
.sx-steps li[aria-current]{border-color:var(--sx-red);color:#fff;background:rgba(255,72,72,.12)}
.sx-gp-days{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
@media (min-width:600px){.sx-gp-days{grid-template-columns:repeat(4,1fr)}}
@media (min-width:1024px){.sx-gp-days{grid-template-columns:repeat(6,1fr)}}
.sx-gp-day{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border:1px solid #3a3a3e;border-radius:12px;background:var(--sx-card);color:#fff;text-decoration:none;min-height:44px}
.sx-gp-day:hover,.sx-gp-day:focus-visible{border-color:var(--sx-red);background:rgba(255,72,72,.12)}
.sx-gp-day .dw{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--sx-gold);font-weight:700}
.sx-gp-day .dd{font-size:17px;font-weight:700}
.sx-gp-day .dn{font-size:12px;color:var(--sx-dim)}
.sx-gp-times{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}
@media (min-width:600px){.sx-gp-times{grid-template-columns:repeat(2,1fr)}}
.sx-gp-times .sx-slot{display:block;text-align:center;padding:14px 12px;font-size:15px}
.sx-slots{display:flex;flex-wrap:wrap;gap:8px}
.sx-slot{min-height:40px;background:transparent;cursor:pointer;font-family:inherit}
button.sx-slot{line-height:1.2}
.sx-slot.is-on,.sx-slot[aria-pressed="true"]{border-color:var(--sx-gold);background:rgba(245,184,0,.16);color:#fff;box-shadow:inset 0 0 0 1px var(--sx-gold)}
.sx-slot.is-on::before{content:"✓ ";color:var(--sx-gold)}
.sx-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.sx-field.has-err input,.sx-field.has-err select,.sx-field.has-err textarea{border-color:var(--sx-red)}
.sx-err{display:block;margin-top:6px;color:var(--sx-red);font-size:13px}
.sx-dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:16px 0;padding:14px 16px;border:1px solid var(--sx-line);border-radius:12px;background:var(--sx-card)}
.sx-dl dt{color:var(--sx-dim);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.sx-dl dd{margin:0;color:#fff;word-break:break-word}
.sx-dl .sx-dl-h{grid-column:1/-1;color:var(--sx-gold);font-weight:700}
.sx-lead{font-size:18px;color:#fff}
.sx-thanks{border-top:3px solid var(--sx-gold);padding-top:20px}
.sx-entry{padding:22px 20px;border:1px solid var(--sx-line);border-top:3px solid var(--sx-red);border-radius:14px;background:var(--sx-card)}
.sx-entry-btns .sx-btn{flex:1 1 220px;text-align:center}
.sx-weeknav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}
.sx-counter{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding:12px 14px;border:1px solid var(--sx-gold);border-radius:12px;background:#000;font-size:15px}
.sx-counter [data-sx-review]{margin-left:auto}
.sx-btn.is-disabled{opacity:.45;pointer-events:none}
.sx-weekly{margin-top:18px}
.sx-weekly summary{cursor:pointer;font-weight:600;color:var(--sx-gold)}
.sx-inline-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.sx-inline-form .sx-field{flex:1 1 200px;margin:0}
.sx-inline-form .sx-btn{width:auto}
.sx-bk-list li{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}
.sx-bk-locked{display:flex;flex-direction:column;gap:4px;align-items:flex-end;max-width:420px;text-align:right}
.sx-disabled{color:#55555b;text-decoration:line-through;cursor:not-allowed}
.sx-cal-gp{border-left:3px solid var(--sx-gold)!important;background:rgba(245,184,0,.10)!important}
.sx-cal-gp .sx-cal-a{color:var(--sx-gold)}
.sx-gp-manage{border-color:var(--sx-gold);background:rgba(245,184,0,.06)}
.sx-gp-leads .sx-table td{font-size:14px}
.sx-input-sm{max-width:200px;padding:6px 8px;border-radius:6px;border:1px solid var(--sx-line);background:#000;color:#fff}
.sx-policies .sx-acct-block{margin-top:26px}
.sx-policies .sx-list li{line-height:1.6}
@media (max-width:600px){.sx-bk-locked{align-items:flex-start;text-align:left}.sx-dl{grid-template-columns:1fr}.sx-dl dt{margin-top:6px}}

/* ---- Verbling/Preply usability (not colors): balance, to-schedule, class cards ---- */
.sx-badge-missed,.sx-badge-no_show{background:rgba(255,72,72,.14);color:#ff8a8a}
.sx-badge-booked{background:rgba(245,184,0,.14);color:var(--sx-gold)}
.sx-dash-balance{display:flex;flex-wrap:wrap;gap:14px;align-items:stretch;margin:18px 0;padding:16px;border:1px solid var(--sx-line);border-top:3px solid var(--sx-gold);border-radius:14px;background:var(--sx-card)}
.sx-bal-hours{flex:1 1 140px}.sx-bal-hours .k{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sx-dim)}.sx-bal-hours .v{font-size:28px;font-weight:800;color:#fff}
.sx-to-schedule{flex:2 1 220px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px dashed var(--sx-gold);border-radius:12px;background:rgba(245,184,0,.06)}
.sx-to-schedule .sx-to-label{margin:0;font-size:16px;color:#fff}.sx-to-schedule .sx-btn{white-space:nowrap}
.sx-to-empty{border-color:var(--sx-line);background:transparent}
.sx-class-cards{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:12px}
.sx-class-card{padding:14px 16px;border:1px solid var(--sx-line);border-radius:12px;background:var(--sx-card)}
.sx-class-card.sx-class-booked{border-left:3px solid var(--sx-gold)}
.sx-class-card.sx-class-completed{border-left:3px solid #3ccf7a}
.sx-class-card.sx-class-canceled,.sx-class-card.sx-class-missed{border-left:3px solid #ff8a8a;opacity:.92}
.sx-class-top{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.sx-class-when{font-weight:700;color:#fff}.sx-class-dur{color:var(--sx-dim);font-size:13px}
.sx-class-deadline{margin:10px 0 0;font-size:13px;color:var(--sx-grey);line-height:1.45}
.sx-class-meet{margin:10px 0 0}.sx-class-notes{margin-top:12px;padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid var(--sx-line)}
.sx-class-acts{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:12px;align-items:center}
.sx-tz-warn{margin:12px 0}
.sx-admin-ex{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
@media (max-width:600px){.sx-to-schedule{flex-direction:column;align-items:stretch}.sx-to-schedule .sx-btn{width:100%;text-align:center}}

/* Admin view switcher (Admin | Instructor | Student) */
.sx-viewbar{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--sx-line);background:rgba(0,0,0,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sx-viewbar-in{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;max-width:1120px;margin:0 auto;padding:10px 22px}
@media (min-width:768px){.sx-viewbar-in{padding:10px 40px}}
.sx-viewbar-kicker{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sx-gold)}
.sx-viewbar-modes,.sx-viewbar-types{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sx-viewbar-mode,.sx-viewbar-type{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:4px 12px;border:1px solid var(--sx-line);border-radius:999px;color:var(--sx-grey);background:transparent;text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.02em;transition:border-color .15s,color .15s,background .15s}
.sx-viewbar-mode:hover,.sx-viewbar-type:hover{border-color:var(--sx-red);color:#fff}
.sx-viewbar-mode.is-active{border-color:var(--sx-red);background:rgba(255,72,72,.14);color:#fff}
.sx-viewbar-type{min-height:28px;padding:2px 10px;font-size:12px;border-style:dashed}
.sx-viewbar-type.is-active{border-style:solid;border-color:var(--sx-gold);background:rgba(245,184,0,.12);color:var(--sx-gold)}
@media (max-width:480px){
  .sx-viewbar-in{padding:8px 16px;gap:6px 8px}
  .sx-viewbar-mode{min-height:32px;padding:3px 10px;font-size:12px}
}

/* Social LOGIN (Google / Facebook) on /login/ */
.sx-social-login{margin:22px 0 8px}
.sx-social-divider{display:flex;align-items:center;gap:14px;margin:4px 0 16px;color:var(--sx-dim);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.sx-social-divider::before,.sx-social-divider::after{content:"";flex:1;height:1px;background:var(--sx-line)}
.sx-social-btns{display:flex;flex-direction:column;gap:12px;width:100%}
.sx-social-btn{
  display:flex!important;
  align-items:center;
  justify-content:center!important;
  gap:12px;
  width:100%;
  min-width:0!important;
  box-sizing:border-box;
  font-weight:600;
  text-align:center!important;
  -webkit-appearance:none;
  appearance:none;
  padding-left:16px;
  padding-right:16px;
}
.sx-social-btn .sx-social-ico{
  flex:0 0 18px;
  width:18px;
  height:18px;
  display:block;
  margin:0;
  margin-inline-end:2px; /* fallback if gap ignored */
}
.sx-social-btn span{line-height:1.2;margin:0}