/* ==========================================================================
   USE IMPLANTAR · tema da marca do painel (Dev 2 · Telas · 22/10/2026)
   Carregado POR ÚLTIMO em templates/admin/painel.html, login.html e login2.html.
   Só aparência: nenhuma regra aqui muda dado, rota ou comportamento.
   Tokens: ../marcos/marca/tokens.json. Para voltar ao visual antigo, basta
   tirar o <link> deste arquivo dos templates.
   ========================================================================== */

/* ---------- 1. Fontes servidas pelo próprio servidor (OFL) ---------- */
@font-face{font-family:"Sora";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/sora-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Sora";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/sora-latin-ext-400-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Sora";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/sora-latin-600-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Sora";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/sora-latin-ext-600-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Sora";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/sora-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Sora";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/sora-latin-ext-700-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/inter-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/inter-latin-ext-400-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/inter-latin-500-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/inter-latin-ext-500-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- 2. Tokens (claro e escuro) ---------- */
:root, [data-bs-theme=light]{
	--ui-brand:#16B36A; --ui-brand-hover:#12A05E; --ui-on-brand:#0B1F14;
	--ui-brand-text:#0E7D49; --ui-brand-tint:#E8FBF1;
	--ui-graphite:#1F2933; --ui-on-graphite:#E8FBF1;
	--ui-surface:#F5F7FA; --ui-raised:#FFFFFF; --ui-ink:#1F2933; --ui-muted:#616E7C; --ui-border:#E4E7EB;
	--ui-amber:#FFB020; --ui-amber-text:#8A5A00; --ui-amber-tint:#FFF4DB;
	--ui-info:#1F4FBF; --ui-info-tint:#E3ECFF; --ui-danger:#A32D2D; --ui-danger-tint:#FDE8E8;
	--ui-r-sm:6px; --ui-r-md:10px; --ui-r-lg:16px;
	--ui-display:"Sora", system-ui, sans-serif; --ui-sans:"Inter", system-ui, sans-serif;
	--ui-focus:0 0 0 3px rgba(22,179,106,.35);
}
[data-bs-theme=dark]{
	--ui-brand-hover:#22C55E; --ui-brand-text:#5FD69A; --ui-brand-tint:#0B3D25;
	--ui-surface:#1F2933; --ui-raised:#323F4B; --ui-ink:#E8FBF1; --ui-muted:#9AA5B1; --ui-border:#3E4C59;
	--ui-amber-text:#FFC14D; --ui-amber-tint:#4A3300; --ui-info:#8DB1FF; --ui-info-tint:#1B2F5C;
	--ui-danger:#FF9C9C; --ui-danger-tint:#4D1A1A;
}

/* Variáveis do Metronic/Bootstrap apontando para a marca */
:root, [data-bs-theme=light], [data-bs-theme=dark]{
	--bs-font-sans-serif:var(--ui-sans); --bs-body-font-family:var(--ui-sans);
	--bs-primary:var(--ui-brand); --bs-primary-rgb:22,179,106; --bs-primary-active:var(--ui-brand-hover);
	--bs-primary-light:var(--ui-brand-tint); --bs-primary-inverse:var(--ui-on-brand);
	--bs-primary-text-emphasis:var(--ui-brand-text); --bs-primary-bg-subtle:var(--ui-brand-tint);
	--bs-success:var(--ui-brand-text); --bs-success-rgb:14,125,73; --bs-success-active:var(--ui-brand-text);
	--bs-success-light:var(--ui-brand-tint); --bs-success-inverse:#FFFFFF;
	--bs-info:var(--ui-info); --bs-info-light:var(--ui-info-tint); --bs-info-inverse:#FFFFFF;
	--bs-warning:var(--ui-amber); --bs-warning-light:var(--ui-amber-tint); --bs-warning-inverse:var(--ui-on-brand);
	--bs-danger:var(--ui-danger); --bs-danger-light:var(--ui-danger-tint);
	--bs-body-bg:var(--ui-raised); --bs-body-color:var(--ui-ink);
	--bs-app-bg-color:var(--ui-surface); --bs-app-header-base-bg-color:var(--ui-raised);
	--bs-app-header-sticky-bg-color:var(--ui-raised); --bs-app-sidebar-base-bg-color:var(--ui-raised);
	--bs-border-color:var(--ui-border); --bs-gray-200:var(--ui-border);
	--bs-link-color:var(--ui-brand-text); --bs-link-hover-color:var(--ui-brand-text);
	--bs-text-primary:var(--ui-brand-text); --bs-component-active-bg:var(--ui-brand); --bs-component-active-color:var(--ui-on-brand);
}
[data-bs-theme=light]{ --bs-body-bg-rgb:255,255,255; --bs-body-color-rgb:31,41,51 }

/* ---------- 3. Base e tipografia ---------- */
html, body{ font-family:var(--ui-sans) !important; color:var(--ui-ink) }
body, #kt_app_body, .app-page, .app-wrapper{ background:var(--ui-surface) !important }
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5, .card-title, .card-label, .page-title, .modal-title,
.atlas-hero-titulo, .atlas-pill-valor, .fs-2hx, .fs-3x, .display-1, .display-2{
	font-family:var(--ui-display) !important; letter-spacing:-.01em; color:inherit
}
h1, .h1, h2, .h2, h3, .h3, .card-title, .card-label{ font-weight:600 !important }
.text-primary, a.text-primary, .text-hover-primary:hover{ color:var(--ui-brand-text) !important }
.text-success{ color:var(--ui-brand-text) !important }
a{ color:var(--ui-brand-text) }
.text-muted, .text-gray-500, .text-gray-600{ color:var(--ui-muted) !important }
:focus-visible{ outline:none; box-shadow:var(--ui-focus) !important; border-radius:var(--ui-r-sm) }

/* Desliga a CAIXA ALTA forçada do implantar-ui.css: o dado aparece como foi digitado.
   Selos (.badge) continuam em caixa alta curta, que é o padrão de selo da marca. */
#kt_app_main, #kt_app_main .text-uppercase, .inputs-uppercase input, .inputs-uppercase textarea,
#kt_app_main input.text-uppercase, #kt_app_main .form-control, #kt_app_main .select2-selection__rendered,
#kt_app_main .dataTable td, #kt_app_main .dataTable td *{ text-transform:none !important }

/* ---------- 4. Topo ---------- */
#kt_app_header{
	background:var(--ui-raised) !important; border-bottom:1px solid var(--ui-border); box-shadow:none !important
}
#kt_app_header h2{ font-family:var(--ui-sans) !important; font-size:14px; font-weight:500 !important; color:var(--ui-muted) }
.ui-logo{ display:inline-flex; align-items:center; gap:10px; text-decoration:none !important; min-height:44px }
.ui-logo svg{ width:36px; height:36px; flex:0 0 36px; display:block }
.ui-logo-nome{ font-family:var(--ui-display); font-size:19px; line-height:1; color:var(--ui-ink); white-space:nowrap }
.ui-logo-nome span{ font-weight:400; color:var(--ui-muted) }
.ui-logo-nome b{ font-weight:700; color:var(--ui-ink) }
.ui-logo .ui-simbolo-escuro{ display:none }
[data-bs-theme=dark] .ui-logo .ui-simbolo-claro{ display:none }
[data-bs-theme=dark] .ui-logo .ui-simbolo-escuro{ display:block }
@media (max-width:420px){ .ui-logo-nome{ font-size:16px } .ui-logo svg{ width:32px; height:32px; flex-basis:32px } }

