/*
|--------------------------------------------------------------------------
| Gabi — Tipografia global legível
|--------------------------------------------------------------------------
|
| Objetivo:
| - preservar densidade operacional;
| - eliminar textos excessivamente pequenos;
| - manter hierarquia consistente entre módulos.
|--------------------------------------------------------------------------
*/

:root{
    --gabi-font-page-title: 26px;
    --gabi-font-section-title: 17px;
    --gabi-font-card-title: 15px;

    --gabi-font-body: 13px;
    --gabi-font-control: 12px;
    --gabi-font-label: 11px;
    --gabi-font-small: 11px;
    --gabi-font-micro: 10px;

    --gabi-line-body: 1.45;
    --gabi-line-small: 1.38;
}

/*
|--------------------------------------------------------------------------
| Base
|--------------------------------------------------------------------------
*/

html{
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
}

body,
.crm-wrap,
.crm-main,
.crm-content{
    font-size:var(--gabi-font-body)!important;
    line-height:var(--gabi-line-body)!important;
}

/*
|--------------------------------------------------------------------------
| Títulos de página
|--------------------------------------------------------------------------
*/

.crm-content h1,
.cp-page h1,
.dm-page h1,
.dv-page h1,
.pc-page h1,
.gad-page h1,
.ca-page h1{
    font-size:var(--gabi-font-page-title)!important;
    line-height:1.15!important;
}

/*
|--------------------------------------------------------------------------
| Títulos de cards e seções
|--------------------------------------------------------------------------
*/

.crm-content h2,
.cp-card h2,
.dm-card h2,
.dv-card h2,
.dv-focus-card h2,
.dv-activity-title h2,
.pc-card h2,
.gad-card h2,
.ca-panel h2{
    font-size:var(--gabi-font-section-title)!important;
    line-height:1.22!important;
}

.crm-content h3,
.dv-summary-box h3,
.dv-modal-panel h3,
.pc-section-title{
    font-size:var(--gabi-font-card-title)!important;
    line-height:1.25!important;
}

/*
|--------------------------------------------------------------------------
| Texto comum
|--------------------------------------------------------------------------
*/

.crm-content p,
.crm-content li,
.crm-content dd,
.crm-content dt,
.cp-page p,
.dm-page p,
.dv-page p,
.pc-page p,
.gad-page p,
.ca-page p{
    font-size:var(--gabi-font-body)!important;
    line-height:var(--gabi-line-body)!important;
}

/*
|--------------------------------------------------------------------------
| Textos auxiliares
|--------------------------------------------------------------------------
*/

.crm-content small,
.cp-page small,
.dm-page small,
.dv-page small,
.pc-page small,
.gad-page small,
.ca-page small,
.clg-panel-main small,
.eu-ux-page small{
    font-size:var(--gabi-font-small)!important;
    line-height:var(--gabi-line-small)!important;
}

/*
|--------------------------------------------------------------------------
| Labels
|--------------------------------------------------------------------------
*/

.crm-content label,
.cp-page label,
.dm-page label,
.dv-page label,
.pc-page label,
.gad-page label,
.ca-page label,
.cn-label,
.pc-label,
.dv-field label{
    font-size:var(--gabi-font-label)!important;
    line-height:1.3!important;
}

/*
|--------------------------------------------------------------------------
| Botões, links de ação e abas
|--------------------------------------------------------------------------
*/

.crm-content button,
.crm-content .cp-btn,
.crm-content .dm-btn,
.crm-content .dv-btn,
.crm-content .pc-btn,
.crm-content .gad-btn,
.crm-content .ca-btn,
.crm-content .cl-action,
.crm-content .clg-mini,
.crm-content .ca-mini,
.crm-content .dm-tab,
.crm-content .cp-tab,
.crm-content .ca-tab,
.crm-content .cl-chip,
.crm-content .clg-chip,
.crm-content .dv-activity-tab,
.crm-content .dv-mini-action{
    font-size:var(--gabi-font-control)!important;
    line-height:1.1!important;
}

/*
|--------------------------------------------------------------------------
| Inputs
|--------------------------------------------------------------------------
*/

