/* APAS-V2.4.8-PALETA-V2
 * Visual-only override for APAS.
 * No layout, route, database, controller, service-worker or PWA behavior changes.
 */

:root {
    --apas-navy: #173f52;
    --apas-navy-deep: #123443;
    --apas-petrol: #1f7087;
    --apas-primary: #248ca4;
    --apas-primary-dark: #196c80;
    --apas-cyan: #35afc7;
    --apas-cyan-soft: #e9f8fb;
    --apas-red: #dc4d57;
    --apas-red-soft: #fff0f1;
    --apas-success: #2f8a68;
    --apas-success-soft: #e9f7f0;
    --apas-warning: #c98625;
    --apas-warning-soft: #fff5df;
    --apas-danger: #cf4650;
    --apas-danger-soft: #fdecee;
    --apas-info-soft: #eaf5fa;
    --apas-bg: #f3f8fa;
    --apas-card: #ffffff;
    --apas-text: #263f4c;
    --apas-muted: #6b8190;
    --apas-border: #d5e3e9;
    --apas-shadow: 0 14px 36px rgba(23, 63, 82, .10);
}

/* Global APAS surfaces --------------------------------------------------- */
body.apas-app,
body.apas-login-page {
    color: var(--apas-text);
    background-color: var(--apas-bg);
}

