/* FaceCantina Gestão: só a tela de escolha da escola. O painel traz o próprio estilo, da versão de cada escola. */
.fcg-screen { --fcg-text: #1c1d21; --fcg-muted: #6b6f7a; --fcg-line: #d4d7de; --fcg-surface: #fff; --fcg-accent: #e8262d;
  min-height: 100vh; min-height: 100dvh; margin: 0; display: grid; place-items: center; padding: 24px 16px;
  background: radial-gradient(circle at 50% -10%, #e3e5ea 0%, #f6f7f9 55%); color: var(--fcg-text);
  font: 16px/1.45 "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif; box-sizing: border-box; }
html, body { margin: 0; }
.fcg-screen *, .fcg-screen *::before { box-sizing: border-box; }
.fcg-screen [hidden] { display: none !important; }
.fcg-card { width: min(440px, 100%); padding: 28px 22px; border-radius: 24px; background: var(--fcg-surface); box-shadow: 0 24px 60px rgba(20, 22, 28, .16); }
.fcg-brand { display: flex; align-items: center; gap: 12px; }
.fcg-brand svg { width: 46px; height: 46px; flex: none; }
.fcg-brand b { display: block; font-size: 1.15rem; letter-spacing: -.02em; }
.fcg-brand em { font-style: normal; color: var(--fcg-accent); }
.fcg-brand small { display: block; color: var(--fcg-muted); font-size: .72rem; letter-spacing: .18em; text-transform: uppercase; }
.fcg-card h1 { margin: 22px 0 0; font-size: 1.6rem; font-weight: 800; letter-spacing: -.02em; }
.fcg-muted { margin: 4px 0 18px; color: var(--fcg-muted); }
.fcg-card label { display: grid; gap: 6px; font-size: .88rem; font-weight: 600; }
.fcg-card input { width: 100%; min-height: 48px; border: 1px solid var(--fcg-line); border-radius: 12px; background: #fff; color: inherit; padding: 0 14px; font: inherit; outline: none; }
.fcg-card input:focus { border-color: var(--fcg-accent); box-shadow: 0 0 0 3px rgba(232, 38, 45, .12); }
.fcg-list { display: grid; gap: 8px; margin-top: 14px; max-height: 50vh; overflow-y: auto; }
.fcg-school { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px; border: 1px solid #e4e6eb; border-radius: 14px; background: #fff; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.fcg-school:hover, .fcg-school:focus-visible { border-color: var(--fcg-accent); outline: none; }
.fcg-school span { display: grid; place-items: center; width: 42px; height: 42px; flex: none; border-radius: 12px; background: #1c1d21; color: #fff; font-weight: 700; }
.fcg-school b { display: block; }
.fcg-school small { display: block; color: var(--fcg-muted); font-size: .8rem; }
.fcg-note { display: block; margin-top: 14px; color: #9a9ea8; font-size: .78rem; text-align: center; }
.fcg-actions { display: grid; gap: 8px; margin-top: 6px; }
.fcg-primary { min-height: 48px; border: 0; border-radius: 12px; background: var(--fcg-accent); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.fcg-link { padding: 8px; border: 0; background: none; color: #c41d23; font: inherit; font-weight: 600; cursor: pointer; }
/* Dentro do painel carregado: atalho para trocar de escola na tela de entrada */
.fcg-change-school { display: block; margin: 10px auto 0; padding: 8px; border: 0; background: none; color: inherit; opacity: .75; font: inherit; font-size: .88rem; text-decoration: underline; cursor: pointer; }