/* ADKO ADMIN · Theme Layer V1.1
   Corrección: Sistema = apariencia original ADKO; Claro = claro completo; Oscuro = oscuro forzado.
   Solo presentación. No modifica lógica, datos, impresión ni permisos. */

/* BASE / SISTEMA = DISEÑO ORIGINAL ADKO */
:root,
html[data-adko-theme="system"],
html[data-adko-theme="dark"]{
  color-scheme:dark;
  --adko-theme-bg:#10100f;
  --adko-theme-panel:#171613;
  --adko-theme-panel-2:#1b1a17;
  --adko-theme-input:#11110f;
  --adko-theme-text:#F6F4EF;
  --adko-theme-muted:#AAA49C;
  --adko-theme-line:rgba(246,244,239,.12);
  --adko-theme-top:#0d0d0c;
  --adko-theme-soft:rgba(255,255,255,.026);
  --adko-theme-hover:rgba(255,255,255,.05);
}

/* MODO CLARO COMPLETO */
html[data-adko-theme="light"]{
  color-scheme:light;
  --adko-theme-bg:#f4f2ed;
  --adko-theme-panel:#ffffff;
  --adko-theme-panel-2:#f8f6f1;
  --adko-theme-input:#ffffff;
  --adko-theme-text:#211f1c;
  --adko-theme-muted:#6f6962;
  --adko-theme-line:rgba(29,27,25,.14);
  --adko-theme-top:#f8f6f1;
  --adko-theme-soft:#ffffff;
  --adko-theme-hover:rgba(29,27,25,.05);

  /* Variables ya utilizadas en distintos módulos ADKO */
  --bg:var(--adko-theme-bg)!important;
  --carbon:var(--adko-theme-bg)!important;
  --carbon2:#ebe8e1!important;
  --panel:var(--adko-theme-panel)!important;
  --panel2:var(--adko-theme-panel-2)!important;
  --surface:var(--adko-theme-soft)!important;
  --ivory:var(--adko-theme-text)!important;
  --bone:var(--adko-theme-text)!important;
  --muted:var(--adko-theme-muted)!important;
  --line:var(--adko-theme-line)!important;
}

html[data-adko-theme="light"] body,
html[data-adko-theme="light"] .app,
html[data-adko-theme="light"] .view,
html[data-adko-theme="light"] .view.active,
html[data-adko-theme="light"] main,
html[data-adko-theme="light"] .content{
  background-color:var(--adko-theme-bg)!important;
  color:var(--adko-theme-text)!important;
}
html[data-adko-theme="light"] .app{background-image:none!important}

