/* ODONTTOFLOW - IDENTIDADE VISUAL */

body {
  background:#eaf6ff !important;
}

.no-print.fixed.inset-y-0.left-0 {
  background:linear-gradient(180deg,#123d79,#087cbd) !important;
  box-shadow:10px 0 35px rgba(0,65,130,.25) !important;
}

.no-print.fixed.inset-y-0.left-0 * {
  color:white !important;
}

.no-print.sticky.top-0 {
  background:linear-gradient(90deg,#e0f7ff,#f2edff) !important;
  box-shadow:0 8px 28px rgba(0,75,150,.15) !important;
}


/* ODONTTOFLOW - REFINAMENTO PREMIUM */

/* Corrige textos invisíveis em cartões claros da lateral */
.no-print.fixed.inset-y-0.left-0 .rounded-2xl.bg-gradient-to-br,
.no-print.fixed.inset-y-0.left-0 .rounded-2xl.bg-gradient-to-br * {
  color:#17365f !important;
}

/* Corrige item selecionado do menu */
.no-print.fixed.inset-y-0.left-0 a.bg-sky-50,
.no-print.fixed.inset-y-0.left-0 a.bg-sky-50 * {
  color:#075c9d !important;
}

/* Cartões com sombras profissionais */
main .rounded-2xl.bg-white,
main .rounded-3xl.bg-white,
main .bg-white.rounded-2xl,
main .bg-white.rounded-3xl {
  box-shadow:
    0 16px 40px rgba(20,65,115,.13),
    0 4px 12px rgba(20,65,115,.06) !important;
  border:1px solid rgba(210,229,246,.9);
  transition:box-shadow .25s ease,transform .25s ease;
}

main .rounded-2xl.bg-white:hover,
main .rounded-3xl.bg-white:hover {
  box-shadow:
    0 22px 52px rgba(20,65,115,.19),
    0 6px 16px rgba(20,65,115,.08) !important;
}

/* Marca-d'agua no fundo da area principal */
main {
  position:relative;
  background-image:
    url('/assets/tooth-watermark.svg'),
    radial-gradient(circle at 80% 15%,rgba(28,166,208,.10),transparent 40%);
  background-repeat:no-repeat;
  background-position:right 4% top 5%,center;
  background-size:240px auto,cover;
  background-attachment:scroll;
}

/* Campos e botoes */
input,select,textarea {
  transition:border-color .2s,box-shadow .2s;
}

button {
  transition:transform .2s,box-shadow .2s,filter .2s;
}

button:hover:not(:disabled) {
  filter:brightness(1.05);
}

/* Respeita acessibilidade */
@media(prefers-reduced-motion:reduce) {
  button,main .rounded-2xl.bg-white {
    transition:none;
  }
}

@media(max-width:768px) {
  main {
    background-size:140px auto,cover;
  }
}

/* CORRECAO DEFINITIVA DO CONTRASTE DO MENU */

/* Links normais sobre fundo azul */
.no-print.fixed.inset-y-0.left-0 a {
  color:#ffffff !important;
}

/* Item selecionado, com fundo claro */
.no-print.fixed.inset-y-0.left-0 a[aria-current="page"],
.no-print.fixed.inset-y-0.left-0 a[aria-current="page"] *,
.no-print.fixed.inset-y-0.left-0 a.bg-sky-50,
.no-print.fixed.inset-y-0.left-0 a.bg-sky-50 * {
  color:#075c9d !important;
}

/* Hover: fundo claro e letras azuis */
.no-print.fixed.inset-y-0.left-0 a:hover,
.no-print.fixed.inset-y-0.left-0 a:hover *,
.no-print.fixed.inset-y-0.left-0 a:focus-visible,
.no-print.fixed.inset-y-0.left-0 a:focus-visible * {
  color:#075c9d !important;
}

/* Links com fundo claro tambem devem ter texto escuro */
.no-print.fixed.inset-y-0.left-0 a[class*="bg-white"],
.no-print.fixed.inset-y-0.left-0 a[class*="bg-white"] * {
  color:#075c9d !important;
}

/* Cartao de configuracoes */
.no-print.fixed.inset-y-0.left-0 .rounded-2xl.bg-gradient-to-br,
.no-print.fixed.inset-y-0.left-0 .rounded-2xl.bg-gradient-to-br * {
  color:#17365f !important;
}


/* MENU ODONTTOFLOW - CONTRASTE CORRIGIDO */

/* Fundo azul permanente */
aside.no-print.fixed.inset-y-0.left-0 {
  background: linear-gradient(
    180deg,
    #173e77 0%,
    #126ba9 100%
  ) !important;
}

/* Links normais */
aside.no-print.fixed.inset-y-0.left-0 nav a {
  color: #ffffff !important;
  background: transparent !important;
  transition: background .2s ease, color .2s ease !important;
}

/* Icones e textos normais */
aside.no-print.fixed.inset-y-0.left-0 nav a svg,
aside.no-print.fixed.inset-y-0.left-0 nav a span {
  color: inherit !important;
}

/* Hover: azul translúcido, nunca branco */
aside.no-print.fixed.inset-y-0.left-0 nav a:hover {
  background: rgba(255,255,255,.16) !important;
  color: #ffffff !important;
}

/* Item selecionado */
aside.no-print.fixed.inset-y-0.left-0 nav a[aria-current="page"],
aside.no-print.fixed.inset-y-0.left-0 nav a.active {
  background: #eef7ff !important;
  color: #075c9d !important;
}

/* Item selecionado durante hover */
aside.no-print.fixed.inset-y-0.left-0 nav a[aria-current="page"]:hover,
aside.no-print.fixed.inset-y-0.left-0 nav a.active:hover {
  background: #ffffff !important;
  color: #075c9d !important;
}

/* Cartao inferior de configuracoes */
aside.no-print.fixed.inset-y-0.left-0 .rounded-2xl.bg-gradient-to-br,
aside.no-print.fixed.inset-y-0.left-0 .rounded-2xl.bg-gradient-to-br * {
  color: #17365f !important;
}

