/* store-crew.html only: the handbook's jobs, and the Coach and Guest
   dashboards. Sits on assets/park-story.css and uses its tokens. */
.lead .status{display:inline-block;font-size:.8rem;color:var(--text-muted);margin-left:.3em}
.crew-toc ol,.job-toc{columns:2 16rem;padding-left:1.2em}
.crew-toc li,.job-toc li{margin:.15em 0;break-inside:avoid}
.roles{display:grid;gap:.8rem}
.roles dt{font-weight:700;color:var(--head)}
.roles dd{margin:.15rem 0 0}
.ladder{counter-reset:none;padding-left:1.3em}
.ladder li{margin:.4em 0}
.ladder strong{display:inline-block;min-width:7.5em;color:var(--accent)}
.rhythm{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin:1rem 0}
.rhythm>div{background:var(--surface);border:1px solid var(--hair);border-radius:12px;padding:.8rem 1rem}
.rhythm h3{margin:0 0 .4rem;font-size:1rem}
.rhythm ul{margin:0;padding-left:1.1em}
.job{border-top:1px solid var(--hair);padding-top:1rem;margin-top:1.6rem}
.job h3{display:flex;gap:.5rem;align-items:baseline}
.job h4{font-size:.95rem;margin:1rem 0 .3rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}
.code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.82em;color:var(--accent);font-weight:700}
.skills{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}
.skills li{padding:.45rem .6rem;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 8px 8px 0}
.rules li{margin:.5em 0}
.statement-example{border-left:4px solid var(--accent);margin:1rem 0;padding:.4rem 1rem;background:var(--surface)}
.plainly-note,.dash-note{background:var(--surface);border:1px solid var(--hair);border-radius:12px;padding:.8rem 1rem}

/* ---- the dashboards ------------------------------------------------------ */
.crew-dash{margin:1.2rem 0 2rem}
.dash-bar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:1rem}
.dash-tabs{display:inline-flex;border:1px solid var(--hair);border-radius:999px;overflow:hidden}
.dash-tabs button{font:inherit;padding:.5rem 1.2rem;border:0;background:var(--surface);color:var(--text);cursor:pointer}
.dash-tabs button.on{background:var(--accent);color:#fff}
.dash-who select{font:inherit;padding:.35rem}
.btn-small{font:inherit;font-size:.88rem;padding:.4rem .75rem;border:1px solid var(--hair);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer}
.btn-small.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-small.danger{color:var(--limit)}
.btn-small.file{position:relative;overflow:hidden;display:inline-block}
.btn-small.file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.dash-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.6rem;margin:.6rem 0 1rem}
.dash-stats .stat{background:var(--surface);border:1px solid var(--hair);border-radius:12px;padding:.6rem .8rem}
.dash-stats b{display:block;font-size:1.3rem;color:var(--accent)}
.dash-stats span{font-size:.82rem;color:var(--text-muted)}
.dash-box{background:var(--surface);border:1px solid var(--hair);border-radius:12px;padding:.8rem 1rem;margin:0 0 1rem;display:grid;gap:.5rem}
.dash-box h4{margin:0}
.dash-box input[type=text],.dash-box input[type=password]{font:inherit;padding:.45rem .6rem;border:1px solid var(--hair);border-radius:8px;width:100%;box-sizing:border-box}
.dash-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.dash-row input{font:inherit;padding:.35rem .5rem}
.dash-msg{color:var(--text-muted);font-size:.9rem;margin:0}
.dash-area{border:1px solid var(--hair);border-radius:12px;margin:0 0 .6rem;background:var(--surface)}
.dash-area summary{display:flex;justify-content:space-between;gap:.8rem;align-items:center;padding:.6rem .9rem;cursor:pointer;font-weight:600}
.prog{display:inline-flex;align-items:center;gap:.4rem;font-weight:400;font-size:.82rem;color:var(--text-muted)}
.prog-bar{display:inline-block;width:5rem;height:.45rem;border-radius:999px;background:var(--hair);overflow:hidden}
.prog-bar span{display:block;height:100%;background:var(--accent)}
.dash-skill{display:grid;grid-template-columns:2.6rem 1fr auto;gap:.3rem .6rem;align-items:center;padding:.5rem .9rem;border-top:1px solid var(--hair)}
.dash-skill .btn-small{grid-column:2/-1;justify-self:start}
.dash-skill .badge,.dash-shifts .badge{font-size:.75rem;padding:.15rem .5rem;border-radius:999px;background:var(--hair);white-space:nowrap}
.dash-skill.lvl2 .badge,.dash-skill.lvl3 .badge{background:var(--affirm);color:#fff}
.dash-skill.lvl1 .badge{background:var(--gold);color:#1c1403}
.dash-skill.coach{grid-template-columns:2.6rem 1fr}
.dash-skill.asked{background:rgba(233,180,76,.14)}
.dash-steps{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.35rem}
.dash-steps .step{font:inherit;font-size:.8rem;padding:.3rem .6rem;border:1px solid var(--hair);border-radius:999px;background:transparent;color:var(--text);cursor:pointer}
.dash-steps .step.on{background:var(--affirm);border-color:var(--affirm);color:#fff}
.dash-shifts{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}
.dash-shifts li{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.statement{white-space:pre-wrap;font-family:inherit;background:var(--surface-sunk);border:1px solid var(--hair);border-radius:8px;padding:.8rem;margin:0}

/* ---- the printed record: only the sheet ---------------------------------- */
#crew-print{display:none}
@media print{
  body.printing-record>*:not(#crew-print){display:none !important}
  body.printing-record #crew-print{display:block;font-size:10pt;color:#000}
  #crew-print table{border-collapse:collapse;width:100%;margin:.4rem 0 1rem}
  #crew-print th,#crew-print td{border:1px solid #999;padding:3px 5px;text-align:left;vertical-align:top}
  #crew-print pre{white-space:pre-wrap;font-family:inherit}
}