/* screen-setup.css — Sprint 9.1
   Escolha de site/rua/setor + lista de sessões ativas pra entrar/retomar.
   Cabeçalho "hero" (.setup-*) e formulário vêm de design-tokens.css. */

.scope-loading{color:var(--muted);font-size:12px;font-family:var(--mono);padding:12px 0;text-align:center}
.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.scope-btn{padding:12px 8px;border:1px solid var(--b);border-radius:3px;background:var(--s2);cursor:pointer;text-align:center;transition:all .15s;position:relative;overflow:hidden}
.scope-btn:hover{border-color:var(--orange);background:rgba(238,77,45,.06)}
.scope-btn.active{border-color:var(--orange);background:rgba(238,77,45,.10)}
.scope-btn.active::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--orange)}
.scope-btn-rua{font-family:var(--display);font-size:15px;font-weight:700;color:var(--orange);letter-spacing:.04em}
.scope-btn-sub{font-family:var(--mono);font-size:9px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scope-total-btn{width:100%;padding:14px 16px;border:1px dashed var(--b2);border-radius:3px;background:var(--s2);cursor:pointer;text-align:left;display:flex;align-items:center;gap:14px;transition:all .15s}
.scope-total-btn:hover,.scope-total-btn.active{border-color:var(--teal);background:rgba(13,122,122,.1)}
.scope-setor-back{background:transparent;border:none;color:var(--muted);font-family:var(--mono);font-size:11px;cursor:pointer;padding:0 0 10px;text-align:left}
.scope-setor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}
.scope-setor-btn{padding:10px 8px;border:1px solid var(--b);border-radius:3px;background:var(--s2);cursor:pointer;text-align:center;font-family:var(--mono);font-size:13px;font-weight:700;color:var(--text);transition:all .15s}
.scope-setor-btn:hover{border-color:var(--orange);background:rgba(238,77,45,.06)}
.scope-setor-all{width:100%;padding:10px;border:1px dashed var(--b2);border-radius:3px;background:var(--s2);cursor:pointer;font-family:var(--mono);font-size:11px;color:var(--muted2);text-align:center}
.scope-selected-card{background:rgba(238,77,45,.08);border:1px solid var(--orange);border-radius:3px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}
.scope-selected-name{font-family:var(--display);font-size:18px;font-weight:700;color:var(--orange);letter-spacing:.04em}
.scope-selected-sub{font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:2px}
.scope-change-btn{font-family:var(--display);font-size:11px;font-weight:600;color:var(--muted);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--b);padding:4px 10px;border-radius:3px;background:transparent;white-space:nowrap}

/* ── Cards de sessão ativa (entrar/retomar) ─────────────────── */
.session-card{background:var(--s2);border:1px solid var(--b);border-radius:4px;padding:14px 16px;margin-bottom:8px;cursor:pointer;transition:all .15s}
.session-card:hover{border-color:var(--teal);background:rgba(13,122,122,.08)}
.session-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.session-card-name{font-family:var(--display);font-size:15px;font-weight:700;color:var(--text);letter-spacing:.04em}
.session-card-status{font-family:var(--mono);font-size:10px;font-weight:600;padding:2px 8px;border-radius:2px;text-transform:uppercase;letter-spacing:.06em}
.session-status-andamento{background:var(--info-bg);color:var(--info)}
.session-status-pausada{background:var(--warn-bg);color:var(--warn)}
.session-card-meta{font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:10px;line-height:1.6}
.session-join-btn{width:100%;padding:10px;background:var(--teal);color:white;border:none;border-radius:3px;font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.session-join-btn:active{background:var(--teal-dark)}