/* Encabezados también claros en modo Claro */
html[data-adko-theme="light"] .header,
html[data-adko-theme="light"] .top{
  background:var(--adko-theme-top)!important;
  background-image:none!important;
  border-color:var(--adko-theme-line)!important;
  color:var(--adko-theme-text)!important;
  box-shadow:0 1px 0 rgba(29,27,25,.04);
}
html[data-adko-theme="light"] .header :is(a,button,.user-pill,.profile-link,.logout,.read-only-badge),
html[data-adko-theme="light"] .top :is(a,button,b,strong,.brand,span),
html[data-adko-theme="light"] .nav :is(a,button){
  color:#39352f!important;
}
html[data-adko-theme="light"] .nav button.active,
html[data-adko-theme="light"] .nav a.active{color:var(--amber2,#D58A2E)!important}
html[data-adko-theme="light"] .user-pill{background:#fff!important;border-color:var(--adko-theme-line)!important}
html[data-adko-theme="light"] .profile-link:hover,
html[data-adko-theme="light"] .logout:hover,
html[data-adko-theme="light"] .nav :is(a,button):hover{color:#111!important}

/* INICIO: eliminar por completo fotografía/fondo oscuro en modo Claro */
html[data-adko-theme="light"] #view-inicio,
html[data-adko-theme="light"] #view-inicio .home,
html[data-adko-theme="light"] .home{
  background:var(--adko-theme-bg)!important;
  background-color:var(--adko-theme-bg)!important;
  background-image:none!important;
  color:var(--adko-theme-text)!important;
}
html[data-adko-theme="light"] .home::before,
html[data-adko-theme="light"] .home::after{background:none!important;background-image:none!important}
html[data-adko-theme="light"] .home-title{color:#211f1c!important;text-shadow:none!important}
html[data-adko-theme="light"] .home-sub{color:#625c55!important}
html[data-adko-theme="light"] .home-kicker,
html[data-adko-theme="light"] .card .eyebrow,
html[data-adko-theme="light"] .open-state{color:#C1761B!important}
html[data-adko-theme="light"] .dash-label{color:#756e66!important}

/* Tarjetas y superficies */
html[data-adko-theme="light"] :is(.card,.box,.metric,.tablewrap,.table,.visit,.activity,.simple-row,.email-row,.empty,.callout,.filters,.panel,.section,.toolbar,.modal,.modal-card,.dashboard-card,.stat,.stat-card){
  background-color:var(--adko-theme-panel)!important;
  background-image:none!important;
  border-color:var(--adko-theme-line)!important;
  color:var(--adko-theme-text)!important;
  box-shadow:none;
}
html[data-adko-theme="light"] .visit{background:var(--adko-theme-panel-2)!important}
html[data-adko-theme="light"] .card-link:hover{background:#fbf7f1!important;border-color:rgba(193,118,27,.50)!important}

/* Tipografía fijada para dark mode */
html[data-adko-theme="light"] :is(h1,h2,h3,h4,h5,h6,.title,.section-title,.home-title,.name,.price,.brand:not(.top .brand),strong,b){
  color:var(--adko-theme-text);
}
html[data-adko-theme="light"] :is(.intro,.section-intro,.muted,.mini,.meta,.desc,.details,.card p,.simple-row span,.activity p,.field label,label,.email-address,.metric span,.step span){
  color:var(--adko-theme-muted)!important;
}
html[data-adko-theme="light"] :is(th,.field label){color:#625c55!important}

/* Formularios */
html[data-adko-theme="light"] :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.input,.select){
  background:#fff!important;
  color:#211f1c!important;
  border-color:rgba(29,27,25,.18)!important;
}
html[data-adko-theme="light"] :is(input,select,textarea)::placeholder{color:#8b857e!important}
html[data-adko-theme="light"] :is(input,select,textarea):focus{
  border-color:rgba(193,118,27,.65)!important;
  box-shadow:0 0 0 2px rgba(193,118,27,.10);
}

/* Tablas */
html[data-adko-theme="light"] table{color:var(--adko-theme-text)!important;background:#fff}
html[data-adko-theme="light"] :is(thead,tbody,tr,th,td){border-color:var(--adko-theme-line)!important}
html[data-adko-theme="light"] thead{background:#f1eee8!important}
html[data-adko-theme="light"] tbody tr:hover{background:rgba(193,118,27,.035)!important}

/* Botones neutros; primarios ADKO conservan ámbar */
html[data-adko-theme="light"] .btn:not(.primary):not(.danger):not(.good):not(.green):not(.blue){
  background:#fff!important;
  color:#2a2723!important;
  border-color:rgba(29,27,25,.18)!important;
}
html[data-adko-theme="light"] .btn:not(.primary):hover{background:#f4f1eb!important}
html[data-adko-theme="light"] :is(.primary,.tab.on){color:#111!important}

/* Diálogos y overlays */
html[data-adko-theme="light"] dialog,
html[data-adko-theme="light"] .modal-card{background:#fff!important;color:#211f1c!important;border-color:var(--adko-theme-line)!important}

/* Selector de tema */
.adko-theme-picker{position:relative;display:inline-flex;align-items:center;font-family:Arial,Helvetica,sans-serif;z-index:60}
.adko-theme-picker summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 10px;border:1px solid rgba(246,244,239,.16);border-radius:999px;background:rgba(255,255,255,.035);color:#ddd7cf;cursor:pointer;font-size:10px;white-space:nowrap;user-select:none}
.adko-theme-picker summary::-webkit-details-marker{display:none}
.adko-theme-picker summary:hover{background:rgba(255,255,255,.07);color:#fff}
.adko-theme-picker summary:focus-visible{outline:2px solid #C1761B;outline-offset:2px}
.adko-theme-picker .adko-theme-menu{position:absolute;right:0;top:calc(100% + 8px);width:168px;padding:6px;background:#171613;border:1px solid #39342e;border-radius:12px;box-shadow:0 14px 35px rgba(0,0,0,.28)}
.adko-theme-picker .adko-theme-option{width:100%;display:flex;align-items:center;gap:9px;border:0;border-radius:8px;background:transparent;color:#eee9e2;padding:9px 10px;text-align:left;cursor:pointer;font-size:11px}
.adko-theme-picker .adko-theme-option:hover,.adko-theme-picker .adko-theme-option[aria-checked="true"]{background:rgba(193,118,27,.14);color:#fff}
.adko-theme-picker .adko-theme-option[aria-checked="true"]::after{content:'✓';margin-left:auto;color:#D58A2E;font-weight:800}
.adko-theme-picker .adko-theme-icon{width:16px;text-align:center;font-size:13px}
.adko-theme-picker .adko-theme-caption{display:inline}

/* Selector adaptado al header claro */
html[data-adko-theme="light"] .adko-theme-picker summary{
  background:#fff!important;
  border-color:rgba(29,27,25,.18)!important;
  color:#2a2723!important;
}
html[data-adko-theme="light"] .adko-theme-picker summary:hover{background:#f1eee8!important;color:#111!important}
html[data-adko-theme="light"] .adko-theme-picker .adko-theme-menu{
  background:#fff!important;
  border-color:rgba(29,27,25,.16)!important;
  box-shadow:0 14px 35px rgba(29,27,25,.14)!important;
}
html[data-adko-theme="light"] .adko-theme-picker .adko-theme-option{color:#39352f!important}
html[data-adko-theme="light"] .adko-theme-picker .adko-theme-option:hover,
html[data-adko-theme="light"] .adko-theme-picker .adko-theme-option[aria-checked="true"]{
  background:rgba(193,118,27,.12)!important;
  color:#111!important;
}

/* ============================================================
   ADKO ADMIN · V1.5 · NAVEGACIÓN MÓVIL + APARIENCIA CONSOLIDADA
   - Un solo menú táctil; sin scroll horizontal ni hover obligatorio.
   - Reutiliza el nav y user-tools reales (respeta permisos PHP).
   - Apariencia Claro / Oscuro / Sistema dentro del menú móvil.
   ============================================================ */
.adko-mobile-menu-toggle{display:none}

@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  body.adko-mobile-nav-open{overflow:hidden!important;touch-action:none}
  .header{height:68px!important;min-height:68px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"logo toggle"!important;align-items:center!important;gap:12px!important;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))!important;background:var(--adko-theme-top)!important;border-bottom:1px solid var(--adko-theme-line)!important;position:sticky!important;top:0!important;z-index:400!important}
  .header .logo{grid-area:logo!important;width:112px!important;max-width:112px!important}
  .header .logo img{width:108px!important;max-width:108px!important;height:auto!important}
  .adko-mobile-menu-toggle{grid-area:toggle;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-width:84px;min-height:42px;padding:9px 12px;border-radius:9px;border:1px solid var(--adko-theme-line);background:var(--adko-theme-panel);color:var(--adko-theme-text);font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
  .adko-mobile-menu-toggle:focus-visible{outline:2px solid #C1761B;outline-offset:2px}
  .adko-mobile-menu-icon{font-size:17px;line-height:1}
  .header .nav.nav-groups{position:fixed!important;z-index:390!important;top:68px!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;height:auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;padding:10px max(16px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;background:var(--adko-theme-bg)!important;border:0!important;transform:translateX(102%);visibility:hidden;pointer-events:none;transition:transform .22s ease,visibility 0s linear .22s;-webkit-overflow-scrolling:touch}
  body.adko-mobile-nav-open .header .nav.nav-groups{transform:translateX(0);visibility:visible;pointer-events:auto;transition:transform .22s ease}
  .header .nav.nav-groups > .nav-main,.header .nav.nav-groups > .nav-group{width:100%!important;flex:0 0 auto!important}
  .header .nav.nav-groups > a.nav-main,.header .nav.nav-groups > button.nav-main,.header .nav.nav-groups .nav-group > .nav-main{width:100%!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:13px 4px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--adko-theme-line)!important;border-radius:0!important;background:transparent!important;color:var(--adko-theme-text)!important;text-align:left!important;font-size:13px!important;line-height:1.25!important;text-decoration:none!important;white-space:normal!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
  .header .nav.nav-groups .nav-main.active{color:#D58A2E!important}
  .header .nav.nav-groups .nav-main.active::after{display:none!important}
  .header .nav.nav-groups .nav-chevron{margin-left:auto!important;transition:transform .18s ease;color:var(--adko-theme-muted)!important}
  .header .nav.nav-groups .nav-group.adko-mobile-group-open > .nav-main .nav-chevron{transform:rotate(180deg)}
  .header .nav.nav-groups .nav-dropdown,.header .nav.nav-groups .nav-dropdown-right,.header .nav.nav-groups .nav-group:hover .nav-dropdown,.header .nav.nav-groups .nav-group:focus-within .nav-dropdown{position:static!important;inset:auto!important;width:100%!important;min-width:0!important;max-width:none!important;display:none!important;opacity:1!important;visibility:visible!important;transform:none!important;padding:6px 0 9px 12px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--adko-theme-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .header .nav.nav-groups .nav-group.adko-mobile-group-open > .nav-dropdown{display:block!important}
  .header .nav.nav-groups .nav-dropdown a{display:flex!important;align-items:center!important;min-height:44px!important;width:100%!important;padding:10px 10px!important;border-radius:8px!important;color:var(--adko-theme-muted)!important;font-size:12px!important;line-height:1.3!important;white-space:normal!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
  .header .nav.nav-groups .nav-dropdown a:hover,.header .nav.nav-groups .nav-dropdown a:focus{background:var(--adko-theme-hover)!important;color:var(--adko-theme-text)!important}
  .header .nav.nav-groups > .user-tools{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;position:static!important;inset:auto!important;margin:18px 0 0!important;padding:16px 0 0!important;border-top:1px solid var(--adko-theme-line)!important;justify-self:auto!important;align-items:stretch!important}
  .header .nav.nav-groups > .user-tools .user-pill,.header .nav.nav-groups > .user-tools .read-only-badge,.header .nav.nav-groups > .user-tools .adko-theme-picker{grid-column:1/-1;width:100%!important}
  .header .nav.nav-groups > .user-tools .user-pill,.header .nav.nav-groups > .user-tools .read-only-badge{display:block!important;border-color:var(--adko-theme-line)!important;background:var(--adko-theme-panel)!important;color:var(--adko-theme-muted)!important;border-radius:9px!important;padding:10px 11px!important;white-space:normal!important}
  .header .nav.nav-groups > .user-tools .profile-link,.header .nav.nav-groups > .user-tools .logout,.header .nav.nav-groups > .user-tools form{width:100%!important;margin:0!important}
  .header .nav.nav-groups > .user-tools .profile-link,.header .nav.nav-groups > .user-tools .logout{display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;border:1px solid var(--adko-theme-line)!important;border-radius:8px!important;background:var(--adko-theme-panel)!important;color:var(--adko-theme-text)!important;padding:9px 10px!important;font-size:11px!important;text-decoration:none!important}
  .header .nav.nav-groups .adko-theme-picker{position:relative!important;inset:auto!important;z-index:1!important;display:block!important}
  .header .nav.nav-groups .adko-theme-picker summary{width:100%!important;min-height:44px!important;justify-content:flex-start!important;border-radius:8px!important;background:var(--adko-theme-panel)!important;border-color:var(--adko-theme-line)!important;color:var(--adko-theme-text)!important;box-shadow:none!important;padding:10px 12px!important}
  .header .nav.nav-groups .adko-theme-picker .adko-theme-caption{display:inline!important}
  .header .nav.nav-groups .adko-theme-picker .adko-theme-menu{position:static!important;inset:auto!important;width:100%!important;margin-top:6px!important;padding:6px!important;background:var(--adko-theme-panel)!important;border-color:var(--adko-theme-line)!important;box-shadow:none!important}
  .header .nav.nav-groups .adko-theme-picker .adko-theme-option{min-height:42px!important;color:var(--adko-theme-text)!important}
  #view-inicio .home{background-image:none!important;background-color:var(--adko-theme-bg)!important}
}
@media(max-width:360px){.header{padding-left:12px!important;padding-right:12px!important}.adko-mobile-menu-toggle{min-width:76px;padding-left:9px;padding-right:9px}.header .logo{width:104px!important}.header .logo img{width:100px!important}}

/* ============================================================
   ADKO ADMIN · Theme Layer V1.2
   Corrección de navegación desplegable en modo Claro.
   El CSS original del menú usa background/color con !important;
   estas reglas, más específicas, lo convierten a superficie clara.
   ============================================================ */
html[data-adko-theme="light"] .nav-dropdown{
  background:#ffffff!important;
  background-image:none!important;
  border-color:rgba(29,27,25,.14)!important;
  box-shadow:0 18px 45px rgba(29,27,25,.16)!important;
}
html[data-adko-theme="light"] .nav-dropdown a{
  color:#39352f!important;
  background:transparent!important;
}
html[data-adko-theme="light"] .nav-dropdown a:hover,
html[data-adko-theme="light"] .nav-dropdown a:focus{
  background:rgba(193,118,27,.10)!important;
  color:#111111!important;
}
html[data-adko-theme="light"] .nav-chevron{
  color:#716b64!important;
}

/* Refuerzo para menús/listas emergentes equivalentes en módulos que los usen. */
html[data-adko-theme="light"] :is(.dropdown-menu,.menu-dropdown,.submenu,.context-menu){
  background:#ffffff!important;
  color:#39352f!important;
  border-color:rgba(29,27,25,.14)!important;
  box-shadow:0 14px 36px rgba(29,27,25,.14)!important;
}
html[data-adko-theme="light"] :is(.dropdown-menu,.menu-dropdown,.submenu,.context-menu) :is(a,button){
  color:#39352f!important;
}
html[data-adko-theme="light"] :is(.dropdown-menu,.menu-dropdown,.submenu,.context-menu) :is(a,button):hover,
html[data-adko-theme="light"] :is(.dropdown-menu,.menu-dropdown,.submenu,.context-menu) :is(a,button):focus{
  background:rgba(193,118,27,.10)!important;
  color:#111111!important;
}

/* ============================================================
   ADKO ADMIN · Theme Layer V1.3
   CLARO ESTRUCTURADO
   - Menús desplegables realmente claros.
   - Mayor separación visual entre fondo, tarjetas y cápsulas.
   - Bordes y sombras sutiles para evitar efecto "PDF plano".
   - Solo presentación: no altera lógica, datos ni impresión.
   ============================================================ */

html[data-adko-theme="light"]{
  --adko-theme-bg:#f1eee8;
  --adko-theme-panel:#ffffff;
  --adko-theme-panel-2:#f8f5ef;
  --adko-theme-input:#ffffff;
  --adko-theme-text:#211f1c;
  --adko-theme-muted:#625c55;
  --adko-theme-line:#cfc8bd;
  --adko-theme-top:#faf8f4;
  --adko-theme-soft:#f8f5ef;
  --adko-theme-hover:#f3ece2;
  --adko-theme-border-strong:#beb6aa;
}

/* Fondo general con contraste suficiente respecto de tarjetas */
html[data-adko-theme="light"] body,
html[data-adko-theme="light"] .app,
html[data-adko-theme="light"] .view,
html[data-adko-theme="light"] .view.active,
html[data-adko-theme="light"] main,
html[data-adko-theme="light"] .content,
html[data-adko-theme="light"] #view-inicio,
html[data-adko-theme="light"] .home{
  background-color:#f1eee8!important;
}

/* Encabezado: separado del contenido */
html[data-adko-theme="light"] .header,
html[data-adko-theme="light"] .top{
  background:#faf8f4!important;
  border-bottom:1px solid #cbc4b9!important;
  box-shadow:0 1px 0 rgba(29,27,25,.04),0 4px 14px rgba(29,27,25,.035)!important;
}

/* Tarjetas / bloques principales: borde visible + elevación muy discreta */
html[data-adko-theme="light"] :is(.card,.box,.metric,.tablewrap,.visit,.activity,.simple-row,.email-row,.empty,.callout,.filters,.panel,.dashboard-card,.stat,.stat-card,.section,.toolbar,.openbox){
  border-color:#cfc8bd!important;
}
html[data-adko-theme="light"] :is(.card,.box,.metric,.tablewrap,.panel,.dashboard-card,.stat,.stat-card,.section){
  background:#ffffff!important;
  box-shadow:0 1px 2px rgba(29,27,25,.055),0 7px 20px rgba(29,27,25,.035)!important;
}
html[data-adko-theme="light"] :is(.card,.box,.metric,.section,.dashboard-card,.stat,.stat-card):hover{
  border-color:#c2baae!important;
}

/* Bloques suaves dentro de una tarjeta */
html[data-adko-theme="light"] :is(.callout,.notice,.simple-row,.email-row,.activity,.visit,.empty,.toolbar,.filters){
  background:#faf8f4!important;
}
html[data-adko-theme="light"] .callout{
  border-color:rgba(193,118,27,.42)!important;
  background:#fbf4e9!important;
}

/* Títulos, textos secundarios y etiquetas con contraste más firme */
html[data-adko-theme="light"] :is(.intro,.section-intro,.muted,.mini,.meta,.desc,.details,.card p,.simple-row span,.activity p,.field label,label,.email-address,.metric span,.step span,.hint,.small){
  color:#625c55!important;
}
html[data-adko-theme="light"] :is(.section h2,.section h3,.card h2,.card h3,.box h2,.box h3){
  color:#211f1c!important;
}
html[data-adko-theme="light"] :is(label,.field label,th,.ey,.eyebrow){
  font-weight:800!important;
}

/* Formularios: borde más fácil de identificar */
html[data-adko-theme="light"] :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.input,.select){
  background:#fff!important;
  color:#211f1c!important;
  border-color:#c5beb3!important;
  box-shadow:inset 0 1px 0 rgba(29,27,25,.02)!important;
}
html[data-adko-theme="light"] :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.input,.select):hover{
  border-color:#afa699!important;
}
html[data-adko-theme="light"] :is(input,select,textarea):focus{
  border-color:#C1761B!important;
  box-shadow:0 0 0 3px rgba(193,118,27,.12)!important;
  outline:none!important;
}

/* Botones, cápsulas y badges: dejar clara su forma */
html[data-adko-theme="light"] :is(.btn:not(.primary):not(.danger):not(.good):not(.green):not(.blue),.user-pill,.read-only-badge,.tag,.badge,.file-pill,.tab:not(.on)){
  background:#fff!important;
  color:#2a2723!important;
  border-color:#c5beb3!important;
  box-shadow:0 1px 1px rgba(29,27,25,.035)!important;
}
html[data-adko-theme="light"] :is(.btn:not(.primary),.tag,.badge,.file-pill,.tab:not(.on)):hover{
  background:#f7f3ed!important;
  border-color:#aaa195!important;
}

/* Tablas: separar encabezado, filas y contenedor */
html[data-adko-theme="light"] .tablewrap{
  background:#fff!important;
  border-color:#c8c1b6!important;
}
html[data-adko-theme="light"] table{
  background:#fff!important;
}
html[data-adko-theme="light"] thead,
html[data-adko-theme="light"] thead tr,
html[data-adko-theme="light"] th{
  background:#ece8e1!important;
}
html[data-adko-theme="light"] :is(th,td){
  border-color:#d8d2c9!important;
}
html[data-adko-theme="light"] tbody tr:nth-child(even){
  background:#fcfbf8!important;
}
html[data-adko-theme="light"] tbody tr:hover{
  background:#f8f1e7!important;
}

/* Status / etiquetas: conservar color semántico pero con borde visible */
html[data-adko-theme="light"] :is(.tag,.badge){
  border-width:1px!important;
}
html[data-adko-theme="light"] :is(.s-ENVIADA_COMPRAS,.amber,.pending){
  color:#9a5b13!important;
  border-color:#c68132!important;
  background:#fff8ee!important;
}
html[data-adko-theme="light"] :is(.prio-URGENTE,.prio-CRITICA,.danger,.neg){
  color:#b54b40!important;
}
html[data-adko-theme="light"] :is(.good,.green,.s-ATENDIDA){
  color:#3f7049!important;
}

/* ============================================================
   MENÚ PRINCIPAL DESPLEGABLE - regla deliberadamente muy específica.
   Se requiere porque index.php conserva estilos oscuros locales.
   ============================================================ */
html[data-adko-theme="light"] body .header .nav.nav-groups .nav-group > .nav-dropdown,
html[data-adko-theme="light"] body .nav.nav-groups .nav-group > .nav-dropdown,
html[data-adko-theme="light"] body .nav-group > .nav-dropdown{
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
  border:1px solid #c8c1b6!important;
  box-shadow:0 18px 42px rgba(29,27,25,.17)!important;
}
html[data-adko-theme="light"] body .header .nav.nav-groups .nav-group > .nav-dropdown > a,
html[data-adko-theme="light"] body .nav.nav-groups .nav-group > .nav-dropdown > a,
html[data-adko-theme="light"] body .nav-group > .nav-dropdown > a{
  color:#302d29!important;
  background:transparent!important;
  text-shadow:none!important;
}
html[data-adko-theme="light"] body .header .nav.nav-groups .nav-group > .nav-dropdown > a:hover,
html[data-adko-theme="light"] body .header .nav.nav-groups .nav-group > .nav-dropdown > a:focus,
html[data-adko-theme="light"] body .nav.nav-groups .nav-group > .nav-dropdown > a:hover,
html[data-adko-theme="light"] body .nav.nav-groups .nav-group > .nav-dropdown > a:focus,
html[data-adko-theme="light"] body .nav-group > .nav-dropdown > a:hover,
html[data-adko-theme="light"] body .nav-group > .nav-dropdown > a:focus{
  background:#f3e8d9!important;
  color:#171513!important;
}
html[data-adko-theme="light"] body .nav-group > .nav-dropdown > a + a{
  border-top:1px solid rgba(207,200,189,.35);
}

/* Selector de apariencia también con contorno más definido */
html[data-adko-theme="light"] .adko-theme-picker summary{
  border-color:#c5beb3!important;
  box-shadow:0 1px 2px rgba(29,27,25,.04)!important;
}

/* ============================================================
   ADKO ADMIN · Theme Layer V1.4 · AUDITORÍA GLOBAL
   Fecha: 2026-09-01
   Objetivo:
   - Modo Claro consistente en todos los módulos operativos.
   - Eliminar fondos oscuros residuales escritos dentro de PHP.
   - Aclarar select/option nativos y menús desplegables.
   - Aumentar ligeramente contraste de tarjetas, botones y cápsulas.
   - Sistema y Oscuro no se modifican.
   ============================================================ */

html[data-adko-theme="light"]{
  color-scheme:light!important;
  --adko-theme-bg:#f2efe9;
  --adko-theme-panel:#ffffff;
  --adko-theme-panel-2:#f8f5ef;
  --adko-theme-input:#ffffff;
  --adko-theme-text:#24211d;
  --adko-theme-muted:#5d5750;
  --adko-theme-line:#bdb5aa;
  --adko-theme-top:#fbf9f5;
  --adko-theme-soft:#f8f5ef;
  --adko-theme-hover:#f4eee6;
  --adko-theme-border-strong:#aaa195;
  --bg:#f2efe9!important;
  --carbon:#f2efe9!important;
  --carbon2:#e7e2da!important;
  --panel:#ffffff!important;
  --panel2:#f8f5ef!important;
  --surface:#ffffff!important;
  --ivory:#24211d!important;
  --bone:#24211d!important;
  --text:#24211d!important;
  --muted:#5d5750!important;
  --line:#bdb5aa!important;
}
html[data-adko-theme="light"] body,
html[data-adko-theme="light"] .app,
html[data-adko-theme="light"] .view,
html[data-adko-theme="light"] .view.active,
html[data-adko-theme="light"] main,
html[data-adko-theme="light"] .content,
html[data-adko-theme="light"] .wrap,
html[data-adko-theme="light"] #view-inicio,
html[data-adko-theme="light"] .home{
  background-color:#f2efe9!important;
  color:#24211d!important;
}

/* Encabezados y navegación */
html[data-adko-theme="light"] .header,
html[data-adko-theme="light"] .top{
  background:#fbf9f5!important;
  background-color:#fbf9f5!important;
  background-image:none!important;
  border-color:#bdb5aa!important;
  box-shadow:0 1px 0 rgba(29,27,25,.08),0 4px 14px rgba(29,27,25,.035)!important;
}
html[data-adko-theme="light"] .top :is(a,b,strong,span,.brand),
html[data-adko-theme="light"] .header :is(a,button,span){color:#36312c!important}
html[data-adko-theme="light"] .nav .nav-main{color:#3e3934!important}
html[data-adko-theme="light"] .nav .nav-main:hover,
html[data-adko-theme="light"] .nav .nav-main:focus{color:#111!important}
html[data-adko-theme="light"] .nav .nav-main.active{color:#b96810!important}

/* Menús desplegables del panel principal: regla crítica auditada */
html[data-adko-theme="light"] body div.nav-dropdown,
html[data-adko-theme="light"] body .nav-group > div.nav-dropdown,
html[data-adko-theme="light"] body .header .nav.nav-groups .nav-group > div.nav-dropdown,
html[data-adko-theme="light"] body .nav.nav-groups .nav-group > div.nav-dropdown{
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
  border:1px solid #b8b0a5!important;
  box-shadow:0 14px 34px rgba(29,27,25,.15)!important;
  color:#2e2a26!important;
  filter:none!important;
}
html[data-adko-theme="light"] body div.nav-dropdown > a,
html[data-adko-theme="light"] body .nav-group > div.nav-dropdown > a{
  background:transparent!important;
  color:#39342f!important;
  text-shadow:none!important;
  border-color:transparent!important;
}
html[data-adko-theme="light"] body div.nav-dropdown > a:hover,
html[data-adko-theme="light"] body div.nav-dropdown > a:focus,
html[data-adko-theme="light"] body .nav-group > div.nav-dropdown > a:hover,
html[data-adko-theme="light"] body .nav-group > div.nav-dropdown > a:focus{
  background:#f3e7d8!important;
  color:#171411!important;
}
html[data-adko-theme="light"] .nav-chevron{color:#686159!important}

/* Superficies: más definición sin hacer el sistema pesado */
html[data-adko-theme="light"] :is(.card,.box,.metric,.section,.panel,.tablewrap,.table,.dashboard-card,.stat,.stat-card,.formbox,.summary,.openbox,.filters,.toolbar,.modal-card,.activity,.visit,.simple-row,.email-row,.empty){border-color:#bdb5aa!important}
html[data-adko-theme="light"] :is(.card,.box,.metric,.section,.panel,.dashboard-card,.stat,.stat-card,.formbox,.tablewrap){
  background:#ffffff!important;
  background-image:none!important;
  box-shadow:0 1px 2px rgba(29,27,25,.07),0 6px 16px rgba(29,27,25,.025)!important;
}
html[data-adko-theme="light"] :is(.card,.box,.metric,.section,.panel,.dashboard-card,.stat,.stat-card):hover{border-color:#aaa195!important}

/* Bloques internos que estaban codificados en negro dentro de módulos */
html[data-adko-theme="light"] :is(.line,.readonly-notice,.node,.openbox div,.summary div,.cxp-global>div,.cxp-mini>div,.finance-grid>div,.aging-grid>div){
  background:#faf8f4!important;
  color:#2d2925!important;
  border-color:#c2baaf!important;
}

/* Bandas informativas / cadena de proceso */
html[data-adko-theme="light"] .chain{
  background:#fbf4e9!important;
  color:#4a4034!important;
  border-color:#c9914e!important;
}
html[data-adko-theme="light"] :is(.notice,.note){
  background:#fbf5eb!important;
  color:#5d4932!important;
  border-color:#d0a66f!important;
}
html[data-adko-theme="light"] .readonly-notice{background:#f7f4ef!important;color:#5e5851!important}

/* Formularios y SELECT nativo. Esto corrige listas que seguían negras. */
html[data-adko-theme="light"] :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.input,.select,.textarea,.search input,.field input,.field select,.field textarea,.filters input,.filters select){
  color-scheme:light!important;
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
  color:#24211d!important;
  border-color:#b6aea3!important;
  box-shadow:inset 0 1px 0 rgba(29,27,25,.025)!important;
}
html[data-adko-theme="light"] select,
html[data-adko-theme="light"] select.select,
html[data-adko-theme="light"] .select{color-scheme:light!important}
html[data-adko-theme="light"] select option,
html[data-adko-theme="light"] select optgroup,
html[data-adko-theme="light"] .select option{
  color-scheme:light!important;
  background:#ffffff!important;
  background-color:#ffffff!important;
  color:#24211d!important;
}
html[data-adko-theme="light"] select option:disabled{color:#918a82!important;background:#f5f2ed!important}
html[data-adko-theme="light"] :is(input,select,textarea,.input,.select,.textarea):hover{border-color:#9f968b!important}
html[data-adko-theme="light"] :is(input,select,textarea,.input,.select,.textarea):focus{
  border-color:#b96e17!important;
  box-shadow:0 0 0 3px rgba(193,118,27,.14)!important;
  outline:none!important;
}
html[data-adko-theme="light"] :is(input,select,textarea,.input,.select,.textarea):disabled,
html[data-adko-theme="light"] :is(input,select,textarea,.input,.select,.textarea)[readonly],
html[data-adko-theme="light"] .select.locked{
  background:#f1eee8!important;
  color:#6e675f!important;
  border-color:#c8c0b6!important;
  opacity:1!important;
}
html[data-adko-theme="light"] ::placeholder{color:#8a827a!important}

/* Texto y jerarquía */
html[data-adko-theme="light"] :is(h1,h2,h3,h4,h5,h6,.title,.section-title,.home-title,.name,.price,strong,b){color:#24211d!important}
html[data-adko-theme="light"] :is(.intro,.section-intro,.muted,.mini,.meta,.desc,.details,.hint,.small,.card p,.metric span,.summary span,.node span,.finance-grid span,.aging-grid span){color:#5d5750!important}
html[data-adko-theme="light"] :is(label,.field label,th,.ey,.eyebrow){color:#514b45!important}

/* Tablas: líneas visibles pero sobrias */
html[data-adko-theme="light"] table{background:#fff!important;color:#292520!important}
html[data-adko-theme="light"] :is(thead,thead tr,th){background:#e9e5de!important;color:#514b45!important}
html[data-adko-theme="light"] :is(th,td){border-color:#c9c2b8!important}
html[data-adko-theme="light"] tbody tr:nth-child(even){background:#fbfaf7!important}
html[data-adko-theme="light"] tbody tr:hover{background:#f7efe4!important}
html[data-adko-theme="light"] .tablewrap{border-color:#b9b1a6!important}

/* Botones y cápsulas */
html[data-adko-theme="light"] :is(.btn.secondary,.btn.ghost){
  background:#ffffff!important;
  color:#292520!important;
  border:1px solid #b5aca1!important;
  box-shadow:0 1px 1px rgba(29,27,25,.04)!important;
}
html[data-adko-theme="light"] :is(.btn.secondary,.btn.ghost):hover{background:#f4f0e9!important;border-color:#9f968b!important}
html[data-adko-theme="light"] :is(.btn.primary,button.btn[type="submit"]:not(.secondary):not(.danger):not(.green):not(.blue):not(.ghost)){
  background:#C1761B!important;
  color:#17130f!important;
  border-color:#C1761B!important;
}
html[data-adko-theme="light"] .btn.danger{background:#fff0ee!important;color:#8f3932!important;border:1px solid #d19b95!important}
html[data-adko-theme="light"] .btn.green{background:#edf7ef!important;color:#315f3d!important;border:1px solid #9fc2a7!important}
html[data-adko-theme="light"] .btn.blue{background:#eef4f8!important;color:#355f79!important;border:1px solid #9eb8c8!important}
html[data-adko-theme="light"] :is(.tag,.badge,.file-pill,.read-only-badge,.user-pill,.tab:not(.on)){
  background:#faf8f4!important;
  color:#3d3833!important;
  border-color:#b7afa4!important;
  box-shadow:0 1px 1px rgba(29,27,25,.035)!important;
}

/* Mensajes semánticos claros */
html[data-adko-theme="light"] :is(.ok,.okmsg,.msg.ok,.msg.okmsg,.cxp-ok,.cxc-ok){background:#eef8f1!important;color:#356443!important;border-color:#9fc6a8!important}
html[data-adko-theme="light"] :is(.err,.error,.msg.err,.cxp-alert){background:#fff1ef!important;color:#8f3f37!important;border-color:#d3a09a!important}
html[data-adko-theme="light"] .warn{background:#fff7e9!important;color:#75501f!important;border-color:#d5ae70!important}
html[data-adko-theme="light"] .bad{background:#fff1ef!important;color:#8f3f37!important;border-color:#d3a09a!important}
html[data-adko-theme="light"] .good{background:#eef8f1!important;color:#356443!important;border-color:#9fc6a8!important}

/* Componentes específicos detectados durante auditoría */
html[data-adko-theme="light"] .sale-note{color:#8a5e28!important}
html[data-adko-theme="light"] .section h2{color:#24211d!important}
html[data-adko-theme="light"] .card label{color:#514b45!important}
html[data-adko-theme="light"] :is(.cxp-global>div,.cxp-mini>div,.finance-grid>div,.aging-grid>div,.openbox div,.summary div,.node){box-shadow:0 1px 1px rgba(29,27,25,.03)!important}

/* Perfil: elimina degradado oscuro residual */
html[data-adko-theme="light"] body{background-image:none!important}
html[data-adko-theme="light"] .card{background-image:none!important}

/* Selector de apariencia con el mismo nivel de contraste */
html[data-adko-theme="light"] .adko-theme-picker summary{background:#fff!important;color:#302b27!important;border-color:#b6aea3!important}
html[data-adko-theme="light"] .adko-theme-picker .adko-theme-menu{background:#fff!important;border-color:#b6aea3!important;box-shadow:0 12px 30px rgba(29,27,25,.14)!important}



/* ADKO V1.19.2 · lupa global en franja propia, sin tapar navegación */
.adko-global-search{
  position:sticky;
  top:var(--adko-search-sticky-top,0px);
  z-index:350;
  padding:9px 14px;
  pointer-events:none;
  background:rgba(13,13,12,.985);
  border-bottom:1px solid rgba(246,244,239,.10);
  box-shadow:0 5px 14px rgba(0,0,0,.10)
}
.adko-global-search-inner{position:relative;width:min(720px,100%);margin:0 auto;pointer-events:auto}
.adko-global-search-box{height:38px;display:flex;align-items:center;gap:9px;background:#171613;border:1px solid rgba(246,244,239,.20);border-radius:999px;padding:0 13px;box-shadow:0 5px 16px rgba(0,0,0,.20)}
.adko-global-search-icon{font-size:20px;line-height:1;color:#c1761b;transform:rotate(-15deg)}
.adko-global-search-box input{flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:#f6f4ef!important;padding:0!important;height:34px!important;box-shadow:none!important;font-size:12px!important}
.adko-global-search-box input::placeholder{color:#a9a39a!important}
.adko-global-search-shortcut{border:1px solid rgba(246,244,239,.14);border-radius:7px;padding:4px 7px;color:#928b82;font-size:9px;white-space:nowrap}
.adko-global-search-results{position:absolute;left:0;right:0;top:45px;background:#171613;border:1px solid #454139;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.42);overflow:hidden;max-height:min(480px,64vh);overflow-y:auto;z-index:5}
.adko-global-search-result{display:block;padding:11px 14px;border-bottom:1px solid #302e29;text-decoration:none!important;color:#f6f4ef!important;background:transparent}
.adko-global-search-result:last-child{border-bottom:0}.adko-global-search-result:hover,.adko-global-search-result:focus{background:#211b13;outline:none}
.adko-global-search-result-top{display:flex;align-items:center;gap:9px}.adko-global-search-result-top strong{font-size:12px}.adko-global-search-type{display:inline-flex;border:1px solid #66502f;border-radius:999px;padding:3px 6px;color:#e0a24f;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.adko-global-search-party{margin-top:4px;font-size:11px;font-weight:700}.adko-global-search-meta{margin-top:3px;color:#aaa49c;font-size:9px}.adko-global-search-empty{padding:13px 15px;color:#aaa49c;font-size:11px}
.adko-record-anchor{height:1px;scroll-margin-top:172px}.adko-record-highlight{animation:adkoRecordGlow 1.1s ease-out 0s 2;scroll-margin-top:172px}.adko-record-open-badge{display:inline-flex;margin:0 0 10px;border:1px solid rgba(193,118,27,.65);background:rgba(193,118,27,.12);color:#e6a44f;border-radius:999px;padding:5px 9px;font-size:8px;font-weight:900;letter-spacing:.08em}
@keyframes adkoRecordGlow{0%{box-shadow:0 0 0 0 rgba(193,118,27,.50)}45%{box-shadow:0 0 0 4px rgba(193,118,27,.25)}100%{box-shadow:0 0 0 0 rgba(193,118,27,0)}}
html[data-adko-theme="light"] .adko-global-search{background:rgba(248,246,241,.985);border-bottom-color:rgba(29,27,25,.12);box-shadow:0 5px 14px rgba(29,27,25,.06)}
html[data-adko-theme="light"] .adko-global-search-box{background:#fff;border-color:#bdb5aa;box-shadow:0 5px 16px rgba(29,27,25,.10)}
html[data-adko-theme="light"] .adko-global-search-box input{color:#24211d!important}html[data-adko-theme="light"] .adko-global-search-box input::placeholder{color:#817970!important}
html[data-adko-theme="light"] .adko-global-search-results{background:#fff;border-color:#bdb5aa;box-shadow:0 20px 45px rgba(29,27,25,.15)}html[data-adko-theme="light"] .adko-global-search-result{color:#24211d!important;border-color:#ddd6cd}html[data-adko-theme="light"] .adko-global-search-result:hover{background:#f7efe4}html[data-adko-theme="light"] .adko-global-search-party{color:#24211d!important}
@media(max-width:760px){.adko-global-search{padding:7px 10px}.adko-global-search-shortcut{display:none}.adko-global-search-box{height:38px}.adko-global-search-results{top:44px}.adko-record-anchor,.adko-record-highlight{scroll-margin-top:126px}}


/* ADKO_V1194_GLOBAL_SYNC · versión de assets sincronizada por filemtime */

/* ============================================================
   ADKO ADMIN · V1.19.5 · HEADER GLOBAL DEFINITIVO
   Geometría real de 3 filas en escritorio:
   1) identidad / usuario, 2) búsqueda global, 3) navegación.
   Los desplegables nacen debajo de la navegación y nunca cruzan la lupa.
   ============================================================ */
@media (min-width:761px){
  .header.adko-header-with-global-search{
    grid-template-areas:
      "logo tools"
      "search search"
      "nav nav"!important;
    grid-template-rows:auto auto auto!important;
    align-items:center!important;
    gap:4px 24px!important;
    padding-top:12px!important;
    padding-bottom:0!important;
    overflow:visible!important;
  }
  .header.adko-header-with-global-search > .logo{grid-area:logo!important}
  .header.adko-header-with-global-search > .user-tools{grid-area:tools!important}
  .header.adko-header-with-global-search > .adko-global-search{
    grid-area:search!important;
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    width:100%!important;
    min-width:0!important;
    padding:4px 0 5px!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    z-index:45!important;
    pointer-events:none!important;
  }
  .header.adko-header-with-global-search > .adko-global-search .adko-global-search-inner{
    width:min(720px,calc(100% - 20px))!important;
    pointer-events:auto!important;
  }
  .header.adko-header-with-global-search > .nav.nav-groups{
    grid-area:nav!important;
    position:relative!important;
    z-index:35!important;
    overflow:visible!important;
    align-self:end!important;
  }
  .header.adko-header-with-global-search .nav-group{position:relative!important}
  .header.adko-header-with-global-search .nav-dropdown{
    top:100%!important;
    z-index:90!important;
  }
  .header.adko-header-with-global-search .adko-global-search-results{z-index:120!important}
}

/* El desplazamiento exacto usa la altura real del encabezado, calculada por JS. */
.adko-record-anchor,.adko-record-highlight{scroll-margin-top:var(--adko-exact-open-offset,172px)!important}

/* Móvil: logo/menú arriba, lupa debajo; el drawer comienza después de ambas filas. */
@media(max-width:760px){
  .header.adko-header-with-global-search{
    height:auto!important;
    min-height:0!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "logo toggle"
      "search search"!important;
    grid-template-rows:68px auto!important;
    align-items:center!important;
    gap:0 12px!important;
    padding:0 max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left))!important;
    overflow:visible!important;
  }
  .header.adko-header-with-global-search > .adko-global-search{
    grid-area:search!important;
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    width:100%!important;
    padding:4px 0 2px!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    z-index:410!important;
    pointer-events:none!important;
  }
  .header.adko-header-with-global-search > .adko-global-search .adko-global-search-inner{
    width:100%!important;
    pointer-events:auto!important;
  }
  .header.adko-header-with-global-search .nav.nav-groups{
    top:var(--adko-mobile-header-height,122px)!important;
  }
}


/* ============================================================
   ADKO ADMIN · V1.19.7 · CONFIRMACIONES VISIBLES GLOBALES
   Una sola capa de feedback para todo el panel.
   ============================================================ */
.adko-toast-stack{
  position:fixed;
  top:12px;
  right:max(14px,env(safe-area-inset-right));
  width:min(520px,calc(100vw - 28px));
  display:flex;
  flex-direction:column;
  gap:9px;
  z-index:1600;
  pointer-events:none;
}
.adko-toast{
  position:relative;
  display:grid;
  grid-template-columns:28px minmax(0,1fr) 30px;
  gap:10px;
  align-items:start;
  padding:12px 12px 12px 13px;
  border:1px solid rgba(246,244,239,.18);
  border-radius:12px;
  background:#171613;
  box-shadow:0 18px 45px rgba(0,0,0,.38);
  color:#f6f4ef;
  pointer-events:auto;
  animation:adkoToastIn .18s ease-out both;
  overflow:hidden;
}
.adko-toast::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:#c1761b;
}
.adko-toast-success{border-color:rgba(84,190,119,.45);background:#112219}
.adko-toast-success::before{background:#54be77}
.adko-toast-warning{border-color:rgba(210,157,72,.50);background:#261e11}
.adko-toast-warning::before{background:#d29d48}
.adko-toast-error{border-color:rgba(223,104,95,.55);background:#2a1514}
.adko-toast-error::before{background:#df685f}
.adko-toast-icon{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border:1px solid currentColor;
  border-radius:999px;
  font-weight:900;
  font-size:13px;
  line-height:1;
}
.adko-toast-success .adko-toast-icon{color:#72e09a}
.adko-toast-warning .adko-toast-icon{color:#e8b762}
.adko-toast-error .adko-toast-icon{color:#ff9189}
.adko-toast-copy{min-width:0;line-height:1.35}
.adko-toast-copy strong{display:block;margin:0 0 2px;color:#f6f4ef!important;font-size:12px}
.adko-toast-text{font-size:11px;color:#d7d2ca;overflow-wrap:anywhere}
.adko-toast-close{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#bcb6ad!important;
  font-size:20px!important;
  line-height:1!important;
  cursor:pointer;
}
.adko-toast-close:hover,.adko-toast-close:focus{background:rgba(246,244,239,.08)!important;color:#fff!important;outline:none}
.adko-toast-closing{animation:adkoToastOut .18s ease-in both}
@keyframes adkoToastIn{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}
@keyframes adkoToastOut{to{opacity:0;transform:translateY(-6px) scale(.985)}}
html[data-adko-theme="light"] .adko-toast{
  background:#fff;
  color:#292520;
  border-color:#bcb4aa;
  box-shadow:0 18px 42px rgba(29,27,25,.16);
}
html[data-adko-theme="light"] .adko-toast-success{background:#eef8f1;border-color:#9fc6a8}
html[data-adko-theme="light"] .adko-toast-warning{background:#fff7e9;border-color:#d5ae70}
html[data-adko-theme="light"] .adko-toast-error{background:#fff1ef;border-color:#d3a09a}
html[data-adko-theme="light"] .adko-toast-copy strong{color:#24211d!important}
html[data-adko-theme="light"] .adko-toast-text{color:#514b45}
html[data-adko-theme="light"] .adko-toast-close{color:#6e675f!important}
html[data-adko-theme="light"] .adko-toast-close:hover{background:rgba(29,27,25,.06)!important;color:#24211d!important}
@media(max-width:760px){
  .adko-toast-stack{
    left:10px;
    right:10px;
    width:auto;
  }
  .adko-toast{
    grid-template-columns:26px minmax(0,1fr) 28px;
    padding:11px 10px 11px 12px;
  }
}
@media(prefers-reduced-motion:reduce){
  .adko-toast,.adko-toast-closing{animation:none!important}
}