/* =========================
   normalizador.css
   (carregar por último)
   ========================= */

/* ====== Page Header (Breadcrumb + Título + Subtítulo) ====== */
.kds-page-header {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  margin-bottom: 1rem;
  font-family: "Inter", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
}

.kds-breadcrumb {
  display: flex;
  align-items: center;
  gap: .35rem;
  font-size: 14px;
  color: #6b7280; /* text-600 */
}

.kds-breadcrumb .kds-breadcrumb-icon {
  color: #3C4962;
}

.kds-breadcrumb .kds-breadcrumb-sep {
  color: #9ca3af; /* text-500 */
}

.kds-breadcrumb .kds-breadcrumb-current {
  font-weight: 600;
  color: #3C4962;
}

.kds-page-titlebar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.kds-page-title {
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #3C4962 !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.kds-page-subtitle {
  margin-top: .25rem;
  color: #6b7280; /* text-600 */
  font-size: .95rem;
  font-family: inherit;
}

.kds-page-divider {
  margin-top: .75rem;

}

.kds-page-actions {
  display: flex;
  gap: .5rem;
  align-items: center;
  justify-content: flex-end;
}

/* ===== Tabs (p:tabMenu) - clean ===== */
.kds-tabs{
  margin-top: 15px;
  margin-bottom: 1rem;
}

/* ===== Tabs (p:tabMenu) - clean (MAIS ENCORPADA) ===== */
.kds-tabs{
  margin-top: 18px;
  margin-bottom: 1.25rem;
}

/* A BARRA (trilho) mais alta e “presente” */
.kds-tabmenu .ui-tabmenu-nav,
.kds-tabmenu .p-tabmenu-nav{
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  border-radius: 16px !important;
  padding: .55rem .6rem !important;   /* ↑ */
}

/* itens maiores (altura/área de clique) */
.kds-tabmenu .ui-tabmenuitem .ui-menuitem-link,
.kds-tabmenu .p-tabmenuitem .p-menuitem-link{
  border-radius: 14px !important;
  padding: .75rem 1.15rem !important; /* ↑ */
  border: 0 !important;
  background: transparent !important;
  line-height: 1.15;                  /* ajuda a “encorpar” */
}

/* hover um pouco mais evidente */
.kds-tabmenu .ui-tabmenuitem .ui-menuitem-link:hover,
.kds-tabmenu .p-tabmenuitem .p-menuitem-link:hover{
  background: rgba(60,73,98,.08) !important; /* ↑ */
}

/* ativo mais destacado */
.kds-tabmenu .ui-tabmenuitem.ui-state-active .ui-menuitem-link,
.kds-tabmenu .p-tabmenuitem.p-highlight .p-menuitem-link{
  background: rgba(60,73,98,.14) !important; /* ↑ */
}

/* texto/ícone maiores */
.kds-tabmenu .ui-menuitem-text,
.kds-tabmenu .p-menuitem-text{
  font-weight: 700;     /* ↑ */
  font-size: 1.02rem;   /* ↑ */
  color: #3C4962;
}

.kds-tabmenu .ui-menuitem-icon,
.kds-tabmenu .p-menuitem-icon{
  margin-right: .6rem !important; /* ↑ */
  font-size: 1.1rem;              /* ↑ */
  opacity: .92;
}

/* disabled */
.kds-tabmenu .ui-state-disabled .ui-menuitem-link,
.kds-tabmenu .p-disabled .p-menuitem-link{
  opacity: .55;
}


/* =========================
   Logo CSS: NFSE.facil
   ========================= */
.kds-logo-text{
  display: inline-flex;
  flex-direction: column;
  gap: .15rem;
  font-family: "Inter","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
}

.kds-logo-text__title{
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1;
  font-size: 1.25rem;
  color: #3C4962;
}

.kds-logo-text__dot{
  opacity: .65;
  padding: 0 .05rem;
  color: #3C4962 !important
}

.kds-logo-text__subtitle{
  font-size: .85rem;
  line-height: 1.1;
  color: #3C4962;
}

