:root{
  --admin-bg:#F2F3F5;
  --admin-surface:#FFFFFF;
  --admin-surface-2:#FAFAFB;
  --admin-border:#E4E6EA;
  --admin-text:#2B2B2E;
  --admin-muted:#757682;
  --admin-accent:#DC1F27;
  --admin-accent-2:#B8161C;
  --admin-radius:14px;
  --admin-shadow:0 6px 20px rgba(20,20,30,.06);
  --admin-max:1280px;

  --admin-sidebar-w:264px;
  --admin-sidebar-bg:#15161F;
  --admin-sidebar-bg-2:#1B1D29;
  --admin-sidebar-border:rgba(255,255,255,.08);
  --admin-sidebar-text:#B7B9C6;
  --admin-sidebar-text-dim:#6F7180;
  --admin-header-h:66px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Arial,Helvetica,-apple-system,Segoe UI,Roboto,sans-serif;
  background:var(--admin-bg);
  color:var(--admin-text);
}

a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font-family:inherit}

.admin-wrap{min-height:100%;display:flex;flex-direction:column}

/* ── Layout general: sidebar fija + columna de contenido ── */
.admin-shell{
  min-height:100vh;
  display:flex;
  align-items:stretch;
}

.admin-sidebar-backdrop{
  display:none;
  position:fixed;inset:0;
  background:rgba(10,10,16,.55);
  z-index:39;
}
.admin-sidebar-backdrop.is-open{display:block}

/* ── Sidebar ── */
.admin-sidebar{
  width:var(--admin-sidebar-w);
  flex:0 0 var(--admin-sidebar-w);
  min-height:100vh;
  position:sticky;
  top:0;
  align-self:flex-start;
  background:linear-gradient(180deg, var(--admin-sidebar-bg) 0%, var(--admin-sidebar-bg-2) 100%);
  border-right:1px solid var(--admin-sidebar-border);
  display:flex;
  flex-direction:column;
  z-index:40;
  overflow-y:auto;
}
.admin-sidebar::-webkit-scrollbar{width:6px}
.admin-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:6px}

