/* ===========================================================================
   dash-skin — re-skin du dashboard vers le style SeekNow (landing)
   Palette neutre, blanc primaire, micro-labels, chiffres mono.
   Charge apres toutes les autres feuilles (index.html / shell.html).
   =========================================================================== */

html,
body {
  background: #08080b !important;
}

#root {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif !important;
}

/* --- fond de l'application + fumee ------------------------------------- */
#root > div > div.fixed {
  background:
    radial-gradient(1100px 520px at 16% -12%, rgba(255, 255, 255, .055), transparent 62%),
    radial-gradient(760px 420px at 92% 4%, rgba(255, 255, 255, .032), transparent 60%),
    #08080b !important;
}

/* --- sidebar ----------------------------------------------------------- */
#root aside {
  background: #0a0a0c !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-right: 1px solid rgba(255, 255, 255, .07) !important;
}

#root aside .revolence-title {
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
  font-size: 17px !important;
}

#root aside nav > div > div:first-child > span {
  font-family: "JetBrains Mono", ui-monospace, monospace !important;
  font-size: 9.5px !important;
  font-weight: 500 !important;
  letter-spacing: .24em !important;
  color: rgba(255, 255, 255, .3) !important;
}

#root aside nav button {
  font-size: 13.5px !important;
  letter-spacing: -.01em !important;
  border-radius: 10px !important;
}

#root aside nav button[class*="text-white/35"] {
  color: rgba(255, 255, 255, .44) !important;
}

#root aside nav button[class*="text-white/35"]:hover {
  color: rgba(255, 255, 255, .82) !important;
  background: rgba(255, 255, 255, .05) !important;
}

#root aside nav button[class*="text-white/90"] {
  background: rgba(255, 255, 255, .08) !important;
  color: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07);
}

#root aside nav button svg {
  opacity: .8;
}

/* --- topbar ------------------------------------------------------------ */
#root header.sticky {
  background: rgba(10, 10, 12, .88) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .07) !important;
}

#root header h1 {
  font-size: 15px !important;
  font-weight: 650 !important;
  letter-spacing: -.015em !important;
}

/* --- contenu : cartes --------------------------------------------------- */
main div[style*="rgb(13, 13, 13)"],
main button[style*="rgb(13, 13, 13)"],
main div[style*="#0d0d0d"],
main button[style*="#0d0d0d"] {
  background: #0c0c0e !important;
}

main [class*="rounded-2xl"][class*="border"],
main [class*="rounded-xl"][class*="border"] {
  border-color: rgba(255, 255, 255, .07) !important;
}

main [class*="rounded-2xl"]:hover[class*="border"] {
  border-color: rgba(255, 255, 255, .13) !important;
}

/* --- titres ------------------------------------------------------------- */
main h1 {
  font-size: 23px !important;
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
}

main h2,
main h3 {
  letter-spacing: -.02em !important;
}

/* --- micro-labels façon eyebrow ----------------------------------------- */
main [class*="text-[10px]"],
#root aside [class*="text-[10px]"] {
  letter-spacing: .2em !important;
  font-weight: 500 !important;
}

main [class*="text-[10px]"][class*="uppercase"],
#root aside [class*="text-[10px]"][class*="uppercase"] {
  color: rgba(255, 255, 255, .34) !important;
}

/* --- chiffres monospace -------------------------------------------------- */
main .tabular-nums,
main [class*="text-2xl"][class*="font-bold"],
main [class*="text-3xl"] {
  font-family: "JetBrains Mono", ui-monospace, monospace !important;
  font-weight: 600 !important;
  letter-spacing: -.02em !important;
}

/* --- accents neutres (vert/ambre/violet/bleu/orange -> blanc) ------------ */
[class*="text-amber-400"],
[class*="text-emerald-400"],
[class*="text-violet-400"],
[class*="text-blue-400"],
[class*="text-orange-400"] {
  color: rgba(255, 255, 255, .78) !important;
}

[class*="bg-amber-400"],
[class*="bg-emerald-400"],
[class*="bg-violet-400"],
[class*="bg-blue-400"],
[class*="bg-orange-400"] {
  background-color: rgba(255, 255, 255, .07) !important;
}

[class*="border-amber-400"],
[class*="border-emerald-400"],
[class*="border-violet-400"],
[class*="border-blue-400"],
[class*="border-orange-400"] {
  border-color: rgba(255, 255, 255, .14) !important;
}

[class*="hover:border-amber-400"]:hover,
[class*="hover:border-emerald-400"]:hover {
  border-color: rgba(255, 255, 255, .3) !important;
}

[class*="ring-amber"],
[class*="ring-emerald"] {
  --tw-ring-color: rgba(255, 255, 255, .25) !important;
}

/* --- points de statut ---------------------------------------------------- */
main span[class*="rounded-full"][class*="bg-"] {
  box-shadow: none;
}

/* --- avatar -------------------------------------------------------------- */
#root header [class*="rounded-full"][class*="bg-white"] {
  background: #fff !important;
  color: #0a0a0c !important;
}

/* --- boutons génériques -------------------------------------------------- */
main button[class*="bg-white/"]:not([class*="bg-white/[0.0"]) {
  color: #0a0a0c;
}

main [class*="border-white/[0.08]"] {
  border-color: rgba(255, 255, 255, .08) !important;
}

/* --- scrollbars ---------------------------------------------------------- */
#root ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

#root ::-webkit-scrollbar-track {
  background: transparent;
}

#root ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, .09);
  border-radius: 99px;
  border: 3px solid transparent;
  background-clip: content-box;
}

#root ::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, .18);
  background-clip: content-box;
}

/* --- survol des cartes d'accès rapide ------------------------------------ */
main button[class*="rounded-2xl"][class*="cursor-pointer"] {
  transition: transform .25s cubic-bezier(.16, 1, .3, 1),
              border-color .25s ease, box-shadow .25s ease !important;
}

main button[class*="rounded-2xl"][class*="cursor-pointer"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px -18px rgba(0, 0, 0, .9) !important;
}

/* --- focus visible ------------------------------------------------------- */
#root :focus-visible {
  outline: 1px solid rgba(255, 255, 255, .55);
  outline-offset: 2px;
}

/* --- mouvement reduit ---------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  main .dash-up,
  main .dash-fade,
  #root aside nav button {
    animation: none !important;
    transition: none !important;
  }
}