/* v8.11.5 — compatibilidade de tokens visuais e base sólida nas abas Magazord */
:root{
  --card:var(--panel);
  --border:var(--line);
  --hover:var(--panel2);
  --input-bg:var(--panel);
}
html.dark{
  --card:var(--panel);
  --border:var(--line);
  --hover:var(--panel2);
  --input-bg:var(--panel);
}
.mz11-tabs{
  background:var(--panel) !important;
  border:1px solid var(--line) !important;
  box-shadow:0 10px 28px rgba(15,23,42,.10) !important;
  isolation:isolate;
  z-index:45 !important;
  margin-bottom:14px;
}
.dark .mz11-tabs{
  background:var(--panel) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.32) !important;
}
.mz11-tabs::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--panel);
  border-radius:inherit;
  z-index:-1;
}
.mz11-tab-content{
  position:relative;
  z-index:1;
  background:var(--panel);
}
.mz11-orders-table{
  position:relative;
  z-index:1;
  background:var(--panel);
  border-radius:14px;
  overflow:hidden;
}
.mz11-orders-table .table-wrap{
  background:var(--panel);
}

/* IMPULSE v8.11.4 — ajustes de layout Magazord + menu lateral recolhível */
.nav-group{margin:0 0 16px}
.nav-group.is-collapsed{margin-bottom:10px}
.nav-label-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:transparent;padding:0 12px 7px;color:#94a3b8;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;text-align:left}
.nav-label-btn:hover{color:var(--text)}
.nav-label-left{display:flex;align-items:center;gap:8px;min-width:0}
.nav-label-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:var(--panel2);font-size:9px;letter-spacing:normal;text-transform:none}
.nav-caret{font-size:11px;transition:transform .18s ease;opacity:.8}
.nav-group.is-collapsed .nav-caret{transform:rotate(-90deg)}
.nav-group-items{display:grid;gap:2px}
.nav-group.is-collapsed .nav-group-items{display:none}
.mz11-orders-table .table{min-width:1200px}
.mz11-orders-table .table td{white-space:normal;vertical-align:top;line-height:1.35}
.mz11-orders-table .table td:nth-child(1){min-width:150px}
.mz11-orders-table .table td:nth-child(2){min-width:260px}
.mz11-orders-table .table td:nth-child(3){min-width:170px}
.mz11-orders-table .table td:nth-child(4){min-width:150px}
.mz11-orders-table .table td:nth-child(5){min-width:110px}
.mz11-orders-table .table td:nth-child(6){min-width:150px}
.mz11-order-main{display:block;font-weight:800;color:var(--text)}
.mz11-order-sub{display:block;color:var(--muted);font-size:10px;margin-top:4px;word-break:break-word}
.mz11-order-status{display:inline-flex;align-items:center;max-width:100%;padding:7px 10px;border-radius:999px;border:1px solid var(--border);background:var(--panel2);font-size:10px;font-weight:800;line-height:1.2}
.mz11-order-status.ok{background:rgba(16,185,129,.10);border-color:rgba(16,185,129,.22);color:#059669}
.dark .mz11-order-status.ok{color:#6ee7b7}
.mz11-order-status.warn{background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.22);color:#d97706}
.dark .mz11-order-status.warn{color:#fcd34d}
.mz11-order-status.info{background:rgba(37,99,235,.10);border-color:rgba(37,99,235,.22);color:#2563eb}
.dark .mz11-order-status.info{color:#93c5fd}
.mz11-order-status.muted{background:var(--panel2);border-color:var(--border);color:var(--muted)}
.mz11-order-mapped{display:inline-flex;align-items:center;justify-content:center;min-width:62px;padding:7px 10px;border-radius:10px;background:var(--panel2);font-size:10px;font-weight:900}
.mz11-order-total{display:block;font-weight:900;color:var(--text)}


/* v8.11.7 — Pedidos em ordem numérica + coluna Data e hora */
.mz11-orders-table .table{min-width:1320px}
.mz11-orders-table .table td:nth-child(1){min-width:155px}
.mz11-orders-table .table td:nth-child(2){min-width:145px}
.mz11-orders-table .table td:nth-child(3){min-width:250px}
.mz11-orders-table .table td:nth-child(4){min-width:170px}
.mz11-orders-table .table td:nth-child(5){min-width:150px}
.mz11-orders-table .table td:nth-child(6){min-width:115px}
.mz11-orders-table .table td:nth-child(7){min-width:155px}
.mz11-order-date{display:block;font-weight:800;color:var(--text);white-space:nowrap}
.mz11-order-time{display:block;color:var(--muted);font-size:10px;margin-top:4px;white-space:nowrap}