:root{--aqa-primary:#1e90ff;--aqa-accent:#ff7a00;--aqa-muted:#6b7280;--aqa-dark:#111827;}
.aqa-hero{position:relative;width:100%;min-height:160px;background:linear-gradient(135deg,var(--aqa-primary),var(--aqa-accent));background-size:cover;background-position:center;border-radius:24px;margin:12px 0;overflow:hidden;}
.aqa-hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.28);}
.aqa-hero-inner{position:relative;z-index:2;display:flex;align-items:center;gap:12px;padding:18px;}
.aqa-hero-logo{width:42px;height:42px;border-radius:12px;object-fit:cover;box-shadow:0 4px 16px rgba(0,0,0,.25);}
.aqa-hero-title{color:#fff;font-weight:700;font-size:18px;}
.aqa-head{display:grid;gap:12px;margin:10px 0 16px;}
.aqa-greet{font-weight:600;color:#111827;}
.aqa-actions{display:flex;gap:10px;flex-wrap:wrap;}
.aqa-btn{display:inline-block;text-decoration:none;padding:8px 12px;border-radius:12px;border:1px solid transparent;box-shadow:0 2px 6px rgba(0,0,0,.06);}
.aqa-btn-light{background:#fff;color:var(--aqa-dark);}
.aqa-btn-dark{background:var(--aqa-dark);color:#fff;}
.aqa-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
@media (min-width:520px){.aqa-tiles{grid-template-columns:repeat(3,minmax(0,1fr));}}
.aqa-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid #eee;border-radius:16px;padding:16px;text-align:center;text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.06);}
.aqa-tile-ico{font-size:24px;margin-bottom:8px;}
.aqa-tile-txt{font-weight:600;color:#111827;}
.aqa-smart-menu{display:flex;gap:10px;flex-wrap:wrap;}
.aqa-chip{background:var(--aqa-accent);color:#fff;text-decoration:none;padding:10px 14px;border-radius:999px;display:inline-block;}
.aqa-auth--overlay{display:flex;justify-content:center;margin-top:-20px;}
.aqa-auth-card{max-width:520px;width:100%;background:#fff;border:1px solid #eee;border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.10);padding:18px;}
.aqa-auth-body form p label{display:block;font-weight:600;margin-bottom:6px;}
.aqa-auth-body input[type="text"],.aqa-auth-body input[type="password"]{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;}
.aqa-auth-body input[type="submit"]{background:var(--aqa-primary);color:#fff;border:none;padding:12px 16px;border-radius:10px;cursor:pointer;margin-top:12px;}
.aqa-menu ul{list-style:none;margin:0;padding:0;display:flex;gap:12px;flex-wrap:wrap;}
.aqa-menu .menu-item a{background:var(--aqa-accent);color:#fff;padding:8px 12px;border-radius:999px;text-decoration:none;display:inline-block;}

.aqa-head-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:12px 0 8px;
}
.aqa-greet{ font-weight:600; font-size:18px; }
.aqa-btn-sm{ padding:6px 10px; font-size:14px; border-radius:10px; }
.aqa-btn-ghost{ background:transparent; border:1px solid #e5e7eb; color:#111827; }
.aqa-hero-logo{ width:48px; height:48px; border-radius:10px; object-fit:contain; }
.aqa-hero-title{ font-size:22px; font-weight:700; margin-left:10px; }

/* Barre haute de l'entête */
.aqa-head-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 10px 0 6px;
  flex-wrap: wrap;
}

/* Alignement du bloc droite (installer + déconnexion) */
.aqa-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}

/* Texte de bienvenue */
.aqa-greet {
  font-weight: 600;
  font-size: 18px;
  color: #111827;
}

/* Bouton compact */
.aqa-btn-sm {
  padding: 5px 12px;
  font-size: 14px;
  border-radius: 8px;
  transition: all 0.2s ease-in-out;
}

/* Style du lien déconnexion plus fin et orange */
.aqa-btn-ghost {
  background: transparent;
  border: none;
  color: #f97316; /* orange tailwind-like */
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
}
.aqa-btn-ghost:hover {
  color: #fb923c;
  text-decoration: underline;
}

/* Le bouton "installer l'appli" plus discret aussi */
.aqa-btn-light {
  border: 1px solid #f97316;
  color: #f97316;
  background: transparent;
}
.aqa-btn-light:hover {
  background: #f9731615;
}