/* VTTech 4.0.0 - camada visual progressiva */
:root{--vt400-navy:#09233e;--vt400-blue:#236be8;--vt400-lime:#b4ea0c}
#vt400-overlay[hidden]{display:none!important}#vt400-overlay{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:rgba(5,20,40,.62);backdrop-filter:blur(5px);padding:18px}
#vt400-overlay .vt400-dialog{width:min(100%,460px);background:#fff;color:var(--vt400-navy);border-radius:22px;padding:30px 26px 24px;text-align:center;box-shadow:0 24px 85px rgba(0,0,0,.28);font:inherit;max-height:calc(100dvh - 36px);overflow:auto}
#vt400-overlay .vt400-symbol{width:70px;height:70px;margin:auto auto 16px;border-radius:50%;display:grid;place-items:center;background:#e8f1ff;color:var(--vt400-blue)}
#vt400-overlay[data-type="error"] .vt400-symbol{background:#fff1ec;color:#c54a2b}#vt400-overlay[data-type="warning"] .vt400-symbol{background:#fff7e5;color:#b26a00}#vt400-overlay[data-type="success"] .vt400-symbol{background:#eefad8;color:#37771a}
#vt400-overlay .vt400-symbol svg{width:36px;height:36px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#vt400-overlay h2{margin:0 0 10px!important;font-size:21px!important;line-height:1.3;color:var(--vt400-navy)!important}#vt400-overlay p{color:#566a82!important;font-size:14px!important;white-space:pre-line;overflow-wrap:anywhere;margin:0 0 22px!important}
#vt400-overlay .vt400-actions{display:flex;justify-content:center;gap:10px}#vt400-overlay button{border:0;border-radius:12px;padding:12px 20px;font:inherit;font-weight:700;cursor:pointer;min-width:120px}#vt400-overlay .vt400-primary{background:var(--vt400-blue);color:white}#vt400-overlay .vt400-secondary{background:#f0f4f9;color:var(--vt400-navy)}
/* Regras do #colModal removidas 2026-10-26: o layout do modal "Novo colaborador" passa a ser definido só por core-v40.css (fonte única — 3 colunas, caixa do tamanho do conteúdo, sem barra de rolagem interna). */
@media(max-width:600px){#vt400-overlay .vt400-dialog{padding:22px 17px}}

/* Grupos de exportação (Relatórios): rótulo + PDF/.xlsx/.csv lado a lado */
.v30-exp-group{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 10px;border:1px solid #d7e3ef;border-radius:11px;background:#f7fbff}
.v30-exp-group em{font-style:normal;font-weight:800;font-size:11px;color:#5a6b7d;text-transform:uppercase;letter-spacing:.03em;margin-right:2px}
.v30-exp-group .r12-primary-btn,.v30-exp-group .r12-secondary-btn{padding:5px 11px;font-size:12px}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .v30-exp-group{background:#13233a;border-color:#243b54}
  :root:not([data-theme="light"]) .v30-exp-group em{color:#9fb2c6}
}

/* Aviso de créditos com erro de estocagem (topo do portal) */
.v40-erros-alert{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:12px 16px;border:1px solid #f1c0c0;border-left:5px solid #d64545;border-radius:12px;background:linear-gradient(90deg,#fdecec,#fff);box-shadow:0 1px 4px rgba(214,69,69,.08)}
.v40-erros-alert .v40-erros-ic{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#fbdcdc;color:#b23434}
.v40-erros-alert .v40-erros-ic svg{width:19px;height:19px}
.v40-erros-alert .v40-erros-tx{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.v40-erros-alert .v40-erros-tx strong{font-size:13.5px;color:#8a1c1c;font-weight:800}
.v40-erros-alert .v40-erros-tx span{font-size:12px;color:#7a4b4b}
.v40-erros-alert .v40-erros-btn{margin-left:auto;flex:0 0 auto;text-decoration:none;font-weight:700;font-size:12.5px;padding:8px 14px;border-radius:9px;background:#d64545;color:#fff;white-space:nowrap}
.v40-erros-alert .v40-erros-btn:hover{background:#b23434}
@media (max-width:640px){.v40-erros-alert{flex-wrap:wrap}.v40-erros-alert .v40-erros-btn{margin-left:0;width:100%;text-align:center}}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .v40-erros-alert{background:linear-gradient(90deg,#3a1d1d,#241528);border-color:#5a2a2a;border-left-color:#e06666}
  :root:not([data-theme="light"]) .v40-erros-alert .v40-erros-tx strong{color:#ffb4b4}
  :root:not([data-theme="light"]) .v40-erros-alert .v40-erros-tx span{color:#d9a3a3}
}
