/* =============================================================================
   VYNC · THEME "NÉVOA E AÇO" v4 — liquid glass CLARO, fiel às referências.
   Pivô 19/08 após 3 rodadas: as referências do cliente são claras — vidro
   leitoso sobre atmosfera azul-aço luminosa. O grafite escuro deixa de ser
   fundo e vira ÂNCORA: badge da marca, botão primário (grafite + texto lima,
   assinatura dos e-mails) e cartão-herói.
   Regras que permanecem do spec ui-designer:
     · vidro (blur) só sobre a CENA (fundo da página, rail, topbar, login);
     · superfícies flutuantes sobre TEXTO são sólidas (#FFF) — zero vazamento;
     · um elemento dominante por cartão; acento com parcimônia; foco visível.
   Camada puramente estética sobre o gab-ui. Cache-bust nos HTMLs (?v=NN).
   ============================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600&display=swap');

/* ---------- 1 · TOKENS ------------------------------------------------------ */
:root{
  /* ex-azuis re-mapeados: aço para apoio, grafite para tinta forte */
  --azul-claro:#4E6B5E; --azul-medio:#5F7C6D; --azul-escuro:#24362F;
  --azul-profundo:#101214; --azul-aco:#8FA699; --azul-apoio:rgba(36,54,47,.18);
  --b50:#F7F6F1; --b100:#E9EEF3; --b200:#E2E0D8; --b300:#C2CFDA; --b400:#8FA699;
  --b500:#4E6B5E; --b600:#3E4C59; --b700:#2A333C; --b800:#1B2129; --b900:#101214;

  --ink:#1E2522; --ink-2:#3A4046; --ink-3:#69737C;
  --line:rgba(22,26,32,.10); --line-2:rgba(22,26,32,.06);
  --bg:#F3F1EA;
  --surface:rgba(255,255,255,.66); --surface-2:rgba(255,255,255,.45);

  --ok:#2E7D5B;     --ok-bg:rgba(46,125,91,.10);   --ok-ink:#256B4F;
  --warn:#9A7A34;   --warn-bg:rgba(154,122,52,.12);--warn-ink:#84682B;
  --danger:#B3362E; --danger-bg:rgba(179,54,46,.10);--danger-ink:#9E2F28;
  --info:#4E6B5E;   --info-bg:rgba(62,90,79,.10); --info-ink:#2F4740;
  --neutral:#8A939B;--neutral-bg:rgba(22,26,32,.05);--neutral-ink:#69737C;

  /* lima: preenchimento com texto grafite; traço/foco usa a versão profunda */
  --accent:#B85C3A; --accent-ink:#9E4B2D; --glow:rgba(184,92,58,.30);
  --violet:#5F7C6D; --cyan:#8FA699;
  --brand-grad:linear-gradient(160deg,#2F4740,#1E2522);

  --font:'Space Grotesk','Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;

  --r-sm:10px; --r-md:14px; --r-lg:18px; --r-xl:26px;

  --sh-1:0 1px 2px rgba(30,45,38,.06),0 8px 24px rgba(30,45,38,.07);
  --sh-2:0 12px 32px rgba(30,45,38,.12),0 2px 6px rgba(30,45,38,.06);
  --sh-3:0 28px 70px rgba(30,45,38,.18),0 4px 12px rgba(30,45,38,.08);
  --hl:inset 0 1px 0 rgba(255,255,255,.85);

  --ease:cubic-bezier(.22,1,.36,1);

  --vidro:rgba(255,255,255,.62);
  --vidro-borda:rgba(255,255,255,.75);
}

/* ---------- 2 · L0 CENA (atmosfera clara azul-aço + aurora + grão) ---------- */
html{background:#F3F1EA}
body, body.liquid-bg{
  background:#F3F1EA;
  background-image:
    radial-gradient(1100px 720px at 12% -8%, rgba(255,255,255,.85), transparent 55%),
    radial-gradient(1000px 700px at 95% 12%, rgba(36,54,47,.22), transparent 55%),
    radial-gradient(820px 600px at 45% 115%, rgba(184,92,58,.10), transparent 55%),
    linear-gradient(180deg,#E7EDF2,#D6DFE8);
  background-attachment:fixed;
  color:var(--ink);
}
/* aurora viva derivando muito devagar atrás de tudo */
body::before{
  content:"";position:fixed;z-index:0;pointer-events:none;
  width:120vmax;height:120vmax;left:-30vmax;top:-42vmax;
  background:
    radial-gradient(closest-side at 32% 36%, rgba(255,255,255,.55), transparent 60%),
    radial-gradient(closest-side at 70% 64%, rgba(36,54,47,.22), transparent 55%),
    radial-gradient(closest-side at 52% 78%, rgba(184,92,58,.10), transparent 55%);
  filter:blur(70px);
  animation:aurora 48s ease-in-out infinite alternate;
}
@keyframes aurora{
  from{transform:translate3d(0,0,0) rotate(0deg) scale(1)}
  to{transform:translate3d(6vmax,4vmax,0) rotate(8deg) scale(1.08)}
}
/* grão de filme sutil sobre tudo — tira o chapado digital */
body::after{
  content:"";position:fixed;inset:0;z-index:2147483000;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
  background-size:180px 180px;opacity:.05;mix-blend-mode:overlay;
}
.app,.palco,.loginwrap{position:relative;z-index:1}

::selection{background:rgba(184,92,58,.5);color:#1E2522}
svg.icon{stroke-width:1.5}
h1,h2,h3{font-weight:500;letter-spacing:-.01em;color:var(--ink)}
.page-head h1{font-size:20px;font-weight:500}
.page-head .sub{color:var(--ink-3)}
.eyebrow,.dlab{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#8A939B}

*{scrollbar-width:thin;scrollbar-color:rgba(22,26,32,.22) transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:rgba(22,26,32,.22);border:3px solid transparent;background-clip:padding-box;border-radius:8px}
*::-webkit-scrollbar-thumb:hover{background:rgba(22,26,32,.38);border:3px solid transparent;background-clip:padding-box}

/* ---------- 3 · L1 CARDS: vidro leitoso sobre a cena ------------------------ */
.card,.kan-col,.agenda,.cal,.callout{
  background:rgba(255,255,255,.62);
  -webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);
  border:1px solid rgba(255,255,255,.75);
  border-radius:18px;
  box-shadow:0 1px 2px rgba(30,45,38,.05),0 12px 34px rgba(30,45,38,.09),inset 0 1px 0 rgba(255,255,255,.9);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease);
}
@supports not (backdrop-filter:blur(1px)){.card,.kan-col,.agenda,.cal,.callout{background:#F7F6F1}}
.card:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(30,45,38,.05),0 20px 48px rgba(30,45,38,.13),inset 0 1px 0 rgba(255,255,255,.95)}
.card{animation:fadeUp .5s var(--ease) both}
.grid>.card:nth-child(2),.g2>.card:nth-child(2){animation-delay:.06s}
.grid>.card:nth-child(3),.g2>.card:nth-child(3){animation-delay:.12s}
.grid>.card:nth-child(4){animation-delay:.18s}
.grid>.card:nth-child(n+5){animation-delay:.24s}
.callout.info{background:var(--info-bg);border-color:rgba(62,90,79,.22);-webkit-backdrop-filter:none;backdrop-filter:none}
.callout.warn{background:var(--warn-bg);border-color:rgba(154,122,52,.25);-webkit-backdrop-filter:none;backdrop-filter:none}

/* herói: ÚNICO cartão grafite da tela — âncora da marca (casa com os e-mails) */
.card-deep,.grad-deep{
  background:
    radial-gradient(130% 150% at 100% -10%, rgba(184,92,58,.08), transparent 45%),
    linear-gradient(160deg,#242932 0%,#14171B 100%) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 24px 54px rgba(30,45,38,.28),inset 0 1px 0 rgba(255,255,255,.08) !important;
  color:#F2F5F6;
}
.card-deep .muted,.grad-deep .muted,.grad-deep .lab,.grad-deep .sub{color:rgba(255,255,255,.55)}
.grad-blue{background:rgba(255,255,255,.62) !important}
.banner{background:linear-gradient(160deg,#242932,#14171B) !important;color:#F2F5F6;border:none}

/* ---------- 4 · L2 FLUTUANTES: brancas sólidas — zero vazamento ------------- */
.npanel,.dd-pop,.pmenu,.pop,.drop,.flyout,.sheet,.toast,.snack,.confirm,.menu-list{
  background:#FFFFFF !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  border:1px solid rgba(22,26,32,.08);
  border-radius:16px;color:var(--ink);
  box-shadow:0 24px 60px rgba(30,45,38,.20),0 3px 10px rgba(30,45,38,.08);
}
.tip .tipbox{background:#1B2129;color:#F2F5F6;border:none;box-shadow:0 10px 26px rgba(30,45,38,.3)}
.tip .tipbox::after{border-top-color:#1B2129}
.toast{color:var(--ink)}
.toast .tx small{color:var(--ink-3)}

/* ---------- 5 · L3 MODAL: painel branco, vidro no scrim --------------------- */
.modal{
  background:#FFFFFF;border:1px solid rgba(22,26,32,.06);border-radius:20px;
  box-shadow:0 40px 100px rgba(30,45,38,.28);
  color:var(--ink);animation:vidroIn .34s var(--ease);
}
.ov{background:rgba(210,220,230,.45);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3)}
@keyframes vidroIn{from{opacity:0;transform:translateY(12px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}

/* ---------- 6 · MOLDURA DA CENA: rail e topbar de vidro --------------------- */
/* Rail: vidro mais leitoso (contraste) + tinta grafite nos ícones. Correção
   20/08: o gab-ui base pintava ícone azul-claro (#cdddf5) e glow ciano/violeta
   sobre o vidro branco — ilegível em fundo claro e fora da paleta sem azul. */
.rail{
  background:rgba(255,255,255,.74);
  -webkit-backdrop-filter:blur(26px) saturate(1.5);backdrop-filter:blur(26px) saturate(1.5);
  border-color:rgba(255,255,255,.85);
  box-shadow:0 12px 34px rgba(30,45,38,.12),inset 0 1px 0 rgba(255,255,255,.9);
}
.rail::before{background:none !important}
.ritem{color:#525C66}
.ritem svg{stroke-width:1.7}
.ritem:hover{background:rgba(22,26,32,.07);color:#1E2522}
/* ativo: pílula grafite + ícone lima — mesma assinatura do botão primário */
.ritem.active{
  background:linear-gradient(160deg,#242932,#14171B) !important;
  color:#F3F1EA !important;
  box-shadow:0 8px 20px rgba(30,45,38,.30),inset 0 1px 0 rgba(255,255,255,.12) !important;
}
body.nav-open .rail-backdrop{background:rgba(16,18,20,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.topbar{
  background:rgba(255,255,255,.6);
  -webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);
  border-color:rgba(22,26,32,.06);
  box-shadow:0 1px 0 rgba(255,255,255,.8);
}
@supports not (backdrop-filter:blur(1px)){.rail,.topbar{background:#F7F6F1}}
.rail .rbrand,.blogo .lg,.auth-box .blogo .lg,.ds-top .dsb .lg{
  background:var(--brand-grad) !important;border:1px solid rgba(255,255,255,.18);
  color:var(--accent) !important;box-shadow:0 8px 20px rgba(30,45,38,.25),inset 0 1px 0 rgba(255,255,255,.14);
}
.ritem.active::before,.rail .ritem.on::before{background:var(--accent-ink) !important;width:3px;border-radius:2px;box-shadow:0 0 10px rgba(184,92,58,.4)}
.rail .ritem{transition:color .25s var(--ease),background .25s var(--ease)}
.rail .ritem.on,.nitem.on{color:var(--ink)}
.nitem:hover,.dd-opt:hover,.menu-list a:hover,.pmenu a:hover{background:rgba(22,26,32,.05)}

/* ---------- 7 · BOTÕES ------------------------------------------------------- */
.btn{border-radius:999px;font-weight:500;transition:transform .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease)}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:none}
/* primário: grafite com texto LIMA — assinatura VYNC (mesma dos e-mails) */
.btn-primary,.btn-dark,.btn-success{
  background:#24362F !important;color:#F3F1EA !important;border:none;
  box-shadow:0 2px 6px rgba(30,45,38,.25),0 10px 26px rgba(30,45,38,.18);text-shadow:none;
  position:relative;overflow:hidden;
}
.btn-primary:hover,.btn-dark:hover,.btn-success:hover{background:#2F4740 !important}
.btn-primary::before,.btn-dark::before,.btn-success::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 32%,rgba(255,255,255,.22) 50%,transparent 68%);
  transform:translateX(-130%);
}
.btn-primary:hover::before,.btn-dark:hover::before,.btn-success:hover::before{transform:translateX(130%);transition:transform .65s var(--ease)}
.btn-primary.loading::after,.btn-dark.loading::after,.btn-success.loading::after{border-color:rgba(243,241,234,.35);border-top-color:#F3F1EA}
/* secundário: vidro branco com borda */
.btn-soft,.btn-secondary,.btn-outline{
  background:rgba(255,255,255,.7);color:var(--ink-2);border:1px solid rgba(22,26,32,.12);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
.btn-soft:hover,.btn-secondary:hover,.btn-outline:hover{background:#FFFFFF;color:var(--ink);border-color:rgba(22,26,32,.2)}
.btn-secondary.loading::after,.btn-outline.loading::after,.btn-ghost.loading::after,.btn-soft.loading::after{border-color:rgba(22,26,32,.25);border-top-color:#24362F}
.btn-ghost{background:transparent;color:var(--ink-3);border:none}
.btn-ghost:hover{background:rgba(22,26,32,.06);color:var(--ink)}
.btn-danger{background:#B3362E !important;color:#fff !important;border:none}
.btn-danger:hover{background:#C63F36 !important}
.btn-soft-danger{background:var(--danger-bg);color:var(--danger-ink);border:1px solid rgba(179,54,46,.25)}
.btn-warn{background:var(--warn-bg);color:var(--warn-ink);border:1px solid rgba(154,122,52,.25)}
.btn-link{color:var(--azul-claro)}
.btn-link:hover{color:var(--ink)}
.iconbtn{background:rgba(255,255,255,.7);border:1px solid rgba(22,26,32,.10);color:var(--ink-2);border-radius:12px;box-shadow:0 1px 3px rgba(30,45,38,.08)}
.iconbtn:hover{border-color:rgba(22,26,32,.2);color:var(--ink)}

.tb-ic{background:rgba(255,255,255,.7);border:1px solid rgba(22,26,32,.10);color:var(--ink-2);box-shadow:0 1px 3px rgba(30,45,38,.08)}
.tb-ic:hover{border-color:rgba(22,26,32,.2);color:var(--ink)}
.tb-ic .nd{background:#24362F;color:#F3F1EA;font-weight:600;border:2px solid rgba(255,255,255,.9);font-variant-numeric:tabular-nums}
.profile-chip{background:rgba(255,255,255,.7);border:1px solid rgba(22,26,32,.10);color:var(--ink)}
.profile-chip:hover{border-color:rgba(22,26,32,.2)}
.profile-chip .pn small{color:var(--ink-3)}

/* ---------- 8 · FORMULÁRIOS -------------------------------------------------- */
.inp{
  background:rgba(255,255,255,.72);border:1px solid rgba(22,26,32,.12);color:var(--ink);
  border-radius:13px;transition:border-color .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease);
}
.inp::placeholder{color:rgba(22,26,32,.35)}
.inp:focus{outline:none;border-color:rgba(184,92,58,.65);box-shadow:0 0 0 3px rgba(184,92,58,.14);background:#FFFFFF}
select.inp option{background:#FFFFFF;color:#1E2522}
.field label{color:var(--ink-2);font-size:12px}
.field .hint{color:var(--ink-3)}
:focus-visible{outline:2px solid rgba(184,92,58,.8);outline-offset:2px}
.switch{background:rgba(22,26,32,.18)}
.meter{background:rgba(22,26,32,.10)}
.pwd .eye{color:var(--ink-3)}

/* ---------- 9 · TABS / CHIPS / BADGES ---------------------------------------- */
.tabs{background:rgba(22,26,32,.06);border:1px solid rgba(22,26,32,.05);border-radius:999px;padding:4px;gap:2px}
/* pílula redonda pede respiro nas laterais: sem isso a palavra encosta na curva */
.tabs button{border-radius:999px;color:var(--ink-3);padding:9px 18px;margin-right:0}
.tabs button:hover{color:var(--ink)}
.tabs button.on{background:#FFFFFF;color:var(--ink);box-shadow:0 2px 8px rgba(30,45,38,.10)}
.chip{background:rgba(255,255,255,.7);border:1px solid rgba(22,26,32,.10);color:var(--ink-2);border-radius:999px}
.badge{border-radius:999px;font-weight:500}
.badge.ok{background:var(--ok-bg);color:var(--ok-ink)}
.badge.warn{background:var(--warn-bg);color:var(--warn-ink)}
.badge.danger{background:var(--danger-bg);color:var(--danger-ink)}
.badge.info{background:var(--info-bg);color:var(--info-ink)}
.badge.neutral{background:var(--neutral-bg);color:var(--neutral-ink)}
.breadcrumb,.crumb{color:var(--ink-3)}

/* ---------- 10 · CONTEÚDO ----------------------------------------------------- */
.empty{border:1px dashed rgba(22,26,32,.16);border-radius:18px;background:rgba(255,255,255,.4)}
.empty .eic{background:rgba(255,255,255,.8);color:var(--ink-3)}
.muted{color:var(--ink-3)}
.spinner{border-color:rgba(22,26,32,.12);border-top-color:var(--accent-ink)}
.skel{background:linear-gradient(90deg,rgba(255,255,255,.5),rgba(255,255,255,.9),rgba(255,255,255,.5))}
.kpi .big,.display{font-size:48px;font-weight:300;letter-spacing:-.02em;line-height:1.05;color:#1E2522;font-variant-numeric:tabular-nums}
.kpi .sub,.kpi .top{color:var(--ink-3)}
.tbl th{color:#8A939B;font-size:11px;letter-spacing:.08em;text-transform:uppercase;border-color:rgba(22,26,32,.07)}
.tbl td{border-color:rgba(22,26,32,.06);color:var(--ink-2)}
.tbl tr:hover td{background:rgba(255,255,255,.55)}
.ava{background:#1B2129;color:#F2F5F6}
.status-dot,.bdot{box-shadow:none}
.fileitem .fbar,.bar{background:linear-gradient(90deg,#8FA699,#4E6B5E)}
.chart .draw{stroke:var(--accent-ink);filter:drop-shadow(0 0 6px rgba(184,92,58,.35))}
.kring .rg circle:last-child{stroke:var(--accent-ink)}
.heat,.gbar{filter:saturate(.7)}

/* ---------- 11 · LOGIN sobre a cena (vidro leitoso pleno) -------------------- */
.stage .form-side{
  background:rgba(255,255,255,.6);
  -webkit-backdrop-filter:blur(30px) saturate(1.5);backdrop-filter:blur(30px) saturate(1.5);
  border:1px solid rgba(255,255,255,.8);
}
.stage .blob{background:#8FA699 !important;opacity:.4;filter:blur(70px)}
.stage .blob:last-of-type{background:rgba(184,92,58,.5) !important;opacity:.35}
.scene .p-main .mini-bars i{background:linear-gradient(180deg,rgba(184,92,58,.8),rgba(184,92,58,.3))}
.scene .bar-w i{background:var(--accent-ink)}
.result-ov{background:rgba(240,244,248,.92)}

/* ---------- 12 · MOVIMENTO ---------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}

/* ---------- 13 · IMPRESSÃO ---------------------------------------------------- */
@media print{
  body,body.liquid-bg{background:#fff !important;color:#1E2522}
  body::before,body::after{display:none !important}
  .rail,.topbar,.toast-wrap{display:none !important}
}

/* ---------- 14 · UPGRADE VISUAL 06/10/2026 (pedido do Lucas: hierarquia, contraste, alinhamento) ----
   Vale para o Gestão e para o LicitaHub (que carrega este arquivo). Só estética; nada de função. */
/* rótulos de seção e de campo: subiram um tom e ganharam peso (antes #8A939B sumia no vidro) */
.eyebrow,.dlab,.lab{color:#4F5A64;font-weight:600;letter-spacing:.07em}
.tbl th{color:#4F5A64;font-weight:600}
.field label,.field>span{display:block;font-size:12.5px;font-weight:600;color:#3A4046;margin-bottom:6px;line-height:1.3}
label.field{display:flex;flex-direction:column;justify-content:flex-end}
.field .hint{color:#69737C;font-size:11.5px}
/* seção dentro do cartão: título mais firme e um fio separando do conteúdo */
.card-h{align-items:center;gap:10px 14px;padding-bottom:10px;margin-bottom:14px;border-bottom:1px solid rgba(22,26,32,.07)}
.card-h>b,.card-h>h3,.card-h>div>b{font-size:14.5px;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.card-h .muted{font-size:12px}
.card-h .spacer{flex:1}
/* cabeçalho de página: título mais presente, bloco da direita centralizado com o título */
.page-head{align-items:center;gap:14px 20px;margin-bottom:20px}
.page-head h1{font-size:23px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.page-head .sub{font-size:13px;margin-top:4px;color:#5B6670;max-width:72ch}
.page-head .ph-r{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
/* linhas de campos: inputs alinhados pela base mesmo quando o rótulo quebra linha */
.fg,.fg-3{align-items:end}
.fg .field,.fg-3 .field{display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:14px}
.fg .field.inline,.field[style*="flex-direction:row"]{flex-direction:row;align-items:center;padding-bottom:11px}
/* avisos: só o título do aviso é bloco — o <b> no meio do texto não quebra mais a frase */
.callout b{display:inline;margin:0}
.callout>div>b:first-child{display:block;margin-bottom:3px}
.callout{font-size:12.5px;line-height:1.5}
/* KPIs e subtítulos com mais contraste */
.kpi .sub,.kpi .top{color:#4F5A64}
.kpi .top{font-weight:600}
.muted{color:#69737C}
p.muted,.muted[style*="font-size:11"]{color:#5B6670}
/* abas: quando passam de seis, rolam em vez de empilhar */
.tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}
.tabs::-webkit-scrollbar{display:none}
.tabs button{white-space:nowrap;flex:0 0 auto}
/* vazios e separadores de bloco */
.empty b{font-size:15px;font-weight:600}
.empty p{font-size:12.5px;color:#5B6670;max-width:52ch;margin:0 auto}
h5{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#4F5A64}
/* botões de ícone alinhados ao centro do texto que acompanham */
.row.aic .btn,.card-h .btn{align-self:center}
.badge{font-weight:600}

/* v101 · marca VYNC: símbolo no trilho, no cabeçalho dos relatórios e nas telas de acesso (fundo creme da marca) */
.rail .rbrand.rb-img{background:#F3F1EA !important;color:transparent !important;padding:7px 6px;box-shadow:0 6px 16px rgba(30,45,38,.14),inset 0 0 0 1px rgba(36,54,47,.10) !important}
.rail .rbrand.rb-img img,.rpt-logo .lg img{width:100%;height:auto;display:block}
/* v101 · a barra do topo (sino, empresa, perfil) fica acima dos cartões de vidro: o vidro cria camada própria e cobria os menus abertos */
.topbar{position:relative;z-index:50}