/* Integración visual del panel admin de eStockARG con los dos temas existentes. */
#es-admin-open{
  background:var(--accent);border:1px solid var(--accent);
  color:#fff;border-radius:14px;box-shadow:var(--ui-shadow);
  font-weight:760;letter-spacing:-.01em;transition:background .2s,box-shadow .2s,transform .2s
}
#es-admin-open:hover{background:var(--accent2);box-shadow:var(--ui-shadow-elevated)}
html:root #es-admin{
 background:var(--bg);color:var(--text);
 -webkit-font-smoothing:antialiased;
}
html:root #es-admin .es-inner{max-width:1160px;padding:26px 21px 105px}
html:root #es-admin .es-header{
  border-bottom:1px solid var(--line);padding-bottom:20px;
}
html:root #es-admin .es-brand{color:var(--text);letter-spacing:-.02em}
html:root #es-admin h1{font-weight:840;letter-spacing:-.04em;color:var(--text);font-size:clamp(27px,3vw,39px)}
html:root #es-admin p{color:var(--muted);line-height:1.5}
html:root #es-admin button{
 background:var(--surface);border:1px solid var(--line);color:var(--text);
 border-radius:13px;padding:10px 13px;
 font-weight:750;box-shadow:var(--ui-shadow-soft);
 transition:background .18s,transform .18s,border-color .18s;
}
html:root #es-admin button:not(:disabled):hover{background:var(--surface2);border-color:var(--accent)}
html:root #es-admin button.es-pink{
 background:var(--accent);border-color:var(--accent);color:white;
}
html:root #es-admin button.es-pink:hover{background:var(--accent2);border-color:var(--accent2)}
html:root #es-admin button.es-delete{
 background:#fff2f2;color:#ad2f38;border-color:#f1ccce;
}
html:root #es-admin button.es-delete:hover{background:#fce3e3;border-color:#ecb4b7}
html:root #es-admin .es-stats{gap:13px;margin:25px 0}
html:root #es-admin .es-stat{
 border:1px solid var(--line);background:var(--surface);
 border-radius:19px;padding:20px;box-shadow:var(--ui-shadow-soft);position:relative;overflow:hidden;
}
html:root #es-admin .es-stat:before{
 content:"";position:absolute;top:0;left:0;right:0;height:3px;
 background:linear-gradient(90deg,var(--accent),transparent);
}
html:root #es-admin .es-stat span{color:var(--muted);font-size:12px}
html:root #es-admin .es-stat strong{
 color:var(--text);font-size:clamp(24px,3vw,35px);letter-spacing:-.045em;
 font-variant-numeric:tabular-nums;
}
html:root #es-admin .es-toolbar{margin-bottom:15px}
html:root #es-admin .es-toolbar h2{letter-spacing:-.02em;color:var(--text)}
html:root #es-admin .es-table{
 border:1px solid var(--line);background:var(--surface);
 border-radius:19px;box-shadow:var(--ui-shadow-soft);
}
html:root #es-admin th{
 color:var(--muted);background:var(--surface2);
 font-size:11px;text-transform:uppercase;letter-spacing:.045em;
}
html:root #es-admin th, html:root #es-admin td{
 border-color:var(--line);padding:15px 14px;
}
html:root #es-admin td{color:var(--text)}
html:root #es-admin .es-small{color:var(--muted)}
html:root #es-admin .es-msg{
 background:var(--surface2);border:1px solid var(--line);
 border-radius:14px;color:var(--text);line-height:1.4;
}
html:root #es-admin .es-info{
 background:var(--surface);border:1px solid var(--line);color:var(--muted);
 border-radius:17px;line-height:1.5;padding:18px;
}
html:root #es-pending{background:var(--bg);color:var(--text)}
html:root #es-pending>div{background:var(--surface);border:1px solid var(--line);box-shadow:var(--ui-shadow);border-radius:20px}
html:root #es-pending button{background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:13px}
@media(max-width:700px){
 html:root #es-admin .es-inner{padding:16px 12px 96px}
 html:root #es-admin .es-stats{gap:9px}
 html:root #es-admin .es-stat{padding:14px;border-radius:15px}
 html:root #es-admin th,html:root #es-admin td{padding:12px 10px}
}
@media(prefers-reduced-motion:reduce){#es-admin-open,#es-admin button{transition:none!important}}