/* Vavis Analytics — UI Compact global v0.17.6 */
body.ui-compact {
  font-size: 13px !important;
}

body.ui-compact .app-shell {
  grid-template-columns: 190px minmax(0, 1fr) !important;
}

body.ui-compact .sidebar {
  padding: 11px 9px !important;
}

body.ui-compact .sidebar-brand {
  gap: 8px !important;
  padding: 2px 3px 12px !important;
}

body.ui-compact .brand-mark.small {
  width: 34px !important;
  height: 34px !important;
  border-radius: 9px !important;
}

body.ui-compact .sidebar-brand strong {
  font-size: 13px !important;
}

body.ui-compact .sidebar-brand small,
body.ui-compact .user-mini span {
  font-size: 11px !important;
}

body.ui-compact .nav-list {
  gap: 3px !important;
}

body.ui-compact .nav-link {
  min-height: 34px !important;
  padding: 7px 9px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
}

body.ui-compact .sidebar-footer {
  padding-top: 11px !important;
}

body.ui-compact .main-content {
  padding: 13px 16px 18px !important;
}

body.ui-compact .topbar {
  min-height: 44px !important;
  margin-bottom: 11px !important;
  gap: 10px !important;
}

body.ui-compact .topbar h1 {
  margin-bottom: 3px !important;
  font-size: 23px !important;
}

body.ui-compact .topbar p,
body.ui-compact .muted {
  font-size: 12px !important;
}

body.ui-compact .eyebrow {
  margin-bottom: 2px !important;
  font-size: 10px !important;
}

body.ui-compact input,
body.ui-compact select,
body.ui-compact textarea,
body.ui-compact button {
  font-size: 12px !important;
}

body.ui-compact input,
body.ui-compact select {
  min-height: 35px !important;
  padding: 6px 9px !important;
  border-radius: 8px !important;
}

body.ui-compact .primary-button,
body.ui-compact .secondary-button,
body.ui-compact .cancel-button,
body.ui-compact .text-button,
body.ui-compact .danger-outline-button,
body.ui-compact .edit-button,
body.ui-compact .panel-link-button,
body.ui-compact .sales-group-button,
body.ui-compact .group-mode-button,
body.ui-compact .alerts-secondary-button {
  min-height: 35px !important;
  height: 35px !important;
  padding: 0 11px !important;
  margin-top: 0 !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.ui-compact .toolbar,
body.ui-compact .dashboard-filters,
body.ui-compact .sales-report-filters,
body.ui-compact .alerts-filters,
body.ui-compact .comparison-controls,
body.ui-compact .saved-filters-bar,
body.ui-compact .sales-group-actions,
body.ui-compact .details-toolbar {
  gap: 7px !important;
  margin-top: 8px !important;
  margin-bottom: 9px !important;
}

body.ui-compact .dashboard-filters > input,
body.ui-compact .dashboard-filters > select,
body.ui-compact .dashboard-filters > button,
body.ui-compact .dashboard-filters .multi-filter > summary {
  min-height: 35px !important;
  height: 35px !important;
}

body.ui-compact .saved-filters-bar {
  padding: 8px !important;
  border-radius: 10px !important;
}

body.ui-compact .saved-filters-bar > button,
body.ui-compact .saved-filters-bar > input,
body.ui-compact .saved-filters-bar > select {
  min-height: 35px !important;
  height: 35px !important;
}

body.ui-compact .metric-card {
  padding: 12px !important;
  border-radius: 11px !important;
}

body.ui-compact .metric-card strong {
  margin: 5px 0 3px !important;
  font-size: 20px !important;
}

body.ui-compact .metric-card span,
body.ui-compact .metric-card small {
  font-size: 11px !important;
}

body.ui-compact .dashboard-panel,
body.ui-compact .table-card,
body.ui-compact .comparison-period-card,
body.ui-compact .comparison-actions-card,
body.ui-compact .alerts-main-panel {
  padding: 11px !important;
  border-radius: 12px !important;
}

body.ui-compact .dashboard-panel {
  min-height: 175px !important;
}

body.ui-compact .panel-title {
  margin-bottom: 8px !important;
}

body.ui-compact .panel-title h2 {
  font-size: 16px !important;
}

body.ui-compact .ranking-row,
body.ui-compact .distribution-row,
body.ui-compact .attention-item,
body.ui-compact .alert-entity-row,
body.ui-compact .comparison-row {
  min-height: 32px !important;
  padding: 6px 8px !important;
  border-radius: 7px !important;
  gap: 7px !important;
  font-size: 11px !important;
}

body.ui-compact .ranking-metrics strong,
body.ui-compact .ranking-value {
  font-size: 12px !important;
}

body.ui-compact .ranking-metrics small,
body.ui-compact .comparison-row small {
  font-size: 10px !important;
}

body.ui-compact table {
  font-size: 11px !important;
}

body.ui-compact th,
body.ui-compact td {
  padding: 7px 9px !important;
}

body.ui-compact th {
  font-size: 10px !important;
}

body.ui-compact .badge {
  padding: 3px 6px !important;
  font-size: 10px !important;
}

body.ui-compact dialog {
  max-height: 96vh !important;
}

body.ui-compact .dialog-card {
  padding: 15px !important;
  max-height: 96vh !important;
}

body.ui-compact .form-grid {
  gap: 9px !important;
}

body.ui-compact .form-section {
  margin-top: 13px !important;
  padding-top: 12px !important;
}

body.ui-compact .choice {
  padding: 6px 8px !important;
  border-radius: 8px !important;
}

body.ui-compact .permission-row {
  padding: 7px 9px !important;
}

body.ui-compact .bar-chart {
  min-height: 135px !important;
}

body.ui-compact .bar-item {
  height: 120px !important;
}

body.ui-compact .view-loading {
  min-height: 90px !important;
}

body.ui-compact .dashboard-customizer {
  padding: 12px !important;
  margin: 9px 0 !important;
}

body.ui-compact .import-content {
  padding: 11px !important;
}

body.ui-compact .import-card,
body.ui-compact .import-history-card {
  margin-top: 10px !important;
}

body.ui-compact .import-center-heading {
  margin-bottom: 8px !important;
  gap: 8px !important;
}

body.ui-compact .job-progress {
  width: 120px !important;
  height: 5px !important;
  margin: 4px 0 2px !important;
}

body.ui-compact .job-actions {
  gap: 4px !important;
  min-width: 150px !important;
}

body.ui-compact .job-actions button {
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 7px !important;
}

body.ui-compact .dashboard-customizer-item {
  padding: 7px 9px !important;
}

body.ui-compact .comparison-kpis,
body.ui-compact .alerts-summary-grid {
  gap: 8px !important;
  margin-bottom: 9px !important;
}

body.ui-compact .comparison-grid,
body.ui-compact .alerts-tables-grid {
  gap: 9px !important;
}

body.ui-compact .sales-report-table,
body.ui-compact .details-table {
  line-height: 1.2 !important;
}

.global-compact-toggle {
  display: flex;
  gap: 11px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #f8fafc;
  cursor: pointer;
}

.global-compact-toggle input {
  width: 20px;
  height: 20px;
  min-height: 20px;
}

.global-compact-toggle span {
  display: grid;
  gap: 3px;
}

.global-compact-toggle small {
  color: var(--muted);
}

.global-compact-toggle:has(input:checked) {
  border-color: var(--primary);
  background: #e7f2ee;
}

.global-compact-toggle input:checked + span strong {
  color: var(--primary);
}

@media (max-width: 900px) {
  body.ui-compact .app-shell {
    grid-template-columns: 1fr !important;
  }
}