/* ═══════════════════════════════════════════════════════════════════════════════
 * mearas.css — Manual de Identidade Visual Mearas 2025, compartilhado por todos os sistemas.
 * Fica em public_html/dashboards/_mearas/ (publicado pelo repositório "tarefas"). Mudou aqui, mudou em todos.
 * Uso:  <link rel="stylesheet" href="/dashboards/_mearas/mearas.css">   e   <script src="/dashboards/_mearas/mearas.js"></script>
 * Carregue ANTES do <style> da página: o CSS da página vence quando precisar de algo específico.
 * v1 (10/10/2026): cores, fontes próprias, base, ícones, logos, aviso (toast).
 * ═══════════════════════════════════════════════════════════════════════════════ */

/* Fontes hospedadas por nós (Raleway e Source Sans 3, variáveis; licença OFL em LICENCAS.txt) */
@font-face{font-family:'Raleway';font-style:normal;font-weight:100 900;font-display:swap;
  src:url(raleway-latin-wght-normal.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Raleway';font-style:normal;font-weight:100 900;font-display:swap;
  src:url(raleway-latin-ext-wght-normal.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:200 900;font-display:swap;
  src:url(source-sans-3-latin-wght-normal.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:200 900;font-display:swap;
  src:url(source-sans-3-latin-ext-wght-normal.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* Cores e fontes (tema escuro único). Botão principal = Azul Padrão com letra branca; destaques/links = Azul Claro. */
:root{
  --navy:#002633; --navy2:#00202B; --navy3:#003040;
  --cyan:#00BFFF; --cyan2:#5CD6FF;
  --white:#EAF4F8; --grey:#8DB3C3; --grey2:#C2D9E3;
  --border:#0D4558; --border2:#145569;
  --red:#EE7070; --green:#3DD68C; --amber:#F5A623;
  --card:#003040; --card2:#073B4E;
  --sh:0 4px 24px rgba(0,0,0,.4); --r:11px;
  --font:'Source Sans 3',system-ui,sans-serif; --mono:'Source Sans 3',system-ui,sans-serif;
  --display:'Raleway',sans-serif;
  --azul:#007BA4; --azul-medio:#00607F;
}

/* Base */
*,*::before,*::after{box-sizing:border-box}
body{font-family:var(--font);background:var(--navy);color:var(--white);font-variant-numeric:lining-nums tabular-nums}
::selection{background:var(--azul);color:#fff}
:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--navy)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
.m-display{font-family:var(--display);font-variant-numeric:lining-nums}

/* Ícones desenhados (traço), usados com <svg class="m-ic"><use href="#nome"/></svg> */
.m-ic{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em;flex:none}

/* Logo (branca) e cavalo (branco). O manual proíbe mudar a cor da logo e separar o cavalo do nome:
 * cavalo sozinho só no topo (pedido do usuário em 06/10). Arquivo com os desenhos: simbolos.svg
 *   <svg class="m-logo-login" viewBox="0 0 1795.67 465.67" role="img" aria-label="Mearas Sports"><use href="/dashboards/_mearas/simbolos.svg#mearas-logo"/></svg>
 *   <svg class="m-logo-topo"  viewBox="0 0 500.33 465.33"  role="img" aria-label="Mearas Sports"><use href="/dashboards/_mearas/simbolos.svg#mearas-simbolo"/></svg> */
.m-logo-login{display:block;width:180px;max-width:70%;height:auto;aspect-ratio:3.86;color:#fff;fill:currentColor}
.m-logo-topo{display:block;height:30px;width:auto;aspect-ratio:1.075;color:#fff;fill:currentColor;flex-shrink:0}

/* Aviso na tela: Mearas.toast('texto', 'ok' | 'err') */
.m-toast{position:fixed;bottom:24px;right:24px;background:var(--card);border:1px solid var(--border);border-radius:9px;
  padding:11px 18px;font-size:.82rem;box-shadow:var(--sh);transform:translateY(70px);opacity:0;
  transition:all .28s cubic-bezier(.34,1.56,.64,1);z-index:999;max-width:260px;pointer-events:none}
.m-toast.show{transform:translateY(0);opacity:1}
.m-toast.ok{border-color:var(--green);color:var(--green)}
.m-toast.err{border-color:var(--red);color:var(--red)}