.crm-content input,
.crm-content select,
.crm-content textarea,
.cp-page input,
.cp-page select,
.cp-page textarea,
.dm-page input,
.dm-page select,
.dm-page textarea,
.dv-page input,
.dv-page select,
.dv-page textarea,
.pc-page input,
.pc-page select,
.pc-page textarea{
    font-size:var(--gabi-font-body)!important;
    line-height:1.3!important;
}

/*
|--------------------------------------------------------------------------
| Tabelas
|--------------------------------------------------------------------------
*/

.crm-content table td,
.cp-table td,
.dm-table td,
.ca-table td,
.dv-table td,
.dv-summary-mini-table td{
    font-size:12px!important;
    line-height:1.4!important;
}

.crm-content table th,
.cp-table th,
.dm-table th,
.ca-table th,
.dv-table th,
.dv-summary-mini-table th{
    font-size:10px!important;
    line-height:1.25!important;
    letter-spacing:.045em!important;
}

/*
|--------------------------------------------------------------------------
| KPIs
|--------------------------------------------------------------------------
*/

.cp-stat .num,
.dm-stat .num,
.dv-stat.kpi .num,
.ca-stat .num,
.gad-stat .num,
.cn-kpi b{
    font-size:24px!important;
    line-height:1.05!important;
}

.cp-stat .lbl,
.dm-stat .lbl,
.dv-stat.kpi .lbl,
.ca-stat .lbl,
.gad-stat .lbl,
.cn-kpi span{
    font-size:10px!important;
    line-height:1.25!important;
}

.cp-stat .sub,
.dm-stat .sub,
.dv-stat.kpi .sub,
.ca-stat .sub,
.gad-stat .sub{
    font-size:11px!important;
    line-height:1.35!important;
}

/*
|--------------------------------------------------------------------------
| Demandas — ficha e fila
|--------------------------------------------------------------------------
*/

.dm-title strong,
.dm-resp strong,
.dm-person-link,
.dm-responsavel-link,
.dv-person strong,
.dv-flow-title,
.dv-comment-author,
.dv-action-card .dv-action-text b{
    font-size:12px!important;
    line-height:1.3!important;
}

.dm-title small,
.dm-local,
.dm-resp small,
.dm-next small,
.dm-movimentacao small,
.dv-flow-meta,
.dv-comment-meta,
.dv-action-card .dv-action-text small{
    font-size:11px!important;
    line-height:1.35!important;
}

.dv-summary-line b{
    font-size:10px!important;
}

.dv-summary-line span{
    font-size:12px!important;
}

/*
|--------------------------------------------------------------------------
| Campanhas
|--------------------------------------------------------------------------
*/

.cn-flow-step strong,
.cn-seg strong,
.cn-person strong,
.cl-lote-main strong,
.clg-person strong{
    font-size:12px!important;
}

.cn-flow-step small,
.cn-seg small,
.cn-seg-help,
.cn-person small,
.cl-lote-main small,
.clg-person small{
    font-size:11px!important;
    line-height:1.35!important;
}

/*
|--------------------------------------------------------------------------
| Badges
|--------------------------------------------------------------------------
*/

.crm-content .dv-badge,
.crm-content .dm-badge,
.crm-content .ca-badge,
.crm-content .cl-status,
.crm-content .clg-status,
.crm-content .cl-type,
.crm-content .eu-type-pill,
.crm-content .cn-pill{
    font-size:10px!important;
    line-height:1!important;
}

/*
|--------------------------------------------------------------------------
| Sidebar e topbar
|--------------------------------------------------------------------------
*/

.crm-sidebar,
.crm-sidebar a,
.crm-sidebar button,
.crm-topbar{
    font-size:13px!important;
}

.crm-sidebar small,
.crm-topbar small{
    font-size:11px!important;
}

/*
|--------------------------------------------------------------------------
| Desktop muito amplo
|--------------------------------------------------------------------------
*/

@media(min-width:1700px){
    :root{
        --gabi-font-body:13.5px;
        --gabi-font-control:12.5px;
    }
}

