/*
 * Área do cliente — sempre tema claro AdminLTE (ignora dark mode do SO/navegador).
 */

html[data-bs-theme="light"] {
  color-scheme: light;
}

:root {
  --ac-body-bg: #f4f6f9;
  --ac-surface-bg: #ffffff;
  --ac-surface-muted: #f8f9fa;
  --ac-body-fg: #212529;
  --ac-muted-fg: #6c757d;
  --ac-border: #dee2e6;
  --ac-link: #007bff;
  --ac-navbar-bg: #ffffff;
  --ac-navbar-fg: #343a40;
  --ac-footer-bg: #ffffff;
}

body.areacliente-page {
  color-scheme: light;
  --bs-body-bg: var(--ac-body-bg);
  --bs-body-color: var(--ac-body-fg);
  --bs-emphasis-color: var(--ac-body-fg);
  --bs-secondary-color: var(--ac-muted-fg);
  --bs-secondary-bg: var(--ac-surface-muted);
  --bs-tertiary-bg: var(--ac-surface-muted);
  --bs-border-color: var(--ac-border);
  --bs-heading-color: var(--ac-body-fg);
  --bs-card-bg: var(--ac-surface-bg);
  --bs-card-cap-bg: var(--ac-surface-muted);
  --bs-card-color: var(--ac-body-fg);
  --bs-table-bg: var(--ac-surface-bg);
  --bs-table-color: var(--ac-body-fg);
  --bs-table-striped-bg: var(--ac-surface-muted);
  --bs-table-hover-bg: var(--ac-surface-muted);
  --bs-table-border-color: var(--ac-border);
  --bs-dropdown-bg: var(--ac-surface-bg);
  --bs-dropdown-color: var(--ac-body-fg);
  --bs-dropdown-link-color: var(--ac-body-fg);
  --bs-dropdown-link-hover-bg: var(--ac-surface-muted);
  --bs-modal-bg: var(--ac-surface-bg);
  --bs-modal-color: var(--ac-body-fg);
  --bs-list-group-bg: var(--ac-surface-bg);
  --bs-list-group-color: var(--ac-body-fg);
  --bs-list-group-border-color: var(--ac-border);
  --bs-input-bg: var(--ac-surface-bg);
  --bs-input-color: var(--ac-body-fg);
  --bs-input-border-color: var(--ac-border);
  background-color: var(--ac-body-bg) !important;
  color: var(--ac-body-fg) !important;
}

body.areacliente-page .content-wrapper,
body.areacliente-page .content {
  background-color: var(--ac-body-bg) !important;
  color: var(--ac-body-fg) !important;
}

body.areacliente-page .main-header.navbar {
  background-color: var(--ac-navbar-bg) !important;
  border-bottom: 1px solid var(--ac-border);
}

body.areacliente-page .main-header .nav-link,
body.areacliente-page .main-header .navbar-brand {
  color: var(--ac-navbar-fg) !important;
}

body.areacliente-page .main-header .nav-link:hover,
body.areacliente-page .main-header .nav-link:focus {
  color: var(--ac-link) !important;
}

body.areacliente-page .main-footer {
  background-color: var(--ac-footer-bg) !important;
  border-top: 1px solid var(--ac-border);
  color: var(--ac-muted-fg);
}

body.areacliente-page .main-footer strong {
  color: var(--ac-body-fg);
}

body.areacliente-page .dropdown-menu {
  background-color: var(--ac-surface-bg) !important;
  border-color: var(--ac-border);
  color: var(--ac-body-fg);
}

body.areacliente-page .dropdown-item {
  color: var(--ac-body-fg);
}

body.areacliente-page .dropdown-item:hover,
body.areacliente-page .dropdown-item:focus {
  background-color: var(--ac-surface-muted);
  color: var(--ac-body-fg);
}

/* Cards e tabelas (AdminLTE) */
body.areacliente-page .adminlte-scope .card,
body.areacliente-page .adminlte-scope .card-body,
body.areacliente-page .adminlte-scope .card-footer {
  background-color: var(--ac-surface-bg) !important;
  color: var(--ac-body-fg) !important;
  border-color: var(--ac-border) !important;
}

body.areacliente-page .adminlte-scope .card-widget > .card-header {
  background-color: var(--ac-surface-muted) !important;
  border-bottom-color: var(--ac-border) !important;
  color: var(--ac-body-fg) !important;
}

body.areacliente-page .adminlte-scope .user-block .username,
body.areacliente-page .adminlte-scope .user-block .username a,
body.areacliente-page .adminlte-scope .card .card-title {
  color: var(--ac-body-fg) !important;
}

body.areacliente-page .adminlte-scope .user-block .username a {
  color: var(--ac-link) !important;
}

body.areacliente-page .adminlte-scope .user-block .description {
  color: var(--ac-muted-fg) !important;
}

body.areacliente-page .adminlte-scope .btn-tool {
  color: var(--ac-muted-fg) !important;
}

body.areacliente-page .adminlte-scope .table,
body.areacliente-page .adminlte-scope .table td,
body.areacliente-page .adminlte-scope .table th {
  background-color: var(--ac-surface-bg) !important;
  color: var(--ac-body-fg) !important;
  border-color: var(--ac-border) !important;
}

body.areacliente-page .adminlte-scope .table thead th {
  background-color: var(--ac-surface-muted) !important;
  color: var(--ac-body-fg) !important;
}

/* Listagens (tickets, artigos) */
body.areacliente-page .list-group-item {
  background-color: var(--ac-surface-bg);
  border-color: var(--ac-border);
  color: var(--ac-body-fg);
}

body.areacliente-page .list-group-item:hover {
  background-color: var(--ac-surface-muted);
}

body.areacliente-page .form-control {
  background-color: var(--ac-surface-bg);
  border-color: var(--ac-border);
  color: var(--ac-body-fg);
}

body.areacliente-page .form-control:focus {
  background-color: var(--ac-surface-bg);
  color: var(--ac-body-fg);
  border-color: var(--ac-link);
}

body.areacliente-page .input-group-append .btn,
body.areacliente-page .input-group .btn {
  border-color: var(--ac-border);
}

body.areacliente-page .btn-default {
  background-color: var(--ac-surface-muted);
  border-color: var(--ac-border);
  color: var(--ac-body-fg);
}

body.areacliente-page h1,
body.areacliente-page h2,
body.areacliente-page h3,
body.areacliente-page h4,
body.areacliente-page h5,
body.areacliente-page h6 {
  color: var(--ac-body-fg);
}

body.areacliente-page.login-page {
  background-color: var(--ac-body-bg) !important;
}

body.areacliente-page .login-card,
body.areacliente-page .card {
  background-color: var(--ac-surface-bg);
  color: var(--ac-body-fg);
}

body.areacliente-page .login-box-msg,
body.areacliente-page .login-logo a {
  color: var(--ac-body-fg);
}

.content-wrapper {
  min-height: calc(100vh - 120px);
}

.brand-image {
  max-height: 40px;
}