/**
 * Q11IT Default Theme (claro)
 * Pacote: styles/themes/default/
 */

.theme-default {
  --q11-bg-primary: #ffffff;
  --q11-bg-secondary: #f5f5f5;
  --q11-bg-tertiary: #eeeeee;

  --q11-sidebar-logo-collapsed-size: 40px;
  --q11-sidebar-collapsed-width: 80px;

  --q11-text-primary: #1a1a1a;
  --q11-text-secondary: #555555;
  --q11-text-muted: #888888;

  --q11-accent: #3880ff;
  --q11-accent-hover: #2b6de0;
  --q11-sidebar-toggle-bg: var(--q11-bg-secondary);
  --q11-sidebar-toggle-bg-hover: var(--q11-bg-tertiary);
  --q11-sidebar-toggle-border: var(--q11-border);
  --q11-sidebar-toggle-color: var(--q11-accent);
  --q11-sidebar-toggle-color-hover: var(--q11-accent-hover);

  --q11-border: #e0e0e0;
  --q11-border-focus: #3880ff;
  --q11-radius-lg: 10px;
  --q11-font-size-xs: 0.6875rem;

  --q11-card-bg: #ffffff;
  --q11-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);

  --q11-toast-success-bg: #d4edda;
  --q11-toast-success-color: #155724;
  --q11-toast-warning-bg: #fff3cd;
  --q11-toast-warning-color: #856404;
  --q11-toast-error-bg: #f8d7da;
  --q11-toast-error-color: #721c24;
  --q11-toast-info-bg: #d1ecf1;
  --q11-toast-info-color: #0c5460;
}

.theme-default ion-header.header-md {
  box-shadow: none;
}

.theme-default ion-header ion-toolbar {
  --border-width: 0;
}

/* Logo web = tamanho institucional (130px). Mobile = 36px + gap maior */
.theme-default .shell-logo-img {
  height: 130px;
}
.theme-default .shell-header-logo-mobile {
  margin-right: 20px;
}
.theme-default .shell-header-logo-mobile q11-logo {
  height: 36px;
}