/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media(max-width:760px){
    :root{
        --gabi-font-page-title:24px;
        --gabi-font-section-title:17px;
        --gabi-font-body:14px;
        --gabi-font-control:13px;
        --gabi-font-label:12px;
        --gabi-font-small:11px;
    }

    .crm-content table td,
    .cp-table td,
    .dm-table td,
    .ca-table td,
    .dv-table td{
        font-size:13px!important;
    }
}

/* GABI_TIPOGRAFIA_V2_PATCH_1A_INICIO */

/*
|--------------------------------------------------------------------------
| Gabi V2 — legibilidade operacional
|--------------------------------------------------------------------------
*/

:root {
    --gabi-font-page-title: 28px;
    --gabi-font-section-title: 18px;
    --gabi-font-card-title: 16px;

    --gabi-font-body: 15px;
    --gabi-font-control: 14px;
    --gabi-font-label: 13px;
    --gabi-font-small: 12px;
    --gabi-font-micro: 11px;

    --gabi-font-table: 14px;
    --gabi-font-table-head: 12px;

    --gabi-line-body: 1.5;
    --gabi-line-small: 1.42;
}

body.gabi-shell-v2,
body.gabi-shell-v2 .crm-wrap,
body.gabi-shell-v2 .crm-main,
body.gabi-shell-v2 .crm-content {
    font-size: var(--gabi-font-body) !important;
    line-height: var(--gabi-line-body) !important;
}

body.gabi-shell-v2 .crm-content h1,
body.gabi-shell-v2 .gabi-page-header-title {
    font-size: var(--gabi-font-page-title) !important;
    line-height: 1.15 !important;
}

body.gabi-shell-v2 .crm-content h2 {
    font-size: var(--gabi-font-section-title) !important;
}

body.gabi-shell-v2 .crm-content h3 {
    font-size: var(--gabi-font-card-title) !important;
}

body.gabi-shell-v2 .crm-content label,
body.gabi-shell-v2 .form-label {
    font-size: var(--gabi-font-label) !important;
    line-height: 1.35 !important;
}

body.gabi-shell-v2 .crm-content input,
body.gabi-shell-v2 .crm-content select,
body.gabi-shell-v2 .crm-content textarea,
body.gabi-shell-v2 .form-control {
    font-size: var(--gabi-font-body) !important;
    line-height: 1.35 !important;
}

body.gabi-shell-v2 .crm-content button,
body.gabi-shell-v2 .crm-content .btn,
body.gabi-shell-v2 .crm-content .gabi-ui-button {
    font-size: var(--gabi-font-control) !important;
}

body.gabi-shell-v2 .crm-content table td {
    font-size: var(--gabi-font-table) !important;
    line-height: 1.45 !important;
}

body.gabi-shell-v2 .crm-content table th {
    font-size: var(--gabi-font-table-head) !important;
    line-height: 1.3 !important;
    letter-spacing: .035em !important;
}

body.gabi-shell-v2 .crm-sidebar,
body.gabi-shell-v2 .sidebar,
body.gabi-shell-v2 .sidebar a,
body.gabi-shell-v2 .sidebar button,
body.gabi-shell-v2 .crm-topbar,
body.gabi-shell-v2 .topbar {
    font-size: 14px !important;
}

body.gabi-shell-v2 .nav-item,
body.gabi-shell-v2 .sidebar-nav-colorida .nav-item {
    font-size: 14px !important;
}

body.gabi-shell-v2 .sidebar-logo .logo-text strong {
    font-size: 15px !important;
}

body.gabi-shell-v2 .sidebar-logo .logo-text span,
body.gabi-shell-v2 .user-info span,
body.gabi-shell-v2 .topbar-breadcrumb {
    font-size: 12px !important;
}

body.gabi-shell-v2 .topbar-title {
    font-size: 18px !important;
}

@media (max-width: 760px) {
    :root {
        --gabi-font-page-title: 25px;
        --gabi-font-section-title: 18px;
        --gabi-font-card-title: 16px;
        --gabi-font-body: 15px;
        --gabi-font-control: 14px;
        --gabi-font-label: 13px;
        --gabi-font-small: 12px;
        --gabi-font-table: 14px;
        --gabi-font-table-head: 12px;
    }
}

/* GABI_TIPOGRAFIA_V2_PATCH_1A_FIM */