/* ============================================================
   Central de Ferramentas — estilos próprios.
   Tudo o que é comum à suíte está em ds.css.
   ============================================================ */

/* ---------------------------- Launcher ---------------------------- */

.launcher-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(288px,1fr));
  gap:20px;
  list-style:none;
}

.app-card{
  display:flex;align-items:flex-start;gap:18px;height:100%;
  padding:24px 22px;
}
.app-card__text{display:grid;gap:7px;min-width:0}
.app-card__text strong{font-size:17px;font-weight:700;letter-spacing:-.03em;color:var(--ink-900)}
.app-card__text p{color:var(--ink-500);font-size:14.8px;line-height:1.55}
.app-card .learn{margin-top:4px}

/* O primeiro card (ou um marcado com `featured` em apps.php) usa o tile sólido:
   ponto de ênfase deliberado que quebra a repetição, como na referência.
   A cor do ícone vem de .tile / .tile--solid — não sobrescreva aqui, ou o
   ícone branco do tile sólido volta a ficar azul sobre azul. */

/* ------------------------- Tela de login -------------------------- */

.auth{
  flex:1;display:grid;place-items:center;
  padding:48px 20px 64px;
}
.auth-card{
  width:100%;max-width:412px;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);
  box-shadow:var(--sh-app);padding:38px 36px 32px;
}
.auth-card--wide{max-width:480px}

.auth-brand{display:grid;justify-items:center;gap:6px;text-align:center;margin-bottom:28px}
.auth-brand .brand__mark{width:52px;height:52px;border-radius:16px;font-size:17px;margin-bottom:10px}
/* A logo entra maior na tela de entrada, onde há espaço e ela é o assunto. */
.auth-brand .brand__mark--plain{width:auto;height:auto;border-radius:0;margin-bottom:14px}
.auth-brand .brand__mark--plain img{height:82px}
.auth-brand h1{font-size:24px;letter-spacing:-.035em}
.auth-brand p{color:var(--ink-500);font-size:15px}

.auth-card .form{gap:18px}
.auth-note{margin-top:22px;text-align:center;color:var(--ink-400);font-size:13.5px;line-height:1.5}

/* --------------------------- Usuários ----------------------------- */

.user-cell{display:flex;align-items:center;gap:11px;min-width:0}
.user-cell strong{font-weight:600;color:var(--ink-800);letter-spacing:-.01em}
.user-cell .tag{flex:none}

@media (max-width:640px){
  .auth-card{padding:28px 22px;border:none;box-shadow:none;background:transparent}
  .app-card{padding:20px}
}