/* ===== Tema B · "Ejecutivo Grafito & Ámbar" — PMI Servicios ===== */
/* Fondo cálido con textura sutil, sidebar grafito, acento ámbar Perenco */
html:not(.dark) body{
  background:
    linear-gradient(rgba(120,113,108,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(120,113,108,.045) 1px, transparent 1px),
    linear-gradient(165deg,#faf9f7 0%,#f4f3f0 55%,#efede9 100%);
  background-size:28px 28px,28px 28px,auto;
  background-attachment:fixed;
}
html:not(.dark) .bg-background{background:transparent}
html:not(.dark) aside{
  background:linear-gradient(180deg,#1f2429 0%,#181c21 55%,#121519 100%) !important;
  box-shadow:inset -1px 0 0 rgba(230,212,24,.12), 4px 0 18px -8px rgba(0,0,0,.45);
}
html:not(.dark) .rounded-lg.border.bg-white, html:not(.dark) .rounded-md.border.bg-white{
  border-color:#e7e4de;
  box-shadow:0 1px 2px rgba(41,37,36,.05), 0 10px 24px -14px rgba(41,37,36,.18);
}
html:not(.dark) .rounded-lg.border.bg-stone-50{border-color:#e7e4de;background:#f6f5f2;box-shadow:inset 0 1px 0 #fff}
html:not(.dark) thead tr.bg-stone-50, html:not(.dark) tr.bg-stone-50{background:linear-gradient(180deg,#f7f6f3,#efede8);color:#57534e}
/* Acento grafito con detalle ámbar en pestañas activas */
html:not(.dark) .bg-stone-800{background:#23272c;box-shadow:inset 0 -2px 0 #d9c514}
html:not(.dark) .hover\:bg-stone-100:hover{background:#f1efe9}
html:not(.dark) input:focus-visible, html:not(.dark) select:focus-visible, html:not(.dark) textarea:focus-visible{outline:2px solid #d9c51433; outline-offset:0; border-color:#c9b83e}
*::-webkit-scrollbar{height:9px;width:9px}
*::-webkit-scrollbar-thumb{background:#cfccc4;border-radius:8px;border:2px solid transparent;background-clip:content-box}
*::-webkit-scrollbar-thumb:hover{background:#b3afa5;border:2px solid transparent;background-clip:content-box}
*::-webkit-scrollbar-track{background:transparent}