/* ===== QuickQR NewTheme v3 (light-first, dark toggle) =====================
   Mantiene nombres de archivos y estructura "restro-theme"
   Compatible con EVE Template Engine (loops/vars no se tocan)
=========================================================================== */

/* Variables (LIGHT) */
:root{
  --nt-bg:#f7f8fb; --nt-bg-2:#eef1f7;
  --nt-card:#ffffff; --nt-card-2:#fcfdff;
  --nt-border:rgba(2,6,23,.08);
  --nt-text:#0f172a; --nt-text-dim:#475569;
  --nt-primary:#6366f1; --nt-primary-2:#06b6d4;
  --nt-ok:#16a34a; --nt-warn:#d97706; --nt-danger:#dc2626;
  --nt-shadow:0 10px 30px rgba(2,6,23,.08);
  --nt-radius:16px;
}

/* Dark (cubre: body.dark-theme, body.__variable_9eb1a5.dark-theme, .__variable_9eb1a5 body.dark-theme) */
body.dark-theme,
body.__variable_9eb1a5.dark-theme,
.__variable_9eb1a5 body.dark-theme{
  --nt-bg:#0b1020; --nt-bg-2:#0f162e;
  --nt-card:#111a33; --nt-card-2:#0e1730;
  --nt-border:rgba(255,255,255,.08);
  --nt-text:#e6ebff; --nt-text-dim:#b8c0e6;
  --nt-primary:#7c3aed; --nt-primary-2:#22d3ee;
  --nt-ok:#10b981; --nt-warn:#f59e0b; --nt-danger:#ef4444;
  --nt-shadow:0 10px 30px rgba(0,0,0,.35);
}

/* Fondo/estructura */
body.ltr{
  background:
    radial-gradient(1200px 600px at 20% -10%, rgba(99,102,241,.08), transparent 60%),
    radial-gradient(1000px 800px at 110% 10%, rgba(6,182,212,.08), transparent 50%),
    linear-gradient(180deg, var(--nt-bg), var(--nt-bg-2));
  color:var(--nt-text);
}
.newtheme-boxed .dashboard-content-inner,
.newtheme-boxed .container,
.newtheme-boxed .content-container,
.newtheme-boxed .content-left-offset{
  max-width:1200px; margin:0 auto; padding:24px;
}

/* Header grid (acciones rápidas) */
.header-grid{ display:grid; grid-auto-flow:column; align-items:center; gap:14px; }
.header-grid .header-item{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 51px;
  height:40px;
  border-radius:12px;
  border:1px solid var(--nt-border);
  background:var(--nt-card);
  box-shadow:var(--nt-shadow);
  cursor:pointer;
}
.header-grid .header-item i{ font-size:18px; color:var(--nt-text); }
.header-grid .text-tiny{
  font-size:11px;
  color:#fff;
  background:var(--nt-danger);
  border-radius:999px;
  padding:2px 6px;
  position:relative;
  top:-10px;
  left: -6px;
  }
.header-grid .wg-user{ display:inline-flex; gap:10px; align-items:center; }
.header-grid .wg-user .image{ width:36px; height:36px; border-radius:50%; overflow:hidden; }
.header-grid .wg-user .image img{ width:100%; height:100%; object-fit:cover; }
.header-grid .wg-user .body-title{ color:var(--nt-text); font-weight:600; }
.header-grid .wg-user .text-tiny{ color:var(--nt-text-dim); background:transparent; padding:0; top:0; left:0; }

/* Tarjetas generales */
.dashboard-box{
  background:linear-gradient(180deg, var(--nt-card), var(--nt-card-2));
  border:1px solid var(--nt-border);
  border-radius:var(--nt-radius);
  box-shadow:var(--nt-shadow);
  overflow:hidden;
}
.dashboard-box .headline{ background:transparent; border-bottom:1px solid var(--nt-border); padding:16px 20px; }
.dashboard-box .headline h3, .dashboard-box .headline i{ color:var(--nt-text); }
.dashboard-box .content{ padding:18px 20px; color:var(--nt-text-dim); }

/* Métricas */
.fun-facts-container{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px; margin:20px 0 28px; }
.fun-fact{
  background:linear-gradient(180deg, rgba(99,102,241,.12), rgba(6,182,212,.08));
  border:1px solid var(--nt-border); border-radius:var(--nt-radius);
  padding:18px; display:flex; justify-content:space-between; align-items:center;
  box-shadow:var(--nt-shadow); transition:transform .18s ease, box-shadow .18s ease;
}
.fun-fact:hover{ transform:translateY(-2px); }
.fun-fact-text span{ color:var(--nt-text-dim); font-size:13px; }
.fun-fact-text h4{ color:var(--nt-text); font-size:28px; margin:6px 0 0; }
.fun-fact-icon i{ color:var(--nt-primary-2); font-size:34px; }

