/* ArenaLine Station — v3.2.3 presentation polish.
   Reuses the core ArenaLine navy / hunter / gold / cream identity while
   preserving oversized shared-tablet touch targets and kiosk simplicity. */

.station-shell{
  position:relative;
  isolation:isolate;
  max-width:1080px;
  margin:0 auto;
}
.station-shell::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:76%;
  height:280px;
  left:-16%;
  top:44px;
  border:1px solid color-mix(in srgb,var(--arena-gold) 22%,transparent);
  border-left-color:transparent;
  border-bottom-color:transparent;
  border-radius:50%;
  transform:rotate(-7deg);
  pointer-events:none;
  opacity:.58;
}
.station-shell::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:8%;
  right:-8%;
  top:205px;
  height:1px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--arena-gold) 28%,transparent),color-mix(in srgb,var(--arena-gold) 72%,transparent),transparent);
  transform:rotate(-4deg);
  pointer-events:none;
}

.station-kiosk-intro{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  align-items:center;
  margin:0 0 1.35rem;
  padding:clamp(1.35rem,3vw,2.15rem);
  border:1px solid color-mix(in srgb,var(--arena-gold) 38%,transparent);
  border-radius:26px;
  background:radial-gradient(circle at 86% 14%,rgba(201,169,107,.18),transparent 18rem),linear-gradient(118deg,var(--arena-navy),var(--arena-hunter));
  box-shadow:0 22px 54px rgba(14,42,71,.18);
}
.station-kiosk-intro::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:70%;
  height:120%;
  right:-25%;
  top:-44%;
  border:1px solid rgba(244,241,234,.14);
  border-radius:50%;
  transform:rotate(-12deg);
}
.station-kiosk-intro::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:-4%;
  right:-7%;
  bottom:21%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,169,107,.18),rgba(201,169,107,.86),rgba(244,241,234,.24),transparent);
  transform:rotate(-5deg);
}
.station-kiosk-intro .eyebrow{color:color-mix(in srgb,var(--arena-gold) 90%,white)}
.station-kiosk-intro h1{color:var(--arena-cream);font-size:clamp(2.45rem,6vw,4.65rem);line-height:.93;margin:.18rem 0 .45rem}
.station-kiosk-intro p{max-width:50ch;margin:0;color:rgba(244,241,234,.78);font-size:1.05rem}
.station-kiosk-intro .btn-secondary{color:var(--arena-cream);border-color:rgba(244,241,234,.36);background:rgba(244,241,234,.08)}
.station-kiosk-intro .btn-secondary:hover{background:rgba(244,241,234,.15)}

.station-person-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.station-person-card{position:relative;overflow:hidden;min-height:136px;padding:1.25rem;border-radius:22px;border-color:color-mix(in srgb,var(--arena-gold) 24%,var(--line));background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-soft) 38%,var(--surface)));box-shadow:var(--arena-shadow)}
.station-person-card::after{content:"";position:absolute;right:-34px;bottom:-42px;width:112px;height:112px;border:1px solid color-mix(in srgb,var(--arena-gold) 22%,transparent);border-radius:50%}
.station-person-card:hover,.station-person-card:focus-visible{transform:translateY(-3px);border-color:color-mix(in srgb,var(--arena-gold) 62%,var(--line));box-shadow:0 18px 42px rgba(14,42,71,.13)}
.station-person-card .person-card-photo{width:74px;height:74px;font-size:1.45rem;background:linear-gradient(145deg,var(--arena-navy),var(--arena-hunter));box-shadow:0 10px 26px rgba(14,42,71,.18),0 0 0 2px color-mix(in srgb,var(--arena-gold) 48%,transparent)}
.station-person-card h3{font-family:var(--arena-serif);font-size:1.45rem;font-weight:600;color:var(--heading)}
.station-person-card p{font-size:.9rem}

.station-kiosk-panel{position:relative;overflow:hidden;max-width:590px;margin:0 auto;padding:clamp(1.2rem,3vw,2rem);border:1px solid color-mix(in srgb,var(--arena-gold) 28%,var(--line));border-radius:24px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-soft) 34%,var(--surface)));box-shadow:var(--arena-shadow)}
.station-kiosk-panel::before{content:"";position:absolute;top:0;left:1.35rem;width:72px;height:2px;background:var(--arena-gold);opacity:.86}
.station-kiosk-panel label{font-weight:700;color:var(--heading)}
.station-kiosk-panel input,.station-kiosk-panel select{min-height:56px;font-size:1.08rem;border-radius:12px}
.station-kiosk-panel input:focus,.station-kiosk-panel select:focus{border-color:var(--arena-gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--arena-gold) 18%,transparent)}
.station-kiosk-panel .people-detail-list{margin-bottom:1.2rem;padding:.2rem 1rem;border-radius:16px;background:color-mix(in srgb,var(--surface-soft) 72%,transparent)}
.station-kiosk-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}
.station-kiosk-actions .btn{min-height:54px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}
.station-primary-action{min-height:66px!important;font-size:1.07rem;font-weight:750;background:linear-gradient(135deg,var(--arena-blue),color-mix(in srgb,var(--arena-blue) 74%,var(--arena-hunter)))!important;box-shadow:0 10px 24px color-mix(in srgb,var(--arena-blue) 22%,transparent)}
.station-primary-action:hover{filter:brightness(1.04)}
.station-lock-note{padding:.9rem 1rem;margin-bottom:1rem;border:1px solid color-mix(in srgb,var(--danger) 38%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--danger) 9%,var(--surface))}

