/* Event stages, drawn by app/event-stages.js: the quiet stage tag on the
   Events list, the event header and cards, and the Stage block at the top of
   the event's Tasks tab. Loaded after event-dashboard-view.css; it reuses that sheet's
   block, heading and button rows and adds no colour tokens. The tag is one
   neutral outline for every stage, never a coloured pill. */
.event-stage-tag{display:inline-flex;flex:none;align-items:center;height:20px;padding:0 7px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);font:600 10.5px/1 "Bricolage Grotesque",sans-serif;letter-spacing:.04em;white-space:nowrap}
.event-stage-tag[data-stage="complete"]{color:var(--muted)}
.event-card-state .event-stage-tag+.event-status-mark{margin-left:2px}

.event-stage-head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 18px;margin-bottom:10px}
.event-stage-picker{display:grid;gap:4px;margin:0;color:var(--muted);font:500 12.5px "Bricolage Grotesque",sans-serif;letter-spacing:0;text-transform:none}
.event-stage-picker select{min-width:230px;max-width:100%;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font:600 13px "Bricolage Grotesque",sans-serif}
.event-stage-picker select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.event-stage-head>div{flex:1 1 240px;min-width:0;padding-top:20px}
.event-stage-hint,.event-stage-green-light{margin:0 0 4px;font-size:13.5px;line-height:1.45}
.event-stage-hint{color:var(--muted)}
.event-stage-green-light small{display:block;color:var(--muted);font-size:12.5px}
.event-stage-warning{margin:0 0 8px;padding:8px 11px;border-radius:8px;font-size:13px;line-height:1.45}
.event-stage-warning.is-watch{background:#fbf3e3;color:#7a5210}
.event-stage-warning.is-late{background:#fbe9e7;color:#8f2a1d}
.event-stage-block>.event-dashboard-actions{margin-bottom:10px}

.event-stage-list{display:grid;margin:0;padding:0;list-style:none}
.event-stage{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 12px;align-items:start;padding:9px 0;border-top:1px solid #eeecf0}
.event-stage-name{display:grid;gap:1px}
.event-stage-name b{font:600 12px/1.3 "Bricolage Grotesque",sans-serif;letter-spacing:.04em}
.event-stage-name small{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
.event-stage.is-current .event-stage-name b::before{content:"● ";color:var(--event-card-accent,var(--accent))}
.event-stage.is-done .event-stage-name b{color:var(--muted)}
.event-stage-sign-offs{display:grid;gap:6px}
.event-stage-sign-off{display:flex;align-items:flex-start;gap:8px;margin:0;color:var(--ink);font:500 13.5px/1.4 "Bricolage Grotesque",sans-serif;letter-spacing:0;text-transform:none;cursor:pointer}
.event-stage-sign-off input{flex:none;width:16px;height:16px;margin:2px 0 0;accent-color:#17613c}
.event-stage-sign-off input:disabled{cursor:default}
.event-stage-sign-off b{font-weight:600}
.event-stage-sign-off small{display:block;color:var(--muted);font-size:12.5px}
.event-stage-sign-off.is-done b{color:#17613c}

@media(max-width:760px){.event-stage{grid-template-columns:1fr}.event-stage-head>div{padding-top:0}.event-stage-picker select{min-width:0;width:100%}}