/* STARLIKE POS 5.7.5.54 · FIX 169.3
   Supervisor sin duplicados del modo operador. */

/* En supervisor ocultamos únicamente accesos ya presentes en Modo Operador. */
body:not(.sl-operator-mode) .sidebar .nav[data-view="dashboard"],
body:not(.sl-operator-mode) .sidebar .nav[data-view="pos"],
body:not(.sl-operator-mode) .sidebar .nav[data-view="restaurant"],
body:not(.sl-operator-mode) .sidebar .nav[data-view="cash"],
body:not(.sl-operator-mode) .sidebar .nav[data-view="kds"],
body:not(.sl-operator-mode) .sidebar .nav[data-view="club"],
body:not(.sl-operator-mode) .sidebar .nav[data-view="online"],
body:not(.sl-operator-mode) .sidebar .nav[data-view="orders"]{
  display:none!important;
}

/* Quitar encabezados que quedarían vacíos. */
body:not(.sl-operator-mode) #slSection_dashboard,
body:not(.sl-operator-mode) #slSection_pos,
body:not(.sl-operator-mode) #slSection_club{
  display:none!important;
}

/* El bloque Análisis sí permanece porque contiene Reportes,
   Conciliación y Rentabilidad. */
body:not(.sl-operator-mode) #slSection_orders{
  display:block!important;
}

/* Darle al supervisor un menú un poco más limpio y técnico. */
body:not(.sl-operator-mode) .sidebar .nav[data-view="inventory"],
body:not(.sl-operator-mode) .sidebar .nav[data-view="kardex"],
body:not(.sl-operator-mode) .sidebar .nav[data-view="purchases"],
body:not(.sl-operator-mode) .sidebar .nav[data-view="payables"],
body:not(.sl-operator-mode) .sidebar .nav[data-view="cedis"],
body:not(.sl-operator-mode) .sidebar .nav[data-view="production"],
body:not(.sl-operator-mode) .sidebar .nav[data-view="reports"],
body:not(.sl-operator-mode) .sidebar .nav[data-view="reconciliation"],
body:not(.sl-operator-mode) .sidebar .nav[data-view="finance"],
body:not(.sl-operator-mode) .sidebar .nav[data-view="catalog"],
body:not(.sl-operator-mode) .sidebar .nav[data-view="branches"],
body:not(.sl-operator-mode) .sidebar .nav[data-view="admin"]{
  display:flex;
}

/* Título auxiliar arriba del menú supervisor. */
#slSupervisorLabel1693{
  display:none;
}
body:not(.sl-operator-mode) #slSupervisorLabel1693{
  display:block;
  margin:3px 8px 10px;
  padding:9px 10px;
  border:1px solid #34343c;
  border-radius:10px;
  background:#17171c;
}
#slSupervisorLabel1693 b{
  display:block;
  color:#f1f1f4;
  font-size:11px;
}
#slSupervisorLabel1693 small{
  display:block;
  margin-top:2px;
  color:#777781;
  font-size:9px;
  line-height:1.3;
}


/* STARLIKE POS · Supervisor de sucursal simplificado · 2026-09-21 */
body .sidebar .nav[data-view="reconciliation"],
body .sidebar .nav[data-view="finance"],
body .sidebar .nav[data-view="catalog"],
body .sidebar .nav[data-view="branches"],
body .sidebar .nav[data-view="admin"]{
  display:none!important;
}
body.sl-supervisor-mode .sidebar .nav[data-view="dashboard"],
body.sl-supervisor-mode .sidebar .nav[data-view="pos"],
body.sl-supervisor-mode .sidebar .nav[data-view="restaurant"],
body.sl-supervisor-mode .sidebar .nav[data-view="cash"],
body.sl-supervisor-mode .sidebar .nav[data-view="kds"],
body.sl-supervisor-mode .sidebar .nav[data-view="club"],
body.sl-supervisor-mode .sidebar .nav[data-view="online"],
body.sl-supervisor-mode .sidebar .nav[data-view="orders"]{
  display:none!important;
}
body.sl-supervisor-mode .sidebar .nav[data-view="inventory"],
body.sl-supervisor-mode .sidebar .nav[data-view="purchases"],
body.sl-supervisor-mode .sidebar .nav[data-view="payables"],
body.sl-supervisor-mode .sidebar .nav[data-view="reports"],
body.sl-supervisor-mode .sidebar .nav[data-view="printers"]{
  display:flex!important;
}
body.sl-supervisor-mode #slSupervisorLabel1693{display:none!important}
#slSupervisorHome{display:none}
body.sl-supervisor-mode #slSupervisorHome{display:block}
body.sl-supervisor-mode #view-dashboard>.cards,
body.sl-supervisor-mode #view-dashboard>.hero-panel,
body.sl-supervisor-mode #view-dashboard>.starlike-club-reminder,
body.sl-supervisor-mode #view-dashboard>.two-col{display:none!important}
.sl-sup-head{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:22px 24px;margin-bottom:18px;border:1px solid #34343c;border-radius:18px;background:#17171c;
}
.sl-sup-head span{font-size:12px;font-weight:900;letter-spacing:.12em}
.sl-sup-head h1{font-size:30px;line-height:1.05;margin:5px 0 7px}
.sl-sup-head p{margin:0;opacity:.76;font-size:15px}
.sl-sup-head>strong{font-size:15px;padding:10px 14px;border-radius:12px;background:#23232a;white-space:nowrap}
.sl-sup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sl-sup-card{
  min-height:150px;padding:22px;border:1px solid #34343c;border-radius:18px;background:#19191f;
  color:inherit;text-align:left;display:flex;align-items:center;gap:20px;cursor:pointer;
}
.sl-sup-card:hover{transform:translateY(-1px);border-color:#565662}
.sl-sup-icon{
  width:72px;height:72px;min-width:72px;border-radius:18px;display:grid;place-items:center;
  font-size:42px;line-height:1;background:#24242b;
}
.sl-sup-card b{display:block;font-size:22px;line-height:1.1;margin-bottom:7px}
.sl-sup-card small{display:block;font-size:14px;line-height:1.35;opacity:.72}
.sl-sup-note{margin-top:18px;padding:14px 16px;border-radius:12px;background:#16161b;font-size:13px;opacity:.8}
.branch-label{display:none!important}
@media(max-width:820px){
  .sl-sup-grid{grid-template-columns:1fr}
  .sl-sup-head{align-items:flex-start;flex-direction:column}
  .sl-sup-card{min-height:132px}
  .sl-sup-icon{width:64px;height:64px;min-width:64px;font-size:38px}
}

body:not(.sl-cedis-pos) .sidebar .nav[data-view="cedis"],
body:not(.sl-cedis-pos) .sidebar .nav[data-view="production"],
body:not(.sl-cedis-pos) #slSupervisorHome [data-sup-view="cedis"],
body:not(.sl-cedis-pos) #slSupervisorHome [data-sup-view="production"]{
  display:none!important;
}