/* U7-A: the shared-station bar (who is working, the station, Lock / switch user) and the workstation PIN setting. */
#station-bar { position: sticky; top: 0; z-index: 30; max-width: 1180px; margin: 10px auto 0; padding: 0 20px; }
body.shop-on #station-bar { margin: 12px 0 0 236px; max-width: none; padding: 0 44px; }
@media (max-width: 860px) { body.shop-on #station-bar { margin-left: 0; padding: 0 16px; } #station-bar { padding: 0 16px; } }
.stn-bar { background: var(--surface, #fff); border-radius: 14px; box-shadow: 0 0 0 .5px var(--hair, rgba(0,0,0,.09)), 0 2px 10px rgba(0,0,0,.05); padding: 10px 14px; display: grid; gap: 8px; }
.stn-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.stn-avatar { width: 36px; height: 36px; border-radius: 50%; background: var(--accent, #0a66d8); color: var(--accent-ink, #fff); display: inline-grid; place-items: center; font-weight: 700; font-size: 14px; flex: none; }
.stn-who { display: grid; gap: 1px; min-width: 0; flex: 1 1 220px; }
.stn-name { font-size: 16px; }
.stn-where { font-size: 12.5px; color: var(--ink-2, #555); overflow-wrap: anywhere; }
.stn-warn { font-size: 13px; color: #a14a00; font-weight: 600; }
.stn-warn:empty { display: none; }
.stn-lock { flex: none; }
.stn-held { margin: 0; font-size: 13px; color: var(--ink-2, #555); }
.stn-drafts summary { cursor: pointer; font-weight: 600; font-size: 14px; }
.stn-draft { border-top: .5px solid var(--hair, rgba(0,0,0,.09)); padding: 8px 0 0; margin-top: 8px; }
.stn-draft-head { margin: 0 0 6px; font-size: 13.5px; }
.stn-fields { display: grid; grid-template-columns: minmax(120px, max-content) 1fr; gap: 4px 12px; margin: 0 0 8px; font-size: 13.5px; }
.stn-fields dt { color: var(--ink-2, #555); }
.stn-fields dd { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.stn-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
@media (max-width: 520px) { .stn-fields { grid-template-columns: 1fr; } .stn-lock { width: 100%; } }
.stn-settings { display: grid; gap: 16px; max-width: 760px; }
.stn-state { margin: 0 0 12px; }
.stn-form { display: grid; gap: 12px; max-width: 460px; }
.stn-check { display: flex; gap: 8px; align-items: center; font-weight: 600; }
.stn-field { display: grid; gap: 4px; }
.stn-field input[type="number"] { max-width: 120px; }
.stn-rules p { margin: 0 0 8px; }
.stn-history { margin: 0; padding-left: 18px; display: grid; gap: 6px; }