/* ---------- 5. Menu lateral ---------- */
#kt_app_sidebar{ background:var(--ui-raised) !important; border-right:1px solid var(--ui-border) }
#kt_app_sidebar .menu-link, .menu-sub-dropdown .menu-link{
	border-radius:var(--ui-r-md) !important; min-height:44px; color:var(--ui-ink) !important; font-weight:500
}
#kt_app_sidebar .menu-title, .menu-sub-dropdown .menu-title{ color:var(--ui-ink) !important; font-family:var(--ui-sans) }
#kt_app_sidebar .menu-icon i, .menu-sub-dropdown .menu-icon i{ color:var(--ui-muted) !important }
#kt_app_sidebar .menu-link:hover, .menu-sub-dropdown .menu-link:hover,
#kt_app_sidebar .menu-item.hover > .menu-link{ background:var(--ui-surface) !important }
#kt_app_sidebar .menu-link.active, .menu-sub-dropdown .menu-link.active,
#kt_app_sidebar .menu-item.here > .menu-link, #kt_app_sidebar .menu-item.show > .menu-link{
	background:var(--ui-brand-tint) !important
}
#kt_app_sidebar .menu-link.active .menu-title, #kt_app_sidebar .menu-link.active .menu-icon i,
#kt_app_sidebar .menu-item.here > .menu-link .menu-title, #kt_app_sidebar .menu-item.show > .menu-link .menu-title,
#kt_app_sidebar .menu-item.show > .menu-link .menu-icon i{ color:var(--ui-brand-text) !important; font-weight:600 }
#kt_app_sidebar .bullet-dot{ background-color:var(--ui-muted) !important }
#kt_app_sidebar .separator, .menu-sub-dropdown .separator{ border-color:var(--ui-border) !important }
.ui-menu-secao{ font-family:var(--ui-display); font-size:11px; font-weight:600; letter-spacing:.08em;
	text-transform:uppercase; color:var(--ui-muted); padding:16px 16px 6px }

