/* Tema dos dashboards nativos: apresentação sem alterar dados ou GridStack. */
.dashboard {
  --nc-central-brand: var(--commander-action, rgb(var(--tblr-primary-rgb, 70, 104, 178)));
  --nc-central-brand-soft: var(--commander-soft, #eef2f8);
  --nc-central-accent: var(--commander-accent, var(--glpi-badge-bg, #e5f034));
  --nc-central-ink: var(--commander-ink, #283448);
  --nc-central-muted: var(--commander-muted, #68758a);
  --nc-central-surface: var(--commander-surface, #fff);
  --nc-central-ground: var(--commander-ground, #f4f6fa);
  --nc-central-border: var(--commander-line, #e7ebf1);
  --nc-central-shadow: var(--nc-shadow, 0 3px 12px rgb(32 48 72 / 5%));
  color: var(--nc-central-ink);
}
.dashboard .toolbar .btn,
.dashboard .toolbar .dashboard_select {
  border-radius: 9px;
  border-color: var(--nc-central-border);
  background-color: var(--nc-central-surface);
  color: var(--nc-central-muted);
}
.dashboard .toolbar .btn:hover,
.dashboard .toolbar .btn:focus-visible {
  background-color: var(--nc-central-brand-soft);
  color: var(--nc-central-brand);
  border-color: var(--nc-central-brand);
}
.dashboard .toolbar .dashboard_select {
  color: var(--nc-central-ink);
  font-weight: 600;
}
.dashboard .grid-stack-item-content > .card {
  --nc-card-accent: var(--nc-central-brand);
  background: var(--nc-central-surface) !important;
  color: var(--nc-central-ink) !important;
  border: 1px solid var(--nc-central-border);
  border-radius: 12px !important;
  box-shadow: var(--nc-central-shadow);
}
.dashboard .grid-stack-item-content > .big-number {
  padding: 8px;
  background: linear-gradient(135deg,var(--nc-central-surface) 55%,var(--nc-central-brand-soft)) !important;
  box-shadow: inset 3px 0 var(--nc-card-accent),var(--nc-central-shadow);
}
.dashboard .big-number:has(.ti-clock) { --nc-card-accent: #a9690a; }
.dashboard .big-number:has(.ti-alert-triangle) { --nc-card-accent: #b74432; }
.dashboard .big-number:has(.ti-clipboard-check) { --nc-card-accent: #248065; }
.dashboard .big-number .formatted-number .number,
.dashboard .big-number .formatted-number .suffix {
  font-size: 28px;
  line-height: 1.15;
  letter-spacing: -.035em;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  color: var(--nc-central-ink);
}
.dashboard .big-number .label {
  color: var(--nc-central-muted);
  font-size: 12px;
  line-height: 1.25;
  font-weight: 500;
  margin-top: 5px;
}
.dashboard .main-icon {
  color: var(--nc-card-accent,var(--nc-central-brand));
  font-size: 24px;
}
.dashboard .big-number .main-icon {
  top: 9px;
  inset-inline-end: 9px;
}
.dashboard .main-label {
  color: var(--nc-central-ink);
  font-size: 14px;
  line-height: 1.35;
  font-weight: 650;
  letter-spacing: -.01em;
}
.dashboard .card .empty-card {
  color: var(--nc-central-muted);
  font-size: 12px;
}
.dashboard .card a:focus-visible,
.dashboard .toolbar .btn:focus-visible {
  outline: 2px solid var(--nc-central-brand);
  outline-offset: 2px;
}
.dashboard.edit-mode .grid-stack-item:hover .card {
  border-color: var(--nc-central-brand) !important;
}
.dashboard { background-color: var(--nc-central-ground); }
.dashboard .grid-stack-item-content > .card { border-color: var(--nc-central-border) !important; }
.dashboard .ct-label,
.dashboard .ct-legend {
  color: var(--nc-central-muted) !important;
  fill: var(--nc-central-muted) !important;
}
/* O modo escuro nativo do dashboard usa a classe .theme-dark no contêiner. */
.dashboard.theme-dark,
[data-glpi-theme-dark="1"] .dashboard,
[data-bs-theme="dark"] .dashboard,
body.theme-dark .dashboard {
  --nc-central-brand: #a6bde8;
  --nc-central-brand-soft: #29364c;
  --nc-central-ink: #edf2fa;
  --nc-central-muted: #b1bdd0;
  --nc-central-surface: #202733;
  --nc-central-ground: #151921;
  --nc-central-border: #364152;
  --nc-central-shadow: 0 3px 12px rgb(0 0 0 / 15%);
}
@media (prefers-reduced-motion: no-preference) {
  .dashboard .card { transition: border-color .15s,box-shadow .15s; }
  .dashboard:not(.edit-mode) .grid-stack-item-content:hover > .card {
    border-color: var(--nc-card-accent,var(--nc-central-brand));
    box-shadow: 0 5px 16px rgb(32 48 72 / 10%);
  }
}
.dashboard.mini .grid-stack-item-content > .big-number { padding: 3px 6px; }
.dashboard.mini .big-number .formatted-number .number,
.dashboard.mini .big-number .formatted-number .suffix { font-size: 22px; }
.dashboard.mini .big-number .label { font-size: 11px; margin-top: 2px; }
.dashboard.mini .big-number .main-icon { font-size: 18px; top: 5px; inset-inline-end: 6px; }
body .dashboard.theme-dark { background-color: var(--nc-central-ground); }
/* Preserve the card dimensions while the engine initializes; never flash its default theme. */
.nc-dashboard-theme-boot .dashboard .chart:not(.nc-chart-ready) { visibility: hidden; }