/* ==========================================================================
   WebDig Host — WHMCS Nexus | custom.css consolidado
   Base: custom.css Nexus disponibilizado em 11-11-2026
   Mantém todas as variáveis nativas e a identidade WebDig Host.
   Preserva as regras de tipografia, acessibilidade, login e conhecimento.
   Não modificar os ficheiros CSS originais do tema Nexus.
   ========================================================================== */

@import url('https://fonts.bunny.net/css?family=space-grotesk:300,400,500,600,700');

:root {
  --white:#fff;

  /* 1. Identidade WebDig Host */
  --wd-brand-primary:#00A9A9;
  --wd-brand-secondary:#20C5C5;
  --wd-brand-gradient:linear-gradient(75deg,#00A9A9 0%,#20C5C5 100%);
  --wd-bg-soft:#F7F7F9;
  --wd-text:#313233;
  --wd-border:#E4E3E8;

  /* 2. Escala neutra */
  --neutral-50:#F7F7F9;
  --neutral-100:#F3F2F5;
  --neutral-200:#E4E3E8;
  --neutral-300:#D4D3D9;
  --neutral-400:#999C9E;
  --neutral-500:#777B7E;
  --neutral-600:#626669;
  --neutral-700:#4B4C4D;
  --neutral-800:#313233;
  --neutral-900:#252627;
  --neutral-950:#18191A;

  /* 3. Escala turquesa */
  --primary-50:#EFFBFB;
  --primary-100:#D9F5F5;
  --primary-200:#B3EBEB;
  --primary-300:#7EDDDD;
  --primary-400:#20C5C5;
  --primary-500:#00A9A9;
  --primary-600:#008F8F;
  --primary-700:#007878;
  --primary-800:#006363;
  --primary-900:#005252;
  --primary-950:#003737;

  /* 4. Cores principais Nexus */
  --primary:var(--primary-500);
  --primary-lifted:var(--primary-600);
  --primary-accented:var(--primary-700);

  --secondary:var(--neutral-600);
  --secondary-lifted:var(--neutral-700);
  --secondary-accented:var(--neutral-800);

  /* 5. Cores de estado */
  --success:#00A63E;
  --success-lifted:#008236;
  --success-accented:#016630;

  --info:#155DFC;
  --info-lifted:#1447E6;
  --info-accented:#193CB8;

  --notice:#7F22FE;
  --notice-lifted:#7008E7;
  --notice-accented:#5D0EC0;

  --warning:#F54A00;
  --warning-lifted:#CA3500;
  --warning-accented:#9F2D00;

  --error:#E7000B;
  --error-lifted:#C10007;
  --error-accented:#9F0712;

  /* 6. Escalas auxiliares */
  --grayscale:var(--neutral-900);
  --grayscale-lifted:var(--neutral-800);
  --grayscale-accented:var(--neutral-700);

  --neutral:var(--neutral-500);
  --neutral-lifted:var(--neutral-600);
  --neutral-accented:var(--neutral-700);

  /* 7. Texto */
  --text-inverted:var(--white);
  --text-muted:var(--neutral-600);
  --text-lifted:var(--neutral-700);
  --text-accented:var(--neutral-800);
  --text:var(--wd-text);

  /* 8. Bordas */
  --border-muted:var(--neutral-200);
  --border:var(--neutral-300);
  --border-lifted:var(--neutral-400);
  --border-accented:var(--neutral-600);

  /* 9. Fundos */
  --bg:var(--white);
  --bg-muted:var(--wd-bg-soft);
  --bg-lifted:var(--neutral-100);
  --bg-accented:var(--neutral-200);
  --bg-inverted:var(--neutral-950);

  /* 10. Cores auxiliares Nexus */
  --yellow-200:#FFF085;
  --yellow-300:#FFDF20;
  --teal-300:#46EDD5;
  --teal-400:#00D5BE;
  --emerald-300:#5EE9B5;
  --pink-400:#FB64B6;

  /* 11. Tipografia */
  --font-family:'Space Grotesk',sans-serif;
  --text-xs:.625rem;
  --text-sm:.75rem;
  --text-md:.875rem;
  --text-lg:1rem;
  --letter-spacing:0em;

  /* 12. Contornos e cantos */
  --outline-sm:1px;
  --outline-md:2px;
  --outline-lg:3px;
  --rounding-sm:.25rem;
  --rounding-md:.5rem;
  --rounding-lg:.75rem;
  --disabled-opacity:25%;
}

/* Tipografia global */
body,button,input,select,textarea,table {
  font-family:var(--font-family);
}

h1,h2,h3,h4,h5,h6 {
  font-family:var(--font-family);
  font-weight:600;
  letter-spacing:-.025em;
}

button,input,select,textarea {
  font-family:inherit;
}

/* Acessibilidade */
:focus-visible {
  outline:2px solid var(--primary-700);
  outline-offset:2px;
}

::selection {
  background:var(--primary-200);
  color:var(--neutral-900);
}

/* Login - ocultar breadcrumb */
body:has(form[action*="login"]) nav.master-breadcrumb {
  display:none!important;
}

/* Base de Conhecimento - legibilidade */
.list-group-item small,
.card-body a > small {
  color:var(--neutral-600)!important;
  opacity:1!important;
  -webkit-text-fill-color:var(--neutral-600)!important;
}