/* Menu lateral: fonte + ícone maiores */
.kds-menu.ui-menu{
  width: 100%;
  background-color: #3C4962 !important;
  border: none !important;
  color: #DEE1E6 !important;
}

.kds-menu.ui-menu .ui-menuitem-link{
  padding: .75rem .9rem;      /* aumenta “altura” do item */
  border-radius: 12px;        /* opcional, fica moderno */
   color: #DEE1E6 !important;
}

/* Texto maior */
.kds-menu.ui-menu .ui-menuitem-text{
  font-size: 15px;
  font-weight: 600;
}

/* Ícone maior (FontAwesome e PrimeIcons) */
.kds-menu.ui-menu .ui-menuitem-icon{
  font-size: 18px;
  width: 22px;                /* alinhamento */
  margin-right: .6rem;
}

/* Hover mais bonito (opcional) */
.kds-menu.ui-menu .ui-menuitem-link:hover{
  background-color: #59667D !important;
}

/* Se você usa modo slim e esconde o texto, mantém ícone centralizado */
aside.sidebar-static.sidebar-slim .kds-menu .ui-menuitem-link{
  justify-content: center;
}
aside.sidebar-static.sidebar-slim .kds-menu .ui-menuitem-icon{
  margin-right: 0;
}

/* Força cor do TEXTO e do ICONE do menu */
.kds-menu.ui-menu .ui-menuitem-link,
.kds-menu.ui-menu .ui-menuitem-text,
.kds-menu.ui-menu .ui-menuitem-icon{
  color: #DEE1E6 !important;
}

/* FontAwesome às vezes usa ::before */
.kds-menu.ui-menu .ui-menuitem-icon:before,
.kds-menu.ui-menu .ui-menuitem-icon i:before{
  color: #DEE1E6 !important;
}

/* Mantém hover só no fundo (sem mudar a cor do texto/ícone) */
.kds-menu.ui-menu .ui-menuitem-link:hover,
.kds-menu.ui-menu .ui-menuitem-link:hover .ui-menuitem-text,
.kds-menu.ui-menu .ui-menuitem-link:hover .ui-menuitem-icon{
  color: #DEE1E6 !important;
}

/* ativo */
.kds-menu .ui-menuitem.kds-menu-active > .ui-menuitem-link{
  background-color: #59667D !important;
  border-radius: 12px;
}

.kds-menu .ui-menuitem.kds-menu-active .ui-menuitem-text,
.kds-menu .ui-menuitem.kds-menu-active .ui-menuitem-icon,
.kds-menu .ui-menuitem.kds-menu-active .fa{
  color: #DEE1E6 !important;
  font-weight: 700;
}


/* =========================
   Dashboard - Cards
   ========================= */
.kds-card{
  background: #FDFEFF !important;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(2,6,23,.06);
  padding: 16px;
}

body.dark .kds-card{
  background: rgba(2,6,23,.55);
  border-color: rgba(148,163,184,.14);
  box-shadow: 0 14px 40px rgba(0,0,0,.32);
}

/* =========================
   Cards de métrica (topo)
   ========================= */
.kds-metric__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
}

.kds-metric__label{
  color: #64748b;
  font-size: 13px;
}

.kds-metric__icon{
  font-size: 18px;
  color: #64748b;
}

.kds-metric__value{
  margin-top: 10px;
  font-weight: 800;
  font-size: 32px;
  letter-spacing: -.3px;
  color: #0f172a;
}

.kds-metric__hint{
  margin-top: 6px;
  font-size: 13px;
  color: #64748b;
}

body.dark .kds-metric__label,
body.dark .kds-metric__icon,
body.dark .kds-metric__hint{
  color: rgba(148,163,184,.92);
}
body.dark .kds-metric__value{
  color: rgba(255,255,255,.92);
}

/* =========================
   Charts - alinhamento
   ========================= */
/* Centraliza o canvas do chart (donut) sem padding hack */
.kds-card .p-chart,
.kds-card canvas{
  display:block;
  margin: 0 auto;
}