/* Botoneras */
.quick-access-buttons .quick-access-button{
  display:flex; align-items:center; gap:14px; padding:14px 16px; border-radius:var(--nt-radius);
  border:1px solid var(--nt-border);
  background:linear-gradient(180deg, rgba(255,255,255,.6), rgba(255,255,255,.35));
  color:var(--nt-text); text-decoration:none; box-shadow:var(--nt-shadow);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
body.dark-theme .quick-access-buttons .quick-access-button,
body.__variable_9eb1a5.dark-theme .quick-access-buttons .quick-access-button,
.__variable_9eb1a5 body.dark-theme .quick-access-buttons .quick-access-button{
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
}
.quick-access-buttons .quick-access-button:hover{ transform:translateY(-2px);
  background:linear-gradient(180deg, rgba(99,102,241,.18), rgba(99,102,241,.08)); }
.quick-access-icon{ width:50px; height:50px; border-radius:50%; display:grid; place-items:center;
  background:radial-gradient(100% 100% at 50% 0%, var(--nt-primary), transparent); color:#fff; flex-shrink:0; }
.quick-access-content h4{ margin:0; font-size:16px; color:var(--nt-text); }
.quick-access-content p{ margin:2px 0 0; font-size:13px; color:var(--nt-text-dim); }

/* Tablas */
table.dataTable thead th{ background:transparent; color:var(--nt-text); border-bottom:1px solid var(--nt-border); }
table.dataTable tbody td{ color:var(--nt-text-dim); border-bottom:1px dashed var(--nt-border); }
.dataTables_wrapper .dataTables_paginate .paginate_button{
  border-radius:10px; border:1px solid var(--nt-border)!important;
  background:rgba(255,255,255,.6)!important; color:var(--nt-text)!important;
}
body.dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button,
body.__variable_9eb1a5.dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button,
.__variable_9eb1a5 body.dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button{
  background:rgba(255,255,255,.02)!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
  background:linear-gradient(180deg, var(--nt-primary), #4f46e5)!important; border-color:transparent!important; color:#fff!important;
}

/* Botones */
.button, .button:visited{
  /* border-radius:12px; */
  /* border:1px solid var(--nt-border)!important; */
  /* background:linear-gradient(180deg, var(--nt-primary), #4f46e5)!important; */
  /* color:#fff!important; */
  /* box-shadow:var(--nt-shadow); */
  /* border-radius: 50px; */
}
.button.gray, .button.dark, .button.ripple-effect.gray{
  background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.6))!important; color:var(--nt-text)!important;
}
body.dark-theme .button.gray, body.dark-theme .button.dark, body.dark-theme .button.ripple-effect.gray{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02))!important; color:var(--nt-text)!important;
}
.button:hover{ filter:brightness(1.05); transform:translateY(-1px); }

/* Inputs */
input[type=text], input[type=number], input[type=email], textarea, select, .bootstrap-select .btn{
  background:rgba(255,255,255,.9); border:1px solid var(--nt-border); color:var(--nt-text); border-radius:12px!important;
}
body.dark-theme input[type=text], body.dark-theme textarea, body.dark-theme select, body.dark-theme .bootstrap-select .btn{
  background:rgba(255,255,255,.03); color:var(--nt-text);
}
.bootstrap-select .dropdown-menu{ background:var(--nt-card); border-color:var(--nt-border); }
.bootstrap-select .dropdown-item{ color:var(--nt-text-dim); }
.bootstrap-select .dropdown-item:hover{ background:rgba(99,102,241,.15); color:var(--nt-text); }

/* Image select (flags) */
.image-select.no-text{ width:60px; padding-left:8px; background-position:8px center; background-repeat:no-repeat;
  background-size:24px 24px; text-indent:9999px; overflow:hidden; white-space:nowrap; }
.image-select-render{ width:40px; height:40px; border-radius:50%; border:1px solid var(--nt-border); background:#fff center/cover no-repeat;
  display:inline-block; vertical-align:middle; }

/* Popups */
.zoom-anim-dialog, .mfp-content .dialog-with-tabs{
  background:linear-gradient(180deg, var(--nt-card), var(--nt-card-2))!important; border:1px solid var(--nt-border)!important;
  border-radius:var(--nt-radius)!important; box-shadow:var(--nt-shadow)!important;
}
.popup-wrap.noti.type-header {
    margin-right: 20px;
}
/* Chart */
#chart{ background:radial-gradient(600px 300px at 10% 0%, rgba(99,102,241,.16), transparent),
                  radial-gradient(600px 300px at 90% 0%, rgba(6,182,212,.16), transparent);
  border:1px solid var(--nt-border); border-radius:var(--nt-radius); padding:10px; }

/* Menú / cartas (genérico, no rompe clases) */
.menu-card, .product, .food, .single-menu, .menu-item, .service-item{
  background:linear-gradient(180deg, var(--nt-card), var(--nt-card-2));
  border:1px solid var(--nt-border); border-radius:14px; box-shadow:var(--nt-shadow);
}
.menu-item .price, .product .price, .single-menu .price{ color:var(--nt-primary); font-weight:700; }
.menu-item .title, .product .title, .single-menu .title{ color:var(--nt-text); }

/* Utilidades */
.text-ok{ color:var(--nt-ok)!important; }
.text-warn{ color:var(--nt-warn)!important; }
.text-danger{ color:var(--nt-danger)!important; }

/* Responsive */
@media (max-width:1199px){ .fun-facts-container{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px){ .fun-facts-container{ grid-template-columns:1fr; } .newtheme-boxed .dashboard-content-inner{ padding:14px; } }