body.apas-login-page {
    background:
        radial-gradient(circle at 10% 10%, rgba(53, 175, 199, .11), transparent 29%),
        radial-gradient(circle at 88% 2%, rgba(220, 77, 87, .055), transparent 24%),
        linear-gradient(145deg, #f8fbfc 0%, #eef7f9 52%, #f7fafb 100%);
}

/* Login ----------------------------------------------------------------- */
.apas-login-card {
    border-color: #cfdee5;
    background: rgba(255, 255, 255, .985);
    box-shadow: var(--apas-shadow);
}

.apas-login-copy h1,
.apas-login-card h1 {
    color: var(--apas-navy);
}

.apas-login-copy p,
.apas-login-card .text-muted,
.apas-login-card small {
    color: var(--apas-muted);
}

.apas-login-card .apas-kicker,
.apas-login-card .apas-login-kicker,
.apas-login-card .apas-eyebrow,
.apas-login-card [class*="kicker"],
.apas-login-card [class*="eyebrow"] {
    color: var(--apas-petrol);
}

.apas-form-group label,
.apas-login-form label {
    color: #294a59;
}

.apas-control,
.apas-login-form input,
.apas-login-form select {
    border-color: #c8dce4;
    background: #ffffff;
    color: var(--apas-text);
}

.apas-control:hover,
.apas-login-form input:hover,
.apas-login-form select:hover {
    border-color: #a9ccd7;
}

.apas-control:focus,
.apas-login-form input:focus,
.apas-login-form select:focus {
    border-color: var(--apas-cyan);
    box-shadow: 0 0 0 3px rgba(53, 175, 199, .14);
}

.apas-control:disabled,
.apas-control[readonly],
.apas-login-form input:disabled,
.apas-login-form input[readonly] {
    background: #eef5f8;
    color: #718896;
    border-color: #d4e2e8;
}

.apas-input-icon,
.apas-login-card .fa,
.apas-login-card [class*="icon"] {
    color: #7295a4;
}

.apas-login-submit,
.apas-btn-primary,
.apas-login-card button[type="submit"] {
    border-color: transparent;
    background: linear-gradient(135deg, var(--apas-petrol) 0%, var(--apas-primary) 58%, #2b9db5 100%);
    color: #ffffff;
    box-shadow: 0 7px 18px rgba(31, 112, 135, .16);
}

.apas-login-submit:hover,
.apas-btn-primary:hover,
.apas-login-card button[type="submit"]:hover {
    background: linear-gradient(135deg, #195e72 0%, #207f96 58%, #278fa5 100%);
    border-color: transparent;
    color: #ffffff;
    box-shadow: 0 9px 22px rgba(31, 112, 135, .22);
}

/* PWA install card - supports the class variants used by APAS revisions. */
.apas-login-card .apas-pwa-card,
.apas-login-card .apas-install-card,
.apas-login-card .apas-login-install,
.apas-login-card .apas-pwa-install,
.apas-login-card .apas-install-box,
.apas-login-card [data-apas-pwa] {
    background: linear-gradient(135deg, #f0f9fb 0%, #e9f6fa 100%);
    border-color: #c4e0e8;
}

.apas-login-card .apas-pwa-card button,
.apas-login-card .apas-install-card button,
.apas-login-card .apas-login-install button,
.apas-login-card .apas-pwa-install button,
.apas-login-card [data-apas-pwa] button {
    background: #ffffff;
    border-color: #9ecbd8;
    color: var(--apas-primary-dark);
}

.apas-login-card .apas-pwa-card button:hover,
.apas-login-card .apas-install-card button:hover,
.apas-login-card .apas-login-install button:hover,
.apas-login-card .apas-pwa-install button:hover,
.apas-login-card [data-apas-pwa] button:hover {
    background: var(--apas-cyan-soft);
    border-color: var(--apas-primary);
    color: var(--apas-navy);
}

/* Institutional / hero panel ------------------------------------------- */
.apas-login-hero,
.apas-login-promo,
.apas-login-showcase,
.apas-login-visual,
.apas-hero-panel,
.apas-promo-panel {
    background-color: #e7f4f8;
}

.apas-login-hero h2,
.apas-login-promo h2,
.apas-login-showcase h2,
.apas-hero-panel h2,
.apas-promo-panel h2 {
    color: #194c60;
}

.apas-login-hero::before,
.apas-login-promo::before,
.apas-login-showcase::before,
.apas-hero-panel::before,
.apas-promo-panel::before {
    background: var(--apas-red);
}

/* Main application ------------------------------------------------------ */
.apas-sidebar {
    background: linear-gradient(180deg, #153f50 0%, #123847 58%, #102f3d 100%);
}

.apas-nav-item.active,
.apas-nav-item[aria-current="page"] {
    background: linear-gradient(90deg, rgba(53, 175, 199, .24), rgba(53, 175, 199, .09));
    color: #ffffff;
    box-shadow: inset 3px 0 0 var(--apas-red);
}

.apas-nav-item:hover {
    background: rgba(53, 175, 199, .12);
}

.apas-topbar {
    border-bottom-color: #dce9ee;
    background: rgba(255, 255, 255, .97);
}

.apas-page-header h1,
.apas-card-header h2,
.apas-modal-header h3 {
    color: var(--apas-navy);
}

.apas-page-header p,
.apas-card-header p,
.apas-modal-kicker {
    color: var(--apas-muted);
}

.apas-card,
.apas-modal-dialog {
    border-color: #d7e5ea;
    box-shadow: 0 10px 28px rgba(23, 63, 82, .075);
}

.apas-card-header,
.apas-modal-header {
    background: linear-gradient(180deg, #f8fcfd 0%, #f0f8fa 100%);
    border-bottom-color: #dce9ee;
}

.apas-card-counter {
    background: var(--apas-cyan-soft);
    color: var(--apas-primary-dark);
}

.apas-table th {
    background: #edf7fa;
    color: #476676;
    border-bottom-color: #d7e8ed;
}

.apas-table tbody tr:hover td {
    background: #f8fcfd;
}

.apas-status-success,
.apas-status-paid,
.apas-status-pago {
    background: var(--apas-success-soft);
    color: #236e53;
}

.apas-status-warning,
.apas-status-open,
.apas-status-aberto {
    background: var(--apas-warning-soft);
    color: #946017;
}

.apas-status-danger,
.apas-status-overdue,
.apas-status-vencido {
    background: var(--apas-danger-soft);
    color: #a93841;
}

.apas-btn-secondary {
    background: var(--apas-info-soft);
    border-color: #c8e2eb;
    color: #286d83;
}

.apas-btn-secondary:hover {
    background: #def1f6;
    border-color: #9fcbd8;
    color: #19576b;
}

.apas-btn-outline {
    background: #ffffff;
    border-color: #b7d0d9;
    color: #315d6d;
}

.apas-btn-outline:hover {
    background: var(--apas-cyan-soft);
    border-color: var(--apas-primary);
    color: var(--apas-navy);
}

.apas-toast {
    border-color: #b8dfd0;
    background: #f1fbf6;
    color: #246a51;
}

/* Small identity accent without changing layout. */
.apas-page-header::after,
.apas-card-header::after {
    border-color: var(--apas-red);
}

@media (max-width: 767px) {
    .apas-login-card {
        box-shadow: 0 8px 24px rgba(23, 63, 82, .08);
    }

    .apas-login-submit,
    .apas-login-card button[type="submit"] {
        box-shadow: 0 5px 14px rgba(31, 112, 135, .13);
    }

    .apas-card {
        box-shadow: 0 7px 20px rgba(23, 63, 82, .065);
    }
}

/* ======================================================================
 * APAS-V2.4.8.1-PALETA-MAIS-PRESENTE
 * Correcao visual sobre a V2.4.8.
 * A V2.4.8 estava correta tecnicamente, mas visualmente proxima demais da
 * paleta anterior e parte dos seletores era especifica demais.
 * Esta camada usa escopo APAS + seletores estruturais e !important somente
 * em propriedades visuais para garantir efeito perceptivel.
 * ====================================================================== */

:root {
    --apas-primary: #1889a6;
    --apas-primary-dark: #126a80;
    --apas-petrol: #17677d;
    --apas-cyan: #2fb2cf;
    --apas-cyan-strong: #1598b7;
    --apas-red: #df4453;
    --apas-red-dark: #bd3441;
    --apas-green: #278661;
    --apas-amber: #c9871f;
    --apas-bg: #f2f8fa;
    --apas-text: #203f4f;
}

/* Fundo: ainda claro, mas com duas familias de cor da marca. */
body.apas-login-page {
    background:
        radial-gradient(circle at 8% 8%, rgba(47, 178, 207, .18) 0, rgba(47, 178, 207, 0) 28%),
        radial-gradient(circle at 94% 20%, rgba(223, 68, 83, .10) 0, rgba(223, 68, 83, 0) 24%),
        linear-gradient(145deg, #f8fcfd 0%, #edf7fa 54%, #fff8f8 100%) !important;
}

/* Cabecalho do login: uma assinatura fina ciano -> vermelho. */
body.apas-login-page header,
body.apas-login-page [class*="login-header"],
body.apas-login-page [class*="auth-header"] {
    border-bottom-color: #cfe5eb !important;
    box-shadow: inset 0 -3px 0 rgba(47, 178, 207, .28) !important;
}

/* Card principal: melhora profundidade e cria acento da marca. */
body.apas-login-page .apas-login-card,
body.apas-login-page [class*="login-card"],
body.apas-login-page [class*="auth-card"] {
    position: relative;
    border-color: #c9dfe6 !important;
    background: rgba(255, 255, 255, .985) !important;
    box-shadow: 0 18px 42px rgba(25, 71, 89, .12) !important;
}

body.apas-login-page .apas-login-card::before,
body.apas-login-page [class*="login-card"]::before,
body.apas-login-page [class*="auth-card"]::before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 24px;
    right: 24px;
    height: 4px;
    border-radius: 0 0 6px 6px;
    background: linear-gradient(90deg, #27a9c6 0%, #27a9c6 72%, #df4453 72%, #df4453 100%);
    pointer-events: none;
}

/* Tipografia principal. */
body.apas-login-page h1 {
    color: #183f52 !important;
}

body.apas-login-page [class*="kicker"],
body.apas-login-page [class*="eyebrow"],
body.apas-login-page [class*="welcome"] {
    color: #137d98 !important;
}

/* Campos: deixam de parecer blocos azulados iguais ao restante da pagina. */
body.apas-login-page form input:not([type="hidden"]),
body.apas-login-page form select,
body.apas-login-page .apas-control {
    background: #fbfdfe !important;
    border-color: #bdd6df !important;
    color: #244553 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}

body.apas-login-page form input:not([type="hidden"]):hover,
body.apas-login-page form select:hover,
body.apas-login-page .apas-control:hover {
    border-color: #8fc6d4 !important;
}

body.apas-login-page form input:not([type="hidden"]):focus,
body.apas-login-page form select:focus,
body.apas-login-page .apas-control:focus {
    background: #ffffff !important;
    border-color: #24a5c3 !important;
    box-shadow: 0 0 0 3px rgba(36, 165, 195, .16) !important;
}

body.apas-login-page form input[readonly],
body.apas-login-page form input:disabled,
body.apas-login-page .apas-control[readonly],
body.apas-login-page .apas-control:disabled {
    background: #edf4f7 !important;
    border-color: #cfdee4 !important;
}

/* Botao principal: contraste real + pequeno acento vermelho da APAS. */
body.apas-login-page form button[type="submit"],
body.apas-login-page .apas-login-submit,
body.apas-login-page .apas-btn-primary {
    background: linear-gradient(100deg, #155c72 0%, #197b94 52%, #24a2be 100%) !important;
    border-color: #155c72 !important;
    color: #ffffff !important;
    box-shadow:
        inset 4px 0 0 #df4453,
        0 8px 20px rgba(21, 92, 114, .20) !important;
}

body.apas-login-page form button[type="submit"]:hover,
body.apas-login-page .apas-login-submit:hover,
body.apas-login-page .apas-btn-primary:hover {
    background: linear-gradient(100deg, #124f62 0%, #176d83 52%, #218fa8 100%) !important;
    box-shadow:
        inset 5px 0 0 #e64c5b,
        0 10px 24px rgba(21, 92, 114, .25) !important;
}

/* Card de instalacao/PWA: separa visualmente do formulario. */
body.apas-login-page [class*="pwa"],
body.apas-login-page [class*="install-card"],
body.apas-login-page [class*="install-box"],
body.apas-login-page [class*="login-install"],
body.apas-login-page [data-apas-pwa] {
    background: linear-gradient(110deg, #eaf8fb 0%, #f7fcfd 64%, #fff4f5 100%) !important;
    border-color: #b9dae3 !important;
    box-shadow: inset 3px 0 0 #2faac7 !important;
}

body.apas-login-page [class*="pwa"] button,
body.apas-login-page [class*="install-card"] button,
body.apas-login-page [class*="install-box"] button,
body.apas-login-page [class*="login-install"] button,
body.apas-login-page [data-apas-pwa] button {
    background: #ffffff !important;
    border-color: #80bfd0 !important;
    color: #126a80 !important;
}

/* Area institucional/hero: azul claro com calor discreto do vermelho APAS. */
body.apas-login-page [class*="hero"],
body.apas-login-page [class*="promo"],
body.apas-login-page [class*="showcase"],
body.apas-login-page [class*="institution"],
body.apas-login-page [class*="feature"],
body.apas-login-page [class*="care"] {
    background:
        radial-gradient(circle at 92% 12%, rgba(223, 68, 83, .09), transparent 25%),
        linear-gradient(135deg, #ddf2f7 0%, #eaf7fa 55%, #f9eeee 100%) !important;
}

body.apas-login-page [class*="hero"] h1,
body.apas-login-page [class*="hero"] h2,
body.apas-login-page [class*="promo"] h1,
body.apas-login-page [class*="promo"] h2,
body.apas-login-page [class*="showcase"] h1,
body.apas-login-page [class*="showcase"] h2,
body.apas-login-page [class*="institution"] h1,
body.apas-login-page [class*="institution"] h2,
body.apas-login-page [class*="feature"] h1,
body.apas-login-page [class*="feature"] h2 {
    color: #164f65 !important;
}

/* Aplicacao apos login: as cores passam a comunicar estado. */
body.apas-app .apas-sidebar {
    background: linear-gradient(180deg, #174d60 0%, #123f50 58%, #102f3d 100%) !important;
}

body.apas-app .apas-nav-item.active,
body.apas-app .apas-nav-item[aria-current="page"] {
    background: linear-gradient(90deg, rgba(47, 178, 207, .30), rgba(47, 178, 207, .10)) !important;
    box-shadow: inset 4px 0 0 #df4453 !important;
}

body.apas-app .apas-card-header,
body.apas-app .apas-modal-header {
    background: linear-gradient(100deg, #eaf7fa 0%, #f7fbfc 72%, #fff2f3 100%) !important;
    border-bottom-color: #cfe3e9 !important;
}

body.apas-app .apas-table th {
    background: #e5f3f7 !important;
    color: #315d6d !important;
}

body.apas-app .apas-status-success,
body.apas-app .apas-status-paid,
body.apas-app .apas-status-pago {
    background: #e4f5ec !important;
    color: #216e50 !important;
    border-color: #add8c6 !important;
}

body.apas-app .apas-status-warning,
body.apas-app .apas-status-open,
body.apas-app .apas-status-aberto {
    background: #fff2d8 !important;
    color: #946014 !important;
    border-color: #efd39c !important;
}

body.apas-app .apas-status-danger,
body.apas-app .apas-status-overdue,
body.apas-app .apas-status-vencido {
    background: #fde7ea !important;
    color: #a7323d !important;
    border-color: #efbbc1 !important;
}

@media (max-width: 767px) {
    body.apas-login-page .apas-login-card,
    body.apas-login-page [class*="login-card"],
    body.apas-login-page [class*="auth-card"] {
        box-shadow: 0 10px 28px rgba(25, 71, 89, .10) !important;
    }

    body.apas-login-page form button[type="submit"],
    body.apas-login-page .apas-login-submit {
        box-shadow:
            inset 4px 0 0 #df4453,
            0 6px 16px rgba(21, 92, 114, .18) !important;
    }
}

/* ======================================================================
 * APAS-V2.4.8.2-SELETORES-REAIS
 * Correcao baseada na auditoria do HTML real do login V2.4.x.
 * Apenas visual. Nao altera fluxo, PWA, rotas, banco ou JavaScript.
 * ====================================================================== */

body.apas-login-v240 {
    --apas-v2482-navy: #123f50;
    --apas-v2482-petrol: #176b82;
    --apas-v2482-cyan: #2aa8c1;
    --apas-v2482-cyan-strong: #1593ad;
    --apas-v2482-red: #dc4654;
    --apas-v2482-red-soft: #fff0f2;
    --apas-v2482-bg: #f0f7f9;
    --apas-v2482-border: #c9dfe6;
    background:
        radial-gradient(circle at 10% 4%, rgba(42,168,193,.16), transparent 28%),
        radial-gradient(circle at 92% 18%, rgba(220,70,84,.07), transparent 24%),
        linear-gradient(180deg, #f7fbfc 0%, #eef6f8 100%) !important;
    color: #294957;
}

body.apas-login-v240 .apas-public-header {
    background: #ffffff !important;
    border-bottom: 1px solid #d4e4e9 !important;
    box-shadow: inset 0 -3px 0 rgba(42,168,193,.22) !important;
}

body.apas-login-v240 .apas-header-context strong {
    color: var(--apas-v2482-navy) !important;
}

body.apas-login-v240 .apas-header-context span {
    color: #708691 !important;
}

body.apas-login-v240 .apas-access-main {
    background:
        linear-gradient(180deg, rgba(232,247,250,.62) 0%, rgba(247,251,252,.92) 100%) !important;
}

body.apas-login-v240 .apas-access-card {
    border-color: #cbdfe6 !important;
    background: #ffffff !important;
    box-shadow: 0 18px 46px rgba(18,63,80,.12) !important;
}

/* Painel institucional: mais identidade sem competir com a foto. */
body.apas-login-v240 .apas-welcome {
    background:
        radial-gradient(circle at 88% 8%, rgba(220,70,84,.10), transparent 25%),
        linear-gradient(155deg, #e7f5f8 0%, #dff1f6 64%, #edf7f9 100%) !important;
}

body.apas-login-v240 .apas-welcome-copy .apas-eyebrow {
    color: #147b93 !important;
}

body.apas-login-v240 .apas-welcome-copy .apas-eyebrow > span {
    background: var(--apas-v2482-red) !important;
}

body.apas-login-v240 .apas-welcome-copy h2 {
    color: var(--apas-v2482-navy) !important;
}

body.apas-login-v240 .apas-welcome-copy h2 em {
    color: #177f98 !important;
    font-style: normal !important;
}

body.apas-login-v240 .apas-welcome-copy > p:not(.apas-eyebrow) {
    color: #476a79 !important;
}

body.apas-login-v240 .apas-welcome-footer {
    background: linear-gradient(100deg, #15566b 0%, #196a80 72%, #1c7489 100%) !important;
    border-top: 3px solid rgba(220,70,84,.76) !important;
}

body.apas-login-v240 .apas-welcome-heart {
    color: #ffffff !important;
}

/* Painel de acesso: deixa de ser um grande bloco neutro. */
body.apas-login-v240 .apas-access-form-panel {
    background:
        linear-gradient(180deg, #ffffff 0%, #fbfdfe 55%, #f7fbfc 100%) !important;
    box-shadow: inset 0 4px 0 rgba(42,168,193,.78) !important;
}

body.apas-login-v240 .apas-access-intro .apas-eyebrow {
    color: #147f98 !important;
}

body.apas-login-v240 .apas-access-intro h1 {
    color: var(--apas-v2482-navy) !important;
}

body.apas-login-v240 .apas-access-intro > p:last-child {
    color: #687f8b !important;
}

body.apas-login-v240 .apas-access-field label {
    color: #2a4a58 !important;
}

body.apas-login-v240 .apas-field-wrap {
    background: #ffffff !important;
}

body.apas-login-v240 .apas-access-form input:not([type="hidden"]),
body.apas-login-v240 .apas-access-form select {
    background: #fbfdfe !important;
    border-color: #bdd5de !important;
    color: #284754 !important;
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease !important;
}

body.apas-login-v240 .apas-access-form input:not([type="hidden"]):hover,
body.apas-login-v240 .apas-access-form select:hover {
    border-color: #8fc5d2 !important;
}

body.apas-login-v240 .apas-access-form input:not([type="hidden"]):focus,
body.apas-login-v240 .apas-access-form select:focus {
    background: #ffffff !important;
    border-color: var(--apas-v2482-cyan) !important;
    box-shadow: 0 0 0 3px rgba(42,168,193,.16) !important;
    outline: none !important;
}

body.apas-login-v240 .apas-field-icon,
body.apas-login-v240 .apas-password-toggle {
    color: #7194a2 !important;
}

/* Botao real do login. */
body.apas-login-v240 .apas-access-submit {
    position: relative !important;
    overflow: hidden !important;
    background: linear-gradient(100deg, #15586d 0%, #18768e 52%, #27a4bd 100%) !important;
    border-color: #15586d !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(21,88,109,.22) !important;
}

body.apas-login-v240 .apas-access-submit::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 5px !important;
    background: var(--apas-v2482-red) !important;
}

body.apas-login-v240 .apas-access-submit:hover {
    background: linear-gradient(100deg, #124d60 0%, #17697e 52%, #2194aa 100%) !important;
    box-shadow: 0 10px 24px rgba(21,88,109,.28) !important;
}

/* Card real de instalacao PWA. */
body.apas-login-v240 .apas-install-card {
    background:
        linear-gradient(108deg, #e8f7fa 0%, #f7fcfd 68%, #fff1f3 100%) !important;
    border-color: #b9d9e2 !important;
    border-left: 4px solid var(--apas-v2482-cyan) !important;
    box-shadow: 0 6px 16px rgba(18,63,80,.07) !important;
}

body.apas-login-v240 .apas-install-card strong {
    color: #214b5b !important;
}

body.apas-login-v240 .apas-install-card p {
    color: #718793 !important;
}

body.apas-login-v240 .apas-install-card [data-apas-install] {
    background: #ffffff !important;
    border-color: #8fc5d2 !important;
    color: #156c82 !important;
}

body.apas-login-v240 .apas-install-card [data-apas-install]:hover {
    background: #e9f8fb !important;
    border-color: var(--apas-v2482-cyan-strong) !important;
    color: var(--apas-v2482-navy) !important;
}

body.apas-login-v240 .apas-access-note {
    color: #708792 !important;
}

body.apas-login-v240 .apas-access-note svg {
    color: #1687a0 !important;
    stroke: currentColor !important;
}

body.apas-login-v240 .apas-public-footer {
    color: #81929a !important;
}

body.apas-login-v240 .apas-powered {
    color: #587584 !important;
}

@media (max-width: 760px) {
    body.apas-login-v240 .apas-access-card {
        box-shadow: 0 9px 26px rgba(18,63,80,.09) !important;
    }

    body.apas-login-v240 .apas-access-form-panel {
        box-shadow: inset 0 3px 0 rgba(42,168,193,.76) !important;
    }

    body.apas-login-v240 .apas-welcome-copy h2 {
        letter-spacing: -.02em !important;
    }
}