.station-complete{position:relative;max-width:640px;margin:7vh auto 0;padding:clamp(1.5rem,4vw,2.7rem);text-align:center;border:1px solid color-mix(in srgb,var(--arena-gold) 34%,transparent);border-radius:28px;background:radial-gradient(circle at 50% -15%,rgba(201,169,107,.16),transparent 15rem),linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-soft) 38%,var(--surface)));box-shadow:0 22px 54px rgba(14,42,71,.14)}
.station-complete::before{content:"";display:block;width:58px;height:2px;margin:0 auto 1.2rem;background:var(--arena-gold)}
.station-complete h1{font-size:clamp(2.55rem,7vw,4.9rem);margin-bottom:.5rem}
.station-complete .btn{margin-top:1rem;min-height:54px}

.section-station_manage .content-section,
.section-station_shift_review .content-section,
.section-station_device_add .people-form-shell,
.section-station_device_edit .people-form-shell,
.section-station_person_pin .people-form-shell,
.section-station_shift_edit .people-form-shell,
.station-provision-panel{
  border:1px solid color-mix(in srgb,var(--arena-gold) 18%,var(--line));
  border-radius:20px;
  padding:clamp(1rem,2.2vw,1.35rem);
  background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-soft) 22%,var(--surface)));
  box-shadow:var(--arena-shadow);
}
.section-station_manage .people-structure-row{margin:0 -.25rem;padding:.95rem .25rem}
.section-station_manage .people-structure-row strong{color:var(--heading)}
.section-station_manage .people-structure-row .actions a:not(.btn),.section-station_manage .people-structure-row>a{color:var(--iea-deep);font-weight:700}
.station-hours-table th{color:var(--heading);border-bottom-color:color-mix(in srgb,var(--arena-gold) 30%,var(--line))}
.station-hours-table td strong{font-size:1.05rem;color:var(--heading)}
.station-status{display:inline-flex;align-items:center;padding:.27rem .58rem;border-radius:999px;font-size:.77rem;font-weight:750;white-space:nowrap}
.station-status-approved{background:color-mix(in srgb,var(--arena-hunter) 13%,var(--surface));border:1px solid color-mix(in srgb,var(--arena-hunter) 34%,var(--line))}
.station-status-review{background:color-mix(in srgb,var(--arena-gold) 15%,var(--surface));border:1px solid color-mix(in srgb,var(--arena-gold) 42%,var(--line))}
.station-status-open{background:color-mix(in srgb,var(--arena-blue) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--arena-blue) 30%,var(--line))}

.station-provision-panel code{display:inline-block;max-width:100%;overflow-wrap:anywhere;padding:.45rem .6rem;border:1px solid color-mix(in srgb,var(--arena-gold) 24%,var(--line));border-radius:8px;background:var(--control-bg);color:var(--heading);font-size:.86rem}
.station-provision-panel .callout{margin:1rem 0}
.station-provision-panel .callout p{margin:.3rem 0 0}

.section-station_home .topbar,.section-station_identify .topbar,.section-station_action .topbar,.section-station_activate .topbar{border-bottom-color:color-mix(in srgb,var(--arena-gold) 42%,var(--line))}
.section-station_home footer,.section-station_identify footer,.section-station_action footer,.section-station_activate footer,.section-station_deactivate footer{opacity:.7}

html[data-theme="dark"] .station-kiosk-intro{box-shadow:0 24px 60px rgba(0,0,0,.32)}
html[data-theme="dark"] .station-person-card:hover,html[data-theme="dark"] .station-person-card:focus-visible{box-shadow:0 20px 48px rgba(0,0,0,.28)}
html[data-theme="dark"] .station-complete{box-shadow:0 22px 58px rgba(0,0,0,.28)}

@media(min-width:900px){
  .section-station_home main.container,.section-station_identify main.container,.section-station_action main.container{padding-top:2.2rem}
  .station-person-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
  .station-shell::before,.station-shell::after{opacity:.35}
  .station-kiosk-intro{align-items:stretch;border-radius:20px}
  .station-kiosk-intro .actions{width:100%}
  .station-kiosk-intro .actions .btn{width:100%;justify-content:center}
  .station-person-grid{grid-template-columns:1fr}
  .station-person-card{min-height:108px}
  .station-kiosk-actions{grid-template-columns:1fr}
  .station-hours-table{min-width:700px}
  .section-station_manage .content-section,.section-station_shift_review .content-section{border-radius:16px}
}
@media(max-width:480px){
  .station-kiosk-intro{padding:1.2rem}
  .station-kiosk-intro h1{font-size:clamp(2.2rem,12vw,3.4rem)}
  .station-person-card{padding:1rem}
  .station-person-card .person-card-photo{width:62px;height:62px}
  .station-complete{margin-top:3vh;border-radius:22px}
}