/* Itens de módulo opcional: ficam no arquivo, marcados, e somem enquanto o módulo estiver desligado */
[data-modulo][hidden]{ display:none !important }

/* ---------- 6. Botões ---------- */
.btn{ border-radius:var(--ui-r-md) !important; font-family:var(--ui-display); font-weight:600 !important }
.btn:not(.btn-sm):not(.btn-icon):not(.btn-close){ min-height:44px }
.btn.btn-primary, .btn.btn-success, .btn-check:checked + .btn.btn-primary{
	background-color:var(--ui-brand) !important; border-color:var(--ui-brand) !important; color:var(--ui-on-brand) !important
}
.btn.btn-primary i, .btn.btn-success i{ color:var(--ui-on-brand) !important }
.btn.btn-primary:hover:not(.btn-active), .btn.btn-primary:focus, .btn.btn-success:hover:not(.btn-active){
	background-color:var(--ui-brand-hover) !important; border-color:var(--ui-brand-hover) !important; color:var(--ui-on-brand) !important
}
.btn.btn-secondary, .btn.btn-light, .btn.btn-light-secondary{
	background:var(--ui-raised) !important; border:1px solid var(--ui-border) !important; color:var(--ui-ink) !important
}
.btn.btn-secondary i, .btn.btn-light i{ color:var(--ui-ink) !important }
.btn.btn-secondary:hover, .btn.btn-light:hover{ border-color:var(--ui-ink) !important; background:var(--ui-surface) !important }
.btn.btn-light-primary, .btn.btn-light-success{
	background:var(--ui-brand-tint) !important; color:var(--ui-brand-text) !important; border:0
}
.btn.btn-light-primary i, .btn.btn-light-success i{ color:var(--ui-brand-text) !important }
.btn.btn-info{ background:var(--ui-info) !important; border-color:var(--ui-info) !important; color:#fff !important }
.btn.btn-danger{ background:var(--ui-danger) !important; border-color:var(--ui-danger) !important; color:#fff !important }
.btn.btn-warning{ background:var(--ui-amber) !important; border-color:var(--ui-amber) !important; color:var(--ui-on-brand) !important }

/* ---------- 7. Cards ---------- */
.card{
	background:var(--ui-raised) !important; border:1px solid var(--ui-border) !important;
	border-radius:var(--ui-r-lg) !important; box-shadow:none !important
}
.card .card-header{ border-bottom:1px solid var(--ui-border) !important; min-height:64px }
.card .card-footer{ border-top:1px solid var(--ui-border) !important }
#kt_app_main textarea.card{ border-radius:var(--ui-r-md) !important } /* textarea com a classe .card */

/* ---------- 8. Formulários ---------- */
.form-control, .form-select, .select2-container--bootstrap5 .select2-selection{
	background-color:var(--ui-raised) !important; border:1px solid var(--ui-border) !important;
	border-radius:var(--ui-r-md) !important; color:var(--ui-ink) !important; font-family:var(--ui-sans);
	min-height:44px; box-shadow:none !important
}
.form-control.form-control-solid, .form-select.form-select-solid{ background-color:var(--ui-raised) !important }
.form-control:focus, .form-select:focus, .select2-container--focus .select2-selection,
.select2-container--open .select2-selection{ border-color:var(--ui-brand) !important; box-shadow:var(--ui-focus) !important }
.form-control::placeholder{ color:var(--ui-muted); opacity:.75 }
.col-form-label, .form-label, label > .mb-3{ font-weight:500 !important; color:var(--ui-ink) !important; font-size:14px }
.form-check-input:checked{ background-color:var(--ui-brand) !important; border-color:var(--ui-brand) !important }
.nav-line-tabs .nav-link.active, .nav-line-tabs .nav-link:hover{ color:var(--ui-brand-text) !important; border-bottom-color:var(--ui-brand) !important }
.nav-line-tabs .nav-link{ color:var(--ui-muted) !important; font-weight:500 !important; min-height:44px; display:inline-flex; align-items:center }

/* ---------- 9. Tabelas ---------- */
.table{ --bs-table-bg:transparent; color:var(--ui-ink) }
.table thead th, table.dataTable thead th{
	font-family:var(--ui-display); font-size:12px !important; font-weight:600 !important; letter-spacing:.04em;
	text-transform:uppercase; color:var(--ui-muted) !important; border-bottom:1px solid var(--ui-border) !important
}
.table tbody tr{ border-bottom:1px solid var(--ui-border) }
.table tbody tr:hover{ background:var(--ui-surface) }
.page-item.active .page-link{ background:var(--ui-brand) !important; border-color:var(--ui-brand) !important; color:var(--ui-on-brand) !important }
.page-link{ color:var(--ui-ink) !important; border-radius:var(--ui-r-sm) !important }

/* ---------- 10. Selos ---------- */
.badge{ border-radius:var(--ui-r-sm) !important; font-family:var(--ui-display); font-weight:600 !important }
.badge-light-primary, .badge-light-success{ background:var(--ui-brand-tint) !important; color:var(--ui-brand-text) !important }
.badge-light-info{ background:var(--ui-info-tint) !important; color:var(--ui-info) !important }
.badge-light-warning{ background:var(--ui-amber-tint) !important; color:var(--ui-amber-text) !important }
.badge-light-danger{ background:var(--ui-danger-tint) !important; color:var(--ui-danger) !important }
.badge-light-secondary, .badge-secondary{ background:var(--ui-surface) !important; color:var(--ui-ink) !important }
.badge-primary, .badge-success{ background:var(--ui-brand) !important; color:var(--ui-on-brand) !important }

/* ---------- 11. Dashboard: cabeçalho e faixas na cor da marca (âmbar só em alerta) ---------- */
.atlas-hero{ background:var(--ui-graphite) !important; box-shadow:none !important }
.atlas-hero-brilho{ background:radial-gradient(circle,rgba(22,179,106,.18) 0%,rgba(22,179,106,0) 70%) !important }
.atlas-hero-regua{ background:var(--ui-brand) !important }
.atlas-hero-titulo{ color:var(--ui-on-graphite) !important; text-transform:none !important }
.atlas-hero-titulo span{ color:#5FD69A !important }
.atlas-hero-sub, .atlas-hero-data{ color:rgba(232,251,241,.75) !important; text-transform:none !important }
.atlas-pill{ background:rgba(232,251,241,.06) !important; border-color:rgba(232,251,241,.14) !important }
.atlas-pill-valor{ color:var(--ui-on-graphite) !important }
.atlas-pill-rot{ color:rgba(232,251,241,.7) !important }
.atlas-faixa{ background:transparent !important; box-shadow:none !important; padding:4px 0 !important; border-bottom:1px solid var(--ui-border); border-radius:0 !important }
.atlas-faixa::after, .atlas-faixa::before{ display:none !important }
.atlas-faixa, .atlas-faixa *{ color:var(--ui-ink) !important; font-family:var(--ui-display) }

/* ---------- 12. Rodapé ---------- */
#kt_app_footer{ background:var(--ui-raised) !important; border-top:1px solid var(--ui-border); color:var(--ui-muted); font-size:13px }
#kt_app_footer a{ color:var(--ui-muted) !important }

/* ---------- 13. Botão de WhatsApp (lista e fichas) ---------- */
.ui-wa{
	display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:44px; min-width:44px;
	padding:0 14px; border-radius:var(--ui-r-md); border:1px solid var(--ui-border); background:var(--ui-raised);
	color:var(--ui-brand-text) !important; font-family:var(--ui-display); font-weight:600; font-size:14px;
	text-decoration:none !important; text-transform:none !important; white-space:nowrap; vertical-align:middle
}
.ui-wa:hover{ background:var(--ui-brand-tint); border-color:var(--ui-brand) }
.ui-wa svg{ width:18px; height:18px; flex:0 0 18px }
.ui-wa[aria-disabled=true]{ display:none !important }
.ui-wa.ui-wa-icone{ padding:0; width:44px }
.ui-wa.ui-wa-icone .ui-wa-txt{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0) }
.ui-wa-campo{ margin-top:8px }

/* ---------- 14. Celular (até 767 px) ---------- */
@media (max-width:767.98px){
	/* tabela com rolagem própria em vez de estourar a tela */
	.dataTables_wrapper, .dt-container, .table-responsive, #kt_app_main .card-body:has(> table),
	#kt_app_main .card-body:has(> .table), #kt_app_main div:has(> table.table){
		overflow-x:auto; -webkit-overflow-scrolling:touch; max-width:100%
	}
	#kt_app_main table.table{ min-width:560px }
	/* alvo de toque de 44 px */
	.btn, .btn.btn-sm, .page-link, .menu-link, .form-check-input{ min-height:44px }
	.btn.btn-sm{ padding-top:10px; padding-bottom:10px }
	.form-check-input{ min-width:22px; min-height:22px }
	.card .card-header{ flex-wrap:wrap; gap:8px; padding-top:12px; padding-bottom:12px }
	.card .card-header .card-title{ font-size:18px }
	.card-footer{ flex-wrap:wrap; gap:8px }
	#kt_app_main{ overflow-x:hidden }
	.app-container.container-fluid{ padding-left:16px !important; padding-right:16px !important }
	#kt_app_header .btn-nome{ display:none }
}

/* ---------- 15. Login (templates/admin/login.html e login2.html) ---------- */
body.ui-login{ background:var(--ui-surface) !important; min-height:100vh; margin:0 }
.ui-login-grade{ min-height:100vh; display:grid; grid-template-columns:1fr }
.ui-login-marca{ display:none }
.ui-login-lado{ display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px 16px 40px; gap:24px }
.ui-login-topo{ width:100%; max-width:440px; display:flex; justify-content:flex-start }
.ui-login-card{
	width:100%; max-width:440px; background:var(--ui-raised); border:1px solid var(--ui-border);
	border-radius:var(--ui-r-lg); padding:32px 24px
}
.ui-login-card h1{ font-family:var(--ui-display) !important; font-weight:700 !important; font-size:28px; line-height:36px; margin:0 0 8px; color:var(--ui-ink) }
.ui-login-card .ui-login-sub{ color:var(--ui-muted); font-size:16px; line-height:24px; margin:0 0 24px }
.ui-login-card .separator{ display:none }
.ui-login-card .form-control{ min-height:52px; font-size:16px }
.ui-login-card .btn-primary{ min-height:52px; font-size:16px; width:100% }
.ui-login-card .login-password{ position:relative }
.ui-login-card .login-password i.las{ position:absolute; right:14px; top:46px; font-size:20px; cursor:pointer; color:var(--ui-muted) }
.ui-login-esqueci{ color:var(--ui-brand-text) !important; font-weight:600; font-family:var(--ui-display); display:inline-flex; align-items:center; min-height:44px }
.ui-login-rodape{ color:var(--ui-muted); font-size:13px; text-align:center }
.ui-login-rodape a{ color:var(--ui-muted) !important }
.ui-funil{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:32px }
.ui-funil span{ background:#323F4B; color:var(--ui-on-graphite); border-radius:var(--ui-r-md); padding:10px 14px; font-family:var(--ui-display); font-size:14px; font-weight:600 }
.ui-funil span.fim{ background:var(--ui-brand); color:var(--ui-on-brand) }
.ui-funil i{ color:var(--ui-brand); font-style:normal; font-family:var(--ui-display); font-weight:700; letter-spacing:-2px }
@media (min-width:900px){
	.ui-login-grade{ grid-template-columns:minmax(0,1fr) minmax(0,1fr) }
	.ui-login-marca{
		display:flex; flex-direction:column; justify-content:space-between; background:var(--ui-graphite);
		color:var(--ui-on-graphite); padding:48px 64px
	}
	.ui-login-marca .ui-logo-nome span{ color:#9AA5B1 }
	.ui-login-marca .ui-logo-nome b{ color:var(--ui-on-graphite) }
	.ui-login-marca h2{ font-family:var(--ui-display) !important; font-size:40px; line-height:48px; font-weight:700 !important; color:var(--ui-on-graphite); margin:0 0 16px; max-width:520px }
	.ui-login-marca p{ font-size:18px; line-height:28px; color:rgba(232,251,241,.78); max-width:480px; margin:0 }
	.ui-login-marca small{ color:rgba(232,251,241,.6); font-size:13px }
	.ui-login-topo{ display:none }
	.ui-login-card{ padding:40px }
}
.ui-login-marca .ui-simbolo-claro{ display:none !important }
.ui-login-marca .ui-simbolo-escuro{ display:block !important }
.ui-login-card .message:empty{ display:none }
.ui-login-card .message .alert{ border-radius:var(--ui-r-md) }

/* ---------- 16. Ajustes da primeira revisão (22/10/2026) ---------- */
/* Texto legível: o proteu-layout.css reduzia o painel inteiro a 75% (zoom), e o texto de 13 px virava ~10 px. */
#kt_app_header, #kt_app_sidebar, #kt_app_main, #kt_app_footer{ zoom:1 !important }
/* Menu lateral com nome dos itens (era uma barra de 80 px só com ícones e títulos cortados) */
@media (min-width:992px){
	:root, [data-kt-app-sidebar-enabled=true]{ --bs-app-sidebar-width:248px; --lwdk-lateral-menu-width:248px }
	#kt_app_sidebar{ width:248px !important; flex:0 0 248px }
	#kt_app_sidebar .app-sidebar-navbar{ padding:8px 12px }
	#kt_app_sidebar .menu-title{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
}
/* Papel único da marca nas fichas, listas e dashboard */
#kt_app_main, html:not([data-bs-theme="dark"]) #kt_app_main:has(> #menu-dash){ --pv-paper:var(--ui-surface) !important }
html[data-bs-theme="dark"] #kt_app_main{ --pv-paper:var(--ui-surface) !important }
#kt_app_main:has(> .card.mb-5.mb-xl-10:not(.inputs-uppercase) > .card-body > .dataTables_wrapper){ --pv-paper:var(--ui-raised) !important }
/* Filete das faixas de seção: verde (âmbar fica só para alerta) */
.atlas-faixa-marca{ background:var(--ui-brand) !important }
/* Espaço entre "Use" e "Implantar" (o minificador do HTML tira o espaço entre as tags) */
.ui-logo-nome b{ margin-left:.26em }
/* Topo no celular: sem estourar a largura (abaixo de 120 px o logo vira só o símbolo, como pede o guia) */
@media (max-width:480px){
	#kt_app_header .ui-logo-nome{ display:none }
	#kt_app_header .app-navbar-item{ margin-left:4px !important; margin-right:0 !important }
	#kt_app_header .btn{ padding-left:10px !important; padding-right:10px !important; margin-left:2px !important; margin-right:2px !important }
	#kt_app_header_container{ gap:6px; padding-left:12px !important; padding-right:12px !important }
	#kt_app_header .ms-4.d-lg-none.me-7{ margin-right:10px !important; margin-left:0 !important }
}