@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 200 1000;
  font-stretch: 100%;
  font-display: swap;
  src: url(/azape/fonts/nunito-sans-latin-ext.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 200 1000;
  font-stretch: 100%;
  font-display: swap;
  src: url(/azape/fonts/nunito-sans-latin.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: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/azape/fonts/plus-jakarta-sans-latin-ext.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/azape/fonts/plus-jakarta-sans-latin.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;
}
/* Azape — tema do Cinny (app.azape.co) a partir do Design System Azape
   Laranja #FE7C6E (600 #F06455, 700 #D24F41) · Preto #272727 · Neutros 600-900
   Nunito Sans (UI) · Plus Jakarta Sans (titulos) · raio 8px · foco laranja */

/* ---------- Cores (todas as variacoes de tema do Cinny viram o tema Azape) ---------- */
body, body[class] {
  /* Background: barra de espacos e lista de salas (sidebar do DS) */
  --oq6d070: #1F1F1E !important; --oq6d071: #2A2A29 !important; --oq6d072: #333332 !important;
  --oq6d073: #333332 !important; --oq6d074: #FFFFFF !important;
  /* Surface: area da conversa */
  --oq6d075: #272727 !important; --oq6d076: #2F2F2F !important; --oq6d077: #363636 !important;
  --oq6d078: #363636 !important; --oq6d079: #FFFFFF !important;
  /* SurfaceVariant: campos, cartoes, menus */
  --oq6d07a: #2F2F2F !important; --oq6d07b: #363636 !important; --oq6d07c: #3F3F3E !important;
  --oq6d07d: #4C4A4A !important; --oq6d07e: #F5F5F5 !important;
  /* Primary: laranja Azape */
  --oq6d07f: #FE7C6E !important; --oq6d07g: #F06455 !important; --oq6d07h: #D24F41 !important;
  --oq6d07i: #D24F41 !important; --oq6d07j: #FFFFFF !important;
  --oq6d07k: #44302D !important; --oq6d07l: #523632 !important; --oq6d07m: #5E3B36 !important;
  --oq6d07n: #74443D !important; --oq6d07o: #FFD5D0 !important;
  /* Secondary: neutros */
  --oq6d07p: #FFFFFF !important; --oq6d07q: #EAEAEA !important; --oq6d07r: #D9D9D9 !important;
  --oq6d07s: #D9D9D9 !important; --oq6d07t: #272727 !important;
  --oq6d07u: #363636 !important; --oq6d07v: #3F3F3E !important; --oq6d07w: #4C4A4A !important;
  --oq6d07x: #59666F !important; --oq6d07y: #F5F5F5 !important;
  /* Success: #07C693 */
  --oq6d07z: #07C693 !important; --oq6d0710: #06B385 !important; --oq6d0711: #05A077 !important;
  --oq6d0712: #05A077 !important; --oq6d0713: #06281F !important;
  --oq6d0714: #133A30 !important; --oq6d0715: #174538 !important; --oq6d0716: #1B4F40 !important;
  --oq6d0717: #215C4B !important; --oq6d0718: #C9F3E6 !important;
  /* Critical: #FF3D3D */
  --oq6d071j: #FF5C5C !important; --oq6d071k: #FF3D3D !important; --oq6d071l: #E63535 !important;
  --oq6d071m: #E63535 !important; --oq6d071n: #FFFFFF !important;
  --oq6d071o: #451F1F !important; --oq6d071p: #532424 !important; --oq6d071q: #5E2828 !important;
  --oq6d071r: #6E2E2E !important; --oq6d071s: #FFD6D6 !important;
  /* Outros: anel de foco laranja, sombra, overlay */
  --oq6d071t: rgba(254,124,110,.55) !important;
  --oq6d071u: rgba(0,0,0,.42) !important; --oq6d071v: rgba(0,0,0,.8) !important;
  /* Tipografia */
  --_164xfge1: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  background-color: #272727;
}
h1, h2, h3 { font-family: "Plus Jakarta Sans", "Nunito Sans", sans-serif !important; letter-spacing: -.01em; }
::selection { background: rgba(254,124,110,.35); }
a { color: #FE7C6E; }
* { scrollbar-color: #4C4A4A transparent; }

/* ---------- Marca: logo Azape no lugar do logo do Cinny ---------- */
img[alt="Azape Logo"] { content: url("/azape/az-icon.svg"); border-radius: 8px; }
img[alt="Azape Logo"][width="70"] { content: url("/azape/logo-azape.svg"); width: 200px !important; height: auto !important; border-radius: 0; }
/* Links e botoes do projeto Cinny (sobre, versao, redes, codigo, doacao) */
a[href*="cinny.in"], a[href*="github.com/ajbura"], a[href*="github.com/cinnyapp"],
a[href*="twitter.com/cinnyapp"], a[href*="opencollective"], a[href*="liberapay"], a[href*="ko-fi"] { display: none !important; }
/* Cadastro e "esqueci a senha" ficam na conta Azape (account.azape.co) */
p:has(> a[href^="/register"]), a[href^="/reset-password"] { display: none !important; }

/* ---------- Tela de login: mesma identidade do chat e da conta ---------- */
div:has(> div > header img[alt="Azape Logo"]) {
  background: linear-gradient(rgba(15,17,24,.55), rgba(15,17,24,.78)),
              url("/azape/hero-ai-bg.webp") center / cover no-repeat #0F1118 !important;
}
div:has(> header img[alt="Azape Logo"]) {
  background: rgba(31,33,40,.88) !important;
  border: 1px solid rgba(255,255,255,.09) !important; border-radius: 24px !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.5) !important;
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); overflow: hidden;
}
header:has(img[alt="Azape Logo"]) { border: 0 !important; justify-content: center; padding-top: 28px; height: auto !important; }
header:has(img[alt="Azape Logo"]) > div { justify-content: center; }
header img[alt="Azape Logo"] { content: url("/azape/logo-azape.svg"); width: 150px !important; height: auto !important; border-radius: 0; }
header:has(img[alt="Azape Logo"]) p { display: none !important; }
/* Servidor fixo: azape.co (sem campo de servidor) */
header:has(img[alt="Azape Logo"]) + div > div:first-child:has(input:not([name])) { display: none !important; }
/* Login unico pela conta Azape: esconde o formulario de senha e o "OU" */
div:has(> form input[name="passwordInput"]) > p:first-child,
div:has(> form input[name="passwordInput"]) > form,
div:has(> form input[name="passwordInput"]) > div:has(> p:only-of-type):not(:has(a)) { display: none !important; }
a[href*="/login/sso/redirect"] {
  background: #FE7C6E !important; color: #fff !important; border: 0 !important;
  border-radius: 999px !important; min-height: 48px; font-weight: 700 !important;
}
a[href*="/login/sso/redirect"]:hover { background: #F06455 !important; }
a[href*="/login/sso/redirect"] p { color: #fff !important; font-weight: 700 !important; font-size: 15px !important; }
a[href="https://matrix.org"] { color: rgba(255,255,255,.6) !important; }

/* ---------- Ajustes de componentes conforme o DS ---------- */
button, input, textarea { font-family: inherit; }

/* Item selecionado na lista de salas (padrao do DS: fundo branco 10%, icone laranja) */
[aria-selected="true"] { background-color: rgba(255,255,255,.10) !important; border-radius: 8px !important; }
[aria-selected="true"] svg { color: #FE7C6E !important; }
[aria-selected="true"] p { font-weight: 700 !important; color: #FFFFFF !important; }
/* Cartao de login centralizado na altura */
div:has(> header img[alt="Azape Logo"]) { margin-top: 12vh !important; }