@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

/* CRM AUTH — estado de validação sem flash de conteúdo */
html.crm-auth-pending body {
    visibility: visible !important;
}
html.crm-auth-pending body > * {
    opacity: .22;
    pointer-events: none;
    user-select: none;
}
html.crm-auth-pending body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 2147483645;
    background: rgba(255, 255, 255, .94);
    backdrop-filter: blur(2px);
}
html.crm-auth-pending body::after {
    content: "Carregando seu CRM...";
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2147483646;
    padding: 12px 18px;
    border: 1px solid #BBD5EA;
    border-radius: 999px;
    background: #FFFFFF;
    color: #e16412;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    box-shadow: 0 7px 22px rgba(244,119,33,.055);
}

/* ===== AV CRM DARK ORANGE FINAL ===== */
html.crm-auth-pending body::before { background: #FFFFFF; backdrop-filter:blur(2px) !important; }
html.crm-auth-pending body::after { background: #FFFFFF; color:#f47721 !important; border-color:#f47721 !important; box-shadow: 0 7px 22px rgba(244,119,33,.055); font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important; }


/* =====================================================================
   TEMA FINAL — A VE / LARANJA SUAVE + BRANCO
   Direção visual baseada na referência: fundo claro com degradê discreto
   branco → laranja pálido; laranja apenas como acento; cartões e dados
   principais com cores suaves e distintas.
   ===================================================================== */

:root {
    --av-orange: #f47721;
    --av-orange-dark: #efb48d;
    --av-orange-soft: #EFF6FB;
    --av-orange-pale: #BED7F0;
    --av-bg: #FFFFFF;
    --av-bg-warm: #FFFFFF;
    --av-surface: #FFFFFF;
    --av-surface-soft: #F8FBFD;
    --av-text: #272321;
    --av-text-secondary: #e16412;
    --av-text-muted: #e16412;
    --av-border: #e16412;
    --av-border-light: #e16412;
    --av-green: #55A36B;
    --av-green-bg: #EDF8F0;
    --av-blue: #f47721;
    --av-blue-bg: #EFF4FF;
    --av-lilac: #8F78B8;
    --av-lilac-bg: #F4EFFA;
    --av-yellow: #D3A72C;
    --av-yellow-bg: #FFF8DF;
    --av-rose: #e16412;
    --av-rose-bg: #FFFFFF;
}

html,
body,
button,
input,
select,
textarea,
table,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a,
div,
label,
th,
td,
strong,
b,
small {
    font-family: Inter, Inter, Inter, "Segoe UI", Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
}

body,
main,
main.main,
.app,
.main-layout {
    color: var(--av-text) !important;
}

body,
main,
main.main {
        background: #FFFFFF !important;
}

/* Fundo: único degradê principal, muito suave */
body::before {
        background: #FFFFFF !important;
}

/* Sidebar branca, com laranja somente nos pontos de interação */
.sidebar {
    background: rgba(255,255,255,.93) !important;
    border-right: 1px solid var(--av-border) !important;
    box-shadow: 0 7px 22px rgba(244,119,33,.055) !important;
}

.sidebar .logo,
.sidebar-menu,
.sidebar .menu,
.sidebar-footer {
    background: transparent !important;
}

.sidebar .logo {
    border-bottom-color: var(--av-border-light) !important;
}

.sidebar .logo-title,
.sidebar .logo-text strong,
.sidebar .logo-text span,
.sidebar .logo-subtitle,
.sidebar .menu-label,
.sidebar .menu-item,
.sidebar .menu-text,
.sidebar .profile-name,
.sidebar .profile-status,
.sidebar .profile-info span,
.sidebar .access-card strong,
.sidebar .access-card-title,
.sidebar .sidebar-access strong,
.sidebar .access-card span,
.sidebar .access-card-text,
.sidebar .sidebar-access span,
.sidebar .sidebar-access p {
    color: var(--av-text) !important;
}

.sidebar .menu-label,
.sidebar .profile-status,
.sidebar .profile-info span,
.sidebar .sidebar-access span,
.sidebar .sidebar-access p {
    color: var(--av-text-muted) !important;
    opacity: 1 !important;
}

.sidebar .logo-icon,
.sidebar .logo-mark,
.sidebar .profile-avatar {
    color: #fff !important;
    background: var(--av-orange) !important;
    border-color: var(--av-orange) !important;
    box-shadow: 0 6px 18px rgba(239,180,141,.16) !important;
}

.sidebar .menu-icon,
.sidebar .access-icon,
.sidebar .check-icon {
    color: #e16412 !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.sidebar .menu-item {
    color: #e16412 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    font-weight: 400 !important;
}

.sidebar .menu-item:hover {
    color: var(--av-orange-dark) !important;
    background: #F0F6FB !important;
    border-color: #f47721 !important;
    transform: translateX(1px) !important;
    box-shadow: none !important;
}

.sidebar .menu-item.active {
    color: var(--av-orange-dark) !important;
        background: #FFFFFF !important;
    border-color: #efb48d !important;
    box-shadow: 0 6px 18px rgba(239,180,141,.07) !important;
    font-weight: 400 !important;
}

.sidebar .menu-item.active .menu-icon,
.sidebar .menu-item.active .menu-text {
    color: var(--av-orange-dark) !important;
}

.sidebar .menu-item.active .menu-icon {
    background: #FFFFFF !important;
    border-radius: 8px !important;
}

.sidebar .menu-badge,
.sidebar .notification-count {
    color: #f47721 !important;
    background: #EFF6FB !important;
    border: 1px solid #efb48d !important;
    font-weight: 400 !important;
}

.sidebar .sidebar-separator,
.sidebar .menu-separator {
    background: var(--av-border-light) !important;
}

.sidebar .access-card,
.sidebar .sidebar-access {
    color: var(--av-text) !important;
    background: #F7FAFC !important;
    border-color: #f47721 !important;
}

.sidebar .profile-mini,
.sidebar .profile-more {
    color: var(--av-text) !important;
    background: #FFFFFF !important;
    border-color: var(--av-border-light) !important;
}

.sidebar .profile-more:hover {
    background: var(--av-orange-soft) !important;
    color: var(--av-orange-dark) !important;
}

.sidebar-footer {
    border-top-color: var(--av-border-light) !important;
}

/* Barra superior */
.topbar,
header.topbar {
    background: rgba(255,255,255,.90) !important;
    border-bottom-color: var(--av-border-light) !important;
    backdrop-filter: blur(10px);
}

.topbar .search-box input,
.topbar .global-search input {
    background: #fff !important;
    border-color: var(--av-border) !important;
    color: var(--av-text) !important;
}

.topbar .search-box input:focus,
.topbar .global-search input:focus {
    border-color: #f47721 !important;
    box-shadow: 0 0 0 3px rgba(239,180,141,.10) !important;
}

.topbar .search-icon {
    color: var(--av-text-muted) !important;
}

/* Superfícies */
.card,
.panel,
.metric-card,
.service-card,
.professional-card,
.client-card,
.table-wrapper,
.filters,
.filter-bar,
.appointments-filters,
.services-filters,
.modal-content {
    background: rgba(255,255,255,.95) !important;
    border-color: var(--av-border-light) !important;
    box-shadow: 0 8px 28px rgba(225,100,18,.055) !important;
}

.card:hover,
.panel:hover,
.metric-card:hover,
.service-card:hover,
.professional-card:hover,
.client-card:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 28px rgba(225,100,18,.075) !important;
}

/* Campos */
input,
select,
textarea,
.form-control,
.form-input,
.form-select {
    background: #FFFFFF !important;
    border-color: var(--av-border) !important;
    color: var(--av-text) !important;
}

input::placeholder,
textarea::placeholder {
    color: #e16412 !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.form-input:focus,
.form-select:focus {
    border-color: #f47721 !important;
    box-shadow: 0 0 0 3px rgba(239,180,141,.095) !important;
}

/* Botões */
.btn-primary,
.primary-button,
.topbar .btn-primary,
.topbar .primary-button,
button.btn-primary,
a.btn-primary {
    color: #fff !important;
    background: var(--av-orange) !important;
    border-color: var(--av-orange) !important;
    box-shadow: 0 6px 16px rgba(239,180,141,.13) !important;
    font-weight: 400 !important;
}

.btn-primary:hover,
.primary-button:hover,
.topbar .btn-primary:hover,
.topbar .primary-button:hover,
button.btn-primary:hover,
a.btn-primary:hover {
    color: #fff !important;
    background: var(--av-orange-dark) !important;
    border-color: var(--av-orange-dark) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 18px rgba(239,180,141,.16) !important;
}

.btn-secondary,
.quick-action,
.notification-button,
.topbar .btn-icon,
.topbar .icon-button {
    background: #fff !important;
    border-color: var(--av-border) !important;
    color: #e16412 !important;
    font-weight: 400 !important;
}

.btn-secondary:hover,
.quick-action:hover,
.notification-button:hover,
.topbar .btn-icon:hover,
.topbar .icon-button:hover {
    color: var(--av-orange-dark) !important;
    background: #F0F6FB !important;
    border-color: #f47721 !important;
}

/* KPIs: cada indicador recebe uma cor suave própria */
.metric-card {
    border-top: 2px solid #f47721 !important;
}

.metric-card:nth-child(1) { border-top-color: var(--av-orange) !important; }
.metric-card:nth-child(2) { border-top-color: var(--av-blue) !important; }
.metric-card:nth-child(3) { border-top-color: var(--av-green) !important; }
.metric-card:nth-child(4) { border-top-color: var(--av-lilac) !important; }
.metric-card:nth-child(5) { border-top-color: var(--av-yellow) !important; }
.metric-card:nth-child(6) { border-top-color: var(--av-rose) !important; }

.metric-card:nth-child(1) .metric-icon { color: var(--av-orange-dark) !important; background: var(--av-orange-soft) !important; }
.metric-card:nth-child(2) .metric-icon { color: #f47721 !important; background: var(--av-blue-bg) !important; }
.metric-card:nth-child(3) .metric-icon { color: #4D8D5F !important; background: var(--av-green-bg) !important; }
.metric-card:nth-child(4) .metric-icon { color: #f47721 !important; background: var(--av-lilac-bg) !important; }
.metric-card:nth-child(5) .metric-icon { color: #f47721 !important; background: var(--av-yellow-bg) !important; }
.metric-card:nth-child(6) .metric-icon { color: #e16412 !important; background: var(--av-rose-bg) !important; }

.metric-card .metric-value,
.metric-card .value,
.metric-card .number {
    color: var(--av-text) !important;
}

.metric-card .metric-label,
.metric-card .label,
.metric-card .description {
    color: var(--av-text-secondary) !important;
}

/* Classes semânticas, quando disponíveis */
.metric-card.clients .metric-icon,
.metric-card.client .metric-icon { color:#f47721 !important; background:#F4EFFA !important; }
.metric-card.professionals .metric-icon,
.metric-card.people .metric-icon,
.metric-card.attendimentos .metric-icon { color:#f47721 !important; background:#EFF4FF !important; }
.metric-card.revenue .metric-icon,
.metric-card.faturamento .metric-icon { color:#4D8D5F !important; background:#EDF8F0 !important; }
.metric-card.appointments .metric-icon,
.metric-card.agendamentos .metric-icon { color:#f47721 !important; background:#EFF6FB !important; }
.metric-card.services .metric-icon { color:#f47721 !important; background:#FFF8DF !important; }

/* Badges / status */
.status,
.badge,
.tag {
    font-weight: 400 !important;
}

.status-success,
.badge-success,
.status-completed,
.badge-completed,
[data-status="completed"],
[data-status="success"] {
    color: #4D8D5F !important;
    background: var(--av-green-bg) !important;
        border-color: #DDE8F0 !important;
}

.status-warning,
.badge-warning,
.status-ongoing,
.badge-ongoing,
[data-status="ongoing"],
[data-status="pending"] {
    color: #9C7815 !important;
    background: var(--av-yellow-bg) !important;
    border-color: #F0DF9E !important;
}

.status-info,
.badge-info {
    color: #f47721 !important;
    background: var(--av-blue-bg) !important;
    border-color: #D6E0FB !important;
}

.status-danger,
.badge-danger,
[data-status="cancelled"],
[data-status="canceled"] {
    color: #B65F52 !important;
    background: var(--av-rose-bg) !important;
    border-color: #DCE8F0 !important;
}

/* Listas de agendamento */
.appointment-item,
.agendamento-item,
.calendar-appointment {
    background: #fff !important;
        border-color: #DDE8F0 !important;
}

.appointment-item:hover,
.agendamento-item:hover,
.calendar-appointment:hover {
    background: #F7FAFC !important;
        border-color: #DDE8F0 !important;
    box-shadow: 0 8px 20px rgba(239,180,141,.09) !important;
}

/* Calendário */
.calendar-week-column,
.calendar-day-cell,
.calendar-appointment {
    background: #fff !important;
    border-color: var(--av-border) !important;
}

.calendar-week-title,
.calendar-day-view-title,
.calendar-day-title {
    color: var(--av-text) !important;
}

.calendar-day-cell:hover {
    background: #F7FAFC !important;
}

/* Toast */
.calendar-toast[data-tipo="success"] {
    background: var(--av-green-bg) !important;
    color: #4D8D5F !important;
        border-color: #DDE8F0 !important;
}

.calendar-toast[data-tipo="error"] {
    background: var(--av-rose-bg) !important;
    color: #B65F52 !important;
    border-color: #DCE8F0 !important;
}

/* Tabelas */
.table-wrapper table,
table {
    background: #fff !important;
}

thead th,
.table thead th,
.clients-table thead th {
    color: #e16412 !important;
    background: #F8FBFD !important;
    border-color: var(--av-border-light) !important;
    font-weight: 400 !important;
}

tbody td,
.table tbody td,
.clients-table tbody td {
    border-color: var(--av-border-light) !important;
    color: var(--av-text) !important;
}

tbody tr:hover,
.table tbody tr:hover,
.clients-table tbody tr:hover {
    background: #F7FAFC !important;
}

/* Ícones locais — máscara SVG carregada pelo CSS */
.sidebar .menu-item[href="index.html"] .menu-icon::before,
.sidebar .menu-item[href*="Visão geral"] .menu-icon::before,
.sidebar .menu-item[href*="visao"] .menu-icon::before {
    content: "" !important;
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    background: currentColor !important;
    -webkit-mask: url("assets/icons/overview.svg") center / contain no-repeat !important;
    mask: url("assets/icons/overview.svg") center / contain no-repeat !important;
    font-size: 0 !important;
}

.sidebar .menu-item[href*="agendamentos"] .menu-icon::before {
    content: "" !important;
    width: 18px !important; height: 18px !important; display:block !important;
    background: currentColor !important;
    -webkit-mask: url("assets/icons/appointments.svg") center / contain no-repeat !important;
    mask: url("assets/icons/appointments.svg") center / contain no-repeat !important;
    font-size:0 !important;
}

.sidebar .menu-item[href*="calendario"] .menu-icon::before {
    content: "" !important;
    width:18px !important; height:18px !important; display:block !important;
    background: currentColor !important;
    -webkit-mask: url("assets/icons/calendar.svg") center / contain no-repeat !important;
    mask: url("assets/icons/calendar.svg") center / contain no-repeat !important;
    font-size:0 !important;
}

.sidebar .menu-item[href*="servicos"] .menu-icon::before {
    content: "" !important;
    width:18px !important; height:18px !important; display:block !important;
    background: currentColor !important;
    -webkit-mask: url("assets/icons/services.svg") center / contain no-repeat !important;
    mask: url("assets/icons/services.svg") center / contain no-repeat !important;
    font-size:0 !important;
}

.sidebar .menu-item[href*="profissionais"] .menu-icon::before {
    content: "" !important;
    width:18px !important; height:18px !important; display:block !important;
    background: currentColor !important;
    -webkit-mask: url("assets/icons/professionals.svg") center / contain no-repeat !important;
    mask: url("assets/icons/professionals.svg") center / contain no-repeat !important;
    font-size:0 !important;
}

.sidebar .menu-item[href*="clientes"] .menu-icon::before {
    content: "" !important;
    width:18px !important; height:18px !important; display:block !important;
    background: currentColor !important;
    -webkit-mask: url("assets/icons/clients.svg") center / contain no-repeat !important;
    mask: url("assets/icons/clients.svg") center / contain no-repeat !important;
    font-size:0 !important;
}

.sidebar .menu-item[href*="configuracoes"] .menu-icon::before {
    content: "" !important;
    width:18px !important; height:18px !important; display:block !important;
    background: currentColor !important;
    -webkit-mask: url("assets/icons/settings.svg") center / contain no-repeat !important;
    mask: url("assets/icons/settings.svg") center / contain no-repeat !important;
    font-size:0 !important;
}

/* Acessibilidade / movimento suave e discreto */
.menu-item,
.btn,
.primary-button,
.quick-action,
.card,
.panel,
.metric-card,
.service-card,
.professional-card,
.client-card,
.notification-button,
.topbar .btn-icon,
.topbar .icon-button,
a,
button {
    transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease,
                border-color .16s ease, color .16s ease !important;
}

.btn:active,
.menu-item:active,
.notification-button:active,
.icon-button:active {
    transform: scale(.985) !important;
}

/* Evita títulos e textos excessivamente pesados */
h1,h2,h3,h4,h5,h6,strong,b,
button,
.btn,
.primary-button,
.menu-item,
.metric-value,
.metric-card .value,
.metric-card .number {
    font-weight: 400 !important;
}

/* Responsive: mantém o mesmo clima claro */
@media (max-width: 800px) {
    body,
    main,
    main.main {
                background: #FFFFFF !important;
    }
    .sidebar {
        background: rgba(255,255,255,.97) !important;
    }
}


/* =====================================================================
   A VE CRM — PADRÃO FINAL: BRANCO + LARANJA SUAVE
   Regra visual: fundo totalmente branco; textos pretos; acentos somente
   em tons de laranja. Sem preto em fundos, sem cores fortes ou gradientes.
   Ícones locais em assets/icons/.
   ===================================================================== */

:root {
    --av-bg: #FFFFFF !important;
    --av-bg-elevated: #FFFFFF !important;
    --av-sidebar: #FFFFFF !important;
    --av-surface: #FFFFFF !important;
    --av-surface-2: #FFFFFF !important;
    --av-surface-3: #FFFFFF !important;
    --av-border: #DDE8F0 !important;
    --av-border-soft: #f47721 !important;
    --av-text: #171717 !important;
    --av-text-secondary: #3F3F3F !important;
    --av-text-muted: #e16412 !important;
    --av-orange: #efb48d !important;
    --av-orange-dark: #e16412 !important;
    --av-orange-mid: #efb48d !important;
    --av-orange-soft: #F2F8FC !important;
    --av-orange-pale: #F7FAFC !important;
    --av-orange-border: #D1E2ED !important;
    --av-orange-light-border: #efb48d !important;
    --av-shadow: 0 7px 22px rgba(239,180,141,.07) !important;
    --av-shadow-hover: 0 10px 26px rgba(239,180,141,.10) !important;
    --av-font: Inter, "Segoe UI", Arial, Helvetica, sans-serif !important;
}

html,
body,
button,
input,
select,
textarea,
table,
h1,h2,h3,h4,h5,h6,
p,span,a,div,label,th,td,strong,b,small {
    font-family: var(--av-font) !important;
    font-weight: 400 !important;
}

html { background: #FFFFFF !important; }
body {
    background: #FFFFFF !important;
    color: #171717 !important;
    background-image: none !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* FUNDO PRINCIPAL: BRANCO PURO */
.app,
.main-layout,
main,
main.main,
.content,
.page-content,
.page-container,
.dashboard,
section,
.content-area,
.page,
.workspace {
    background: #FFFFFF !important;
    color: #171717 !important;
    background-image: none !important;
}

/* SIDEBAR BRANCA */
.sidebar {
    background: #FFFFFF !important;
    color: #171717 !important;
    border-right: 1px solid #E1EBF2 !important;
    box-shadow: 8px 0 24px rgba(239,180,141,.035) !important;
    background-image: none !important;
}

.sidebar .logo,
.sidebar-menu,
.sidebar .menu,
.sidebar-footer {
    background: #FFFFFF !important;
    background-image: none !important;
    border-color: #f47721 !important;
}

.sidebar .logo-title,
.sidebar .logo-text strong,
.sidebar .logo-text span,
.sidebar .logo-subtitle,
.sidebar .menu-label,
.sidebar .menu-item,
.sidebar .menu-text,
.sidebar .profile-name,
.sidebar .profile-status,
.sidebar .profile-info span,
.sidebar .access-card strong,
.sidebar .access-card-title,
.sidebar .access-card span,
.sidebar .access-card-text,
.sidebar .sidebar-access strong,
.sidebar .sidebar-access span,
.sidebar .sidebar-access p {
    color: #171717 !important;
}

.sidebar .menu-label,
.sidebar .profile-status,
.sidebar .profile-info span,
.sidebar .sidebar-access span,
.sidebar .sidebar-access p {
    color: #e16412 !important;
}

/* VISÃO GERAL / ITEM ATIVO: LARANJA SUAVE */
.sidebar .menu-item {
    color: #e16412 !important;
    background: #FFFFFF !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    font-weight: 400 !important;
    box-shadow: none !important;
}

.sidebar .menu-item:hover {
    color: #e16412 !important;
    background: #F2F7FB !important;
    border-color: #f47721 !important;
    transform: translateX(1px) !important;
    box-shadow: none !important;
}

.sidebar .menu-item.active,
.sidebar .menu-item.active:hover {
    color: #e16412 !important;
    background: #EDF5FA !important;
    border-color: #efb48d !important;
    box-shadow: 0 5px 15px rgba(244,119,33,.07) !important;
    transform: none !important;
}

.sidebar .menu-item.active::before {
    content: "" !important;
    width: 3px !important;
    align-self: stretch !important;
    margin: -10px 0 -10px -11px !important;
    border-radius: 0 5px 5px 0 !important;
    background: #efb48d !important;
}

.sidebar .menu-icon,
.sidebar .access-icon,
.sidebar .check-icon {
    color: #e16412 !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.sidebar .menu-item.active .menu-icon,
.sidebar .menu-item.active .menu-text {
    color: #e16412 !important;
}

.sidebar .menu-item.active .menu-icon {
    background: #FFFFFF !important;
    border-radius: 8px !important;
}

.sidebar .menu-badge,
.sidebar .notification-count {
    color: #e16412 !important;
    background: #EDF5FA !important;
    border: 1px solid #efb48d !important;
}

.sidebar .sidebar-separator,
.sidebar .menu-separator {
    background: #f47721 !important;
}

.sidebar .access-card,
.sidebar .sidebar-access,
.sidebar .profile-mini,
.sidebar .profile-more {
    color: #171717 !important;
    background: #FFFFFF !important;
    border: 1px solid #E1EBF2 !important;
    box-shadow: none !important;
}

.sidebar .logo-icon,
.sidebar .logo-mark,
.sidebar .profile-avatar {
    color: #FFFFFF !important;
    background: #efb48d !important;
    border-color: #efb48d !important;
    box-shadow: 0 5px 14px rgba(239,180,141,.14) !important;
}

.sidebar .profile-more:hover {
    color: #e16412 !important;
    background: #EFF6FB !important;
    border-color: #D1E2ED !important;
}

/* TOPBAR */
.topbar,
header.topbar {
    background: #FFFFFF !important;
    border-bottom: 1px solid #e16412 !important;
    box-shadow: 0 2px 12px rgba(239,180,141,.025) !important;
    backdrop-filter: none !important;
    background-image: none !important;
}

/* BUSCA E CAMPOS */
.topbar .search-box input,
.topbar .global-search input,
.global-search input,
.search-box input,
input,
select,
textarea,
.form-control,
.form-input,
.form-select,
.form-group input,
.form-group select,
.form-group textarea {
    background: #FFFFFF !important;
    color: #171717 !important;
    border: 1px solid #e16412 !important;
    box-shadow: none !important;
}

.topbar .search-box input::placeholder,
.topbar .global-search input::placeholder,
.global-search input::placeholder,
.search-box input::placeholder,
input::placeholder,
textarea::placeholder {
    color: #e16412 !important;
}

.topbar .search-box input:focus,
.topbar .global-search input:focus,
.global-search input:focus,
.search-box input:focus,
input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.form-input:focus,
.form-select:focus {
    border-color: #f47721 !important;
    box-shadow: 0 0 0 3px rgba(239,180,141,.10) !important;
    outline: none !important;
}

.topbar .search-icon,
.search-icon {
    color: #e16412 !important;
}

/* BOTÕES */
.btn-primary,
.primary-button,
.topbar .btn-primary,
.topbar .primary-button,
button.btn-primary,
a.btn-primary,
.btn-entrar,
.btn-criar,
.auth-page .btn {
    color: #FFFFFF !important;
    background: #efb48d !important;
    border: 1px solid #efb48d !important;
    box-shadow: 0 6px 15px rgba(239,180,141,.13) !important;
    font-weight: 400 !important;
    background-image: none !important;
}

.btn-primary:hover,
.primary-button:hover,
.topbar .btn-primary:hover,
.topbar .primary-button:hover,
button.btn-primary:hover,
a.btn-primary:hover,
.btn-entrar:hover,
.btn-criar:hover,
.auth-page .btn:hover {
    color: #FFFFFF !important;
    background: #e16412 !important;
    border-color: #e16412 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 7px 17px rgba(188, 206, 224, .14) !important;
}

.btn-secondary,
.btn-outline,
.secondary-button,
.quick-action,
.panel-link,
.notification-button,
.topbar .btn-icon,
.topbar .icon-button,
.btn-icon,
.icon-button {
    color: #e16412 !important;
    background: #FFFFFF !important;
    border: 1px solid #f47721 !important;
    box-shadow: none !important;
}

.btn-secondary:hover,
.btn-outline:hover,
.secondary-button:hover,
.quick-action:hover,
.panel-link:hover,
.notification-button:hover,
.topbar .btn-icon:hover,
.topbar .icon-button:hover,
.btn-icon:hover,
.icon-button:hover {
    color: #e16412 !important;
    background: #FFFFFF !important;
    border-color: #f47721 !important;
}

/* CARTÕES / PAINÉIS: BRANCOS */
.card,
.panel,
.metric-card,
.service-card,
.professional-card,
.client-card,
.table-wrapper,
.filters,
.filter-bar,
.appointments-filters,
.services-filters,
.modal-content,
.panel-content,
.widget,
.chart-card {
    background: #FFFFFF !important;
    color: #171717 !important;
    border: 1px solid #E0EBF2 !important;
    box-shadow: 0 7px 22px rgba(244,119,33,.055) !important;
    background-image: none !important;
}

.card:hover,
.panel:hover,
.metric-card:hover,
.service-card:hover,
.professional-card:hover,
.client-card:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 25px rgba(239,180,141,.085) !important;
}

/* KPIs — DIFERENCIADOS POR TONS DE LARANJA */
.metric-card {
    position: relative !important;
    border-top: 2px solid #f47721 !important;
}

.metric-card:nth-child(1) { border-top-color: #efb48d !important; }
.metric-card:nth-child(2) { border-top-color: #efb48d !important; }
.metric-card:nth-child(3) { border-top-color: #e16412 !important; }
.metric-card:nth-child(4) { border-top-color: #f47721 !important; }
.metric-card:nth-child(5) { border-top-color: #efb48d !important; }
.metric-card:nth-child(6) { border-top-color: #e16412 !important; }

.metric-card .metric-icon,
.metric-icon,
.empty-icon,
.professional-avatar,
.client-avatar,
#clientes-lista .client-avatar {
    color: #e16412 !important;
    background: #EDF5FA !important;
    border: 1px solid #efb48d !important;
    box-shadow: none !important;
}

.metric-card:nth-child(2) .metric-icon { color: #e16412 !important; background: #EFF6FB !important; border-color:#f47721 !important; }
.metric-card:nth-child(3) .metric-icon { color: #B9CBDD !important; background: #EAF4FB !important; border-color:#efb48d !important; }
.metric-card:nth-child(4) .metric-icon { color: #efb48d !important; background: #FFFFFF !important; border-color:#f47721 !important; }
.metric-card:nth-child(5) .metric-icon { color: #f47721 !important; background: #FFFFFF !important; border-color:#f47721 !important; }
.metric-card:nth-child(6) .metric-icon { color: #e16412 !important; background: #FFFFFF !important; border-color:#f47721 !important; }

.metric-value,
.metric-card .metric-value,
.metric-card .value,
.metric-card .number,
.metric-card > strong {
    color: #171717 !important;
    font-weight: 400 !important;
}

.metric-label,
.metric-card .metric-label,
.metric-card .label,
.metric-card .description,
.metric-note,
.description,
.subtitle {
    color: #e16412 !important;
    font-weight: 400 !important;
}

/* Classes semânticas — somente laranja */
.metric-card.clients .metric-icon,
.metric-card.client .metric-icon { color:#efb48d !important; background:#EDF5FA !important; }
.metric-card.professionals .metric-icon,
.metric-card.people .metric-icon,
.metric-card.attendimentos .metric-icon { color:#e16412 !important; background:#EFF6FB !important; }
.metric-card.revenue .metric-icon,
.metric-card.faturamento .metric-icon { color:#e16412 !important; background:#EAF4FB !important; }
.metric-card.appointments .metric-icon,
.metric-card.agendamentos .metric-icon { color:#efb48d !important; background:#FFFFFF !important; }
.metric-card.services .metric-icon { color:#f47721 !important; background:#FFFFFF !important; }

/* TÍTULOS E TEXTOS */
.card-title,
.panel-header h2,
.card-header h2,
.card-header h3,
.panel-header h3,
.page-title,
.page-header h1,
h1,h2,h3,h4,h5,h6 {
    color: #171717 !important;
    font-weight: 400 !important;
}

.card-subtitle,
.panel-header p,
.card-header p,
.page-description,
.page-header p {
    color: #e16412 !important;
    font-weight: 400 !important;
}

/* AGENDAMENTOS E ITENS PRINCIPAIS */
.appointment-item,
.agendamento-item,
.calendar-appointment,
.appointment-card,
.booking-card {
    background: #FFFFFF !important;
    border: 1px solid #f47721 !important;
    border-left: 3px solid #efb48d !important;
    color: #171717 !important;
    box-shadow: none !important;
}

.appointment-item:hover,
.agendamento-item:hover,
.calendar-appointment:hover,
.appointment-card:hover,
.booking-card:hover {
    background: #F0F6FB !important;
        border-color: #DDE8F0 !important;
    border-left-color: #e16412 !important;
    box-shadow: 0 7px 18px rgba(239,180,141,.075) !important;
}

/* BADGES / STATUS — SOMENTE VARIAÇÕES DE LARANJA */
.status,
.badge,
.tag {
    font-weight: 400 !important;
}

.status-success,
.badge-success,
.status-completed,
.badge-completed,
[data-status="completed"],
[data-status="success"],
.status-warning,
.badge-warning,
.status-ongoing,
.badge-ongoing,
[data-status="ongoing"],
[data-status="pending"],
.status-info,
.badge-info,
.status-danger,
.badge-danger,
[data-status="cancelled"],
[data-status="canceled"] {
    color: #e16412 !important;
    background: #FFFFFF !important;
    border: 1px solid #D4E4EE !important;
}

/* DIFERENCIAÇÃO DE STATUS POR TONS */
.status-success,
.badge-success,
.status-completed,
.badge-completed,
[data-status="completed"],
[data-status="success"] {
    color: #C0CFDE !important;
    background: #FFFFFF !important;
        border-color: #DDE8F0 !important;
}

.status-warning,
.badge-warning,
.status-ongoing,
.badge-ongoing,
[data-status="ongoing"],
[data-status="pending"] {
    color: #ACC3DA !important;
    background: #FFFFFF !important;
    border-color: #f47721 !important;
}

.status-danger,
.badge-danger,
[data-status="cancelled"],
[data-status="canceled"] {
    color: #B9CBDD !important;
    background: #FFFFFF !important;
        border-color: #DDE8F0 !important;
}

/* TABELAS */
table,
.table,
.clients-table,
.table-wrapper table {
    color: #171717 !important;
    background: #FFFFFF !important;
    border-color: #E0EBF2 !important;
}

table thead,
.table thead,
.clients-table thead,
thead {
    background: #FAFCFE !important;
    color: #e16412 !important;
}

table th,
.table th,
.clients-table th,
thead th {
    color: #e16412 !important;
    background: #FAFCFE !important;
    border-color: #E0EBF2 !important;
    font-weight: 400 !important;
}

tbody td,
.table tbody td,
.clients-table tbody td {
    border-color: #f47721 !important;
    color: #171717 !important;
    background: #FFFFFF !important;
}

tbody tr:hover,
.table tbody tr:hover,
.clients-table tbody tr:hover {
    background: #F0F6FB !important;
}

/* CALENDÁRIO */
.calendar-week-column,
.calendar-day-cell,
.calendar-appointment,
.calendar-day-view,
.calendar-week-view {
    background: #FFFFFF !important;
    color: #171717 !important;
    border-color: #f47721 !important;
    background-image: none !important;
}

.calendar-week-title,
.calendar-day-view-title,
.calendar-day-title {
    color: #171717 !important;
    font-weight: 400 !important;
}

.calendar-day-cell:hover,
.calendar-appointment:hover {
    background: #F0F6FB !important;
        border-color: #DDE8F0 !important;
}

/* GRÁFICOS — LARANJA */
.chart,
.chart-card,
.chart-container,
.sales-chart,
.revenue-chart,
.chart-area {
    background: #FFFFFF !important;
    color: #171717 !important;
    border-color: #E0EBF2 !important;
    background-image: none !important;
}

.chart-bar,
.bar,
.revenue-bar,
.sales-bar,
[class*="chart-bar"],
[class*="-bar"] {
    background: #efb48d !important;
    border-color: #efb48d !important;
}

.chart-bar:nth-child(2n),
.bar:nth-child(2n),
[class*="chart-bar"]:nth-child(2n) {
    background: #efb48d !important;
    border-color: #efb48d !important;
}

.chart-line,
.line,
.revenue-line,
.sales-line,
svg [stroke="#16A34A"],
svg [stroke="#e16412"],
svg [stroke="#8B5CF6"],
svg [stroke="#E1EBF5"],
svg [stroke="#EF4444"] {
    stroke: #efb48d !important;
}

.chart-fill,
.area,
.revenue-area,
.sales-area,
svg [fill="#16A34A"],
svg [fill="#e16412"],
svg [fill="#8B5CF6"],
svg [fill="#E1EBF5"],
svg [fill="#EF4444"] {
    fill: rgba(239,180,141,.18) !important;
}

/* PONTOS / LEGENDA DO GRÁFICO */
.chart-dot,
.legend-dot,
.chart-point {
    background: #efb48d !important;
    border-color: #efb48d !important;
}

/* DESTAQUES DE TEXTO / NÚMEROS IMPORTANTES */
.text-primary,
.primary-text,
.accent,
.highlight,
.price,
.revenue,
.amount,
.total,
.kpi-accent {
    color: #B4C9DE !important;
}

/* ALERTAS, TOASTS E MENSAGENS: SEM VERDE OU VERMELHO */
.calendar-toast,
.toast,
.alert,
.notice,
.message {
    background: #FFFFFF !important;
    color: #171717 !important;
    border-color: #D4E4EE !important;
}

.calendar-toast[data-tipo="success"],
.calendar-toast[data-tipo="error"],
.alert-success,
.alert-error,
.alert-danger {
    background: #FFFFFF !important;
    color: #e16412 !important;
    border-color: #D4E4EE !important;
}

/* AUTH / LOGIN — FUNDO TOTALMENTE BRANCO */
body.auth-page,
.auth-page,
.login-page,
.cadastro-page,
.reset-page {
    background: #FFFFFF !important;
    color: #171717 !important;
    background-image: none !important;
}

.login-container,
.cadastro-container,
.reset-page .container {
    background: #FFFFFF !important;
    border: 1px solid #f47721 !important;
    box-shadow: 0 12px 34px rgba(244,119,33,.07) !important;
}

.login-page .logo,
.auth-page .topo {
    color: #171717 !important;
    background: #FFFFFF !important;
    border-bottom: 2px solid #efb48d !important;
    background-image: none !important;
}

.login-page .logo h1,
.login-page .logo h2,
.login-page .logo p,
.auth-page .topo h1,
.auth-page .topo p,
.auth-page .topo .subtitulo {
    color: #171717 !important;
}

.brand-logo { filter: none !important; }

/* BLOQUEIO: TAMBÉM BRANCO + LARANJA */
#crm-bloqueio-overlay {
    --lock-orange: #efb48d !important;
    --lock-orange-strong: #e16412 !important;
    --lock-orange-soft: #f47721 !important;
    --lock-green: #efb48d !important;
    --lock-green-strong: #e16412 !important;
    --lock-bg: #FFFFFF !important;
    --lock-panel: #FFFFFF !important;
    --lock-line: #DDE8F0 !important;
    --lock-text: #171717 !important;
    --lock-muted: #e16412 !important;
    color: #171717 !important;
    background: #FFFFFF !important;
    background-image: none !important;
}

#crm-bloqueio-overlay .crm-lock-card,
#crm-bloqueio-overlay .crm-lock-details,
#crm-bloqueio-overlay .crm-lock-notice {
    background: #FFFFFF !important;
    color: #171717 !important;
    border-color: #D4E4EE !important;
    box-shadow: 0 12px 34px rgba(244,119,33,.07) !important;
}

#crm-bloqueio-overlay .crm-lock-title,
#crm-bloqueio-overlay .crm-lock-value,
#crm-bloqueio-overlay .crm-lock-label,
#crm-bloqueio-overlay .crm-lock-subtitle,
#crm-bloqueio-overlay .crm-lock-notice p {
    color: #171717 !important;
}

#crm-bloqueio-overlay .crm-lock-status,
#crm-bloqueio-overlay .crm-lock-notice {
    color: #e16412 !important;
}

#crm-bloqueio-overlay .crm-lock-btn-refresh,
#crm-bloqueio-overlay .crm-lock-btn-whatsapp {
    color: #FFFFFF !important;
    background: #efb48d !important;
    border-color: #efb48d !important;
    box-shadow: 0 7px 18px rgba(239,180,141,.12) !important;
    background-image: none !important;
}

#crm-bloqueio-overlay #crm-lock-sair {
    color: #e16412 !important;
    background: transparent !important;
}

/* ÍCONES LOCAIS — SEM EMOJIS/GLIFOS */
.sidebar .menu-item[href*="index"],
.sidebar .menu-item[href*="Visão geral"],
.sidebar .menu-item[href*="overview"] { --av-icon: url("assets/icons/overview.svg"); }
.sidebar .menu-item[href*="agendamentos"] { --av-icon: url("assets/icons/appointments.svg"); }
.sidebar .menu-item[href*="calendario"] { --av-icon: url("assets/icons/calendar.svg"); }
.sidebar .menu-item[href*="servicos"] { --av-icon: url("assets/icons/services.svg"); }
.sidebar .menu-item[href*="profissionais"] { --av-icon: url("assets/icons/professionals.svg"); }
.sidebar .menu-item[href*="clientes"] { --av-icon: url("assets/icons/clients.svg"); }
.sidebar .menu-item[href*="configuracoes"] { --av-icon: url("assets/icons/settings.svg"); }

.sidebar .menu-item .menu-icon::before {
    content: "" !important;
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    background: currentColor !important;
    -webkit-mask: var(--av-icon) center / contain no-repeat !important;
    mask: var(--av-icon) center / contain no-repeat !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

.sidebar .menu-item .menu-icon {
    font-size: 0 !important;
    background: transparent !important;
}

/* Interações discretas */
.menu-item,
.btn,
.primary-button,
.quick-action,
.card,
.panel,
.metric-card,
.service-card,
.professional-card,
.client-card,
.notification-button,
.topbar .btn-icon,
.topbar .icon-button,
button,
a {
    transition: transform .14s ease, box-shadow .14s ease,
                background-color .14s ease, border-color .14s ease,
                color .14s ease !important;
}

.btn:active,
.menu-item:active,
.notification-button:active,
.icon-button:active {
    transform: scale(.99) !important;
}

/* Remove peso excessivo */
strong,
b,
h1,h2,h3,h4,h5,h6,
button,
.btn,
.primary-button,
.menu-item,
.metric-value,
.metric-card .value,
.metric-card .number {
    font-weight: 400 !important;
}

/* Evita qualquer degradê/escuro de regras antigas */
body,
.app,
.main-layout,
main,
main.main,
.sidebar,
.topbar,
header.topbar,
.card,
.panel,
.metric-card,
.service-card,
.professional-card,
.client-card,
.table-wrapper,
.filters,
.filter-bar,
.modal-content,
.chart-card,
.calendar-week-column,
.calendar-day-cell,
.calendar-appointment,
.login-container,
.cadastro-container,
.reset-page .container {
    background-image: none !important;
}

@media (max-width: 800px) {
    body,
    main,
    main.main,
    .app,
    .main-layout {
        background: #FFFFFF !important;
        background-image: none !important;
    }

    .sidebar {
        background: #FFFFFF !important;
    }
}

/* AV FINAL OVERRIDE */
html.crm-auth-pending body::before { background:rgba(255,255,255,.94) !important; }
html.crm-auth-pending body::after { background:#FFFFFF !important; border-color:#f47721 !important; color:#e16412 !important; font-family:Inter,"Segoe UI",Arial,sans-serif !important; font-weight:400 !important; box-shadow:0 12px 34px rgba(225,100,18,.08) !important; }


/* =========================================================
   AV CRM — REFERÊNCIA AZUL / BRANCO — CAMADA FINAL
   Mantém estrutura e componentes existentes; altera somente
   apresentação, cor e tipografia para a referência fornecida.
   ========================================================= */
:root {
  --primary:#f47721 !important;
  --primary-dark:#e16412 !important;
  --primary-light:#DCEBF8 !important;
  --primary-soft:#EFF6FB !important;
  --background:#EDF4F8 !important;
  --surface:#FFFFFF !important;
  --surface-soft:#F8FBFD !important;
  --text:#e16412 !important;
  --text-secondary:#e16412 !important;
  --text-light:#7B8A99 !important;
  --border:#D8E3EB !important;
  --border-light:#E9EFF4 !important;
  --font-ui:Inter,"Segoe UI",Arial,sans-serif !important;
}
html,body,body *{font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif !important;}
html,body{background:#EDF4F8 !important;color:#e16412 !important;}
body,.app,.main-layout,main,main.main,.page-content,.content{background:#EDF4F8 !important;background-image:none !important;color:#e16412 !important;}
.sidebar{background:#e16412 !important;border-right:1px solid #e16412 !important;box-shadow:4px 0 16px rgba(225,100,18,.10) !important;}
.sidebar .logo,.sidebar-menu,.sidebar .menu,.sidebar-footer{background:transparent !important;}
.sidebar .logo{border-bottom:1px solid rgba(255,255,255,.10) !important;}
.sidebar .logo-title,.sidebar .logo-text strong,.sidebar .logo-subtitle,.sidebar .logo-text>span,.sidebar .menu-label,.sidebar .menu-item,.sidebar .menu-text,.sidebar .profile-name,.sidebar .profile-status,.sidebar .profile-info span,.sidebar .access-card strong,.sidebar .access-card-title,.sidebar .sidebar-access strong,.sidebar .access-card span,.sidebar .access-card-text,.sidebar .sidebar-access span,.sidebar .sidebar-access p{color:#F2F6FA !important;}
.sidebar .menu-label,.sidebar .profile-status,.sidebar .profile-info span,.sidebar .sidebar-access span,.sidebar .sidebar-access p{color:#AFC0CE !important;}
.sidebar .menu-item{color:#E6EEF5 !important;background:transparent !important;border:1px solid transparent !important;border-radius:12px !important;}
.sidebar .menu-item:hover{background:#e16412 !important;color:#FFFFFF !important;border-color:#e16412 !important;transform:translateX(1px) !important;}
.sidebar .menu-item.active{background:#e16412 !important;color:#FFFFFF !important;border-color:#f47721 !important;box-shadow:inset 3px 0 0 #f47721 !important;}
.sidebar .menu-item.active .menu-text,.sidebar .menu-item.active .menu-icon{color:#FFFFFF !important;}
.sidebar .menu-icon,.sidebar .logo-icon,.sidebar .logo-mark,.sidebar .profile-avatar,.sidebar .access-icon,.sidebar .check-icon{color:#D7E7F4 !important;background:#e16412 !important;border-color:#e16412 !important;box-shadow:none !important;}
.sidebar .menu-item.active .menu-icon{background:#e16412 !important;}
.sidebar .menu-badge,.sidebar .notification-count{background:#f47721 !important;color:#FFFFFF !important;border:0 !important;}
.sidebar .sidebar-separator,.sidebar .menu-separator{background:rgba(255,255,255,.10) !important;}
.sidebar-footer{border-top:1px solid rgba(255,255,255,.10) !important;}
.sidebar .access-card,.sidebar .sidebar-access,.sidebar .profile-mini,.sidebar .profile-more{color:#EAF1F6 !important;background:#e16412 !important;border:1px solid #e16412 !important;box-shadow:none !important;}
.sidebar .profile-more:hover{background:#e16412 !important;color:#FFFFFF !important;border-color:#e16412 !important;}
.topbar,header.topbar{background:#EDF4F8 !important;border-bottom:1px solid #D7E2EA !important;box-shadow:0 2px 10px rgba(225,100,18,.04) !important;background-image:none !important;backdrop-filter:none !important;}
.topbar .search-box input,.topbar .global-search input,.global-search input,.search-box input,input,select,textarea,.form-control,.form-input,.form-select,.form-group input,.form-group select,.form-group textarea{background:#FFFFFF !important;color:#e16412 !important;border:1px solid #C9D8E3 !important;box-shadow:none !important;}
.topbar .search-box input:focus,.topbar .global-search input:focus,.global-search input:focus,.search-box input:focus,input:focus,select:focus,textarea:focus,.form-control:focus,.form-input:focus,.form-select:focus{border-color:#f47721 !important;box-shadow:0 0 0 3px rgba(244,119,33,.12) !important;}
.notification-button,.topbar .btn-icon,.topbar .icon-button{background:#FFFFFF !important;color:#e16412 !important;border:1px solid #C9D8E3 !important;}
.notification-button:hover,.topbar .btn-icon:hover,.topbar .icon-button:hover{background:#EAF3FA !important;color:#e16412 !important;border-color:#B9D0E2 !important;}
.card,.panel,.metric-card,.service-card,.professional-card,.client-card,.table-wrapper,.filters,.filter-bar,.appointments-filters,.services-filters,.modal-content,.chart-card,.chart-container,.dashboard-card{background:#FFFFFF !important;color:#e16412 !important;border:1px solid #D6E1E9 !important;box-shadow:0 4px 16px rgba(225,100,18,.045) !important;background-image:none !important;}
.card:hover,.panel:hover,.metric-card:hover,.service-card:hover,.professional-card:hover,.client-card:hover{border-color:#BED4E5 !important;box-shadow:0 7px 18px rgba(225,100,18,.07) !important;transform:translateY(-1px) !important;}
.page-title,.page-header h1,h1,h2,h3,h4,h5,h6,.card-title,.panel-header h2,.panel-header h3,.card-header h2,.card-header h3,.metric-value,.professional-name,.professional-card .name,.service-name,.service-card .name,.client-name,.client-card .name,.client-item .client-name,.appointment-client,.appointment-item .client-name,.appointment-item .appointment-client,.professional-info strong,.professional-info .professional-name{color:#e16412 !important;-webkit-text-fill-color:#e16412 !important;}
.page-description,.page-header p,.card-subtitle,.panel-header p,.metric-note,.metric-label,.metric-top>span,.professional-role,.professional-contact,.service-description,.client-contact,.appointment-service,.appointment-details,.professional-info-row,.professional-info-label{color:#f47721 !important;}
.metric-card:nth-child(1){background:#EDF5FC !important;border-color:#C5DBEE !important;}
.metric-card:nth-child(2){background:#EEF8F4 !important;border-color:#CBE4D9 !important;}
.metric-card:nth-child(3){background:#F3F0FC !important;border-color:#D8D0EF !important;}
.metric-card:nth-child(4){background:#efb48d !important;border-color:#f47721 !important;}
.metric-icon,.empty-icon,.professional-avatar,.client-avatar,#clientes-lista .client-avatar{color:#e16412 !important;background:#DCEBF7 !important;border:1px solid #C1D9EC !important;}
.metric-value,.price,.revenue,.amount,.total,.kpi-accent,.text-primary,.primary-text,.accent,.highlight,.service-price,.appointment-time{color:#e16412 !important;}
.btn-primary,.primary-button,.topbar .btn-primary,.topbar .primary-button{background:#f47721 !important;color:#FFFFFF !important;border-color:#f47721 !important;box-shadow:0 5px 13px rgba(244,119,33,.16) !important;}
.btn-primary:hover,.primary-button:hover,.topbar .btn-primary:hover,.topbar .primary-button:hover{background:#f47721 !important;border-color:#f47721 !important;}
.btn-secondary,.btn-outline,.secondary-button,.quick-action,.panel-link{background:#FFFFFF !important;color:#e16412 !important;border-color:#CCD9E3 !important;}
.btn-secondary:hover,.btn-outline:hover,.secondary-button:hover,.quick-action:hover,.panel-link:hover{background:#EEF6FC !important;color:#e16412 !important;border-color:#B8D1E4 !important;}
.table,.clients-table,table{background:#FFFFFF !important;color:#e16412 !important;border-color:#D8E3EB !important;}
table thead,.table thead,.clients-table thead,thead{background:#F4F7F9 !important;color:#e16412 !important;}
table th,.table th,.clients-table th,thead th{color:#e16412 !important;background:#F4F7F9 !important;border-color:#D8E3EB !important;}
table td,.table td,.clients-table td,tbody td,.table tbody td,.clients-table tbody td{color:#e16412 !important;background:#FFFFFF !important;border-color:#E1E9EE !important;}
table tbody tr:hover,.table tbody tr:hover,.clients-table tbody tr:hover{background:#F3F8FC !important;}
.professional-name,.professional-card .professional-name,.professional-card h3,.professional-card h4,.professional-card strong,.professional-info .professional-name,#profissionais-lista .professional-name,#lista-profissionais .professional-name,.professional-header .professional-name{color:#e16412 !important;-webkit-text-fill-color:#e16412 !important;}
.client-name,.client-card .client-name,#clientes-lista .client-name,.client-item .client-name{color:#e16412 !important;-webkit-text-fill-color:#e16412 !important;}
.appointment-item{background:#FFFFFF !important;border-bottom-color:#E1E9EE !important;}
.appointment-item:hover{background:#F1F7FC !important;}
.appointment-time,.appointment-item .time,.appointment-item .appointment-time,.agendamento-hora,.hora-agendamento{color:#e16412 !important;background:#E2EFF9 !important;border:1px solid #BBD5EA !important;border-radius:9px !important;}
.calendar-week-view,.calendar-week-column,.calendar-day-view,.calendar-day-cell,.calendar-appointment{background:#FFFFFF !important;color:#e16412 !important;border-color:#D6E1E9 !important;background-image:none !important;}
.calendar-week-title,.calendar-day-view-title,.calendar-day-title{color:#e16412 !important;}
.calendar-appointment:hover,.calendar-day-cell:hover{background:#F0F7FC !important;border-color:#BCD6EA !important;box-shadow:0 7px 18px rgba(244,119,33,.075) !important;}
.chart,.chart-card,.chart-container,.sales-chart,.revenue-chart,.chart-area{background:#FFFFFF !important;color:#e16412 !important;border-color:#D6E1E9 !important;background-image:none !important;}
.chart-bar,.bar,.revenue-bar,.sales-bar,[class*="chart-bar"],[class*="-bar"]{background:#f47721 !important;border-color:#f47721 !important;}
.chart-line,.line,.revenue-line,.sales-line{stroke:#f47721 !important;}
.chart-fill,.area,.revenue-area,.sales-area{fill:rgba(244,119,33,.16) !important;}
.chart-dot,.legend-dot,.chart-point{background:#f47721 !important;border-color:#f47721 !important;}
strong,b,.metric-card .value,.metric-card .number{font-weight:600 !important;}
.menu-item,.btn,.primary-button,.quick-action,.card,.panel,.metric-card,.service-card,.professional-card,.client-card,.notification-button,.topbar .btn-icon,.topbar .icon-button,button,a{transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease,border-color .14s ease,color .14s ease !important;}
@media(max-width:800px){body,main,main.main,.app,.main-layout{background:#EDF4F8 !important;}.sidebar{background:#e16412 !important;}}

/* =========================================================
   AJUSTE FINAL — BOTÕES SEM TRAÇOS LARANJAS
   Mantém a cor azul do sistema e altera SOMENTE os botões.
   ========================================================= */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
a.btn,
a.button,
.btn,
.primary-button,
.secondary-button,
.btn-primary,
.btn-secondary,
.btn-outline,
.quick-action,
.panel-link,
.notification-button,
.icon-button,
.topbar .btn-icon,
.topbar .icon-button,
.btn-entrar,
.btn-criar,
#crm-bloqueio-overlay .crm-lock-btn {
    border-color: #e16412 !important;
    outline-color: #e16412 !important;
    background-image: none !important;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
a.btn:hover,
a.button:hover,
.btn:hover,
.primary-button:hover,
.secondary-button:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-outline:hover,
.quick-action:hover,
.panel-link:hover,
.notification-button:hover,
.icon-button:hover,
.topbar .btn-icon:hover,
.topbar .icon-button:hover,
.btn-entrar:hover,
.btn-criar:hover,
#crm-bloqueio-overlay .crm-lock-btn:hover {
    border-color: #e16412 !important;
    outline-color: #e16412 !important;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
a.btn,
a.button,
.btn,
.primary-button,
.secondary-button,
.btn-primary,
.btn-secondary,
.btn-outline,
.quick-action,
.panel-link,
.notification-button,
.icon-button,
.topbar .btn-icon,
.topbar .icon-button,
.btn-entrar,
.btn-criar,
#crm-bloqueio-overlay .crm-lock-btn {
    box-shadow: none !important;
}

/* Preserva sombras neutras quando existirem, sem qualquer brilho laranja. */
.btn-primary,
.primary-button,
.btn-entrar,
.btn-criar {
    box-shadow: 0 3px 10px rgba(225,100,18,0.08) !important;
}

.btn-primary:hover,
.primary-button:hover,
.btn-entrar:hover,
.btn-criar:hover {
    box-shadow: 0 5px 14px rgba(225,100,18,0.12) !important;
}


/* =========================================================
   AV CRM — CORREÇÃO AZUL DEFINITIVA
   1) Tudo que era laranja passa para azul.
   2) Botões principais permanecem azuis.
   3) Nenhum botão recebe contorno laranja/preto por herança.
   4) Nomes e textos de profissionais permanecem pretos.
   ========================================================= */
:root {
  --primary:#f47721 !important;
  --primary-dark:#e16412 !important;
  --primary-light:#DCEBF8 !important;
  --primary-soft:#EFF6FB !important;
  --accent:#f47721 !important;
  --highlight:#f47721 !important;
  --text:#e16412 !important;
}

/* Conversão visual de qualquer destaque ainda quente/laranja */
[class*="accent"], [class*="highlight"], [class*="orange"],
.text-primary, .primary-text, .kpi-accent, .service-price,
.appointment-time, .status, .status-badge, .tag, .chip,
.metric-value, .price, .revenue, .amount, .total {
  color:#e16412 !important;
}

/* Botões de ação: AZUL, sem linhas laranjas ou pretas */
.btn-primary,
.primary-button,
.topbar .btn-primary,
.topbar .primary-button,
.btn-entrar,
.btn-criar,
button.primary,
button[type="submit"],
input[type="submit"],
input[type="button"] {
  background:#f47721 !important;
  color:#FFFFFF !important;
  border-color:#f47721 !important;
  outline-color:#f47721 !important;
  background-image:none !important;
  box-shadow:0 5px 13px rgba(244,119,33,.16) !important;
}

.btn-primary:hover,
.primary-button:hover,
.topbar .btn-primary:hover,
.topbar .primary-button:hover,
.btn-entrar:hover,
.btn-criar:hover,
button.primary:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background:#f47721 !important;
  color:#FFFFFF !important;
  border-color:#f47721 !important;
  outline-color:#f47721 !important;
  box-shadow:0 6px 15px rgba(225,100,18,.15) !important;
}

/* Botões secundários: branco com detalhe azul, como na referência */
.btn-secondary,
.btn-outline,
.secondary-button,
.quick-action,
.panel-link,
a.btn,
a.button {
  background:#FFFFFF !important;
  color:#e16412 !important;
  border-color:#BFD3E4 !important;
  outline-color:#BFD3E4 !important;
  background-image:none !important;
}

.btn-secondary:hover,
.btn-outline:hover,
.secondary-button:hover,
.quick-action:hover,
.panel-link:hover,
a.btn:hover,
a.button:hover {
  background:#EEF6FC !important;
  color:#e16412 !important;
  border-color:#efb48d !important;
}

/* Botões/controles circulares de navegação continuam brancos */
.notification-button,
.icon-button,
.topbar .btn-icon,
.topbar .icon-button {
  background:#FFFFFF !important;
  color:#e16412 !important;
  border:1px solid #C9D8E3 !important;
  outline:none !important;
  box-shadow:none !important;
}
.notification-button:hover,
.icon-button:hover,
.topbar .btn-icon:hover,
.topbar .icon-button:hover {
  background:#EAF3FA !important;
  color:#e16412 !important;
  border-color:#B9D0E2 !important;
}

/* Nomes: sempre pretos/grafite */
.page-title,.page-header h1,h1,h2,h3,h4,h5,h6,
.card-title,.panel-header h2,.panel-header h3,
.card-header h2,.card-header h3,
.professional-name,.professional-card .name,
.professional-card h3,.professional-card h4,.professional-card strong,
.professional-info strong,.professional-info .professional-name,
#profissionais-lista .professional-name,#lista-profissionais .professional-name,
.professional-header .professional-name,
.client-name,.client-card .name,#clientes-lista .client-name,
.client-item .client-name,
.appointment-client,.appointment-item .client-name,
.appointment-item .appointment-client {
  color:#e16412 !important;
  -webkit-text-fill-color:#e16412 !important;
}

/* Labels, textos auxiliares e nomes menores: pretos/grafite, um pouco maiores */
.menu-text,.menu-item,.logo-title,.logo-text strong,.profile-name,
.page-description,.page-header p,.card-subtitle,.panel-header p,
.metric-label,.metric-note,.professional-role,.professional-contact,
.service-description,.client-contact,.appointment-service,
.appointment-details,.professional-info-row,.professional-info-label,
.table th,.table td,.clients-table th,.clients-table td,
table th,table td {
  color:#e16412 !important;
}

/* Indicadores e estados que antes usavam laranja */
.badge-primary,.badge-accent,.status-primary,.status-accent,
[style*="#f97316"],[style*="#F97316"],[style*="rgb(249, 115, 22)"],
[style*="rgb(249,115,22)"] {
  color:#e16412 !important;
  border-color:#BBD5EA !important;
  background:#EAF3FA !important;
}

/* Gráficos sempre em azul */
.chart-bar,.bar,.revenue-bar,.sales-bar,
[class*="chart-bar"],[class*="-bar"] {
  background:#f47721 !important;
  border-color:#f47721 !important;
}
.chart-line,.line,.revenue-line,.sales-line { stroke:#f47721 !important; }
.chart-fill,.area,.revenue-area,.sales-area { fill:rgba(244,119,33,.16) !important; }
.chart-dot,.legend-dot,.chart-point { background:#f47721 !important; border-color:#f47721 !important; }

/* +1 ponto de legibilidade nas áreas textuais principais */
body,.topbar,.page-content,.content,
.menu-item,.menu-text,.card,.panel,.metric-card,
.service-card,.professional-card,.client-card,
table,.table,.clients-table,.appointment-item,
.calendar-appointment,.calendar-day-cell,
input,select,textarea,button {
  font-size:calc(1em + 1px) !important;
}


/* =========================================================
   REFINO TIPOGRÁFICO — ESTADOS DE AUTENTICAÇÃO DO CRM
   Sem alteração de cores, fundos ou estrutura.
   ========================================================= */
html.crm-auth-pending body,
html.crm-auth-pending body * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

html.crm-auth-pending body::after {
    font-weight: 500 !important;
    letter-spacing: .006em;
    font-variant-numeric: tabular-nums lining-nums;
}

.crm-auth-title,
.crm-auth-card h1,
.crm-auth-card h2,
.auth-state-title {
    font-weight: 500 !important;
    letter-spacing: -0.018em;
}

.crm-auth-description,
.crm-auth-card p,
.auth-state-description,
.crm-auth-help,
.crm-auth-note {
    line-height: 1.55 !important;
    letter-spacing: .004em;
}

.crm-auth-icon,
.auth-state-icon,
.crm-auth-card svg,
.crm-auth-card i {
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    transition: transform .18s ease, opacity .18s ease;
}



/* =========================================================
   CAMADA EXTRA — UI MAIS VIVA (TIPOGRAFIA, BOTÕES E ÍCONES)
   Mantém a paleta e o layout; intensifica apenas presença visual.
   ========================================================= */
:root {
    --ui-vivo-font: "Manrope", Inter, "Segoe UI", Arial, Helvetica, sans-serif;
}

html, body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.card-title,
.panel-header h2,
.dashboard-column .card-title,
.section-title,
.modal-title,
.calendar-title,
.professional-name,
.service-name,
.client-name,
.clients-panel h2,
.topbar-title,
.topbar h1,
.topbar h2 {
    font-family: var(--ui-vivo-font) !important;
    font-weight: 700 !important;
    letter-spacing: -0.022em !important;
    line-height: 1.18 !important;
    color: var(--text, #e16412) !important;
}

.card-title,
.panel-header h2,
.dashboard-column .card-title,
.clients-panel h2 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.card-title::before,
.panel-header h2::before,
.dashboard-column .card-title::before,
.clients-panel h2::before {
    content: "";
    width: 11px;
    height: 11px;
    flex: 0 0 11px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--primary, #f47721), var(--primary-dark, #e16412));
    box-shadow: 0 0 0 4px rgba(244,119,33,.10);
}

.metric-card > strong,
.metric-value,
.metric-card .value,
.metric-card .number,
.chart-value,
.kpi-value,
.stat-value,
.clients-table td:nth-child(2),
.clients-table td:nth-child(3),
.clients-table td:nth-child(4) {
    font-family: var(--ui-vivo-font) !important;
    font-weight: 800 !important;
    letter-spacing: -0.045em !important;
    line-height: 1.02 !important;
    font-variant-numeric: tabular-nums lining-nums !important;
}

.metric-card > p,
.metric-label,
.metric-note,
.metric-top > span,
.description,
.card-subtitle,
.panel-subtitle,
.empty-state p,
.empty-state small,
.clients-panel p,
.table-subtitle,
.service-card p,
.professional-card p,
.client-card p {
    font-family: var(--ui-vivo-font) !important;
    font-weight: 500 !important;
    letter-spacing: -0.008em !important;
    line-height: 1.48 !important;
    color: var(--text-secondary, #e16412) !important;
}

.clients-table th,
.table th,
thead th,
.data-table th {
    font-family: var(--ui-vivo-font) !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
}

.clients-table td,
.table td,
.data-table td,
label,
.form-label {
    font-family: var(--ui-vivo-font) !important;
    font-weight: 500 !important;
    letter-spacing: -0.008em !important;
}

.status,
.status-badge,
.badge,
.appointment-status {
    font-family: var(--ui-vivo-font) !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    border-width: 1.5px !important;
}

.btn,
button,
a.btn,
.btn-primary,
.primary-button,
.btn-secondary,
.btn-outline,
.secondary-button,
.btn-entrar,
.btn-criar,
.auth-page .btn,
.crm-lock-btn,
.topbar .btn-icon,
.topbar .icon-button,
.notification-button,
.calendar-view-options .btn {
    font-family: var(--ui-vivo-font) !important;
    font-weight: 700 !important;
    letter-spacing: -0.012em !important;
    border-radius: 14px !important;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease !important;
}

.btn,
button,
a.btn,
.btn-primary,
.primary-button,
.btn-secondary,
.btn-outline,
.secondary-button,
.btn-entrar,
.btn-criar,
.auth-page .btn,
.crm-lock-btn,
.calendar-view-options .btn {
    box-shadow: 0 10px 20px rgba(244,119,33,.08) !important;
}

.btn:hover,
button:hover,
a.btn:hover,
.btn-primary:hover,
.primary-button:hover,
.btn-secondary:hover,
.btn-outline:hover,
.secondary-button:hover,
.btn-entrar:hover,
.btn-criar:hover,
.auth-page .btn:hover,
.crm-lock-btn:hover,
.calendar-view-options .btn:hover {
    transform: translateY(-1px) !important;
    filter: saturate(1.08) !important;
    box-shadow: 0 14px 26px rgba(244,119,33,.12) !important;
}

.btn-primary,
.primary-button,
.btn-entrar,
.btn-criar,
.auth-page .btn {
    background-image: linear-gradient(180deg, var(--primary, #f47721), var(--primary-dark, #e16412)) !important;
    border-color: transparent !important;
    color: #FFFFFF !important;
}

.btn-secondary,
.btn-outline,
.secondary-button,
.crm-lock-btn,
.calendar-view-options .btn {
    background: color-mix(in srgb, var(--primary-soft, #F2F7FB) 65%, #FFFFFF 35%) !important;
    border-color: color-mix(in srgb, var(--primary, #f47721) 34%, #FFFFFF 66%) !important;
    color: var(--primary-dark, #e16412) !important;
}

.btn-primary::before,
.primary-button::before,
.btn-entrar::before,
.btn-criar::before,
.auth-page .btn::before,
a.btn-primary::before,
button.btn-primary::before,
.btn-secondary::before,
.btn-outline::before,
.secondary-button::before,
.crm-lock-btn::before,
.calendar-view-options .btn::before {
    display: inline-block;
    margin-right: .58em;
    font-weight: 800;
    line-height: 1;
    transform: translateY(-.02em);
}

.btn-primary::before,
.primary-button::before,
.btn-entrar::before,
.btn-criar::before,
.auth-page .btn::before,
a.btn-primary::before,
button.btn-primary::before {
    content: "✦";
}

.btn-secondary::before,
.btn-outline::before,
.secondary-button::before,
.crm-lock-btn::before,
.calendar-view-options .btn::before {
    content: "→";
}

.topbar .btn-icon,
.topbar .icon-button,
.notification-button,
.icon-button,
.btn-icon {
    border-width: 1.5px !important;
    box-shadow: 0 8px 18px rgba(244,119,33,.10) !important;
    color: var(--primary-dark, #e16412) !important;
}

.topbar .btn-icon:hover,
.topbar .icon-button:hover,
.notification-button:hover,
.icon-button:hover,
.btn-icon:hover,
.metric-icon:hover,
.empty-icon:hover {
    transform: translateY(-1px) scale(1.04) !important;
}

.metric-icon,
.empty-icon,
.service-summary-icon,
.calendar-empty .empty-icon,
.auth-page .topo .logo,
.crm-lock-notice-icon {
    border-width: 1.5px !important;
    box-shadow: 0 10px 20px rgba(244,119,33,.10) !important;
}

.metric-card,
.service-card,
.professional-card,
.client-card,
.card,
.chart-card,
.clients-panel,
.calendar-week-column,
.calendar-day-cell,
.calendar-appointment {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.metric-card:hover,
.service-card:hover,
.professional-card:hover,
.client-card:hover,
.card:hover,
.chart-card:hover,
.calendar-week-column:hover,
.calendar-day-cell:hover,
.calendar-appointment:hover {
    transform: translateY(-2px) !important;
}

.metric-card {
    overflow: hidden;
    position: relative;
}

.metric-card::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--primary, #f47721) 82%, #FFFFFF 18%), color-mix(in srgb, var(--primary-dark, #e16412) 72%, #FFFFFF 28%));
    opacity: .96;
}

.metric-card > strong,
.metric-value,
.metric-card .value,
.metric-card .number {
    text-shadow: 0 1px 0 rgba(255,255,255,.55);
}

.empty-state h3,
.empty-title,
.calendar-empty h3 {
    font-family: var(--ui-vivo-font) !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.25 !important;
}

.menu-item,
.sidebar .menu-item,
.sidebar .menu-text {
    font-family: var(--ui-vivo-font) !important;
    font-weight: 600 !important;
    letter-spacing: -0.008em !important;
}

.logo-text strong,
.logo-title {
    font-family: var(--ui-vivo-font) !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
}

.logo-text span,
.logo-subtitle,
.profile-status,
.access-card-text,
.access-card span {
    font-family: var(--ui-vivo-font) !important;
    font-weight: 500 !important;
}

input,
select,
textarea,
.form-control,
.form-input,
.form-select {
    font-family: var(--ui-vivo-font) !important;
    font-weight: 500 !important;
}

input::placeholder,
textarea::placeholder {
    font-weight: 500 !important;
    color: color-mix(in srgb, var(--text-secondary, #e16412) 74%, #FFFFFF 26%) !important;
}

@media (max-width: 768px) {
    .card-title,
    .panel-header h2,
    .dashboard-column .card-title,
    .clients-panel h2 {
        gap: 8px;
    }

    .card-title::before,
    .panel-header h2::before,
    .dashboard-column .card-title::before,
    .clients-panel h2::before {
        width: 9px;
        height: 9px;
        flex-basis: 9px;
    }
}

/* =====================================================================
   PADRÃO VISUAL OFICIAL — BASEADO EM styles(4).css
   Fonte: DM Sans + Manrope | Paleta: laranja, preto, cinza e branco.
   Camada final de override para unificar todas as páginas do CRM.
   ===================================================================== */
:root {
    --orange: #f47721 !important;
    --orange-dark: #e16412 !important;
    --orange-soft: #fff1e8 !important;
    --ink: #171819 !important;
    --muted: #73777c !important;
    --line: #e9eaec !important;
    --card: #ffffff !important;
    --good: #318653 !important;
    --warn: #b56820 !important;
    --danger: #b83933 !important;

    --primary: #f47721 !important;
    --primary-dark: #e16412 !important;
    --primary-light: #fff1e8 !important;
    --primary-soft: #fff1e8 !important;
    --background: #f5f6f7 !important;
    --surface: #ffffff !important;
    --surface-soft: #fafafa !important;
    --text: #262626 !important;
    --text-secondary: #73777c !important;
    --text-light: #8a8d91 !important;
    --border: #e9eaec !important;
    --border-light: #f0f1f2 !important;
    --success: #318653 !important;
    --success-bg: #edf8f1 !important;
    --warning: #b56820 !important;
    --warning-bg: #fff4e8 !important;
    --danger-bg: #fff5f4 !important;
    --info: #f47721 !important;
    --info-bg: #fff1e8 !important;

    --av-orange: #f47721 !important;
    --av-orange-dark: #e16412 !important;
    --av-orange-hover: #e16412 !important;
    --av-orange-soft: #fff1e8 !important;
    --av-orange-pale: #ffe1cc !important;
    --av-orange-light: #fff8f2 !important;
    --av-orange-border: #efb48d !important;
    --av-bg: #f5f6f7 !important;
    --av-bg-warm: #f5f6f7 !important;
    --av-surface: #ffffff !important;
    --av-surface-soft: #fafafa !important;
    --av-text: #262626 !important;
    --av-text-secondary: #73777c !important;
    --av-text-muted: #8a8d91 !important;
    --av-border: #e9eaec !important;
    --av-border-light: #f0f1f2 !important;
    --av-green: #318653 !important;
    --av-green-bg: #edf8f1 !important;
    --av-blue: #f47721 !important;
    --av-blue-bg: #fff1e8 !important;
    --av-lilac: #e16412 !important;
    --av-lilac-bg: #fff3eb !important;
    --av-yellow: #b56820 !important;
    --av-yellow-bg: #fff4e8 !important;
    --av-rose: #b83933 !important;
    --av-rose-bg: #fff5f4 !important;

    --font-ui: 'DM Sans', Arial, sans-serif !important;
    --ui-vivo-font: 'DM Sans', Arial, sans-serif !important;
}

html,
body,
button,
input,
select,
textarea,
table,
p,
span,
a,
div,
label,
th,
td,
small,
strong,
b {
    font-family: 'DM Sans', Arial, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.page-title,
.top-title,
.card-title,
.panel-title,
.panel-header h2,
.modal-title,
.dialog-head h2,
.professional-name,
.service-name,
.client-name,
.metric-value,
.metric-card > strong,
.logo-title,
.logo-text strong,
.brand-mark {
    font-family: Manrope, 'DM Sans', Arial, sans-serif !important;
}

html,
body {
    background: #f5f6f7 !important;
    color: #262626 !important;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility !important;
}

body,
.app,
.main-layout,
.main-area,
main,
main.main,
.page-content,
.content {
    background: #f5f6f7 !important;
    color: #262626 !important;
}

/* SIDEBAR — exatamente na linguagem escura do arquivo de referência */
.sidebar {
    background: #171819 !important;
    color: #f6f6f6 !important;
    border-right: 0 !important;
    box-shadow: none !important;
}

.sidebar .logo,
.sidebar-menu,
.sidebar .menu,
.sidebar-footer {
    background: transparent !important;
    border-color: rgba(255,255,255,.06) !important;
}

.sidebar .logo-title,
.sidebar .logo-text strong,
.sidebar .profile-name,
.sidebar .access-card strong,
.sidebar .access-card-title,
.sidebar .sidebar-access strong {
    color: #f6f6f6 !important;
    font-weight: 700 !important;
}

.sidebar .logo-subtitle,
.sidebar .logo-text > span,
.sidebar .menu-label,
.sidebar .profile-status,
.sidebar .profile-info span,
.sidebar .access-card span,
.sidebar .access-card-text,
.sidebar .sidebar-access span,
.sidebar .sidebar-access p {
    color: #777b7e !important;
}

.sidebar .menu-label {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1.4px !important;
    text-transform: uppercase !important;
}

.sidebar .menu-item {
    background: transparent !important;
    color: #bfc1c3 !important;
    border-color: transparent !important;
    border-radius: 9px !important;
    font-family: 'DM Sans', Arial, sans-serif !important;
    font-weight: 500 !important;
}

.sidebar .menu-item:hover {
    background: #252729 !important;
    color: #ffffff !important;
    border-color: transparent !important;
    transform: none !important;
}

.sidebar .menu-item.active,
.sidebar .menu-item.active:hover {
    background: #33271f !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: none !important;
    font-weight: 700 !important;
}

.sidebar .menu-icon,
.sidebar .access-icon,
.sidebar .check-icon {
    color: #93979a !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.sidebar .menu-item.active .menu-icon,
.sidebar .menu-item.active .menu-text {
    color: #f47721 !important;
}

.sidebar .logo-icon,
.sidebar .logo-mark,
.sidebar .profile-avatar {
    background: #f47721 !important;
    color: #ffffff !important;
    border-color: #f47721 !important;
    box-shadow: none !important;
}

.sidebar .menu-badge,
.sidebar .notification-count {
    background: #f47721 !important;
    color: #ffffff !important;
    border: 0 !important;
}

.sidebar .access-card,
.sidebar .sidebar-access,
.sidebar .profile-mini,
.sidebar .profile-more {
    background: #202224 !important;
    color: #f6f6f6 !important;
    border-color: #303235 !important;
    box-shadow: none !important;
}

/* TOPBAR */
.topbar,
header.topbar {
    background: #ffffff !important;
    color: #262626 !important;
    border-bottom: 1px solid #e9eaec !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.topbar .breadcrumb,
.crumb,
.breadcrumb,
.page-subtitle,
.card-subtitle,
.panel-subtitle,
.panel-sub,
.description,
.metric-detail,
.metric-note,
.metric-card > p,
.empty-state p,
.professional-specialty,
.professional-contact,
.service-description,
.client-detail {
    color: #73777c !important;
}

/* TÍTULOS */
.page-title,
.page-head h1,
.top-title,
.card-title,
.panel h2,
.panel-header h2,
.dashboard-column .card-title,
.clients-panel h2,
.dialog-head h2,
.modal-title,
.empty-state h3,
.professional-name,
.service-name,
.client-name {
    color: #171819 !important;
    font-family: Manrope, 'DM Sans', Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -.025em !important;
}

.page-title,
.page-head h1,
.dialog-head h2 {
    font-weight: 800 !important;
}

/* CARDS E PAINÉIS */
.card,
.panel,
.metric,
.metric-card,
.service-card,
.professional-card,
.professional-item,
.client-card,
.clients-panel,
.chart-card,
.dashboard-card,
.schedule-card,
.appointment-card,
.calendar-week-column,
.calendar-day-cell,
.calendar-appointment,
.services-filters,
.filters-card,
.form-card,
.settings-card,
.table-card {
    background: #ffffff !important;
    color: #262626 !important;
    border: 1px solid #e9eaec !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 6px rgba(32,33,36,.02) !important;
}

.card:hover,
.panel:hover,
.metric-card:hover,
.service-card:hover,
.professional-card:hover,
.professional-item:hover,
.client-card:hover,
.calendar-appointment:hover,
.calendar-day-cell:hover {
    border-color: #efb48d !important;
    box-shadow: 0 8px 20px rgba(244,119,33,.08) !important;
}

.metric-card::after {
    background: #f47721 !important;
    opacity: 1 !important;
}

.metric-icon,
.empty-icon,
.service-summary-icon,
.calendar-empty .empty-icon,
.auth-page .topo .logo,
.crm-lock-notice-icon {
    background: #fff1e8 !important;
    color: #f47721 !important;
    border-color: #f3ddcd !important;
    box-shadow: none !important;
}

.metric-value,
.metric-card > strong,
.metric-card .value,
.metric-card .number,
.chart-value,
.kpi-value,
.stat-value {
    color: #171819 !important;
    font-family: Manrope, 'DM Sans', Arial, sans-serif !important;
    font-weight: 800 !important;
    font-variant-numeric: tabular-nums lining-nums !important;
    text-shadow: none !important;
}

/* BOTÕES */
.btn,
button,
a.btn,
.button,
.btn-primary,
.primary-button,
.btn-secondary,
.btn-outline,
.secondary-button,
.btn-entrar,
.btn-criar,
.auth-page .btn,
.crm-lock-btn,
.calendar-view-options .btn,
.small-action {
    font-family: 'DM Sans', Arial, sans-serif !important;
    font-weight: 700 !important;
    border-radius: 9px !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
}

.btn-primary,
.primary-button,
.button-primary,
.btn-entrar,
.btn-criar,
.auth-page .btn {
    background: #f47721 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: #f47721 !important;
    box-shadow: 0 4px 12px rgba(244,119,33,.16) !important;
}

.btn-primary:hover,
.primary-button:hover,
.button-primary:hover,
.btn-entrar:hover,
.btn-criar:hover,
.auth-page .btn:hover {
    background: #e16412 !important;
    border-color: #e16412 !important;
    filter: none !important;
}

.btn-secondary,
.btn-outline,
.secondary-button,
.button-muted,
.crm-lock-btn,
.calendar-view-options .btn,
.small-action {
    background: #ffffff !important;
    color: #54575b !important;
    border: 1px solid #e9eaec !important;
}

.btn-secondary:hover,
.btn-outline:hover,
.secondary-button:hover,
.button-muted:hover,
.crm-lock-btn:hover,
.calendar-view-options .btn:hover,
.small-action:hover {
    background: #f6f7f8 !important;
    color: #262626 !important;
    border-color: #e0e2e4 !important;
    filter: none !important;
}

.btn-danger,
.btn-danger-outline,
.button-danger {
    color: #b83933 !important;
    background: #fff5f4 !important;
    border-color: #f2d8d5 !important;
}

/* Remove símbolos automáticos inseridos por versões anteriores */
.btn-primary::before,
.primary-button::before,
.btn-entrar::before,
.btn-criar::before,
.auth-page .btn::before,
a.btn-primary::before,
button.btn-primary::before,
.btn-secondary::before,
.btn-outline::before,
.secondary-button::before,
.crm-lock-btn::before,
.calendar-view-options .btn::before {
    content: none !important;
    display: none !important;
}

/* BOTÕES DE ÍCONE */
.icon-button,
.btn-icon,
.topbar .btn-icon,
.topbar .icon-button,
.notification-button {
    background: #fff1e8 !important;
    color: #f47721 !important;
    border: 1px solid #f3ddcd !important;
    box-shadow: none !important;
}

.icon-button:hover,
.btn-icon:hover,
.topbar .btn-icon:hover,
.topbar .icon-button:hover,
.notification-button:hover {
    background: #ffe6d5 !important;
    color: #e16412 !important;
    border-color: #efb48d !important;
}

/* FORMULÁRIOS E FILTROS */
input,
select,
textarea,
.form-control,
.form-input,
.form-select,
.search,
.select,
.search-box input,
.global-search input {
    background: #ffffff !important;
    color: #333333 !important;
    border: 1px solid #dedfe1 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-family: 'DM Sans', Arial, sans-serif !important;
    font-weight: 500 !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.form-input:focus,
.form-select:focus,
.search:focus,
.select:focus {
    border-color: #ee9e69 !important;
    box-shadow: 0 0 0 3px rgba(244,119,33,.08) !important;
    outline: 0 !important;
}

input::placeholder,
textarea::placeholder {
    color: #96999d !important;
}

label,
.form-label,
.field label,
.field legend {
    color: #53575b !important;
    font-weight: 700 !important;
}

/* TABELAS */
.table,
.clients-table,
.data-table {
    background: #ffffff !important;
    color: #262626 !important;
}

.table th,
.clients-table th,
.data-table th,
thead th {
    color: #85898e !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e9eaec !important;
    font-family: 'DM Sans', Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: .5px !important;
}

.table td,
.clients-table td,
.data-table td,
tbody td {
    color: #262626 !important;
    background: #ffffff !important;
    border-bottom-color: #f0f1f2 !important;
}

.table tbody tr:hover td,
.clients-table tbody tr:hover td,
.data-table tbody tr:hover td {
    background: #fffaf6 !important;
}

/* STATUS / BADGES */
.status,
.status-badge,
.badge,
.appointment-status,
.pill {
    font-family: 'DM Sans', Arial, sans-serif !important;
    font-weight: 700 !important;
    border-radius: 999px !important;
}

.status-success,
.status-confirmed,
.badge-success,
.status-completed,
.badge-completed,
.appointment-status.is-done,
[data-status="completed"],
[data-status="success"] {
    background: #edf8f1 !important;
    color: #318653 !important;
    border-color: #d7ebdf !important;
}

.status-warning,
.status-pending,
.badge-warning,
.status-ongoing,
.badge-ongoing,
[data-status="ongoing"],
[data-status="pending"] {
    background: #fff4e8 !important;
    color: #b56820 !important;
    border-color: #f3ddcd !important;
}

.status-info,
.badge-info,
.appointment-status.is-scheduled,
.status-active,
.badge-active {
    background: #fff1e8 !important;
    color: #e16412 !important;
    border-color: #efb48d !important;
}

.status-danger,
.status-cancelled,
.badge-danger,
.appointment-status.is-cancelled,
[data-status="cancelled"],
[data-status="canceled"] {
    background: #fff5f4 !important;
    color: #b83933 !important;
    border-color: #f2d8d5 !important;
}

.status-neutral,
.badge-neutral {
    background: #f3f4f5 !important;
    color: #65696d !important;
    border-color: #e9eaec !important;
}

/* AUTENTICAÇÃO */
body.auth-page,
.login-page,
.cadastro-page,
.reset-page {
    background: #f5f6f7 !important;
    color: #262626 !important;
}

.login-container,
.cadastro-container,
.reset-page .container,
.auth-card,
.crm-auth-card {
    background: #ffffff !important;
    border: 1px solid #e9eaec !important;
    box-shadow: 0 14px 38px rgba(23,24,25,.08) !important;
}

.login-page .logo,
.auth-page .topo {
    background: #171819 !important;
    color: #ffffff !important;
}

.login-page .logo h1,
.login-page .logo h2,
.login-page .logo p,
.auth-page .topo h1,
.auth-page .topo p,
.auth-page .topo .subtitulo {
    color: #ffffff !important;
}

.mostrar-senha,
.mostrar,
.recuperar-senha button,
.login a,
.cadastro a,
.voltar a {
    color: #e16412 !important;
}

/* CALENDÁRIO */
.calendar-week-column,
.calendar-day-cell,
.calendar-appointment,
.calendar-day-view {
    background: #ffffff !important;
    color: #262626 !important;
    border-color: #e9eaec !important;
}

.calendar-week-title,
.calendar-day-view-title {
    color: #171819 !important;
    font-family: Manrope, 'DM Sans', Arial, sans-serif !important;
    font-weight: 700 !important;
}

.calendar-view-options .calendar-view-active,
.calendar-view-active {
    background: #f47721 !important;
    color: #ffffff !important;
    border-color: #f47721 !important;
}

.calendar-toast[data-tipo="success"] {
    background: #edf8f1 !important;
    color: #318653 !important;
    border: 1px solid #d7ebdf !important;
}

.calendar-toast[data-tipo="error"] {
    background: #fff5f4 !important;
    color: #b83933 !important;
    border: 1px solid #f2d8d5 !important;
}

/* ACESSO BLOQUEADO */
#crm-bloqueio-overlay {
    --lock-orange: #f47721 !important;
    --lock-orange-strong: #e16412 !important;
    --lock-orange-soft: #fff1e8 !important;
    --lock-green: #318653 !important;
    --lock-green-strong: #277848 !important;
    --lock-bg: #f5f6f7 !important;
    --lock-panel: #ffffff !important;
    --lock-line: #e9eaec !important;
    --lock-text: #262626 !important;
    --lock-muted: #73777c !important;
    background: #f5f6f7 !important;
    color: #262626 !important;
    font-family: 'DM Sans', Arial, sans-serif !important;
}

#crm-bloqueio-overlay .crm-lock-card,
#crm-bloqueio-overlay .crm-lock-brand-area {
    background: #ffffff !important;
    border-color: #e9eaec !important;
}

#crm-bloqueio-overlay .crm-lock-title {
    color: #171819 !important;
    font-family: Manrope, 'DM Sans', Arial, sans-serif !important;
    font-weight: 800 !important;
}

#crm-bloqueio-overlay .crm-lock-subtitle,
#crm-bloqueio-overlay .crm-lock-label {
    color: #73777c !important;
}

#crm-bloqueio-overlay .crm-lock-value,
#crm-bloqueio-overlay .crm-lock-status {
    color: #262626 !important;
}

#crm-bloqueio-overlay .crm-lock-notice {
    background: #fff8f2 !important;
    color: #6f5746 !important;
    border-color: #f3ddcd !important;
}

/* ESTADO DE CARREGAMENTO DA AUTENTICAÇÃO */
html.crm-auth-pending body::before {
    background: rgba(245,246,247,.96) !important;
}

html.crm-auth-pending body::after {
    background: #ffffff !important;
    color: #e16412 !important;
    border-color: #efb48d !important;
    font-family: 'DM Sans', Arial, sans-serif !important;
    box-shadow: 0 8px 22px rgba(23,24,25,.08) !important;
}

/* CARD PROFISSIONAL — preserva ajuste pontual anterior */
#profissionais-lista .professional-avatar {
    background: #fff1e8 !important;
    color: #f47721 !important;
    border-color: #f3ddcd !important;
    font-family: Manrope, 'DM Sans', Arial, sans-serif !important;
}

#profissionais-lista .professional-name {
    color: #171819 !important;
    font-family: Manrope, 'DM Sans', Arial, sans-serif !important;
}

#profissionais-lista .professional-specialty,
#profissionais-lista .professional-contact {
    color: #73777c !important;
    font-family: 'DM Sans', Arial, sans-serif !important;
}

#profissionais-lista .btn-excluir-profissional {
    background: #ffffff !important;
    color: #65696d !important;
    border-color: #e9eaec !important;
}

#profissionais-lista .btn-excluir-profissional:hover {
    background: #fff5f4 !important;
    color: #b83933 !important;
    border-color: #f2d8d5 !important;
}

/* Reduz movimento excessivo: mesmo comportamento limpo do styles(4).css */
.btn:hover,
button:hover,
a.btn:hover,
.card:hover,
.metric-card:hover,
.service-card:hover,
.professional-card:hover,
.professional-item:hover,
.client-card:hover {
    filter: none !important;
}



/* =========================================================
   AJUSTE FINAL — SEM AZUL + AVISO DO DASHBOARD REMOVIDO
   Pedido: todo azul visual passa para o laranja oficial.
   ========================================================= */
:root {
    --primary: #f47721 !important;
    --primary-dark: #e16412 !important;
    --primary-light: #fff1e8 !important;
    --primary-soft: #fff1e8 !important;
    --info: #f47721 !important;
    --info-bg: #fff1e8 !important;
    --av-blue: #f47721 !important;
    --av-blue-bg: #fff1e8 !important;
}

/* Remove somente o aviso de falha mostrado na Visão Geral.
   Feedbacks de sucesso/aviso continuam disponíveis. */
#dashboard-feedback.alert-danger,
#dashboard-feedback.alert-error {
    display: none !important;
}

/* Azul dos títulos/links informativos vira laranja. */
.eyebrow,
.page-eyebrow,
.page-kicker,
.section-kicker,
.topbar a,
.panel-link,
.quick-action,
.link,
a.link,
.text-info,
.status-info,
.badge-info {
    color: #e16412 !important;
}

/* Cards que possuíam regras azuis de alta especificidade. */
.metric-card:nth-child(1),
.metric-card:nth-child(2),
.metric-card:nth-child(3),
.metric-card:nth-child(4),
.metric-card:nth-child(5),
.metric-card:nth-child(6) {
    border-color: #e9eaec !important;
}

.metric-card:nth-child(1)::after,
.metric-card:nth-child(2)::after,
.metric-card:nth-child(3)::after,
.metric-card:nth-child(4)::after,
.metric-card:nth-child(5)::after,
.metric-card:nth-child(6)::after {
    background: #f47721 !important;
}

.metric-card:nth-child(1) .metric-icon,
.metric-card:nth-child(2) .metric-icon,
.metric-card:nth-child(3) .metric-icon,
.metric-card:nth-child(4) .metric-icon,
.metric-card:nth-child(5) .metric-icon,
.metric-card:nth-child(6) .metric-icon,
.metric-card.clients .metric-icon,
.metric-card.client .metric-icon,
.metric-card.professionals .metric-icon,
.metric-card.people .metric-icon,
.metric-card.attendimentos .metric-icon,
.metric-card.appointments .metric-icon,
.metric-card.agendamentos .metric-icon,
.metric-card.services .metric-icon {
    color: #f47721 !important;
    background: #fff1e8 !important;
    border-color: #efb48d !important;
}

/* Card de Clientes: remove especificamente o preenchimento azul observado. */
.metric-card.clients,
.metric-card.client,
.metric-card[data-metric="clientes"],
.metric-card[data-type="clientes"] {
    background: #fff1e8 !important;
    border-color: #efb48d !important;
}

/* Ícones, badges, botões e controles que antes herdavam azul. */
.sidebar .menu-badge,
.sidebar .notification-count,
.notification-button,
.topbar .btn-icon,
.topbar .icon-button,
.btn-icon,
.icon-button,
.metric-icon,
.empty-icon {
    color: #f47721 !important;
    border-color: #efb48d !important;
}

.sidebar .menu-badge,
.sidebar .notification-count {
    background: #f47721 !important;
    color: #fff !important;
}

.notification-button,
.topbar .btn-icon,
.topbar .icon-button,
.btn-icon,
.icon-button,
.empty-icon {
    background: #fff1e8 !important;
}

/* Gráficos e elementos SVG/linhas. */
.chart-bar,
.bar,
.revenue-bar,
.sales-bar,
[class*="chart-bar"],
.chart-dot,
.legend-dot,
.chart-point,
.progress-fill {
    background: #f47721 !important;
    border-color: #f47721 !important;
}

.chart-line,
.line,
.revenue-line,
.sales-line,
svg .chart-line,
svg .line {
    stroke: #f47721 !important;
}

/* Foco dos campos acompanha o laranja, nunca azul. */
input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.form-input:focus,
.form-select:focus,
.search:focus,
.select:focus {
    border-color: #ee9e69 !important;
    box-shadow: 0 0 0 3px rgba(244,119,33,.08) !important;
}


/* =========================================================
   AJUSTE FINAL SOLICITADO — TIPOGRAFIA PRETA NA ÁREA PRINCIPAL
   Não altera sidebar, ícones, fundos, cards, botões primários ou layout.
   ========================================================= */

/* Títulos e cabeçalhos da área principal */
.main-area .page-title,
.main-area .page-header h1,
.main-area .page-head h1,
.main-area .top-title,
.main-area .card-title,
.main-area .panel-header h2,
.main-area .panel-header h3,
.main-area .card-header h2,
.main-area .card-header h3,
.main-area .dashboard-column .card-title,
.main-area .clients-panel h2,
.main-area .section-title,
.main-area .modal-title,
.main-area .calendar-title,
.main-area .calendar-week-title,
.main-area .calendar-day-view-title,
.main-area .calendar-day-title,
.main-area .empty-state h3,
.main-area .empty-title,
main .page-title,
main .page-header h1,
main .page-head h1,
main .top-title,
main .card-title,
main .panel-header h2,
main .panel-header h3,
main .card-header h2,
main .card-header h3,
main .dashboard-column .card-title,
main .clients-panel h2,
main .section-title,
main .modal-title,
main .calendar-title,
main .calendar-week-title,
main .calendar-day-view-title,
main .calendar-day-title,
main .empty-state h3,
main .empty-title {
    color: #171819 !important;
    -webkit-text-fill-color: #171819 !important;
}

/* Números, nomes e informações principais */
.main-area .metric-value,
.main-area .metric-card > strong,
.main-area .metric-card .value,
.main-area .metric-card .number,
.main-area .chart-value,
.main-area .kpi-value,
.main-area .stat-value,
.main-area .professional-name,
.main-area .professional-card .name,
.main-area .service-name,
.main-area .service-card .name,
.main-area .client-name,
.main-area .client-card .name,
.main-area .client-item .client-name,
.main-area .appointment-client,
.main-area .appointment-item .client-name,
.main-area .appointment-item .appointment-client,
.main-area .professional-info strong,
.main-area .professional-info .professional-name,
main .metric-value,
main .metric-card > strong,
main .metric-card .value,
main .metric-card .number,
main .chart-value,
main .kpi-value,
main .stat-value,
main .professional-name,
main .professional-card .name,
main .service-name,
main .service-card .name,
main .client-name,
main .client-card .name,
main .client-item .client-name,
main .appointment-client,
main .appointment-item .client-name,
main .appointment-item .appointment-client,
main .professional-info strong,
main .professional-info .professional-name {
    color: #171819 !important;
    -webkit-text-fill-color: #171819 !important;
}

/* Descrições, labels e textos auxiliares */
.main-area .page-description,
.main-area .page-header p,
.main-area .page-head p,
.main-area .card-subtitle,
.main-area .panel-header p,
.main-area .panel-sub,
.main-area .panel-subtitle,
.main-area .metric-note,
.main-area .metric-label,
.main-area .metric-top > span,
.main-area .metric-detail,
.main-area .metric-card > p,
.main-area .description,
.main-area .professional-role,
.main-area .professional-contact,
.main-area .service-description,
.main-area .client-contact,
.main-area .appointment-service,
.main-area .appointment-professional,
.main-area .appointment-date,
.main-area .appointment-time,
.main-area .empty-state p,
.main-area .empty-state small,
.main-area .calendar-day-empty,
main .page-description,
main .page-header p,
main .page-head p,
main .card-subtitle,
main .panel-header p,
main .panel-sub,
main .panel-subtitle,
main .metric-note,
main .metric-label,
main .metric-top > span,
main .metric-detail,
main .metric-card > p,
main .description,
main .professional-role,
main .professional-contact,
main .service-description,
main .client-contact,
main .appointment-service,
main .appointment-professional,
main .appointment-date,
main .appointment-time,
main .empty-state p,
main .empty-state small,
main .calendar-day-empty {
    color: #171819 !important;
    -webkit-text-fill-color: #171819 !important;
}

/* Tabelas */
.main-area table th,
.main-area table td,
.main-area .table th,
.main-area .table td,
.main-area .clients-table th,
.main-area .clients-table td,
main table th,
main table td,
main .table th,
main .table td,
main .clients-table th,
main .clients-table td {
    color: #171819 !important;
    -webkit-text-fill-color: #171819 !important;
}

/* Campos e filtros: somente cor das letras */
.main-area input,
.main-area select,
.main-area textarea,
.main-area .form-control,
.main-area .form-input,
.main-area .form-select,
.main-area label,
main input,
main select,
main textarea,
main .form-control,
main .form-input,
main .form-select,
main label,
.topbar input,
.topbar select {
    color: #171819 !important;
    -webkit-text-fill-color: #171819 !important;
}

/* Links e botões secundários que antes tinham texto laranja */
.main-area .btn-secondary,
.main-area .btn-outline,
.main-area .secondary-button,
.main-area .quick-action,
.main-area .panel-link,
main .btn-secondary,
main .btn-outline,
main .secondary-button,
main .quick-action,
main .panel-link {
    color: #171819 !important;
    -webkit-text-fill-color: #171819 !important;
}

/* Garante que a sidebar fique exatamente como estava */
.sidebar,
.sidebar * {
    -webkit-text-fill-color: initial;
}