.admin-brand{
  display:flex;align-items:center;gap:10px;
  padding:20px 18px 16px;
  flex:0 0 auto;
}
.admin-brand img{height:34px;width:auto;border-radius:8px;background:#fff;padding:3px}
.admin-brand__title{display:block;font-size:15.5px;font-weight:900;color:#fff;letter-spacing:.2px}
.admin-brand__sub{display:block;font-size:10.5px;font-weight:700;letter-spacing:1.4px;color:var(--admin-accent);text-transform:uppercase}

.admin-sidenav{flex:1 0 auto;padding:6px 12px 10px}
.admin-sidenav__section{
  font-size:10.5px;
  font-weight:800;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--admin-sidebar-text-dim);
  padding:16px 10px 6px;
}
.admin-sidenav__link{
  display:flex;align-items:center;gap:12px;
  padding:10px 12px;
  margin-bottom:2px;
  border-radius:10px;
  color:var(--admin-sidebar-text);
  font-size:13.8px;
  font-weight:650;
  position:relative;
  transition:background .15s ease, color .15s ease;
}
.admin-sidenav__link i{width:18px;text-align:center;font-size:14.5px;color:var(--admin-sidebar-text-dim);transition:color .15s ease}
.admin-sidenav__link span{flex:1;min-width:0}
.admin-sidenav__link:hover{background:rgba(255,255,255,.06);color:#fff}
.admin-sidenav__link:hover i{color:#fff}
.admin-sidenav__link.is-active{
  background:linear-gradient(90deg, var(--admin-accent) 0%, var(--admin-accent-2) 100%);
  color:#fff;
  box-shadow:0 4px 14px rgba(220,31,39,.35);
}
.admin-sidenav__link.is-active i{color:#fff}
.admin-sidenav__badge{
  min-width:20px;height:20px;padding:0 6px;
  border-radius:999px;
  background:var(--admin-accent);
  color:#fff;
  font-size:10.5px;
  font-weight:800;
  display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 auto;
}
.admin-sidenav__link.is-active .admin-sidenav__badge{background:rgba(255,255,255,.25)}

.admin-sidenav__viewsite{
  display:flex;align-items:center;gap:12px;
  margin:4px 12px 6px;
  padding:10px 12px;
  border-radius:10px;
  border:1px dashed var(--admin-sidebar-border);
  color:var(--admin-sidebar-text);
  font-size:13px;
  font-weight:650;
}
.admin-sidenav__viewsite i{width:18px;text-align:center;color:var(--admin-sidebar-text-dim)}
.admin-sidenav__viewsite:hover{border-color:rgba(255,255,255,.3);color:#fff}

.admin-version{
  text-align:center;
  font-size:10.5px;
  color:var(--admin-sidebar-text-dim);
  padding:4px 0 12px;
  flex:0 0 auto;
}

.admin-sidebar-user{
  flex:0 0 auto;
  display:flex;align-items:center;gap:10px;
  margin:0 12px 16px;
  padding:10px;
  border-radius:14px;
  background:rgba(255,255,255,.05);
  border:1px solid var(--admin-sidebar-border);
}
.admin-avatar{
  width:38px;height:38px;border-radius:50%;
  flex:0 0 38px;
  background:linear-gradient(135deg, var(--admin-accent), var(--admin-accent-2));
  color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:14px;
}
.admin-avatar--sm{width:32px;height:32px;flex:0 0 32px;font-size:12.5px}
.admin-sidebar-user__info{flex:1;min-width:0}
.admin-sidebar-user__name{color:#fff;font-weight:800;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-sidebar-user__role{color:var(--admin-accent);font-size:11px;font-weight:700}
.admin-sidebar-user__logout{
  width:30px;height:30px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  color:var(--admin-sidebar-text-dim);
  flex:0 0 30px;
  transition:background .15s ease, color .15s ease;
}
.admin-sidebar-user__logout:hover{background:rgba(220,31,39,.18);color:var(--admin-accent)}

/* ── Columna de contenido ── */
.admin-content{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
}

.admin-header{
  position:sticky;top:0;z-index:30;
  height:var(--admin-header-h);
  background:#fff;
  border-bottom:1px solid var(--admin-border);
  box-shadow:0 2px 10px rgba(20,20,30,.04);
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 22px;
}
.admin-header__burger{
  display:none;
  width:38px;height:38px;border-radius:10px;
  border:1px solid var(--admin-border);
  background:#fff;
  align-items:center;justify-content:center;
  color:var(--admin-text);
  flex:0 0 38px;
  cursor:pointer;
}
.admin-header__search{
  display:flex;align-items:center;gap:10px;
  background:var(--admin-surface-2);
  border:1px solid var(--admin-border);
  border-radius:10px;
  padding:8px 14px;
  min-width:0;
  flex:0 1 340px;
  color:var(--admin-muted);
}
.admin-header__search input{
  border:none;background:transparent;outline:none;
  font-size:13.5px;color:var(--admin-text);width:100%;
}
.admin-header__title{
  margin:0;
  font-size:16.5px;
  font-weight:900;
  color:var(--admin-text);
  flex:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-header__actions{
  display:flex;align-items:center;gap:14px;
  flex:0 0 auto;
}
.admin-header__icon-btn{
  position:relative;
  width:38px;height:38px;border-radius:10px;
  border:1px solid var(--admin-border);
  background:#fff;
  display:flex;align-items:center;justify-content:center;
  color:var(--admin-text);
  cursor:pointer;
  font-size:15px;
}
.admin-header__icon-btn:hover{background:var(--admin-surface-2)}
.admin-header__icon-badge{
  position:absolute;top:-6px;right:-6px;
  min-width:18px;height:18px;padding:0 4px;
  border-radius:999px;
  background:var(--admin-accent);
  color:#fff;
  font-size:9.5px;font-weight:800;
  display:flex;align-items:center;justify-content:center;
  border:2px solid #fff;
}
.admin-notif{position:relative}
.admin-notif__dropdown{
  display:none;
  position:absolute;top:calc(100% + 10px);right:0;
  width:300px;
  background:#fff;
  border:1px solid var(--admin-border);
  border-radius:14px;
  box-shadow:0 16px 40px rgba(20,20,30,.16);
  overflow:hidden;
  z-index:50;
}
.admin-notif__dropdown.is-open{display:block}
.admin-notif__header{
  padding:12px 14px;
  font-weight:800;font-size:13px;
  border-bottom:1px solid var(--admin-border);
  color:var(--admin-text);
}
.admin-notif__empty{padding:18px 14px;color:var(--admin-muted);font-size:12.5px}
.admin-notif__item{
  display:flex;align-items:center;gap:10px;
  padding:11px 14px;
  font-size:12.5px;
  color:var(--admin-text);
  border-bottom:1px solid var(--admin-border);
}
.admin-notif__item:last-child{border-bottom:none}
.admin-notif__item:hover{background:var(--admin-surface-2)}
.admin-notif__item i{color:var(--admin-accent);width:16px;text-align:center}

.admin-header__user{display:flex;align-items:center;gap:10px}
.admin-header__user-info{display:flex;flex-direction:column;line-height:1.25}
.admin-header__user-name{font-size:12.8px;font-weight:800;color:var(--admin-text)}
.admin-header__user-role{font-size:10.8px;font-weight:700;color:var(--admin-accent)}

.admin-online{
  display:flex;align-items:center;gap:7px;
  padding:7px 12px;
  border-radius:999px;
  background:#F0FDF4;
  border:1px solid #BBF0D0;
  color:#15803D;
  font-size:11px;
  font-weight:800;
  letter-spacing:.3px;
}
.admin-online__dot{width:7px;height:7px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.25)}

.admin-main{
  flex:1;
  width:min(var(--admin-max), calc(100% - 44px));
  margin:0 auto;
  padding:20px 0 46px;
}

.admin-breadcrumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px;
  font-size:12.5px;
  color:var(--admin-muted);
  margin:0 0 14px;
}
.admin-breadcrumb a{color:var(--admin-muted);font-weight:600}
.admin-breadcrumb a:hover{color:var(--admin-accent)}
.admin-breadcrumb .admin-breadcrumb__sep{opacity:.55;font-size:11px}
.admin-breadcrumb .admin-breadcrumb__current{color:var(--admin-text);font-weight:800}

.admin-card{
  background:var(--admin-surface);
  border:1px solid var(--admin-border);
  border-radius:var(--admin-radius);
  box-shadow:var(--admin-shadow);
  padding:18px;
}

.admin-title{
  margin:0 0 6px;
  font-size:clamp(17px,2vw,24px);
  line-height:1.15;
  font-weight:900;
  color:var(--admin-text);
}
.admin-subtitle{margin:0 0 16px;color:var(--admin-muted);line-height:1.55;font-size:13.5px}

.admin-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}
@media (max-width: 980px){.admin-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}
@media (max-width: 640px){.admin-grid{grid-template-columns:1fr}}

.admin-tile{
  border:1px solid var(--admin-border);
  background:var(--admin-surface-2);
  border-radius:14px;
  padding:14px;
  transition:transform .15s ease, border-color .15s ease, background .15s ease;
  display:flex;gap:12px;align-items:flex-start;
}
.admin-tile:hover{
  transform:translateY(-2px);
  border-color:rgba(220,31,39,.35);
  background:rgba(220,31,39,.05);
}
.admin-tile__icon{
  width:40px;height:40px;border-radius:12px;
  border:1px solid var(--admin-border);
  background:#fff;
  color:var(--admin-accent);
  display:flex;align-items:center;justify-content:center;
  flex:0 0 40px;
}
.admin-tile__h{margin:0 0 4px;font-weight:850;font-size:14.5px}
.admin-tile__p{margin:0;color:var(--admin-muted);line-height:1.45;font-size:12.5px}

.admin-row{display:flex;gap:12px;align-items:flex-start}
@media (max-width: 980px){.admin-row{flex-direction:column}}

.admin-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border-radius:14px;
  border:1px solid var(--admin-border);
  background:var(--admin-surface);
  font-size:13.5px;
}
.admin-table th,.admin-table td{
  padding:10px 12px;
  border-bottom:1px solid var(--admin-border);
  vertical-align:middle;
}
.admin-table th{
  text-align:left;
  font-size:11px;
  letter-spacing:.4px;
  text-transform:uppercase;
  color:var(--admin-muted);
  background:var(--admin-surface-2);
  font-weight:800;
}
.admin-table tr:last-child td{border-bottom:none}
.admin-table tbody tr:nth-child(even){background:#FBFBFC}
.admin-table tbody tr:hover{background:rgba(220,31,39,.045)}
.admin-table tbody tr a.row-link{color:var(--admin-text);font-weight:800}
.admin-table tbody tr a.row-link:hover{color:var(--admin-accent)}

.admin-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:40px;
  padding:9px 14px;
  border-radius:10px;
  border:1px solid var(--admin-border);
  background:#fff;
  color:var(--admin-text);
  font-weight:700;
  font-size:13.5px;
  cursor:pointer;
  transition:transform .15s ease, background .15s ease, border-color .15s ease;
}
.btn:hover{
  transform:translateY(-1px);
  border-color:#cfd2d8;
  background:var(--admin-surface-2);
}
.btn-primary{
  background:var(--admin-accent);
  border-color:var(--admin-accent);
  color:#fff;
}
.btn-primary:hover{background:var(--admin-accent-2);border-color:var(--admin-accent-2)}
.btn-danger{
  background:#FDECEC;
  border-color:#F6C6C6;
  color:#B8161C;
}
.btn-danger:hover{background:#FBDADA}

/* ── Botones de acción tipo icono (Ver / Editar / Eliminar) ── */
.icon-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;border-radius:50%;
  border:1px solid var(--admin-border);
  background:#fff;
  cursor:pointer;
  font-size:13px;
  transition:transform .12s ease, background .12s ease, border-color .12s ease;
}
.icon-btn:hover{transform:translateY(-1px)}
.icon-btn--view{color:#2563EB;border-color:rgba(37,99,235,.25);background:rgba(37,99,235,.07)}
.icon-btn--view:hover{background:rgba(37,99,235,.14)}
.icon-btn--edit{color:#B8860B;border-color:rgba(184,134,11,.28);background:rgba(184,134,11,.08)}
.icon-btn--edit:hover{background:rgba(184,134,11,.16)}
.icon-btn--delete{color:#DC2626;border-color:rgba(220,38,38,.25);background:rgba(220,38,38,.07)}
.icon-btn--delete:hover{background:rgba(220,38,38,.15)}
.icon-btn-group{display:flex;gap:6px;align-items:center;justify-content:flex-end}

.field{display:grid;gap:6px;margin-bottom:12px}
.field label{font-weight:750;color:var(--admin-text);font-size:13px}
.field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.field select,.field textarea{
  width:100%;
  min-height:40px;
  border-radius:10px;
  border:1px solid var(--admin-border);
  background:#fff;
  color:var(--admin-text);
  padding:9px 11px;
  outline:none;
  font-size:13.5px;
}
.field input[type="checkbox"], .field input[type="radio"]{
  width:18px;
  height:18px;
  min-height:0;
  padding:0;
  margin:0;
  accent-color: var(--admin-accent);
}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:rgba(220,31,39,.55);
  box-shadow:0 0 0 3px rgba(220,31,39,.12);
}
.file-field{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.file-field__input{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
  opacity:0;
  pointer-events:none;
  left:-9999px;
}
.file-field__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:40px;
  padding:9px 14px;
  border-radius:10px;
  border:1px solid var(--admin-border);
  background:#fff;
  color:var(--admin-text);
  font-weight:750;
  font-size:13px;
  cursor:pointer;
  transition:transform .15s ease, background .15s ease, border-color .15s ease;
}
.file-field__btn:hover{
  transform:translateY(-1px);
  border-color:#cfd2d8;
  background:var(--admin-surface-2);
}
.file-field__name{
  color:var(--admin-muted);
  font-size:12.5px;
  line-height:1.35;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.file-field__name.is-empty{
  color:#a6a7b0;
}
.help{color:var(--admin-muted);font-size:12px;line-height:1.45}
.admin-switch-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px 14px;
}
@media (max-width: 640px){.admin-switch-grid{grid-template-columns:1fr}}
.admin-switch{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid var(--admin-border);
  background:var(--admin-surface-2);
}
.admin-switch__label{
  display:grid;
  gap:2px;
  min-width:0;
}
.admin-switch__title{
  font-weight:800;
  color:var(--admin-text);
  font-size:13.5px;
}
.admin-switch__sub{
  color:var(--admin-muted);
  font-size:11.5px;
  line-height:1.35;
}

.notice{
  border:1px solid var(--admin-border);
  border-left:4px solid var(--admin-accent);
  background:var(--admin-surface-2);
  padding:12px 12px;
  border-radius:12px;
  margin-bottom:12px;
  font-size:13.5px;
}
.notice.is-danger{border-left-color:#DC2626;background:#FEF2F2}
.notice.is-success{border-left-color:#16A34A;background:#F0FDF4}

.admin-footer{
  width:min(var(--admin-max), calc(100% - 32px));
  margin:0 auto;
  padding:18px 0 28px;
  color:var(--admin-muted);
  font-size:12.5px;
  border-top:1px solid var(--admin-border);
}
.admin-footer a{color:var(--admin-muted)}
.admin-footer a:hover{color:var(--admin-accent)}

/* ══════════════════════════════════════════════════════════════
   DASHBOARD
   ══════════════════════════════════════════════════════════════ */
.dash-stats{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}
@media (max-width:1100px){.dash-stats{grid-template-columns:repeat(2, minmax(0,1fr))}}
@media (max-width:520px){.dash-stats{grid-template-columns:1fr}}

.dash-stat{
  display:flex;
  align-items:center;
  gap:12px;
  background:var(--admin-surface);
  border:1px solid var(--admin-border);
  border-left:4px solid var(--admin-stat-color, var(--admin-accent));
  border-radius:14px;
  box-shadow:var(--admin-shadow);
  padding:14px 16px;
  transition:transform .15s ease, box-shadow .15s ease;
}
a.dash-stat{cursor:pointer}
a.dash-stat:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(20,20,30,.1)}
.dash-stat__icon{
  width:44px;height:44px;border-radius:12px;
  flex:0 0 44px;
  display:flex;align-items:center;justify-content:center;
  font-size:18px;
  background:color-mix(in srgb, var(--admin-stat-color, var(--admin-accent)) 12%, white);
  color:var(--admin-stat-color, var(--admin-accent));
}
.dash-stat__value{font-size:22px;font-weight:900;color:var(--admin-text);line-height:1.1}
.dash-stat__label{font-size:11.5px;font-weight:700;color:var(--admin-muted);text-transform:uppercase;letter-spacing:.3px;margin-top:2px}

.dash-grid{
  display:grid;
  grid-template-columns:1.3fr 1fr;
  gap:14px;
  margin-bottom:14px;
  align-items:start;
}
@media (max-width:980px){.dash-grid{grid-template-columns:1fr}}

.dash-panel{
  background:var(--admin-surface);
  border:1px solid var(--admin-border);
  border-radius:var(--admin-radius);
  box-shadow:var(--admin-shadow);
  padding:16px;
}
.dash-panel__head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-bottom:12px;
}
.dash-panel__head h2{margin:0;font-size:14.5px;font-weight:850;color:var(--admin-text)}
.dash-panel__head a{font-size:12px;font-weight:700;color:var(--admin-accent)}
.dash-panel__empty{padding:22px 4px;text-align:center;color:var(--admin-muted);font-size:12.5px}

.dash-order-row{
  display:flex;align-items:center;gap:10px;
  padding:9px 0;
  border-bottom:1px solid var(--admin-border);
  font-size:12.8px;
}
.dash-order-row:last-child{border-bottom:none}
.dash-order-row__code{font-weight:800;color:var(--admin-text)}
.dash-order-row__meta{color:var(--admin-muted);font-size:11.3px}
.dash-order-row__amount{margin-left:auto;font-weight:800;color:var(--admin-text)}

.dash-stock-row{
  display:flex;align-items:center;gap:10px;
  padding:9px 0;
  border-bottom:1px solid var(--admin-border);
  font-size:12.8px;
}
.dash-stock-row:last-child{border-bottom:none}
.dash-stock-row__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:var(--admin-text)}
.dash-stock-pill{
  flex:0 0 auto;
  padding:3px 9px;
  border-radius:999px;
  font-size:10.5px;
  font-weight:800;
}
.dash-stock-pill--out{background:#FEF2F2;color:#DC2626}
.dash-stock-pill--low{background:#FFF7ED;color:#C2410C}

.dash-pulse{
  display:flex;align-items:flex-end;gap:8px;
  height:120px;
  padding-top:6px;
}
.dash-pulse__col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}
.dash-pulse__bar{
  width:100%;
  max-width:26px;
  border-radius:6px 6px 3px 3px;
  background:linear-gradient(180deg, var(--admin-accent), var(--admin-accent-2));
  min-height:4px;
}
.dash-pulse__day{font-size:10px;font-weight:700;color:var(--admin-muted);text-transform:uppercase}

.dash-actions{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}
@media (max-width:900px){.dash-actions{grid-template-columns:repeat(2, minmax(0,1fr))}}
@media (max-width:520px){.dash-actions{grid-template-columns:1fr}}
.dash-action{
  display:flex;align-items:center;gap:10px;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid var(--admin-border);
  background:var(--admin-surface);
  font-weight:800;
  font-size:13px;
  color:var(--admin-text);
  transition:transform .15s ease, box-shadow .15s ease;
}
.dash-action:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,20,30,.1)}
.dash-action i{font-size:16px;color:var(--admin-accent)}
.dash-action--primary{background:linear-gradient(135deg, var(--admin-accent), var(--admin-accent-2));color:#fff;border-color:transparent}
.dash-action--primary i{color:#fff}

/* ══════════════════════════════════════════════════════════════
   RESPONSIVE — sidebar off-canvas y ajustes de header/contenido
   ══════════════════════════════════════════════════════════════ */
@media (max-width:1080px){
  .admin-sidebar{
    position:fixed;
    left:0;top:0;bottom:0;
    transform:translateX(-100%);
    transition:transform .22s ease;
    box-shadow:0 0 40px rgba(0,0,0,.35);
  }
  .admin-sidebar.is-open{transform:translateX(0)}
  .admin-header__burger{display:flex}
  .admin-header__search{display:none}
}

/* Tablas: en vez de achicar/ajustar texto en columnas hasta ilegibles,
   el bloque se desplaza horizontalmente completo — patrón estándar para
   tablas de datos en móvil. */
@media (max-width:900px){
  .admin-card{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .admin-table{ min-width:640px; }
}

@media (max-width:760px){
  .admin-header{padding:0 14px;gap:10px}
  .admin-header__title{font-size:14.5px}
  .admin-header__user-info{display:none}
  .admin-online{display:none}
  .admin-main{width:calc(100% - 24px)}
  .admin-footer{width:calc(100% - 24px)}
  .admin-notif__dropdown{width:270px;right:-10px}
  .dash-grid{gap:12px}
  .prod-modal-overlay{padding:14px 10px}
  .prod-modal__header{padding:14px 16px}
  .prod-modal__body{padding:16px}
}

@media (max-width:480px){
  .admin-brand{padding:16px 14px 12px}
  .admin-sidebar{width:82vw;flex-basis:82vw}
  .admin-header__title{display:none}
  .admin-header__search{display:flex;flex:1}
}