@charset "UTF-8";
*, *::before, *::after { box-sizing: border-box; }
html { box-sizing: border-box; }
[hidden]{ display:none !important; }
:root {
color-scheme: light;
--marca-1:#84BC25; --marca-1-txt:#FFFFFF;
--marca-2:#031026; --marca-2-txt:#FFFFFF;
--navy-900:#0E1220; --navy-800:#141A2C; --navy-700:#1C2338; --navy-600:#2A3248;
--green:#84BE06; --green-dark:#679405; --green-soft:#F0F7E1;
--verde:var(--green);
--surface-0:#F3F5F8; --surface-1:#F7F8FB; --surface-2:#FFFFFF;
--text-primary:#131829; --text-secondary:#59607A; --text-muted:#8B92A8;
--border:#E7E9EF; --border-strong:#D6DAE4;
--border-accent:var(--green); --text-accent:var(--green-dark);
--radius:10px; --radius-sm:7px; --radius-lg:14px; --radius-xl:18px;
--shadow-xs:0 1px 2px rgba(17,24,39,.05);
--shadow-sm:0 1px 3px rgba(17,24,39,.07), 0 1px 2px rgba(17,24,39,.04);
--shadow-md:0 6px 18px rgba(17,24,39,.08);
--shadow-lg:0 24px 60px rgba(15,20,35,.22);
--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
--vidro-fundo: linear-gradient(158deg, rgba(255,255,255,.88) 0%, rgba(247,252,241,.78) 55%, rgba(238,248,227,.72) 100%);
--vidro-borda: rgba(255,255,255,.75);
--vidro-borda-verde: rgba(118,184,42,.22);
--vidro-sombra: 0 12px 32px rgba(24,52,16,.09), 0 2px 8px rgba(24,52,16,.05);
--vidro-brilho: inset 0 1px 0 rgba(255,255,255,.85);
--campo-fundo: rgba(255,255,255,.72);
--campo-fundo-foco: rgba(255,255,255,.96);
}
html, body {
background:var(--surface-0); color:var(--text-primary);
font-family:var(--font-sans); margin:0;
-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
body::before{
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
background:
radial-gradient(760px 520px at 12% -6%, rgba(118,184,42,.14), transparent 62%),
radial-gradient(680px 460px at 96% 8%, rgba(118,184,42,.09), transparent 60%),
radial-gradient(900px 620px at 50% 108%, rgba(24,95,165,.07), transparent 62%),
var(--vnt-fundo, #D6DCEA);
}
#vnt-fundo{
position:fixed; inset:0; width:100%; height:100%; display:block;
z-index:-1; pointer-events:none;
opacity:0; transition:opacity .7s ease;
}
#vnt-fundo.visivel{ opacity:1; }
@media print{ #vnt-fundo{ display:none; } }
body{ font-size:14px; line-height:1.5; }
a{ color:var(--text-accent); }
.shell{ display:flex; align-items:flex-start; min-height:100vh; }
#sidebar{
width:290px; flex-shrink:0; align-self:stretch;
position:sticky; top:0; height:100vh; overflow-y:auto;
display:flex; flex-direction:column;
background:
radial-gradient(520px 380px at -10% 108%, rgba(132,188,37,.28), transparent 62%),
radial-gradient(420px 300px at 110% -8%, rgba(24,95,165,.22), transparent 60%),
linear-gradient(172deg,#041530 0%,#031026 48%,#020B1C 100%);
padding:22px 14px 20px; color:#fff;
box-shadow:inset -1px 0 0 rgba(255,255,255,.05);
}
#sidebar::before{
content:""; position:absolute; left:0; top:0; bottom:0; width:4px;
background:linear-gradient(180deg,#84BC25 0%,#5C951C 60%,rgba(132,188,37,.25) 100%);
pointer-events:none;
}
#sidebar::-webkit-scrollbar{ width:6px; }
#sidebar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.14); border-radius:3px; }
.main{ flex:1; min-width:0; padding:84px 30px 64px; }
.main-inner{ max-width:1200px; margin:0 auto; }
.main-inner.largura-total{ max-width:none; }
.brandmark{ display:flex; align-items:center; padding:4px 10px 0; margin-bottom:22px; }
.brandmark img{ width:100%; max-width:178px; height:auto; display:block; }
.side-label{
font-size:10.5px; font-weight:600; letter-spacing:.09em; text-transform:uppercase;
color:rgba(255,255,255,.38); padding:0 10px; margin:0 0 8px;
}
.side-gap{ height:18px; }
.side-rodape{ margin-top:auto; display:flex; flex-direction:column; }
.side-rodape .navitem{ margin-bottom:3px; }
.side-config{
display:flex; align-items:center; gap:10px; width:100%;
padding:9px 10px; border-radius:var(--radius); cursor:pointer;
background:transparent; border:1px solid transparent; font-family:inherit;
font-size:13.5px; font-weight:500; color:rgba(255,255,255,.72); text-align:left;
box-shadow:none;
}
.side-config:hover{ background:rgba(255,255,255,.08); color:#fff; border-color:rgba(255,255,255,.1); }
.side-config-ico{
width:26px; height:26px; border-radius:7px; flex-shrink:0; display:block;
background:rgba(255,255,255,.08); padding:3px;
}
.side-config > span{ flex:1; min-width:0; }
.side-config-eng{ flex-shrink:0; opacity:.55; }
.side-config:hover .side-config-eng{ opacity:1; }
.cfg-overlay{
position:fixed; inset:0; z-index:400; display:flex; align-items:center; justify-content:center;
background:rgba(12,16,28,.55); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
padding:24px; animation:cfg-fade .13s ease;
}
.cfg-overlay[hidden]{ display:none; }
@keyframes cfg-fade{ from{ opacity:0 } to{ opacity:1 } }
.cfg-dialog{
position:relative; display:flex; width:100%; max-width:960px; height:min(620px, 88vh);
background:var(--surface-2); border:1px solid var(--border); border-radius:var(--radius-xl);
box-shadow:0 30px 80px rgba(12,16,28,.4); overflow:hidden;
animation:cfg-sobe .16s ease;
}
@keyframes cfg-sobe{ from{ opacity:0; transform:translateY(8px) scale(.99) } to{ opacity:1; transform:none } }
.cfg-fechar{
position:absolute; top:12px; right:14px; z-index:2; width:30px; height:30px; border-radius:50%;
display:flex; align-items:center; justify-content:center; padding:0;
background:transparent; border:0; box-shadow:none; color:var(--text-muted); font-size:15px; cursor:pointer;
}
.cfg-fechar:hover{ background:rgba(19,24,41,.07); color:var(--text-primary); }
.cfg-nav{
width:246px; flex-shrink:0; background:var(--surface-1); border-right:1px solid var(--border);
padding:16px 10px 12px; overflow-y:auto; display:flex; flex-direction:column;
}
.cfg-nav-titulo{
font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
color:var(--text-muted); padding:0 10px; margin-bottom:10px;
}
.cfg-nav-item{
display:flex; align-items:center; gap:9px; width:100%; text-align:left;
padding:8px 10px; margin-bottom:2px; border-radius:9px; cursor:pointer;
background:transparent; border:1px solid transparent; box-shadow:none;
font-family:inherit; font-size:13px; font-weight:500; color:var(--text-secondary);
}
.cfg-nav-item:hover{ background:var(--surface-2); color:var(--text-primary); }
.cfg-nav-item.active{
background:var(--surface-2); border-color:var(--border); color:var(--text-primary);
font-weight:650; box-shadow:var(--shadow-xs);
}
.cfg-ico{ flex-shrink:0; width:18px; display:inline-flex; align-items:center; justify-content:center; color:#8A93A8; }
.cfg-nav-item:hover .cfg-ico{ color:var(--text-secondary); }
.cfg-nav-item.active .cfg-ico{ color:var(--text-primary); }
.cfg-nav-rodape{ margin-top:auto; padding:10px 10px 0; border-top:1px solid var(--border); }
.cfg-sair{ font-size:12.5px; color:#B4322F; text-decoration:none; font-weight:600; }
.cfg-sair:hover{ text-decoration:underline; }
.cfg-conteudo{ flex:1; min-width:0; overflow-y:auto; padding:26px 30px 30px; }
.cfg-secao{ display:none; }
.cfg-secao.active{ display:block; animation:cfg-fade .12s ease; }
.cfg-secao h2{ font-size:19px; font-weight:700; letter-spacing:-.02em; margin:0 0 6px; }
.cfg-h3{ font-size:13px; font-weight:700; letter-spacing:.02em; margin:24px 0 12px; padding-top:18px; border-top:1px solid var(--border); }
.cfg-atalho{
display:flex; align-items:center; gap:12px; text-decoration:none; color:inherit;
background:var(--surface-1); border:1px solid var(--border); border-radius:var(--radius);
padding:12px 14px; margin-bottom:8px;
}
.cfg-atalho:hover{ border-color:var(--border-strong); box-shadow:var(--shadow-sm); background:var(--surface-2); }
.cfg-atalho-txt{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.cfg-atalho-txt b{ font-size:13.5px; font-weight:650; }
.cfg-atalho-txt small{ font-size:11.5px; color:var(--text-muted); line-height:1.45; }
.cfg-atalho-seta{ color:var(--text-muted); font-size:18px; flex-shrink:0; }
.cfgm{ display:flex; flex-direction:column; gap:14px; }
.cfgm-abas{ display:flex; gap:4px; flex-wrap:wrap; border-bottom:1px solid var(--border); padding-bottom:0; }
.cfgm-aba{
border:0; background:none; cursor:pointer; font:inherit;
font-size:12px; font-weight:650; letter-spacing:.03em; color:var(--text-muted);
padding:8px 12px; border-bottom:2px solid transparent; margin-bottom:-1px;
}
.cfgm-aba:hover{ color:var(--text-primary); }
.cfgm-aba.active{ color:var(--text-accent); border-bottom-color:var(--green); }
.cfgm-aviso{
font-size:12px; font-weight:600; line-height:1.45;
padding:9px 12px; border-radius:var(--radius);
background:var(--green-soft); color:var(--green-dark); border:1px solid #D3E9B5;
}
.cfgm-aviso.erro{ background:#FDECEC; color:#96262A; border-color:#F0C8C8; }
.cfgm-corpo{ min-height:60px; }
.cfgm-carregando{ opacity:.45; pointer-events:none; }
.cfgm-tabela{ width:100%; border-collapse:collapse; }
.cfgm-tabela th{
text-align:left; font-size:10.5px; font-weight:700; letter-spacing:.05em;
color:var(--text-muted); padding:0 8px 6px; border-bottom:1px solid var(--border);
}
.cfgm-tabela td{ padding:4px 8px 4px 0; vertical-align:middle; }
.cfgm-tabela td:last-child{ padding-right:0; }
.cfgm-tabela input[type="text"],
.cfgm-tabela input[type="number"],
.cfgm-tabela select{ width:100%; height:34px; font-size:12.5px; }
.cfgm-th-numero, .cfgm-th-cor{ width:74px; }
.cfgm-th-status{ width:104px; }
.cfgm-th-x{ width:30px; }
.cfgm-td-x{ text-align:right; }
.cfgm-cor{ margin:0; }
.cfgm-nova input[type="text"]{ border-color:var(--green); }
.cfgm-x{
display:inline-flex; align-items:center; justify-content:center;
width:26px; height:26px; padding:0; line-height:1;
border:1px solid var(--border); border-radius:8px; background:var(--surface-1);
color:var(--text-muted); font-size:12px; cursor:pointer;
}
.cfgm-x:hover{ border-color:#E0BDBD; background:#FDECEC; color:#B4322F; }
.cfgm-add{
align-self:flex-start; margin-top:10px;
border:1px dashed var(--border-strong); border-radius:var(--radius);
background:none; cursor:pointer; font:inherit;
font-size:11.5px; font-weight:650; color:var(--text-secondary); padding:7px 13px;
}
.cfgm-add:hover{ border-color:var(--green); color:var(--text-accent); }
.cfgm-rodape{ display:flex; justify-content:flex-end; margin-top:16px; }
.cfgm-vazio{ font-size:12.5px; color:var(--text-muted); padding:14px 0; }
.cfgm-metas{ display:flex; flex-direction:column; gap:14px; }
.cfgm-meta-marca{ border:1px solid var(--border); border-radius:var(--radius); padding:12px 14px; }
.cfgm-meta-nome{ display:flex; align-items:center; gap:8px; font-size:13px; font-weight:700; margin-bottom:10px; }
.cfgm-bola{ width:9px; height:9px; border-radius:50%; flex-shrink:0; }
.cfgm-meta-grade{ display:grid; grid-template-columns:repeat(auto-fit,minmax(112px,1fr)); gap:10px; }
.cfgm-meta-campo{ display:flex; flex-direction:column; gap:4px; }
.cfgm-meta-campo > span{ display:flex; align-items:center; gap:5px; font-size:11px; font-weight:600; color:var(--text-secondary); }
.cfgm-meta-campo input{ height:34px; font-size:12.5px; }
.cfgm-h3{
font-size:12.5px; font-weight:700; letter-spacing:.02em;
margin:20px 0 10px; padding-top:14px; border-top:1px solid var(--border);
display:flex; align-items:center; gap:7px;
}
.cfgm-corpo > .cfgm-h3:first-child{ margin-top:0; padding-top:0; border-top:0; }
.cfgm-nota{ font-size:11.5px; color:var(--text-muted); line-height:1.5; margin:8px 0 0; }
.cfgm-filtros{ display:flex; gap:7px; flex-wrap:wrap; align-items:center; margin-bottom:12px; }
.cfgm-filtros select, .cfgm-filtros input[type="text"]{ height:34px; font-size:12.5px; }
.cfgm-filtros input[type="text"]{ min-width:190px; }
.cfgm-linha-acao{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin:10px 0; }
.cfgm-linha-acao .cfgm-nota{ margin:0; flex:1; min-width:180px; }
.cfgm-linha-acao select, .cfgm-linha-acao input[type="file"]{ height:34px; font-size:12.5px; }
.cfgm-rolagem{ overflow-x:auto; max-height:420px; overflow-y:auto; border:1px solid var(--border); border-radius:var(--radius); }
.cfgm-tbl{ font-size:12px; margin:0; }
.cfgm-tbl th{ position:sticky; top:0; z-index:1; background:var(--surface-2); }
.cfgm-tbl td, .cfgm-tbl th{ padding:7px 10px; white-space:nowrap; }
.cfg-dados{ display:flex; flex-direction:column; gap:1px; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; }
.cfg-dados > div{ display:flex; gap:14px; padding:10px 14px; background:var(--surface-1); font-size:13px; }
.cfg-dados > div:nth-child(even){ background:var(--surface-2); }
.cfg-dados span{ width:150px; flex-shrink:0; color:var(--text-muted); }
.cfg-dados b{ font-weight:600; word-break:break-word; }
.cfg-form-senha{ display:flex; flex-direction:column; gap:12px; max-width:340px; }
.cfg-campo{ display:flex; flex-direction:column; gap:5px; }
.cfg-campo label{ font-size:12px; font-weight:600; color:var(--text-secondary); }
.cfg-campo label small{ font-weight:500; color:var(--text-muted); }
.cfg-campo input{ box-sizing:border-box; width:100%; height:38px; }
.cfg-nota{
margin-top:14px; font-size:12px; color:var(--text-secondary); line-height:1.5;
background:var(--surface-1); border:1px dashed var(--border); border-radius:var(--radius); padding:11px 13px;
}
@media (max-width:820px){
.cfg-dialog{ flex-direction:column; height:92vh; }
.cfg-nav{ width:100%; flex-direction:row; overflow-x:auto; border-right:0; border-bottom:1px solid var(--border); padding:10px; }
.cfg-nav-titulo, .cfg-nav-rodape{ display:none; }
.cfg-nav-item{ white-space:nowrap; width:auto; margin-bottom:0; }
.cfg-conteudo{ padding:20px; }
.cfg-dados span{ width:110px; }
}
.side-user{ padding:0 10px 16px; border-bottom:1px solid rgba(255,255,255,.1); margin-bottom:16px; }
.side-user .nome{ font-size:13.5px; font-weight:600; color:#fff; }
.side-user .cargo{ font-size:11.5px; color:rgba(255,255,255,.5); }
.side-user a{ font-size:11.5px; color:rgba(255,255,255,.55); text-decoration:none; }
.side-user a:hover{ color:#fff; }
.navitem,
.navgroup > .navitem-toggle,
.navgroup .subitens .navitem{
font-size:10.8px; text-transform:uppercase; letter-spacing:.04em;
}
.navitem{
display:flex; align-items:center; gap:10px; width:100%; text-align:left;
padding:9px 11px; font-weight:500; line-height:1.2;
border-radius:var(--radius); border:1px solid transparent; text-decoration:none;
background:transparent; color:rgba(255,255,255,.66);
margin-bottom:3px; cursor:pointer; font-family:inherit;
}
.navitem:hover{ background:rgba(255,255,255,.07); color:#fff; }
.navitem.active{
background:rgba(255,255,255,.11); border-color:rgba(255,255,255,.10);
color:#fff; font-weight:600; box-shadow:inset 3px 0 0 -1px var(--green);
}
.navitem.disabled{ opacity:.35; cursor:not-allowed; }
.navgroup > .navitem-toggle{
display:flex; align-items:center; gap:10px; width:100%; text-align:left;
padding:9px 11px; font-weight:500; background:transparent;
color:rgba(255,255,255,.66); border:1px solid transparent; border-radius:var(--radius);
cursor:pointer; font-family:inherit;
}
.navgroup > .navitem-toggle:hover{ background:rgba(255,255,255,.07); color:#fff; }
.navgroup .chev{ margin-left:auto; transition:transform .15s ease; }
.navgroup.open .chev{ transform:rotate(90deg); }
.navgroup .subitens{ padding-left:14px; display:none; }
.navgroup.open .subitens{ display:block; }
.navgroup .subitens .navitem{ padding:7px 11px; }
button, select, input[type=submit]{
box-sizing:border-box;
font-family:inherit; font-size:13.5px; font-weight:550; color:var(--text-primary);
background:rgba(255,255,255,.82); border:1px solid rgba(19,24,41,.12);
border-radius:var(--radius); padding:9px 14px; cursor:pointer;
box-shadow:0 1px 2px rgba(19,24,41,.05);
transition:background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .12s ease;
}
button:hover{ background:#fff; border-color:rgba(118,184,42,.5); box-shadow:0 3px 10px rgba(24,52,16,.10); }
button:active{ transform:translateY(1px); }
input[type=file]{ font-family:inherit; font-size:12.5px; color:var(--text-secondary); }
input[type=file]::file-selector-button,
input[type=file]::-webkit-file-upload-button{
font-family:inherit; font-size:13px; font-weight:550; color:var(--text-primary);
background:rgba(255,255,255,.82); border:1px solid rgba(19,24,41,.12);
border-radius:var(--radius); padding:8px 14px; cursor:pointer;
box-shadow:0 1px 2px rgba(19,24,41,.05); margin-right:10px;
transition:background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}
input[type=file]::file-selector-button:hover,
input[type=file]::-webkit-file-upload-button:hover{
background:#fff; border-color:rgba(118,184,42,.5); box-shadow:0 3px 10px rgba(24,52,16,.10);
}
a.btn{
text-decoration:none; display:inline-flex; align-items:center; gap:7px;
font-size:13.5px; font-weight:550; line-height:1.2;
}
:where(a.btn, a.btn-sm, a.btn-primary, a.btn-quiet, a.btn-danger, a.btn-accent, a.btn-google){
box-sizing:border-box; display:inline-flex; align-items:center; gap:7px;
text-decoration:none; line-height:1.2; padding:9px 14px;
border:1px solid rgba(19,24,41,.12); border-radius:var(--radius);
background:rgba(255,255,255,.82); box-shadow:0 1px 2px rgba(19,24,41,.05);
}
a.btn.btn-sm{ font-size:12.5px; }
select[name*="email" i], select[name*="mail" i]{ text-transform:none; }
.btn-primary{
background:linear-gradient(160deg, var(--navy-700), var(--navy-900));
color:#fff; border-color:var(--navy-800); font-weight:600;
box-shadow:0 4px 14px rgba(14,18,32,.22);
}
.btn-primary:hover{ background:linear-gradient(160deg, #232C46, var(--navy-800)); border-color:var(--navy-700); color:#fff; box-shadow:0 6px 18px rgba(14,18,32,.28); }
.btn-accent{
background:linear-gradient(160deg, #8CCB36, var(--green-dark));
color:#fff; border-color:var(--green-dark); font-weight:600;
box-shadow:0 4px 14px rgba(92,149,28,.28);
}
.btn-accent:hover{ background:linear-gradient(160deg, var(--green), #4E8117); border-color:var(--green-dark); color:#fff; box-shadow:0 6px 18px rgba(92,149,28,.34); }
.btn-google{
display:inline-flex; align-items:center; gap:10px;
background:#fff; color:#3C4043; border:1px solid #DADCE0;
border-radius:var(--radius); padding:10px 18px; font-weight:600; font-size:13.5px;
text-decoration:none; box-shadow:0 1px 3px rgba(60,64,67,.14);
transition:background-color .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.btn-google:hover{ background:#F8F9FA; border-color:#C6C9CE; box-shadow:0 2px 8px rgba(60,64,67,.2); color:#202124; }
.btn-quiet{ background:transparent; border-color:transparent; color:var(--text-secondary); }
.btn-quiet:hover{ background:var(--surface-1); border-color:var(--border); color:var(--text-primary); }
.btn-voltar{
display:inline-flex; align-items:center; gap:6px;
background:var(--surface-1); border:1.5px solid var(--border);
color:var(--text-primary); font-weight:700;
}
.btn-voltar::before{ content:'←'; font-weight:800; }
.btn-voltar:hover{ background:var(--surface-2, var(--surface-1)); border-color:var(--green); color:var(--green-dark); }
.btn-danger{
background:#B4322F; border-color:#B4322F; color:#fff;
text-transform:uppercase; letter-spacing:.05em; font-weight:650;
box-shadow:0 2px 8px rgba(180,50,47,.28);
}
.btn-danger:hover{
background:#8F2523; border-color:#8F2523; color:#fff;
box-shadow:0 4px 12px rgba(180,50,47,.4);
}
.btn-verde{
background:var(--green-dark); border-color:var(--green-dark); color:#fff;
text-transform:uppercase; letter-spacing:.05em; font-weight:650;
box-shadow:0 2px 8px rgba(92,149,28,.28);
}
.btn-verde:hover{
background:#4E8117; border-color:#4E8117; color:#fff;
box-shadow:0 4px 12px rgba(92,149,28,.4);
}
.btn-cinza{
background:#9AA3AF; border-color:#9AA3AF; color:#fff;
text-transform:uppercase; letter-spacing:.05em; font-weight:650;
cursor:default; box-shadow:none; opacity:.75;
}
.btn-cinza:hover{ background:#9AA3AF; border-color:#9AA3AF; color:#fff; }
.btn-portal-criar{
background:#9AA3AF; border-color:#9AA3AF; color:#fff;
text-transform:uppercase; letter-spacing:.05em; font-weight:650; cursor:pointer;
}
.btn-portal-criar:hover{
background:var(--green-dark); border-color:var(--green-dark); color:#fff;
box-shadow:0 4px 12px rgba(92,149,28,.4);
}
.col-portal .btn-sm{ min-width:132px; justify-content:center; }
.ct-et-lista{ display:flex; flex-direction:column; gap:6px; }
.ct-et-linha{
display:flex; align-items:center; gap:12px; padding:9px 12px;
border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--surface-1);
}
.ct-et-num{
flex:0 0 auto; width:22px; height:22px; border-radius:50%; background:var(--surface-0);
color:var(--text-secondary); font-size:11px; font-weight:700;
display:inline-flex; align-items:center; justify-content:center;
}
.ct-et-nome{ flex:1 1 auto; min-width:0; font-weight:600; font-size:13.5px; }
.ct-et-meta{ flex:0 0 auto; font-size:11.5px; color:var(--text-muted); }
.ct-et-status{
flex:0 0 auto; font-size:11px; font-weight:700; padding:3px 9px; border-radius:999px;
background:var(--surface-0); color:var(--text-secondary); white-space:nowrap;
}
.ct-et-linha.feita .ct-et-nome{ color:var(--text-secondary); }
.ct-et-linha.feita .ct-et-status{ background:var(--green-soft); color:var(--green-dark); }
.ct-et-pe{ display:flex; align-items:center; gap:14px; margin-top:12px; flex-wrap:wrap; }
.ct-et-pe .field-hint{ flex:1 1 260px; }
.btn-sm{ padding:5px 10px; font-size:12.5px; }
.card{ background:var(--surface-2); border:1px solid var(--border); border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); }
.panel{ background:var(--surface-2); border:1px solid var(--border); border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); padding:16px; }
.page-head{ margin-bottom:20px; }
.page-title{ font-size:22px; font-weight:700; letter-spacing:-.02em; margin:0 0 3px; }
.page-sub{
font-size:9.5px; color:var(--text-secondary); margin:0;
max-width:none; line-height:1.5;
}
.section-title{ font-size:14.5px; font-weight:600; margin-bottom:5px; }
.section-sub{ font-size:12.5px; color:var(--text-secondary); margin-bottom:12px; }
input[type=text], input[type=email], input[type=password], input[type=date],
input[type=time], input[type=number], input[type=tel], input[type=url], textarea{
box-sizing:border-box;
font-family:inherit; font-size:13.5px; color:var(--text-primary);
background:var(--campo-fundo);
border:1px solid rgba(19,24,41,.10); border-radius:var(--radius);
padding:0 13px; height:44px; width:100%;
box-shadow:inset 0 1px 2px rgba(19,24,41,.04);
transition:border-color .16s ease, box-shadow .16s ease, background-color .16s ease, transform .16s ease;
}
textarea{ resize:vertical; min-height:104px; height:auto; padding:12px 13px; line-height:1.6; }
.field select, select.full{
box-sizing:border-box;
width:100%; height:44px; padding:0 38px 0 13px;
font-family:inherit; font-size:13.5px; font-weight:400; color:var(--text-primary);
background-color:var(--campo-fundo); border:1px solid rgba(19,24,41,.10);
border-radius:var(--radius); cursor:pointer;
box-shadow:inset 0 1px 2px rgba(19,24,41,.04);
appearance:none; -webkit-appearance:none; -moz-appearance:none;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2359607A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
background-repeat:no-repeat; background-position:right 14px center;
transition:border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}
.field select:hover, select.full:hover,
input:hover, textarea:hover{ border-color:rgba(118,184,42,.45); background-color:var(--campo-fundo-foco); }
input:focus, textarea:focus, select:focus{
outline:none; border-color:var(--green);
background-color:var(--campo-fundo-foco);
box-shadow:0 0 0 4px rgba(118,184,42,.15), inset 0 1px 2px rgba(19,24,41,.03);
}
input::placeholder, textarea::placeholder{ color:#A3AAB8; }
input[type=checkbox], input[type=radio]{ accent-color:var(--green); width:16px; height:16px; cursor:pointer; }
input[type=color]{
height:40px; width:56px; padding:4px; cursor:pointer;
border:1px solid var(--border-strong); border-radius:var(--radius); background:var(--surface-2);
}
input[type=color]:hover{ border-color:#C4C9D6; }
label.field-label{
display:block; font-size:11.5px; font-weight:650; letter-spacing:.03em;
color:var(--text-secondary); margin-bottom:8px; text-transform:uppercase;
}
label.field-label .obrig{ color:#C1443F; margin-left:3px; }
.field{ margin-bottom:22px; }
.field-hint{ font-size:11.5px; color:var(--text-muted); margin-top:7px; line-height:1.5; }
.form-actions{
background:linear-gradient(160deg, rgba(255,255,255,.92), rgba(246,251,240,.86));
-webkit-backdrop-filter:blur(20px) saturate(150%);
backdrop-filter:blur(20px) saturate(150%);
border:1px solid var(--vidro-borda);
border-radius:var(--radius-lg);
box-shadow:0 -4px 24px rgba(24,52,16,.08), var(--vidro-brilho);
}
.form-grid-2{ display:grid; grid-template-columns:1fr 1fr; gap:22px 20px; }
.form-grid-3{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:22px 20px; }
.form-grid-4{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px 20px; }
.form-grid-2 > .field, .form-grid-3 > .field, .form-grid-4 > .field{ margin-bottom:0; }
.form-grid-2, .form-grid-3, .form-grid-4{ margin-bottom:22px; }
.linha-contato-adicional{
display:grid; grid-template-columns:1.2fr .8fr 1fr 1fr auto;
align-items:end; gap:8px; margin-bottom:8px;
}
.linha-contato-adicional > .field{ margin-bottom:0; }
.form-section{
position:relative;
background:var(--vidro-fundo);
-webkit-backdrop-filter:blur(22px) saturate(150%);
backdrop-filter:blur(22px) saturate(150%);
border:1px solid var(--vidro-borda);
border-radius:var(--radius-xl);
box-shadow:var(--vidro-sombra), var(--vidro-brilho);
padding:28px 30px; margin-bottom:22px;
transition:box-shadow .25s ease, transform .25s ease;
}
.form-section::after{
content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
border:1px solid transparent;
background:linear-gradient(180deg, rgba(118,184,42,.30), rgba(118,184,42,0) 42%) border-box;
-webkit-mask:linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
-webkit-mask-composite:xor; mask-composite:exclude;
}
.form-section:hover{ box-shadow:0 16px 40px rgba(24,52,16,.11), 0 3px 10px rgba(24,52,16,.06), var(--vidro-brilho); }
.form-section > h3{
font-size:12.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
color:var(--green-dark); margin:0 0 4px;
display:flex; align-items:center; gap:9px;
}
.form-section > h3::before{
content:""; width:4px; height:15px; border-radius:3px; flex-shrink:0;
background:linear-gradient(180deg, var(--green), var(--green-dark));
}
.form-section > .desc{ font-size:12.5px; color:var(--text-secondary); margin:0 0 22px; }
.form-section > h3 + .form-grid-2,
.form-section > h3 + .form-grid-3,
.form-section > h3 + .form-grid-4,
.form-section > h3 + .field{ margin-top:22px; }
.form-section > .field:last-child,
.form-section > .form-grid-2:last-child,
.form-section > .form-grid-3:last-child,
.form-section > .form-grid-4:last-child{ margin-bottom:0; }
.panel{
background:var(--vidro-fundo);
-webkit-backdrop-filter:blur(18px) saturate(140%);
backdrop-filter:blur(18px) saturate(140%);
border:1px solid var(--vidro-borda);
border-radius:var(--radius-lg);
box-shadow:var(--vidro-sombra), var(--vidro-brilho);
padding:20px;
}
.form-actions{
position:sticky; bottom:0; z-index:5;
display:flex; align-items:center; gap:10px; flex-wrap:wrap;
background:var(--surface-2); border:1px solid var(--border);
border-radius:var(--radius-lg); box-shadow:var(--shadow-md);
padding:14px 18px; margin-top:4px;
}
.form-actions .espaco{ flex:1; }
.form-actions .btn-primary, .form-actions button[type=submit]{ padding:9px 20px; }
.form-error{ font-size:12px; color:#B4322F; margin-top:5px; }
.campo-invalido{ border-color:#D9534F !important; box-shadow:0 0 0 3px rgba(217,83,79,.14) !important; }
.filtros{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-bottom:16px; }
.filtros input[type=text], .filtros input[type=search]{ width:auto; min-width:240px; flex:0 1 320px; }
.filtros select{
width:auto; min-width:170px; height:40px; padding:0 34px 0 11px;
font-family:inherit; font-size:13.5px; color:var(--text-primary);
background-color:var(--surface-2); border:1px solid var(--border-strong);
border-radius:var(--radius); cursor:pointer;
appearance:none; -webkit-appearance:none; -moz-appearance:none;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2359607A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
background-repeat:no-repeat; background-position:right 12px center;
}
.fmulti{ position:relative; }
.fmulti > summary{
list-style:none; display:flex; align-items:center;
width:auto; min-width:190px; height:40px; padding:0 34px 0 11px;
font-family:inherit; font-size:13.5px; color:var(--text-primary);
background-color:var(--surface-2); border:1px solid var(--border-strong);
border-radius:var(--radius); cursor:pointer; white-space:nowrap;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2359607A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
background-repeat:no-repeat; background-position:right 12px center;
}
.fmulti > summary::-webkit-details-marker{ display:none; }
.fmulti > summary::marker{ content:''; }
.fmulti[open] > summary{ border-color:var(--green); }
.fmulti-cx{
position:absolute; z-index:40; top:calc(100% + 6px); left:0; min-width:252px;
background:var(--surface-2); border:1px solid var(--border-strong);
border-radius:var(--radius); box-shadow:var(--shadow-md); padding:10px;
}
.fmulti-tit{ font-size:11px; letter-spacing:.04em; color:var(--text-muted); margin:2px 4px 8px; }
.fmulti-op{
display:flex; align-items:center; gap:8px; padding:6px;
border-radius:var(--radius-sm); cursor:pointer; font-size:13.5px; white-space:nowrap;
}
.fmulti-op:hover{ background:var(--surface-0); }
.fmulti-bolinha{ width:9px; height:9px; border-radius:50%; flex-shrink:0; }
.fmulti-rod{
display:flex; align-items:center; gap:10px;
margin-top:8px; padding-top:9px; border-top:1px solid var(--border);
}
.fmulti-dica{ font-size:11.5px; color:var(--text-muted); white-space:nowrap; }
.tbl-wrap{
background:var(--vidro-fundo);
-webkit-backdrop-filter:blur(18px) saturate(140%);
backdrop-filter:blur(18px) saturate(140%);
border:1px solid var(--vidro-borda); border-radius:var(--radius-lg);
box-shadow:var(--vidro-sombra), var(--vidro-brilho); overflow:hidden;
}
.tbl thead th{ background:rgba(247,251,243,.9) !important; }
.tbl tbody tr{ transition:background-color .14s ease; }
.tbl tbody tr:hover{ background:rgba(118,184,42,.06) !important; }
.tbl-scroll{ overflow-x:auto; }
.tbl{ width:100%; border-collapse:collapse; font-size:13px; }
.tbl thead th{
text-align:left; font-size:11px; font-weight:600; letter-spacing:.05em; text-transform:uppercase;
color:var(--text-muted); background:var(--surface-1); padding:10px 14px; border-bottom:1px solid var(--border); white-space:nowrap;
}
.tbl tbody td{ padding:11px 14px; border-top:1px solid var(--border); vertical-align:middle; }
.tbl.tbl-densa{ font-size:12.5px; }
.tbl.tbl-densa thead th,
.tbl.tbl-densa tbody td{ padding-left:9px; padding-right:9px; }
.tbl.tbl-densa .btn-sm{ padding:4px 9px; font-size:11.5px; }
.tbl-acoes{ text-align:right; white-space:normal; }
@media (max-width:1259px){
}
.tbl tbody tr:hover{ background:var(--surface-1); }
.num{ text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.col-centro{ text-align:center; }
.status-chip{ display:inline-flex; align-items:center; gap:5px; font-size:11.5px; font-weight:600; padding:4px 9px; border-radius:999px; white-space:nowrap; }
.status-chip .dot{ width:6px; height:6px; border-radius:50%; flex-shrink:0; }
.badge-ativo{ background:#EAF6DA; color:#3D6B14; } .badge-ativo .dot{ background:#76B82A; }
.badge-inativo{ background:#EEF0F4; color:#4A5169; } .badge-inativo .dot{ background:#98A0B5; }
.badge-prospect{ background:#E4EFFC; color:#1B5698; } .badge-prospect .dot{ background:#3B82D9; }
.badge-bloqueado{ background:#FDEAEA; color:#B22228; } .badge-bloqueado .dot{ background:#D9534F; }
.badge-concluido{ background:#ECEBFD; color:#453BA0; } .badge-concluido .dot{ background:#7A6FE0; }
.empty{
border:1.5px dashed rgba(118,184,42,.35); border-radius:var(--radius-lg);
background:linear-gradient(160deg, rgba(255,255,255,.7), rgba(244,250,236,.6));
-webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
padding:36px 24px; text-align:center; font-size:13.5px; color:var(--text-muted);
}
.stat{
background:var(--vidro-fundo);
-webkit-backdrop-filter:blur(18px) saturate(140%);
backdrop-filter:blur(18px) saturate(140%);
border:1px solid var(--vidro-borda); border-radius:var(--radius);
box-shadow:var(--vidro-sombra), var(--vidro-brilho);
padding:9px 13px;
transition:transform .2s ease, box-shadow .2s ease;
}
.stat:hover{ transform:translateY(-1px); box-shadow:0 10px 24px rgba(24,52,16,.10), var(--vidro-brilho); }
.alert{
border-radius:var(--radius); padding:11px 14px; font-size:13px; margin-bottom:16px;
border:1px solid transparent; display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}
.alert-sucesso{ background:var(--green-soft); color:var(--green-dark); border-color:#D3E9B5; }
.alert-erro{ background:#FDECEC; color:#8F2523; border-color:#F6D6D5; }
.alert-desfazer{ margin-left:auto; }
.stat-sub{ font-size:10px; color:var(--text-muted); margin-top:0; line-height:1.35; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wfl-grupo-titulo{
font-size:13px; font-weight:700; color:var(--text-secondary);
text-transform:uppercase; letter-spacing:.04em;
margin:18px 0 10px; padding-bottom:6px; border-bottom:1px solid var(--border);
}
.wfl-grupo-titulo:first-of-type{ margin-top:4px; }
.wfl-grid{ display:flex; flex-direction:column; gap:8px; }
.wfl-card{
display:grid;
grid-template-columns:128px minmax(140px,1.35fr) minmax(150px,1.5fr) 128px auto minmax(140px,1fr);
grid-template-areas:
"chip nome meta prog rodape prox"
"chip dentro dentro dentro dentro dentro";
align-items:center; column-gap:14px; row-gap:0;
text-decoration:none; color:inherit;
background:var(--surface-2); border:1.5px solid var(--border);
border-left:4px solid var(--wfl-cor, var(--border));
border-radius:var(--radius-lg); padding:11px 15px; box-shadow:var(--shadow-sm);
transition:border-color .12s ease, box-shadow .12s ease, background .12s ease;
}
.wfl-card:hover{ background:var(--surface-1); box-shadow:var(--shadow-lg); }
.wfl-chip{
grid-area:chip; justify-self:start;
display:inline-flex; align-items:center; gap:6px;
font-size:10px; font-weight:700; letter-spacing:.06em;
padding:3px 9px; border-radius:999px; border:1px solid var(--border); background:var(--surface-1);
color:var(--text-secondary); max-width:100%; overflow:hidden; white-space:nowrap;
}
.wfl-chip i{ width:7px; height:7px; border-radius:50%; }
.wfl-chip-ico{ display:flex; flex-shrink:0; }
.wfl-chip-ico svg{ display:block; }
.wfl-nome{
grid-area:nome; font-size:14px; font-weight:750; letter-spacing:-.015em; line-height:1.3;
min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.wfl-meta{
grid-area:meta; font-size:12px; color:var(--text-muted);
min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
@media(max-width:1100px){
.wfl-card{
grid-template-columns:1fr;
grid-template-areas:"chip" "nome" "meta" "dentro" "prog" "rodape" "prox";
align-items:start; row-gap:7px;
}
.wfl-nome{ white-space:normal; }
.wfl-meta{ white-space:normal; }
}
.wfl-prog{
grid-area:prog;
position:relative; display:flex; align-items:center; gap:8px; height:8px;
background:rgba(19,24,41,.08); border-radius:999px; margin:2px 34px 2px 0;
}
.wfl-prog i{ position:absolute; left:0; top:0; bottom:0; border-radius:999px; }
.wfl-prog b{ position:absolute; right:-34px; top:50%; transform:translateY(-50%); font-size:12px; font-variant-numeric:tabular-nums; }
.wfl-rodape{ grid-area:rodape; display:flex; align-items:center; gap:8px; }
.wfl-avatares{ display:flex; gap:3px; }
.wfl-status{
font-size:11px; font-weight:700; padding:3px 10px; border-radius:999px; white-space:nowrap;
background:var(--green-soft); color:var(--green-dark); border:1px solid #D3E9B5;
}
.wfl-status.atraso{ background:rgba(180,50,47,.1); color:#B4322F; border-color:rgba(180,50,47,.35); }
.wfl-prox{
grid-area:prox; font-size:12px; color:var(--text-secondary);
min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.wfl-prox.atraso{ color:#B4322F; font-weight:650; }
@media(max-width:1100px){
.wfl-avatares{ flex:1; }
.wfl-prox{
white-space:normal; border-top:1px dashed var(--border); padding-top:8px; width:100%;
}
}
.wfm-overlay{
position:fixed; inset:0; z-index:900; background:rgba(11,15,26,.45);
backdrop-filter:blur(3px); display:flex; align-items:center; justify-content:center; padding:22px;
}
.wfm-caixa{
width:min(1060px, 100%); max-height:88vh; overflow:auto;
background:var(--surface-1); border:1px solid var(--border); border-radius:18px;
box-shadow:var(--shadow-lg); padding:22px 24px 26px;
}
.wfm-cabeca{ display:flex; align-items:flex-start; gap:14px; margin-bottom:16px; }
.wfm-cabeca h2{ font-size:19px; letter-spacing:-.015em; display:flex; align-items:center; gap:9px; }
.wfm-cabeca h2 svg{ display:block; flex-shrink:0; color:var(--text-secondary); }
.wfm-cabeca p{ font-size:13px; color:var(--text-secondary); margin-top:4px; max-width:640px; }
.wfm-fechar{
margin-left:auto; width:30px; height:30px; flex-shrink:0; border-radius:9px; cursor:pointer;
background:transparent; border:1px solid var(--border); color:var(--text-secondary);
}
.wfm-fechar,
.cfg-fechar,
.lead-modal-x,
.ev-popover .fechar,
.pc-fechar{
display:inline-flex; align-items:center; justify-content:center;
padding:0; line-height:1; text-align:center;
}
.lead-modal-x{ width:30px; height:30px; border-radius:9px; }
.wfm-fechar:hover{ background:rgba(19,24,41,.06); color:var(--text-primary); }
.wfm-exemplo{
border:1px dashed var(--border-strong); border-radius:10px; padding:10px;
background:var(--surface-1); margin-top:auto;
}
.exf-kb{ display:flex; gap:6px; }
.exf-kb > div{ flex:1; background:rgba(19,24,41,.04); border-radius:7px; padding:5px; }
.exf-kb i{ display:block; height:5px; border-radius:3px; background:rgba(19,24,41,.18); margin-bottom:5px; }
.exf-kb b{ display:block; height:9px; border-radius:4px; margin-bottom:4px; opacity:.75; }
.exf-tab{ display:grid; grid-template-columns:1fr auto; gap:3px 10px; font-size:10.5px; color:var(--text-secondary); }
.exf-tab b{ font-variant-numeric:tabular-nums; }
.exf-chips{ display:flex; flex-wrap:wrap; gap:4px; }
.exf-chips i{ font-style:normal; font-size:10px; font-weight:600; padding:3px 8px; border-radius:999px; background:rgba(24,95,165,.1); color:#185FA5; }
.exf-swot{ display:grid; grid-template-columns:1fr 1fr; gap:4px; }
.exf-swot i{ font-style:normal; display:flex; align-items:center; justify-content:center; height:26px; border-radius:6px; font-size:11px; font-weight:800; color:rgba(19,24,41,.6); }
.exf-okr{ display:flex; flex-direction:column; gap:6px; }
.exf-okr span{ display:block; height:8px; border-radius:99px; background:linear-gradient(90deg,#185FA5,#185FA5); position:relative; }
.exf-okr span::after{ content:""; position:absolute; left:0; right:-0; top:0; bottom:0; border-radius:99px; background:rgba(19,24,41,.08); z-index:-1; }
.exf-bmc{ display:grid; grid-template-columns:repeat(5,1fr); gap:4px; }
.exf-bmc i{ height:22px; border-radius:5px; background:rgba(19,24,41,.07); }
.exf-bmc i.w{ grid-column:span 2; }
.exf-bmc i.w:last-child{ grid-column:span 3; }
.exf-s5{ display:flex; flex-direction:column; gap:3px; font-size:10.5px; }
.exf-s5 i{ font-style:normal; color:var(--text-muted); }
.exf-s5 i.ok{ color:var(--green-dark); font-weight:650; }
.exf-flow{ display:flex; flex-direction:column; align-items:center; font-size:10px; color:var(--text-secondary); }
.exf-flow i{ font-style:normal; border:1px solid var(--border-strong); border-radius:5px; padding:2px 10px; background:var(--surface-2); }
.exf-flow i.r{ border-radius:999px; }
.exf-flow i.d{ border-style:dashed; }
.exf-flow s{ text-decoration:none; color:var(--text-muted); line-height:1.1; }
.fx-kb-lim-inp{ width:52px !important; height:28px; font-size:12px; text-align:center; flex-shrink:0; }
.fx-kb-pega{ cursor:grab; color:var(--text-muted); font-size:13px; flex-shrink:0; }
.fx-kb-card.arrastando{ opacity:.35; }
.fx-kb-card.sobre{ border-top:2px solid var(--green); }
.fx-kb-col.sobre{ background:rgba(118,184,42,.07); border-color:var(--green); }
.fx-zoom-grupo{ display:inline-flex; align-items:center; gap:4px; }
@media(max-width:900px){  }
.pf-cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:8px; }
.pf-check{
display:inline-flex; align-items:center; gap:7px; font-size:12.5px;
color:var(--text-secondary); cursor:pointer; white-space:nowrap;
}
.pf-check input{ width:15px; height:15px; accent-color:var(--green); }
.pf-quadro{
display:flex; gap:14px; align-items:flex-start; overflow-x:auto;
padding:14px; border-radius:16px; scrollbar-width:thin;
background:linear-gradient(180deg, rgba(19,24,41,.022), rgba(19,24,41,.045));
border:1px solid var(--border);
}
.pf-col{
flex:0 0 296px; display:flex; flex-direction:column; gap:9px;
background:rgba(252,252,251,.6); border:1px solid var(--border);
border-radius:12px; padding:10px; max-height:calc(100vh - 300px); overflow-y:auto;
}
.pf-col.tem-atraso{ border-color:rgba(180,50,47,.35); }
.pf-col-topo{
display:flex; align-items:center; gap:7px; flex-wrap:wrap;
padding-bottom:9px; border-bottom:2px solid var(--border);
position:sticky; top:-10px; background:rgba(252,252,251,.96); z-index:2;
margin:-10px -10px 0; padding:10px;
}
.pf-col-num{
font-size:10px; font-weight:800; letter-spacing:.08em;
padding:2px 8px; border-radius:999px; background:var(--navy-800); color:#fff;
}
.pf-col-nome{ font-size:13.5px; font-weight:750; letter-spacing:-.01em; flex:1; min-width:0; }
.pf-col-cont{
font-size:11px; font-weight:700; padding:1px 8px; border-radius:999px;
background:rgba(19,24,41,.08); color:var(--text-secondary);
}
.pf-col-atraso{
width:100%; font-size:10.5px; font-weight:700; color:#B4322F;
background:rgba(180,50,47,.1); border-radius:6px; padding:3px 8px; text-align:center;
}
.pf-cli{
background:var(--surface-1); border:1px solid var(--border); border-left:3px solid var(--border-strong);
border-radius:10px; padding:11px 12px; box-shadow:0 1px 2px rgba(19,24,41,.05);
}
.pf-cli.atrasada{ border-left-color:#B4322F; background:linear-gradient(180deg, rgba(180,50,47,.05), var(--surface-1)); }
.pf-cli.feita{ border-left-color:var(--green); opacity:.72; }
.pf-cli-topo{ display:flex; align-items:center; gap:8px; }
.pf-cli-nome{ font-size:13.5px; font-weight:700; color:inherit; text-decoration:none; flex:1; min-width:0; }
.pf-cli-nome:hover{ text-decoration:underline; }
.ct-numero{
font-size:10.5px; font-weight:800; letter-spacing:.03em; font-variant-numeric:tabular-nums;
padding:2px 7px; border-radius:6px; background:rgba(24,95,165,.1); color:#185FA5;
text-decoration:none; white-space:nowrap;
}
a.ct-numero:hover, .pf-cli-ct:hover{ background:rgba(24,95,165,.2); }
.pf-cli-ct{
font-size:10.5px; font-weight:800; letter-spacing:.03em; font-variant-numeric:tabular-nums;
padding:2px 7px; border-radius:6px; background:rgba(24,95,165,.1); color:#185FA5;
text-decoration:none; white-space:nowrap; flex-shrink:0;
}
.pf-cli-meta{ font-size:11.5px; color:var(--text-muted); margin-top:3px; }
.pf-cli-prazo{ font-size:11.5px; margin-top:5px; }
.pf-prazo{ color:var(--text-secondary); }
.pf-atraso{ color:#B4322F; font-weight:700; }
.pf-ok{ color:var(--green-dark); font-weight:700; }
.pf-barra{
position:relative; height:6px; margin:8px 34px 0 0;
background:rgba(19,24,41,.08); border-radius:99px;
}
.pf-barra i{ position:absolute; left:0; top:0; bottom:0; background:var(--green); border-radius:99px; }
.pf-barra b{ position:absolute; right:-34px; top:-5px; font-size:11px; font-variant-numeric:tabular-nums; color:var(--text-muted); }
.pf-hist{ margin-top:9px; font-size:12px; }
.pf-hist summary{ cursor:pointer; color:var(--text-secondary); font-weight:600; font-size:11.5px; }
.pf-hist-item{ border-left:2px solid var(--border-strong); padding:5px 0 5px 9px; margin-top:6px; }
.pf-hist-item b{ font-variant-numeric:tabular-nums; }
.pf-hist-item p{ color:var(--text-secondary); margin:3px 0; line-height:1.45; }
.pf-hist-item a{ font-size:11.5px; }
.pf-btn-concluir, .pf-btn-reabrir{
width:100%; margin-top:10px; padding:8px 10px; border-radius:8px; cursor:pointer;
font-size:12px; font-weight:700; border:1px solid var(--green);
background:rgba(118,184,42,.12); color:var(--green-dark);
}
.pf-btn-concluir:hover{ background:var(--green); color:#fff; }
.pf-btn-reabrir{ border-color:var(--border-strong); background:transparent; color:var(--text-secondary); }
.pf-btn-reabrir:hover{ background:rgba(19,24,41,.06); color:var(--text-primary); }
.pf-form{
margin-top:10px; padding-top:10px; border-top:1px dashed var(--border);
display:flex; flex-direction:column; gap:8px;
}
.pf-form label{
display:flex; flex-direction:column; gap:3px;
font-size:10.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--text-muted);
}
.pf-form textarea{ resize:vertical; font-size:12.5px; }
.pf-form-acoes{ display:flex; gap:7px; }
.pf-linha-tempo{ display:flex; flex-direction:column; gap:0; }
.pf-lt-item{ display:flex; gap:14px; position:relative; padding-bottom:16px; }
.pf-lt-item::before{
content:""; position:absolute; left:15px; top:32px; bottom:0; width:2px; background:var(--border-strong);
}
.pf-lt-item:last-child::before{ display:none; }
.pf-lt-marca{
width:32px; height:32px; flex-shrink:0; border-radius:50%; z-index:1;
display:flex; align-items:center; justify-content:center;
font-size:13px; font-weight:800; background:var(--surface-2);
border:2px solid var(--border-strong); color:var(--text-secondary);
}
.pf-lt-item.ok .pf-lt-marca{ background:var(--green); border-color:var(--green); color:#fff; }
.pf-lt-item.ok::before{ background:var(--green); }
.pf-lt-item.atraso .pf-lt-marca{ border-color:#B4322F; color:#B4322F; }
.pf-lt-corpo{
flex:1; min-width:0; background:var(--surface-2); border:1px solid var(--border);
border-radius:12px; padding:12px 14px;
}
.pf-lt-item.atraso .pf-lt-corpo{ border-color:rgba(180,50,47,.35); }
.pf-lt-nome{ font-size:14px; font-weight:700; display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.pf-lt-chip{
font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.04em;
padding:2px 8px; border-radius:999px; background:rgba(19,24,41,.08); color:var(--text-secondary);
}
.pf-lt-item.ok .pf-lt-chip{ background:var(--green-soft); color:var(--green-dark); }
.pf-lt-item.atraso .pf-lt-chip{ background:rgba(180,50,47,.12); color:#B4322F; }
.pf-lt-item.atraso-cliente .pf-lt-marca{ border-color:#B4671B; color:#B4671B; }
.pf-lt-item.atraso-cliente .pf-lt-corpo{ border-color:rgba(180,103,27,.35); }
.pf-lt-item.atraso-cliente .pf-lt-chip{ background:#FFF1DF; color:#B4671B; }
.pf-lt-chip.pf-lt-chip-cliente{ background:#FFF1DF; color:#B4671B; }
.pf-lt-acoes{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.pf-lt-form-inline{ display:inline-flex; }
.pfl-prazo-cliente{ color:#B4671B; font-weight:650; }
.pfl-chip.cliente{ background:#FFF1DF; color:#B4671B; }
.pf-lt-prazos{ font-size:12px; color:var(--text-secondary); margin-top:5px; line-height:1.5; }
.pf-lt-reg{
margin-top:9px; padding:8px 11px; border-radius:9px;
background:rgba(118,184,42,.07); border-left:3px solid var(--green); font-size:12.5px;
}
.pf-lt-reg p{ color:var(--text-secondary); margin:4px 0; line-height:1.5; }
.ct-etapa-usar{ width:16px; height:16px; accent-color:var(--green); flex-shrink:0; }
.ct-etapa.fora{ opacity:.4; }
.ct-etapa.fora .ct-etapa-nome{ text-decoration:line-through; }
.ct-etapa.fora input[type=number]{ pointer-events:none; opacity:.5; }
.ct-irmaos-cont{
font-size:11px; font-weight:700; padding:1px 8px; border-radius:999px;
background:rgba(19,24,41,.08); color:var(--text-secondary); margin-left:6px;
}
.ct-irmaos{ display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:10px; }
.ct-irmao{
display:flex; align-items:center; gap:8px; flex-wrap:wrap; text-decoration:none; color:inherit;
background:var(--surface-2); border:1px solid var(--border); border-radius:11px; padding:11px 13px;
transition:border-color .12s, transform .12s;
}
.ct-irmao:hover{ border-color:var(--border-strong); transform:translateY(-1px); }
.ct-irmao.arquivado{ opacity:.6; }
.ct-irmao-prod{ font-size:13px; font-weight:650; flex:1; min-width:0; }
.ct-irmao-meta{ width:100%; font-size:11.5px; color:var(--text-muted); }
.ct-irmao-status{
font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.04em;
padding:2px 8px; border-radius:999px; background:var(--green-soft); color:var(--green-dark);
}
.ct-irmao-status.off{ background:rgba(19,24,41,.08); color:var(--text-muted); }
.ct-irmao-prog{
position:relative; width:100%; height:5px; margin:2px 32px 0 0;
background:rgba(19,24,41,.08); border-radius:99px;
}
.ct-irmao-prog i{ position:absolute; left:0; top:0; bottom:0; background:var(--green); border-radius:99px; }
.ct-irmao-prog b{ position:absolute; right:-32px; top:-5px; font-size:10.5px; color:var(--text-muted); }
@media (max-width:480px){   }
.fx-kb{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.fx-kb-col{ background:var(--surface-2); border:1px solid var(--border); border-radius:12px; padding:10px; min-height:160px; }
.fx-kb-topo{ display:flex; align-items:center; gap:8px; margin-bottom:9px; }
.fx-kb-topo input{ border:0; background:transparent; font-weight:700; font-size:12.5px; text-transform:uppercase; letter-spacing:.05em; padding:2px 4px; height:auto; }
.fx-kb-lim{ font-size:11px; color:var(--text-muted); font-variant-numeric:tabular-nums; flex-shrink:0; }
.fx-kb-card{
display:flex; gap:4px; align-items:center; background:var(--surface-1);
border:1px solid var(--border); border-left:4px solid #185FA5; border-radius:9px;
padding:6px 7px; margin-bottom:7px;
}
.fx-kb-card input{ border:0; background:transparent; font-size:13px; padding:2px 4px; height:auto; }
.fx-kb-acoes{ display:flex; gap:3px; flex-shrink:0; }
@media(max-width:820px){   }
.ag-diarias{
margin-top:14px; display:flex; flex-direction:column; flex:1 1 auto; min-height:90px;
border:1px solid var(--border); border-radius:12px; background:var(--surface-1); padding:10px 12px;
}
.ag-diarias.atrasada{ border-color:#B4322F; background:rgba(180,50,47,.08); }
.ag-diarias-titulo{ font-size:10px; font-weight:700; margin:10px 0 3px; }
.ag-diarias-titulo:first-child{ margin-top:0; }
.ag-diarias-lista{ overflow-y:auto; min-height:0; flex:1 1 auto; }
.ag-diarias-item{ display:flex; align-items:center; gap:7px; padding:3px 0; }
.ag-diarias-sep{ border:none; border-top:1px dashed var(--border); margin:0; }
.ag-diarias-tick{
width:17px; height:17px; border-radius:50%; border:2px solid var(--border-strong);
background:transparent; cursor:pointer; color:#fff; font-size:9px; line-height:1;
flex-shrink:0; padding:0;
}
.ag-diarias-item.feita .ag-diarias-tick{ background:var(--green); border-color:var(--green); }
.ag-diarias-tick:hover:not(:disabled){ border-color:var(--green); }
.ag-diarias-txt{ display:flex; flex-direction:column; min-width:0; line-height:1.25; }
.ag-diarias-hora{ font-size:8.5px; font-weight:700; color:var(--text-secondary); font-variant-numeric:tabular-nums; }
.ag-diarias-nome{ font-size:10px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ag-diarias-item.feita .ag-diarias-nome{ text-decoration:line-through; opacity:.6; }
.ag-diarias-item.atrasada .ag-diarias-nome{ color:#B4322F; }
.pc-pend-modelos{ display:flex; flex-wrap:wrap; gap:7px; margin-bottom:16px; }
.pc-pend-modelo{
border:1.5px solid var(--border-strong); background:var(--surface-2);
border-radius:99px; padding:7px 13px; font-size:12px; font-weight:650;
color:var(--text-secondary); cursor:pointer;
}
.pc-pend-modelo:hover{ border-color:var(--green); color:var(--text-primary); }
.pc-pend-modelo.on{ background:var(--green); border-color:var(--green); color:#fff; }
.pc-pend-form .field{ margin-bottom:14px; }
.pc-prods{ display:grid; grid-template-columns:repeat(auto-fill, minmax(330px, 1fr)); gap:16px; }
.pc-prod{
position:relative; display:flex; flex-direction:column; gap:9px;
padding:24px 22px 18px; min-height:176px; border-radius:16px;
border:1.5px solid var(--border); background:var(--surface-2); overflow:hidden;
text-decoration:none; color:var(--text-primary);
transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.pc-prod::before{ content:""; position:absolute; inset:0 0 auto 0; height:6px; background:var(--pp,#185FA5); }
.pc-prod::after{
content:""; position:absolute; right:-46px; top:-46px; width:150px; height:150px;
border-radius:50%; background:var(--pp,#185FA5); opacity:.07; pointer-events:none;
}
.pc-prod:hover{ transform:translateY(-3px); border-color:var(--pp,#185FA5); box-shadow:0 14px 32px rgba(19,24,41,.14); }
.pc-prod-topo{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.pc-prod-cod{ font-size:11.5px; font-weight:800; letter-spacing:.07em; color:var(--pp,#185FA5); }
.pc-prod-badge{
font-size:11px; font-weight:700; padding:4px 10px; border-radius:99px;
background:var(--surface-1); border:1px solid var(--border); color:var(--text-secondary);
}
.pc-prod-nome{ font-size:19px; font-weight:750; line-height:1.25; letter-spacing:-.01em; }
.pc-prod-etapas{ font-size:12px; color:var(--text-secondary); font-variant-numeric:tabular-nums; }
.pc-prod-barra{ height:7px; border-radius:99px; background:rgba(19,24,41,.08); overflow:hidden; }
.pc-prod-barra i{ display:block; height:100%; border-radius:99px; background:var(--pp,#185FA5); }
.pc-prod-abrir{
margin-top:auto; display:flex; align-items:center; gap:7px;
font-size:12.5px; font-weight:700; color:var(--pp,#185FA5);
}
.pc-prod:hover .pc-prod-abrir svg{ transform:translateX(3px); }
.pc-prod-abrir svg{ transition:transform .14s ease; }
@media(max-width:900px){     }
.fx-seta-b{ bottom:-11px; left:50%; transform:translateX(-50%); }
.fx-seta-t{ top:-11px; left:50%; transform:translateX(-50%); }
.fx-seta-l{ left:-11px; top:50%; transform:translateY(-50%); }
.fx-seta-r{ right:-11px; top:50%; transform:translateY(-50%); }
.fx-flow-mapa{ position:relative; margin:0 auto; }
.fx-flow-svg{ position:absolute; top:0; left:0; overflow:visible; pointer-events:none; }
.fx-flow-svg path{ fill:none; stroke:var(--border-strong); stroke-width:1.5; }
.fx-fnode{
display:flex; gap:6px; align-items:center; width:min(520px,100%);
border:1.5px solid var(--border-strong); background:var(--surface-2);
border-radius:10px; padding:6px 10px;
}
.adsfx-cartao .fx-fnode{ cursor:pointer; }
.adsfx-cartao .fx-fnode-txt, .adsfx-cartao .fx-seta, .adsfx-cartao .fx-flow-toolbar{ cursor:auto; }
.fx-flow-mapa .fx-fnode{
position:absolute; flex-direction:column; align-items:stretch;
width:220px; box-sizing:border-box;
}
.fx-fnode.decisao{ border-style:dashed; background:rgba(24,95,165,.05); }
.fx-fnode input, .fx-fnode .fx-fnode-txt{ border:0; background:transparent; font-size:13px; padding:2px 4px; height:auto; text-align:center; font-weight:650; }
.fx-fnode .fx-fnode-txt{
display:block; font-family:inherit; line-height:1.25;
min-height:0; resize:none; overflow:hidden; word-break:break-word;
}
.fx-no-corpicker{ width:20px !important; height:20px; padding:1px !important; border-radius:6px; flex-shrink:0; cursor:pointer; }
.fx-uni-pop{
position:fixed; z-index:1200; width:250px;
background:var(--surface-1); border:1px solid var(--border-strong);
border-radius:12px; box-shadow:0 10px 30px rgba(19,24,41,.18); padding:9px;
}
.btn-cobranca{
display:inline-flex; align-items:center; gap:7px;
background:#FDF3F2; border:1px solid #F0C9C7; color:#B4322F; font-weight:650;
}
.btn-cobranca:hover{ background:#FBE9E7; border-color:#E5A9A6; }
.btn-cobranca-badge{
font-size:11px; font-weight:700; font-variant-numeric:tabular-nums;
padding:2px 7px; border-radius:999px; background:rgba(180,50,47,.13);
}
.cob-cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:12px; }
.cob-card{
display:flex; flex-direction:column; gap:3px; padding:13px 15px;
border-radius:var(--radius); border:1px solid var(--border); background:var(--surface-2);
}
.cob-card span{ font-size:11px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--text-muted); }
.cob-card b{ font-size:20px; font-weight:750; letter-spacing:-.02em; }
.cob-card-alerta{ border-color:#F0C9C7; background:#FDF3F2; }
.cob-card-alerta b{ color:#B4322F; }
.cob-tabela th.num, .cob-tabela td.num{ text-align:right; white-space:nowrap; }
.cob-linha{ border-left:4px solid transparent; }
.cob-linha.leve{ border-left-color:#E0A82E; }
.cob-linha.media{ border-left-color:#D97A2B; }
.cob-linha.grave{ border-left-color:#B4322F; }
.cob-cli{ font-weight:700; font-size:13.5px; }
.cob-cli a{ color:inherit; text-decoration:none; }
.cob-cli a:hover{ text-decoration:underline; }
.cob-cli-sub{ font-size:11px; color:var(--text-muted); margin-top:2px; }
.cob-atraso-mini{
font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.03em;
padding:1px 6px; border-radius:999px; background:rgba(180,50,47,.11); color:#B4322F;
}
.cob-doc{ font-variant-numeric:tabular-nums; font-size:12.5px; color:var(--text-secondary); white-space:nowrap; }
.cob-contrato{ display:block; font-size:10.5px; color:var(--text-muted); margin-top:1px; }
.cob-meses{ font-size:12.5px; color:var(--text-secondary); }
.cob-total{ font-weight:750; color:#B4322F; }
.cob-total small{ display:block; font-size:10.5px; font-weight:500; color:var(--text-muted); }
.cob-acoes-td{ white-space:nowrap; }
.cob-acoes-td .cob-link{ margin-left:8px; }
.cob-acoes-td .cob-link:first-child{ margin-left:0; }
.cob-abrir{
background:transparent; border:0; border-bottom:1px dotted var(--border-strong);
cursor:pointer; padding:0; font-size:12px; color:var(--text-secondary); font-family:inherit;
}
.cob-abrir.aberto{ color:var(--text-primary); font-weight:650; }
.cob-detalhe > td{ background:rgba(19,24,41,.03); padding:8px 14px !important; }
.cob-rodape{ text-align:right; font-weight:650; font-size:12.5px; color:var(--text-secondary); }
.cob-total-geral{ font-weight:800; font-size:14px; color:#B4322F; }
.cob-cliente{
border:1px solid var(--border); border-left:4px solid var(--border-strong);
border-radius:var(--radius); background:var(--surface-2);
margin-bottom:12px; overflow:hidden;
}
.cob-cliente.leve{ border-left-color:#E0A82E; }
.cob-cliente.media{ border-left-color:#D97A2B; }
.cob-cliente.grave{ border-left-color:#B4322F; }
.cob-cliente-topo{
display:flex; align-items:center; gap:14px; flex-wrap:wrap;
padding:12px 16px; border-bottom:1px solid var(--border);
}
.cob-cliente-id{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; font-size:14.5px; font-weight:700; }
.cob-cliente-id a{ color:inherit; text-decoration:none; }
.cob-cliente-id a:hover{ text-decoration:underline; }
.cob-atraso{
font-size:10.5px; font-weight:700; letter-spacing:.03em; text-transform:uppercase;
padding:3px 8px; border-radius:999px; background:rgba(180,50,47,.11); color:#B4322F;
}
.cob-cliente-contato{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; flex:1; }
.cob-link{ font-size:12px; color:var(--text-secondary); text-decoration:none; border-bottom:1px dotted var(--border-strong); }
.cob-link:hover{ color:var(--text-primary); }
.cob-sem-contato{ font-size:11.5px; color:var(--text-muted); font-style:italic; }
.cob-cliente-total{ display:flex; flex-direction:column; align-items:flex-end; gap:1px; margin-left:auto; }
.cob-cliente-total span{ font-size:11px; color:var(--text-muted); }
.cob-cliente-total b{ font-size:16px; font-weight:750; color:#B4322F; }
.cob-item{ border-bottom:1px solid rgba(19,24,41,.05); }
.cob-item:last-child{ border-bottom:0; }
.cob-item > summary{
display:flex; align-items:center; gap:10px; flex-wrap:wrap;
padding:9px 16px; cursor:pointer; font-size:13px; list-style:none;
}
.cob-item > summary::-webkit-details-marker{ display:none; }
.cob-item > summary:hover{ background:rgba(19,24,41,.03); }
.cob-item[open] > summary{ background:rgba(19,24,41,.04); }
.cob-venc{ font-variant-numeric:tabular-nums; color:var(--text-secondary); width:78px; flex-shrink:0; }
.cob-dias{
font-size:11px; font-weight:700; font-variant-numeric:tabular-nums;
padding:2px 6px; border-radius:6px; background:rgba(180,50,47,.1); color:#B4322F; flex-shrink:0;
}
.cob-desc{ font-weight:500; }
.cob-origem{ font-size:11.5px; color:var(--text-muted); }
.cob-chip-parcial{
font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.03em;
padding:2px 7px; border-radius:999px; background:rgba(224,168,46,.16); color:#8A6110;
}
.cob-valor{ margin-left:auto; font-weight:700; font-variant-numeric:tabular-nums; }
@media (max-width:800px){
.cob-cliente-total{ margin-left:0; align-items:flex-start; }
.cob-venc{ width:auto; }
.cob-valor{ margin-left:0; }
}
.ct-cobranca-opcoes{ display:flex; gap:10px; flex-wrap:wrap; }
.ct-cobranca-op{
flex:1 1 200px; display:flex; flex-direction:column; gap:2px; cursor:pointer;
padding:11px 13px; border-radius:var(--radius); border:1.5px solid var(--border);
background:var(--surface-2); transition:border-color .12s, background .12s;
}
.ct-cobranca-op:hover{ border-color:var(--border-strong); }
.ct-cobranca-op.ativo{ border-color:var(--green); background:rgba(118,184,42,.07); }
.ct-cobranca-op input{ position:absolute; opacity:0; pointer-events:none; }
.ct-cobranca-op b{ font-size:13px; font-weight:650; }
.ct-cobranca-op small{ font-size:11px; color:var(--text-muted); line-height:1.35; }
.ct-parcelas-calc{
display:flex; align-items:center; min-height:40px; padding:0 12px;
border-radius:var(--radius); border:1px dashed var(--border-strong);
background:rgba(118,184,42,.06); color:var(--text-secondary);
font-size:13px; font-weight:600;
}
.ct-parcelas-calc.erro{ background:#FDECEC; border-color:#F6D6D5; color:#8F2523; }
.pfl-wrap{ overflow-x:auto; }
.pfl-paginacao{
display:flex; align-items:center; justify-content:space-between; gap:12px;
margin-top:12px; padding:10px 4px; flex-wrap:wrap;
}
.pfl-pag-info{ font-size:12.5px; color:var(--text-muted); }
.pfl-pag-bts{ display:flex; gap:8px; }
.pfl{ display:flex; flex-direction:column; gap:5px; min-width:900px; }
.pfl-linha{
display:grid;
grid-template-columns:minmax(170px,1.5fr) minmax(140px,1.1fr) 84px minmax(180px,1.4fr) 120px minmax(160px,.9fr) 40px;
gap:0; align-items:stretch;
}
.pfl-cab{ padding:0 6px; }
.pfl-cab > span{
padding:0 16px; font-size:11px; font-weight:700; text-transform:uppercase;
letter-spacing:.04em; color:var(--text-muted);
}
.pfl-item{
border:1.5px solid var(--border); border-radius:var(--radius-lg);
background:var(--surface-2); box-shadow:var(--shadow-sm);
transition:border-color .12s, box-shadow .12s;
}
.pfl-item:hover{ border-color:var(--border-strong); box-shadow:var(--shadow-md, var(--shadow-sm)); }
.pfl-item.tem-atraso{ border-left:3px solid #B4322F; }
.pfl-item.tem-pendencia{ border-left:3px solid #A9750C; }
.pfl-pend-badge{
display:inline-flex; align-items:center; justify-content:center;
min-width:17px; height:17px; padding:0 5px; margin-right:6px;
background:#B4671B; color:#fff; font-size:10px; font-weight:700;
line-height:1; border-radius:999px; vertical-align:middle; flex-shrink:0;
}
.pfl-item[open]{
border-color:var(--green);
box-shadow:0 8px 26px rgba(19,24,41,.12), 0 0 0 2px rgba(118,184,42,.22);
position:relative; z-index:60;
}
.pfl-item.tem-atraso[open]{
border-color:#B4322F;
box-shadow:0 8px 26px rgba(19,24,41,.12), 0 0 0 2px rgba(180,50,47,.22);
}
.pfl-item.tem-pendencia[open]{
border-color:#A9750C;
box-shadow:0 8px 26px rgba(19,24,41,.12), 0 0 0 2px rgba(169,117,12,.22);
}
.pfl-escuro{
position:fixed; inset:0; z-index:55; border:0; padding:0; margin:0;
background:rgba(11,15,26,.34); -webkit-backdrop-filter:blur(1.5px); backdrop-filter:blur(1.5px);
cursor:pointer; animation:cfg-fade .16s ease-out;
}
.pfl-item[open] > summary{ background:rgba(118,184,42,.05); border-radius:var(--radius-lg) var(--radius-lg) 0 0; }
.pfl-item.tem-atraso[open] > summary{ background:rgba(180,50,47,.05); }
.pfl-item.tem-pendencia[open] > summary{ background:rgba(169,117,12,.05); }
.pfl-item summary{ list-style:none; cursor:pointer; padding:0 6px; }
.pfl-item summary::-webkit-details-marker{ display:none; }
.pfl-item[open] summary .pfl-abrir{ transform:rotate(180deg); }
.pfl-item summary > *{
padding:13px 16px; border-left:1px solid var(--border);
}
.pfl-item summary > :first-child{ border-left:0; }
.pfl-cel{
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
font-size:13px; color:var(--text-secondary); min-width:0; line-height:1.5;
}
.pfl-lead{ font-weight:650; color:var(--text-primary); font-size:13.5px; }
.pfl-empresa{ font-weight:500; color:var(--text-primary); font-size:13px; }
.pfl-cliente-caixa{
display:inline-flex; align-items:center; padding:3px 10px; border-radius:8px;
font-weight:650;
}
.pfl-cliente-caixa--atraso{ background:#FDEAEA; color:#B22228; }
.pfl-cliente-caixa--pendencia{ background:#FDF3C7; color:#A9750C; }
.pfl-cliente-caixa--ok{ background:#EAF6DA; color:#3D6B14; }
.pfl-cliente-caixa .pfl-pend-badge{ background:#A9750C; }
.pfl-num{ font-weight:700; font-variant-numeric:tabular-nums; color:var(--text-primary); font-size:14px; }
.pfl-prazo-atraso{ color:#B4322F; font-weight:650; }
.pfl-chip{ display:inline-block; font-size:11px; font-weight:700; padding:4px 11px; border-radius:999px; white-space:nowrap; }
.pfl-chip.ok{ background:#EAF6DA; color:#3D6B14; }
.pfl-chip.atraso{ background:#FDEAEA; color:#B22228; }
.pfl-chip.done{ background:#ECEBFD; color:#453BA0; }
.pfl-item summary > .pfl-abrir{
text-align:center; color:var(--text-muted); transition:transform .15s;
padding-left:4px; padding-right:4px; overflow:visible; text-overflow:clip;
}
.pfl-acoes{ padding:0 20px 16px; border-top:1px dashed var(--border); }
.pfl-acoes-links{ display:flex; gap:8px; padding-top:12px; flex-wrap:wrap; }
.um-modelos{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:10px; }
.um-modelo{
border:1.5px solid var(--border); border-radius:var(--radius-lg);
background:var(--surface-2); padding:13px 15px;
display:flex; flex-direction:column; gap:4px;
}
.um-modelo.atual{ border-color:var(--green); box-shadow:0 0 0 2px rgba(118,184,42,.16); }
.um-modelo-nome{ font-size:14px; font-weight:700; }
.um-modelo-cols{ font-size:11.5px; color:var(--text-muted); }
.um-modelo-acoes{ display:flex; gap:6px; flex-wrap:wrap; margin-top:6px; }
.pfl-leads .pfl-linha{
grid-template-columns:minmax(170px,1.4fr) minmax(140px,1.1fr) minmax(120px,1fr) minmax(130px,1fr) 130px minmax(110px,.9fr) 110px;
}
.lead-sel-produto{
width:100%; height:30px; padding:2px 6px; font-size:12.5px;
border:1px solid transparent; border-radius:7px; background:transparent;
color:var(--text-primary); cursor:pointer;
}
.lead-sel-produto:hover{ border-color:var(--border-strong); background:var(--surface-2); }
.lead-sel-produto:focus{ border-color:var(--green); background:var(--surface-2); }
.lead-bt-jafalei{ padding:8px 14px; color:var(--green-dark); font-weight:650; }
.lead-bt-jafalei:hover{ background:var(--green-soft); }
.lead-form-toque{ margin:0; width:100%; height:100%; }
.lead-bt-toque{
display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0;
width:100%; height:100%; box-sizing:border-box; padding:2px 4px; cursor:pointer; font-family:inherit;
background:var(--surface-2); border:0; border-radius:0; box-shadow:none; color:var(--text-secondary); line-height:1.15;
}
.lead-bt-toque:hover{ background:var(--green-soft); }
.lead-toque-rot, .lead-toque-linha2{
max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.lead-toque-rot{ font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:0; }
.lead-toque-linha2{ font-size:8.5px; font-weight:700; text-transform:uppercase; letter-spacing:.01em; }
.lead-bt-toque.tem{ color:var(--text-primary); }
.lead-bt-toque.fresco{ background:#EDF7E2; color:#3E7113; }
.lead-bt-toque.morno { background:#FFF3E0; color:#9A5C10; }
.lead-bt-toque.frio  { background:#FDECEC; color:#A8403D; }
.lead-bt-toque.fresco:hover{ background:#E4F2D3; }
.lead-bt-toque.morno:hover { background:#FFEBCE; }
.lead-bt-toque.frio:hover  { background:#FBDDDC; }
.lead-bt-toque.hoje{ background:#679405; color:#fff; }
.lead-bt-toque.hoje:hover{ background:#577E04; }
span.lead-bt-toque{ cursor:default; justify-content:center; }
.pfl-painel-leads .pfl-linha{
grid-template-columns:
minmax(150px, .5fr)
148px
minmax(130px, 1.6fr)
minmax(130px, 1.6fr)
38px
minmax(160px, .7fr)
54px
54px
54px
170px
104px;
}
.pfl-painel-leads{ min-width:1192px; }
.pfl-painel-leads .pfl-zap{ display:flex; align-items:center; justify-content:center; padding:0; }
.pfl-painel-leads .pfl-linha select{
width:100%; min-width:0; text-overflow:ellipsis;
}
.pfl-painel-leads .pfl-cab > span,
.pfl-painel-leads .pfl-item > .pfl-linha > *{ padding-left:12px; padding-right:12px; }
.pfl-painel-leads .pfl-cel-bt{ overflow:visible; text-overflow:clip; }
.pfl-painel-leads .pfl-cel-obs,
.pfl-painel-leads .pfl-cel-fechou,
.pfl-painel-leads .pfl-cel-followup{ display:flex; align-items:center; justify-content:center; }
.pfl-painel-leads .pfl-item > .pfl-linha > .pfl-cel-followup{ padding:0; }
.pfl-painel-leads .pfl-cab > span.cab-centro{ text-align:center; }
.lead-contato-autor{
display:block; margin-top:3px; font-size:10px; font-weight:600;
color:var(--text-muted); line-height:1.2; white-space:nowrap;
overflow:hidden; text-overflow:ellipsis;
}
.pfl-painel-leads .pfl-cel-produto{
display:flex; align-items:center;
white-space:normal; overflow:visible; text-overflow:clip;
}
.lead-produto{ position:relative; display:block; width:100%; min-width:0; }
.pfl-painel-leads .lead-produto .lead-sel-produto{
position:absolute; top:0; right:0; bottom:0; left:0;
width:100%; height:100%; opacity:0;
margin:0; padding:0; border:0; box-shadow:none; cursor:pointer; z-index:2;
}
.lead-produto-rot, .lead-produto-txt{
display:block; width:100%; box-sizing:border-box;
padding:3px 20px 3px 6px;
border:1px solid transparent; border-radius:7px; background:transparent;
font-size:12px; font-weight:550; line-height:1.28; color:var(--text-primary);
white-space:normal; overflow-wrap:anywhere;
}
.lead-produto-rot{ position:relative; }
.lead-produto-rot::after{
content:''; position:absolute; right:7px; top:50%; margin-top:-2px;
border-left:4px solid transparent; border-right:4px solid transparent;
border-top:5px solid var(--text-muted);
}
.lead-produto:hover .lead-produto-rot{ border-color:var(--border-strong); background:var(--surface-2); }
.lead-produto .lead-sel-produto:focus + .lead-produto-rot{ border-color:var(--green); background:var(--surface-2); }
.lead-produto-txt{ padding-right:6px; }
.lead-tarja-reuniao{
margin:0 0 12px; padding:8px 12px; border-radius:8px;
background:rgba(34,207,224,.14); border:1px solid rgba(34,207,224,.42);
font-size:12.5px; font-weight:600; color:var(--text-secondary);
line-height:1.35;
}
.lead-tarja-reuniao b{ font-weight:750; color:var(--text-primary); }
.pfl-link{ text-decoration:none; color:inherit; display:block; }
.pfl-link .pfl-linha > *{ padding:19px 16px; border-left:1px solid var(--border); }
.pfl-link .pfl-linha > :first-child{ border-left:0; }
.pfl-painel-leads .pfl-item > .pfl-linha > *{ padding:7px 12px; border-left:1px solid var(--border); }
.pfl-painel-leads .pfl-item > .pfl-linha > :first-child{ border-left:0; }
.pfl-etapa{ font-weight:700; font-size:12px; text-transform:uppercase; letter-spacing:.03em; color:var(--text-secondary); }
.pfl-lead a, .pfl-empresa a{ color:inherit; text-decoration:none; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pfl-lead a:hover, .pfl-empresa a:hover{ color:var(--text-accent); text-decoration:underline; }
.lead-chip-status{
display:inline-block; font-size:11px; font-weight:650; padding:4px 10px; border-radius:999px;
background:var(--surface-1); border:1px solid var(--border); color:var(--text-secondary); white-space:nowrap;
}
.lead-bt-obs, .lead-bt-contato, .lead-bt-fechou{
display:inline-flex; align-items:center; gap:4px; text-decoration:none; white-space:nowrap;
font-size:11px; font-weight:700; padding:4px 8px; border-radius:8px; border:1px solid var(--border);
background:var(--surface-2); color:var(--text-secondary);
}
.lead-bt-obs{
justify-content:center; width:28px; height:26px; padding:0;
font-size:12px; font-weight:700; color:var(--text-muted);
}
.lead-bt-obs.tem{ background:var(--green-soft); border-color:#D3E9B5; color:var(--green-dark); }
.lead-bt-reuniao{
display:inline-flex; align-items:center; justify-content:center;
width:30px; height:28px; padding:0; border-radius:8px;
border:1px solid var(--border); background:var(--surface-2);
color:var(--text-muted); cursor:pointer;
}
.lead-bt-reuniao.tem{
border-color:var(--cor-reuniao);
background:color-mix(in srgb, var(--cor-reuniao) 20%, transparent);
color:color-mix(in srgb, var(--cor-reuniao) 78%, #10131F);
}
.lead-bt-reuniao:hover{ border-color:var(--border-strong); color:var(--text-primary); }
.lead-bt-reuniao.tem:hover{ border-color:var(--cor-reuniao); }
span.lead-bt-reuniao{ cursor:default; }
.lead-nota{
display:inline-flex; align-items:center; justify-content:center;
min-width:46px; height:26px; padding:0 6px; border-radius:8px;
border:1px solid var(--border); background:var(--surface-2);
font-size:12px; font-weight:800; color:var(--text-secondary); white-space:nowrap;
box-shadow:none; cursor:default;
}
.lead-nota.vazio{ color:var(--text-muted); font-weight:600; font-size:11px; }
.lead-nota-azul{     background:#DDE8FB; border-color:#AEC5EE; color:#1D4B93; }
.lead-nota-verde{    background:#DFF5E3; border-color:#A9DDB6; color:#1E6B33; }
.lead-nota-laranja{  background:#FDEBD2; border-color:#F3CE9B; color:#8A5308; }
.lead-nota-vermelho{ background:#FBDEDC; border-color:#EFB6B3; color:#96262A; }
.lead-bante{
cursor:pointer; text-decoration:none;
width:28px; height:28px; min-width:28px; padding:0;
border-radius:50%; font-size:11.5px;
}
.lead-bante:hover{ filter:brightness(.94); }
.lead-bante.vazio{ background:var(--surface-2); border-color:var(--border); color:var(--text-muted); }
.lead-bante.lead-nota-verde{ background:#25D366; border-color:#1DA851; color:#fff; }
.lead-bante.lead-nota-laranja{ background:#F2A900; border-color:#C98800; color:#fff; }
.lead-bante.lead-nota-vermelho{ background:#AF1010; border-color:#8A0D0D; color:#fff; }
.bante-perguntas{ display:flex; flex-direction:column; gap:14px; margin-bottom:8px; }
.bante-pergunta-card{ padding:16px 18px; }
.bante-pergunta-linha{ display:flex; align-items:flex-end; gap:16px; flex-wrap:wrap; }
.bante-pergunta-linha .field{ margin-bottom:0; }
.bante-campo-peso{ max-width:90px; }
.bante-campo-meta{ max-width:200px; }
.bante-ativa{ display:flex; align-items:center; gap:6px; font-size:13px; font-weight:600; color:var(--text-secondary); padding-bottom:9px; white-space:nowrap; }
.bante-legenda-multipla{ padding-bottom:9px; }
.bante-excluir-form{ margin-left:auto; }
.bante-opcoes-detalhe{ margin-top:14px; border-top:1px dashed var(--border); padding-top:12px; }
.bante-opcoes-detalhe summary{ cursor:pointer; font-size:13px; font-weight:650; color:var(--text-secondary); }
.bante-opcoes-form, .bante-opcao-nova{ margin-top:10px; }
.bante-opcao-linha{ display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.bante-opcao-linha input[type="text"]{ flex:1; }
.bante-campo-nota{ max-width:70px; }
.bante-opcao-excluir{ padding-bottom:0; }
.bante-opcao-nova{ display:flex; align-items:center; gap:10px; }
.bante-opcao-nova input[type="text"]{ flex:1; }
.bante-nova-pergunta{ max-width:560px; margin-top:8px; }
.pfl-painel-leads .pfl-cel-mini{ display:flex; align-items:center; justify-content:center; }
.pfl-painel-leads .pfl-cel-obs{ display:flex; align-items:center; justify-content:center; }
.lead-linha[data-cor-status="verde"] .lead-sel-status,
.lead-linha[data-cor-status="verde"] .lead-chip-status{
background:#DFF5E3; border-color:#A9DDB6; color:#1E6B33;
}
.lead-linha[data-cor-status="laranja"] .lead-sel-status,
.lead-linha[data-cor-status="laranja"] .lead-chip-status{
background:#FDEBD2; border-color:#F3CE9B; color:#8A5308;
}
.lead-linha[data-cor-status="vermelho"] .lead-sel-status,
.lead-linha[data-cor-status="vermelho"] .lead-chip-status{
background:#FBDEDC; border-color:#EFB6B3; color:#96262A;
}
.lead-modal-curta{ max-width:420px; }
.lead-des-opcoes{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:4px 0 2px; }
.lead-des-op{
padding:13px 12px; border-radius:11px; font-size:13px; font-weight:650;
border:1px solid var(--border); background:var(--surface-1); cursor:pointer;
}
.lead-des-op:hover{ border-color:var(--green); background:var(--green-soft); color:var(--green-dark); }
@media (max-width:520px){ .lead-des-opcoes{ grid-template-columns:1fr; } }
.lead-reu-estados{ display:flex; gap:7px; flex-wrap:wrap; }
.lead-reu-op{ display:inline-flex; cursor:pointer; }
.lead-reu-op input{ position:absolute; opacity:0; width:0; height:0; }
.lead-reu-op span{
display:inline-flex; align-items:center; gap:6px;
font-size:11.5px; font-weight:650; padding:7px 12px; border-radius:999px;
border:1px solid var(--border); background:var(--surface-1); color:var(--text-secondary);
}
.lead-reu-op span::before{
content:''; width:9px; height:9px; border-radius:50%; background:var(--c);
}
.lead-reu-op input:checked + span{
border-color:var(--c); background:color-mix(in srgb, var(--c) 16%, transparent);
color:var(--text-primary);
}
.lead-reu-op input:focus-visible + span{ outline:2px solid var(--green); outline-offset:2px; }
.lead-bt-contato{
flex-direction:column; align-items:center; justify-content:center; gap:1px;
width:100%; height:100%; box-sizing:border-box; padding:2px 4px;
border:0; border-radius:0; box-shadow:none; line-height:1.15;
}
.lead-bt-obs:hover, .lead-bt-contato:hover{ border-color:var(--border-strong); color:var(--text-primary); }
.lead-bt-contato.vazio{ color:var(--text-muted); font-weight:600; }
.lead-bt-contato.agendado{ background:#DCEEFF; color:#1D4B93; }
.lead-bt-fechou{ background:#84BE06; border-color:#84BE06; color:#fff; }
.lead-bt-fechou:hover{ background:#679405; border-color:#679405; color:#fff; }
.lead-colunas{ display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start; }
@media (max-width:1000px){ .lead-colunas{ grid-template-columns:1fr; } }
.lead-lista{ display:flex; flex-direction:column; gap:8px; }
.lead-obs{ border:1px solid var(--border); border-radius:var(--radius); background:var(--surface-2); padding:10px 13px; }
.lead-obs-topo{ display:flex; justify-content:space-between; gap:10px; font-size:11.5px; color:var(--text-muted); margin-bottom:4px; }
.lead-obs-topo b{ color:var(--text-primary); font-size:12px; }
.lead-obs p{ margin:0; font-size:13px; line-height:1.5; }
.lead-prox{
border:1px solid var(--border); border-left:3px solid var(--green); border-radius:var(--radius);
background:var(--surface-2); padding:11px 14px; display:flex; flex-direction:column; gap:3px;
}
.lead-prox.atrasado{ border-left-color:#B4322F; background:#FDEAEA; }
.lead-prox b{ font-size:14px; }
.lead-prox span{ font-size:12px; color:var(--text-secondary); }
.lead-prox p{ margin:2px 0 0; font-size:12.5px; }
.lead-prox small{ font-size:11px; color:var(--text-muted); }
.lead-chip-atraso{
align-self:flex-start; font-size:10.5px; font-weight:700; text-transform:uppercase;
background:#B4322F; color:#fff; padding:2px 8px; border-radius:999px; margin-top:4px;
}
.lead-fixo{
box-sizing:border-box; display:flex; align-items:center;
width:100%; height:44px; padding:0 13px;
font-size:13.5px; font-weight:600; color:var(--text-secondary);
background:var(--surface-2); border:1px dashed var(--border); border-radius:var(--radius);
}
.lead-concluir{ margin-top:12px; border-top:1px dashed var(--border); padding-top:10px; }
.lead-concluir > summary{ cursor:pointer; font-size:12.5px; font-weight:700; color:var(--text-secondary); padding:4px 0; }
.lead-hist{
display:flex; gap:10px; align-items:baseline; flex-wrap:wrap;
font-size:12.5px; padding:7px 11px; border:1px solid var(--border);
border-radius:var(--radius-sm); background:var(--surface-2);
}
.lead-hist-data{ color:var(--text-muted); font-size:11.5px; white-space:nowrap; }
.lead-hist-acao{ font-weight:650; }
.lead-hist-det{ color:var(--text-secondary); }
.lead-hist-autor{ margin-left:auto; color:var(--text-muted); font-size:11.5px; }
.tg-ev-alca{
position:absolute; left:0; right:0; bottom:0; height:9px;
cursor:ns-resize; z-index:5; pointer-events:auto;
display:flex; align-items:flex-end; justify-content:center;
}
.tg-ev-alca::before{
content:''; width:26px; height:3px; margin-bottom:2px; border-radius:2px;
background:rgba(255,255,255,.55); opacity:0; transition:opacity .12s ease;
}
.tg-evento:hover .tg-ev-alca::before{ opacity:1; }
.tg-evento.redimensionando{ box-shadow:0 4px 14px rgba(19,24,41,.4); z-index:6; }
.tg-evento.redimensionando .tg-ev-alca::before{ opacity:1; background:#fff; }
.lead-linha{ border-left:5px solid var(--cor-etapa, var(--border)); }
.lead-linha.tem-atraso{ border-left-color:#B4322F; }
.lead-linha .pfl-etapa{
background:var(--cor-etapa, var(--border));
color:var(--cor-etapa-txt, #fff);
border-radius:var(--radius, 10px) 0 0 var(--radius, 10px);
display:flex;
align-items:center;
}
.lead-linha .pfl-etapa .lead-sel{ color:inherit; }
.lead-linha .pfl-etapa .lead-sel option{ color:var(--text-primary); }
.lead-linha .pfl-etapa .lead-sel:hover,
.lead-linha .pfl-etapa .lead-sel:focus{
background:rgba(255,255,255,.2);
background:color-mix(in srgb, currentColor 14%, transparent);
border-color:rgba(255,255,255,.5);
border-color:color-mix(in srgb, currentColor 38%, transparent);
}
.lead-linha.lead-salvo{ box-shadow:0 0 0 2px rgba(118,184,42,.45); transition:box-shadow .2s ease; }
.lead-linha.lead-erro{ box-shadow:0 0 0 2px rgba(180,50,47,.5); transition:box-shadow .2s ease; }
.lead-sel{
width:100%; max-width:100%; height:30px; padding:3px 6px;
font-size:12.5px; font-weight:650; color:var(--text-primary);
background:transparent; border:1px solid transparent; border-radius:7px;
cursor:pointer; appearance:auto;
}
.lead-sel:hover{ background:var(--surface-2); border-color:var(--border-strong); }
.lead-sel:focus{ background:var(--surface-2); border-color:var(--green); outline:none; }
.lead-sel-etapa{ text-transform:uppercase; font-size:11.5px; letter-spacing:.02em; }
.lead-modal-fundo{
position:fixed; inset:0; z-index:80; display:flex; align-items:center; justify-content:center;
background:rgba(10,14,26,.5); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); padding:18px;
}
.lead-modal{
width:min(430px, 100%); background:var(--surface-2);
border:1px solid var(--border); border-radius:var(--radius-lg);
box-shadow:var(--shadow-lg); padding:18px 20px 16px;
max-height:88vh; overflow-y:auto;
}
.lead-modal-topo{ display:flex; justify-content:space-between; align-items:center; gap:10px; }
.lead-modal-topo h3{ margin:0; font-size:16px; }
.lead-modal-x{ border:0; background:transparent; font-size:16px; cursor:pointer; color:var(--text-muted); padding:2px 6px; }
.lead-modal-x:hover{ color:var(--text-primary); }
.lead-modal-lead{ margin:2px 0 14px; font-size:13px; font-weight:650; color:var(--text-secondary); }
.lead-modal-erro{
margin-top:10px; font-size:12.5px; background:#FDECEC; border:1px solid #F6D6D5;
color:#8F2523; border-radius:var(--radius-sm); padding:8px 11px;
}
.lead-modal-acoes{ display:flex; justify-content:flex-end; gap:8px; margin-top:16px; }
.lead-obs-tit{
margin:18px 0 8px; padding-top:14px; border-top:1px solid var(--border);
font-size:11.5px; font-weight:700; letter-spacing:.04em; color:var(--text-muted);
}
.lead-obs-lista{ display:flex; flex-direction:column; gap:8px; }
.lead-obs-item{
background:var(--surface-1); border:1px solid var(--border);
border-radius:10px; padding:9px 11px;
}
.lead-obs-item p{ margin:0; font-size:12.5px; line-height:1.45; white-space:pre-wrap; }
.lead-obs-assina{
margin-top:6px; font-size:11px; font-weight:650; color:var(--text-muted);
}
.serie-fundo{
position:fixed; inset:0; z-index:90; display:flex; align-items:center; justify-content:center;
background:rgba(10,14,26,.5); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); padding:18px;
}
.serie-caixa{
width:min(360px, 100%); background:var(--surface-2);
border:1px solid var(--border); border-radius:var(--radius-lg);
box-shadow:var(--shadow-lg); padding:20px 22px 14px;
}
.serie-caixa h3{ margin:0 0 14px; font-size:16px; font-weight:650; }
.serie-op{
display:flex; align-items:center; gap:11px; padding:9px 2px;
font-size:14px; cursor:pointer; color:var(--text-primary);
}
.serie-op input{ accent-color:var(--verde); width:17px; height:17px; cursor:pointer; }
.serie-acoes{ display:flex; justify-content:flex-end; gap:6px; margin-top:12px; }
.serie-acoes button{
border:0; background:transparent; cursor:pointer; padding:9px 16px;
border-radius:var(--radius-sm); font-size:14px; font-weight:650; color:var(--verde);
}
.serie-acoes button:hover{ background:rgba(118,184,42,.12); }
.cfg-menu-lista{ display:flex; flex-direction:column; gap:6px; max-width:360px; }
.cfg-menu-item{
display:flex; align-items:center; gap:10px; padding:8px 12px;
border:1.5px solid var(--border); border-radius:10px; background:var(--surface-2);
font-size:13px; font-weight:600;
}
.cfg-menu-nome{ flex:1; min-width:0; }
.cfg-menu-olho{
flex-shrink:0; border:0; background:transparent; cursor:pointer; padding:4px;
color:var(--text-muted); display:flex; align-items:center; border-radius:7px;
}
.cfg-menu-olho:hover{ color:var(--text-primary); background:var(--surface-1); }
.cfg-menu-olho .olho-fechado{ display:none; }
.cfg-menu-oculto .cfg-menu-olho .olho-aberto{ display:none; }
.cfg-menu-oculto .cfg-menu-olho .olho-fechado{ display:block; }
.cfg-menu-oculto .cfg-menu-nome,
.cfg-menu-oculto .etapa-arrastar{ opacity:.4; }
.cfg-menu-oculto{ border-style:dashed; }
.ev-passado{ opacity:.4; filter:saturate(.75); }
.ev-passado:hover{ opacity:.8; filter:none; }
.fin-cards-topo{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px; margin-bottom:12px; }
.fin-cards-topo-2{ margin-top:-4px; }
.fin-cards-topo .stat{ min-width:0; }
.fin-cards-topo .stat-valor{ font-size:16.5px; white-space:nowrap; font-variant-numeric:tabular-nums; }
@media (max-width:1000px){ .fin-cards-topo{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width:560px){ .fin-cards-topo{ grid-template-columns:1fr; } }
.fin-chip-acum{ background:#FDF3E3; color:#8A5B00; }
.fin-chip-nota{ background:var(--surface-0); color:var(--text-muted); font-weight:600; }
.fin-chip-nota.atraso{ background:#FDECEC; color:#A8403D; }
.fin-chip-outro{ background:#EEF0F4; color:#4A5169; }
.fin-valor-vazio{ color:var(--text-muted); font-weight:600; }
.fin-valor-ajustado{ border-bottom:1px dotted currentColor; cursor:help; }
.fin-dif{
display:inline-block; margin-left:8px; padding:2px 8px; border-radius:999px;
font-size:11px; font-weight:650; letter-spacing:.01em;
}
.fin-dif.caro{ background:#FDECEC; color:#A8403D; }
.fin-dif.barato{ background:#EDF7E2; color:#3E7113; }
.fin-aviso-mes{
font-size:12px; line-height:1.45; color:var(--text-secondary);
background:var(--surface-1); border:1px dashed var(--border-strong);
border-radius:var(--radius); padding:8px 11px; margin-bottom:8px;
}
.fin-totais{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:14px; }
@media (max-width:800px){ .fin-totais{ grid-template-columns:1fr; } }
.fin-total{
border:1px solid var(--border); border-radius:var(--radius-lg); padding:13px 16px;
background:var(--surface-2); display:flex; flex-direction:column; gap:3px;
}
.fin-total b{ font-size:19px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.fin-total.ent b{ color:#3E7113; }
.fin-total.sai b{ color:#B4322F; }
.fin-total-rotulo{ font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; color:var(--text-muted); }
.fin-total small{ font-size:12px; color:var(--text-secondary); }
.ct-flags{ display:flex; gap:10px; flex-wrap:wrap; }
.ct-flag{
flex:1 1 180px; display:flex; flex-direction:column; gap:2px; cursor:pointer;
padding:11px 13px; border-radius:var(--radius); border:1.5px solid var(--border);
background:var(--surface-2); transition:border-color .12s, background .12s;
}
.ct-flag:hover{ border-color:var(--border-strong); }
.ct-flag.ativo{ border-color:#D9534F; background:#FDEAEA; }
.ct-flag input{ position:absolute; opacity:0; pointer-events:none; }
.ct-flag b{ font-size:13px; font-weight:650; }
.ct-flag.ativo b{ color:#B22228; }
.ct-flag small{ font-size:11px; color:var(--text-muted); line-height:1.35; }
.ct-flag-chip{
display:inline-block; font-size:10.5px; font-weight:700; padding:2px 7px;
border-radius:999px; background:#FDEAEA; color:#B22228; white-space:nowrap;
margin:2px 3px 0 0; text-transform:uppercase; letter-spacing:.02em;
}
.btn-desfazer{
display:inline-flex; align-items:center; gap:5px;
padding:4px 10px; border-radius:999px; cursor:pointer;
font-size:12px; font-weight:600; line-height:1;
background:rgba(255,255,255,.75); border:1px solid currentColor;
color:inherit; box-shadow:none;
}
.btn-desfazer:hover{ background:#fff; }
.tbl .btn-desfazer{ color:var(--text-secondary); border-color:var(--border-strong); }
.tbl .btn-desfazer:hover{ color:var(--text-primary); }
.login-shell{ min-height:100vh; display:flex; align-items:center; justify-content:center; background:var(--navy-800); padding:20px; }
.login-card{ width:100%; max-width:380px; background:var(--surface-2); border-radius:var(--radius-xl); box-shadow:var(--shadow-lg); padding:32px 28px; }
.login-card .brandmark{ justify-content:center; margin-bottom:26px; padding:0; }
.login-card .brandmark img{ max-width:230px; }
.senha-wrap{ position:relative; }
.senha-wrap button{ position:absolute; right:6px; top:6px; bottom:6px; border:0; background:transparent; padding:0 8px; }
.topbar{ display:flex; align-items:center; gap:14px; margin-bottom:20px; }
.topbar-busca{
flex:1; max-width:420px; display:flex; align-items:center; gap:9px;
background:var(--surface-2); border:1px solid var(--border-strong); border-radius:var(--radius);
padding:0 12px; height:38px; color:var(--text-muted);
}
.topbar-busca input{ border:0; background:transparent; padding:0; height:auto; }
.topbar-busca input:focus{ box-shadow:none; }
.topbar-sino{
position:relative; display:inline-flex; align-items:center; justify-content:center;
width:38px; height:38px; border-radius:var(--radius); color:var(--text-secondary);
background:var(--surface-2); border:1px solid var(--border-strong); flex-shrink:0;
}
.topbar-sino:hover{ background:var(--surface-1); color:var(--text-primary); }
.topbar-badge{
position:absolute; top:-5px; right:-5px; background:#D9534F; color:#fff;
font-size:10px; font-weight:700; min-width:16px; height:16px; border-radius:999px;
display:flex; align-items:center; justify-content:center; padding:0 3px;
}
.nav-badge{
margin-left:auto; background:#D9534F; color:#fff;
font-size:10px; font-weight:700; line-height:1; min-width:17px; height:17px;
border-radius:999px; display:inline-flex; align-items:center; justify-content:center; padding:0 5px;
}
.navitem-toggle .nav-badge{ margin-left:auto; margin-right:2px; }
.check-row{
display:flex; align-items:center; gap:9px; font-size:13px; cursor:pointer;
padding:8px 10px; border-radius:var(--radius-sm);
}
.check-row:hover{ background:var(--surface-1); }
.conteudo-card{ padding:15px; display:flex; flex-direction:column; }
.conteudo-titulo{
font-size:14.5px; font-weight:650; letter-spacing:-.01em; line-height:1.35;
color:var(--text-primary); text-decoration:none; min-width:0;
}
.conteudo-titulo:hover{ text-decoration:underline; }
.conteudo-trecho{
font-size:12px; color:var(--text-secondary); line-height:1.5; margin-top:9px;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.meta-badge{
font-size:11px; font-weight:500; color:var(--text-secondary);
background:var(--surface-1); border:1px solid var(--border);
border-radius:999px; padding:3px 10px;
}
.card-sep{
display:flex; justify-content:space-between; align-items:center; gap:8px;
margin-top:12px; padding-top:11px; border-top:1px solid var(--border);
}
.conteudo-card.done{
background:linear-gradient(158deg,#7FC22E 0%,var(--green) 45%,var(--green-dark) 100%);
border-color:var(--green-dark); box-shadow:0 4px 16px rgba(118,184,42,.30);
}
.conteudo-card.done, .conteudo-card.done *{ color:#fff; border-color:rgba(255,255,255,.28); }
.conteudo-card.done .meta-badge{ background:rgba(255,255,255,.18); border-color:rgba(255,255,255,.30); }
.conteudo-card.done .card-sep{ border-top-color:rgba(255,255,255,.28); }
.conteudo-card.done .btn{ background:rgba(255,255,255,.17); border-color:rgba(255,255,255,.32); }
.conteudo-card.done .btn:hover{ background:rgba(255,255,255,.28); }
.conteudo-card.done input[type=checkbox]{ accent-color:#fff; }
.conteudo-card.done .dim{ color:rgba(255,255,255,.85); }
.cal-grid{ display:grid; grid-template-columns:repeat(7,1fr); gap:6px; }
.cal-wd{
font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase;
color:var(--text-muted); text-align:center; padding:0 0 7px;
}
.daycell{
background:var(--surface-2); border:1px solid var(--border); border-radius:var(--radius);
min-height:104px; padding:7px; display:block; text-decoration:none; color:inherit;
}
.daycell:hover{ border-color:var(--border-strong); box-shadow:var(--shadow-sm); }
.daycell.fora{ background:var(--surface-1); opacity:.6; }
.daycell.hoje{ border-color:var(--green); box-shadow:0 0 0 2px rgba(118,184,42,.16); }
.daynum{ font-size:11.5px; font-weight:600; color:var(--text-secondary); }
.daycell.hoje .daynum{
color:#fff; background:var(--green); border-radius:999px;
min-width:20px; height:20px; display:inline-flex; align-items:center; justify-content:center; padding:0 6px;
}
.pchip{
display:block; font-size:11px; font-weight:500; padding:3px 6px; border-radius:6px;
margin-top:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none;
}
.cal-nav{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.cal-nav .mes{ font-size:16px; font-weight:650; letter-spacing:-.015em; padding:0 4px; }
.cal-visoes{
display:inline-flex; border:1px solid var(--border-strong); border-radius:8px;
overflow:hidden;
}
.cal-visoes a{
font-size:13px; font-weight:600; color:var(--text-secondary); text-decoration:none;
padding:8px 16px; line-height:1; background:var(--surface-2);
}
.cal-visoes a + a{ border-left:1px solid var(--border-strong); }
.cal-visoes a:hover{ color:var(--text-primary); }
.cal-visoes a.on{ background:rgba(118,184,42,.16); color:var(--text-primary); }
.cal-mes{
border:1px solid var(--border); border-radius:var(--radius); overflow:hidden;
background:var(--surface-2);
}
.cal-mes-wd{
display:grid; grid-template-columns:repeat(7,1fr);
border-bottom:1px solid var(--border);
}
.cal-mes-wd span{
font-size:13px; color:var(--text-secondary); text-align:center; padding:11px 4px;
}
.cal-mes-corpo{ display:grid; grid-template-columns:repeat(7,1fr); }
.cal-dia{
min-height:118px; padding:7px 8px; border-top:1px solid var(--border);
border-left:1px solid var(--border); text-decoration:none; color:inherit; display:block;
}
.cal-mes-corpo > .cal-dia:nth-child(7n+1){ border-left:0; }
.cal-mes-corpo > .cal-dia:nth-child(-n+7){ border-top:0; }
.cal-dia:hover{ background:var(--surface-1); }
.cal-dia .num{ font-size:13px; color:var(--text-secondary); }
.cal-dia.fora .num{ color:var(--text-muted); opacity:.55; }
.cal-sem{
border:1px solid var(--border); border-radius:var(--radius); overflow:hidden;
background:var(--surface-2);
}
.cal-sem-cab,
.cal-sem-corpo{ display:grid; grid-template-columns:repeat(var(--cols), minmax(0,1fr)); }
.cal-sem-cab{ border-bottom:1px solid var(--border); }
.cal-sem-cab a{
padding:9px 4px; text-align:center; font-size:13px; color:var(--text-secondary);
text-decoration:none; border-left:1px solid var(--border);
}
.cal-sem-cab a:first-child{ border-left:0; }
.cal-sem-cab a:hover{ color:var(--text-primary); }
.cal-sem-col{
min-height:340px; padding:8px 7px; border-left:1px solid var(--border);
display:flex; flex-direction:column; gap:9px;
}
.cal-sem-corpo > .cal-sem-col:first-child{ border-left:0; }
.cal-card{
background:rgba(118,184,42,.13); border-radius:8px; padding:7px;
text-decoration:none; color:inherit; display:block;
}
.cal-card:hover{ background:rgba(118,184,42,.22); }
.cal-card.postado{ opacity:.62; }
.cal-card-topo{
display:flex; align-items:center; gap:6px; font-size:12.5px; font-weight:600;
color:var(--text-primary); margin-bottom:6px;
}
.cal-card-mini{
position:relative; aspect-ratio:4/3; border-radius:5px; overflow:hidden;
background:#1C2B33; display:flex; align-items:center; justify-content:center;
}
.cal-card-mini img{ width:100%; height:100%; object-fit:cover; display:block; }
.cal-card-mini .semfoto{ color:rgba(255,255,255,.45); font-size:11px; padding:6px; text-align:center; }
.cal-card-mini .rede{ position:absolute; right:5px; bottom:5px; line-height:0; }
.cal-card-nome{
font-size:11.5px; color:var(--text-secondary); margin-top:5px;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
#calPop{
position:absolute; z-index:80; display:none;
background:var(--surface-2); border:1px solid var(--border-strong);
border-radius:10px; box-shadow:0 8px 26px rgba(19,24,41,.16);
padding:9px; min-width:168px;
}
#calPop.aberto{ display:block; }
#calPop .dia{
font-size:11px; font-weight:600; letter-spacing:.04em; text-transform:uppercase;
color:var(--text-muted); padding:0 4px 7px;
}
#calPop a{
display:flex; align-items:center; gap:8px; text-decoration:none;
font-size:13.5px; font-weight:600; color:#fff; background:var(--green);
border-radius:8px; padding:9px 12px;
}
#calPop a:hover{ filter:brightness(1.06); }
.cal-criar{
border:1.5px dashed var(--border-strong); border-radius:8px; padding:16px 10px;
text-align:center; text-decoration:none; color:var(--text-secondary); font-size:12.5px;
}
.cal-criar:hover{ border-color:var(--green); color:var(--text-primary); }
.cal-criar b{ display:block; font-size:13px; color:var(--text-primary); margin-bottom:3px; }
.cal-horas{
border:1px solid var(--border); border-radius:var(--radius);
background:var(--surface-2); overflow:hidden;
}
.cal-horas-cab,
.cal-horas-linha{ display:grid; grid-template-columns:62px repeat(var(--cols), minmax(0, 1fr)); }
.cal-horas-cab{ border-bottom:1px solid var(--border); background:var(--surface-1); }
.cal-dia-cab{
padding:9px 6px; text-align:center; text-decoration:none; color:inherit;
border-left:1px solid var(--border);
}
.cal-dia-cab:hover{ background:var(--surface-2); }
.cal-dia-cab .wd{
display:block; font-size:10.5px; font-weight:600; letter-spacing:.06em;
text-transform:uppercase; color:var(--text-muted);
}
.cal-dia-cab .num{ display:block; font-size:17px; font-weight:650; margin-top:2px; }
.cal-dia-cab.hoje .num{
color:#fff; background:var(--green); border-radius:999px;
width:28px; height:28px; line-height:28px; margin:2px auto 0;
}
.cal-horas-corpo{ max-height:min(62vh, 620px); overflow-y:auto; position:relative; }
.cal-horas-linha{ border-top:1px solid var(--border); }
.cal-horas-linha:first-child{ border-top:0; }
.cal-hora-rot{
font-size:10.5px; color:var(--text-muted); text-align:right;
padding:5px 9px 0 0; user-select:none;
}
.cal-hora-cel{
min-height:42px; padding:3px 4px; border-left:1px solid var(--border);
text-decoration:none; color:inherit; display:block;
}
a.cal-hora-cel:hover{ background:rgba(118,184,42,.07); }
.cal-hora-cel.hoje{ background:rgba(118,184,42,.05); }
.cal-hora-cel .pchip{ margin-top:0; margin-bottom:3px; }
.cal-horas-linha.sem-hora{ background:var(--surface-1); border-bottom:1px solid var(--border); }
.cal-horas-linha.sem-hora .cal-hora-rot{ padding-top:8px; font-style:italic; }
.cal-horas-linha.sem-hora .cal-hora-cel{ min-height:0; padding:6px 4px; }
@media (max-width:760px){
.cal-horas{ overflow-x:auto; }
.cal-horas-cab,
.cal-horas-linha{ grid-template-columns:52px repeat(var(--cols), minmax(96px, 1fr)); min-width:max-content; }
}
.agenda-shell{ display:flex; gap:18px; align-items:stretch; }
.agenda-lateral{ width:216px; flex-shrink:0; display:flex; flex-direction:column; min-height:0; }
.agenda-principal{ flex:1; min-width:0; }
.btn-criar{
display:inline-flex; align-items:center; gap:10px;
background:#fff; border:1px solid var(--vidro-borda-verde);
border-radius:24px; padding:12px 22px 12px 16px;
font-size:14px; font-weight:600; color:var(--text-primary);
box-shadow:0 4px 14px rgba(24,52,16,.14); text-decoration:none;
transition:box-shadow .18s ease, transform .18s ease;
}
.btn-criar:hover{ box-shadow:0 8px 22px rgba(24,52,16,.20); transform:translateY(-1px); color:var(--text-primary); }
.btn-criar .mais{ font-size:20px; line-height:1; color:var(--green-dark); font-weight:700; }
.minical{
background:var(--vidro-fundo);
-webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
border:1px solid var(--vidro-borda); border-radius:var(--radius-lg);
box-shadow:var(--vidro-sombra); padding:12px 12px 10px; margin-top:14px;
}
.minical-topo{ display:flex; justify-content:space-between; align-items:center; padding:0 4px 8px; }
.minical-lista{ padding:8px 10px 6px; }
.minical-lista .minical-topo{ padding:0 2px 4px; }
.minical-titulo{ font-size:12.5px; font-weight:650; }
.minical-navs a{ text-decoration:none; color:var(--text-secondary); padding:2px 7px; border-radius:6px; font-size:14px; }
.minical-navs a:hover{ background:rgba(118,184,42,.12); color:var(--text-primary); }
.minical-grade{ display:grid; grid-template-columns:repeat(7,1fr); gap:1px; }
.minical-wd{ font-size:9.5px; font-weight:600; color:var(--text-muted); text-align:center; padding:3px 0; }
.minical-dia{
display:flex; align-items:center; justify-content:center;
width:24px; height:24px; margin:0 auto; border-radius:50%;
font-size:11px; color:var(--text-primary); text-decoration:none;
}
.minical-dia:hover{ background:color-mix(in srgb, var(--green) 14%, transparent); }
.minical-dia.hoje{ background:var(--green); color:#fff; font-weight:700; }
.minical-dia.sel:not(.hoje){ background:color-mix(in srgb, var(--green) 22%, transparent); font-weight:600; }
.gcal-mes{
display:grid; grid-template-columns:repeat(7,1fr);
grid-template-rows:auto; grid-auto-rows:132px;
background:var(--vidro-fundo);
-webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
border:1px solid var(--vidro-borda); border-radius:var(--radius-lg);
box-shadow:var(--vidro-sombra); overflow:hidden;
}
.gcal-wd{
font-size:10.5px; font-weight:650; letter-spacing:.06em; color:var(--text-muted);
text-align:center; padding:9px 0 7px; border-bottom:1px solid rgba(19,24,41,.07);
}
.gcal-celula{
min-height:0; overflow:hidden;
padding:5px 6px; border-bottom:1px solid rgba(19,24,41,.06);
border-right:1px solid rgba(19,24,41,.06); cursor:pointer;
}
.gcal-celula:nth-child(7n){ border-right:0; }
.gcal-celula:hover{ background:rgba(118,184,42,.05); }
.gcal-celula.vazia{ cursor:default; background:rgba(19,24,41,.015); }
.gcal-num{
width:24px; height:24px; display:flex; align-items:center; justify-content:center;
font-size:11.5px; font-weight:600; color:var(--text-secondary);
border-radius:50%; margin:0 auto 3px;
}
.gcal-num.hoje{ background:var(--green); color:#fff; font-weight:700; }
.gcal-ev{
display:flex; align-items:flex-start; gap:5px; font-size:11px; font-weight:500;
padding:2px 5px; border-radius:5px; margin-top:2px; cursor:pointer;
line-height:1.32; overflow:hidden; min-width:0;
}
.gcal-ev:hover{ background:rgba(19,24,41,.06); }
.gcal-ev.cheio{ color:#fff; font-weight:600; }
.gcal-ev.cheio:hover{ filter:brightness(1.08); }
.gcal-bolinha{ width:7px; height:7px; border-radius:50%; flex-shrink:0; margin-top:4px; }
.gcal-ev-hora{ color:var(--text-muted); flex-shrink:0; font-size:10.5px; }
.gcal-ev-titulo{
flex:1 1 auto; min-width:0;
overflow:hidden; word-break:break-word;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.gcal-ev.cheio{
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
word-break:break-word;
}
.gcal-mais{
display:block; font-size:10.5px; font-weight:600; color:var(--text-secondary);
padding:2px 5px; margin-top:2px; border-radius:5px; text-decoration:none;
}
.gcal-mais:hover{ background:rgba(19,24,41,.07); }
.tg{
background:var(--vidro-fundo);
-webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
border:1px solid var(--vidro-borda); border-radius:var(--radius-lg);
box-shadow:var(--vidro-sombra); overflow:hidden;
}
.tg{ --tg-scrollbar-w:0px; }
.tg-cabecalho, .tg-alldia{ display:flex; border-bottom:1px solid rgba(19,24,41,.08); box-sizing:border-box; padding-right:var(--tg-scrollbar-w); }
.tg-canto{ width:56px; flex-shrink:0; }
.tg-dia-head{
flex:1; text-align:center; padding:9px 0 7px;
display:flex; flex-direction:column; align-items:center; gap:1px;
border-left:1px solid rgba(19,24,41,.05);
}
.tg-dia-sem{ font-size:10px; font-weight:650; letter-spacing:.08em; color:var(--text-muted); }
.tg-dia-num{
font-size:20px; font-weight:500; color:var(--text-primary);
width:34px; height:34px; display:flex; align-items:center; justify-content:center; border-radius:50%;
}
.tg-dia-head.hoje .tg-dia-sem{ color:var(--green-dark); }
.tg-dia-head.hoje .tg-dia-num{ background:var(--green); color:#fff; font-weight:700; }
.tg-alldia-rotulo{ font-size:9.5px; color:var(--text-muted); display:flex; align-items:center; justify-content:flex-end; padding-right:7px; }
.tg-alldia-col{ flex:1; min-width:0; padding:3px 4px; border-left:1px solid rgba(19,24,41,.05); display:flex; flex-direction:column; gap:2px; }
.tg-alldia-ev{
font-size:11px; font-weight:600; color:#fff; padding:2px 7px; border-radius:5px;
cursor:pointer; white-space:normal; overflow-wrap:break-word; word-break:break-word;
line-height:1.25; text-align:left;
}
.tg-alldia-ev:hover{ filter:brightness(1.08); }
.tg-scroll{ max-height:calc(100vh - 220px); min-height:420px; overflow-y:auto; position:relative; }
.tg-corpo{ display:flex; position:relative; }
.tg-horas{ width:56px; flex-shrink:0; position:relative; }
.tg-hora{
position:absolute; right:8px; transform:translateY(-50%);
font-size:10px; color:var(--text-muted);
}
.tg-col{ flex:1; position:relative; border-left:1px solid rgba(19,24,41,.05); }
.tg-evento.movendo{
cursor:grabbing; opacity:.9; z-index:20;
box-shadow:0 10px 26px rgba(15,20,35,.3); transform:scale(1.02);
}
.tg-col.hoje{ background:rgba(118,184,42,.035); }
.tg-slot{ position:absolute; left:0; right:0; border-top:1px solid rgba(19,24,41,.055); cursor:pointer; }
.tg-slot:hover{ background:rgba(118,184,42,.07); }
.tg-evento{
position:absolute; border-radius:6px; color:#fff; padding:3px 7px;
font-size:11px; overflow:hidden; cursor:grab; z-index:2;
box-shadow:0 1px 3px rgba(19,24,41,.22); border:1px solid rgba(255,255,255,.35);
display:flex; flex-direction:column; gap:0;
transition:filter .12s ease, box-shadow .12s ease;
}
.tg-evento:hover{ filter:brightness(1.07); box-shadow:0 3px 9px rgba(19,24,41,.3); z-index:3; }
.tg-ev-titulo{ font-weight:650; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tg-ev-hora{ font-size:10px; opacity:.9; }
.tg-agora{
position:absolute; left:0; right:0; height:2px; background:#EA4335; z-index:4; pointer-events:none;
}
.tg-agora::before{
content:""; position:absolute; left:-5px; top:-4px;
width:10px; height:10px; border-radius:50%; background:#EA4335;
}
.tg-evento[data-ev-tarefa-feita="1"],
.tg-evento[data-ev-tipo="tarefa"][data-ev-concluida="1"],
.tg-alldia-ev[data-ev-tarefa-feita="1"],
.tg-alldia-ev[data-ev-tipo="tarefa"][data-ev-concluida="1"]{
border-color:var(--green) !important;
}
.gcal-ev.cheio[data-ev-tarefa-feita="1"],
.gcal-ev.cheio[data-ev-tipo="tarefa"][data-ev-concluida="1"]{
border:1.5px solid var(--green);
}
.gcal-ev:not(.cheio)[data-ev-tarefa-feita="1"],
.gcal-ev:not(.cheio)[data-ev-tipo="tarefa"][data-ev-concluida="1"]{
border:1.5px solid var(--green);
}
.prg{
background:var(--vidro-fundo);
-webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
border:1px solid var(--vidro-borda); border-radius:var(--radius-lg);
box-shadow:var(--vidro-sombra); overflow:hidden;
}
.prg-dia{ display:flex; gap:14px; padding:11px 16px; border-bottom:1px solid rgba(19,24,41,.06); }
.prg-dia:last-child{ border-bottom:0; }
.prg-data{ width:120px; flex-shrink:0; display:flex; align-items:center; gap:9px; }
.prg-num{
font-size:17px; font-weight:600; width:32px; height:32px; flex-shrink:0;
display:flex; align-items:center; justify-content:center; border-radius:50%;
}
.prg-data.hoje .prg-num{ background:var(--green); color:#fff; font-weight:700; }
.prg-mes{ font-size:10.5px; font-weight:600; color:var(--text-muted); text-transform:uppercase; }
.prg-eventos{ flex:1; display:flex; flex-direction:column; gap:4px; }
.prg-evento{
display:flex; align-items:center; gap:9px; font-size:12.5px; cursor:pointer;
padding:5px 9px; border-radius:7px;
}
.prg-evento:hover{ background:rgba(118,184,42,.08); }
.prg-horario{ color:var(--text-secondary); flex-shrink:0; min-width:92px; font-size:11.5px; }
.prg-titulo{ font-weight:550; }
.ev-popover{
position:fixed; z-index:200; width:320px; max-width:calc(100vw - 24px);
background:rgba(255,255,255,.97);
-webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
border:1px solid var(--vidro-borda); border-radius:var(--radius-lg);
box-shadow:0 18px 48px rgba(15,20,35,.25); padding:16px 18px;
animation:ev-pop .14s ease;
}
@keyframes ev-pop{ from{ opacity:0; transform:translateY(5px) scale(.98);} to{ opacity:1; transform:none;} }
.ev-popover-faixa{ height:5px; border-radius:4px 4px 0 0; position:absolute; top:0; left:0; right:0; }
.ev-popover h4{ margin:4px 0 8px; font-size:15.5px; font-weight:650; letter-spacing:-.01em; }
.ev-popover .linha{ display:flex; gap:8px; font-size:12.5px; color:var(--text-secondary); margin-top:5px; align-items:flex-start; }
.ev-popover .linha svg{ flex-shrink:0; margin-top:1px; }
.ev-popover .acoes{ display:flex; gap:8px; margin-top:14px; }
.ev-popover .ev-acoes{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:15px; }
.ev-popover .ev-bt{
display:flex; align-items:center; justify-content:center; text-align:center;
height:36px; padding:0 10px; border-radius:9px;
background:var(--navy-800); border:1px solid var(--navy-800); color:#fff;
font-family:inherit; font-size:11.5px; font-weight:650;
letter-spacing:.05em; text-transform:uppercase; line-height:1.15;
text-decoration:none; cursor:pointer; box-shadow:0 2px 8px rgba(14,18,32,.18);
}
.ev-popover .ev-bt:hover{
background:var(--navy-600); border-color:var(--navy-600); color:#fff;
box-shadow:0 4px 12px rgba(14,18,32,.26);
}
.ev-popover .ev-acoes .ev-bt:last-child:nth-child(odd){ grid-column:1 / -1; }
.ev-popover .ev-acoes .ev-bt-excluir:last-child:nth-child(odd){ grid-column:auto; }
.ev-popover .ev-bt-excluir{
background:#B4322F; border-color:#B4322F; color:#fff;
box-shadow:0 2px 8px rgba(180,50,47,.3);
}
.ev-popover .ev-bt-excluir:hover{
background:#8F2523; border-color:#8F2523; color:#fff;
box-shadow:0 4px 12px rgba(180,50,47,.42);
}
.ev-popover .fechar{
position:absolute; top:9px; right:9px; width:26px; height:26px; border-radius:50%;
display:flex; align-items:center; justify-content:center;
background:transparent; border:0; box-shadow:none; color:var(--text-muted);
font-size:15px; cursor:pointer; padding:0;
}
.ev-popover .fechar:hover{ background:rgba(19,24,41,.07); }
.ev-popover .ev-bt-tarefa{
background:var(--green); border-color:var(--green); color:#fff;
box-shadow:0 2px 8px rgba(118,184,42,.3);
}
.ev-popover .ev-bt-tarefa:hover{
background:var(--green-dark); border-color:var(--green-dark); color:#fff;
box-shadow:0 4px 12px rgba(118,184,42,.42);
}
.ev-tipo-item{
display:block; width:100%; text-align:left; margin-bottom:4px;
padding:9px 12px; border-radius:9px; font-size:12.5px; font-weight:600;
border:1px solid transparent; background:transparent; color:var(--text-secondary);
}
.ev-tipo-item:hover{ background:var(--surface-1); border-color:var(--border); color:var(--text-primary); }
.ev-tipo-item.destaque{
border-color:var(--green); background:var(--green-soft); color:var(--green-dark);
margin-bottom:10px;
}
.ev-tipo-item.feita{ color:var(--text-muted); }
.ev-tipo-voltar{
display:inline-block; margin:0 0 8px; padding:5px 9px; border-radius:8px;
border:1px solid var(--border); background:transparent; color:var(--text-secondary);
font-size:11.5px; font-weight:650;
}
.ev-tipo-voltar:hover{ background:var(--surface-1); color:var(--text-primary); }
.ag-tar-caixa{ width:min(980px, 100%); }
.ag-tar-corpo{ font-size:12.5px; color:var(--text-secondary); }
button.ag-tar-card-bt{
width:100%; background:transparent; border:none; box-shadow:none;
cursor:pointer; font-family:inherit; border-radius:inherit;
}
.ag-tar-nova{
display:flex; align-items:center; gap:9px; flex-wrap:wrap;
margin:0 0 14px; padding:12px 14px; border-radius:11px;
border:1.5px dashed var(--border-strong); background:var(--surface-2);
}
.ag-tar-nova-nome{ flex:1; min-width:220px; }
.ag-tar-item{ max-width:640px; }
.ag-tar-nova-topo{ margin-bottom:16px; }
.ag-tar-onde{
display:block; margin-top:3px; font-size:10.5px; font-weight:500;
color:var(--text-muted); letter-spacing:.02em;
}
.ev-editor{ width:380px; padding:20px 20px 16px; }
.ev-editor .ev-popover-faixa{ display:none; }
.ev-editor{
border-color:var(--secao, #6E3FFF);
box-shadow:0 0 0 1.5px var(--secao, #6E3FFF), 0 0 20px 2px rgba(110,63,255,.35), 0 18px 48px rgba(15,20,35,.25);
}
.ev-editor .ed-titulo{
width:100%; box-sizing:border-box; border:0; border-bottom:2px solid var(--border);
border-radius:0; background:transparent; box-shadow:none;
font-size:19px; font-weight:600; letter-spacing:-.01em;
padding:8px 2px 7px; margin:6px 0 14px; height:auto;
}
.ev-editor .ed-titulo:focus{ outline:none; border-bottom-color:var(--green); box-shadow:none; }
.ev-editor .ed-linha{ display:flex; align-items:center; gap:10px; margin-bottom:11px; }
.ev-editor .ed-linha > label{ flex-shrink:0; width:86px; padding-right:8px; font-size:12px; font-weight:600; color:var(--text-muted); }
.ev-editor .ed-linha select,
.ev-editor .ed-linha input[type=date],
.ev-editor .ed-linha input[type=time]{
box-sizing:border-box; height:36px; font-size:13px; padding:6px 10px;
border:1px solid var(--border); border-radius:8px; background:var(--surface-2);
}
.ev-editor .ed-linha select{ flex:1; min-width:0; }
.ev-editor .ed-linha input[type=date]{ flex:1; min-width:0; }
.ev-editor .ed-horas input[type=time]{ width:104px; }
.ev-editor .ed-dur{
box-sizing:border-box; height:36px; font-size:12.5px; padding:6px 8px;
border:1px solid var(--border); border-radius:8px; background:var(--surface-2);
flex:1; min-width:0; max-width:150px;
}
.ev-editor .ed-ate{ color:var(--text-muted); }
.ev-editor .ed-diainteiro{
display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--text-secondary);
margin:2px 0 4px 86px; cursor:pointer; user-select:none;
}
.ev-editor .ed-diainteiro input{ width:15px; height:15px; margin:0; accent-color:var(--green); }
.ev-editor .ed-tarefa-fixa{
display:flex; align-items:center; justify-content:space-between; gap:10px;
margin:6px 0 14px; padding:8px 2px 11px; border-bottom:2px solid var(--border);
}
.ev-editor .ed-tarefa-fixa-nome{
font-size:17px; font-weight:600; letter-spacing:-.01em; color:var(--text-primary);
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.ev-editor .ed-tarefa-trocar{
flex-shrink:0; background:transparent; border:0; box-shadow:none; padding:4px 0;
font-size:12px; font-weight:650; color:var(--green-dark); cursor:pointer; text-decoration:underline;
}
.ev-editor .ed-tarefa-trocar:hover{ color:var(--green); }
.ev-editor .ed-concluida-grande{
display:flex; align-items:center; gap:11px; margin:4px 0 14px;
padding:11px 14px; border-radius:10px; cursor:pointer; user-select:none;
border:1.5px solid var(--border-strong); background:var(--surface-1);
font-size:13.5px; font-weight:650; color:var(--text-secondary);
transition:border-color .15s ease, background-color .15s ease, color .15s ease;
}
.ev-editor .ed-concluida-grande input{
width:26px; height:26px; flex-shrink:0; margin:0; accent-color:var(--green); cursor:pointer;
}
.ev-editor .ed-concluida-grande:has(input:checked){
border-color:var(--green); background:rgba(118,184,42,.09); color:var(--green-dark);
}
.ev-editor .ed-erro{ color:#B4322F; font-size:12.5px; margin-top:8px; }
.ev-editor .ed-parts-linha{ align-items:flex-start; }
.ev-editor .ed-parts-linha > label{ padding-top:8px; }
.ev-editor .ed-parts{ flex:1; min-width:0; display:flex; flex-direction:column; gap:7px; }
.ev-editor .ed-chips{ display:flex; flex-wrap:wrap; gap:6px; }
.ev-editor .ed-chips:empty{ display:none; }
.ev-editor .ed-chip{
display:inline-flex; align-items:center; gap:6px; max-width:100%;
background:var(--surface-1); border:1px solid var(--border); border-radius:999px;
padding:4px 6px 4px 11px; font-size:12px; font-weight:600; color:var(--text-primary);
}
.ev-editor .ed-chip > span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ev-editor .ed-chip-x{
width:18px; height:18px; border-radius:50%; flex-shrink:0;
display:inline-flex; align-items:center; justify-content:center;
background:transparent; border:0; box-shadow:none; padding:0;
font-size:10px; color:var(--text-muted); cursor:pointer;
}
.ev-editor .ed-chip-x:hover{ background:rgba(19,24,41,.09); color:var(--text-primary); }
.ev-editor .ed-addpart{
box-sizing:border-box; height:34px; font-size:12.5px; padding:5px 10px;
border:1px solid var(--border); border-radius:8px; background:var(--surface-2);
color:var(--text-secondary); max-width:100%;
}
.wf-cards{ display:grid; grid-template-columns:repeat(5, 1fr); gap:8px; margin-bottom:12px; }
@media (max-width:900px){ .wf-cards{ grid-template-columns:repeat(2, 1fr); } }
.wfp{
border:2.5px solid var(--border); border-radius:var(--radius-xl);
background:var(--surface-2); box-shadow:var(--shadow-sm);
margin-bottom:16px; overflow:hidden;
}
.wfp-voltar{
display:inline-flex; align-items:center; gap:9px; margin-bottom:14px;
padding:11px 20px; border-radius:12px; text-decoration:none;
font-size:14px; font-weight:700; letter-spacing:-.01em;
background:var(--surface-2); border:1.5px solid var(--border-strong);
color:var(--text-primary); box-shadow:var(--shadow-sm);
}
.wfp-voltar:hover{ background:var(--surface-1); border-color:var(--text-muted); transform:translateX(-2px); }
.wfp-bolinha{ width:13px; height:13px; border-radius:4px; flex-shrink:0; }
.wfp-nome{ font-size:15px; font-weight:750; letter-spacing:-.015em; }
.wfp-gantt{ overflow-x:auto; border-top:1px solid var(--border); }
.wfp-inner{ width:100%; }
.wfp-linha{ min-height:52px; }
.wfp-tarefas [data-reorder-item]{
display:flex; align-items:stretch; gap:0;
background:transparent; border:0; border-radius:0;
padding:0; margin:0; cursor:default;
border-bottom:1px solid rgba(19,24,41,.05);
}
.wfp-linha{ display:flex; align-items:stretch; border-bottom:1px solid rgba(19,24,41,.05); width:100%; }
.wfp-linha:last-child{ border-bottom:0; }
.wfp-linha:not(.wfp-cabecalho):hover{ background:rgba(118,184,42,.05); }
.wfp-rotulo{
flex:0 0 660px; box-sizing:border-box;
display:flex; align-items:center; gap:8px; padding:9px 12px 9px 14px;
position:sticky; left:0; z-index:3;
background:var(--surface-2); border-right:1px solid var(--border);
min-height:52px;
}
.wfp-linha:not(.wfp-cabecalho):hover .wfp-rotulo{ background:#F6FAF0; }
.wfp-cabecalho .wfp-rotulo{ background:var(--surface-1); align-items:flex-end; min-height:56px; padding-bottom:10px; }
.wfp-cabecalho .wfp-rotulo > span{
font-size:9.5px; font-weight:800; letter-spacing:.07em; text-transform:uppercase;
color:var(--text-muted); white-space:nowrap; line-height:1;
}
.wfp-linha.ok .c-nome{ opacity:.5; text-decoration:line-through; }
.wfp-rotulo .c-nome{
flex:1; min-width:0; font-size:12.5px; font-weight:650; line-height:1.32;
white-space:normal; overflow-wrap:break-word; word-break:break-word;
}
.wfp-rotulo .c-donos{ width:84px; flex-shrink:0; display:flex; gap:3px; flex-wrap:wrap; }
.wfp-rotulo .c-data{ width:44px; flex-shrink:0; color:var(--text-secondary); font-variant-numeric:tabular-nums; font-size:12px; }
.wfp-rotulo .c-dur{ width:38px; flex-shrink:0; text-align:center; color:var(--text-muted); font-variant-numeric:tabular-nums; font-size:12px; }
.wfp-rotulo .c-prog{ width:58px; flex-shrink:0; text-align:center; }
.wfp-rotulo .c-ok{ width:104px; flex-shrink:0; }
.wfp-rotulo .c-x{ width:22px; flex-shrink:0; display:flex; justify-content:flex-end; }
.wfp-tempo-txt{ font-size:12px; font-weight:800; color:var(--text-secondary); font-variant-numeric:tabular-nums; }
.wfp-tempo-txt.atraso{ color:#B4322F; font-size:10px; letter-spacing:.03em; text-transform:uppercase; }
.wfp-tempo-txt.feito{ color:var(--green-dark); font-size:10px; letter-spacing:.03em; text-transform:uppercase; }
.wfp-check{
display:inline-flex; align-items:center; gap:6px; cursor:pointer;
background:var(--surface-1); border:1px solid var(--border); border-radius:999px;
padding:4px 11px 4px 5px; font-family:inherit; font-size:11px; font-weight:700;
color:var(--text-secondary); box-shadow:none; white-space:nowrap;
}
.wfp-check i{
width:17px; height:17px; border-radius:50%; flex-shrink:0; font-style:normal;
display:inline-flex; align-items:center; justify-content:center;
background:rgba(19,24,41,.08); color:transparent; font-size:10px; font-weight:900;
}
.wfp-check:hover{ border-color:var(--green); color:var(--text-primary); }
.wfp-check:hover i{ color:rgba(19,24,41,.25); }
.wfp-check.marcado{ background:rgba(118,184,42,.14); border-color:var(--green); color:var(--green-dark); }
.wfp-check.marcado i{ background:var(--green); color:#fff; }
.c-late{
font-style:normal; font-size:9.5px; font-weight:800; text-transform:uppercase; letter-spacing:.04em;
color:#B4322F; background:rgba(180,50,47,.11); padding:1px 6px; border-radius:999px; white-space:nowrap;
}
.wfp-tempo{ position:relative; flex:1 1 auto; min-width:0; }
.wfp-cabecalho .wfp-tempo{ background:var(--surface-1); }
.wfp-faixa{ background-image:linear-gradient(90deg, rgba(19,24,41,.17) 1px, transparent 1px); }
.wfp-meses{ display:flex; height:24px; border-bottom:1px solid var(--border); }
.wfp-meses span{
display:inline-flex; align-items:center; padding-left:9px; box-sizing:border-box;
font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
color:var(--text-muted); border-right:1px solid var(--border); white-space:nowrap; overflow:hidden;
}
.wfp-dias{ display:flex; height:30px; }
.wfp-dias span{
box-sizing:border-box; flex-shrink:0; display:flex; flex-direction:column;
align-items:center; justify-content:center; line-height:1.1;
border-left:1px solid rgba(19,24,41,.17); overflow:hidden;
}
.wfp-dias span:first-child{ border-left-color:transparent; }
.wfp-dias.largo{ height:34px; }
.wfp-dias.largo span{ align-items:flex-start; padding-left:9px; border-left:1px solid var(--border-strong); }
.wfp-dias.largo b{ font-size:11px; }
.wfp-dias b{ font-size:10.5px; font-weight:700; color:var(--text-secondary); }
.wfp-dias small{ font-size:8px; color:var(--text-muted); }
.wfp-dias .hj{ background:rgba(234,67,53,.12); }
.wfp-dias .hj b{ color:#EA4335; }
.wfp-hoje{ position:absolute; top:0; bottom:0; width:2px; background:#EA4335; z-index:2; pointer-events:none; }
.wf-b-tarefa{
position:absolute; top:50%; transform:translateY(-50%); height:34px;
border-radius:9px; overflow:hidden; z-index:1;
box-shadow:0 2px 7px rgba(15,20,35,.16), inset 0 0 0 1px rgba(19,24,41,.06);
transition:box-shadow .1s ease;
}
.wf-b-tarefa:hover{ box-shadow:0 5px 16px rgba(15,20,35,.28); z-index:4; }
.wf-b-passado{ display:block; height:100%; border-radius:9px 0 0 9px; }
.wf-b-tarefa.ok{ opacity:.55; filter:saturate(.7); }
.wf-b-tarefa.ok .wf-b-passado{ border-radius:9px; }
.wf-b-tarefa.atrasada{ outline:2px solid #B4322F; outline-offset:1px; }
.wfp-pegar{
flex-shrink:0; width:14px; cursor:grab; user-select:none;
color:var(--text-muted); font-size:13px; line-height:1; letter-spacing:-1px;
opacity:.35; align-self:center;
}
.wfp-pegar:hover{ opacity:1; color:var(--text-primary); }
.wfp-pegar:active{ cursor:grabbing; }
.wfp-linha[data-reorder-item].sendo-arrastado{ opacity:.4; }
.wfp-linha[data-reorder-item].sendo-arrastado .wfp-rotulo{ background:rgba(118,184,42,.12); }
.wf-avatar{
width:22px; height:22px; border-radius:50%; flex-shrink:0;
display:inline-flex; align-items:center; justify-content:center;
color:#fff; font-size:9px; font-weight:800;
border:1.5px solid #fff; box-shadow:0 1px 3px rgba(15,20,35,.25);
}
.wf-inline-input{
box-sizing:border-box; width:100%; height:30px !important; padding:3px 8px !important;
font-size:12.5px !important; border-radius:7px !important; border:1.5px solid var(--green) !important;
background:#fff !important; box-shadow:0 0 0 3px rgba(118,184,42,.15) !important;
}
.wf-inline-input:not(.nome){ width:130px; }
.wf-minipop{
position:fixed; z-index:300; min-width:190px;
background:rgba(255,255,255,.98); border:1px solid var(--border); border-radius:12px;
box-shadow:0 14px 40px rgba(15,20,35,.25); padding:11px 13px;
display:flex; flex-direction:column; gap:6px; animation:ev-pop .12s ease;
}
.wf-minipop > b{ font-size:11px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--text-muted); margin-bottom:2px; }
.wf-minipop label{ display:flex; align-items:center; gap:8px; font-size:12.5px; cursor:pointer; padding:3px 2px; }
.wf-minipop label input{ width:15px; height:15px; margin:0; accent-color:var(--green); }
.wf-minipop .btn-primary{ margin-top:6px; }
.ct-etapas{ display:flex; flex-direction:column; gap:6px; }
.ct-etapa{
display:flex; align-items:center; gap:11px;
background:var(--surface-1); border:1px solid var(--border); border-radius:9px;
padding:8px 13px;
}
.ct-etapa-num{
width:22px; height:22px; border-radius:50%; flex-shrink:0;
display:inline-flex; align-items:center; justify-content:center;
background:rgba(118,184,42,.16); color:var(--green-dark); font-size:11px; font-weight:800;
}
.ct-etapa-nome{ flex:1; min-width:0; font-size:13px; font-weight:600; }
.ct-etapa-prazo{
display:inline-flex; align-items:center; gap:6px; flex-shrink:0;
font-size:11.5px; color:var(--text-muted);
}
.ct-etapa-prazo input{ width:74px; height:32px; padding:3px 8px; font-size:12.5px; text-align:center; }
.fin-shell{ display:flex; gap:16px; align-items:flex-start; }
.fin-meses{
width:190px; flex-shrink:0; display:flex; flex-direction:column; gap:4px;
position:sticky; top:16px;
}
.fin-mes{
display:flex; align-items:center; justify-content:space-between; gap:8px;
padding:10px 13px; border-radius:10px; text-decoration:none;
background:var(--surface-2); border:1px solid var(--border);
font-size:13px; font-weight:600; color:var(--text-secondary);
}
.fin-mes:hover{ border-color:var(--border-strong); color:var(--text-primary); box-shadow:var(--shadow-xs); }
.fin-mes.active{
background:linear-gradient(160deg,#8A0D0D,#AF1010); color:#fff; border-color:#8A0D0D;
box-shadow:var(--shadow-sm);
}
.fin-mes-tag{
font-size:9.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
padding:2px 7px; border-radius:999px; background:rgba(118,184,42,.16); color:var(--green-dark);
}
.fin-mes.active .fin-mes-tag{ background:rgba(118,184,42,.35); color:#E6F5D2; }
.fin-mes-seta{
text-align:center; padding:5px; border-radius:8px; text-decoration:none;
color:var(--text-muted); font-size:11px; border:1px dashed var(--border);
}
.fin-mes-seta:hover{ color:var(--text-primary); border-color:var(--border-strong); background:var(--surface-2); }
.fin-ano-cab{
width:100%; display:flex; align-items:center; justify-content:space-between; gap:8px;
padding:10px 13px; border-radius:10px; border:1px solid #8A0D0D; cursor:pointer;
background:linear-gradient(160deg,#8A0D0D,#AF1010); color:#fff;
font:inherit; font-size:13px; font-weight:700;
}
.fin-ano-cab:hover{
background:linear-gradient(160deg,#8A0D0D,#AF1010); border-color:#8A0D0D; color:#fff;
box-shadow:var(--shadow-sm);
}
.fin-ano-seta{ width:16px; height:16px; flex-shrink:0; transition:transform .15s ease; }
.fin-ano-grupo.aberto .fin-ano-seta{ transform:rotate(180deg); }
.fin-ano-lista{ display:none; flex-direction:column; gap:4px; margin-top:4px; }
.fin-ano-grupo.aberto .fin-ano-lista{ display:flex; }
.fin-extrato{
flex:1; min-width:0;
background:var(--vidro-fundo, rgba(255,255,255,.66));
-webkit-backdrop-filter:blur(14px) saturate(1.15); backdrop-filter:blur(14px) saturate(1.15);
border:1px solid var(--vidro-borda, var(--border)); border-radius:var(--radius-xl);
box-shadow:var(--shadow-sm); padding:22px 24px 24px;
}
.fin-titulo-mes{ font-size:18px; font-weight:700; letter-spacing:-.02em; margin:0 0 16px; }
.fin-grupo-titulo{
font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
color:var(--text-muted); margin-bottom:8px;
}
.fin-vazio{ font-size:12.5px; color:var(--text-muted); padding:10px 2px 4px; }
.fin-linha{
display:grid; align-items:center; gap:0;
grid-template-columns:48px minmax(0,1.7fr) minmax(0,1fr) 184px 148px;
padding:0 12px; border-radius:8px; margin-bottom:4px;
border:1px solid transparent; min-height:42px;
}
.fin-linha > *{
padding:9px 14px; min-width:0;
border-left:1px solid rgba(19,24,41,.07);
}
.fin-linha > *:first-child{ border-left:0; padding-left:0; }
.fin-linha > *:last-child{ padding-right:0; }
@media (max-width:1240px){
.fin-linha{ grid-template-columns:44px minmax(0,1.5fr) minmax(0,1fr) 168px 136px; }
.fin-linha > *{ padding:8px 10px; }
}
@media (max-width:1100px){
.fin-linha{ grid-template-columns:42px minmax(0,1.4fr) minmax(0,.9fr) 152px 128px; }
.fin-linha > *{ padding:7px 9px; }
}
@media (max-width:760px){
.fin-linha{ grid-template-columns:38px minmax(0,1fr) 96px 108px; }
.fin-linha .fin-cat{ display:none; }
}
.fin-cabeca{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:14px; }
.fin-cabeca .fin-titulo-mes{ margin:0; }
.fin-filtros{ display:flex; gap:8px; flex-wrap:wrap; margin-left:auto; align-items:center; }
.fin-filtros .fin-busca{
width:230px; height:32px; padding:3px 11px; font-size:12.5px;
border-radius:8px; background:var(--surface-2); border:1px solid var(--border);
}
.fin-filtros .fin-busca:focus{ border-color:var(--green); }
@media (max-width:760px){ .fin-filtros .fin-busca{ width:100%; } }
.fin-filtros select{
width:auto; height:32px; padding:3px 9px; font-size:12px; font-weight:600;
border-radius:8px; background:var(--surface-2); border:1px solid var(--border);
}
.fin-cat{
font-size:11.5px; color:var(--text-secondary);
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.fin-sit{ display:flex; justify-content:center; align-items:center; gap:6px; min-width:0; overflow:hidden; }
.fin-sit > *{ flex-shrink:0; }
.fin-item > summary{ list-style:none; cursor:pointer; }
.fin-item > summary::-webkit-details-marker{ display:none; }
.fin-item > summary:hover{ filter:brightness(.97); }
.fin-item[open] > summary{ margin-bottom:0; border-radius:10px 10px 0 0; }
.fin-acoes{
background:var(--surface-1); border:1px solid var(--border); border-top:0;
border-radius:0 0 10px 10px; padding:12px 14px; margin-bottom:8px;
display:flex; flex-direction:column; gap:10px;
}
.fin-acoes-info{ font-size:12.5px; color:var(--text-secondary); }
.fin-form-conc, .fin-form-edit{ display:flex; gap:9px; flex-wrap:wrap; align-items:flex-end; }
.fin-form-edit{ padding-top:10px; border-top:1px dashed var(--border); }
.fin-acoes label{
display:flex; flex-direction:column; gap:3px;
font-size:10.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--text-muted);
}
.fin-acoes label input, .fin-acoes label select{
box-sizing:border-box; height:32px; padding:4px 8px; font-size:12.5px;
font-weight:500; letter-spacing:0; color:var(--text-primary);
}
.fin-acoes label input[type=text]{ width:112px; }
.fin-acoes label input[type=date]{ width:138px; }
.fin-acoes label select{ width:auto; min-width:120px; }
.fin-form-edit label:nth-child(2) input{ width:190px; }
.fin-parcial{ justify-content:flex-end; }
.fin-parcial > span{
display:inline-flex; align-items:center; gap:6px; cursor:pointer;
font-size:11px; font-weight:700; letter-spacing:.03em; color:var(--text-secondary);
height:32px;
}
.fin-parcial input[type=checkbox]{ width:15px; height:15px; margin:0; accent-color:var(--green); }
.fin-parcial input[type=date]{ margin-top:4px; }
.fin-acoes-rodape{
display:flex; align-items:center; gap:12px; flex-wrap:wrap;
padding-top:9px; border-top:1px dashed var(--border);
font-size:11.5px; color:var(--text-muted);
}
.fin-ent{ background:rgba(118,184,42,.09); border-color:rgba(118,184,42,.22); }
.fin-sai{ background:rgba(217,83,79,.09);  border-color:rgba(217,83,79,.22); }
.fin-dia{
display:flex; align-items:center; justify-content:center;
font-size:13px; font-weight:750; font-variant-numeric:tabular-nums;
color:var(--text-secondary);
}
.fin-desc{
font-size:12.5px; font-weight:600;
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.fin-chip{
font-size:10.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
padding:3px 9px; border-radius:999px; white-space:nowrap;
}
.fin-chip-pago{ background:rgba(118,184,42,.18); color:#3E7113; }
.fin-chip-vencido{ background:rgba(180,50,47,.14); color:#B4322F; }
.fin-chip-aberto{ background:rgba(19,24,41,.07); color:var(--text-secondary); }
.fin-valor{ text-align:right; font-size:13.5px; font-weight:700; font-variant-numeric:tabular-nums; }
.fin-ent .fin-valor{ color:#3E7113; }
.fin-sai .fin-valor{ color:#B4322F; }
.fin-resumo{
margin-top:22px; border-radius:var(--radius-lg); padding:16px 18px;
background:rgba(62,134,201,.10); border:1px solid rgba(62,134,201,.28);
display:flex; flex-direction:column; gap:8px;
}
.fin-resumo > div{ display:flex; justify-content:space-between; gap:12px; font-size:13px; }
.fin-resumo span{ color:var(--text-secondary); }
.fin-resumo b{ font-variant-numeric:tabular-nums; }
.fin-resumo-saldo{
border-top:1px solid rgba(62,134,201,.3); padding-top:10px; margin-top:2px;
font-size:14.5px !important;
}
.fin-resumo-saldo span{ font-weight:650; color:var(--text-primary); }
.fin-resumo-saldo.positivo b{ color:#3E7113; font-size:16px; }
.fin-resumo-saldo.negativo b{ color:#B4322F; font-size:16px; }
.fin-saldo-ini{ align-items:center; padding-bottom:8px; border-bottom:1px solid rgba(62,134,201,.28); margin-bottom:2px; }
.fin-nota-saldo{ font-size:11.5px; color:var(--text-muted); line-height:1.5; padding-top:6px; }
.fin-tipo{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:14px; }
.fin-tipo label{
display:flex; align-items:center; gap:8px; cursor:pointer;
background:var(--surface-1); border:1.5px solid var(--border); border-radius:10px;
padding:9px 15px; font-size:12.5px; font-weight:650;
}
.fin-tipo label:has(input:checked){ border-color:var(--green); background:rgba(118,184,42,.1); }
.fin-tipo input{ width:15px; height:15px; margin:0; accent-color:var(--green); }
@media (max-width:900px){
.fin-shell{ flex-direction:column; }
.fin-meses{ width:100%; flex-direction:row; flex-wrap:wrap; position:static; }
.fin-mes{ flex:1; min-width:130px; }
}
.var-linha{
display:grid; grid-template-columns:1.2fr 1.6fr .8fr .8fr auto; gap:10px;
align-items:center; margin-bottom:9px;
}
.var-linha input{ box-sizing:border-box; width:100%; }
.var-linha [data-var-remover]{ padding:6px 11px; }
@media (max-width:900px){ .var-linha{ grid-template-columns:1fr 1fr; } }
.fx-paleta{ display:flex; gap:6px; flex-wrap:wrap; }
.fx-acoes{ display:flex; gap:7px; flex-wrap:wrap; align-items:center; }
.fx-estado{ font-size:11.5px; font-weight:600; margin-right:4px; }
.fx-canvas{
position:relative; min-height:360px; overflow:auto;
border:1px solid var(--border); border-radius:var(--radius-lg);
background:
radial-gradient(circle at 1px 1px, rgba(19,24,41,.11) 1px, transparent 0) 0 0 / 22px 22px,
linear-gradient(180deg, var(--surface-1), var(--surface-2));
}
.fx-linhas{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:visible; }
.fx-linha{ stroke:#7A8194; stroke-width:1.9; pointer-events:stroke; cursor:pointer; }
.fx-linha:hover{ stroke:var(--text-primary); stroke-width:2.6; }
.fx-linha.selecionada{ stroke:#B4322F; stroke-width:2.8; }
.fx-linha-rotulo{ font-size:11px; font-weight:700; fill:var(--text-secondary); text-anchor:middle; }
.fx-vazio{
position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
font-size:13px; color:var(--text-muted); pointer-events:none; text-align:center; padding:20px;
}
.fx-no{
position:absolute; min-width:158px; max-width:230px; min-height:52px;
display:flex; align-items:center; justify-content:center; text-align:center;
padding:11px 15px; border-radius:12px; cursor:grab; user-select:none;
font-size:12.5px; font-weight:650; line-height:1.3; color:#fff;
box-shadow:0 4px 14px rgba(15,20,35,.16); border:1px solid rgba(255,255,255,.18);
}
.fx-no:active{ cursor:grabbing; }
.fx-no.selecionado{ outline:2.5px solid var(--navy-700); outline-offset:2px; }
.fx-no.ligando{ outline:2.5px dashed var(--green); outline-offset:2px; }
.fx-no-txt{ pointer-events:none; }
.fx-alca{
position:absolute; right:-9px; bottom:-9px; width:19px; height:19px; padding:0;
border-radius:50%; cursor:crosshair; box-shadow:0 2px 6px rgba(15,20,35,.3);
background:#fff; border:2px solid var(--green);
}
.fx-alca:hover{ background:var(--green); }
.fx-inicio{ background:linear-gradient(160deg,#131829,#232B45); }
.fx-processo{ background:linear-gradient(160deg,#76B82A,#5D9720); }
.fx-subprocesso{ background:linear-gradient(160deg,#8A93A8,#6E7789); }
.fx-decisao{
background:linear-gradient(160deg,#E39A17,#C97E06); min-width:150px;
border-radius:10px; transform:none;
}
.fx-decisao .fx-no-txt::before{ content:"◆ "; opacity:.85; }
.fx-espera{ background:linear-gradient(160deg,#3E86C9,#2D6BA5); }
.fx-cliente{ background:linear-gradient(160deg,#7E5BD1,#6544B4); }
.fx-documento{ background:linear-gradient(160deg,#4E5668,#3A4152); }
.fx-legenda{ display:flex; gap:16px; flex-wrap:wrap; margin-top:12px; font-size:11.5px; color:var(--text-secondary); }
.fx-legenda span{ display:flex; align-items:center; gap:6px; }
.fx-legenda i{ width:12px; height:12px; border-radius:4px; display:inline-block; }
.fx-cor-inicio{ background:#1B2136; }
.fx-cor-processo{ background:#76B82A; }
.fx-cor-subprocesso{ background:#8A93A8; }
.fx-cor-decisao{ background:#E39A17; }
.fx-cor-espera{ background:#3E86C9; }
.fx-cor-cliente{ background:#7E5BD1; }
.fx-cor-documento{ background:#4E5668; }
.ag-detalhe{ margin-top:10px; font-size:12.5px; color:var(--text-secondary); }
.ag-detalhe > summary{
cursor:pointer; color:var(--text-muted); font-size:12px;
padding:4px 0; list-style:none; user-select:none;
}
.ag-detalhe > summary::-webkit-details-marker{ display:none; }
.ag-detalhe > summary::before{ content:'▸ '; }
.ag-detalhe[open] > summary::before{ content:'▾ '; }
.ag-detalhe > summary:hover{ color:var(--text-primary); }
.ct-cartao{
margin-top:12px; padding:12px 14px; border-radius:var(--radius);
border:1px dashed var(--border-strong); background:var(--surface-1);
}
.ct-cartao .field-hint{ margin-top:4px; }
.pf-tabela input[type="text"], .pf-tabela select{
width:100%; height:31px; padding:3px 9px; font-size:12.5px; min-width:110px;
}
.pf-tabela td{ vertical-align:middle; }
.pf-ajustada{ background:#FFF9EC; }
.pf-ajustada td:first-child{ box-shadow:inset 3px 0 0 #E0A93E; }
.pc-progresso-topo{
display:flex; justify-content:space-between; align-items:baseline; gap:12px;
font-size:13px; color:var(--text-secondary); margin-bottom:6px;
}
.pc-progresso-topo b{ color:var(--text-primary); font-size:14px; }
.pc-barra{ height:7px; border-radius:999px; background:var(--surface-0); overflow:hidden; }
.pc-barra > span{ display:block; height:100%; background:var(--green); border-radius:999px; }
.pc-etapas{ margin-top:14px; display:flex; flex-direction:column; gap:6px; }
.pc-etapa{
display:flex; align-items:center; gap:12px; padding:11px 14px;
border:1px solid var(--border); border-radius:var(--radius); background:var(--surface-2);
}
.pc-etapa.feita{ background:var(--green-soft); border-color:#D3E9B5; }
.pc-etapa-marca{
width:11px; height:11px; border-radius:50%; flex-shrink:0;
border:2px solid var(--border-strong); background:transparent;
}
.pc-etapa.feita .pc-etapa-marca{ background:var(--green); border-color:var(--green); }
.pc-etapa-txt{ flex:1; min-width:0; display:flex; flex-direction:column; gap:1px; }
.pc-etapa-txt b{ font-size:13.5px; font-weight:650; }
.pc-etapa-txt small, .pc-item-txt small{ font-size:11.5px; color:var(--text-muted); }
.pc-chip{
font-size:11px; font-weight:700; padding:4px 10px; border-radius:999px;
white-space:nowrap; background:var(--surface-0); color:var(--text-secondary);
}
.pc-et-ok{ background:var(--green-soft); color:var(--green-dark); }
.pc-et-final{ background:#FFF1DF; color:#B4671B; }
.pc-chip-cliente{ background:#FFF1DF; color:#B4671B; }
.pc-et-andando{ background:#E9F0FE; color:#2B5CAB; }
.pc-et-espera{ background:var(--surface-0); color:var(--text-muted); }
.pc-et-atraso{ background:rgba(180,50,47,.12); color:#B4322F; letter-spacing:.03em; }
.pc-bt-agendar{
font-size:12px; font-weight:650; padding:6px 12px; border-radius:8px;
background:var(--navy-900); color:#fff; text-decoration:none; white-space:nowrap;
border:0; cursor:pointer; font-family:inherit;
}
.pc-bt-agendar:hover{ background:var(--navy-700); color:#fff; }
.pc-grupo-resumo{ margin:-4px 0 10px; font-size:12.5px; color:var(--text-muted); }
.pc-lista{ display:flex; flex-direction:column; gap:7px; }
.pc-item{
display:flex; align-items:center; gap:14px; padding:12px 14px; flex-wrap:wrap;
border:1px solid var(--border); border-radius:var(--radius); background:var(--surface-2);
}
.pc-item-txt{ flex:1; min-width:190px; display:flex; flex-direction:column; gap:2px; }
.pc-item-txt b{ font-size:13.5px; font-weight:650; }
.pc-item-lado{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.pc-item-acao{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-left:auto; }
.pc-sinal{
display:inline-flex; align-items:center; gap:6px;
padding:4px 11px; border-radius:999px;
font-size:11.5px; font-weight:700; letter-spacing:.04em;
}
.pc-sinal::before{ content:''; width:7px; height:7px; border-radius:50%; background:currentColor; }
.pc-sinal-falta{ background:#FDF3F2; border:1px solid #F0C9C7; color:#B4322F; }
.pc-sinal-ok{ background:#F1F8EA; border:1px solid #CDE6AE; color:#4E8117; }
.pc-envio-form{ display:inline; }
.pc-envio-bt{ cursor:pointer; }
.pc-envio-tirar{
background:none; border:0; padding:0; cursor:pointer;
font:inherit; color:#B4322F; text-decoration:underline;
}
.pc-projeto{
border:1px solid var(--border); border-radius:var(--radius-lg);
padding:14px 16px; margin-bottom:12px; background:var(--surface-2);
}
.pc-tarefas{ margin-top:12px; display:flex; flex-direction:column; gap:4px; }
.pc-tarefa{
display:flex; align-items:center; gap:11px; padding:8px 10px;
border-radius:8px; margin:0;
}
.pc-tarefa:hover{ background:var(--surface-1); }
.pc-tarefa.feita .pc-tarefa-nome{ color:var(--text-muted); text-decoration:line-through; }
.pc-check{
width:21px; height:21px; flex-shrink:0; border-radius:6px; cursor:pointer;
border:1.5px solid var(--border-strong); background:var(--surface-2);
color:#fff; font-size:12px; font-weight:700; line-height:1; padding:0;
}
.pc-tarefa.feita .pc-check{ background:var(--green); border-color:var(--green); }
.pc-check:disabled{ cursor:not-allowed; opacity:.5; }
.pc-tarefa-nome{ flex:1; min-width:0; font-size:13.5px; }
.pc-tarefa-prazo{ font-size:11.5px; color:var(--text-muted); white-space:nowrap; }
.pc-tarefa-prazo.final{ color:#B4671B; font-weight:650; }
.pc-grade{ display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:14px; }
.pc-linhas{ display:flex; flex-direction:column; gap:8px; }
.pc-linha-doc{
display:flex; align-items:center; gap:12px; padding:12px 14px;
border:1px solid var(--border); border-radius:var(--radius); background:var(--surface-2);
}
.pc-linha-doc:hover{ border-color:var(--green); }
.pc-linha-ord{
flex:0 0 auto; width:24px; height:24px; border-radius:50%;
background:var(--surface-0); color:var(--text-secondary);
font-size:11.5px; font-weight:700;
display:inline-flex; align-items:center; justify-content:center;
}
.pc-linha-ico{ flex:0 0 auto; color:var(--text-muted); display:inline-flex; }
.pc-linha-txt{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:2px; }
.pc-linha-nome{ font-size:14px; font-weight:650; line-height:1.3; }
.pc-linha-sub{ font-size:11.5px; color:var(--text-muted); }
.pc-linha-ver{
flex:0 0 auto; height:34px; padding:0 14px; border-radius:9px;
background:var(--green); color:#fff; font-size:12.5px; font-weight:600;
display:inline-flex; align-items:center; text-decoration:none; white-space:nowrap;
}
.pc-linha-ver:hover{ filter:brightness(1.06); color:#fff; }
.pc-linha-doc.oculto{ opacity:.62; }
.pc-chip-alterar{ background:#FFF4D6; color:#8A6100; }
.pc-chip-alterado{ background:var(--green-soft); color:var(--green-dark); }
.pc-editar-cx{
margin:-2px 0 4px; padding:14px; border:1px solid var(--border-strong);
border-radius:var(--radius); background:var(--surface-1);
display:flex; flex-direction:column; gap:8px;
}
.pc-editar-cx textarea{ width:100%; }
.pc-editar-pe{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.pc-editar-pe .espaco{ flex:1; }
.pc-ditar{ display:inline-flex; align-items:center; gap:8px; }
.pc-ditar-bt.ativo{ border-color:var(--green); color:var(--green-dark); }
.pc-ditar-dica{ font-size:11.5px; color:var(--text-muted); }
@media (max-width: 640px){
.pc-linha-doc{ flex-wrap:wrap; }
.pc-linha-ver{ flex:1 1 100%; justify-content:center; }
}
.pc-cartao{
display:flex; flex-direction:column; gap:4px; padding:18px 16px; min-height:110px;
border:1px solid var(--border); border-radius:var(--radius-lg); background:var(--surface-2);
text-decoration:none; color:var(--text-primary); justify-content:flex-end;
}
.pc-cartao:hover{ border-color:var(--green); box-shadow:var(--shadow-sm); }
.pc-cartao-nome{ font-size:14px; font-weight:650; line-height:1.3; }
.pc-cartao-sub{ font-size:11.5px; color:var(--text-muted); }
.pc-cartao-doc{ justify-content:space-between; }
.pc-doc-ico{ color:var(--green-dark); }
.visita-faixa{
display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
background:#FFF4E2; border:1px solid #F3D9AE; color:#8A5B00;
border-radius:var(--radius); padding:10px 14px; margin-bottom:16px; font-size:13px;
}
.visita-faixa b{ font-weight:700; }
.visita-faixa form{ margin:0; }
.visita-faixa button{
border:1px solid #D9A94E; background:#fff; color:#8A5B00; cursor:pointer;
font-family:inherit; font-size:12.5px; font-weight:650;
padding:6px 13px; border-radius:8px; white-space:nowrap;
}
.visita-faixa button:hover{ background:#FFF9F0; border-color:#B4832F; }
.eq-grade{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:24px 20px; }
@media (max-width:1280px){ .eq-grade{ grid-template-columns:repeat(3, minmax(0, 1fr)); } }
@media (max-width:980px){ .eq-grade{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width:620px){ .eq-grade{ grid-template-columns:1fr; } }
.eq-item{ position:relative; display:flex; flex-direction:column; gap:10px; min-width:0; }
.eq-item .pc-card-wrapper{ width:100%; }
.eq-grade .pc-card,
.eq-ficha .pc-card{ width:100%; height:auto; max-height:none; }
.eq-grade .pc-details h3{ font-size:clamp(17px, 1.55vw, 23px); }
.eq-grade .pc-details p{ font-size:12.5px; }
.eq-grade .pc-details .pc-extra{ font-size:11px; }
.eq-ver{
margin-top:auto; width:100%; display:flex; justify-content:center; align-items:center;
padding:9px 14px; font-weight:650; font-size:13.5px;
background:var(--surface-2); border:1px solid var(--border-strong);
border-radius:var(--radius); color:var(--text-primary); text-decoration:none;
}
.eq-ver:hover{ border-color:var(--green); color:var(--green-dark); background:var(--green-soft); }
.eq-inativo{
position:absolute; top:8px; right:8px; z-index:3;
background:rgba(19,24,41,.82); color:#fff; font-size:10.5px; font-weight:700;
padding:3px 9px; border-radius:999px; text-transform:uppercase; letter-spacing:.04em;
}
.pc-details .pc-extra{ font-size:11.5px; opacity:.72; margin-top:2px; }
.eq-ficha{ display:grid; grid-template-columns:280px minmax(0, 1fr); gap:26px; align-items:start; }
@media (max-width:860px){ .eq-ficha{ grid-template-columns:1fr; } }
.eq-ficha-cartao{ min-width:0; }
.eq-ficha-cartao .pc-card-wrapper{ width:100%; }
.eq-ficha .pc-details h3{ font-size:clamp(18px, 1.7vw, 24px); }
.eq-ficha .pc-details p{ font-size:13px; }
.eq-campos{ display:grid; grid-template-columns:repeat(auto-fit, minmax(190px, 1fr)); gap:12px 20px; }
.eq-campos > div{ min-width:0; }
.eq-campos span{
display:block; font-size:10.5px; font-weight:600; color:var(--text-muted);
text-transform:uppercase; letter-spacing:.04em; margin-bottom:2px;
}
.eq-campos b{ font-size:14px; font-weight:600; word-break:break-word; }
.fp-grade{
display:grid;
grid-template-columns:minmax(0,1.9fr) 148px 116px minmax(0,2.1fr) 30px;
align-items:center; gap:14px;
}
.pfl-cab.fp-grade > span{ white-space:nowrap; }
.fp-num{ text-align:right; }
.fp-valor{ font-weight:700; color:#B4322F; font-variant-numeric:tabular-nums; white-space:nowrap; }
.fp-andamento{
color:var(--text-secondary); font-size:12.5px; line-height:1.35;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
overflow:hidden; word-break:break-word;
}
@media (max-width:1180px){
.fp-grade{ grid-template-columns:minmax(0,1.7fr) 130px 100px minmax(0,1.5fr) 28px; gap:10px; }
}
.fp-detalhes{
display:grid; grid-template-columns:repeat(auto-fit, minmax(190px, 1fr)); gap:10px 18px;
}
.fp-detalhes > div{ min-width:0; }
.fp-detalhes span{
display:block; font-size:10.5px; font-weight:600; color:var(--text-muted);
text-transform:uppercase; letter-spacing:.04em; margin-bottom:2px;
}
.fp-detalhes b{ font-size:13.5px; font-weight:600; word-break:break-word; }
.fp-largo{ grid-column:1 / -1; }
@media (max-width:900px){
.fp-grade{ grid-template-columns:minmax(0,1.6fr) 120px 150px 30px; }
.fp-grade > :nth-child(4){ display:none; }
}
.datepick{
position:fixed; z-index:95; width:250px; padding:11px 12px 9px;
background:var(--surface-2); border:1px solid var(--border-strong);
border-radius:var(--radius-lg); box-shadow:var(--shadow-lg);
font-size:13px; animation:aviso-surge .14s ease-out;
}
.datepick-topo{
display:flex; align-items:center; justify-content:space-between;
font-weight:650; font-size:13px; margin-bottom:8px; color:var(--text-primary);
}
.datepick-nav{
padding:0; box-shadow:none;
display:flex; align-items:center; justify-content:center;
border:1px solid var(--border-strong); background:var(--surface-2); cursor:pointer;
width:24px; height:24px; border-radius:7px; color:var(--text-secondary); line-height:1;
}
.datepick-nav:hover{ background:var(--surface-1); color:var(--text-primary); }
.datepick-dow, .datepick-dias{ display:grid; grid-template-columns:repeat(7, 1fr); gap:2px; }
.datepick-dow span{
text-align:center; font-size:10px; font-weight:600; color:var(--text-muted);
text-transform:uppercase; padding-bottom:3px;
}
.datepick-dia{
padding:0; min-width:0; box-shadow:none;
aspect-ratio:1; border:1px solid transparent; background:transparent; cursor:pointer;
border-radius:7px; font-family:inherit; font-size:12.5px; color:var(--text-primary);
display:flex; align-items:center; justify-content:center;
}
.datepick-dow, .datepick-dias{ width:100%; min-width:0; }
.datepick-dias > span{ aspect-ratio:1; }
.datepick-dia:hover{ background:var(--green-soft); color:var(--green-dark); }
.datepick-dia.hoje{ border-color:var(--green); font-weight:700; color:var(--green-dark); }
.datepick-dia.sel{ background:var(--green); border-color:var(--green); color:#fff; font-weight:700; }
.datepick-rodape{ margin-top:7px; padding-top:7px; border-top:1px solid var(--border); text-align:center; }
.datepick-hoje{
border:0; background:transparent; cursor:pointer; font-family:inherit;
font-size:12px; font-weight:650; color:var(--green-dark); padding:3px 10px; border-radius:6px;
}
.datepick-hoje:hover{ background:var(--green-soft); }
[data-wf-campo].editando{ background:var(--green-soft); border-radius:5px; }
@keyframes aviso-surge{
from{ opacity:0; transform:translateY(-6px); }
to{ opacity:1; transform:none; }
}
@media (prefers-reduced-motion: reduce){ #avisoTopo{ animation:none !important; } }
.ajuda-trava{
font-size:11.5px; color:var(--text-muted); text-decoration:underline dotted;
margin-left:5px; cursor:help; white-space:nowrap;
}
.ajuda-trava:hover{ color:var(--text-primary); }
.ag-topo{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:16px; }
@media (max-width:1000px){ .ag-topo{ grid-template-columns:1fr; } }
.ag-cabeca-pagina{
display:flex; justify-content:space-between; align-items:flex-start;
gap:16px; flex-wrap:wrap; margin-bottom:20px;
}
.ag-bt-nova{
flex-shrink:0; height:42px; padding:0 20px; border-radius:11px;
display:inline-flex; align-items:center; gap:8px; font-size:13px;
}
.ag-bt-nova .mais{ font-size:15px; line-height:1; }
.ag-nova-caixa{ width:min(660px, 100%); }
.ag-nova-acoes{
grid-column:1 / -1; display:flex; justify-content:flex-end; gap:10px;
align-items:center; margin-top:2px; padding-top:16px; border-top:1px solid var(--border);
}
.ag-nova-form{
display:grid; align-items:end; gap:16px 18px;
grid-template-columns:minmax(200px,1.6fr) minmax(170px,1fr);
}
.ag-nova-form .field{ margin-bottom:0; min-width:0; }
.ag-pessoal{
grid-column:1 / -1;
display:flex; align-items:flex-start; gap:10px;
cursor:pointer; padding:11px 13px; border-radius:var(--radius);
border:1px solid var(--border); background:var(--surface-1);
transition:border-color .16s ease, background-color .16s ease;
}
.ag-pessoal:hover{ border-color:var(--border-strong); }
.ag-pessoal input{ margin-top:2px; flex-shrink:0; }
.ag-pessoal b{ display:block; font-size:12.5px; font-weight:650; }
.ag-pessoal small{ display:block; font-size:11.5px; color:var(--text-muted); margin-top:2px; line-height:1.45; }
.ag-nova-bt{ height:44px; padding:0 26px; white-space:nowrap; }
.ag-dono-voce{
display:flex; align-items:center; height:44px; padding:0 13px;
border:1px dashed var(--border-strong); border-radius:var(--radius);
background:var(--surface-1); font-size:13.5px; color:var(--text-primary);
}
.ag-dono-voce span{ color:var(--text-muted); margin-left:6px; font-size:12px; }
.ag-pessoal-fixo{ cursor:default; background:var(--green-soft); border-color:#D3E9B5; }
.ag-pessoal-fixo:hover{ border-color:#D3E9B5; }
.ag-cadeado{ flex-shrink:0; display:flex; margin-top:1px; color:var(--green-dark); }
.ag-escuro{
position:fixed; inset:0; z-index:55; border:0; padding:0; margin:0;
background:rgba(11,15,26,.34); -webkit-backdrop-filter:blur(1.5px); backdrop-filter:blur(1.5px);
cursor:pointer; animation:cfg-fade .16s ease-out;
}
.agcard[open]{
position:relative; z-index:60;
background:linear-gradient(158deg, #FEFEFE 0%, #F6FAF3 55%, #EFF7E9 100%);
box-shadow:0 18px 50px rgba(11,15,26,.22);
}
.ag-linhas{ display:flex; flex-direction:column; gap:7px; }
.ag-linha{
display:flex; align-items:center; gap:12px; width:100%;
padding:12px 14px; border-radius:11px; cursor:pointer; text-align:left;
background:var(--surface-2); border:1px solid var(--border); box-shadow:none;
transition:border-color .14s ease, background-color .14s ease;
}
.ag-linha:hover{ border-color:var(--green); background:var(--surface-2); }
a.ag-linha{ text-decoration:none; }
.ag-linha-ico{
width:30px; height:30px; flex-shrink:0; border-radius:9px;
display:flex; align-items:center; justify-content:center;
background:var(--surface-1); border:1px solid var(--border);
color:var(--text-secondary);
}
.ag-linha-ico svg{ display:block; }
.ag-linha:hover .ag-linha-ico{ color:var(--green-dark); border-color:rgba(118,184,42,.4); }
.ag-linha-txt{ display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.ag-linha-txt b{ font-size:13px; font-weight:650; }
.ag-linha-txt small{
font-size:11.5px; color:var(--text-muted);
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.ag-linha-seta{ flex-shrink:0; color:var(--text-muted); font-size:17px; line-height:1; }
.ag-linha:hover .ag-linha-seta{ color:var(--green-dark); }
.ag-cfg-caixa{ width:min(720px, 100%); }
.ag-cfg-corpo{ font-size:13px; }
.ag-cfg-corpo .ag-bloco{ background:transparent; border:0; padding:0; }
@media (max-width:640px){
.ag-linha{ gap:9px; padding:11px; }
.ag-linha-txt small{ display:none; }
}
.lk-secao{
border:1px solid var(--border); border-radius:14px;
background:var(--surface-2); padding:16px 18px 18px; margin-bottom:14px;
}
.lk-tit{
display:flex; align-items:center; gap:10px; margin-bottom:15px;
font-size:13.5px; font-weight:700; letter-spacing:-.01em;
}
.lk-tit span{
width:22px; height:22px; flex-shrink:0; border-radius:7px;
display:inline-flex; align-items:center; justify-content:center;
background:var(--green-soft); color:var(--green-dark);
font-size:11.5px; font-weight:750;
}
.lk-campos{ display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:16px 18px; align-items:start; }
.lk-campos .field{ margin-bottom:0; min-width:0; }
.lk-campos .field-label{ min-height:15px; margin-bottom:8px; }
.lk-campos .field-hint{ margin-top:6px; }
.lk-largo{ grid-column:span 2; }
@media (max-width:700px){ .lk-largo{ grid-column:span 1; } }
.lk-opc{
font-weight:500; letter-spacing:0;
color:var(--text-muted); font-size:11px; margin-left:5px;
}
.lk-dias{ display:flex; gap:7px; flex-wrap:wrap; }
.lk-dia{ cursor:pointer; }
.lk-dia input{ position:absolute; opacity:0; pointer-events:none; }
.lk-dia span{
width:42px; height:42px; border-radius:12px;
display:flex; align-items:center; justify-content:center;
border:1px solid var(--border-strong); background:var(--surface-2);
font-size:13.5px; font-weight:700; color:var(--text-secondary);
transition:background-color .14s ease, border-color .14s ease, color .14s ease;
}
.lk-dia:hover span{ border-color:var(--green); }
.lk-dia input:checked + span{
background:var(--green); border-color:var(--green); color:#fff;
box-shadow:0 2px 8px rgba(118,184,42,.3);
}
.lk-dia input:focus-visible + span{ outline:2px solid var(--green-dark); outline-offset:2px; }
.lk-pessoas{ display:flex; gap:8px; flex-wrap:wrap; }
.lk-pessoa{ cursor:pointer; }
.lk-pessoa input{ position:absolute; opacity:0; pointer-events:none; }
.lk-pessoa span{
display:inline-flex; align-items:center; height:36px; padding:0 15px; border-radius:999px;
border:1px solid var(--border-strong); background:var(--surface-2);
font-size:12.5px; font-weight:600; color:var(--text-secondary);
transition:background-color .14s ease, border-color .14s ease, color .14s ease;
}
.lk-pessoa:hover span{ border-color:var(--green); }
.lk-pessoa input:checked + span{
background:var(--green-soft); border-color:var(--green); color:var(--green-dark);
}
.lk-aviso{
margin-top:14px; padding:10px 13px; border-radius:10px;
background:var(--surface-1); border:1px dashed var(--border-strong);
font-size:11.5px; color:var(--text-secondary); line-height:1.5;
}
.lk-rodape{
display:flex; align-items:center; gap:14px; flex-wrap:wrap;
padding-top:16px; border-top:1px solid var(--border);
}
.lk-ativo{ display:flex; align-items:flex-start; gap:9px; cursor:pointer; flex:1; min-width:200px; }
.lk-ativo input{ margin-top:2px; flex-shrink:0; }
.lk-ativo b{ display:block; font-size:12.5px; font-weight:650; }
.lk-ativo small{ display:block; font-size:11.5px; color:var(--text-muted); margin-top:2px; }
.lk-bt{ margin-left:auto; height:44px; padding:0 28px; }
@media (max-width:560px){
.lk-rodape{ flex-direction:column; align-items:stretch; }
.lk-bt{ margin-left:0; width:100%; }
}
.ag-lat-pessoal{ display:inline-flex; margin-left:auto; color:var(--text-muted); flex-shrink:0; }
.ag-lat-pessoal svg{ display:block; }
.ag-lat-conectar{
display:flex; align-items:center; justify-content:center; flex-shrink:0;
width:22px; height:22px; border-radius:6px; color:var(--text-muted);
text-decoration:none; transition:background .14s ease, color .14s ease;
}
.ag-lat-conectar:hover{ background:var(--surface-1); color:var(--green-dark); }
.ag-lat-conectar svg{ display:block; }
.ag-pessoais{ margin-top:12px; padding-top:12px; border-top:1px solid var(--border); }
.ag-pessoais-tit{
display:flex; align-items:center; gap:7px; margin-bottom:9px;
font-size:12px; font-weight:700; letter-spacing:.02em;
}
.ag-pessoais-tit svg{ display:block; flex-shrink:0; color:var(--text-muted); }
.ag-pessoais-tit span{ font-weight:500; font-size:11.5px; color:var(--text-muted); }
.ag-pessoais-grade{ display:flex; gap:8px; flex-wrap:wrap; }
.ag-pess-quad{
display:inline-flex; align-items:center; gap:8px; height:36px; padding:0 13px;
background:var(--surface-2); border:1px solid var(--border); border-radius:999px;
cursor:pointer; box-shadow:none; max-width:220px;
transition:border-color .14s ease, background-color .14s ease;
}
.ag-pess-quad:hover{ border-color:var(--c, var(--green)); background:var(--surface-2); }
.ag-pess-cor{
width:13px; height:13px; border-radius:50%; flex-shrink:0;
background:var(--c, var(--green)); box-shadow:0 1px 3px rgba(19,24,41,.20);
}
.ag-pess-nome{
font-size:12.5px; font-weight:600; color:var(--text-primary);
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.ag-pess-quad.nova{
border-style:dashed; background:transparent; color:var(--text-muted);
width:36px; padding:0; justify-content:center;
}
.ag-pess-quad.nova:hover{ border-color:var(--green); color:var(--green-dark); }
.ag-pess-mais{ font-size:16px; line-height:1; }
.ag-pess-excluir{ margin-top:14px; padding-top:14px; border-top:1px solid var(--border); }
.ag-campo-cor{ grid-column:1 / -1; }
.cor-escolha{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; min-height:34px; }
.cor-sw{
width:26px; height:26px; padding:0; border-radius:50%; cursor:pointer;
background:var(--c); border:2px solid transparent; box-shadow:0 1px 3px rgba(19,24,41,.18);
transition:transform .12s ease, box-shadow .12s ease;
}
.cor-sw:hover{ transform:scale(1.14); border-color:transparent; background:var(--c); }
.cor-sw.on{
border-color:var(--surface-2);
box-shadow:0 0 0 2px var(--c), 0 2px 6px rgba(19,24,41,.22);
}
.cor-outra{
position:relative; width:26px; height:26px; border-radius:50%; overflow:hidden;
cursor:pointer; flex-shrink:0; box-shadow:0 1px 3px rgba(19,24,41,.18);
background:conic-gradient(#E0762E,#D6A400,#76B82A,#0E9488,#185FA5,#7B4FBF,#B4322F,#E0762E);
}
.cor-outra::after{
content:''; position:absolute; inset:7px; border-radius:50%; background:var(--surface-2);
}
.cor-outra input[type="color"]{
position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer;
padding:0; border:0; background:transparent; z-index:2;
}
@media (max-width:680px){
.ag-nova-form{ grid-template-columns:1fr; }
.ag-nova-acoes{ flex-direction:column-reverse; align-items:stretch; }
.ag-nova-acoes .btn{ width:100%; justify-content:center; }
.ag-bt-nova{ width:100%; justify-content:center; }
}
.ag-lista{
display:grid; grid-template-columns:repeat(4, minmax(0,1fr));
gap:12px; margin-bottom:14px;
}
.ag-lista .agcard{ display:flex; flex-direction:column; }
.ag-lista .agcard > summary{ flex:1; }
@media (max-width:1250px){ .ag-lista{ grid-template-columns:repeat(3, minmax(0,1fr)); } }
@media (max-width:950px){ .ag-lista{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width:620px){ .ag-lista{ grid-template-columns:1fr; } }
.ag-lista .agcard[open]{ grid-column:1 / -1; }
.agcard{
position:relative;
background:var(--vidro-fundo, rgba(255,255,255,.66));
-webkit-backdrop-filter:blur(14px) saturate(1.15); backdrop-filter:blur(14px) saturate(1.15);
border:1px solid var(--vidro-borda, var(--border)); border-radius:var(--radius-lg);
box-shadow:var(--shadow-sm); overflow:hidden;
transition:box-shadow .16s ease, border-color .16s ease, transform .16s ease;
}
.agcard:hover{ box-shadow:var(--shadow-md, 0 8px 22px rgba(24,52,16,.10)); border-color:var(--border-strong); }
.agcard-largo{ margin-bottom:12px; }
.agcard-faixa{
position:absolute; top:0; left:0; right:0; height:3px;
background:var(--ag-cor, var(--green));
}
.agcard > summary{
display:flex; flex-direction:column; align-items:stretch; gap:13px;
padding:20px 18px 18px; cursor:pointer; list-style:none; user-select:none;
min-height:206px;
}
.agcard > summary::-webkit-details-marker{ display:none; }
.agcard > summary:hover{ background:rgba(19,24,41,.02); }
.agcard-topo{ display:flex; align-items:center; gap:13px; min-width:0; }
.agcard-marca{
width:38px; height:38px; flex-shrink:0; border-radius:50%;
display:flex; align-items:center; justify-content:center;
background:var(--ag-cor, var(--green));
color:#fff;
font-size:14px; font-weight:700; letter-spacing:.005em;
}
.agcard-marca svg{ display:block; }
.agcard-id{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.agcard-nome{
font-weight:650; font-size:15px; letter-spacing:-.01em;
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.agcard-dono{ color:var(--text-muted); font-size:12px; }
.agcard-chips{ display:flex; gap:6px; flex-wrap:wrap; align-content:flex-start; flex:1; }
.agcard-abrir{
align-self:stretch; text-align:center;
font-size:12px; font-weight:650; color:var(--text-secondary);
border:1px solid var(--border); border-radius:9px; padding:8px 11px;
background:var(--surface-2); transition:border-color .16s ease, color .16s ease;
}
.agcard > summary:hover .agcard-abrir{ border-color:var(--green); color:var(--green-dark); }
.agcard-abrir::after{ content:" ▾"; font-size:10px; }
.agcard[open] .agcard-abrir::after{ content:" ▴"; }
.agcard[open] > summary, .agcard-largo > summary{
flex-direction:row; align-items:center; gap:14px; min-height:0; padding:15px 18px;
}
.agcard[open] > summary .agcard-chips,
.agcard-largo > summary .agcard-chips{ flex:1; justify-content:flex-end; }
.agcard[open] > summary .agcard-abrir,
.agcard-largo > summary .agcard-abrir{ align-self:center; flex-shrink:0; padding:6px 13px; }
.agcard[open] > summary{ border-bottom:1px solid var(--border); }
.agcard-corpo{ padding:16px 18px 18px; }
.mini-chip{
display:inline-flex; align-items:center; font-size:11px; font-weight:600;
padding:3px 9px; border-radius:999px; white-space:nowrap;
background:var(--surface-1); border:1px solid var(--border); color:var(--text-secondary);
}
.mini-chip.ok{ background:rgba(118,184,42,.12); border-color:rgba(118,184,42,.35); color:#3E7113; }
.mini-chip.warn{ background:rgba(214,138,0,.12); border-color:rgba(214,138,0,.4); color:#8A5A00; }
.mini-chip.off{ color:var(--text-muted); }
.ag-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media (max-width:1000px){ .ag-grid{ grid-template-columns:1fr; } }
.ag-bloco{
background:var(--surface-2); border:1px solid var(--border);
border-radius:var(--radius); padding:13px 15px;
}
.ag-bloco-titulo{
display:flex; align-items:center; gap:7px;
font-size:12.5px; font-weight:700; letter-spacing:.02em; margin-bottom:9px;
}
.ag-nota{ font-size:11.5px; color:var(--text-muted); margin-top:8px; line-height:1.45; }
.ag-fatos{ display:flex; flex-direction:column; gap:4px; }
.ag-fatos > div{ display:flex; gap:8px; font-size:12.5px; }
.ag-fatos span{ color:var(--text-muted); width:150px; flex-shrink:0; }
.ag-fatos b{ font-weight:600; word-break:break-all; }
.hc-linha{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; padding:4px 0; border-bottom:1px dashed var(--border); }
.hc-linha:last-child{ border-bottom:0; }
.hc-linha input[type=time]{ width:96px; height:32px; padding:4px 7px; font-size:12.5px; }
.hc-aplicar{ font-size:11px; padding:3px 9px; margin-left:auto; }
.ag-link{
display:flex; justify-content:space-between; align-items:center; gap:10px;
border:1px solid var(--border); border-radius:var(--radius); padding:9px 12px;
background:var(--surface-2);
}
.ag-link-url{ font-size:11px; color:var(--text-secondary); word-break:break-all; }
.ag-acoes{
margin-top:14px; padding-top:12px; border-top:1px solid var(--border);
display:flex; gap:10px; flex-wrap:wrap; align-items:center;
}
.subcard{
margin-top:14px; border:1px solid var(--border); border-radius:var(--radius);
background:var(--surface-2); padding:0 14px;
}
.subcard > summary{
padding:11px 0; cursor:pointer; list-style:none; user-select:none;
font-size:12.5px; font-weight:700; letter-spacing:.02em;
}
.subcard > summary::-webkit-details-marker{ display:none; }
.subcard > summary::after{ content:" ▾"; color:var(--text-muted); font-size:10px; }
.subcard[open] > summary::after{ content:" ▴"; }
.subcard[open]{ padding-bottom:14px; }
.tg-slot-fora{
background:repeating-linear-gradient(135deg, rgba(19,24,41,.035) 0 6px, transparent 6px 12px);
cursor:not-allowed;
}
.tg-col-fechada{ background:rgba(19,24,41,.02); }
.ev-editor .ed-copia{
margin:8px 0 2px 86px; font-size:12px; color:var(--text-muted);
background:var(--surface-1); border:1px dashed var(--border);
border-radius:8px; padding:7px 11px; display:inline-block;
}
.ev-editor .ed-meet{ margin:10px 0 2px 86px; }
.ev-editor .ed-meet-add{
display:inline-flex; align-items:center; gap:8px;
background:var(--surface-2); border:1px solid var(--border); border-radius:8px;
padding:8px 13px; font-size:12.5px; font-weight:600; color:var(--text-primary);
cursor:pointer; box-shadow:none;
}
.ev-editor .ed-meet-add:hover{ border-color:var(--border-strong); background:var(--surface-1); }
.ev-editor .ed-meet-add.ativo{ border-color:var(--green); background:rgba(118,184,42,.08); }
.ev-editor .ed-meet-linha{ display:flex; align-items:center; gap:9px; font-size:12.5px; }
.ev-editor .ed-meet-abrir{ color:var(--text-primary); font-weight:600; text-decoration:none; }
.ev-editor .ed-meet-abrir:hover{ text-decoration:underline; }
.ev-editor .ed-meet-copiar{
background:transparent; border:1px solid var(--border); border-radius:7px;
padding:5px 10px; font-size:12px; cursor:pointer; box-shadow:none; color:var(--text-secondary);
}
.ev-editor .ed-meet-copiar:hover{ border-color:var(--border-strong); color:var(--text-primary); }
.ev-editor .acoes{ align-items:center; margin-top:16px; }
.ev-editor .ed-excluir{
background:transparent; border:0; box-shadow:none; padding:8px 10px;
font-size:12.5px; font-weight:600; cursor:pointer; border-radius:8px;
}
.ev-editor .ed-excluir:hover{ background:rgba(180,50,47,.08); }
.agenda-dia-lista{ display:flex; flex-direction:column; gap:8px; }
.agenda-dia-item{
display:flex; gap:14px; align-items:flex-start; text-decoration:none; color:inherit;
background:var(--surface-2); border:1px solid var(--border); border-radius:var(--radius);
padding:12px 14px;
}
.agenda-dia-item:hover{ border-color:var(--border-strong); box-shadow:var(--shadow-sm); }
.agenda-dia-hora{ flex-shrink:0; width:110px; font-size:12.5px; font-weight:600; color:var(--text-secondary); }
[data-reorder-item]{
display:flex; align-items:center; gap:10px;
background:var(--surface-2); border:1px solid var(--border); border-radius:var(--radius);
padding:10px 12px; margin-bottom:8px; cursor:grab;
}
[data-reorder-item].sendo-arrastado{ opacity:.4; }
[data-reorder-item] .etapa-arrastar{ color:var(--text-muted); flex-shrink:0; cursor:grab; }
[data-reorder-item] .etapa-corpo{ flex:1; min-width:0; }
[data-reorder-item].etapa-inativa{ opacity:.55; }
[data-reorder-item].etapa-personalizada{ border-color:var(--green); box-shadow:0 0 0 1px rgba(118,184,42,.18); }
tr[data-reorder-item]{
display:table-row; gap:0;
background:transparent; border:0; border-radius:0;
padding:0; margin:0; cursor:default;
}
tr[data-reorder-item] .etapa-arrastar{ cursor:grab; }
.tbl-etapas-prod td.col-prazo,
.tbl-etapas-prod td.col-conta{ white-space:nowrap; }
.stat{ background:var(--surface-2); border:1px solid var(--border); border-radius:var(--radius); padding:9px 13px; box-shadow:var(--shadow-sm); }
.stat-label{ font-size:9.5px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--text-muted); margin-bottom:1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.stat-valor{ font-size:19px; font-weight:700; letter-spacing:-.02em; line-height:1.25; }
.barra{ height:7px; background:#E7E9EF; border-radius:999px; overflow:hidden; }
.barra > span{ display:block; height:100%; background:linear-gradient(90deg,var(--green),#93CE45); border-radius:999px; }
.mobile-menu-btn{ display:none; }
.sidebar-backdrop{ display:none; }
@media print{
.no-print, #sidebar, .mobile-menu-btn, .sidebar-backdrop, .form-actions,
.filtros, button, a.btn, a.btn-sm, .btn-primary, .btn-quiet, .btn-danger{ display:none !important; }
.shell{ display:block; }
.main{ padding:0; }
.main-inner{ max-width:none; }
.tbl-wrap{ box-shadow:none; border:1px solid #999; }
body{ background:#fff; }
}
@media (max-width:1000px){
.shell{ flex-direction:column; }
#sidebar{
width:82%; max-width:300px; height:100vh; position:fixed; top:0; left:0; z-index:50;
padding:22px 14px 20px; transform:translateX(-100%); transition:transform .25s ease;
box-shadow:var(--shadow-lg);
}
#sidebar.mobile-open{ transform:translateX(0); }
.main{ padding:64px 18px 48px; }
.form-grid-2, .form-grid-3, .form-grid-4{ grid-template-columns:1fr; }
.linha-contato-adicional{ grid-template-columns:1fr; }
.linha-contato-adicional .btn-danger{ width:100%; text-align:center; }
.cal-grid{ gap:3px; }
.daycell{ min-height:78px; padding:5px; }
.mobile-menu-btn{
display:flex; align-items:center; justify-content:center;
position:fixed; top:14px; left:14px; z-index:60;
width:40px; height:40px; border-radius:var(--radius);
background:var(--navy-800); border:1px solid var(--navy-800); color:#fff;
cursor:pointer;
}
.sidebar-backdrop.show{
display:block; position:fixed; inset:0; z-index:45;
background:rgba(14,18,32,.45);
}
}
button.topbar-sino{ cursor:pointer; }
.pc-visao{ display:flex; flex-direction:column; gap:5px; margin-top:12px; }
.pc-visao a{
display:block; padding:7px 10px; border-radius:9px; font-size:11.5px; font-weight:600;
text-align:center; text-decoration:none; letter-spacing:.01em;
background:rgba(255,255,255,.08); color:rgba(255,255,255,.72);
border:1px solid rgba(255,255,255,.14); transition:background .15s, color .15s;
}
.pc-visao a:hover{ background:rgba(255,255,255,.16); color:#fff; }
.pc-visao a.on{ background:var(--green); border-color:var(--green); color:#fff; }
.visita-faixa.adm{ background:#FFF3E0; border-color:#F2D6A8; color:#8A5A16; }
.pc-adm{
background:#FFF9F0; border:1px solid #F2DFC2; border-radius:var(--radius);
padding:14px 16px; margin-bottom:18px;
}
.pc-adm-tit{ font-size:11.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#A9761F; }
.pc-adm-txt{ font-size:12.5px; color:var(--text-secondary); margin:7px 0 12px; line-height:1.55; }
.pc-adm-form{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.pc-adm-form input[type="text"]{ flex:2; min-width:220px; height:38px; }
.pc-adm-form select{ flex:1; min-width:190px; height:38px; }
.pc-adm-linha{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin-top:12px; }
.pc-adm-fer{ font-size:11.5px; color:var(--text-muted); }
.pc-adm-linha .espaco{ flex:1; }
.pc-adm-bt{
height:34px; padding:0 14px; border-radius:9px; border:1px solid var(--border-strong);
background:#fff; color:var(--text-primary); font-size:12.5px; font-weight:600;
cursor:pointer; display:inline-flex; align-items:center; text-decoration:none; white-space:nowrap;
}
.pc-adm-bt:hover{ border-color:var(--green); color:var(--green-dark); }
.pc-projeto.oculto, .pc-cartao-caixa.oculto{ opacity:.62; }
.pc-cartao-caixa{ display:flex; flex-direction:column; }
.pc-cartao-caixa .pc-adm-linha{ margin-top:8px; }
@media (max-width:640px){
.pc-adm-form input[type="text"], .pc-adm-form select, .pc-adm-form .pc-adm-bt{ width:100%; flex:none; }
}
.midia-puxar{
display:flex; align-items:center; gap:14px; flex-wrap:wrap;
background:var(--green-soft); border:1px solid #D3E9B5;
border-radius:var(--radius); padding:11px 16px; margin-bottom:18px;
}
.midia-puxar .field-label{ margin:0; white-space:nowrap; color:var(--green-dark); }
.midia-puxar select{ flex:1; min-width:220px; height:38px; background:#fff; }
@media (max-width:640px){
.midia-puxar{ gap:8px; }
.midia-puxar select{ width:100%; }
}
.wfp[data-ferramenta="kanban"]{     --fx:#185FA5; }
.wfp[data-ferramenta="cep"]{        --fx:#0E9488; }
.wfp[data-ferramenta="gut"]{        --fx:#B4322F; }
.wfp[data-ferramenta="pdca"]{       --fx:#185FA5; }
.wfp[data-ferramenta="w5h2"]{       --fx:#E0762E; }
.wfp[data-ferramenta="ishikawa"]{   --fx:#0E9488; }
.wfp[data-ferramenta="swot"]{       --fx:#3E7113; }
.wfp[data-ferramenta="pareto"]{     --fx:#7B4FBF; }
.wfp[data-ferramenta="okr"]{        --fx:#A87F00; }
.wfp[data-ferramenta="scrum"]{      --fx:#185FA5; }
.wfp[data-ferramenta="bmc"]{        --fx:#42506B; }
.wfp[data-ferramenta="eisenhower"]{ --fx:#B4322F; }
.wfp[data-ferramenta="s5"]{         --fx:#3E7113; }
.wfp[data-ferramenta="fluxograma"]{ --fx:#42506B; }
@supports not (color: color-mix(in srgb, red, blue)){
}
.wfp[data-ferramenta="fluxograma"] .fx-fnode{
border-radius:10px; box-shadow:0 1px 3px rgba(19,24,41,.06);
border-color:var(--border); background:var(--surface-2);
}
.wfp[data-ferramenta="fluxograma"] .fx-flow-svg path{ stroke:var(--fx); }
@media (max-width:1000px){  }
.wfe-cor input[type=color]{ width:52px; height:38px; padding:3px; cursor:pointer; }
@media (max-width:900px){
}
@media (max-width:540px){
}
.cor-unica{
position:relative; width:38px; height:38px; flex-shrink:0; border-radius:50%;
display:inline-block; cursor:pointer; background:var(--c, var(--green));
box-shadow:0 1px 3px rgba(19,24,41,.2), inset 0 0 0 2px var(--surface-2);
border:1px solid rgba(19,24,41,.14);
transition:transform .12s ease;
}
.cor-unica:hover{ transform:scale(1.06); }
.cor-unica input[type="color"]{
position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer;
padding:0; border:0; background:transparent;
}
.wfm-form .cor-unica, .ag-nova-form .cor-unica{ align-self:center; }
.wfl-chip.projetao{ background:#42506B; color:#fff; border-color:#42506B; }
.wfl-chip.projetao i{ background:#fff !important; }
.wfl-projetao{ border-left-width:7px; }
.wfl-dentro{ grid-area:dentro; display:flex; gap:5px; flex-wrap:wrap; margin:7px 0 0; }
.wfl-dentro-chip{
font-size:10px; font-weight:650; padding:2px 8px; border-radius:999px;
background:color-mix(in srgb, var(--c) 14%, transparent);
color:color-mix(in srgb, var(--c) 60%, #0E1220);
border:1px solid color-mix(in srgb, var(--c) 35%, transparent);
white-space:nowrap;
}
@supports not (color: color-mix(in srgb, red, blue)){
.wfl-dentro-chip{ background:var(--surface-1); color:var(--text-secondary); border-color:var(--border); }
}
.wfl-dentro-mais{ font-size:10px; font-weight:650; color:var(--text-muted); align-self:center; }
.pjt-vazio{
max-width:1160px; margin:0 auto; text-align:center; padding:34px 20px;
border:1.5px dashed var(--border-strong); border-radius:14px;
font-size:13px; color:var(--text-secondary); line-height:1.7; background:var(--surface-2);
}
.pjt-grade{
display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:13px;
max-width:1160px; margin:0 auto;
}
.pjt-card{
position:relative; background:var(--surface-2); border:1px solid var(--border);
border-top:3px solid var(--c, var(--green)); border-radius:13px;
box-shadow:0 1px 3px rgba(19,24,41,.05);
transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.pjt-card:hover{ transform:translateY(-2px); box-shadow:0 8px 20px rgba(19,24,41,.12); }
.pjt-card-link{
display:flex; flex-direction:column; gap:7px; padding:14px 15px 15px;
text-decoration:none; color:inherit; min-height:118px;
}
.pjt-card-tag{
font-size:9.5px; font-weight:750; letter-spacing:.06em; text-transform:uppercase;
color:var(--c, var(--green));
}
.pjt-card-nome{ font-size:13.5px; font-weight:650; letter-spacing:-.01em; line-height:1.3; }
.pjt-card-resumo{
font-size:11.5px; color:var(--text-muted); line-height:1.45;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.pjt-card-prog{
display:flex; align-items:center; gap:8px; margin-top:auto;
font-size:11px; font-weight:700; color:var(--text-secondary);
}
.pjt-card-prog i{
flex:1; height:5px; border-radius:99px; background:rgba(19,24,41,.09); position:relative;
}
.pjt-card-prog i::after{
content:''; position:absolute; inset:0; width:inherit; border-radius:99px;
background:var(--c, var(--green));
}
.pjt-faixa{
display:inline-flex; align-items:center; gap:8px; margin:0 0 14px 10px;
padding:7px 14px; border-radius:999px; font-size:12px; color:var(--text-secondary);
background:color-mix(in srgb, var(--c) 12%, var(--surface-2));
border:1px solid color-mix(in srgb, var(--c) 32%, transparent);
}
@supports not (color: color-mix(in srgb, red, blue)){
.pjt-faixa{ background:var(--surface-2); border-color:var(--border); }
}
.pjt-faixa b{ color:var(--text-primary); }
.ag-lat-todas{
margin-left:auto; font-size:11px; font-weight:650; text-decoration:none;
color:var(--text-muted); padding:3px 9px; border-radius:999px;
border:1px solid var(--border); background:var(--surface-2);
transition:border-color .14s ease, color .14s ease;
}
.ag-lat-todas:hover{ border-color:var(--green); color:var(--green-dark); }
.cp-cabeca{
display:flex; justify-content:space-between; align-items:flex-start;
gap:16px; flex-wrap:wrap; margin-bottom:20px;
}
.cp-cabeca .page-sub{ margin:4px 0 0; }
.fm-secao{
border:1px solid var(--border); border-radius:14px;
background:var(--surface-2); padding:16px 18px 18px; margin-bottom:14px;
}
.fm-tit{
display:flex; align-items:center; gap:10px; margin-bottom:15px;
font-size:13.5px; font-weight:700; letter-spacing:-.01em;
}
.fm-tit span{
width:22px; height:22px; flex-shrink:0; border-radius:7px;
display:inline-flex; align-items:center; justify-content:center;
background:var(--green-soft); color:var(--green-dark);
font-size:11.5px; font-weight:750;
}
.fm-campos{
display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
gap:14px 16px; align-items:start;
}
.fm-campos .field{ margin-bottom:0; min-width:0; }
.fm-campos .field-label{ min-height:15px; margin-bottom:8px; }
.fm-campos .field-hint{ margin-top:6px; }
.fm-2{ grid-column:span 2; }
@media (max-width:700px){ .fm-2{ grid-column:span 1; } }
.fm-cor .cor-unica{ margin-top:2px; }
.fm-opc{
font-weight:500; letter-spacing:0;
color:var(--text-muted); font-size:11px; margin-left:5px;
}
.fm-dia-inteiro{
display:inline-flex; align-items:center; gap:9px; cursor:pointer;
margin-bottom:15px; padding:9px 14px; border-radius:999px;
border:1px solid var(--border); background:var(--surface-1);
font-size:12.5px; font-weight:600;
}
.fm-dia-inteiro:hover{ border-color:var(--green); }
.fm-dia-inteiro input{ accent-color:var(--green); }
.fm-pessoas{ display:flex; gap:8px; flex-wrap:wrap; }
.fm-aviso{
padding:12px 14px; border-radius:11px; font-size:12.5px; line-height:1.55;
background:var(--surface-1); border:1px dashed var(--border-strong);
color:var(--text-secondary);
}
.fm-mais{
border:1px solid var(--border); border-radius:14px;
background:var(--surface-2); margin-bottom:14px; overflow:hidden;
}
.fm-mais > summary{
padding:15px 18px; cursor:pointer; list-style:none; user-select:none;
font-size:13.5px; font-weight:700; letter-spacing:-.01em;
display:flex; align-items:center; gap:10px;
}
.fm-mais > summary::-webkit-details-marker{ display:none; }
.fm-mais > summary::after{ content:'▾'; margin-left:auto; color:var(--text-muted); font-size:12px; }
.fm-mais[open] > summary::after{ content:'▴'; }
.fm-mais > summary:hover{ background:rgba(19,24,41,.02); }
.fm-mais > summary small{ font-weight:500; font-size:11.5px; color:var(--text-muted); }
.fm-mais[open] > summary{ border-bottom:1px solid var(--border); }
.fm-mais-corpo{ padding:16px 18px 18px; }
.fm-mais-corpo textarea{ min-height:74px; }
.fm-acoes{
display:flex; align-items:center; gap:10px; flex-wrap:wrap;
padding-top:16px; border-top:1px solid var(--border); margin-top:4px;
}
.fm-acoes .espaco{ flex:1; }
.fm-salvar{ height:44px; padding:0 28px; }
@media (max-width:560px){
.fm-acoes{ flex-direction:column; align-items:stretch; }
.fm-acoes .espaco{ display:none; }
.fm-acoes .btn, .fm-salvar{ width:100%; justify-content:center; text-align:center; }
}
.fdia-caixa{ width:min(600px, 100%); }
.fdia-linhas{ display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:14px; }
.fdia-linhas .field{ margin-bottom:0; min-width:0; }
.fdia-ag-topo{
display:flex; align-items:center; justify-content:space-between; gap:10px;
flex-wrap:wrap; margin:18px 0 8px;
}
.fdia-atalhos{ display:flex; gap:6px; }
.fdia-atalhos button{
font-size:11px; font-weight:650; cursor:pointer; padding:4px 10px;
border-radius:999px; border:1px solid var(--border-strong);
background:var(--surface-2); color:var(--text-secondary);
}
.fdia-atalhos button:hover{ border-color:var(--green); color:var(--green-dark); }
.fdia-ags{
display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:2px 12px;
border:1px solid var(--border); border-radius:var(--radius); padding:9px 11px;
background:var(--surface-2); max-height:250px; overflow:auto;
}
.fdia-ag{
display:flex; align-items:center; gap:8px; font-size:12.5px;
padding:5px 4px; border-radius:7px; cursor:pointer;
}
.fdia-ag:hover{ background:rgba(19,24,41,.05); }
.fdia-ag input{ flex-shrink:0; }
.fdia-cor{ width:12px; height:12px; border-radius:50%; flex-shrink:0; }
.fdia-acoes{ display:flex; justify-content:flex-end; margin-top:18px; }
@media (max-width:640px){
.fdia-linhas{ grid-template-columns:1fr; }
.fdia-ags{ grid-template-columns:1fr; }
}
.sem-caixa, .sem-caixa *{ text-transform:none; }
.email-txt{ text-transform:lowercase; }
.pac-vazio{
display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
padding:16px 18px; border:1px dashed var(--border-strong); border-radius:var(--radius-lg);
background:var(--surface-1);
}
.pac-vazio > span{ font-size:13px; color:var(--text-secondary); }
.pac-vazio form{ margin:0; }
.pac-bt-add{ padding:11px 20px; font-size:13.5px; border-radius:11px; }
.pac-cartao{
border:1px solid var(--border); border-radius:var(--radius-lg);
background:var(--surface-1); padding:16px 18px;
}
.pac-cartao.bloqueado{ border-color:#EFC9C7; background:#FDF4F3; }
.pac-topo{
display:flex; align-items:flex-start; justify-content:space-between;
gap:14px; flex-wrap:wrap; margin-bottom:14px;
}
.pac-quem{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.pac-email{ font-size:15px; font-weight:700; letter-spacing:-.01em; word-break:break-all; }
.pac-quando{ font-size:11.5px; color:var(--text-muted); }
.pac-selos{ display:flex; gap:6px; flex-wrap:wrap; flex-shrink:0; }
.pac-principal{ margin:0 0 14px; }
.pac-bt-ver{
width:100%; justify-content:center;
padding:14px 22px; font-size:15px; font-weight:700; letter-spacing:.02em;
border-radius:12px;
}
.pac-acoes{
display:flex; align-items:center; gap:7px; flex-wrap:wrap;
padding-top:13px; border-top:1px solid var(--border);
}
.pac-acoes form{ display:flex; align-items:center; gap:6px; margin:0; }
.pac-acoes-fim{ display:flex; align-items:center; gap:7px; margin-left:auto; }
@media (max-width:700px){
.pac-acoes-fim{ margin-left:0; width:100%; }
}
.sol-escolhe{
display:flex; align-items:center; justify-content:space-between; gap:10px;
width:100%; text-align:left; font-size:13.5px; font-weight:600;
}
.sol-escolhe-seta{ color:var(--text-muted); flex-shrink:0; }
.wfm-caixa.sol-pag-caixa{
max-width:380px;
background:linear-gradient(175deg,#141A2C 0%,#1A2137 55%,#151B2E 100%);
border-color:rgba(255,255,255,.08);
}
.sol-pag-caixa .wfm-cabeca h2{ color:#fff; }
.sol-pag-caixa .wfm-fechar{ border-color:rgba(255,255,255,.16); color:rgba(255,255,255,.7); }
.sol-pag-caixa .wfm-fechar:hover{ background:rgba(255,255,255,.08); color:#fff; }
.sol-pag-caixa ::-webkit-scrollbar{ width:6px; }
.sol-pag-caixa ::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.14); border-radius:3px; }
.sol-pag-menu{ max-height:62vh; overflow-y:auto; padding-right:4px; }
.sol-pag-menu .navgroup .subitens{ display:none; }
.sol-pag-menu .navgroup.open > .subitens{ display:block; }
.sol-pag-menu .chev{ margin-left:auto; }
.sol-pag-pe{ margin-top:14px; padding-top:10px; border-top:1px solid rgba(255,255,255,.1); }
.sol-pag-pe-dica{ display:block; font-size:10px; font-weight:500; color:rgba(255,255,255,.45); }
html .sol-pag-pe img.side-config-ico{ filter:none; }
.sol-pag-titulo{
font-size:10px; font-weight:700; letter-spacing:.09em;
color:rgba(255,255,255,.38); margin:0 0 5px 4px;
}
.stat-bt{ text-decoration:none; color:inherit; display:block; transition:border-color .15s, box-shadow .15s; }
.stat-bt:hover{ border-color:var(--green); box-shadow:0 2px 10px rgba(0,0,0,.06); }
.stat-bt.ativo{ border-color:var(--green); background:var(--green-soft); }
.stat-bt.ativo .stat-label{ color:var(--green-dark); }
.lead-diag-doc{ display:flex; align-items:center; justify-content:space-between; gap:12px;
flex-wrap:wrap; background:var(--green-soft); border:1px solid var(--green);
border-radius:var(--radius); padding:12px 15px; margin:-6px 0 14px; }
.lead-diag-doc.vazio{ background:var(--surface-0); border-color:var(--border); }
.lead-diag-doc-txt{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.lead-diag-doc-txt b{ font-size:13.5px; font-weight:650; }
.lead-diag-doc-txt i{ font-style:normal; font-size:11.5px; color:var(--text-secondary); }
.lead-diag-doc-bt{ display:flex; align-items:center; gap:12px; flex-shrink:0; }
.lead-diag-doc .btn-primary{ text-decoration:none; padding:8px 15px; flex-shrink:0; }
.lead-diag-subir{ font-size:11.5px; font-weight:650; color:var(--text-secondary);
text-decoration:underline; cursor:pointer; white-space:nowrap; }
.lead-diag-subir:hover{ color:var(--green-dark); }
.lead-diag{ display:flex; flex-direction:column; gap:6px; }
.lead-diag-item{
border:1px solid var(--border); border-radius:10px; background:var(--surface-1);
overflow:hidden;
}
.lead-diag-item summary{
display:flex; align-items:flex-start; gap:10px; cursor:pointer;
padding:11px 14px; list-style:none; font-size:13px; font-weight:600;
color:var(--text-primary);
}
.lead-diag-item summary::-webkit-details-marker{ display:none; }
.lead-diag-item summary::after{
content:''; margin-left:auto; flex-shrink:0; width:8px; height:8px;
border-right:2px solid var(--text-muted); border-bottom:2px solid var(--text-muted);
transform:rotate(45deg); transition:transform .18s; margin-top:4px;
}
.lead-diag-item[open] summary::after{ transform:rotate(-135deg); }
.lead-diag-item[open] summary{ background:var(--surface-2); }
.lead-diag-num{
flex-shrink:0; min-width:22px; font-variant-numeric:tabular-nums;
color:var(--text-muted); font-weight:700;
}
.lead-diag-perg{ flex:1; }
.lead-diag-resp{
padding:2px 14px 13px 46px; font-size:13px; line-height:1.55;
color:var(--text-secondary);
}
.sol-num{
color:var(--text-muted); font-weight:700;
font-variant-numeric:tabular-nums; white-space:nowrap;
}
.sol-equipe-titulo{
font-size:11px; font-weight:700; letter-spacing:.08em;
color:var(--text-muted); margin:22px 0 8px;
padding-top:14px; border-top:1px solid var(--border);
}
.sol-pag-item{
display:flex; align-items:center; width:100%; text-align:left; margin-bottom:3px;
padding:9px 11px; border-radius:9px; font-size:12.5px; font-weight:500;
border:1px solid transparent; background:transparent; color:rgba(255,255,255,.66);
}
.sol-pag-item:hover{ background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.1); color:#fff; }
.sol-pag-drill{ max-height:56vh; overflow-y:auto; }
.sol-pag-voltar{
display:inline-block; margin-bottom:10px; padding:6px 10px; border-radius:8px;
border:1px solid rgba(255,255,255,.16); background:transparent; color:rgba(255,255,255,.66);
font-size:12px; font-weight:650;
}
.sol-pag-voltar:hover{ background:rgba(255,255,255,.08); color:#fff; }
.sol-item.rascunho{ border-left:3px solid #B4671B; }
.grav-barra{
position:fixed; left:50%; bottom:22px; transform:translateX(-50%);
z-index:9999; display:flex; align-items:center; gap:11px;
padding:10px 14px 10px 16px; border-radius:999px;
background:#131829; color:#fff; box-shadow:0 8px 26px rgba(19,24,41,.4);
font-size:12.5px; font-weight:650; max-width:calc(100vw - 28px);
}
.grav-ponto{
width:9px; height:9px; border-radius:50%; background:#E5484D; flex-shrink:0;
animation:gravPulsa 1.2s ease-in-out infinite;
}
@keyframes gravPulsa{ 0%,100%{ opacity:1; transform:scale(1); } 50%{ opacity:.35; transform:scale(.8); } }
.grav-txt{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.grav-ir{
padding:6px 13px; border-radius:999px; border:0; flex-shrink:0;
background:rgba(255,255,255,.16); color:#fff; font-size:11.5px; font-weight:700;
}
.grav-ir:hover{ background:rgba(255,255,255,.28); color:#fff; }
.grav-previa{
max-width:280px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
opacity:.62; font-weight:500;
}
.grav-previa:empty{ display:none; }
.grav-barra.erro .grav-ponto{ animation:none; background:#98A0B5; }
.grav-barra.religar{ cursor:pointer; }
@media (prefers-reduced-motion:reduce){ .grav-ponto{ animation:none; } }
.sol-colados{ display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.sol-colado{ position:relative; }
.sol-colados .sol-colado img{ max-height:120px; width:auto; }
.sol-colado img{
display:block; max-width:100%; max-height:190px;
border:1px solid var(--border); border-radius:10px;
}
.sol-colado-x{
position:absolute; top:6px; right:6px;
display:inline-flex; align-items:center; justify-content:center;
width:26px; height:26px; padding:0; line-height:1; border-radius:8px;
background:rgba(14,18,32,.78); color:#fff; border:0; font-size:12px; cursor:pointer;
}
.sol-colado-x:hover{ background:#B4322F; }
.sol-grade{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:18px; align-items:start; }
.sol-form .field{ margin-bottom:14px; }
.sol-anexos{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.sol-anexos .field{ margin-bottom:0; min-width:0; }
.sol-anexos input[type=file]{ width:100%; font-size:12px; }
.sol-audio{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:8px; }
.sol-audio .btn{ display:inline-flex; align-items:center; gap:7px; }
.sol-audio .btn.ativo{
background:#B4322F; border-color:#B4322F; color:#fff;
animation:sol-pulsa 1.2s ease-in-out infinite;
}
.sol-audio .btn.ativo svg{ color:#fff; }
@keyframes sol-pulsa{ 50%{ box-shadow:0 0 0 6px rgba(180,50,47,.18); } }
.sol-audio-dica{ font-size:11.5px; color:var(--text-muted); }
@media (prefers-reduced-motion: reduce){ .sol-audio .btn.ativo{ animation:none; } }
.sol-deploy{
display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
background:var(--green-soft); border:1.5px solid #D3E9B5;
border-radius:var(--radius-lg); padding:13px 16px; margin-bottom:14px;
}
.sol-deploy b{ display:block; font-size:13px; }
.sol-deploy small{ display:block; font-size:11.5px; color:var(--text-secondary); margin-top:2px; }
.sol-item .pc-item-lado{ flex-wrap:wrap; justify-content:flex-end; gap:6px; }
.sol-resposta{ color:var(--text-primary) !important; font-weight:550; }
@media (max-width:1000px){ .sol-grade{ grid-template-columns:1fr; } }
.sol-trabalhando{
position:fixed; right:20px; bottom:20px; z-index:40;
display:flex; align-items:center; gap:10px;
padding:10px 16px; border-radius:99px;
background:var(--surface-2); border:1px solid var(--border-strong);
box-shadow:0 6px 20px rgba(19,24,41,.16);
font-size:11.5px; font-weight:650; color:var(--text-secondary);
}
.sol-girando{ display:flex; color:var(--text-muted); animation:sol-gira 1.6s linear infinite; }
@keyframes sol-gira{ to{ transform:rotate(360deg); } }
@media (prefers-reduced-motion: reduce){ .sol-girando{ animation:none; } }
@media (max-width:640px){ .sol-trabalhando{ left:16px; right:16px; justify-content:center; } }
.fm-convidados{ display:flex; flex-wrap:wrap; gap:7px; margin-top:9px; }
.fm-convidado{
display:inline-flex; align-items:baseline; gap:7px;
padding:5px 10px; border-radius:999px;
background:var(--surface-2); border:1px solid var(--border);
font-size:11.5px;
}
.fm-convidado small{ color:var(--text-muted); font-size:10.5px; }
.zap-linha{ display:inline-flex; align-items:center; gap:7px; }
.zap-bt{
display:inline-flex; align-items:center; justify-content:center;
width:21px; height:21px; flex-shrink:0; border-radius:50%;
background:#25D366; color:#fff; text-decoration:none; line-height:0;
}
.zap-bt:hover{ background:#1DA851; color:#fff; }
.zap-bt[data-zap]{ cursor:pointer; }
.zap-bt[data-zap]:focus-visible{ outline:2px solid var(--green); outline-offset:2px; }
.pnl-orfaos{
display:flex; align-items:center; gap:14px; flex-wrap:wrap;
background:rgba(214,132,20,.10); border:1.5px solid #D68414; color:#8A5307;
border-radius:12px; padding:13px 16px; margin-bottom:18px; font-size:13.5px;
}
.pnl-orfaos-txt{ flex:1 1 320px; line-height:1.45; }
.pnl-orfaos-acao{ display:flex; align-items:center; gap:8px; }
.pnl-orfaos-acao select{ max-width:220px; }
.pnl-lista{ display:grid; gap:18px; }
.pnl-card{
display:block; padding:26px 30px 24px; border-radius:18px;
background:
linear-gradient(135deg, rgba(118,184,42,.05), transparent 42%),
var(--surface-2);
border:1px solid var(--border);
text-decoration:none; color:inherit; position:relative; overflow:hidden;
box-shadow:0 1px 2px rgba(19,24,41,.04), 0 6px 18px -10px rgba(19,24,41,.18);
transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.pnl-card::before{
content:""; position:absolute; left:0; top:0; bottom:0; width:5px;
background:linear-gradient(var(--green), var(--green-dark));
transition:width .16s ease;
}
.pnl-card:hover{
transform:translateY(-2px); color:inherit; border-color:var(--border-strong);
box-shadow:0 2px 4px rgba(19,24,41,.05), 0 16px 34px -14px rgba(19,24,41,.32);
}
.pnl-card:hover::before{ width:8px; }
.pnl-card-cabeca{ display:flex; align-items:center; gap:18px; }
.pnl-card-ico{
width:54px; height:54px; border-radius:15px; flex-shrink:0;
display:flex; align-items:center; justify-content:center;
background:var(--green-soft); color:var(--green-dark);
}
.pnl-card-txt{ flex:1; min-width:0; }
.pnl-card-tag{
display:block; font-size:10px; font-weight:750; letter-spacing:.09em;
text-transform:uppercase; color:var(--green-dark); margin-bottom:3px;
}
.pnl-card-nome{ font-size:23px; font-weight:680; letter-spacing:-.02em; line-height:1.2; }
.pnl-card-resumo{
margin-top:5px; font-size:13.5px; color:var(--text-secondary); line-height:1.45;
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.pnl-card-numero{ text-align:right; flex-shrink:0; line-height:1.05; }
.pnl-card-numero b{
display:block; font-size:34px; font-weight:700; letter-spacing:-.03em;
color:var(--text-primary);
}
.pnl-card-numero span{
font-size:10px; font-weight:650; letter-spacing:.05em; text-transform:uppercase;
color:var(--text-muted);
}
.pnl-card-seta{
flex-shrink:0; color:var(--text-muted); display:flex;
transform:translateX(-3px); opacity:0; transition:opacity .16s ease, transform .16s ease;
}
.pnl-card:hover .pnl-card-seta{ opacity:1; transform:translateX(0); }
.pnl-funil{
display:flex; gap:4px; margin-top:22px; height:12px;
border-radius:99px; overflow:hidden;
}
.pnl-funil-parte{
min-width:8px; border-radius:99px;
transition:filter .16s ease;
}
.pnl-card:hover .pnl-funil-parte{ filter:saturate(1.15); }
.pnl-legenda{
display:flex; flex-wrap:wrap; gap:8px 22px; margin-top:14px;
font-size:12.5px; color:var(--text-secondary);
}
.pnl-legenda-item{ display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.pnl-legenda-item i{ width:9px; height:9px; border-radius:3px; flex-shrink:0; }
.pnl-legenda-item b{ color:var(--text-primary); font-weight:650; }
.pnl-card-caixa{ position:relative; }
.pnl-lixo{
position:absolute; top:14px; right:14px; width:34px; height:34px;
display:flex; align-items:center; justify-content:center;
border:1px solid var(--border); border-radius:10px; cursor:pointer;
background:var(--surface-1, #fff); color:var(--text-secondary);
box-shadow:0 1px 3px rgba(19,24,41,.10);
transition:background .15s ease, color .15s ease, border-color .15s ease, transform .12s ease;
}
.pnl-lixo:hover, .pnl-lixo:focus-visible{
color:#fff; background:#C0392B; border-color:#C0392B; transform:scale(1.06);
}
.pnl-nova-caixa{ width:min(760px, 100%); }
.pnl-nova-form{ display:flex; flex-direction:column; gap:18px; }
.pnl-nova-form > .field{ margin:0; }
.pnl-tipo-grade{
display:grid; grid-template-columns:repeat(auto-fill, minmax(180px, 1fr)); gap:12px;
}
.pnl-tipo-card{
position:relative; display:flex; flex-direction:column; gap:8px; cursor:pointer;
padding:14px 14px 12px; border-radius:14px;
background:var(--surface-2); border:1.5px solid var(--border);
transition:border-color .14s ease, box-shadow .14s ease, transform .14s ease;
}
.pnl-tipo-card:hover{ border-color:color-mix(in srgb, var(--green) 55%, var(--border)); transform:translateY(-1px); }
.pnl-tipo-card input[type=radio]{ position:absolute; opacity:0; width:0; height:0; margin:0; }
.pnl-tipo-card:has(input:checked){
border-color:var(--green); background:color-mix(in srgb, var(--green) 7%, var(--surface-2));
box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 22%, transparent);
}
.pnl-tipo-topo{ display:flex; align-items:center; justify-content:space-between; }
.pnl-tipo-ico{
width:30px; height:30px; border-radius:9px; display:inline-flex; align-items:center; justify-content:center;
color:var(--text-secondary); background:var(--surface-1);
}
.pnl-tipo-card:has(input:checked) .pnl-tipo-ico{ color:var(--green-dark); }
.pnl-tipo-check{
width:18px; height:18px; border-radius:50%; flex-shrink:0;
display:inline-flex; align-items:center; justify-content:center;
border:1.5px solid var(--border); color:transparent; background:var(--surface-1);
transition:background .14s ease, border-color .14s ease, color .14s ease;
}
.pnl-tipo-card:has(input:checked) .pnl-tipo-check{ background:var(--green); border-color:var(--green); color:#fff; }
.pnl-tipo-nome{ font-size:14.5px; font-weight:650; letter-spacing:-.01em; line-height:1.25; }
.pnl-tipo-sub{ font-size:12px; color:var(--text-muted); }
.pnl-tipo-tarja{
display:flex; height:8px; border-radius:5px; overflow:hidden; margin-top:2px;
background:var(--border);
}
.pnl-tipo-tarja i{ flex:1; min-width:3px; }
.pnl-nova-acoes{ display:flex; align-items:center; justify-content:flex-end; gap:10px; flex-wrap:wrap; }
@media (max-width:560px){
.pnl-tipo-grade{ grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); }
.pnl-nova-acoes{ flex-direction:column-reverse; align-items:stretch; }
.pnl-nova-acoes .btn, .pnl-nova-acoes .btn-primary{ width:100%; text-align:center; }
}
@media (max-width:560px){
.pnl-card{ padding:18px 16px 16px; }
.pnl-card-ico{ display:none; }
.pnl-card-nome{ font-size:19px; }
.pnl-card-numero b{ font-size:24px; }
.pnl-card-seta{ display:none; }
}
.rel-shell{ display:grid; grid-template-columns:220px 1fr; gap:20px; align-items:flex-start; }
@media (max-width:1000px){
input[type=text], input[type=search], input[type=email], input[type=password],
input[type=date], input[type=time], input[type=number], input[type=tel],
input[type=url], input[type=month], textarea, select{ font-size:16px !important; }
#sidebar{ height:100dvh; padding-top:64px; padding-bottom:max(20px, env(safe-area-inset-bottom)); }
body:has(#sidebar.mobile-open){ overflow:hidden; }
.navitem, .navgroup > .navitem-toggle, .navgroup .subitens .navitem{ font-size:12px; }
.page-sub{ font-size:11.5px; }
.tbl-wrap{ overflow-x:auto; }
.tbl{ font-size:12.5px; }
.tbl thead th, .tbl tbody td{ padding-left:9px; padding-right:9px; }
.tbl input[type=checkbox]{ width:22px; height:22px; }
.btn-sm, a.btn.btn-sm{ padding:9px 13px; }
.tbl.tbl-densa .btn-sm{ padding:8px 11px; font-size:12px; }
.wfp-pegar{ width:24px; }
.lead-modal-x, .wfm-fechar{ width:40px; height:40px; }
.zap-bt{ width:32px; height:32px; }
.cfg-menu-olho{ padding:11px; }
.cfgm-x{ width:38px; height:38px; }
.ev-popover .fechar{ width:36px; height:36px; }
.ev-popover .ev-bt{ height:44px; }
.minical-dia{ width:32px; height:32px; }
.wfp-check{ padding:10px 14px 10px 8px; font-size:12.5px; }
.wfp-check i{ width:20px; height:20px; }
.cob-link, .cob-abrir{ display:inline-block; padding:10px 8px; }
.conteudo-card input[type=checkbox]{ width:22px; height:22px; }
.fin-mes-seta{ padding:10px 14px; }
body .pc-card-wrapper{ touch-action:pan-y; }
.agenda-shell{ flex-direction:column; }
.agenda-lateral{ width:100%; order:2; }
.agenda-principal{ order:1; min-width:0; width:100%; }
.tg.tg-d5, .tg.tg-d7{ overflow-x:auto; }
.tg-d5 .tg-cabecalho, .tg-d5 .tg-alldia, .tg-d5 .tg-scroll{ min-width:560px; }
.tg-d7 .tg-cabecalho, .tg-d7 .tg-alldia, .tg-d7 .tg-scroll{ min-width:700px; }
.tg-canto, .tg-horas{ width:44px; }
.ev-popover{ max-height:calc(100vh - 20px); max-height:calc(100dvh - 20px); overflow-y:auto; }
.ev-editor{ width:calc(100vw - 24px); }
.ev-editor .ed-linha > label{ width:60px; }
.ev-editor .ed-diainteiro{ margin-left:60px; }
.ev-editor .ed-meet{ margin-left:60px; }
.gcal-mes{ grid-auto-rows:80px; }
.gcal-ev-hora{ display:none; }
.gcal-ev{ font-size:10px; padding:1px 3px; }
.pfl:not(.pfl-painel-leads){ min-width:0; }
.pfl:not(.pfl-painel-leads) .pfl-cab{ display:none; }
.pfl:not(.pfl-painel-leads) .pfl-item summary.pfl-linha{
display:flex; flex-direction:column; align-items:flex-start; gap:2px;
position:relative; padding:12px 40px 12px 8px;
}
.pfl:not(.pfl-painel-leads) .pfl-item summary > *{ border-left:0; padding:1px 8px; }
.pfl:not(.pfl-painel-leads) .pfl-cel{ white-space:normal; }
.pfl:not(.pfl-painel-leads) .pfl-item summary > .pfl-abrir{
position:absolute; right:6px; top:50%; transform:translateY(-50%);
}
.pfl:not(.pfl-painel-leads) .pfl-item[open] summary .pfl-abrir{ transform:translateY(-50%) rotate(180deg); }
.pfl-acoes{ padding:0 12px 14px; }
.pfl-escuro{ z-index:40; }
.pfl-item[open]{ z-index:41; }
.conciliar-linha td > div{ position:sticky; left:12px; max-width:calc(100vw - 84px); }
.cob-detalhe > td .cob-item{ position:sticky; left:12px; max-width:calc(100vw - 84px); }
.wfp-rotulo{ flex:0 0 220px; }
.wfp-rotulo .c-donos, .wfp-rotulo .c-data, .wfp-rotulo .c-dur, .wfp-rotulo .c-prog{ display:none; }
.wfp-rotulo .c-ok{ width:auto; }
.wfm-overlay{ padding:10px; }
.wfm-caixa{ padding:16px 14px 20px; }
.cfg-overlay{ padding:10px; }
.cfg-dialog{ height:calc(100vh - 20px); height:calc(100dvh - 20px); }
.cfg-conteudo{ padding:16px 14px; }
.cfgm-corpo{ overflow-x:auto; }
.cfgm-tabela{ min-width:460px; }
.cfgm-linha-acao select, .cfgm-linha-acao input[type=file]{ width:100%; }
.rel-shell{ grid-template-columns:1fr; }
.sol-anexos{ grid-template-columns:1fr; }
.cal-grid{ grid-template-columns:repeat(7, minmax(92px, 1fr)); overflow-x:auto; overscroll-behavior-x:contain; padding-bottom:6px; }
.pc-etapa{ flex-wrap:wrap; }
.pc-etapa-txt{ flex:1 1 100%; }
.pc-prods{ grid-template-columns:1fr; }
[data-reorder-item]:not(.wfp-linha){ flex-wrap:wrap; }
div[data-reorder-item]:not(.wfp-linha) > div:last-child{ flex-wrap:wrap; flex-basis:100%; justify-content:flex-start; }
}
@media (max-width:640px){
.filtros{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.filtros input[type=text], .filtros input[type=search]{ grid-column:1 / -1; min-width:0; width:100%; }
.filtros select{ min-width:0; width:100%; }
.filtros .fmulti{ min-width:0; }
.filtros .fmulti > summary{ min-width:0; width:100%; }
.fmulti-cx{ min-width:0; width:100%; }
.filtros form{ display:contents; }
}
@media (max-width:600px){
.form-section{ padding:18px 14px; }
.inicio-palco .pc-card.fixada-card{ height:auto; width:min(88vw, 340px); }
}
@media (max-width:560px){
.fin-cards-topo{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
.fin-cards-topo .stat-valor{ font-size:15px; }
.fin-meses{ flex-direction:row; flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; padding-bottom:4px; }
.fin-mes{ flex:0 0 auto; min-width:auto; }
.fp-grade{ grid-template-columns:minmax(0,1fr) 92px 24px; gap:6px; }
.fp-grade > :nth-child(3){ display:none; }
.pfl-lista .pfl-item summary > *{ padding:11px 8px; }
.pfl-cab.fp-grade > span{ white-space:normal; }
}
@media (max-width:480px){
.fin-extrato{ padding:14px 12px; }
.fin-linha{ grid-template-columns:32px minmax(0,1fr) 100px; row-gap:2px; padding:6px 8px; }
.fin-linha > *{ border-left:0; padding:2px 4px; }
.fin-linha .fin-dia{ grid-row:1; grid-column:1; }
.fin-linha .fin-desc{ grid-row:1; grid-column:2; }
.fin-linha .fin-valor{ grid-row:1; grid-column:3; }
.fin-linha .fin-sit{ grid-row:2; grid-column:2 / 4; justify-content:flex-start; overflow:visible; flex-wrap:wrap; height:auto; }
}
.alr-pilha{
position:fixed; top:16px; left:50%; transform:translateX(-50%);
z-index:9000; width:min(430px, calc(100vw - 24px));
display:flex; flex-direction:column; gap:10px; pointer-events:none;
}
.alr-card{
pointer-events:auto;
background:linear-gradient(150deg, #8CCB36, var(--green-dark));
color:#fff; border-radius:16px; padding:14px 16px 15px;
box-shadow:0 18px 44px rgba(19,24,41,.30), 0 2px 0 rgba(255,255,255,.22) inset;
display:flex; gap:12px; align-items:flex-start;
animation:alrEntra .28s ease-out;
}
@keyframes alrEntra{
from{ opacity:0; transform:translateY(-16px) scale(.97); }
to{ opacity:1; transform:none; }
}
.alr-card.saindo{ animation:alrSai .25s ease-in forwards; }
@keyframes alrSai{ to{ opacity:0; transform:translateY(-12px); } }
.alr-sino{ flex-shrink:0; margin-top:1px; opacity:.95; }
.alr-card .alr-sino{ animation:alrSino 1.1s ease-in-out 3; transform-origin:50% 12%; }
@keyframes alrSino{
0%,60%,100%{ transform:rotate(0); }
10%{ transform:rotate(13deg); } 20%{ transform:rotate(-11deg); }
30%{ transform:rotate(8deg); }  40%{ transform:rotate(-6deg); }
50%{ transform:rotate(3deg); }
}
.alr-corpo{ flex:1; min-width:0; }
.alr-titulo{ font-size:13.5px; font-weight:750; letter-spacing:.2px; line-height:1.25; }
.alr-nome{
font-size:15.5px; font-weight:700; margin-top:3px; line-height:1.3;
overflow-wrap:anywhere;
}
.alr-onde{ font-size:12px; margin-top:3px; color:rgba(255,255,255,.86); }
.alr-acoes{ display:flex; gap:8px; margin-top:10px; flex-wrap:wrap; }
.alr-bt{
border:1px solid rgba(255,255,255,.55); background:rgba(255,255,255,.14);
color:#fff; font-size:12px; font-weight:650; padding:6px 12px;
border-radius:99px; cursor:pointer; text-decoration:none; display:inline-block;
font-family:inherit;
}
.alr-bt:hover{ background:rgba(255,255,255,.26); color:#fff; }
.alr-bt.cheio{ background:#fff; color:var(--green-dark); border-color:#fff; }
.alr-bt.cheio:hover{ background:rgba(255,255,255,.88); color:var(--green-dark); }
.alr-fechar{
flex-shrink:0; background:none; border:0; color:rgba(255,255,255,.85);
font-size:16px; line-height:1; cursor:pointer; padding:2px 2px 4px 6px;
font-family:inherit;
}
.alr-fechar:hover{ color:#fff; }
@media (max-width:640px){
.alr-pilha{ top:10px; }
.alr-nome{ font-size:14.5px; }
}
@media (prefers-reduced-motion:reduce){
.alr-card, .alr-card .alr-sino, .alr-card.saindo{ animation:none; }
}
.alr-pref-salvo{ display:block; font-size:11px; font-weight:650; color:var(--green-dark); margin:8px 0 0; text-align:right; }
.ads-trilha{ font-size:12px; color:var(--text-secondary); margin-top:3px; }
.ads-trilha a{ color:var(--text-secondary); text-decoration:none; }
.ads-trilha a:hover{ color:var(--green-dark); text-decoration:underline; }
.ads-grade{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:14px; }
.ads-card{
background:var(--surface-1); border:1px solid var(--border); border-left:3px solid var(--cor,var(--green));
border-radius:var(--radius); padding:14px 16px; display:flex; flex-direction:column; gap:9px;
}
.ads-card-top{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.ads-card-top b{ font-size:14.5px; font-weight:650; }
.ads-cont{ font-size:11px; color:var(--text-muted); white-space:nowrap; }
.ads-desc{ font-size:12.5px; color:var(--text-secondary); margin:0; }
.ads-metricas{ display:grid; grid-template-columns:repeat(auto-fit,minmax(78px,1fr)); gap:8px; }
.ads-m{ background:var(--surface-0); border-radius:9px; padding:7px 9px; }
.ads-m span{ display:block; font-size:9.5px; font-weight:700; letter-spacing:.05em;
text-transform:uppercase; color:var(--text-muted); }
.ads-m b{ display:block; font-size:13.5px; font-weight:650; font-variant-numeric:tabular-nums;
white-space:nowrap; margin-top:2px; }
.ads-verba{ display:flex; align-items:center; gap:9px; font-size:11.5px; color:var(--text-secondary); }
.ads-verba-barra{ flex:1; height:6px; border-radius:999px; background:var(--surface-0); overflow:hidden; }
.ads-verba-barra i{ display:block; height:100%; background:var(--green); }
.ads-acoes{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-top:2px; }
.ads-total{ background:var(--surface-1); border:1px solid var(--border); border-radius:var(--radius);
padding:13px 16px; margin-bottom:16px; }
.ads-total-rot{ font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
color:var(--text-muted); margin-bottom:8px; }
.ads-linha{ display:flex; gap:10px; flex-wrap:wrap; }
.ads-linha .field{ flex:1; min-width:130px; }
.page-head.ads-topo{
display:flex; justify-content:space-between; align-items:flex-start;
gap:16px; flex-wrap:wrap;
}
.ads-fx{ background:var(--surface-1); border:1px solid var(--border); border-radius:var(--radius);
padding:12px 14px 14px; }
.ads-fx-cabs{ display:grid; grid-template-columns:150px minmax(0,1fr); gap:14px; margin-bottom:8px; }
.ads-fx-cabs span{ font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
color:var(--text-muted); }
.ads-fx-cabs span:last-child{ text-align:center; }
.ads-fx-corpo{ position:relative; display:grid; grid-template-columns:150px minmax(0,1fr);
gap:34px 14px; }
.ads-fx-svg{ position:absolute; inset:0; z-index:2; pointer-events:none; }
.ads-fx-svg svg{ display:block; }
.ads-fx-svg path{ fill:none; stroke:var(--green); stroke-width:1.6; }
.ads-fx-svg polygon{ fill:var(--green); }
.ads-fx-etapa{ position:relative; z-index:1; background:var(--surface-0); border:1px solid var(--border);
border-left:3px solid var(--green); border-radius:10px; padding:9px 10px;
display:flex; flex-direction:column; gap:6px; align-self:center; }
.ads-fx-etapa b{ font-size:11.5px; font-weight:700; letter-spacing:.03em; text-transform:uppercase;
line-height:1.25; overflow-wrap:break-word; }
.ads-fx-etapa i{ font-style:normal; font-size:10.5px; color:var(--text-muted); line-height:1.35; }
.ads-fx-mais{ display:block; width:100%; border:0; border-radius:7px; cursor:pointer;
background:var(--green); color:#fff; font-size:10px; font-weight:700; letter-spacing:.05em;
text-transform:uppercase; padding:5px 6px; font-family:inherit; }
.ads-fx-mais:hover{ background:var(--green-dark); }
.ads-fx-ics{ display:flex; gap:4px; }
.ads-fx-ics form{ display:inline; }
.ads-fx-ic{ width:23px; height:23px; padding:0; border:1px solid var(--border); border-radius:6px;
background:var(--surface-1); color:var(--text-secondary); font-size:11px; line-height:1; cursor:pointer;
font-family:inherit; }
.ads-fx-ic:hover:not(:disabled){ border-color:var(--green); color:var(--green-dark); }
.ads-fx-ic:disabled{ opacity:.35; cursor:default; }
.ads-fx-ic.mal:hover{ border-color:#B4322F; color:#B4322F; }
.ads-fx-faixa{ position:relative; z-index:1; background:var(--surface-0); border-radius:12px;
padding:12px 10px; display:flex; flex-wrap:wrap; gap:12px 14px; align-items:center;
justify-content:center; min-height:56px; }
.ads-fx-video{ position:relative; background:var(--surface-1); border:1.5px solid var(--green);
border-radius:9px; padding:7px 26px 22px 11px; min-width:104px; max-width:180px; }
.ads-fx-video.solto{ border-color:#E0B770; }
.ads-fx-seguir{ position:absolute; left:8px; bottom:4px; height:17px; padding:0 7px; border:0;
border-radius:5px; background:var(--green-soft); color:var(--green-dark); font-size:11px;
font-weight:700; line-height:17px; cursor:pointer; font-family:inherit; }
.ads-fx-seguir:hover{ background:var(--green); color:#fff; }
.ads-fx-video a{ display:block; font-size:11.5px; font-weight:650; line-height:1.3;
color:var(--text-primary); text-decoration:none; overflow-wrap:anywhere; }
.ads-fx-video a:hover{ color:var(--green-dark); text-decoration:underline; }
.ads-fx-ed{ position:absolute; top:4px; right:4px; width:19px; height:19px; padding:0; border:0;
border-radius:5px; background:transparent; color:var(--text-muted); font-size:11px; line-height:1;
cursor:pointer; font-family:inherit; }
.ads-fx-ed:hover{ background:var(--green-soft); color:var(--green-dark); }
.ads-fx-sem{ font-size:11.5px; color:var(--text-muted); }
.ads-fx-legenda{ font-size:11px; color:var(--text-muted); margin-top:12px; }
.ads-fx-vem{ display:none; font-size:10.5px; color:var(--text-secondary); line-height:1.35; margin-top:3px; }
@media(max-width:760px){
.ads-fx-cabs{ display:none; }
.ads-fx-corpo{ grid-template-columns:minmax(0,1fr); gap:18px; }
.ads-fx-svg{ display:none; }
.ads-fx-etapa{ flex-flow:row wrap; align-items:center; }
.ads-fx-etapa b{ flex:0 0 auto; }
.ads-fx-etapa i{ flex:1 1 auto; }
.ads-fx-mais{ width:auto; }
.ads-fx-faixa{ justify-content:flex-start; }
.ads-fx-video{ max-width:none; flex:1 1 100%; }
.ads-fx-vem{ display:block; }
.ads-fx-legenda{ display:none; }
}
.pc-doc-linha{ display:flex; gap:10px; align-items:center; padding:10px 12px; }
.pc-doc-linha select{ margin:0; }
.pc-doc-linha select[name="escopo"]{ flex:1 1 auto; min-width:0; }
.pc-doc-linha select[name="status_doc"]{ flex:0 0 170px; }
@media(max-width:760px){
.pc-doc-linha{ flex-direction:column; align-items:stretch; }
.pc-doc-linha select[name="status_doc"]{ flex:1 1 auto; }
}
.adsfx-cartao{ margin-bottom:16px; }
.adsfx-cabeca{
display:flex; align-items:center; gap:10px; flex-wrap:wrap;
padding:9px 12px; border-bottom:1px solid var(--border);
}
.adsfx-titulo{
font-size:12px; font-weight:700; letter-spacing:.04em;
color:var(--text-secondary); margin-right:auto;
}
.adsfx-palco{ position:relative; display:flex; align-items:flex-start; gap:14px; }
.adsfx-trilho{ position:relative; flex:0 0 150px; width:150px; }
.adsfx-etapa{ position:absolute; left:0; width:150px; box-sizing:border-box; }
.adsfx-raiz{ flex:1 1 auto; min-width:0; }
.fx-fnode-ver{
display:block; margin-top:5px; font-size:11.5px; font-weight:650;
text-align:center; color:var(--green-dark);
}
@media(max-width:760px){
.adsfx-palco{ display:block; }
.adsfx-trilho{ width:auto; height:auto !important; margin-bottom:12px; }
.adsfx-etapa{ position:static; width:auto; margin-bottom:8px; }
}
.ads-origens{ display:flex; flex-direction:column; gap:5px; max-height:190px; overflow-y:auto; }
.ads-origem{ display:flex; align-items:center; gap:7px; font-size:12.5px; font-weight:500; }
.ads-vem{ font-size:11px; color:var(--text-secondary); margin-top:4px; }
.ads-video-pagina{ display:grid; grid-template-columns:1fr; gap:16px; }
@media(min-width:900px){ .ads-video-pagina{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); } }
.ads-player-caixa{ position:relative; padding-top:56.25%; border-radius:var(--radius); overflow:hidden;
background:#000; margin-bottom:9px; }
.ads-player-caixa iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.ads-nota{ margin-top:10px; background:var(--surface-1); border:1px solid var(--border);
border-radius:var(--radius); padding:11px 13px; font-size:12.5px; line-height:1.5; }
.cm-editor{ display:grid; grid-template-columns:minmax(0,1fr) 250px; gap:14px; align-items:start; }
@media(max-width:900px){ .cm-editor{ grid-template-columns:minmax(0,1fr); } }
.cm-marcadores{ background:var(--surface-0); border:1px solid var(--border); border-radius:var(--radius);
padding:12px; max-height:520px; overflow-y:auto; }
.cm-marc-titulo{ font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
color:var(--text-muted); margin-bottom:7px; }
.cm-marc{ display:block; width:100%; text-align:left; border:1px solid var(--border); border-radius:8px;
background:var(--surface-2); padding:6px 8px; margin-bottom:5px; cursor:pointer; font-family:inherit; }
.cm-marc:hover{ border-color:var(--green); }
.cm-marc b{ display:block; font-family:ui-monospace,Consolas,monospace; font-size:11px; color:var(--text-primary); }
.cm-marc i{ display:block; font-style:normal; font-size:10.5px; color:var(--text-muted); margin-top:1px; }
.cm-campos{ display:flex; flex-direction:column; gap:10px; }
.cm-campo{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px;
background:var(--surface-0); border:1px solid var(--border); border-radius:var(--radius); padding:12px; }
.cm-campo .field{ margin:0; }
.cm-campo-pe{ grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.cm-chave-linha{ display:flex; align-items:center; gap:8px; font-size:12.5px; font-weight:500; cursor:pointer; }
.ct-escolha{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media(max-width:620px){ .ct-escolha{ grid-template-columns:1fr; } }
.ct-escolha a{ display:block; text-decoration:none; background:var(--surface-0);
border:1.5px solid var(--border); border-radius:var(--radius); padding:16px; }
.ct-escolha a:hover{ border-color:var(--green); background:var(--green-soft); }
.ct-escolha b{ display:block; font-size:14px; font-weight:650; color:var(--text-primary); margin-bottom:4px; }
.ct-escolha span{ display:block; font-size:12px; line-height:1.5; color:var(--text-secondary); }
.ct-abas{ display:flex; gap:6px; margin-bottom:14px; flex-wrap:wrap; }
.ct-abas a{ text-decoration:none; font-size:13px; font-weight:600; padding:8px 14px; border-radius:999px;
border:1px solid var(--border); background:var(--surface-1); color:var(--text-secondary); }
.ct-abas a:hover{ border-color:var(--green); }
.ct-abas a.on{ background:var(--green); border-color:var(--green); color:#fff; }
.ct-abas a .cont{ font-size:11px; opacity:.85; margin-left:5px; }
.ctdoc-folha{ background:#fff; border:1px solid var(--border); border-radius:var(--radius);
padding:26mm 22mm; max-width:820px; margin:0 auto; color:#16232F;
font-size:11pt; line-height:1.75; }
.ctdoc-cab{ text-align:center; margin-bottom:16px; }
.ctdoc-marca{ display:block; height:12mm; width:auto; margin:0 auto; }
.ctdoc-emp{ font-size:8pt; line-height:1.5; color:#8A939C; margin-top:7px;
letter-spacing:.04em; }
.ctdoc-titulo{ font-size:14pt; font-weight:700; letter-spacing:.02em; text-align:center;
color:#16232F; margin:0 0 22px; text-transform:uppercase; }
.ctdoc-corpo{ text-align:justify; }
.ctdoc-assinaturas{ display:grid; grid-template-columns:1fr 1fr; gap:34px; margin-top:52px; text-align:center; }
.ctdoc-linha{ border-top:1px solid #16232F; margin-bottom:7px; }
.ctdoc-assinaturas b{ display:block; font-size:10pt; font-weight:650; }
.ctdoc-assinaturas span{ display:block; font-size:8.5pt; color:#59607A; margin-top:2px; }
@media print{
@page{ size:A4; margin:16mm 14mm; }
.ctdoc-folha{ border:0; border-radius:0; padding:0; max-width:none; margin:0; font-size:10.5pt; }
.ctdoc-assinaturas{ break-inside:avoid; page-break-inside:avoid; }
.alert{ display:none !important; }
}
.ctdoc-folha{ text-transform:none; }
.ctdoc-titulo, .ctdoc-corpo h2.ctdoc-sec, .ctdoc-corpo h3.ctdoc-sub,
.ctdoc-dados span, .ctdoc-destaque span{ text-transform:uppercase; }
.ctdoc-corpo h2.ctdoc-sec{
font-size:11pt; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
color:#12233A; margin:22px 0 0; padding-bottom:5px; border-bottom:2px solid #8CC63F;
}
.ctdoc-corpo h2.ctdoc-sec + p{ margin-top:10px; }
.ctdoc-corpo h3.ctdoc-sub{
font-size:9.5pt; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
color:#7CA828; margin:16px 0 2px;
}
.ctdoc-corpo p{ margin:0 0 9px; }
.ctdoc-corpo ul.ctdoc-lista{ margin:0 0 10px; padding-left:18px; }
.ctdoc-corpo ul.ctdoc-lista li{ margin-bottom:4px; }
.ctdoc-dados{
display:grid; grid-template-columns:1fr 1fr; gap:9px 22px;
background:#EFEFEC; padding:15px 18px; margin:14px 0 6px;
}
.ctdoc-dados span{ font-size:9pt; color:#5A6672; }
.ctdoc-dados b{ font-size:9pt; color:#12233A; font-weight:700; }
.ctdoc-dados div{ display:flex; gap:5px; flex-wrap:wrap; align-items:baseline; }
.ctdoc-destaque{
display:grid; grid-template-columns:1fr auto; gap:10px 26px; align-items:center;
background:#12233A; color:#fff; padding:17px 20px; margin:14px 0;
}
.ctdoc-destaque div{ display:flex; flex-direction:column; }
.ctdoc-destaque div:nth-child(even){ text-align:right; }
.ctdoc-destaque span{
font-size:8pt; letter-spacing:.11em; text-transform:uppercase; color:#B9C4CF; margin-bottom:3px;
}
.ctdoc-destaque b{ font-size:15pt; font-weight:700; color:#fff; line-height:1.15; }
.ctdoc-destaque div:nth-child(even) b{ font-size:11pt; }
@media print{
.ctdoc-corpo h2.ctdoc-sec, .ctdoc-corpo h3.ctdoc-sub{ break-after:avoid; page-break-after:avoid; }
.ctdoc-dados, .ctdoc-destaque{ break-inside:avoid; page-break-inside:avoid; }
}
.ct-cnpj{ background:var(--surface-0); border:1px solid var(--border);
border-radius:var(--radius); padding:14px 16px 4px; margin:2px 0 14px; }
@keyframes waPulso{
0%{ box-shadow:0 0 0 0 rgba(118,184,42,.5); }
70%{ box-shadow:0 0 0 6px rgba(118,184,42,0); }
100%{ box-shadow:0 0 0 0 rgba(118,184,42,0); }
}
@keyframes waSobe{ from{ opacity:0; transform:translateY(10px) scale(.96); } to{ opacity:1; transform:none; } }
@media(max-width:860px){  }
@keyframes waRegua{ from{ transform:scaleX(0); } to{ transform:scaleX(1); } }
@keyframes waEntra{
from{ opacity:0; transform:translateY(8px); }
to{ opacity:1; transform:none; }
}
.wa-balao-txt{ font-size:13px; line-height:1.48; word-break:break-word; white-space:pre-wrap; }
@media(max-width:860px){  }
@media (hover:none){  }
@keyframes waGira{ to{ transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce){
}
.wa-meu-abrir{ display:inline-block; padding:10px 20px; text-decoration:none; border-radius:10px; }
@media(max-width:420px){  }
@media(max-width:900px){  }
@media (min-width: 901px){
}
@keyframes waGravPisca{ 0%,100%{ opacity:1 } 50%{ opacity:.25 } }
@media (prefers-reduced-motion: reduce){  }
.wa-ler-mais{
color:#027eb5; text-decoration:none; font-size:14px; white-space:nowrap;
cursor:pointer;
}
.wa-ler-mais:hover{ text-decoration:underline; }
.wa-balao-txt:has(.wa-txt-resto:not([hidden])) .wa-txt-reticencia{ display:none; }
.wa-emoji-painel{
position:fixed; z-index:70; width:330px; padding:10px;
background:#fff; border-radius:12px; box-shadow:0 8px 30px rgba(11,20,26,.28);
border:1px solid #e9edef;
}
.wa-emoji-painel[hidden]{ display:none; }
.wa-emoji-busca{
width:100%; height:32px; border-radius:8px; border:1px solid #e9edef;
padding:0 10px; font-size:13px; margin-bottom:8px; background:#f0f2f5;
}
.wa-emoji-abas{ display:flex; gap:4px; margin-bottom:8px; flex-wrap:wrap; }
.wa-emoji-abas button{
background:none; border:0; padding:4px 9px; border-radius:7px; cursor:pointer;
font-size:11px; font-weight:600; color:#667781; letter-spacing:0;
text-transform:none; box-shadow:none;
}
.wa-emoji-abas button:hover{ background:#f0f2f5; transform:none; box-shadow:none; }
.wa-emoji-abas button.ativa{ background:#e7f8ec; color:#008069; }
.wa-emoji-grade{
display:grid; grid-template-columns:repeat(8, 1fr); gap:2px;
max-height:230px; overflow-y:auto;
}
.wa-emoji-grade button{
background:none; border:0; padding:5px 0; font-size:21px; line-height:1.2;
cursor:pointer; border-radius:7px; box-shadow:0 0 0 0;
}
.wa-emoji-grade button:hover{ background:#f0f2f5; transform:none; box-shadow:none; }
.wa-emoji-vazio{
grid-column:1 / -1; padding:16px 8px; text-align:center;
font-size:12px; color:#667781;
}
.meta-estado{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.meta-bolinha{
width:11px; height:11px; border-radius:50%; flex-shrink:0;
background:var(--text-secondary); box-shadow:0 0 0 3px rgba(19,24,41,.06);
}
.meta-bolinha.on{ background:#2FA84F; box-shadow:0 0 0 3px rgba(47,168,79,.16); }
.meta-bolinha.off{ background:#C0392B; box-shadow:0 0 0 3px rgba(192,57,43,.14); }
.meta-estado-txt{ flex:1; min-width:220px; display:flex; flex-direction:column; gap:3px; }
.meta-estado-txt small{ color:var(--text-secondary); }
.meta-acoes{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.meta-passos{ margin:0 0 14px 18px; display:flex; flex-direction:column; gap:9px; }
.meta-passos li{ color:var(--text-primary); }
.meta-uri{
display:block; margin-top:6px; padding:8px 11px; border-radius:9px;
background:var(--surface-1); border:1px solid var(--border);
font-size:12.5px; word-break:break-all; user-select:all;
}
.meta-contas{ display:grid; gap:10px; }
.meta-conta{
display:flex; align-items:center; gap:12px; padding:11px 13px;
border:1px solid var(--border); border-radius:12px; background:var(--surface-2);
}
.meta-conta.inativa{ opacity:.5; }
.meta-conta-foto{ width:38px; height:38px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.meta-conta-foto.vazia{ background:var(--surface-1); border:1px solid var(--border); }
.meta-conta-txt{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.meta-conta-txt small{ color:var(--text-secondary); }
html.side-fina #sidebar{
position:fixed; left:0; top:0; z-index:70;
width:64px; padding:16px 9px 14px;
transition:width .15s ease;
}
html.side-fina .shell{ padding-left:64px; }
html.side-fina #sidebar .brandmark{ padding:0; margin-bottom:14px; }
html.side-fina #sidebar .brandmark img{ max-width:44px; }
html.side-fina #sidebar .side-user,
html.side-fina #sidebar .side-label,
html.side-fina #sidebar .navitem span,
html.side-fina #sidebar .navitem-toggle span,
html.side-fina #sidebar .side-config span,
html.side-fina #sidebar .navgroup .subitens{ display:none; }
html.side-fina #sidebar .side-user{
display:block; padding:0; border-bottom:0; margin-bottom:14px;
}
html.side-fina #sidebar .side-user .nome,
html.side-fina #sidebar .side-user .cargo,
html.side-fina #sidebar .side-user > a{ display:none; }
html.side-fina #sidebar .side-ferramentas{
flex-direction:column; gap:8px; margin-top:0; align-items:center;
}
html.side-fina #sidebar:hover .side-user{
padding:0 10px 16px; border-bottom:1px solid rgba(255,255,255,.1); margin-bottom:16px;
}
html.side-fina #sidebar:hover .side-user .nome,
html.side-fina #sidebar:hover .side-user .cargo,
html.side-fina #sidebar:hover .side-user > a{ display:revert; }
html.side-fina #sidebar:hover .side-ferramentas{
flex-direction:row; margin-top:10px; align-items:center;
}
html.side-fina #sidebar .navitem,
html.side-fina #sidebar .navitem-toggle{ justify-content:center; }
html.side-fina #sidebar:hover{ width:290px; padding:22px 14px 20px; box-shadow:8px 0 30px rgba(5,8,18,.45); }
html.side-fina #sidebar:hover .side-user,
html.side-fina #sidebar:hover .side-label,
html.side-fina #sidebar:hover .navitem span,
html.side-fina #sidebar:hover .navitem-toggle span,
html.side-fina #sidebar:hover .side-config span{ display:revert; }
html.side-fina #sidebar:hover .navgroup.open .subitens{ display:block; }
html.side-fina #sidebar:hover .navitem,
html.side-fina #sidebar:hover .navitem-toggle{ justify-content:flex-start; }
html.side-fina #sidebar:hover .brandmark img{ max-width:178px; }
#duplaEscurecer{
position:fixed; inset:0; z-index:60;
background:rgba(8,12,24,.45);
}
html.dupla-escolha .vnt-rail, html.dupla-escolha .vnt-abas{ z-index:70; }
html.dupla-escolha .vnt-rail{ box-shadow:8px 0 34px rgba(5,8,18,.55); }
#duplaDica{
position:fixed; left:50%; top:26px; transform:translateX(-50%); z-index:75;
background:#141A2C; color:#fff; border:1px solid rgba(255,255,255,.18);
border-radius:999px; padding:9px 20px; font-size:13.5px; font-weight:600;
box-shadow:0 10px 30px rgba(5,8,18,.5); white-space:nowrap;
}
#duplaDica small{ opacity:.65; font-weight:400; margin-left:8px; }
html.tela-dupla .vnt-app{
padding-right:calc(var(--dupla-fatia, 50%) + var(--vnt-vao));
grid-template-columns:var(--vnt-rail-w) minmax(0, 1fr);
}
#duplaPane{
display:flex; flex-direction:column; min-width:0;
position:fixed; z-index:55;
top:var(--vnt-topo-h); bottom:var(--vnt-pe); right:var(--vnt-dir);
width:calc(var(--dupla-fatia, 50%) - var(--vnt-dir));
border:1px solid rgba(11,18,38,.06); border-radius:16px; overflow:hidden;
background:var(--surface-0); box-shadow:0 6px 22px rgba(11,18,38,.10);
}
body.em-visita #duplaPane{ top:calc(var(--vnt-topo-h) + 38px); }
#duplaPane .dupla-cabeca{
display:flex; align-items:center; gap:10px; flex-shrink:0;
margin:10px 12px; padding:8px 12px;
background:var(--surface-2); border:1.5px solid #84BC25;
border-radius:12px; box-shadow:0 4px 16px rgba(19,24,41,.08);
}
#duplaPane .dupla-cabeca b{ font-size:13px; flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#duplaPane .dupla-fechar{
width:28px; height:28px; flex-shrink:0; padding:0;
display:flex; align-items:center; justify-content:center;
border:1px solid var(--border); border-radius:8px;
background:var(--surface-1); cursor:pointer; font-size:13px; line-height:1;
color:var(--text-secondary);
}
#duplaPane .dupla-fechar:hover{ background:#C0392B; border-color:#C0392B; color:#fff; }
#duplaPane iframe{ flex:1; width:100%; border:0; background:#fff; }
#duplaAlca{
position:fixed; z-index:56; width:7px; border-radius:4px;
top:var(--vnt-topo-h); bottom:var(--vnt-pe);
right:calc(var(--dupla-fatia, 50%) + 2px);
cursor:col-resize; background:transparent;
transition:background .15s ease;
}
body.em-visita #duplaAlca{ top:calc(var(--vnt-topo-h) + 38px); }
#duplaAlca:hover, #duplaAlca.arrastando{ background:#84BC25; }
html.dupla-arrastando iframe{ pointer-events:none; }
html.dupla-arrastando{ user-select:none; }
html.dupla-quadro #sidebar,
html.dupla-quadro .mobile-menu-btn,
html.dupla-quadro #sidebarBackdrop{ display:none !important; }
html.dupla-quadro .shell{ padding-left:0; }
html.dupla-quadro .vnt-topo,
html.dupla-quadro .vnt-rail,
html.dupla-quadro .vnt-abas,
html.dupla-quadro .vnt-fita-traco,
html.dupla-quadro .vnt-menu-cel{ display:none !important; }
html.dupla-quadro .vnt-app{
grid-template-columns:minmax(0,1fr); padding:11px 0 0; height:100vh;
}
html.dupla-quadro .vnt-palco{ border-radius:0; border:0; }
html.dupla-quadro .main{ padding-top:11px; }
@media (max-width:900px){
.side-ferramentas{ display:none; }
}
.brandmark .brand-simbolo{ display:none; }
html.side-fina #sidebar .brandmark .brand-cheia{ display:none; }
html.side-fina #sidebar .brandmark .brand-simbolo{ display:block; width:24px; height:24px; margin:0 auto; }
html.side-fina #sidebar:hover .brandmark .brand-cheia{ display:block; }
html.side-fina #sidebar:hover .brandmark .brand-simbolo{ display:none; }
html.side-fina #sidebar .brandmark{ justify-content:center; }
html.side-fina #sidebar .side-config{ justify-content:center; padding:9px 4px; }
html.side-fina #sidebar .side-config-eng{ display:none; }
html.side-fina #sidebar:hover .side-config{ justify-content:flex-start; padding:9px 10px; }
html.side-fina #sidebar:hover .side-config-eng{ display:block; }
.dupla-trocar{
display:inline-flex; align-items:center; gap:7px; flex-shrink:0;
padding:5px 12px; border:1px solid var(--border); border-radius:999px;
background:var(--surface-1); color:var(--text-primary);
font-family:inherit; font-size:12.5px; font-weight:600; cursor:pointer;
transition:background .15s ease, border-color .15s ease;
}
.dupla-trocar:hover{ background:#84BC25; border-color:#84BC25; color:#16250a; }
#duplaCabecaEsq{
position:sticky; top:0; z-index:40;
display:flex; align-items:center; gap:10px;
margin:0 0 18px; padding:8px 12px;
background:var(--surface-2); border:1.5px solid #84BC25;
border-radius:12px; box-shadow:0 4px 16px rgba(19,24,41,.08);
}
#duplaCabecaEsq b{ font-size:13px; flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.side-ferramentas{
display:flex; align-items:center; gap:8px; margin-top:10px;
}
.side-quadrado{
width:30px; height:30px; flex-shrink:0; padding:0;
display:flex; align-items:center; justify-content:center;
border:1px solid rgba(255,255,255,.18); border-radius:8px;
background:rgba(255,255,255,.06); color:rgba(255,255,255,.8); cursor:pointer;
transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.side-quadrado:hover{ background:rgba(132,188,37,.25); border-color:#84BC25; color:#fff; }
.side-quadrado svg{ flex-shrink:0; width:16px; height:16px; display:block; }
.side-suspender{ font-family:inherit; }
.side-suspender svg{ flex-shrink:0; transition:transform .15s ease; }
.side-suspender .q-exp{ display:none; }
html.side-fina .side-suspender .q-susp,
html.side-fina .side-suspender .q-exp{ display:none; }
html.side-fina #sidebar:hover .side-suspender .q-exp{ display:none; }
html.side-fina .side-suspender svg{ transform:rotate(180deg); }
html.side-fina .side-ferramentas{
flex-direction:column; gap:6px; padding:0; margin:10px 0 12px;
}
html.side-fina .side-suspender{ width:30px; padding:0; justify-content:center; border-radius:8px; }
html.side-fina .side-suspender span{ display:none; }
html.side-fina #sidebar:hover .side-ferramentas{
flex-direction:row; padding:0; margin:10px 0 14px;
}
.dmt-tabela td input{
width:100%; margin:0; padding:6px 8px; font-size:13px;
}
.dmt-tabela .dmt-num{ text-align:right; }
.dmt-calc{
text-align:right; white-space:nowrap;
font-variant-numeric:tabular-nums; color:var(--text-secondary);
}
.dmt-tabela tfoot th{ font-weight:700; }
.dmt-tirar{
background:none; border:0; cursor:pointer; padding:2px 6px;
color:var(--text-muted); font-size:13px; line-height:1;
}
.dmt-tirar:hover{ color:#B4322F; }
.dmt .form-section [data-dmt-mais]{ margin-top:8px; }
.dmt-projecao{ min-width:100%; }
.dmt-projecao th, .dmt-projecao td{
white-space:nowrap; text-align:right;
font-variant-numeric:tabular-nums; font-size:12px;
}
.dmt-projecao .dmt-fixa-col{
position:sticky; left:0; z-index:1; text-align:left;
background:var(--surface-1); border-right:1px solid var(--border);
}
.dmt-projecao thead .dmt-fixa-col{ background:var(--surface-2); }
.dmt-projecao .dmt-linha-forte th,
.dmt-projecao .dmt-linha-forte td{ font-weight:700; background:var(--surface-2); }
.wfp[data-ferramenta="fluxograma"] .fx-fnode,
.adsfx-cartao .fx-fnode{
border-radius:12px;
box-shadow:0 1px 2px rgba(3,16,38,.1), 0 6px 16px -8px rgba(3,16,38,.28);
transition:box-shadow .15s ease, transform .15s ease;
}
.wfp[data-ferramenta="fluxograma"] .fx-fnode:hover,
.adsfx-cartao .fx-fnode:hover{
box-shadow:0 2px 4px rgba(3,16,38,.12), 0 12px 26px -10px rgba(3,16,38,.4);
}
.wfp[data-ferramenta="fluxograma"] .fx-fnode,
.adsfx-cartao .fx-fnode{
box-shadow:0 0 0 1px rgba(3,16,38,.22), 0 1px 2px rgba(3,16,38,.1), 0 6px 16px -8px rgba(3,16,38,.28);
border-width:2px;
border-style:solid;
border-color:rgba(3,16,38,.30);
}
.vnt-marca{ display:flex; align-items:center; gap:11px; padding:6px 10px 0; margin-bottom:24px; text-decoration:none; }
.vnt-marca-simbolo{ width:34px; height:34px; display:block; flex-shrink:0; filter:drop-shadow(0 2px 6px rgba(132,188,37,.35)); }
.vnt-marca-nome{
font-weight:800; font-size:27px; line-height:1; letter-spacing:-.04em; color:#fff;
text-transform:none;
}
html.side-fina #sidebar .vnt-marca{ padding:0; justify-content:center; margin-bottom:16px; }
html.side-fina #sidebar .vnt-marca-nome{ display:none; }
html.side-fina #sidebar:hover .vnt-marca{ padding:6px 10px 0; justify-content:flex-start; }
html.side-fina #sidebar:hover .vnt-marca-nome{ display:inline; }
#sidebar .side-label{ color:rgba(132,188,37,.62); }
#sidebar .navitem,
#sidebar .navgroup > .navitem-toggle{ color:rgba(255,255,255,.70); }
#sidebar .navitem:hover,
#sidebar .navgroup > .navitem-toggle:hover{ background:rgba(255,255,255,.07); color:#fff; }
#sidebar .navitem.active{
background:linear-gradient(90deg, rgba(132,188,37,.22), rgba(132,188,37,.08));
border-color:rgba(132,188,37,.28); color:#fff;
box-shadow:inset 3px 0 0 -1px #84BC25, 0 1px 0 rgba(255,255,255,.04);
}
#sidebar .navitem.active svg{ color:#A7DB4F; }
#sidebar .side-user{ border-bottom-color:rgba(132,188,37,.18); }
#sidebar .side-config:hover{ border-color:rgba(132,188,37,.25); }
.marca-topo{
display:flex; align-items:center; gap:16px; min-height:44px;
margin:-56px 0 24px; padding:0 0 14px;
border-bottom:1px solid var(--border);
}
.marca-topo-logo{ display:flex; align-items:center; text-decoration:none; min-width:0; }
.marca-topo-logo img{ display:block; height:38px; width:auto; max-width:220px; object-fit:contain; }
.marca-topo-nome{
font-weight:800; font-size:20px; letter-spacing:-.03em; color:var(--marca-2, var(--text-primary));
text-transform:none; white-space:nowrap;
}
.marca-topo.vnt .marca-topo-nome{ color:var(--text-primary); }
.marca-topo-pagina{
margin-left:auto; font-size:10.5px; font-weight:600; letter-spacing:.09em;
color:var(--text-muted); white-space:nowrap;
}
.marca-topo-produto{ display:flex; align-items:center; flex:none; }
@media (max-width:1000px){
.marca-topo{ margin:-40px 0 18px; padding-left:52px; }
.marca-topo-logo img{ height:30px; max-width:160px; }
.marca-topo-nome{ font-size:17px; }
.marca-topo-pagina{ display:none; }
.marca-topo-produto .vnt-produto{ height:36px; }
}
.main .btn-primary,
.main button.btn-primary,
.main a.btn-primary{
background:var(--marca-1, var(--green)); border-color:var(--marca-1, var(--green));
color:var(--marca-1-txt, #fff);
}
.main .btn-primary:hover,
.main a.btn-primary:hover{ filter:brightness(1.06); }
.main a:not(.btn):not(.navitem):not(.cfg-atalho):not(.minical-dia):not([class*="dash-"]):not(.fin-mes):not(.zap-bt):not(.lead-bante){ color:var(--marca-2, var(--text-accent)); }
.main .page-title{ color:var(--marca-2, var(--text-primary)); }
.vnt-marca-clara{ justify-content:center; margin-bottom:22px; }
.vnt-marca-clara .vnt-marca-nome{ color:#031026; font-size:34px; }
.vnt-marca-clara .vnt-marca-simbolo{ width:40px; height:40px; filter:none; }
.ctdoc-marca-texto{ font-weight:800; font-size:22px; letter-spacing:-.02em; text-align:center; color:#031026; text-transform:none; }
.brandmark.vnt-marca img{ width:34px; max-width:34px; height:34px; }
html.side-fina #sidebar .brandmark.vnt-marca img{ width:30px; max-width:30px; height:30px; }
.vnt-marca-clara.brandmark img{ width:40px; max-width:40px; height:40px; }
.mk-grade{ display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:14px; }
.mk-card{
display:flex; align-items:center; gap:14px; padding:16px 18px;
background:var(--surface-2); border:1px solid var(--border); border-radius:var(--radius-lg);
box-shadow:var(--shadow-sm); text-decoration:none; color:var(--text-primary);
transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.mk-card:hover{ transform:translateY(-1px); box-shadow:var(--shadow-md); border-color:var(--marca-1, var(--green)); }
.mk-avatar{
width:46px; height:46px; border-radius:50%; flex-shrink:0;
display:flex; align-items:center; justify-content:center;
background:var(--marca-2, #031026); color:#fff; font-weight:800; font-size:18px;
}
.mk-txt{ display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.mk-txt b{ font-size:14.5px; }
.mk-txt small{ font-size:10.5px; letter-spacing:.06em; color:var(--marca-1, var(--text-accent)); font-weight:600; }
.mk-faz{ font-size:12.5px; color:var(--text-secondary); text-transform:none; line-height:1.4; margin-top:4px; }
.mk-seta{ color:var(--text-muted); font-size:20px; flex-shrink:0; }
.faixa-visita{
position:fixed; top:0; left:0; right:0; z-index:1200; height:38px;
display:flex; align-items:center; justify-content:center; gap:14px;
background:linear-gradient(90deg, #6C4BD1, #8B5CF6);
color:#fff; font-size:13px; font-weight:600; padding:0 14px;
box-shadow:0 2px 10px rgba(0,0,0,.25);
}
.faixa-visita-txt{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.faixa-visita strong{ font-weight:800; }
.faixa-visita form{ margin:0; flex:none; }
.faixa-visita-sair{
border:1px solid rgba(255,255,255,.55); background:rgba(255,255,255,.14); color:#fff;
font:inherit; font-size:12px; font-weight:700; padding:4px 12px; border-radius:999px; cursor:pointer;
}
.faixa-visita-sair:hover{ background:#fff; color:#4C2FA8; }
.vnt-faixa-teste{
position:fixed; top:0; left:0; right:0; z-index:1190; height:34px;
display:flex; align-items:center; justify-content:space-between; gap:14px;
background:var(--vnt-verde, #84BC25); color:#fff;
font-size:12.5px; font-weight:600; padding:0 18px;
}
.vnt-faixa-teste strong{ font-weight:800; }
.vnt-faixa-teste-txt{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vnt-faixa-teste-conta{
flex:none; color:#fff; text-decoration:none; white-space:nowrap;
border:1px solid rgba(255,255,255,.55); background:rgba(255,255,255,.14);
padding:3px 12px; border-radius:999px;
}
.vnt-faixa-teste-conta:hover{ background:#fff; color:var(--vnt-navy, #0B1226); }
body.com-faixa-teste .vnt-topo{ top:34px; }
body.com-faixa-teste .vnt-app{ padding-top:calc(var(--vnt-barra-topo) + 34px); }
body.com-faixa-teste .vnt-menu-cel{ top:calc(17px + 34px); }
body.em-visita .vnt-faixa-teste{ top:38px; }
body.em-visita.com-faixa-teste .vnt-topo{ top:calc(38px + 34px); }
body.em-visita.com-faixa-teste .vnt-app{ padding-top:calc(var(--vnt-barra-topo) + 38px + 34px); }
body.em-visita.com-faixa-teste .vnt-menu-cel{ top:calc(17px + 38px + 34px); }
.vnt-faixa-teste .fx-curto{ display:none; }
@media (max-width:640px){
.vnt-faixa-teste{ padding:0 10px; gap:8px; font-size:11.5px; }
.vnt-faixa-teste .fx-longo{ display:none; }
.vnt-faixa-teste .fx-curto{ display:inline; }
.vnt-faixa-teste-conta{ padding:2px 9px; }
}
body.em-visita .vnt-topo{ top:38px; }
body.em-visita .vnt-app{ padding-top:calc(var(--vnt-barra-topo) + 38px); }
body.em-visita .vnt-menu-cel{ top:calc(17px + 38px); }
@media (max-width:640px){
.faixa-visita{ font-size:11.5px; gap:8px; }
}
.braco-chip{
display:inline-block; font-size:10.5px; font-weight:800; letter-spacing:.02em;
padding:3px 9px; border-radius:999px; margin:2px 4px 2px 0; white-space:nowrap;
color:var(--braco, var(--verde)); background:color-mix(in srgb, var(--braco, var(--verde)) 14%, transparent);
border:1px solid color-mix(in srgb, var(--braco, var(--verde)) 35%, transparent);
}
@supports not (color: color-mix(in srgb, red 50%, transparent)){
.braco-chip{ background:transparent; border-color:var(--braco, var(--verde)); }
}
.btn-visitar{
border:1px solid #6C4BD1; background:rgba(108,75,209,.1); color:#5B3EC0;
font-weight:700; cursor:pointer;
}
.btn-visitar:hover{ background:#6C4BD1; color:#fff; }
.esc-palco{ display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:20px; align-items:start; }
.esc-sala{
background:var(--surface-2); border:1px solid var(--border);
border-radius:var(--radius-xl); padding:12px; overflow:hidden;
box-shadow:0 4px 16px rgba(11,18,38,.06);
}
.esc-lado{
background:var(--surface-2); border:1px solid var(--border);
border-radius:var(--radius-xl); padding:18px;
}
.esc-lado h4{
font-size:11px; letter-spacing:.09em; text-transform:uppercase;
color:var(--text-secondary); margin:0 0 10px;
}
.esc-chips{ margin-bottom:2px; }
.esc-linha{
display:block; padding:9px 8px; margin:0 -8px; border-radius:10px;
border-top:1px dashed var(--border); font-size:12.5px; line-height:1.35;
text-decoration:none; transition:background .14s ease;
}
.esc-linha b{ display:block; font-size:13.5px; color:var(--text-primary); }
.esc-linha span{ color:var(--text-secondary); }
.esc-linha-clic{ cursor:pointer; }
.esc-linha-clic:hover{ background:rgba(11,18,38,.05); }
.esc-linha-clic:hover b{ color:var(--marca-2, var(--green)); }
.esc-nota{ font-size:12px; color:var(--text-secondary); margin-top:10px; line-height:1.45; }
.esc-nota-obra{
margin-top:18px; padding-top:14px; border-top:1px dashed var(--border);
font-style:italic;
}
@media (max-width:900px){
.esc-palco{ grid-template-columns:1fr; }
}
.pl-faixa{
display:flex; flex-direction:column; gap:4px;
border-radius:var(--radius-xl); padding:16px 18px; margin-bottom:22px;
border:1px solid var(--border); background:var(--surface-2);
}
.pl-faixa b{ font-size:15px; }
.pl-faixa span{ font-size:13.5px; color:var(--text-secondary); line-height:1.45; }
.pl-faixa-boa{ border-color:rgba(132,188,37,.45); background:rgba(132,188,37,.08); }
.pl-faixa-trancada{ border-color:rgba(224,135,30,.5); background:rgba(224,135,30,.09); }
.pl-grade{ display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:16px; }
.pl-card{
display:block; cursor:pointer; position:relative;
background:var(--surface-2); border:1.5px solid var(--border);
border-radius:var(--radius-xl); padding:18px;
transition:border-color .15s ease, box-shadow .15s ease;
}
.pl-card:hover{ border-color:var(--braco); }
.pl-card:has(.pl-check:checked){ border-color:var(--braco); box-shadow:0 0 0 3px color-mix(in srgb, var(--braco) 18%, transparent); }
.pl-card-topo{ display:flex; align-items:flex-start; gap:12px; }
.pl-check{ width:20px; height:20px; flex:none; margin-top:2px; accent-color:var(--braco); cursor:pointer; }
.pl-card-nome{ font-size:16px; font-weight:800; color:var(--braco); letter-spacing:-.01em; }
.pl-card-desc{ font-size:12.5px; color:var(--text-secondary); line-height:1.4; margin-top:3px; }
.pl-card-preco{ font-size:26px; font-weight:800; margin:14px 0 2px; letter-spacing:-.03em; }
.pl-card-preco span{ font-size:13px; font-weight:600; color:var(--text-secondary); letter-spacing:0; }
.pl-card-preco-breve{ font-size:14px; font-weight:600; color:var(--text-secondary); }
.pl-card-time{
font-size:11.5px; font-weight:700; letter-spacing:.03em; color:var(--text-secondary);
padding-top:10px; border-top:1px dashed var(--border);
}
.pl-card-breve{ opacity:.6; cursor:default; }
.pl-selo{
margin-left:auto; flex:none; font-size:10px; font-weight:800; letter-spacing:.06em;
text-transform:uppercase; padding:3px 8px; border-radius:999px; white-space:nowrap;
}
.pl-selo-pago{ background:rgba(132,188,37,.18); color:#4a7a12; }
.pl-selo-teste{ background:rgba(31,95,168,.14); color:#1F5FA8; }
.pl-liga{ display:flex; flex-direction:column; gap:8px; margin:12px 0 4px; padding:10px 12px; border-radius:12px; background:color-mix(in srgb, var(--braco) 6%, transparent); }
.pl-liga-op{ display:flex; align-items:flex-start; gap:9px; font-size:13.5px; color:var(--text-secondary); cursor:pointer; }
.pl-liga-op b{ color:var(--text-primary); }
.pl-liga-nota{ font-size:12.5px; color:var(--text-muted); }
.pl-selo-breve{ background:rgba(3,16,38,.08); color:var(--text-secondary); }
.pl-selo-cadeado{ background:transparent; font-size:15px; padding:0; }
.pl-conta{
display:flex; gap:24px; align-items:flex-end; flex-wrap:wrap;
margin-top:22px; padding:20px; border-radius:var(--radius-xl);
border:1px solid var(--border); background:var(--surface-1);
}
.pl-conta-linhas{ flex:1 1 260px; min-width:240px; }
.pl-conta-l{ display:flex; justify-content:space-between; gap:16px; font-size:13.5px; padding:5px 0; }
.pl-conta-l span{ color:var(--text-secondary); }
.pl-conta-desc b{ color:#4a7a12; }
.pl-conta-total{ border-top:1px solid var(--border); margin-top:6px; padding-top:10px; font-size:16px; }
.pl-conta-total b{ font-size:22px; font-weight:800; letter-spacing:-.02em; }
.pl-conta-acoes{ flex:1 1 300px; }
.pl-nota{ font-size:12px; color:var(--text-secondary); margin-top:10px; line-height:1.45; }
.pl-presente{
display:flex; align-items:center; gap:16px; flex-wrap:wrap;
padding:16px 18px; border-radius:var(--radius-xl);
background:linear-gradient(135deg, rgba(132,188,37,.14), rgba(31,95,168,.10));
border:1.5px dashed var(--verde);
}
.pl-presente-txt{ flex:1 1 180px; display:flex; flex-direction:column; gap:3px; }
.pl-presente-txt b{ font-size:15px; }
.pl-presente-txt span{ font-size:12.5px; color:var(--text-secondary); }
.pl-bt-presente, .pl-bt-assinar{
flex:none; border:0; cursor:pointer; font-family:inherit;
font-size:15px; font-weight:800; letter-spacing:.02em;
padding:14px 26px; border-radius:999px; color:#16250a;
background:linear-gradient(180deg, #b9e174, #8ec737 55%, #a4d858);
box-shadow:0 8px 20px rgba(132,188,37,.35), inset 0 -4px 8px rgba(60,110,10,.2);
}
.pl-bt-assinar{ width:100%; }
.pl-bt-presente:hover, .pl-bt-assinar:hover:not(:disabled){ transform:translateY(-1px); }
.pl-bt-assinar:disabled{ opacity:.45; cursor:not-allowed; box-shadow:none; }
@supports not selector(:has(*)){
.pl-card-tenho{ border-color:var(--braco); }
}
.navitem-trancado{ opacity:.55; }
.navitem-trancado .navitem-cadeado{ margin-left:auto; font-size:12px; }
.cfg-dica{
font-size:13px; color:var(--text-secondary); line-height:1.5;
background:var(--surface-1); border:1px solid var(--border);
border-radius:var(--radius); padding:10px 14px; margin-bottom:14px;
}
.cp-extra{
display:flex; align-items:flex-start; gap:12px; cursor:pointer;
margin-top:16px; padding:14px 16px; border-radius:var(--radius-xl);
border:1px dashed var(--border); background:var(--surface-1);
}
.cp-extra input{ width:19px; height:19px; flex:none; margin-top:1px; accent-color:var(--verde); cursor:pointer; }
.cp-extra span{ font-size:13px; color:var(--text-secondary); line-height:1.45; }
.cp-extra b{ color:var(--text-primary); }
.pg-tela{ display:grid; grid-template-columns:1fr 380px; gap:22px; align-items:start; }
.pg-resumo, .pg-formas{
background:var(--surface-2); border:1px solid var(--border);
border-radius:var(--radius-xl); padding:22px;
}
.pg-resumo h3, .pg-formas h3{
font-size:11px; letter-spacing:.09em; text-transform:uppercase;
color:var(--text-secondary); margin:0 0 14px;
}
.pg-item{ display:flex; align-items:center; gap:12px; padding:12px 0; border-top:1px solid var(--border); }
.pg-item:first-of-type{ border-top:0; }
.pg-item-bola{ width:10px; height:10px; border-radius:50%; background:var(--braco); flex:none; }
.pg-item-nome{ font-weight:700; font-size:14.5px; }
.pg-item-desc{ font-size:12px; color:var(--text-secondary); line-height:1.35; }
.pg-item b{ margin-left:auto; white-space:nowrap; font-variant-numeric:tabular-nums; }
.pg-conta{ margin-top:16px; padding-top:14px; border-top:2px solid var(--border); }
.pg-conta-l{ display:flex; justify-content:space-between; gap:14px; font-size:13.5px; padding:5px 0; }
.pg-conta-l span{ color:var(--text-secondary); }
.pg-conta-desc b{ color:#4a7a12; }
.pg-conta-total{ margin-top:8px; padding-top:10px; border-top:1px solid var(--border); font-size:16px; }
.pg-conta-total b{ font-size:24px; font-weight:800; letter-spacing:-.02em; }
.pg-forma{
display:flex; gap:12px; align-items:flex-start; cursor:pointer;
padding:13px 14px; margin-bottom:9px;
border:1.5px solid var(--border); border-radius:var(--radius-xl);
}
.pg-forma:has(input:checked){ border-color:var(--verde); background:rgba(132,188,37,.07); }
.pg-forma input{ width:18px; height:18px; flex:none; margin-top:2px; accent-color:var(--verde); cursor:pointer; }
.pg-forma-nome{ font-weight:700; font-size:14.5px; }
.pg-forma-txt{ font-size:12.5px; color:var(--text-secondary); line-height:1.4; }
.pg-aviso{
font-size:12.5px; line-height:1.5; color:var(--text-secondary);
background:rgba(224,135,30,.09); border:1px solid rgba(224,135,30,.35);
border-radius:var(--radius); padding:12px 14px; margin:16px 0;
}
.pg-aviso b{ color:var(--text-primary); }
.pg-voltar{ display:block; text-align:center; margin-top:14px; font-size:13px; color:var(--text-secondary); }
@media (max-width:900px){ .pg-tela{ grid-template-columns:1fr; } }
.voltar-topo{
display:inline-block; margin-bottom:10px; font-size:13px; font-weight:600;
color:var(--text-secondary); text-decoration:none;
}
.voltar-topo:hover{ color:var(--verde); }
.pd-preco{ padding-top:10px; margin-top:10px; border-top:1px dashed var(--border); }
.pd-preco > span{
display:block; font-size:10.5px; font-weight:800; letter-spacing:.06em;
text-transform:uppercase; color:var(--text-secondary); margin-bottom:5px;
}
.pd-preco > div{ display:flex; align-items:center; gap:6px; font-size:14px; font-weight:700; }
.pd-preco input{
width:110px; padding:5px 9px; font-size:14px; font-family:inherit;
border:1px solid var(--border); border-radius:8px; text-transform:none;
}
.pd-preco small{ display:block; font-size:11px; color:var(--text-secondary); margin-top:4px; text-transform:none; }
.vnt-produto{
display:block; height:var(--vnt-produto-h); width:auto;
flex:none; align-self:flex-start;
max-width:100%; object-fit:contain; object-position:left center;
}
.vnt-produto-g{ height:var(--vnt-produto-h); }
.vnt-produto-p{ height:28px; }
.braco-etq{
display:inline-block; padding:4px 10px 5px; border-radius:999px;
margin:2px 5px 2px 0; vertical-align:middle;
background:color-mix(in srgb, var(--braco) 12%, transparent);
border:1px solid color-mix(in srgb, var(--braco) 32%, transparent);
}
@supports not (color: color-mix(in srgb, red 50%, transparent)){
.braco-etq{ background:transparent; border-color:var(--braco); }
}
:root{
--vnt-topo-h:72px;
--vnt-rail-w:70px;
--vnt-vao:12px;
--vnt-esq:12px;
--vnt-dir:24px;
--vnt-pe:14px;
--vnt-barra:calc(var(--vnt-esq) + var(--vnt-rail-w) + var(--vnt-vao));
--vnt-barra-topo:calc(var(--vnt-barra) * .8);
--vnt-navy:#0B1226;
--vnt-verde:#84BC25;
--vnt-fundo:#D6DCEA;
--vnt-logo-h:38px;
--vnt-produto-h:25px;
}
body{ background:var(--vnt-fundo); }
.vnt-topo{
position:fixed; top:0; left:0; right:0; height:var(--vnt-topo-h); z-index:60;
display:flex; align-items:center; gap:20px;
padding:0 var(--vnt-dir) 0 var(--vnt-esq); background:var(--vnt-fundo);
}
.vnt-topo-cliente{ display:flex; align-items:center; gap:10px; min-width:0; flex:0 1 auto; padding-left:6px; overflow:hidden; }
.vnt-topo-divisor{ width:1px; height:22px; flex:none; background:rgba(11,18,38,.18); }
.vnt-nome-cliente{ font-size:15.4px; }
.vnt-atalhos{ display:flex; align-items:center; gap:12px; margin:0 auto; }
.vnt-atalho{
width:30px; height:30px; flex:none; padding:0; cursor:pointer;
display:flex; align-items:center; justify-content:center;
border-radius:50%; border:1.5px solid rgba(11,18,38,.28);
background:transparent; color:var(--vnt-navy);
transition:border-color .14s ease, color .14s ease, background .14s ease;
}
.vnt-atalho svg{ width:15px; height:15px; }
.vnt-atalho:hover{ border-color:var(--secao); color:var(--secao); background:#fff; }
.vnt-atalho-vazio{ border-style:dashed; color:rgba(11,18,38,.4); }
.vnt-atalho-lapis{
width:16px; height:16px; flex:none; padding:0; margin-left:2px; cursor:pointer;
display:flex; align-items:center; justify-content:center;
border:0; background:none; color:rgba(11,18,38,.45);
transition:color .14s ease;
}
.vnt-atalho-lapis svg{ width:14px; height:14px; }
.vnt-atalho-lapis:hover{ color:var(--secao); }
.vnt-atalho, .vnt-atalho-lapis{ position:relative; }
.vnt-atalho::after, .vnt-atalho-lapis::after{
content:attr(data-dica) " · " attr(data-sub);
position:absolute; top:calc(100% + 8px); left:50%; transform:translateX(-50%) translateY(-3px);
white-space:nowrap; pointer-events:none; opacity:0;
font-size:10.5px; font-weight:600; letter-spacing:.01em; text-transform:none;
padding:5px 9px; border-radius:8px; background:var(--vnt-navy); color:#fff;
transition:opacity .13s ease, transform .13s ease;
}
.vnt-atalho:hover::after, .vnt-atalho:focus-visible::after,
.vnt-atalho-lapis:hover::after, .vnt-atalho-lapis:focus-visible::after{ opacity:1; transform:translateX(-50%) translateY(0); }
.vnt-topo-dir{ display:flex; align-items:center; gap:12px; flex:none; }
.vnt-topo-vnt img{ display:block; height:var(--vnt-logo-h); width:auto; }
.vnt-topo-vnt img.e-app{ height:calc(var(--vnt-logo-h) * .8); }
.vnt-cfg-bt{
width:30px; height:30px; flex:none; padding:0; cursor:pointer; background:transparent;
display:grid; place-items:center; line-height:0;
border-radius:50%; border:1px solid rgba(11,18,38,.12);
color:rgba(11,18,38,.34);
transition:background .14s ease, border-color .14s ease, color .14s ease;
}
.vnt-cfg-bt svg{ width:14px; height:14px; display:block; }
.vnt-cfg-bt:hover{ background:#fff; border-color:rgba(11,18,38,.24); color:rgba(11,18,38,.6); }
.vnt-usuario{ display:flex; align-items:center; gap:8px; position:relative; }
.vnt-usuario-bt{
display:flex; align-items:center; gap:8px; cursor:pointer;
border:0; background:none; padding:3px 6px 3px 3px; margin:0; border-radius:999px;
font:inherit; color:inherit; text-align:left;
transition:background .14s ease;
}
.vnt-usuario-bt:hover{ background:rgba(11,18,38,.07); }
.vnt-usuario-bt[aria-expanded="true"]{ background:rgba(11,18,38,.10); }
.vnt-foto{
width:34px; height:34px; flex:none; border-radius:50%; overflow:hidden;
display:flex; align-items:center; justify-content:center; position:relative;
background:var(--vnt-navy); color:#fff; text-decoration:none;
font-family:'Instrument Serif', Georgia, serif; font-style:italic;
font-size:15px; font-weight:400; letter-spacing:0; text-transform:none;
}
.vnt-foto img{ width:100%; height:100%; object-fit:cover; }
.vnt-pede-foto{
position:absolute; right:-1px; bottom:-1px; width:9px; height:9px; border-radius:50%;
background:#F5A623; border:1.6px solid #fff;
}
.vnt-usuario-nome{ display:flex; flex-direction:column; min-width:0; max-width:110px; line-height:1.1; }
.vnt-usuario-nome b, .vnt-usuario-nome i{
font-style:normal; text-transform:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.vnt-usuario-nome b{ font-size:11px; font-weight:500; color:rgba(11,18,38,.72); }
.vnt-usuario-nome i{ font-size:12.5px; font-weight:800; color:var(--vnt-navy); letter-spacing:-.01em; }
.vnt-user-pop{
position:absolute; top:calc(100% + 8px); right:0; z-index:70;
width:248px; padding:14px 16px 12px; box-sizing:border-box;
background:#fff; border:1px solid rgba(11,18,38,.10); border-radius:var(--radius-lg, 14px);
box-shadow:0 14px 38px rgba(11,18,38,.16);
animation:vnt-user-pop-entra .13s ease;
}
@keyframes vnt-user-pop-entra{ from{ opacity:0; transform:translateY(-4px); } to{ opacity:1; transform:none; } }
.vnt-user-pop-topo{ display:flex; flex-direction:column; gap:2px; padding-bottom:11px; border-bottom:1px solid rgba(11,18,38,.08); }
.vnt-user-pop-nome{ font-size:14px; font-weight:700; color:var(--vnt-navy); letter-spacing:-.01em; }
.vnt-user-pop-email{ font-size:11.5px; color:var(--text-muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vnt-user-pop-dados{ margin:0; padding:11px 0 12px; display:flex; flex-direction:column; gap:7px; }
.vnt-user-pop-dados > div{ display:flex; align-items:baseline; gap:8px; }
.vnt-user-pop-dados dt{
flex:none; width:58px; margin:0; font-size:10px; font-weight:600;
letter-spacing:.05em; text-transform:uppercase; color:var(--text-muted);
}
.vnt-user-pop-dados dd{ margin:0; font-size:12.5px; color:var(--text-primary); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vnt-user-pop-acao{
display:block; text-align:center; text-decoration:none;
padding:9px 12px; border-radius:9px; font-size:12.5px; font-weight:600;
background:var(--vnt-navy); color:#fff;
transition:opacity .14s ease;
}
.vnt-user-pop-acao:hover{ opacity:.88; color:#fff; }
.vnt-user-pop-sair{
display:flex; align-items:center; gap:8px;
margin:12px -16px -12px; padding:11px 16px;
border-top:1px solid rgba(11,18,38,.08);
font-size:12.5px; font-weight:500; text-decoration:none;
color:var(--text-muted, #8B92A8);
border-radius:0 0 var(--radius-lg, 14px) var(--radius-lg, 14px);
transition:background .14s ease, color .14s ease;
}
.vnt-user-pop-sair svg{ width:15px; height:15px; flex:none; }
.vnt-user-pop-sair:hover{ background:#FCEEEE; color:#B3261E; }
.vnt-topo-pop-ancora{ position:relative; display:flex; align-items:center; }
.vnt-topo-pop{
position:absolute; top:calc(100% + 8px); right:0; z-index:70;
width:272px; padding:14px 16px 13px; box-sizing:border-box;
background:#fff; border:1px solid rgba(11,18,38,.10); border-radius:var(--radius-lg, 14px);
box-shadow:0 14px 38px rgba(11,18,38,.16);
animation:vnt-user-pop-entra .13s ease;
}
.vnt-topo-pop-topo{
display:flex; flex-direction:column; gap:2px;
padding-bottom:11px; border-bottom:1px solid rgba(11,18,38,.08);
}
.vnt-topo-pop-tit{ font-size:14px; font-weight:700; color:var(--vnt-navy); letter-spacing:-.01em; }
.vnt-topo-pop-sub{ font-size:11.5px; color:var(--text-muted); }
.vnt-topo-pop-vazio{ margin:12px 0; font-size:12.5px; color:var(--text-muted); }
.vnt-topo-pop-nota{
margin:10px 0 0; font-size:11px; line-height:1.45; color:var(--text-muted);
}
.vnt-topo-pop-acao{
display:block; margin-top:12px; text-align:center; text-decoration:none;
padding:9px 12px; border-radius:9px; font-size:12.5px; font-weight:600;
background:var(--vnt-navy); color:#fff; transition:opacity .14s ease;
}
.vnt-topo-pop-acao:hover{ opacity:.88; color:#fff; }
.vnt-topo-pop-acao-leve{
margin-top:10px; background:transparent; color:var(--text-secondary);
border:1px solid rgba(11,18,38,.12); font-weight:600;
}
.vnt-topo-pop-acao-leve:hover{ background:rgba(11,18,38,.04); color:var(--text-primary); opacity:1; }
.vnt-apps-grade{
display:grid; grid-template-columns:repeat(3, 1fr); gap:6px; padding:12px 0 2px;
}
.vnt-app-quadro{
display:flex; flex-direction:column; align-items:center; gap:6px;
padding:10px 4px 9px; border-radius:11px; text-decoration:none;
border:1px solid transparent; transition:background .14s ease, border-color .14s ease;
}
.vnt-app-quadro:hover{ background:rgba(11,18,38,.04); border-color:rgba(11,18,38,.09); }
.vnt-app-ico{
width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center;
background:color-mix(in srgb, var(--cor) 14%, transparent); color:var(--cor); line-height:0;
}
@supports not (color: color-mix(in srgb, red 50%, transparent)){
.vnt-app-ico{ background:rgba(11,18,38,.05); }
}
.vnt-app-ico svg{ width:19px; height:19px; display:block; }
.vnt-app-nome{
font-size:10.5px; font-weight:600; color:var(--text-secondary); text-align:center;
line-height:1.2; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.vnt-apps-falta{
display:flex; flex-direction:column; gap:5px;
margin-top:11px; padding-top:11px; border-top:1px solid rgba(11,18,38,.08);
}
.vnt-apps-falta-tit{
font-size:10px; font-weight:700; letter-spacing:.05em;
text-transform:uppercase; color:var(--text-muted);
}
.vnt-apps-falta-item{ display:flex; align-items:center; gap:7px; font-size:12px; }
.vnt-apps-falta-item i{ width:7px; height:7px; border-radius:2px; flex:none; opacity:.55; }
.vnt-apps-falta-item b{ font-weight:600; color:var(--text-secondary); }
.vnt-apps-falta-item em{ font-style:normal; font-size:10.5px; color:var(--text-muted); margin-left:auto; }
.vnt-not-linha{
display:flex; align-items:center; gap:12px; padding:12px 0 2px;
}
.vnt-not-txt{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.vnt-not-txt b{ font-size:12.5px; font-weight:650; color:var(--text-primary); }
.vnt-not-txt i{ font-style:normal; font-size:11px; color:var(--text-muted); line-height:1.35; }
.vnt-chave{ flex:none; margin-left:auto; cursor:pointer; display:flex; }
.vnt-chave input{ position:absolute; opacity:0; width:0; height:0; }
.vnt-chave-trilho{
width:38px; height:22px; border-radius:99px; background:rgba(11,18,38,.16);
display:block; padding:3px; box-sizing:border-box; transition:background .16s ease;
}
.vnt-chave-bola{
width:16px; height:16px; border-radius:50%; background:#fff; display:block;
box-shadow:0 1px 3px rgba(11,18,38,.3); transition:transform .16s ease;
}
.vnt-chave input:checked + .vnt-chave-trilho{ background:var(--vnt-verde, #84BC25); }
.vnt-chave input:checked + .vnt-chave-trilho .vnt-chave-bola{ transform:translateX(16px); }
.vnt-chave input:focus-visible + .vnt-chave-trilho{ outline:2px solid var(--vnt-navy); outline-offset:2px; }
.vnt-app{
display:grid;
grid-template-columns:var(--vnt-rail-w) minmax(0, 1fr);
gap:var(--vnt-vao);
padding:var(--vnt-barra-topo) 0 0 var(--vnt-esq);
height:100vh; min-height:100vh; max-height:100vh;
box-sizing:border-box; align-items:stretch;
}
body{ overflow-x:hidden; }
.vnt-area > .vnt-palco{ margin:0; padding:0; }
.vnt-app > .vnt-rail,
.vnt-app > .vnt-area{
height:100%; min-height:0; max-height:100%; box-sizing:border-box;
}
.vnt-app > .vnt-rail{
height:calc(100% - var(--vnt-pe)); max-height:calc(100% - var(--vnt-pe));
margin-bottom:var(--vnt-pe);
}
.vnt-area{ display:flex; flex-direction:column; min-width:0; }
.vnt-area > main.main.vnt-palco{ flex:1 1 auto; min-height:0; height:auto; max-height:none; overflow:auto; box-sizing:border-box; }
.vnt-area > main.main.vnt-palco{
scrollbar-width:thin; scrollbar-color:var(--secao) transparent;
}
.vnt-area > main.main.vnt-palco::-webkit-scrollbar{ width:12px; height:12px; }
.vnt-area > main.main.vnt-palco::-webkit-scrollbar-track,
.vnt-area > main.main.vnt-palco::-webkit-scrollbar-corner{ background:transparent; }
.vnt-area > main.main.vnt-palco::-webkit-scrollbar-thumb{
background:var(--secao); border-radius:99px;
border:3px solid transparent; background-clip:content-box;
min-height:44px;
}
.vnt-area > main.main.vnt-palco::-webkit-scrollbar-thumb:hover{
border-width:2px;
}
.vnt-rail{
background:transparent; border:0; box-shadow:none; border-radius:0;
padding:14px 6px 18px;
display:flex; flex-direction:column; align-items:center;
justify-content:space-between; gap:14px;
overflow-y:auto; overflow-x:hidden; scrollbar-width:none;
}
.vnt-rail::-webkit-scrollbar{ width:0; height:0; }
.vnt-rail-nav{
display:flex; flex-direction:column; align-items:center; gap:8px; flex:none;
}
.vnt-rail-apps{
display:flex; flex-direction:column; align-items:center; gap:14px;
flex:none;
}
.vnt-rail-voltar, .vnt-rail-item, .vnt-atualizar{
position:relative; flex:none; width:44px; height:44px; border-radius:50%;
display:flex; align-items:center; justify-content:center;
border:1.5px solid transparent; background:rgba(255,255,255,.5);
color:rgba(11,18,38,.45); text-decoration:none; cursor:pointer;
font-family:inherit; padding:0;
transition:transform .1s ease, color .14s ease, border-color .14s ease,
box-shadow .14s ease, background .14s ease;
}
.vnt-rail-ico{ display:flex; align-items:center; justify-content:center; line-height:0; }
.vnt-rail-voltar svg, .vnt-rail-item svg, .vnt-atualizar svg{
width:22px; height:22px; display:block;
}
.vnt-rail-voltar:hover, .vnt-rail-item:hover:not(.embreve):not(.trancado), .vnt-atualizar:hover{
color:var(--vnt-navy); background:#fff; transform:scale(1.12);
box-shadow:0 4px 14px -4px rgba(11,18,38,.28);
}
.vnt-rail-voltar{ color:rgba(11,18,38,.4); }
.vnt-rail-avancar{ color:rgba(11,18,38,.26); }
.vnt-rail-item.ativo{
color:color-mix(in srgb, var(--cor) 82%, #000);
border-color:var(--cor);
background:color-mix(in srgb, var(--cor) 14%, #fff);
box-shadow:0 0 0 1px var(--cor), 0 3px 10px -2px color-mix(in srgb, var(--cor) 65%, transparent);
}
@supports not (color: color-mix(in srgb, red 50%, blue)){
.vnt-rail-item.ativo{ background:rgba(11,18,38,.06); box-shadow:0 0 0 1.5px var(--cor); }
}
.vnt-rail-item.embreve, .vnt-rail-item.trancado{ opacity:.35; cursor:default; }
.vnt-rail-mais{ position:relative; }
.vnt-rail-mais svg{ width:20px; height:20px; }
.vnt-rail-sub{
position:fixed; z-index:64;
display:flex; flex-direction:column; gap:8px;
padding:0; margin:0;
}
.vnt-rail-subitem{
width:35px; height:35px;
border-color:color-mix(in srgb, var(--vnt-verde, #84BC25) 70%, transparent);
background:#fff;
box-shadow:0 6px 18px -5px rgba(11,18,38,.28), 0 0 0 4px rgba(255,255,255,.55);
animation:vnt-sub-entra .19s cubic-bezier(.2,.9,.3,1.25) both;
animation-delay:var(--atraso, 0ms);
}
.vnt-rail-subitem svg{ width:18px; height:18px; }
.vnt-rail-subitem:hover{
border-color:var(--vnt-verde, #84BC25);
box-shadow:0 5px 16px -5px color-mix(in srgb, var(--vnt-verde, #84BC25) 70%, transparent);
}
@keyframes vnt-sub-entra{
from{ opacity:0; transform:translateX(-10px) scale(.72); }
to  { opacity:1; transform:none; }
}
.vnt-rail-selo{
position:absolute; right:-9px; bottom:-9px;
width:19px; height:19px; border-radius:50%;
display:flex; align-items:center; justify-content:center;
background:#fff; color:color-mix(in srgb, var(--cor) 82%, #000);
border:1.5px solid var(--cor);
box-shadow:0 0 0 1px var(--cor), 0 2px 7px -2px color-mix(in srgb, var(--cor) 70%, transparent);
pointer-events:none;
}
.vnt-rail-selo svg{ width:11px; height:11px; display:block; }
.vnt-rail-fim{ flex:none; width:44px; height:44px; }
.vnt-rail-dica{
position:fixed; z-index:95; transform:translateY(-50%);
background:#0B1226; color:#fff; padding:6px 11px; border-radius:9px;
font-size:12.5px; font-weight:600; letter-spacing:-.005em; white-space:nowrap;
box-shadow:0 8px 20px -6px rgba(0,0,0,.5);
opacity:0; pointer-events:none; transition:opacity .12s ease;
}
.vnt-rail-dica.mostrando{ opacity:1; }
.vnt-area{ --aba-raio:14px; --aba-sobra:2px; --folha:#fff; --fita-h:46px; }
.vnt-area{ position:relative; }
.vnt-area::before{
content:""; position:absolute; inset:0; z-index:5; pointer-events:none;
border-radius:var(--radius-xl, 22px) 0 0 0;
box-shadow:inset 11px 11px 20px -4px rgba(11,18,38,.16);
}
.vnt-area:has(.dash){ --folha:var(--vnt-fundo, #ECEDF0); }
.vnt-abas{
display:flex; align-items:stretch; gap:2px; flex:none;
padding:0 4px 0 0; margin:0;
height:var(--fita-h); box-sizing:border-box;
overflow-x:auto; overflow-y:hidden; scrollbar-width:none;
background:var(--folha);
}
.vnt-abas::-webkit-scrollbar{ display:none; }
.vnt-aba{
position:relative; flex:none; display:flex; align-items:center; gap:8px;
padding:10px 18px; border-radius:0;
background:transparent; color:var(--text-muted); text-decoration:none;
font-weight:500; font-size:13.5px; white-space:nowrap;
transition:background .12s, color .12s;
}
.vnt-aba svg{ width:17px; height:17px; flex:none; }
.vnt-aba{ isolation:isolate; }
.vnt-aba:not(.on)::before{
content:""; position:absolute; z-index:-1;
left:6px; right:6px; top:50%; transform:translateY(-50%); height:25px;
border-radius:10px; background:transparent;
transition:background .12s ease;
}
.vnt-aba:hover{ color:var(--text-secondary); }
.vnt-aba:not(.on):hover::before{ background:#E3E5E9; }
.vnt-aba:focus-visible{ outline:2px solid var(--secao); outline-offset:-3px; }
.vnt-aba.on{ background:var(--folha); color:var(--text-primary); padding-bottom:11px; margin-bottom:calc(var(--aba-sobra) * -1); }
.vnt-aba.on:hover{ background:var(--folha); }
.vnt-area{ position:relative; }
.vnt-fita-traco{
position:absolute; left:0; top:0;
z-index:6;
pointer-events:none; overflow:visible; display:block;
}
.vnt-fita-traco .traco{
fill:none; stroke:var(--secao); stroke-width:1.5;
stroke-linejoin:round; stroke-linecap:round;
}
.vnt-fita-traco .canto{ fill:var(--vnt-fundo, #ECEDF0); stroke:none; }
.vnt-palco{
background:#fff; border-radius:16px 0 0 0; min-width:0;
border:1px solid rgba(11,18,38,.06);
overflow:auto;
}
.vnt-palco:has(.eq-grade){ background:var(--vnt-fundo, #ECEDF0); }
.vnt-area:not(.sem-abas) > .vnt-palco{
border-radius:0;
border-top-color:transparent;
border-left-color:transparent;
}
.vnt-conteudo{ padding:22px 26px 28px; max-width:none; width:100%; margin:0; box-sizing:border-box; }
.vnt-menu-cel{
display:none; position:fixed; top:17px; left:12px; z-index:70;
width:38px; height:38px; border-radius:12px; border:0; cursor:pointer;
background:var(--vnt-navy); color:#fff; align-items:center; justify-content:center;
}
.vnt-menu-cel svg{ width:20px; height:20px; }
@media (max-width:820px){
:root{ --vnt-barra:var(--vnt-topo-h); --vnt-barra-topo:var(--vnt-topo-h); }
.vnt-menu-cel{ display:flex; }
.vnt-topo{ padding-left:60px; gap:10px; }
.vnt-atalhos{ display:none; }
:root{ --vnt-logo-h:22px; }
.vnt-usuario-nome{ display:none; }
.vnt-topo-dir{ gap:8px; }
.vnt-nome-cliente{ max-width:104px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vnt-app{ grid-template-columns:minmax(0,1fr); padding:var(--vnt-topo-h) var(--vnt-vao) var(--vnt-vao); }
.vnt-rail{
position:fixed; top:var(--vnt-topo-h); bottom:0; left:0; z-index:65;
transform:translateX(-110%); transition:transform .2s ease; height:auto;
}
.vnt-rail{ width:var(--vnt-rail-w); border-radius:0; background:var(--vnt-fundo); }
.vnt-app > .vnt-rail{ height:auto; max-height:none; margin-bottom:0; }
body.vnt-menu-aberto .vnt-rail{ transform:none; }
.vnt-abas{ padding:0 2px; }
.vnt-aba{ padding:9px 13px; font-size:13px; }
.vnt-conteudo{ padding:16px 14px 22px; }
}
.vpop{ position:fixed; inset:0; z-index:120; display:flex; align-items:center; justify-content:center; padding:20px; }
.vpop[hidden]{ display:none !important; }
.vpop-fundo{ position:absolute; inset:0; background:rgba(3,16,38,.5); backdrop-filter:blur(2px); }
.vpop-caixa{
position:relative; z-index:1; width:100%; max-width:460px;
max-height:calc(100vh - 40px); display:flex; flex-direction:column;
background:#fff; border-radius:20px; overflow:hidden;
box-shadow:0 30px 70px -30px rgba(3,16,38,.65);
}
.vpop-largo{ max-width:720px; }
.vpop-topo{
display:flex; align-items:flex-start; gap:14px;
padding:20px 22px 14px; border-bottom:1px solid rgba(3,16,38,.08);
}
.vpop-titulo{ margin:0; font-size:17px; font-weight:800; letter-spacing:-.02em; color:var(--vnt-navy); }
.vpop-sub{ margin:4px 0 0; font-size:12px; color:var(--text-muted); text-transform:none; line-height:1.45; }
.vpop-x{
margin-left:auto; width:28px; height:28px; flex:none; border:0; cursor:pointer;
border-radius:8px; background:rgba(3,16,38,.05); color:var(--vnt-navy); font-size:13px;
}
.vpop-x:hover{ background:rgba(3,16,38,.11); }
.vpop-corpo{ padding:16px 22px; overflow:auto; }
.vpop-pe{
display:flex; align-items:center; justify-content:flex-end; gap:10px;
padding:14px 22px 18px; border-top:1px solid rgba(3,16,38,.08);
}
.vpop-rot{
display:block; font-size:10.5px; font-weight:700; letter-spacing:.07em;
color:var(--text-muted); margin:12px 0 5px;
}
.vpop-rot:first-child{ margin-top:0; }
.vpop-rot i{ font-style:normal; font-weight:500; text-transform:none; letter-spacing:0; }
.vpop-corpo input, .vpop-corpo select, .vpop-corpo textarea{ width:100%; }
.vpop-linha{ display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:10px; }
body.vpop-aberto{ overflow:hidden; }
.vat-grupo{
font-size:10px; font-weight:800; letter-spacing:.1em; color:var(--text-muted);
margin:16px 0 8px;
}
.vat-grupo:first-child{ margin-top:0; }
.vat-grade{ display:grid; grid-template-columns:repeat(auto-fill, minmax(196px, 1fr)); gap:8px; }
.vat-op{
display:flex; align-items:center; gap:10px; text-align:left; cursor:pointer;
padding:9px 10px; border-radius:12px; position:relative;
border:1.5px solid rgba(3,16,38,.10); background:#fff;
transition:border-color .14s ease, background .14s ease;
}
.vat-op:hover{ border-color:var(--secao); }
.vat-op.escolhido{
border-color:var(--secao);
background:color-mix(in srgb, var(--secao) 9%, #fff);
}
.vat-op-ico{
width:32px; height:32px; flex:none; border-radius:10px;
display:flex; align-items:center; justify-content:center;
background:rgba(3,16,38,.05); color:var(--vnt-navy);
}
.vat-op.escolhido .vat-op-ico{ background:var(--secao); color:#fff; }
.vat-op-ico svg{ width:17px; height:17px; }
.vat-op-txt{ display:flex; flex-direction:column; min-width:0; gap:1px; }
.vat-op-txt b{ font-size:12px; font-weight:700; color:var(--vnt-navy); text-transform:none; }
.vat-op-txt i{
font-style:normal; font-size:10.5px; color:var(--text-muted); text-transform:none;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.vat-op-marca{
margin-left:auto; width:16px; height:16px; flex:none; border-radius:50%;
border:1.5px solid rgba(3,16,38,.16);
}
.vat-op.escolhido .vat-op-marca{
background:var(--secao); border-color:var(--secao);
box-shadow:inset 0 0 0 3px #fff;
}
@keyframes vat-nega{ 0%,100%{ transform:translateX(0); } 25%{ transform:translateX(-4px); } 75%{ transform:translateX(4px); } }
.vat-nega{ animation:vat-nega .4s ease; border-color:#B4322F; }
.vat-conta{ margin-right:auto; font-size:11.5px; color:var(--text-muted); text-transform:none; }
.vat-conta.cheio{ color:#B4322F; font-weight:700; }
@media (max-width:640px){
.vpop-linha{ grid-template-columns:1fr; }
.vat-grade{ grid-template-columns:1fr; }
}
.acesso-caixa{ border:1.5px solid var(--marca-2, var(--green)); }
.acesso-explica, .acesso-vazio{
font-size:12.5px; line-height:1.5; color:var(--text-secondary);
margin:0 0 14px; text-transform:none;
}
.acesso-lista{ margin-bottom:14px; }
.acesso-lista-tit{
display:block; font-size:11px; letter-spacing:.08em; text-transform:uppercase;
color:var(--text-secondary); margin-bottom:7px;
}
.acesso-quem{
display:inline-flex; flex-direction:column; align-items:flex-start; gap:1px;
margin:0 8px 8px 0; padding:7px 12px; cursor:pointer;
border:1px solid var(--border); border-radius:10px;
background:var(--surface-1); font-family:inherit; text-align:left;
transition:border-color .14s ease, background .14s ease;
}
.acesso-quem:hover{ border-color:var(--marca-2, var(--green)); background:var(--surface-2); }
.acesso-quem b{ font-size:12.5px; color:var(--text-primary); }
.acesso-quem span{ font-size:11.5px; color:var(--text-secondary); text-transform:none; }
.acesso-off{ font-size:10px; font-style:normal; color:#C0392B; }
.field-dica{
display:block; margin-top:5px; font-size:11.5px; line-height:1.45;
color:var(--text-secondary); text-transform:none;
}
.acesso-pronto{
border:1.5px solid var(--marca-2, var(--green)); border-radius:var(--radius-xl);
background:var(--surface-2); padding:18px 20px; margin-bottom:20px;
box-shadow:0 6px 22px rgba(11,18,38,.10);
}
.acesso-pronto h3{ margin:0 0 6px; font-size:15px; }
.acesso-aviso{ margin:0 0 12px; font-size:12.5px; line-height:1.5; color:var(--text-secondary); text-transform:none; }
.acesso-msg{
width:100%; box-sizing:border-box; resize:vertical;
font-family:ui-monospace, "SF Mono", Menlo, Consolas, monospace;
font-size:12.5px; line-height:1.6; text-transform:none;
border:1px solid var(--border); border-radius:10px; padding:12px 14px;
background:var(--surface-1); color:var(--text-primary);
}
.acesso-bts{ display:flex; align-items:center; gap:10px; margin-top:12px; }
.vnt-atualizar{ border-color:rgba(118,184,42,.55); color:#8FD43A; }
.vnt-atualizar-luz{
position:absolute; top:5px; right:5px;
width:8px; height:8px; border-radius:50%; background:#8FD43A;
box-shadow:0 0 0 0 rgba(143,212,58,.65); animation:vnt-pulsa 2.4s ease-out infinite;
}
@keyframes vnt-pulsa{
0%{ box-shadow:0 0 0 0 rgba(143,212,58,.60); }
70%{ box-shadow:0 0 0 9px rgba(143,212,58,0); }
100%{ box-shadow:0 0 0 0 rgba(143,212,58,0); }
}
@media (prefers-reduced-motion: reduce){ .vnt-atualizar-luz{ animation:none; } }
.vsn-caixa{ max-width:560px; width:100%; }
.vsn-topo{ padding:22px 24px 16px; border-bottom:1px solid var(--border); }
.vsn-selo{
display:inline-block; margin-bottom:8px; padding:3px 10px; border-radius:999px;
background:var(--marca-2, var(--green)); color:#fff;
font-size:10.5px; font-weight:700; letter-spacing:.06em;
}
.vsn-titulo{ margin:0 0 5px; font-size:19px; letter-spacing:-.01em; }
.vsn-sub{ margin:0; font-size:12.5px; color:var(--text-secondary); text-transform:none; }
.vsn-pe{
display:flex; align-items:center; gap:14px; flex-wrap:wrap;
padding:16px 24px 20px; border-top:1px solid var(--border);
}
.vsn-nota{ font-size:11.5px; color:var(--text-secondary); text-transform:none; }
.vsa-aviso{
padding:12px 16px; margin-bottom:18px; border-radius:12px;
background:var(--surface-2); border:1px solid var(--border);
font-size:12.5px; line-height:1.5; color:var(--text-secondary); text-transform:none;
}
.vsa-nova{ margin-bottom:18px; }
.vsa-versao{
border:1px solid var(--border); border-radius:var(--radius-xl);
background:var(--surface-1); padding:16px 18px; margin-bottom:14px;
}
.vsa-versao.rascunho{ border-color:var(--marca-2, var(--green)); }
.vsa-cabeca{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.vsa-ident{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; min-width:0; }
.vsa-num{
padding:3px 10px; border-radius:8px; background:var(--vnt-navy); color:#fff;
font-size:11px; font-weight:800;
}
.vsa-itens{ list-style:none; margin:12px 0 0; padding:0; }
.vsa-itens li{ display:flex; align-items:flex-start; gap:11px; padding:9px 0; border-top:1px dashed var(--border); }
.vsa-tipo{
flex:none; margin-top:1px; padding:2px 9px; border-radius:999px;
background:color-mix(in srgb, var(--t) 14%, #fff);
color:color-mix(in srgb, var(--t) 78%, #000);
font-size:9.5px; font-weight:800; letter-spacing:.05em;
}
.vsa-txt{ flex:1; min-width:0; }
.vsa-txt b{ display:block; font-size:13px; line-height:1.35; }
.vsa-txt span{ display:block; margin-top:2px; font-size:11.5px; color:var(--text-secondary); text-transform:none; }
.vsa-x{
flex:none; border:0; background:transparent; cursor:pointer;
color:var(--text-secondary); font-size:12px; padding:2px 6px; border-radius:6px;
}
.vsa-x:hover{ background:rgba(192,57,43,.12); color:#C0392B; }
.vsa-vazio{ margin:12px 0 0; font-size:12.5px; color:var(--text-secondary); text-transform:none; }
.vsa-add{ display:flex; gap:8px; flex-wrap:wrap; margin-top:14px; padding-top:14px; border-top:1px solid var(--border); }
.vsa-add select{ flex:0 0 130px; }
.vsa-add input[name="item_titulo"]{ flex:2 1 260px; }
.vsa-add input[name="item_detalhe"]{ flex:1 1 180px; }
.vsa-canal{
display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
padding:14px 18px; margin-bottom:18px; border-radius:var(--radius-xl);
background:var(--surface-2); border:1px solid var(--border);
}
.vsa-canal-txt > b{ display:block; font-size:13px; margin-bottom:3px; }
.vsa-canal-txt span{ display:block; font-size:12px; line-height:1.5; color:var(--text-secondary); text-transform:none; max-width:62ch; }
.vsa-canal-bts{ display:flex; gap:8px; flex-wrap:wrap; }
.vsa-canal-sem{ background:#fff8e1; border-color:#f0d68a; }
.vsa-canal-sem code{ background:rgba(0,0,0,.06); padding:1px 5px; border-radius:4px; font-size:11px; }
@media (max-width:1500px){
:root{
--vnt-esq:10px; --vnt-dir:12px; --vnt-vao:10px;
--vnt-produto-h:22px;
}
.main-inner{ padding:16px 16px 20px; }
.pf-cards{ grid-template-columns:repeat(auto-fit,minmax(112px,1fr)); gap:6px; }
.pf-cards .stat{ padding:7px 10px; }
.pf-cards .stat-valor{ font-size:17px; }
.pfl-painel-leads .pfl-linha{
grid-template-columns:
120px
140px
minmax(110px, 1.4fr)
minmax(110px, 1.4fr)
34px
minmax(130px, .6fr)
44px
44px
44px
150px
88px;
}
.pfl-painel-leads{ min-width:1014px; }
.pfl-painel-leads .pfl-cab > span,
.pfl-painel-leads .pfl-item > .pfl-linha > *{ padding-left:8px; padding-right:8px; }
}
.cfg-meus-dados{
display:flex; gap:18px; align-items:flex-start; margin-bottom:16px;
padding:14px 16px; border:1px solid var(--border); border-radius:var(--radius-xl);
background:var(--surface-2);
}
.cfg-foto{
position:relative; flex:none; width:74px; height:74px; border-radius:50%;
overflow:hidden; cursor:pointer; background:var(--vnt-navy);
display:flex; align-items:center; justify-content:center;
box-shadow:0 4px 14px rgba(11,18,38,.18);
}
.cfg-foto img{ width:100%; height:100%; object-fit:cover; }
.cfg-foto-inicial{ color:#fff; font-size:30px; font-weight:800; letter-spacing:-.02em; }
.cfg-foto input[type=file]{ position:absolute; inset:0; opacity:0; cursor:pointer; }
.cfg-foto-lapis{
position:absolute; left:0; right:0; bottom:0; padding:3px 0;
background:rgba(11,18,38,.72); color:#fff;
font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
text-align:center; opacity:0; transition:opacity .14s ease;
}
.cfg-foto:hover .cfg-foto-lapis{ opacity:1; }
.cfg-meus-campos{ flex:1; min-width:0; display:grid; grid-template-columns:1fr 1fr; gap:10px 14px; }
.cfg-meus-acoes{
grid-column:1 / -1; display:flex; align-items:center; gap:14px; flex-wrap:wrap;
}
.cfg-remover-foto{
display:inline-flex; align-items:center; gap:7px; cursor:pointer;
font-size:12px; color:var(--text-secondary);
}
.cfg-remover-foto input{ width:15px; height:15px; accent-color:var(--green); }
@media (max-width:620px){ .cfg-meus-campos{ grid-template-columns:1fr; } }
.cfg-eq-topo{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.cfg-eq-conta{ font-size:12.5px; color:var(--text-secondary); text-transform:none; }
.cfg-eq-conta b{ font-size:15px; color:var(--text-primary); }
.cfg-eq-grade{ display:grid; grid-template-columns:repeat(auto-fill,minmax(206px,1fr)); gap:8px; margin-bottom:12px; }
.cfg-eq-card{
position:relative; display:flex; align-items:center; gap:11px; min-width:0;
padding:9px 11px; border:1px solid var(--border); border-radius:var(--radius);
background:var(--surface-1); text-decoration:none; color:inherit;
transition:border-color .14s ease, transform .14s ease, box-shadow .14s ease;
}
.cfg-eq-card:hover{ border-color:var(--green); transform:translateY(-1px); box-shadow:var(--shadow-sm); }
.cfg-eq-card.inativo{ opacity:.55; }
.cfg-eq-foto{
flex:none; width:38px; height:38px; border-radius:50%; overflow:hidden;
background:var(--vnt-navy); display:flex; align-items:center; justify-content:center;
}
.cfg-eq-foto img{ width:100%; height:100%; object-fit:cover; }
.cfg-eq-foto i{ font-style:normal; color:#fff; font-size:16px; font-weight:800; }
.cfg-eq-txt{ min-width:0; display:flex; flex-direction:column; gap:1px; }
.cfg-eq-txt b{
font-size:12.5px; font-weight:700; letter-spacing:-.01em; text-transform:none;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.cfg-eq-txt small{
font-size:10.5px; color:var(--text-muted); text-transform:uppercase; letter-spacing:.05em;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.cfg-eq-tag{
position:absolute; top:6px; right:8px; font-size:9px; font-weight:700;
letter-spacing:.06em; text-transform:uppercase; color:var(--text-muted);
}
.pfl-topo-linha{ display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:16px; flex-wrap:wrap; }
.filtros-painel{ margin:14px 0; }
@media (max-height:760px){
:root{ --vnt-topo-h:58px; }
.main-inner{ padding-top:10px; }
.vnt-palco .page-head{ margin-bottom:10px; }
.vnt-palco .page-title{ font-size:19px; }
.pfl-topo-linha{ margin-bottom:8px; }
.filtros-painel{ margin:8px 0; }
.pf-cards .stat{ padding:5px 10px; }
.pf-cards .stat-valor{ font-size:16px; }
.pf-cards .stat-sub{ font-size:9px; }
.vnt-palco .filtros select,
.vnt-palco .filtros input[type=text],
.vnt-palco .filtros input[type=search]{ height:36px; }
.pfl-cab > span{ font-size:10px; padding-top:0; padding-bottom:0; }
.pfl-painel-leads .pfl-item > .pfl-linha > *{ padding-top:4px; padding-bottom:4px; }
.pfl-painel-leads .lead-produto-rot,
.pfl-painel-leads .lead-produto-txt{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
}
.lead-pessoas{
margin-top:16px; padding:14px 14px 10px; border-radius:var(--radius-xl);
border:1px dashed var(--border-strong); background:var(--surface-2);
}
.lead-pessoas-topo{ display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-bottom:10px; }
.lead-pessoas-tit{
font-size:11px; font-weight:700; letter-spacing:.07em; text-transform:uppercase;
color:var(--text-primary);
}
.lead-pessoa{
display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr) minmax(0,.9fr) minmax(0,1.1fr) 30px;
gap:12px; align-items:end; margin-bottom:10px;
}
.lead-pessoa-x{
width:30px; height:38px; padding:0; border:0; background:none; cursor:pointer;
color:var(--text-muted); font-size:13px; line-height:1; border-radius:8px;
transition:color .14s ease, background .14s ease;
}
.lead-pessoa-x:hover{ color:#B4322F; background:rgba(180,50,47,.09); }
.lead-pessoa-mais{
display:inline-flex; align-items:center; gap:6px; cursor:pointer; text-decoration:none;
padding:7px 14px; border-radius:9px; border:1px dashed var(--border-strong);
background:var(--surface-1); color:var(--text-secondary);
font-family:inherit; font-size:12px; font-weight:650; letter-spacing:-.01em;
transition:border-color .14s ease, color .14s ease;
}
.lead-pessoa-mais:hover{ border-color:var(--green); color:var(--text-primary); }
@media (max-width:1100px){
.lead-pessoa{ grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr) minmax(0,.9fr) 30px; }
.lead-pessoa .field:nth-child(4){ grid-column:1 / -1; }
}
@media (max-width:760px){
.lead-pessoa{ grid-template-columns:1fr 30px; }
.lead-pessoa .field:nth-child(n+2){ grid-column:1; }
.lead-pessoa-x{ grid-row:1; grid-column:2; }
}
.pnf-novo{ margin-bottom:18px; }
.pnf-tipo{
border:1px solid var(--border); border-radius:var(--radius-xl);
background:var(--surface-1); padding:14px 16px; margin-bottom:16px;
}
.pnf-cabeca{ display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.pnf-nome{ display:flex; align-items:center; gap:8px; flex:1; min-width:0; flex-wrap:wrap; }
.pnf-nome input[type=text]{ height:34px; }
.pnf-nome input[type=text]:first-of-type{ flex:0 1 260px; font-weight:700; }
.pnf-nome input[type=text]:nth-of-type(2){ flex:1 1 220px; }
.pnf-campo{
border:1px solid var(--border); border-radius:var(--radius);
background:var(--surface-2); padding:10px 12px; margin-bottom:10px;
}
.pnf-campo-cab{ display:flex; align-items:center; gap:9px; margin-bottom:8px; }
.pnf-campo-cab b{ font-size:13px; letter-spacing:-.01em; text-transform:none; }
.pnf-opcoes{ list-style:none; margin:0 0 8px; padding:0; display:flex; flex-direction:column; gap:4px; }
.pnf-opcoes li{
display:flex; align-items:center; gap:10px;
padding:5px 8px; border-radius:8px; background:var(--surface-1);
border:1px solid var(--border);
}
.pnf-pontos{
flex:none; min-width:30px; height:24px; padding:0 7px; border-radius:7px;
display:inline-flex; align-items:center; justify-content:center;
background:var(--marca-2); color:#fff;
font-size:12px; font-weight:800; letter-spacing:-.02em;
}
.pnf-rot{ flex:1; min-width:0; font-size:12.5px; text-transform:none; }
.pnf-add{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.pnf-add input[type=text]{ flex:1 1 260px; height:34px; }
.pnf-add input[type=number]{ width:78px; height:34px; }
.pnf-add-pergunta{ margin-top:12px; padding-top:12px; border-top:1px dashed var(--border-strong); }
.pnf-check{
display:inline-flex; align-items:center; gap:6px; cursor:pointer;
font-size:11.5px; color:var(--text-secondary); text-transform:none;
}
.pnf-check input{ width:15px; height:15px; accent-color:var(--green); }
.lead-perfil{
border:1px solid var(--border); border-radius:var(--radius);
background:var(--surface-2); padding:10px 12px; margin-bottom:10px;
transition:border-color .14s ease, opacity .14s ease;
}
.lead-perfil.on{ border-color:var(--marca-1); background:var(--surface-1); }
.lead-perfil-cab{ display:flex; align-items:center; gap:9px; cursor:pointer; flex-wrap:wrap; }
.lead-perfil-cab input{ width:16px; height:16px; accent-color:var(--green); flex:none; }
.lead-perfil-cab b{ font-size:13px; letter-spacing:-.01em; text-transform:none; }
.lead-perfil-cab small{ font-size:11px; color:var(--text-muted); text-transform:none; }
.lead-perfil-campos{
display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px;
margin-top:12px;
}
.lead-perfil:not(.on) .lead-perfil-campos{ display:none; }
.vsa-aviso-fraco{ display:block; margin-top:8px; font-size:11.5px; color:var(--text-secondary); }
.pnf-passos{ margin:8px 0 0; padding-left:20px; }
.pnf-passos li{ font-size:12.5px; line-height:1.6; text-transform:none; }
.pnf-passos i{ font-style:normal; color:var(--text-muted); }
.pnf-previa{
margin:0 0 12px; padding:8px 12px; border-radius:var(--radius);
background:var(--surface-2); border:1px dashed var(--border-strong);
font-size:12px; color:var(--text-secondary); text-transform:none;
}
.pnf-nota{
display:inline-flex; align-items:center; justify-content:center;
min-width:26px; height:22px; padding:0 6px; margin:0 2px; border-radius:6px;
background:#B4322F; color:#fff; font-size:12px; font-weight:800;
}
.pnf-nota.alta{ background:#2E7D32; }
.pnf-barra{ flex:none; width:64px; height:6px; border-radius:99px; background:var(--border); overflow:hidden; }
.pnf-barra i{ display:block; height:100%; background:var(--marca-2); }
.pnf-linha-add{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.pnf-linha-add .pnf-add{ flex:1 1 320px; }
.pnf-pontos-campo{
display:inline-flex; align-items:center; gap:6px;
font-size:11.5px; color:var(--text-secondary); text-transform:none;
}
.pnf-edita-pergunta{ display:flex; align-items:center; gap:8px; flex:1 1 320px; min-width:0; flex-wrap:wrap; }
.pnf-edita-pergunta input[type=text]{ flex:1 1 200px; height:32px; font-weight:650; }
.pnf-edita-opcao{ display:flex; align-items:center; gap:8px; flex:1; min-width:0; }
.pnf-edita-opcao input[type=text]{ flex:1; min-width:0; height:30px; font-size:12.5px; }
.pnf-edita-opcao input[type=number]{ width:66px; height:30px; }
.fnl{ display:flex; gap:10px; align-items:flex-start; overflow-x:auto; padding:2px 2px 8px; }
.fnl-etapa{
flex:0 0 212px; border-radius:var(--radius); overflow:hidden;
border:1px solid var(--border); background:var(--surface-1);
box-shadow:var(--shadow-sm);
}
.fnl-topo{
display:flex; align-items:center; gap:4px; padding:7px 8px;
background:color-mix(in srgb, var(--et) 20%, #fff);
border-bottom:3px solid var(--et);
}
@supports not (color: color-mix(in srgb, red 50%, blue)){ .fnl-topo{ background:var(--surface-2); } }
.fnl-etapa-form{ display:flex; align-items:center; gap:5px; flex:1; min-width:0; }
.fnl-etapa-form input[type=text]{
flex:1; min-width:0; height:28px; padding:0 7px; font-size:12.5px; font-weight:700;
background:rgba(255,255,255,.75);
}
.fnl-etapa-form input[type=color], .fnl-nova input[type=color]{
flex:none; width:26px; height:26px; padding:0; border:1px solid var(--border);
border-radius:7px; background:none; cursor:pointer;
}
.fnl-ok{
flex:none; width:24px; height:24px; padding:0; border:0; border-radius:6px; cursor:pointer;
background:rgba(11,18,38,.07); color:var(--vnt-navy); font-size:12px; line-height:1;
}
.fnl-ok:hover{ background:var(--marca-1); color:var(--marca-1-txt); }
.fnl-cadeado{ flex:none; font-size:11px; opacity:.6; cursor:help; }
.fnl-estados{ display:flex; flex-direction:column; gap:5px; padding:8px; }
.fnl-estado{
display:flex; align-items:center; gap:4px;
padding:4px 5px; border-radius:8px; background:var(--surface-2); border:1px solid var(--border);
}
.fnl-estado.padrao{ border-left:3px solid var(--et); }
.fnl-estado-form{ display:flex; align-items:center; gap:4px; flex:1; min-width:0; flex-wrap:wrap; }
.fnl-estado-form input[type=text]{ flex:1 1 100%; min-width:0; height:26px; padding:0 6px; font-size:12px; }
.fnl-padrao{
display:inline-flex; align-items:center; gap:4px; cursor:pointer;
font-size:9.5px; letter-spacing:.04em; color:var(--text-muted); text-transform:uppercase;
}
.fnl-padrao input{ width:12px; height:12px; accent-color:var(--green); }
.fnl-add input[type=text]{
width:100%; height:28px; padding:0 7px; font-size:12px;
border-style:dashed; background:transparent;
}
.fnl-nova{
display:flex; flex-direction:column; gap:7px; padding:10px;
border-style:dashed; background:var(--surface-2); box-shadow:none;
}
.fnl-nova-tit{ font-size:11px; font-weight:700; letter-spacing:.06em; color:var(--text-secondary); }
.fnl-nova input[type=text]{ height:30px; }
.vsa-comando{
display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap;
padding:16px 20px; margin-bottom:16px; border-radius:var(--radius-xl);
background:var(--surface-2); border:1px solid var(--border-strong);
}
.vsa-comando-estado{ min-width:0; }
.vsa-comando-rot{
display:block; font-size:10px; font-weight:700; letter-spacing:.09em;
text-transform:uppercase; color:var(--text-muted); margin-bottom:2px;
}
.vsa-comando-estado b{ display:block; font-size:17px; letter-spacing:-.02em; text-transform:none; }
.vsa-comando-estado span{
display:block; margin-top:4px; font-size:12px; line-height:1.5;
color:var(--text-secondary); text-transform:none; max-width:64ch;
}
.vsa-titulo-diario{ margin:22px 0 4px; font-size:14px; }
.vsa-titulo-diario small{ font-weight:500; color:var(--text-muted); text-transform:none; }
.fnl-tom{
flex:none; width:22px; height:22px; border-radius:7px; background:var(--et);
border:1px solid rgba(0,0,0,.08); cursor:help;
}
.fnl-nova-dica{ font-size:11px; color:var(--text-muted); line-height:1.4; }
.meta-linha{ display:flex; align-items:center; gap:12px; padding:7px 0; flex-wrap:wrap; }
.meta-mes{ flex:0 0 160px; font-size:13px; font-weight:650; text-transform:uppercase; letter-spacing:.04em; }
.meta-mes i{ font-style:normal; color:var(--text-muted); font-weight:500; }
.meta-linha input[type=text]{ flex:0 1 180px; height:36px; }
.fed-bloco{
background:#fff; border:1px solid rgba(11,18,38,.07); border-radius:16px;
padding:20px 22px; margin-bottom:18px; box-shadow:0 6px 22px rgba(11,18,38,.06);
}
.fed-cab h2{ margin:0 0 4px; font-size:18px; font-weight:700; letter-spacing:-.01em; text-transform:none; }
.fed-cab p{ margin:0 0 16px; font-size:13px; color:var(--text-secondary); text-transform:none; line-height:1.5; }
.fed-lbl{ display:block; font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--text-secondary); font-weight:600; margin-bottom:5px; }
.fed-tipo-linha{ display:flex; flex-wrap:wrap; align-items:flex-end; gap:16px; }
.fed-tipo-atual b{ font-size:16px; }
.fed-tipo-troca{ display:flex; align-items:flex-end; gap:8px; flex-wrap:wrap; }
.fed-tipo-troca select{ min-width:190px; }
.fed-previa{ margin-top:18px; padding:16px 18px; border-radius:14px; background:var(--surface-1, #F4F5F9); }
.fed-previa h3{ margin:0 0 10px; font-size:15px; font-weight:700; text-transform:none; }
.fed-ok{ margin:0 0 12px; font-size:13.5px; color:#2E7D32; text-transform:none; }
.fed-aviso{
margin:0 0 14px; font-size:13.5px; line-height:1.55; text-transform:none;
background:#FFF4E5; border:1px solid #F0C48A; color:#7A4A05;
border-radius:12px; padding:11px 14px;
}
.fed-mapa{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:10px; font-size:13.5px; }
.fed-mapa .fed-seta{ color:var(--text-secondary); }
.fed-etapa{
border:1px solid rgba(11,18,38,.08); border-radius:14px; overflow:hidden; margin-bottom:12px;
}
.fed-faixa{
display:flex; align-items:center; gap:12px; padding:11px 16px;
font-size:15px; font-weight:600; letter-spacing:-.01em;
}
.fed-passo{
width:24px; height:24px; border-radius:50%; flex:none;
display:grid; place-items:center; font-size:12px; font-weight:700;
background:rgba(255,255,255,.25);
}
.fed-nome{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fed-conta{ font-size:12px; font-weight:500; opacity:.85; white-space:nowrap; }
.fed-corpo{ padding:14px 16px; display:grid; gap:14px; }
.fed-form{ display:flex; flex-wrap:wrap; align-items:flex-end; gap:12px; }
.fed-campo{ display:grid; gap:5px; }
.fed-campo > span{ font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--text-secondary); font-weight:600; }
.fed-campo input[type=text]{ min-width:220px; }
.fed-chips{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.fed-chip{
display:inline-flex; align-items:center; gap:6px;
background:var(--surface-1, #F4F5F9); border:1px solid rgba(11,18,38,.08);
border-radius:999px; padding:4px 10px;
}
.fed-chip.padrao{ border-color:var(--green, #84BC25); background:#F2F8E8; }
.fed-chip input[type=text]{
border:0; background:transparent; font:inherit; font-size:13px; padding:2px 0;
width:auto; min-width:88px; max-width:180px; height:auto; box-shadow:none;
}
.fed-chip input[type=text]:focus{ outline:1px solid var(--vnt-navy); border-radius:4px; }
.fed-chip em{ font-style:normal; font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; color:#5A7D12; font-weight:700; }
.fed-chip-form{ display:inline; }
.fed-novo input[type=text]{ color:var(--text-secondary); }
.fed-mini{
border:0; background:transparent; cursor:pointer; font:inherit; font-size:11.5px;
color:var(--text-secondary); padding:2px 4px; border-radius:6px; line-height:1;
}
.fed-mini:hover{ background:rgba(11,18,38,.07); color:var(--vnt-navy); }
.fed-x:hover{ background:#FDE7E7; color:#AF1010; }
.fed-trava-mini{ cursor:default; opacity:.55; }
.fed-trava-mini:hover{ background:transparent; color:var(--text-secondary); }
.fed-acoes{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding-top:2px; }
.fed-trava{ font-size:12px; color:var(--text-secondary); text-transform:none; }
.fed-etapa-nova{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-top:14px; }
.fed-etapa-nova input[type=text]{ min-width:240px; }
@media (max-width:700px){
.fed-form{ flex-direction:column; align-items:stretch; }
.fed-campo input[type=text], .fed-etapa-nova input[type=text]{ min-width:0; width:100%; }
}
.fed-passo-saida{ font-size:14px; }
.fed-nome small{ font-weight:500; font-size:11px; opacity:.8; margin-left:8px; text-transform:none; }
.fed-sem-tipo{ margin:0; font-size:13px; color:var(--text-secondary); text-transform:none; line-height:1.5; max-width:420px; }
.pfl-topo-botoes{ display:flex; align-items:center; gap:10px; flex:none; flex-wrap:wrap; }
:root{
--font-sans:"Outfit","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
--vnt-fundo:#ECEDF0;
--surface-0:#ECEDF0; --surface-1:#F4F5F7; --surface-2:#FFFFFF;
--text-primary:#111315; --text-secondary:#3C4147; --text-muted:#8A8F98;
--border:#E3E5E9; --border-strong:#CFD2D8;
--radius:12px; --radius-sm:9px; --radius-lg:18px; --radius-xl:22px;
}
body{ font-family:var(--font-sans); font-variant-numeric:tabular-nums; }
.page-head{ margin-bottom:18px; }
.page-title{
font-size:30px; font-weight:400; letter-spacing:-.025em; line-height:1.12;
color:var(--text-primary); margin:0 0 4px;
}
.page-sub, .section-sub{
font-size:13px; color:var(--text-muted); font-weight:400; line-height:1.55;
letter-spacing:0; text-transform:none;
}
.panel, .form-section{
background:#fff; border:1px solid rgba(17,19,21,.05); border-radius:var(--radius-xl);
box-shadow:0 6px 22px rgba(17,19,21,.06); padding:22px 24px;
}
.form-section::after{ display:none; }
.form-section:hover{ box-shadow:0 6px 22px rgba(17,19,21,.06); }
.form-section > h3{
font-size:17px; font-weight:500; letter-spacing:-.01em; text-transform:none; color:var(--text-primary);
}
.form-section > h3::before{ display:none; }
:where(a.btn, a.btn-sm, a.btn-primary, a.btn-quiet, a.btn-danger, a.btn-accent),
button.btn, button.btn-sm, button.btn-primary, button.btn-quiet, button.btn-danger, button.btn-accent{
border-radius:999px; padding:10px 18px; font-weight:500; font-size:13.5px;
letter-spacing:0; box-shadow:none; border-color:transparent;
}
.btn{ background:var(--surface-1); color:var(--text-primary); border:1px solid transparent; }
.btn:hover{ background:#E7E9ED; color:var(--text-primary); }
.btn-primary, button.btn-primary{
background:var(--text-primary); color:#fff; border-color:transparent;
box-shadow:none; font-weight:500;
}
.btn-primary:hover, button.btn-primary:hover{ background:#000; color:#fff; border-color:transparent; box-shadow:none; }
.btn-quiet, button.btn-quiet{ background:#fff; color:var(--text-secondary); border:1px solid rgba(17,19,21,.10); }
.btn-quiet:hover, button.btn-quiet:hover{ background:#fff; border-color:rgba(17,19,21,.22); color:var(--text-primary); }
.btn-accent, button.btn-accent{ background:var(--green-dark); color:#fff; border-color:transparent; box-shadow:none; }
.btn-accent:hover, button.btn-accent:hover{ background:var(--green); color:#fff; box-shadow:none; }
input[type=text], input[type=email], input[type=password], input[type=date],
input[type=datetime-local], input[type=time], input[type=number], input[type=search],
input[type=tel], input[type=url], select, textarea{
border-radius:var(--radius); border:1px solid var(--border);
background:#fff; font-family:inherit; color:var(--text-primary);
}
input:focus, select:focus, textarea:focus{
outline:2px solid var(--text-primary); outline-offset:-1px; border-color:transparent;
}
.field-label{
font-size:11.5px; font-weight:500; letter-spacing:.06em; text-transform:uppercase;
color:var(--text-muted);
}
.field-hint{ font-size:12px; color:var(--text-muted); text-transform:none; }
.tbl-wrap{ background:#fff; border:1px solid rgba(17,19,21,.05); border-radius:var(--radius-xl); box-shadow:0 6px 22px rgba(17,19,21,.06); overflow:hidden; }
.tbl thead th{
background:#fff !important; color:var(--text-muted);
font-size:11px; font-weight:500; letter-spacing:.06em; text-transform:uppercase;
border-bottom:1px solid var(--border);
}
.tbl tbody td{ border-bottom:1px solid var(--border); font-size:13.5px; }
.tbl tbody tr:hover{ background:var(--surface-1) !important; }
.tbl tbody tr:last-child td{ border-bottom:0; }
.status-chip{
border-radius:999px; font-size:11.5px; font-weight:500; letter-spacing:0;
text-transform:none; padding:4px 11px;
}
.empty{
background:#fff; border:1px solid rgba(17,19,21,.05); border-radius:var(--radius-xl);
box-shadow:0 6px 22px rgba(17,19,21,.06);
color:var(--text-muted); font-size:13.5px; text-transform:none; padding:26px 24px;
}
.filtros input[type=text], .filtros input[type=search], .filtros select{ border-radius:999px; padding:9px 16px; }
.filtros button{ border-radius:999px; }
.vnt-palco{ border-radius:var(--radius-xl) 0 0 0; border:1px solid rgba(17,19,21,.05); }
.fed-setas{ display:flex; gap:2px; flex:none; margin-left:4px; }
.fed-seta{
width:26px; height:26px; border-radius:8px; border:0; cursor:pointer;
background:rgba(255,255,255,.22); color:inherit; font:inherit; font-size:14px; line-height:1;
display:grid; place-items:center; padding:0;
}
.fed-seta:hover:not(:disabled){ background:rgba(255,255,255,.42); }
.fed-seta:disabled{ opacity:.25; cursor:default; }
.fed-salvar{
position:sticky; bottom:0; z-index:5;
display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
margin:18px -22px -20px; padding:14px 22px;
background:#fff; border-top:1px solid var(--border);
border-radius:0 0 var(--radius-xl) var(--radius-xl);
box-shadow:0 -6px 18px rgba(17,19,21,.06);
}
.fed-salvar > span{ font-size:12.5px; color:var(--text-muted); }
.vd-meta-linha{ display:flex; justify-content:space-between; align-items:baseline; gap:10px; font-size:13px; color:var(--text-secondary); margin-bottom:6px; }
.vd-meta-linha b{ font-size:15px; color:var(--text-primary); }
.vd-meta-bar{ height:8px; border-radius:999px; background:var(--surface-2); overflow:hidden; margin-bottom:12px; }
.vd-meta-fill{ height:100%; background:var(--green, #84BC25); border-radius:999px; transition:width .2s ease; }
.vd-meta-form{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.vd-meta-form input[type=text]{ max-width:160px; }
.vd-pct-wrap{ display:inline-flex; align-items:center; gap:4px; }
.vd-pct{
width:40px; text-align:right; border:1px solid var(--border); border-radius:6px;
padding:2px 5px; font:inherit; font-size:12.5px; line-height:1.3;
}
.vd-pct-sinal{ font-size:12px; color:var(--text-secondary); }
.vd-total-bar{ display:flex; gap:10px; flex-wrap:wrap; margin:14px 0; }
.vd-total-item{
flex:1; min-width:160px; background:var(--surface-2); border:1px solid var(--border);
border-radius:var(--radius); padding:12px 16px;
}
.vd-total-item span{ display:block; font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--text-secondary); font-weight:600; margin-bottom:4px; }
.vd-total-item b{ font-size:22px; color:var(--text-primary); }
.vd-total-item.destaque{ background:linear-gradient(160deg,#141A2C,#232B45); border-color:#141A2C; }
.vd-total-item.destaque span{ color:rgba(255,255,255,.65); }
.vd-total-item.destaque b{ color:#fff; }
.fed-etapa-nova{ display:grid; gap:5px; margin-top:16px; max-width:360px; }
.fed-linha-campos{ display:flex; flex-wrap:wrap; gap:18px; align-items:flex-start; }
.fed-painel-nome{
display:flex; align-items:center; gap:10px; flex-wrap:wrap;
padding:0 0 18px; margin-bottom:16px; border-bottom:1px solid var(--border);
}
.fed-painel-nome .fed-lbl{ margin:0; }
.fed-painel-nome input[type=text]{
flex:1 1 260px; min-width:0; height:38px; padding:0 12px;
border:1px solid var(--border); border-radius:9px; background:var(--surface-2);
font:inherit; font-size:14px; font-weight:600; color:var(--text-primary);
}
.fed-painel-nome input[type=text]:focus{ outline:none; border-color:var(--green); }
.fed-painel-nome .fed-cor-dica{ flex-basis:100%; }
.fed-cor-base{
display:flex; align-items:center; gap:10px; flex-wrap:wrap;
padding:14px 0 20px; margin-bottom:4px; border-bottom:1px solid var(--border);
}
.fed-cor-base .fed-lbl{ margin:0; }
.fed-cor-base input[type=color]{
width:38px; height:38px; padding:0; border:1px solid var(--border);
border-radius:9px; cursor:pointer; background:none; flex:none;
}
.fed-cor-dica{ font-size:12px; color:var(--text-muted); }
.fed-liga{ display:flex; align-items:flex-start; gap:9px; cursor:pointer; max-width:340px; padding-top:18px; }
.fed-liga input{ margin-top:2px; flex:none; }
.fed-liga b{ display:block; font-size:13px; font-weight:500; color:var(--text-primary); }
.fed-liga small{ display:block; font-size:11.5px; color:var(--text-muted); line-height:1.4; }
.pfl-status-cel{ display:flex; align-items:center; gap:4px; overflow:visible; min-width:0; }
.pfl-status-cel > select, .pfl-status-cel > .lead-chip-status{ min-width:0; flex:1 1 auto; }
.pfl-dias{ flex:none; font-size:11px; font-weight:700; opacity:.6; white-space:nowrap; }
.vnt-aba-ferr{ display:flex; align-items:center; flex:none; line-height:0; }
.vnt-aba-ferr svg{ display:block; }
.vnt-aba-proj .vnt-aba-txt{ max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }
.vnt-aba-proj{ padding-right:30px; }
.vnt-aba-fechar{ display:flex; align-items:center; margin:0 0 0 -28px; z-index:2; align-self:center; padding-bottom:2px; }
.vnt-aba-fechar button{
border:0; background:transparent; cursor:pointer; font:inherit; font-size:15px; line-height:1;
width:20px; height:20px; border-radius:50%; display:grid; place-items:center;
color:var(--text-muted); padding:0;
}
.vnt-aba-fechar button:hover{ background:rgba(17,19,21,.10); color:var(--text-primary); }
.vnt-aba-fechar.on button{ color:var(--text-secondary); }
.vnt-aba-mais{
padding:10px 14px; font-size:17px; line-height:1; color:var(--text-muted);
min-width:38px; justify-content:center;
}
.vnt-aba-mais:hover{ color:var(--text-primary); }
button.vnt-aba-todos{ display:inline-flex; align-items:center; gap:5px; border:0; background:transparent; box-shadow:none; cursor:pointer; font:inherit; font-size:13px; font-weight:650; color:var(--text-secondary); padding:0 10px; }
button.vnt-aba-todos:hover{ color:var(--text-primary); }
@keyframes wf-entra{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce){  }
.exf-rank{ display:grid; grid-template-columns:26px 1fr; gap:4px; align-items:stretch; }
.exf-rank u{
display:flex; align-items:center; justify-content:center; text-decoration:none;
border-radius:3px; font-size:10px; font-weight:800; color:#2A3247;
}
.exf-rank span{ display:flex; gap:4px; align-items:center; background:rgba(19,24,41,.06); border-radius:3px; padding:3px; }
.exf-rank b{ width:16px; height:16px; border-radius:3px; display:block; }
@media(max-width:760px){
}
@media(prefers-reduced-motion:reduce){
}
.fx-est-pop{
position:fixed; z-index:1200; width:296px;
background:var(--surface-1); border:1px solid var(--border-strong);
border-radius:14px; box-shadow:0 14px 34px rgba(3,16,38,.22); padding:12px;
}
.fx-est-tit{ font-size:11.5px; font-weight:700; color:var(--text-muted); letter-spacing:.02em; margin-bottom:9px; }
.fx-est-grade{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.fx-est-opc{
display:flex; flex-direction:column; align-items:center; gap:6px;
padding:10px 6px 9px; border:1.5px solid var(--border); border-radius:10px;
background:var(--surface-2); cursor:pointer; text-align:center;
}
.fx-est-opc:hover{ border-color:var(--border-strong); }
.fx-est-opc.fx-est-atual{ border-color:var(--green); background:var(--green-soft); }
.fx-est-nome{ font-size:12px; font-weight:650; color:var(--text-primary); }
.fx-est-amostra{
width:100%; height:34px; background:var(--surface-1);
border:1.5px solid var(--border-strong); border-radius:8px; position:relative;
}
.fx-est-amostra.fx-est-a-padrao{ }
.fx-est-amostra.fx-est-a-bloco{ background:var(--green); border-color:var(--green-dark); }
.fx-est-amostra.fx-est-a-selo{
border-radius:12px; border-color:var(--green);
box-shadow:0 0 0 2px var(--surface-1), 0 0 0 3px var(--green);
}
.fx-est-amostra.fx-est-a-relevo{
border:0; border-radius:14px;
box-shadow:3px 3px 8px rgba(3,16,38,.16), -3px -3px 8px rgba(255,255,255,.7);
}
.fx-est-amostra.fx-est-a-vidro{
background:color-mix(in srgb, var(--green) 20%, var(--surface-1) 80%);
border-color:rgba(255,255,255,.5);
}
.fx-est-amostra.fx-est-a-tecnico{ border-style:dashed; border-color:var(--green-dark); border-radius:3px; }
.fx-est-amostra.fx-est-a-adesivo{
border:0; border-radius:2px 2px 7px 2px; transform:rotate(-3deg);
clip-path:polygon(0 0, 100% 0, 100% 72%, 78% 100%, 0 100%);
box-shadow:0 4px 8px -2px rgba(3,16,38,.3);
}
.nt-texto::placeholder{ color:var(--text-muted); }
.nt-titulo:focus, .nt-texto:focus{ outline:none; }
.nt-rodape{ display:flex; justify-content:flex-start; margin-top:14px; }
.cad-esq{
border-radius:8px 2px 2px 8px;
box-shadow:
inset 8px 0 14px -10px rgba(0,0,0,.5),
-1px 0 0 #f1ece0, -2px 0 0 #e9e3d4, -3px 0 0 #f3eee2, -4px 0 0 #e6dfd0;
}
.cad-dir{
border-radius:2px 8px 8px 2px;
box-shadow:
inset -8px 0 14px -10px rgba(0,0,0,.5),
1px 0 0 #f1ece0, 2px 0 0 #e9e3d4, 3px 0 0 #f3eee2, 4px 0 0 #e6dfd0;
}
.cad-esq::after, .cad-dir::after{
content:''; position:absolute; top:0; bottom:0; width:56px; pointer-events:none;
}
.cad-esq::after{ right:0; background:linear-gradient(90deg, rgba(90,60,35,0) 0%, rgba(90,60,35,.16) 100%); }
.cad-dir::after{ left:0;  background:linear-gradient(270deg, rgba(90,60,35,0) 0%, rgba(90,60,35,.16) 100%); }
.cad-bt{
border:1px solid var(--border); border-radius:8px; background:var(--surface-2);
color:var(--text-secondary); font-family:inherit; font-size:11.5px; font-weight:650;
padding:6px 12px; cursor:pointer;
}
.cad-bt:hover{ border-color:var(--green); color:var(--green-dark); background:var(--green-soft); }
.cad-palco{ background:#f3f1ea; border:1px solid var(--border); border-radius:10px; padding:8px; overflow:auto; }
@media(prefers-reduced-motion:reduce){
}
@media(max-width:760px){
}
@media(max-width:760px){
.cad-esq::after, .cad-dir::after{ display:none; }
}
html[data-tema="escuro"] .fx-fnode .fx-fnode-txt{ background:transparent; color:inherit; }
.fx-sub-seta-e{ left:-12px; }
.fx-sub-seta-d{ right:-12px; }
.fx-sub-selo{
position:absolute; top:-9px; right:-9px; z-index:5;
display:inline-flex; align-items:center; gap:3px;
height:21px; padding:0 7px 0 5px; border-radius:8px;
background:var(--green); color:#fff;
box-shadow:0 1px 4px rgba(3,16,38,.3);
pointer-events:none;
}
.fx-sub-selo svg{ width:13px; height:13px; display:block; }
.fx-sub-selo b{ font-size:11px; font-weight:800; line-height:1; }
.fx-flow-mapa[data-estilo="bloco"] .fx-fnode{ border-radius:14px; }
.fx-flow-mapa[data-estilo="bloco"] .fx-fnode::before{
content:''; position:absolute; top:0; left:0; right:0; height:6px;
border-radius:14px 14px 0 0;
background:color-mix(in srgb, var(--fx-no-cor, var(--fx)) 100%, black 32%);
pointer-events:none;
}
.fx-flow-mapa[data-estilo="selo"] .fx-fnode{
border-radius:16px;
border-color:color-mix(in srgb, var(--fx-no-cor, var(--fx)) 45%, transparent);
box-shadow:0 0 0 2px var(--surface-1), 0 0 0 3.5px var(--fx-no-cor, var(--fx));
}
.fx-flow-mapa[data-estilo="relevo"] .fx-fnode{
border:0; border-radius:18px; background:var(--surface-1);
box-shadow:
6px 6px 14px color-mix(in srgb, var(--fx-no-cor, var(--fx)) 40%, transparent),
-6px -6px 14px rgba(255,255,255,.75);
}
html[data-tema="escuro"] .fx-flow-mapa[data-estilo="relevo"] .fx-fnode{
box-shadow:
6px 6px 14px color-mix(in srgb, var(--fx-no-cor, var(--fx)) 55%, black 15%),
-6px -6px 14px rgba(255,255,255,.06);
}
.fx-flow-mapa[data-estilo="vidro"] .fx-fnode{
border-radius:14px;
backdrop-filter:blur(13px) saturate(1.3); -webkit-backdrop-filter:blur(13px) saturate(1.3);
border:1px solid rgba(255,255,255,.55);
box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 6px 18px -8px rgba(3,16,38,.3);
}
.fx-flow-mapa[data-estilo="vidro"] .fx-fnode::after{
content:''; position:absolute; inset:0; border-radius:13px;
background:linear-gradient(135deg, rgba(255,255,255,.32) 0%, transparent 42%);
pointer-events:none;
}
.fx-flow-mapa[data-estilo="tecnico"] .fx-fnode{
border-radius:5px; border-style:dashed;
border-color:var(--fx-no-cor, var(--fx));
}
.fx-flow-mapa[data-estilo="tecnico"] .fx-fnode::before,
.fx-flow-mapa[data-estilo="tecnico"] .fx-fnode::after{
content:'+'; position:absolute; font-size:12px; line-height:1; font-weight:700;
color:var(--fx-no-cor, var(--fx)); pointer-events:none;
}
.fx-flow-mapa[data-estilo="tecnico"] .fx-fnode::before{ top:-7px; left:-6px; }
.fx-flow-mapa[data-estilo="tecnico"] .fx-fnode::after{ bottom:-7px; right:-6px; }
.fx-flow-mapa[data-estilo="adesivo"] .fx-fnode{
border-radius:2px 2px 8px 2px;
border:1px solid color-mix(in srgb, var(--fx-no-cor, var(--fx)) 55%, transparent);
background:color-mix(in srgb, var(--fx-no-cor, var(--fx)) 8%, var(--surface-1) 92%);
clip-path:polygon(0 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%);
box-shadow:0 10px 20px -8px rgba(3,16,38,.35), 0 2px 4px rgba(3,16,38,.15);
transform:rotate(-1.6deg);
transition:transform .15s ease, box-shadow .15s ease;
}
.fx-flow-mapa[data-estilo="adesivo"] .fx-fnode:nth-of-type(even){ transform:rotate(1.3deg); }
.fx-flow-mapa[data-estilo="adesivo"] .fx-fnode:hover,
.fx-flow-mapa[data-estilo="adesivo"] .fx-fnode:focus-within{ transform:rotate(0deg); }
.fx-flow-mapa[data-estilo="adesivo"] .fx-fnode::after{
content:''; position:absolute; bottom:0; right:0; width:14px; height:14px;
background:linear-gradient(135deg, transparent 50%, rgba(3,16,38,.18) 50%);
pointer-events:none;
}
@media (min-width: 1001px){
.wfp-rotulo{ flex-basis:760px; }
}
.wf-b-tarefa.bloqueada{
background-image:repeating-linear-gradient(45deg,
rgba(179,38,30,.22) 0 5px, transparent 5px 10px) !important;
outline:1px solid rgba(179,38,30,.5); outline-offset:-1px;
}
.wfp-tarefas{ position:relative; }
.wfp-setas{
position:absolute; left:0; top:0; z-index:2;
pointer-events:none; overflow:visible;
}
.wf-minipop-mais{ width:270px; }
.wf-mp-bloco{ display:flex; flex-direction:column; gap:4px; margin-bottom:9px; }
.wf-mp-bloco > span{
font-size:10px; font-weight:800; letter-spacing:.07em; text-transform:uppercase;
color:var(--text-muted);
}
.wf-mp-bloco select, .wf-mp-bloco textarea{
width:100%; box-sizing:border-box; font:inherit; font-size:12.5px;
padding:7px 9px; border-radius:8px;
border:1px solid var(--border); background:var(--surface-1);
color:var(--text-primary);
}
.wf-mp-bloco textarea{ resize:vertical; min-height:56px; line-height:1.45; }
.wf-mp-check{ display:flex; align-items:center; gap:7px; margin:0 0 11px; font-size:12.5px; cursor:pointer; }
.wf-mp-check input{ margin:0; }
.wf-minipop-prog{ width:220px; }
.wf-prog-linha{ display:flex; align-items:center; gap:9px; margin:4px 0 10px; }
.wf-prog-linha input[type=range]{ flex:1; min-width:0; accent-color:var(--green); }
.wf-prog-num{
width:56px; box-sizing:border-box; font:inherit; font-size:12.5px; text-align:center;
padding:5px 4px; border-radius:7px; border:1px solid var(--border); background:var(--surface-1);
}
@media (max-width: 1000px){
}
.vnt-palco:has(form .form-section){
background:linear-gradient(180deg, color-mix(in srgb, var(--green, #84BC25) 8%, #F1F3F6) 0, #F1F3F6 340px);
}
.vnt-palco:has(form .form-section) .main-inner > form,
.vnt-palco:has(form .form-section) .main-inner > .page-head,
.vnt-palco:has(form .form-section) .main-inner > .form-intro,
.vnt-palco:has(form .form-section) .main-inner > .alert{ max-width:980px; margin-left:auto; margin-right:auto; }
form{ counter-reset:vnt-secao; }
.form-section{
background:#fff; border:1px solid #DDE1E7; border-radius:22px;
box-shadow:0 1px 2px rgba(17,19,21,.04), 0 10px 28px -18px rgba(17,19,21,.22);
padding:24px 28px 26px;
}
.form-section:hover{ box-shadow:0 1px 2px rgba(17,19,21,.04), 0 12px 30px -18px rgba(17,19,21,.28); }
.form-section > h3{
display:flex; align-items:center; gap:12px;
font-size:18px; font-weight:600; letter-spacing:-.01em; color:var(--text-primary);
margin:0; padding-bottom:16px; border-bottom:1px solid #EDEFF2;
}
form .form-section > h3::before{
counter-increment:vnt-secao; content:counter(vnt-secao);
display:grid; place-items:center; flex:none;
width:30px; height:30px; border-radius:10px 10px 0 10px;
background:var(--green, #84BC25); color:#fff;
font-size:14px; font-weight:700; letter-spacing:0;
}
.form-section > h3 + .desc{ margin:12px 0 0; }
.form-section > .desc{ font-size:13.5px; line-height:1.5; color:var(--text-secondary); }
.form-section > h3 + .form-grid-2, .form-section > h3 + .form-grid-3,
.form-section > h3 + .form-grid-4, .form-section > h3 + .field,
.form-section > .desc + .form-grid-2, .form-section > .desc + .form-grid-3,
.form-section > .desc + .form-grid-4, .form-section > .desc + .field{ margin-top:20px; }
.form-section label.field-label, .form-section .field-label{
font-size:13.5px; font-weight:600; letter-spacing:0; text-transform:none;
color:var(--text-primary); margin-bottom:7px;
}
.form-section label.field-label small{ font-weight:400; color:var(--text-muted); }
.form-section .field-hint{ font-size:12.5px; color:var(--text-muted); }
.form-section input[type=text], .form-section input[type=email], .form-section input[type=password],
.form-section input[type=date], .form-section input[type=datetime-local], .form-section input[type=time],
.form-section input[type=number], .form-section input[type=search], .form-section input[type=tel],
.form-section input[type=url], .form-section select, .form-section textarea{
background-color:#F4F6F9; border:1.5px solid #D9DEE5; border-radius:12px;
font-size:14.5px; color:var(--text-primary); box-shadow:none;
}
.form-section input[type=text], .form-section input[type=email], .form-section input[type=password],
.form-section input[type=date], .form-section input[type=datetime-local], .form-section input[type=time],
.form-section input[type=number], .form-section input[type=search], .form-section input[type=tel],
.form-section input[type=url], .form-section select{ height:46px; }
.form-section input:hover, .form-section select:hover, .form-section textarea:hover{
border-color:color-mix(in srgb, var(--green, #84BC25) 45%, #D9DEE5); background-color:#F7F9FB;
}
.form-section input:focus, .form-section select:focus, .form-section textarea:focus{
outline:none; background-color:#fff; border-color:var(--green, #84BC25);
box-shadow:0 0 0 4px color-mix(in srgb, var(--green, #84BC25) 18%, transparent);
}
.form-section input:disabled, .form-section select:disabled, .form-section textarea:disabled{
background-color:#ECEEF2; border-color:#E2E5EA; color:var(--text-muted); cursor:not-allowed;
}
.form-section input::placeholder, .form-section textarea::placeholder{ color:#9AA1AD; }
form > .form-actions{
position:sticky; bottom:12px; z-index:5;
display:flex; align-items:center; gap:12px;
padding:12px 14px 12px 18px; margin-top:6px;
background:rgba(255,255,255,.94); border:1px solid #DDE1E7; border-radius:18px;
box-shadow:0 14px 34px -16px rgba(17,19,21,.35);
-webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
}
form > .form-actions .btn-primary, form > .form-actions button[type=submit].btn-primary{
padding:12px 26px; font-size:14.5px; font-weight:600;
}
.form-intro{ margin-top:-8px; margin-bottom:20px; max-width:640px; font-size:14.5px; line-height:1.55; color:var(--text-secondary); }
@media (max-width: 640px){
.form-section{ padding:18px 16px 20px; border-radius:18px; }
.form-section > h3{ font-size:16.5px; }
}
html[data-tema="escuro"] .vnt-palco:has(form .form-section){ background:none; }
html[data-tema="escuro"] .form-section{ background:var(--surface-2); border-color:rgba(255,255,255,.08); }
html[data-tema="escuro"] .form-section > h3{ border-bottom-color:rgba(255,255,255,.08); }
html[data-tema="escuro"] .form-section input, html[data-tema="escuro"] .form-section select,
html[data-tema="escuro"] .form-section textarea{ background-color:rgba(255,255,255,.05); border-color:rgba(255,255,255,.14); color:var(--text-primary); }
html[data-tema="escuro"] form > .form-actions{ background:var(--surface-2); border-color:rgba(255,255,255,.08); }
.tg, .gcal-mes, .prg{ border:2px solid var(--green) !important; }
.tg-cabecalho{ --cab-linha:color-mix(in srgb, var(--green) 84%, #000); background:var(--green); border-bottom:1px solid var(--cab-linha) !important; }
.tg-cabecalho .tg-dia-head{ border-left-color:var(--cab-linha); }
.tg-cabecalho .tg-dia-sem, .tg-cabecalho .tg-dia-num,
.tg-cabecalho .tg-dia-head.hoje .tg-dia-sem{ color:#fff; }
.tg-cabecalho .tg-dia-head.hoje .tg-dia-num{ background:#fff; color:var(--green); }
.gcal-wd{ background:var(--green); color:#fff; border-bottom-color:color-mix(in srgb, var(--green) 84%, #000); }
.minical, .tg, .gcal-mes, .prg, .ev-popover{ border-radius:16px 16px 0 16px !important; }
.ev-editor{ border-radius:18px 18px 0 18px !important; }
.btn-criar{ border-radius:18px 18px 0 18px; }
.cal-nav a[data-nav="anterior"], .cal-nav a[data-nav="proxima"]{
display:inline-flex; align-items:center; justify-content:center;
width:34px; height:34px; padding:0 !important; line-height:1; vertical-align:middle;
}
.tg, .gcal-mes, .prg{
border-color:var(--secao, #6E3FFF) !important;
box-shadow:0 0 0 1.5px var(--secao, #6E3FFF), 0 0 20px 2px rgba(110,63,255,.35) !important;
}
.wfm-overlay{ background:rgba(11,18,38,.55); backdrop-filter:blur(5px); }
.wfm-caixa{
width:min(1120px, 100%); padding:0 0 26px; border-radius:26px 26px 0 26px; background:#F6F5FF;
border:1.5px solid var(--secao, #6E3FFF) !important;
box-shadow:0 0 0 1.5px var(--secao, #6E3FFF), 0 0 26px 3px rgba(110,63,255,.4), 0 30px 70px -30px rgba(11,18,38,.6) !important;
}
.wfm-cabeca{
position:relative; margin:0 0 18px; padding:24px 28px 22px; color:#fff; overflow:hidden;
background:
radial-gradient(420px 220px at 92% -20%, rgba(88,140,255,.55), transparent 70%),
linear-gradient(118deg, #0B1226 0%, #141C52 38%, #3A2CC7 76%, #6E3FFF 100%);
}
.wfm-cabeca h2{ color:#fff; font-size:24px; font-weight:650; }
.wfm-cabeca p{ color:#D6D3FF; font-size:13.5px; }
.wfm-cabeca p b{ color:#fff; }
.wfm-cabeca .wfm-fechar{ color:#fff; border-color:rgba(255,255,255,.3); background:rgba(255,255,255,.1); border-radius:10px 10px 0 10px; }
.wfm-cabeca .wfm-fechar:hover{ background:rgba(255,255,255,.22); color:#fff; }
.wfm-caixa > :not(.wfm-cabeca){ margin-left:24px; margin-right:24px; }
.wfm-exemplo{
height:112px; padding:6px 8px; border-radius:12px 12px 0 12px; border:0 !important;
background:linear-gradient(180deg, #FAF9FF, #F1F4FF) !important; display:flex; align-items:center; justify-content:center;
}
.wfm-exemplo svg{ display:block; width:100%; height:100%; }
@media (max-width: 1000px){  }
@media (max-width: 600px){  .wfm-caixa > :not(.wfm-cabeca){ margin-left:14px; margin-right:14px; } }
.wfm-exemplo{ height:auto !important; aspect-ratio:280 / 118; padding:4px 6px; }
.alert{ width:fit-content; max-width:100%; padding:7px 8px 7px 14px; gap:10px; font-weight:600; font-size:13px;
border-radius:12px 12px 0 12px; border-left-width:4px !important; margin-bottom:12px; }
.alert-sucesso{ background:color-mix(in srgb, var(--green) 14%, #fff); color:color-mix(in srgb, var(--green) 72%, #000);
border-color:color-mix(in srgb, var(--green) 30%, #fff); border-left-color:var(--green); }
.alert-erro{ border-left-color:#C4372F; }
button.alert-x{ flex:none; width:24px; height:24px; padding:0; margin:0; display:grid; place-items:center; cursor:pointer;
border:0; border-radius:7px 7px 0 7px; background:transparent; box-shadow:none; color:inherit; opacity:.65; font-size:12px; }
button.alert-x:hover{ opacity:1; background:rgba(0,0,0,.07); box-shadow:none; }
.alert-desfazer{ margin-left:6px; }
.wfp-menu{ position:relative; }
.wfp-menu > summary{ list-style:none; cursor:pointer; }
.wfp-menu > summary::-webkit-details-marker{ display:none; }
@media (max-width: 900px){
}
@media (max-width: 800px){  }
@keyframes wfe-entra{ from{ opacity:0; transform:translateY(8px) scale(.98); } to{ opacity:1; transform:none; } }
@media (max-width:560px){
}
.fx-est-pop{ width:372px; padding:14px; border-radius:18px 18px 0 18px; border-color:#E1DDF3;
box-shadow:0 0 0 1px rgba(124,92,255,.25), 0 22px 44px -18px rgba(11,14,40,.4); }
.fx-est-tit{ font-size:14px; font-weight:700; color:var(--text-primary); letter-spacing:0; margin-bottom:2px; }
.fx-est-sub{ font-size:12px; color:var(--text-muted); margin-bottom:12px; }
.fx-est-grade{ grid-template-columns:repeat(3, 1fr); gap:9px; }
.fx-est-opc{ padding:10px 8px 8px; border-radius:12px 12px 0 12px; background:#fff; border-color:#ECE9F8; box-shadow:none; transition:border-color .12s, transform .12s; }
.fx-est-opc:hover{ border-color:#B9ABFF; transform:translateY(-1px); background:#fff; }
.fx-est-opc.fx-est-atual{ border-color:#6E3FFF; background:#F5F2FF; box-shadow:0 0 0 2px rgba(110,63,255,.18); }
.fx-est-opc.fx-est-atual .fx-est-nome{ color:#6E3FFF; }
.fx-est-amostra{ height:40px; display:flex; flex-direction:column; justify-content:center; gap:5px; padding:0 10px; box-sizing:border-box; }
.fx-est-amostra i{ display:block; height:4px; border-radius:3px; background:rgba(19,24,41,.22); }
.fx-est-amostra i + i{ width:62%; opacity:.7; }
.fx-est-a-bloco i, .fx-est-a-degrade i{ background:rgba(255,255,255,.75); }
.fx-est-amostra.fx-est-a-casa{ border-radius:12px 12px 0 12px; border-color:color-mix(in srgb, var(--green) 60%, transparent);
background:color-mix(in srgb, var(--green) 12%, #fff); box-shadow:0 6px 12px -8px var(--green); }
.fx-est-amostra.fx-est-a-degrade{ border:0; border-radius:10px; background:linear-gradient(135deg, color-mix(in srgb, var(--green) 80%, #fff), var(--green) 50%, color-mix(in srgb, var(--green) 75%, #000)); }
.fx-est-amostra.fx-est-a-suave{ border:0; border-radius:14px; background:color-mix(in srgb, var(--green) 16%, #fff); box-shadow:0 6px 12px -9px color-mix(in srgb, var(--green) 70%, #000); }
.fx-est-amostra.fx-est-a-faixa{ border:1px solid var(--border); border-left:6px solid var(--green); border-radius:5px 10px 10px 5px; background:#fff; }
.fx-est-amostra.fx-est-a-neon{ border-color:var(--green); border-radius:10px; background:#fff;
box-shadow:0 0 0 1px color-mix(in srgb, var(--green) 30%, transparent), 0 0 12px color-mix(in srgb, var(--green) 60%, transparent); }
.fx-flow-mapa[data-estilo="casa"] .fx-fnode, .nt-mapa[data-estilo="casa"] .nt-card{
border-radius:18px 18px 0 18px; border:1.5px solid color-mix(in srgb, var(--fx-no-cor, var(--fx)) 60%, transparent) !important;
background:color-mix(in srgb, var(--fx-no-cor, var(--fx)) 11%, var(--surface-1)) !important;
box-shadow:0 12px 24px -18px var(--fx-no-cor, var(--fx));
}
.fx-flow-mapa[data-estilo="suave"] .fx-fnode, .nt-mapa[data-estilo="suave"] .nt-card{
border:1.5px solid transparent !important; border-radius:20px;
background:color-mix(in srgb, var(--fx-no-cor, var(--fx)) 16%, var(--surface-1)) !important;
box-shadow:0 10px 22px -16px color-mix(in srgb, var(--fx-no-cor, var(--fx)) 70%, black);
}
.fx-flow-mapa[data-estilo="faixa"] .fx-fnode, .nt-mapa[data-estilo="faixa"] .nt-card{
border:1px solid var(--border) !important; border-left:6px solid var(--fx-no-cor, var(--fx)) !important;
border-radius:6px 14px 14px 6px; background:var(--surface-1) !important;
box-shadow:0 6px 16px -10px rgba(3,16,38,.35);
}
.fx-flow-mapa[data-estilo="neon"] .fx-fnode, .nt-mapa[data-estilo="neon"] .nt-card{
border:1.5px solid var(--fx-no-cor, var(--fx)) !important; border-radius:14px; background:var(--surface-1) !important;
box-shadow:0 0 0 1px color-mix(in srgb, var(--fx-no-cor, var(--fx)) 25%, transparent),
0 0 14px color-mix(in srgb, var(--fx-no-cor, var(--fx)) 55%, transparent),
0 0 30px -6px color-mix(in srgb, var(--fx-no-cor, var(--fx)) 45%, transparent);
}
.fx-flow-mapa[data-estilo="degrade"] .fx-fnode, .nt-mapa[data-estilo="degrade"] .nt-card{
border:0 !important; border-radius:16px;
background:linear-gradient(145deg, color-mix(in srgb, var(--fx-no-cor, var(--fx)) 78%, white), var(--fx-no-cor, var(--fx)) 48%, color-mix(in srgb, var(--fx-no-cor, var(--fx)) 76%, black)) !important;
box-shadow:0 12px 24px -14px color-mix(in srgb, var(--fx-no-cor, var(--fx)) 80%, black);
}
.wfp[data-ferramenta]{ --fx:#6E3FFF; --vx-borda:#E6E1FF; --vx-tinta:#4B3BB8; }
.wfp[data-ferramenta="cep"], .wfp[data-ferramenta="w5h2"], .wfp[data-ferramenta="scrum"]{ --fx:#2F6BFF; }
.wfp[data-ferramenta="fluxograma"]{ --fx:#42506B; }
.wfp[data-ferramenta] .fx-raiz :is(.fx-cartao, .fx-tab, .fx-s5, .fx-kr, .fx-di-item, .fx-scrum-cfg, .fx-lista)
:is(input[type="text"], input:not([type]), input[type="number"], input[type="date"], input[type="time"], textarea, select){
border:1px solid #E1DCF7; border-radius:12px 12px 0 12px; background:#fff; box-shadow:none;
}
.wfp[data-ferramenta] .fx-raiz :is(input, textarea, select):focus{
border-color:#6E3FFF !important; box-shadow:0 0 0 3px rgba(110,63,255,.14) !important; outline:none;
}
@media (max-width: 900px){
}
@media (max-width: 560px){
}
html[data-tema="escuro"] .wfp[data-ferramenta] .fx-raiz :is(input, textarea, select){ background:var(--surface-2); color:var(--text-primary); border-color:var(--border); }
.wfp[data-ferramenta="gantt"] .wfp-rotulo{ background:#fff; border-right-color:#ECE9F8; }
.wfp[data-ferramenta="gantt"] .wfp-cabecalho .wfp-rotulo{ background:#F6F3FF; }
.wfp[data-ferramenta="gantt"] .wfp-cabecalho .wfp-rotulo > span{ color:#6B5FB5; }
.wfp[data-ferramenta="gantt"] .wfp-cabecalho .wfp-tempo{ background:linear-gradient(118deg, #4B3BB8 0%, #6E3FFF 55%, #2F6BFF 100%); }
.wfp[data-ferramenta="gantt"] .wfp-meses{ border-bottom-color:rgba(255,255,255,.25); }
.wfp[data-ferramenta="gantt"] .wfp-meses span{ color:rgba(255,255,255,.88); border-right-color:rgba(255,255,255,.25); }
.wfp[data-ferramenta="gantt"] .wfp-dias span, .wfp[data-ferramenta="gantt"] .wfp-dias.largo span{ border-left-color:rgba(255,255,255,.22); }
.wfp[data-ferramenta="gantt"] .wfp-dias b{ color:#fff; }
.wfp[data-ferramenta="gantt"] .wfp-dias small{ color:rgba(255,255,255,.72); }
.wfp[data-ferramenta="gantt"] .wfp-dias .hj{ background:rgba(255,255,255,.12); }
.wfp[data-ferramenta="gantt"] .wfp-dias:not(.largo) .hj b{ display:inline-flex; align-items:center; justify-content:center; width:19px; height:19px; border-radius:50%; background:#fff; color:#6E3FFF; }
.wfp[data-ferramenta="gantt"] .wfp-dias.largo .hj b{ color:#fff; text-decoration:underline; text-underline-offset:3px; }
.wfp[data-ferramenta="gantt"] .wfp-hoje{ background:#FF7A59; }
.wfp[data-ferramenta="gantt"] .wfp-faixa{ background-image:linear-gradient(90deg, rgba(110,63,255,.12) 1px, transparent 1px); }
.wfp[data-ferramenta="gantt"] .wfp-linha, .wfp[data-ferramenta="gantt"] .wfp-tarefas [data-reorder-item]{ border-bottom-color:#F0EDFB; }
.wfp[data-ferramenta="gantt"] .wfp-linha:not(.wfp-cabecalho):hover{ background:rgba(110,63,255,.04); }
.wfp[data-ferramenta="gantt"] .wfp-linha:not(.wfp-cabecalho):hover .wfp-rotulo{ background:#F9F7FF; }
.wfp[data-ferramenta="gantt"] .wf-b-tarefa{ border-radius:10px 10px 0 10px; box-shadow:0 8px 18px -10px rgba(59,44,199,.55), inset 0 0 0 1px rgba(19,24,41,.06); }
.wfp[data-ferramenta="gantt"] .wf-b-passado{ border-radius:10px 0 0 10px; }
.wfp[data-ferramenta="gantt"] .wf-b-tarefa.ok .wf-b-passado{ border-radius:10px 10px 0 10px; }
.wfp[data-ferramenta="gantt"] .wf-b-tarefa.atrasada{ outline-color:#FF7A59; }
.wfp[data-ferramenta="gantt"] button.wfp-check{ border-radius:10px 10px 0 10px; }
.wfp[data-ferramenta="gantt"] button.wfp-check:hover{ border-color:#6E3FFF; }
.wfp[data-ferramenta="gantt"] button.wfp-check.marcado{ background:#F1EEFF; border-color:#6E3FFF; color:#4B3BB8; }
.wfp[data-ferramenta="gantt"] button.wfp-check.marcado i{ background:linear-gradient(135deg, #6E3FFF, #2F6BFF); }
html[data-tema="escuro"] .wfp[data-ferramenta="gantt"] .wfp-rotulo{ background:var(--surface-2); border-right-color:var(--border); }
html[data-tema="escuro"] .wfp[data-ferramenta="gantt"] .wfp-cabecalho .wfp-rotulo{ background:var(--surface-1); }
body.wfp-tela-cheia .main-inner > :not(.wfp):not(script):not(style){ display:none !important; }
.wfp.wfp-foco{
position:fixed; z-index:80; top:var(--foco-t, 0); left:var(--foco-l, 0); right:var(--foco-r, 0); bottom:0;
display:flex; flex-direction:column; min-height:0; margin:0; overflow:hidden;
border-radius:16px 0 0 0;
background:
radial-gradient(900px 340px at 8% -90px, rgba(110,63,255,.13), transparent 70%),
radial-gradient(800px 320px at 96% -70px, rgba(47,107,255,.11), transparent 70%),
linear-gradient(180deg, #F8F7FF 0%, #F2F4FF 100%);
}
.wfp.wfp-foco > .wfp-cab, .wfp.wfp-foco .wfp-abas, .wfp.wfp-foco [data-wf-toggle]{ display:none !important; }
.wfp-foco-barra{
position:absolute; top:10px; right:14px; z-index:6; display:flex; align-items:center; gap:6px; flex-wrap:wrap; justify-content:flex-end;
max-width:calc(100% - 28px); padding:5px 5px 5px 8px; border-radius:14px 14px 0 14px;
background:rgba(255,255,255,.94); border:1px solid #E6E1FF; box-shadow:0 12px 28px -16px rgba(59,44,199,.5);
-webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.wfp-foco-barra form.filtros{ margin:0 !important; display:flex; gap:6px; flex-wrap:wrap; }
.wfp-foco-barra .fx-acoes-topo, .wfp-foco-barra .fx-zoom-grupo{ display:inline-flex; align-items:center; gap:4px; }
.wfp-foco-barra button.wfp-foco-sair{
flex:none; display:grid; place-items:center; width:34px; height:34px; padding:0; cursor:pointer; border:0;
border-radius:10px 10px 0 10px; background:linear-gradient(118deg, #3A2CC7, #6E3FFF) !important; color:#fff !important;
box-shadow:0 8px 18px -10px rgba(59,44,199,.8);
}
.wfp-foco-barra button.wfp-foco-sair:hover{ filter:brightness(1.1); }
html[data-tema="escuro"] .wfp.wfp-foco{ background:var(--surface-0, #0E1120); }
html[data-tema="escuro"] .wfp-foco-barra{ background:var(--surface-1); border-color:var(--border); }
@media (max-width: 700px){
.wfp.wfp-foco{ border-radius:0; }
}
.vnt-area:has(.wfp.wfp-foco){ --folha:#F8F7FF; }
.vnt-area:has(.wfp.wfp-foco) > .vnt-palco{ background:#F8F7FF; }
.wfp.wfp-foco{ background:linear-gradient(180deg, #F8F7FF 0%, #F2F4FF 100%); }
.wfp.wfp-foco .wfp-gantt{ flex:1 1 auto; min-height:0; overflow:auto; }
html[data-tema="escuro"] .vnt-area:has(.wfp.wfp-foco){ --folha:var(--surface-0, #0E1120); }
html[data-tema="escuro"] .vnt-area:has(.wfp.wfp-foco) > .vnt-palco{ background:var(--surface-0, #0E1120); }
.wfp.wfp-foco .wfp-gantt{ padding-top:56px; }
.fx-proj-selo{
position:absolute; top:-26px; left:8px; z-index:5; max-width:62%;
display:inline-flex; align-items:center; gap:5px; height:23px; padding:0 9px 0 6px;
border-radius:8px 8px 0 8px; background:var(--c, #6E3FFF); color:#fff !important; text-decoration:none !important;
font-size:11px; font-weight:700; letter-spacing:.01em; white-space:nowrap;
box-shadow:0 0 0 2px #fff, 0 6px 14px -6px rgba(11,18,38,.45);
}
.fx-proj-selo svg{ width:13px; height:13px; flex:none; }
.fx-proj-selo span{ overflow:hidden; text-overflow:ellipsis; }
.fx-proj-selo:hover{ filter:brightness(1.08); }
.fx-lb-ok{ display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center; margin:4px 0 18px; }
.fx-lb-ok b{ font-size:16px; }
.fx-lb-ok > span:last-child{ font-size:13px; color:var(--text-secondary, #59607A); }
@media (max-width:560px){  }
.tg{ background:#fff !important; -webkit-backdrop-filter:none; backdrop-filter:none; }
.tg-scroll, .tg-alldia{ background:#fff; }
.tg-slot{ border-top-color:#F0EEF8; }
.tg-slot:hover{ background:rgba(110,63,255,.05); }
.tg-col{ border-left-color:#EEEBF8; }
.tg-col.hoje{ background:linear-gradient(180deg, rgba(110,63,255,.06), rgba(110,63,255,.025)); }
.tg-hora{ font-size:10.5px; font-weight:600; color:#9A97B5; }
.tg-horas{ background:#FCFBFF; border-right:1px solid #EEEBF8; }
.tg-col-fechada{ background:repeating-linear-gradient(135deg, #FAF9FE 0 8px, #F6F4FC 8px 16px); }
.tg-alldia{ border-bottom-color:#EEEBF8 !important; }
.vnt-faixa-teste{
justify-content:center; gap:12px; padding:0 16px; font-size:13px; font-weight:600; letter-spacing:.01em;
background:
radial-gradient(420px 60px at 50% 0%, rgba(255,255,255,.22), transparent 70%),
linear-gradient(90deg, #6FA51B 0%, var(--vnt-verde, #84BC25) 30%, var(--vnt-verde, #84BC25) 70%, #6FA51B 100%);
box-shadow:inset 0 -1px 0 rgba(0,0,0,.08);
}
.vnt-faixa-teste-txt{ flex:none; }
.vnt-faixa-dias{
flex:none; display:inline-flex; align-items:baseline; gap:5px; height:24px; padding:0 11px;
border-radius:9px 9px 0 9px; background:#fff; color:#3F6B0A;
box-shadow:0 4px 12px -4px rgba(30,60,0,.45), inset 0 -2px 0 rgba(63,107,10,.12);
line-height:24px;
}
.vnt-faixa-dias b{ font-size:16px; font-weight:800; letter-spacing:-.01em; }
.vnt-faixa-dias span{ font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.vnt-faixa-teste .vnt-faixa-teste-conta{ margin-left:6px; padding:3px 12px; font-weight:700; border-radius:9px 9px 0 9px; }
@media (max-width:640px){
.vnt-faixa-teste{ gap:8px; font-size:12px; }
.vnt-faixa-dias{ height:22px; line-height:22px; padding:0 9px; }
.vnt-faixa-dias b{ font-size:14px; }
}
.tg, .gcal-mes, .prg{
border:0 !important;
box-shadow:0 1px 3px rgba(11,18,38,.06), 0 10px 28px -8px rgba(11,18,38,.16), 0 28px 60px -24px rgba(11,18,38,.20) !important;
}
@media (min-width: 1001px){
.vnt-conteudo:has(.tg), .vnt-conteudo:has(.gcal-mes), .vnt-conteudo:has(.prg){ padding-bottom:0 !important; }
.tg, .gcal-mes, .prg{
border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important; margin-bottom:0 !important;
clip-path:inset(-60px -60px 0 -60px);
}
}
.agenda-lateral{ width:232px; gap:12px; }
.agenda-lateral > .minical, .agenda-lateral > .minical-lista{ margin-top:0 !important; }
.cal-nav.ag-painel{
display:flex; flex-direction:column; align-items:stretch; gap:10px; margin:0; padding:12px;
background:#fff; border:1px solid #ECE9F8; border-radius:16px 16px 0 16px;
box-shadow:0 1px 3px rgba(11,18,38,.05), 0 10px 24px -14px rgba(11,18,38,.18);
}
.ag-painel .btn-criar{ display:flex; justify-content:center; align-items:center; gap:6px; width:100%; margin:0; padding:10px 14px;
font-size:14px; font-weight:700; }
.ag-painel-nav{ display:flex; align-items:center; gap:6px; }
.ag-painel-nav a[data-nav="hoje"]{ flex:1; justify-content:center; text-align:center; padding:7px 10px !important;
border:1px solid #E1DDF3 !important; border-radius:10px 10px 0 10px; font-weight:650; }
.ag-painel-nav a[data-nav="anterior"], .ag-painel-nav a[data-nav="proxima"]{ border:1px solid #E1DDF3; border-radius:10px 10px 0 10px; }
.ag-painel .mes{ display:block; padding:2px 2px 0; font-size:15px; font-weight:700; letter-spacing:-.01em; text-align:center; }
.ag-painel #btFundoDia{ width:100%; justify-content:center; font-size:12.5px; padding:7px 10px; border:1px solid #E1DDF3; border-radius:10px 10px 0 10px; }
@media (max-width: 1000px){
.agenda-lateral{ display:contents; }
.cal-nav.ag-painel{ order:0; }
.agenda-principal{ order:1; }
.agenda-lateral > :not(.ag-painel){ order:2; }
.cal-nav.ag-painel{ display:grid; grid-template-columns:1fr auto; }
.ag-painel .btn-criar{ grid-column:1 / -1; }
}
.ag-lat-linha{ display:flex; align-items:center; gap:2px; margin:0 0 5px; padding:2px; border-radius:10px;
border:1px solid color-mix(in srgb, var(--c, #8A93A8) 38%, transparent);
background:color-mix(in srgb, var(--c, #8A93A8) 5%, #fff); }
.ag-lat-linha:last-child{ margin-bottom:0; }
.ag-lat-linha:hover{ border-color:color-mix(in srgb, var(--c, #8A93A8) 60%, transparent); }
.wfp[data-ferramenta="gantt"] .wf-b-tarefa{ border-radius:10px !important; }
.wfp[data-ferramenta="gantt"] .wf-b-passado{ border-radius:10px 0 0 10px !important; }
.wfp[data-ferramenta="gantt"] .wf-b-tarefa.ok .wf-b-passado{ border-radius:10px !important; }
.vnt-faixa-teste.vnt-faixa-atraso{
background:linear-gradient(90deg, #A92E27 0%, #C4372F 30%, #C4372F 70%, #A92E27 100%);
}
.vnt-faixa-atraso .vnt-faixa-teste-txt{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:0 1 auto; }
.gia .gia-caixa{
position:relative; max-width:560px; width:100%; display:flex; align-items:flex-end; gap:6px;
padding:0; overflow:hidden; border-radius:22px 22px 0 22px; background:#fff;
border-top:4px solid var(--gia-cor, var(--green));
}
.gia-pessoa{ flex:none; width:150px; align-self:flex-end; margin:0 -6px 0 6px; }
.gia-corpo{ flex:1; padding:22px 22px 18px 8px; display:flex; flex-direction:column; min-height:230px; }
.gia-quem{ margin:0 0 8px; font-size:11.5px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:var(--gia-cor, var(--green)); }
.gia-titulo{ margin:0 0 8px; font-size:19px; font-weight:800; letter-spacing:-.02em; color:var(--vnt-navy, #0B1226); }
.gia-texto{ margin:0; font-size:14.5px; line-height:1.55; color:var(--text-secondary); }
.gia-pe{ margin-top:auto; padding-top:18px; display:flex; align-items:center; gap:10px; }
.gia-pontos{ display:flex; gap:6px; margin-right:auto; }
.gia-pontos i{ width:8px; height:8px; border-radius:50%; background:var(--border-strong, #CDD3DC); }
.gia-pontos i.on{ background:var(--gia-cor, var(--green)); }
.gia .gia-caixa{ max-width:720px; flex-direction:row; align-items:stretch; }
.gia-lado{ flex:none; width:200px; display:flex; align-items:flex-end; justify-content:center;
background:radial-gradient(180px 200px at 50% 100%, color-mix(in srgb, var(--ac, #84BC25) 22%, transparent), transparent 75%); }
.gia .gia-pessoa{ width:190px; margin:0; }
.gia .gia-corpo{ padding:22px 22px 18px 18px; }
.gia .pv-sem-pessoa{ display:grid; place-items:center; width:120px; height:120px; margin:0 0 40px; border-radius:30px 30px 0 30px;
color:var(--ac); background:color-mix(in srgb, var(--ac) 14%, transparent); }
.gia .pv-sem-pessoa svg{ width:64px; height:64px; }
.gia-lista{ list-style:none; margin:4px 0 0; padding:0; display:flex; flex-direction:column; gap:10px; }
.gia-lista li{ display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:14px 14px 0 14px; background:#F6F7F9; }
.gia-n{ flex:none; width:28px; height:28px; border-radius:50%; display:grid; place-items:center; font-size:13px; font-weight:800; color:var(--at, #fff); background:var(--ac, #84BC25); }
.gia-item{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.gia-item b{ font-size:14.5px; color:var(--vnt-navy, #0B1226); }
.gia-item span{ font-size:13px; line-height:1.4; color:var(--text-secondary); }
.gia-ir{ flex:none; display:inline-flex; gap:5px; padding:8px 12px; border-radius:10px 10px 0 10px; font-size:13px; font-weight:800;
text-decoration:none !important; color:var(--at, #fff) !important; background:var(--ac, #84BC25); white-space:nowrap; }
.gia-pe .gia-pular{ margin-right:auto; }
.gia button.gia-prox{ color:var(--at, #fff) !important; background:var(--ac, var(--green)) !important; border-color:var(--ac, var(--green)) !important; }
@media (max-width:620px){
.gia-lado{ display:none; }
.gia-corpo{ padding:20px 16px 14px; }
.gia-lista li{ flex-wrap:wrap; }
}
.gia-pular{ border:0; background:none; font:inherit; font-size:13.5px; color:var(--text-secondary); cursor:pointer; padding:8px 6px; }
.gia-pular:hover{ color:var(--text-primary); text-decoration:underline; }
.gia .gia-prox{ border-radius:12px 12px 0 12px; background:var(--gia-cor, var(--green)); border-color:var(--gia-cor, var(--green)); }
@media (max-width:520px){
.gia-pessoa{ width:96px; }
.gia-corpo{ padding:18px 16px 14px 4px; min-height:0; }
.gia-titulo{ font-size:17px; }
}
.assin-previa{
display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px; margin:0 0 18px; padding:10px 16px;
border-radius:14px 14px 0 14px; font-size:13px; line-height:1.4; color:#5B3B00;
background:repeating-linear-gradient(135deg, #FFF4D6 0 14px, #FFEDC2 14px 28px); border:1px dashed #D9A12B;
}
.assin-previa b{ padding:2px 10px; border-radius:999px; background:#5B3B00; color:#fff; font-size:12px; letter-spacing:.08em; }
.assin-previa-links{ display:flex; flex-wrap:wrap; gap:6px 12px; margin-left:auto; }
.assin-previa-links a{ color:#5B3B00; font-weight:700; text-decoration:none; }
.assin-previa-links a[aria-current]{ text-decoration:underline; }
.vcard{
position:relative; overflow:hidden; isolation:isolate; display:flex; flex-direction:column; justify-content:space-between;
width:300px; max-width:100%; aspect-ratio:1.586; padding:16px 18px 14px; box-sizing:border-box;
border-radius:18px 18px 0 18px; color:#fff; font-variant-numeric:tabular-nums;
background:
radial-gradient(240px 160px at 100% 0%, rgba(255,255,255,.22), transparent 62%),
radial-gradient(260px 180px at 0% 110%, rgba(132,188,37,.28), transparent 65%),
linear-gradient(135deg, #24305A 0%, #0B1226 70%);
box-shadow:0 18px 36px -18px rgba(3,16,38,.75), inset 0 1px 0 rgba(255,255,255,.18);
}
.vcard-brilho{ position:absolute; inset:0; z-index:-1; pointer-events:none;
background:repeating-linear-gradient(115deg, rgba(255,255,255,.035) 0 2px, transparent 2px 9px); }
.vcard-topo{ display:flex; align-items:center; gap:10px; }
.vcard-chip{ width:36px; height:27px; border-radius:6px; background:linear-gradient(135deg, #F7D774 0%, #E2B649 45%, #C99A2E 100%);
box-shadow:inset 0 0 0 1px rgba(0,0,0,.18), inset 0 0 0 5px rgba(255,255,255,.08); }
.vcard-nfc{ color:rgba(255,255,255,.7); transform:rotate(0deg); }
.vcard-logo{ margin-left:auto; }
.vcard-logo-visa{ font-size:22px; font-weight:900; font-style:italic; letter-spacing:.02em; color:#fff; }
.vcard-logo-txt{ font-size:15px; font-weight:800; font-style:italic; color:#fff; }
.vcard-num{ font-size:24px; font-weight:700; letter-spacing:.16em; text-shadow:0 2px 6px rgba(0,0,0,.35); }
.vcard-pe{ font-size:12.5px; line-height:1.35; color:rgba(255,255,255,.82); }
.vcard-pe b{ color:#fff; font-weight:800; }
.vcard-pe-ruim{ align-self:flex-start; padding:4px 10px; border-radius:999px; color:#fff; background:#C4372F; font-weight:700; }
.vcard-cancelado{ filter:saturate(.35); opacity:.9; }
@media (max-width:520px){ .vcard{ width:100%; } .vcard-num{ font-size:22px; } }
.vnt-apps-plano{
display:flex; align-items:center; gap:11px; margin-top:12px; padding:10px 12px; border-radius:13px 13px 0 13px;
text-decoration:none !important; color:#fff !important; background:#14161A;
box-shadow:0 8px 18px -12px rgba(20,22,26,.8); transition:transform .15s ease, box-shadow .15s ease;
}
.vnt-apps-plano:hover{ transform:translateY(-1px); box-shadow:0 12px 22px -12px rgba(20,22,26,.9); color:#fff !important; }
.vnt-apps-plano-ico{ position:relative; overflow:hidden; flex:none; width:36px; height:36px; display:grid; place-items:center;
border-radius:10px 10px 0 10px; color:#14161A; background:#fff; }
.vnt-apps-plano-ico::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:4px;
background:linear-gradient(90deg, #AF1010 0 25%, #6E3FFF 25% 50%, #11C4AF 50% 75%, #F26B1D 75% 100%); }
.vnt-apps-plano-txt{ flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.25; }
.vnt-apps-plano-txt b{ font-size:13.5px; font-weight:800; }
.vnt-apps-plano-txt small{ font-size:11.5px; color:rgba(255,255,255,.7); }
.vnt-apps-plano-seta{ font-weight:800; opacity:.8; }
.vcard-cortesia{
background:
radial-gradient(240px 160px at 100% 0%, rgba(255,255,255,.28), transparent 62%),
linear-gradient(135deg, #84BC25 0%, #4E8A12 55%, #24305A 100%);
}
.vcard-presente{ font-size:22px; line-height:1; }
.vcard-num-txt{ font-size:22px; letter-spacing:-.01em; font-weight:800; }
.vcard-cortesia .vcard-pe s{ opacity:.85; }
.vcard-casa .vcard-num{ font-size:20px; letter-spacing:.14em; }
.vcard-titular{ font-size:12px; font-weight:700; letter-spacing:.14em; color:rgba(255,255,255,.92); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.vcard-casa .vcard-pe{ font-size:11.5px; }
.vcard-logo-vnt{ height:18px; width:auto; margin-left:auto; opacity:.95; }
.vcard-casa .vcard-presente{ font-size:18px; margin-left:4px; }
.vcard.vcard-cortesia{
background:
radial-gradient(240px 160px at 100% 0%, rgba(255,255,255,.26), transparent 62%),
radial-gradient(220px 160px at 0% 110%, rgba(255,214,77,.22), transparent 65%),
linear-gradient(135deg, #8CC63F 0%, #4E8A12 52%, #1F4A12 100%);
}
.vcard.vcard-equipe{
background:
radial-gradient(240px 160px at 100% 0%, rgba(255,255,255,.16), transparent 62%),
linear-gradient(135deg, #2E333C 0%, #14161A 72%);
}
.vcard.vcard-equipe::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:5px;
background:linear-gradient(90deg, #AF1010 0 25%, #6E3FFF 25% 50%, #11C4AF 50% 75%, #F26B1D 75% 100%); }
.vnt-apps-grade{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px; padding:12px 0 2px; }
.vnt-app-quadro{ flex-direction:row; align-items:center; gap:9px; padding:10px; border:0; border-radius:12px 12px 0 12px;
background:radial-gradient(120px 80px at 100% 0%, rgba(255,255,255,.2), transparent 65%), var(--cor);
box-shadow:0 8px 16px -12px var(--cor); transition:transform .14s ease, filter .14s ease; }
.vnt-app-quadro:hover{ transform:translateY(-1px); filter:brightness(1.06); border:0;
background:radial-gradient(120px 80px at 100% 0%, rgba(255,255,255,.2), transparent 65%), var(--cor); }
.vnt-app-quadro .vnt-app-ico{ flex:none; width:30px; height:30px; border-radius:9px 9px 0 9px; color:#fff; background:rgba(255,255,255,.2); }
.vnt-app-quadro .vnt-app-ico svg{ width:17px; height:17px; }
.vnt-app-quadro .vnt-app-nome{ font-size:12px; font-weight:800; color:#fff; text-align:left; white-space:normal; line-height:1.2; }
.vnt-apps-grade .vnt-app-quadro{ flex-direction:column; align-items:flex-start; gap:8px; min-height:74px; padding:11px 12px; }
.vnt-apps-grade .vnt-app-quadro .vnt-app-nome{ white-space:normal; overflow:visible; text-overflow:clip; max-width:none; }
.vcard, .vcard.vcard-cortesia, .vcard.vcard-equipe{
background:radial-gradient(240px 160px at 100% 0%, rgba(255,255,255,.16), transparent 62%), linear-gradient(135deg, #2E333C 0%, #14161A 72%);
}
.vcard::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:5px;
background:linear-gradient(90deg, #AF1010 0 25%, #6E3FFF 25% 50%, #11C4AF 50% 75%, #F26B1D 75% 100%); }
.vcard::after{ background:var(--fio, linear-gradient(90deg, #AF1010 0 25%, #6E3FFF 25% 50%, #11C4AF 50% 75%, #F26B1D 75% 100%)); }
.vnt-meio{ display:flex; align-items:center; gap:18px; margin:0 auto; min-width:0; }
.vnt-topo-widget{ width:230px; height:34px; flex:none; }
.vnt-atalhos{ display:flex; align-items:center; gap:8px; margin:0; }
.vnt-atalhos-lista{ display:flex; align-items:center; gap:8px; }
.vnt-atalho{
position:relative; display:inline-flex; align-items:center; justify-content:center; gap:7px;
width:auto; height:34px; min-width:0; padding:0 13px 0 11px; flex:none; cursor:pointer;
border-radius:11px 11px 0 11px; border:1px solid rgba(11,18,38,.11); background:#fff;
color:var(--vnt-navy); font:inherit; font-size:12.5px; font-weight:700; line-height:1; white-space:nowrap;
box-shadow:0 1px 2px rgba(11,18,38,.05); transition:border-color .14s ease, box-shadow .14s ease, transform .14s ease;
}
.vnt-atalho::after{ content:none !important; }
.vnt-atalho:hover{ border-color:rgba(11,18,38,.22); box-shadow:0 4px 12px -6px rgba(11,18,38,.28); background:#fff; color:var(--vnt-navy); }
.vnt-atalho-ico{ display:grid; place-items:center; width:18px; height:18px; color:var(--at-cor, var(--vnt-navy)); }
.vnt-atalho-ico svg{ width:17px; height:17px; }
.vnt-atalho-txt{ display:block; }
.vnt-atalho-tirar{
position:absolute; top:-8px; left:-8px; z-index:2; width:19px; height:19px; border-radius:50%;
display:none; align-items:center; justify-content:center; font-size:15px; font-weight:800; line-height:1;
color:#fff; background:#4B5165; border:1.5px solid #fff; box-shadow:0 2px 6px rgba(15,20,35,.3); cursor:pointer;
}
.vnt-atalho-tirar:hover{ background:#B3261E; }
.vnt-atalho-editar{
display:inline-flex; align-items:center; gap:6px; height:34px; padding:0 12px 0 10px; flex:none; cursor:pointer;
border:0; border-radius:11px 11px 0 11px; background:transparent; color:rgba(11,18,38,.55);
font:inherit; font-size:12.5px; font-weight:700; transition:color .14s ease, background .14s ease;
}
.vnt-atalho-editar svg{ width:15px; height:15px; }
.vnt-atalho-editar:hover{ color:var(--vnt-navy); background:rgba(11,18,38,.05); }
.vnt-atalho-editar::after{ content:none !important; }
.vnt-atalho-add{
display:inline-flex; align-items:center; gap:6px; height:34px; padding:0 13px; flex:none; cursor:pointer;
border:1.5px dashed rgba(11,18,38,.28); border-radius:11px 11px 0 11px; background:rgba(255,255,255,.6);
color:var(--vnt-navy); font:inherit; font-size:12.5px; font-weight:800;
}
.vnt-atalho-add[hidden]{ display:none; }
.vnt-atalho-add span{ font-size:16px; line-height:1; }
.vnt-atalho-add:hover{ border-color:var(--vnt-navy); background:#fff; }
@keyframes vnt-chacoalha{
0%  { transform:rotate(-1.1deg) translate(-.4px, .3px); }
50% { transform:rotate(1.1deg)  translate(.4px, -.3px); }
100%{ transform:rotate(-1.1deg) translate(-.4px, .3px); }
}
.vnt-atalhos.editando .vnt-atalho{ animation:vnt-chacoalha .27s ease-in-out infinite; cursor:grab; }
.vnt-atalhos.editando .vnt-atalho:nth-child(2n){ animation-duration:.31s; animation-delay:-.12s; }
.vnt-atalhos.editando .vnt-atalho:nth-child(3n){ animation-duration:.25s; animation-delay:-.06s; }
.vnt-atalhos.editando .vnt-atalho-tirar{ display:inline-flex; }
.vnt-atalhos.editando .vnt-atalho.arrastando{ opacity:.45; animation:none; }
.vnt-atalhos.editando .vnt-atalho-editar{ color:#fff; background:var(--vnt-navy); }
@media (prefers-reduced-motion: reduce){ .vnt-atalhos.editando .vnt-atalho{ animation:none; } }
@media (max-width:1380px){ .vnt-topo-widget{ width:120px; } }
@media (max-width:1180px){ .vnt-topo-widget{ display:none; } .vnt-atalho-txt{ display:none; } .vnt-atalho{ padding:0 9px; } }
.vpop-neon .vpop-caixa{
border-radius:22px 22px 0 22px;
box-shadow:0 0 0 1.5px var(--neon), 0 0 22px -2px color-mix(in srgb, var(--neon) 55%, transparent),
0 0 70px -10px color-mix(in srgb, var(--neon) 45%, transparent), 0 30px 70px -30px rgba(3,16,38,.65);
}
.vpop-neon .vpop-topo{ position:relative; }
.vpop-neon .vpop-titulo{ display:flex; align-items:center; gap:10px; }
.vpop-neon-ico{ width:34px; height:34px; flex:none; display:grid; place-items:center; border-radius:11px 11px 0 11px;
color:#fff; background:var(--neon); box-shadow:0 6px 14px -6px var(--neon); }
.vpop-neon-ico svg{ width:18px; height:18px; }
.vpop-neon .btn-primary, .vpop-neon button.btn-primary{ background:var(--neon) !important; border-color:var(--neon) !important; color:#fff !important;
border-radius:12px 12px 0 12px; }
.vpop-neon .vpop-pe{ align-items:center; }
.vpop-link-completo{ margin-right:auto; font-size:12.5px; font-weight:700; color:var(--neon) !important; text-decoration:none !important; }
.vpop-link-completo:hover{ text-decoration:underline !important; }
.vpop-erro{ margin:10px 0 0; padding:9px 12px; border-radius:10px; font-size:12.5px; color:#8E1B16; background:#FDECEA; }
.vpop-erro[hidden]{ display:none; }
.vpop-busca-lista{ list-style:none; margin:6px 0 0; padding:0; max-height:200px; overflow:auto; border:1px solid var(--border); border-radius:12px; }
.vpop-busca-lista li{ padding:9px 12px; font-size:13px; cursor:pointer; border-bottom:1px solid var(--border); }
.vpop-busca-lista li:last-child{ border-bottom:0; }
.vpop-busca-lista li:hover, .vpop-busca-lista li.on{ background:color-mix(in srgb, var(--neon) 9%, #fff); }
.vpop-busca-lista li small{ display:block; color:var(--text-muted); font-size:11.5px; }
.vpop-escolhido{ margin-top:8px; padding:10px 12px; border-radius:12px 12px 0 12px; font-size:13px; font-weight:700;
background:color-mix(in srgb, var(--neon) 9%, #fff); border:1px solid color-mix(in srgb, var(--neon) 30%, transparent); }
.vpop-escolhido[hidden]{ display:none; }
.vpop-arquivo{ display:flex; flex-direction:column; align-items:center; gap:8px; padding:22px; border-radius:16px 16px 0 16px;
border:1.5px dashed color-mix(in srgb, var(--neon) 45%, transparent); background:color-mix(in srgb, var(--neon) 5%, #fff); text-align:center; font-size:13px; }
.vpop-arquivo b{ font-size:14px; }
.vnt-aviso-rapido{
position:fixed; left:50%; bottom:28px; z-index:200; transform:translate(-50%, 20px); opacity:0; pointer-events:none;
display:inline-flex; align-items:center; gap:8px; padding:12px 18px; border-radius:14px 14px 0 14px;
font-size:14px; font-weight:800; color:#fff; background:#14161A; box-shadow:0 0 0 1.5px var(--neon, #84BC25), 0 16px 36px -14px rgba(0,0,0,.6);
transition:opacity .2s ease, transform .2s ease;
}
.vnt-aviso-rapido.on{ opacity:1; transform:translate(-50%, 0); }
.vab-grupo{ display:flex; align-items:center; gap:8px; margin:18px 0 10px; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#5B616E; }
.vab-grupo:first-child{ margin-top:0; }
.vab-grupo i{ width:9px; height:9px; border-radius:50%; background:var(--g-cor); }
.vab-grade{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }
.vab-op{
position:relative; display:flex; align-items:center; gap:12px; padding:12px 14px; text-align:left; cursor:pointer;
border-radius:16px 16px 0 16px; border:1px solid #E5E7EB; background:#fff; font:inherit; color:var(--vnt-navy);
transition:border-color .14s ease, box-shadow .14s ease, background .14s ease;
}
.vab-op:hover{ border-color:color-mix(in srgb, var(--g-cor) 45%, #E5E7EB); box-shadow:0 8px 18px -14px var(--g-cor); }
.vab-op-ico{ width:40px; height:40px; flex:none; display:grid; place-items:center; border-radius:12px 12px 0 12px;
color:var(--g-cor); background:color-mix(in srgb, var(--g-cor) 12%, transparent); }
.vab-op-ico svg{ width:20px; height:20px; }
.vab-op-txt{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.vab-op-txt b{ font-size:14px; font-weight:800; }
.vab-op-txt span{ font-size:12.5px; line-height:1.35; color:#5B616E; }
.vab-op-marca{ width:24px; height:24px; flex:none; border-radius:50%; border:1.5px solid #CDD3DC; display:grid; place-items:center; color:#fff; }
.vab-op.na-barra{ border-color:var(--g-cor); background:color-mix(in srgb, var(--g-cor) 5%, #fff); }
.vab-op.na-barra .vab-op-marca{ border-color:var(--g-cor); background:var(--g-cor); }
.vab-op.na-barra .vab-op-marca::before{ content:"✓"; font-size:13px; font-weight:800; }
.vab-nega{ animation:vat-nega .4s ease; }
.vab-conta{ margin-right:auto; font-size:12.5px; color:var(--text-muted); }
.vab-conta.cheio{ color:#B4322F; font-weight:700; }
@media (max-width:620px){ .vab-grade{ grid-template-columns:1fr; } }
@media (max-width:820px){
:root{ --vnt-atalhos-cel:48px; --vnt-barra-topo:calc(var(--vnt-topo-h) + var(--vnt-atalhos-cel)); }
.vnt-app{ padding-top:var(--vnt-barra-topo); }
.vnt-meio{ position:absolute; top:100%; left:0; right:0; height:var(--vnt-atalhos-cel); margin:0; padding:0 12px;
display:flex; align-items:center; overflow-x:auto; overflow-y:visible; scrollbar-width:none;
background:var(--vnt-fundo); border-bottom:1px solid rgba(11,18,38,.06); }
.vnt-meio::-webkit-scrollbar{ display:none; }
.vnt-topo-widget{ display:none; }
.vnt-atalhos{ display:flex; gap:8px; margin:0 auto; padding-top:8px; padding-bottom:8px; }
.vnt-atalhos-lista{ gap:8px; }
.vnt-atalho{ width:42px; height:36px; padding:0; }
.vnt-atalho-txt, .vnt-atalho-editar-txt{ display:none !important; }
.vnt-atalho-add{ width:36px; padding:0; justify-content:center; font-size:0; }
.vnt-atalho-add span{ font-size:18px; }
.vnt-atalho-editar{ width:36px; padding:0; justify-content:center; }
}
@media (max-width:560px){ .vpop-neon .vpop-linha{ grid-template-columns:1fr !important; } .vpop-neon .vpop-pe{ flex-wrap:wrap; } .vpop-link-completo{ flex-basis:100%; margin-bottom:4px; } .vpop-neon .btn{ white-space:nowrap; } }
.vnt-meio{ gap:16px; }
.vnt-atalhos, .vnt-atalhos-lista{ gap:2px; }
.vnt-atalho{
height:24px; padding:0 7px 0 6px; gap:5px; border:0; border-radius:6px; background:transparent; box-shadow:none;
font-size:12px; font-weight:600; line-height:1; color:#3A3F4B;
}
.vnt-atalho:hover{ background:rgba(11,18,38,.06); border:0; box-shadow:none; color:#14161A; }
.vnt-atalho-ico, .vnt-atalho-ico svg{ width:16px; height:16px; }
.vnt-atalhos--b .vnt-atalho{ width:26px; padding:0; }
.vnt-atalhos--b .vnt-atalho-txt{ display:none; }
.vnt-atalhos--b .vnt-atalho::before{
content:attr(data-dica); position:absolute; top:calc(100% + 7px); left:50%; transform:translate(-50%, -3px);
white-space:nowrap; pointer-events:none; opacity:0; z-index:5;
font-size:11px; font-weight:700; padding:5px 9px; border-radius:7px; background:#14161A; color:#fff;
transition:opacity .12s ease, transform .12s ease;
}
.vnt-atalhos--b .vnt-atalho:hover::before{ opacity:1; transform:translate(-50%, 0); }
.vnt-atalhos.editando .vnt-atalho::before{ display:none; }
.vnt-atalho-tirar{ top:-8px; left:-6px; width:15px; height:15px; font-size:12px; }
.vnt-atalho-add{ height:24px; padding:0 8px; border-radius:6px; border:1px dashed rgba(11,18,38,.28); background:transparent; font-size:12px; font-weight:700; color:#3A3F4B; }
.vnt-atalho-add span{ font-size:14px; }
.vnt-lapis{
display:inline-flex; align-items:center; justify-content:center; gap:6px; height:28px; min-width:26px; padding:0 4px; flex:none;
border:0; border-radius:8px; background:transparent; color:rgba(11,18,38,.42); cursor:pointer; font:inherit;
transition:color .14s ease, background .14s ease;
}
.vnt-lapis svg{ width:15px; height:15px; }
.vnt-lapis:hover{ color:var(--vnt-navy); background:rgba(11,18,38,.05); }
.vnt-lapis-txt{ display:none; font-size:12px; font-weight:800; }
.vnt-lapis[aria-pressed="true"]{ padding:0 12px; color:#fff; background:#14161A; }
.vnt-lapis[aria-pressed="true"] .vnt-lapis-ico{ display:none; }
.vnt-lapis[aria-pressed="true"] .vnt-lapis-txt{ display:inline; }
.vnt-topo-widget{ width:auto; height:auto; display:flex; align-items:center; }
.vnt-wdg{
position:relative; display:flex; align-items:center; gap:8px; width:auto; max-width:240px; height:26px; padding:0 10px;
box-sizing:border-box; border-radius:8px; background:rgba(11,18,38,.05); box-shadow:none;
color:#3A3F4B; font-size:12px; line-height:1; text-decoration:none !important; font-variant-numeric:tabular-nums;
}
a.vnt-wdg:hover{ background:rgba(11,18,38,.08); color:#14161A; }
.vnt-wdg-valor{ flex:none; font-size:12px; font-weight:700; color:#3A3F4B; }
.vnt-wdg-meta{ flex:none; font-size:12px; font-weight:500; color:#8A909C; }
.vnt-wdg-barra{ position:relative; flex:none; width:96px; height:3px; border-radius:99px; background:#D3D7DE; }
.vnt-wdg-barra i{ position:absolute; left:0; top:0; bottom:0; width:var(--p, 0%); border-radius:99px;
background:linear-gradient(90deg, #D4A72C, #EFC75A); box-shadow:0 0 4px rgba(239,199,90,.55); }
.vnt-wdg-batida .vnt-wdg-barra i{ background:#2EA95B; box-shadow:0 0 4px rgba(46,169,91,.5); }
.vnt-wdg-batida .vnt-wdg-valor{ color:#1F7A42; }
.vnt-wdg-vazio{ font-size:12px; font-weight:600; color:#5B616E !important; }
a.vnt-wdg-vazio:hover{ text-decoration:underline !important; }
.vnt-wdg-dia{ gap:9px; }
.vnt-wdg-dia-barra{ position:relative; flex:none; width:150px; height:3px; border-radius:99px; background:#D3D7DE; }
.vnt-wdg-dia-bloco{ position:absolute; top:50%; height:9px; min-width:4px; transform:translateY(-50%); border-radius:3px;
background:var(--c, #6E3FFF); opacity:.85; transition:opacity .12s ease, transform .12s ease; }
.vnt-wdg-dia-bloco:hover{ opacity:1; transform:translateY(-50%) scaleY(1.25); }
.vnt-wdg-dia-bloco.agora{ opacity:1; box-shadow:0 0 0 2px rgba(255,255,255,.9); }
.vnt-wdg-dia-bloco::after{
content:attr(data-dica); position:absolute; top:calc(100% + 9px); left:50%; transform:translate(-50%, -3px);
white-space:nowrap; pointer-events:none; opacity:0; z-index:6;
font-size:11px; font-weight:700; padding:5px 9px; border-radius:7px; background:#14161A; color:#fff;
transition:opacity .12s ease, transform .12s ease;
}
.vnt-wdg-dia-bloco:hover::after{ opacity:1; transform:translate(-50%, 0); }
.vnt-wdg-dia-agora{ position:absolute; top:50%; width:2px; height:14px; margin-left:-1px; transform:translateY(-50%);
border-radius:2px; background:#14161A; pointer-events:none; }
.vnt-wdg-dia-prox{ flex:none; font-size:12px; font-weight:700; color:#3A3F4B; }
.vnt-meio.editando .vnt-wdg-dia-bloco{ pointer-events:none; }
.vnt-wdg-buraco{ display:none; width:150px; height:26px; border-radius:8px; border:1px dashed rgba(11,18,38,.28);
align-items:center; justify-content:center; gap:5px; font:inherit; font-size:12px; font-weight:700; color:#5B616E; background:transparent; cursor:pointer; }
.vnt-meio.editando .vnt-wdg-buraco{ display:inline-flex; }
.vnt-topo-widget .vnt-wdg ~ .vnt-wdg-buraco{ display:none !important; }
.vnt-meio.editando .vnt-wdg{ animation:vnt-chacoalha .29s ease-in-out infinite; animation-delay:-.08s; }
.vnt-wdg .vnt-atalho-tirar{ display:none; }
.vnt-meio.editando .vnt-wdg .vnt-atalho-tirar{ display:inline-flex; }
@media (prefers-reduced-motion: reduce){ .vnt-meio.editando .vnt-wdg{ animation:none; } }
@media (max-width:1180px){ .vnt-topo-widget{ display:none; } }
.vnt-meio--divisor{ gap:18px; }
.vnt-meio--divisor .vnt-topo-widget::after{ content:""; width:1px; height:18px; margin-left:18px; background:rgba(11,18,38,.16); }
.vnt-meio--divisor .vnt-topo-widget:not(:has(.vnt-wdg)):not(:has(.vnt-wdg-buraco:not([hidden])))::after{ display:none; }
.vnt-meio--pontas{ flex:1 1 auto; justify-content:space-between; margin:0 10px 0 22px; }
.vnt-atalhos--b .vnt-atalho{ width:26px; }
.vnt-atalhos--b, .vnt-atalhos--b .vnt-atalhos-lista{ gap:4px; }
.vab-op-wdg .vab-op-ico{ color:#C99A2E; background:rgba(201,154,46,.12); }
@media (max-width:820px){
.vnt-topo-widget{ display:flex; flex:0 0 auto; }
.vnt-wdg{ padding:0 8px; gap:6px; }
.vnt-wdg-barra{ width:56px; }
.vnt-wdg-dia-barra{ width:104px; }
.vnt-meio{ gap:8px; justify-content:space-between; margin:0; }
.vnt-meio--divisor .vnt-topo-widget::after{ margin-left:8px; }
.vnt-atalhos--b, .vnt-atalhos--b .vnt-atalhos-lista{ gap:2px; }
.vnt-atalho, .vnt-atalhos--b .vnt-atalho{ width:28px; height:30px; padding:0; }
.vnt-atalhos{ margin:0; }
.vnt-atalho, .vnt-atalhos--b .vnt-atalho{ width:30px; height:30px; padding:0; }
.vnt-atalho-ico, .vnt-atalho-ico svg{ width:18px; height:18px; }
.vnt-atalho-add{ width:30px; padding:0; font-size:0; justify-content:center; }
.vnt-atalho-add span{ font-size:16px; }
.vnt-lapis[aria-pressed="true"]{ padding:0 10px; }
}
.vnt-atalho{ height:28px; }
.vnt-atalhos--b .vnt-atalho{ width:30px; }
.vnt-atalho-ico, .vnt-atalho-ico svg{ width:18px; height:18px; }
.vnt-wdg{ height:30px; padding:0 12px; gap:9px; border-radius:9px; font-size:13.5px; max-width:276px; }
.vnt-wdg-valor, .vnt-wdg-meta, .vnt-wdg-vazio, .vnt-wdg-dia-prox{ font-size:13.5px; }
.vnt-wdg-barra{ width:110px; height:3.5px; }
.vnt-wdg-dia-barra{ width:172px; height:3.5px; }
.vnt-wdg-dia-bloco{ height:10px; }
.vnt-wdg-dia-agora{ height:16px; }
.vnt-wdg-buraco{ height:30px; width:172px; border-radius:9px; font-size:13.5px; }
.vnt-meio--divisor .vnt-topo-widget::after{ height:21px; }
a.vnt-wdg-fat{ cursor:pointer; }
.vnt-wdg-cta{ gap:7px; font-weight:700; color:#3A3F4B !important; background:rgba(201,154,46,.12); }
a.vnt-wdg-cta:hover{ background:rgba(201,154,46,.2); text-decoration:none !important; color:#14161A !important; }
.vnt-wdg-mais{ width:18px; height:18px; flex:none; display:grid; place-items:center; border-radius:50%;
font-size:14px; font-weight:800; line-height:1; color:#fff; background:#C99A2E; }
.vnt-topo-dir .vnt-atalho-add{ height:30px; padding:0 12px; border-radius:8px; font-size:12.5px; }
.vab-abas{ display:inline-flex; gap:4px; margin-top:10px; padding:4px; border-radius:12px; background:#F1F2F5; }
.vab-aba{ border:0; background:transparent; font:inherit; font-size:13.5px; font-weight:800; color:#5B616E; padding:7px 16px; border-radius:9px; cursor:pointer; }
.vab-aba[aria-selected="true"]{ background:#fff; color:#14161A; box-shadow:0 2px 8px -4px rgba(11,18,38,.3); }
.vab-painel[hidden]{ display:none; }
.vab-arte{ display:flex; flex-direction:column; align-items:center; gap:12px; margin:0 0 18px; padding:18px 16px 14px;
border-radius:16px 16px 0 16px; background:linear-gradient(180deg, #F6F7F9, #EEF0F3); border:1px solid #E5E7EB; }
.vab-frase{ margin:0; max-width:520px; text-align:center; font-size:13.5px; line-height:1.5; color:#3A3F4B; }
.vab-mock{ position:relative; display:flex; align-items:center; gap:12px; width:100%; max-width:560px; height:46px; padding:0 14px;
box-sizing:border-box; border-radius:12px; background:#E9EBEF; box-shadow:inset 0 0 0 1px rgba(11,18,38,.06); }
.vab-mock > *{ transition:opacity .2s ease; }
.vab-mock-logo{ font-family:Georgia, serif; font-style:italic; font-size:14px; color:#14161A; }
.vab-mock-logo b{ font-family:inherit; font-style:normal; font-weight:900; font-size:13px; }
.vab-mock-wdg{ display:inline-flex; align-items:center; gap:6px; height:24px; padding:0 9px; border-radius:7px; background:rgba(11,18,38,.06); margin-left:auto; }
.vab-mock-wdg em{ font-style:normal; font-size:10.5px; font-weight:800; color:#3A3F4B; }
.vab-mock-wdg em.cinza{ font-weight:500; color:#8A909C; }
.vab-mock-linha{ position:relative; width:56px; height:3px; border-radius:9px; background:#D3D7DE; }
.vab-mock-linha b{ position:absolute; left:0; top:0; bottom:0; width:58%; border-radius:9px; background:#E2B649; }
.vab-mock-div{ width:1px; height:16px; background:rgba(11,18,38,.18); }
.vab-mock-ats{ display:inline-flex; gap:5px; margin-right:auto; }
.vab-mock-ats i{ position:relative; width:16px; height:16px; display:grid; place-items:center; }
.vab-mock-ats i svg{ width:15px; height:15px; }
.vab-mock-dir{ display:inline-flex; gap:5px; }
.vab-mock-dir i{ width:16px; height:16px; border-radius:50%; border:1px solid rgba(11,18,38,.18); }
.vab-mock-dir i.vab-mock-eu{ background:#14161A; border-color:#14161A; }
.vab-mock--widget > :not(.vab-mock-wdg):not(.vab-mock-tag){ opacity:.3; }
.vab-mock--widget .vab-mock-wdg{ background:#fff; box-shadow:0 0 0 2px #C99A2E, 0 0 16px rgba(201,154,46,.5); }
.vab-mock-tag{ position:absolute; top:calc(100% + 6px); left:50%; transform:translateX(-62%); padding:3px 9px; border-radius:999px;
font-size:10.5px; font-weight:800; color:#fff; background:#C99A2E; }
.vab-mock--atalhos > :not(.vab-mock-ats):not(.vab-mock-pop){ opacity:.3; }
.vab-mock--atalhos .vab-mock-ats{ padding:3px 6px; border-radius:7px; background:#fff; box-shadow:0 0 0 2px #6E3FFF, 0 0 16px rgba(110,63,255,.35); }
.vab-mock-clique::after{ content:""; position:absolute; left:50%; top:calc(100% + 3px); width:1.5px; height:9px; margin-left:-.75px; background:#AF1010; }
.vab-mock-pop{ position:absolute; top:calc(100% + 12px); left:50%; transform:translateX(-30%); width:120px; padding:9px; display:flex; flex-direction:column; gap:5px;
border-radius:10px 10px 0 10px; background:#fff; box-shadow:0 0 0 1.5px #AF1010, 0 0 14px rgba(175,16,16,.35); }
.vab-mock-pop-t{ width:55%; height:6px; border-radius:3px; background:#14161A; }
.vab-mock-pop-l{ height:9px; border-radius:4px; border:1px solid #E1E4E9; }
.vab-mock-pop-b{ align-self:flex-end; width:38px; height:9px; border-radius:4px; background:#AF1010; }
.vab-mock--atalhos{ margin-bottom:78px; }
.vab-mock--widget{ margin-bottom:26px; }
.vab-painel[data-vab-painel] .vab-frase{ margin-top:6px; }
.vab-grade-wdg .vab-op{ flex-direction:column; align-items:stretch; gap:10px; padding:14px; }
.vab-grade-wdg .vab-op-marca{ position:absolute; top:12px; right:12px; }
.vab-prev{ display:flex; align-items:center; gap:8px; height:32px; padding:0 12px; border-radius:9px; background:#EEF0F3; width:max-content; max-width:100%; }
.vab-prev em{ font-style:normal; font-size:13px; font-weight:800; color:#3A3F4B; }
.vab-prev em.cinza{ font-weight:500; color:#8A909C; }
.vab-prev-linha{ position:relative; width:92px; height:3.5px; border-radius:9px; background:#D3D7DE; }
.vab-prev-linha b{ position:absolute; left:0; top:0; bottom:0; border-radius:9px; background:linear-gradient(90deg, #D4A72C, #EFC75A); }
.vab-prev-barra{ position:relative; width:140px; height:3.5px; border-radius:9px; background:#D3D7DE; }
.vab-prev-barra i{ position:absolute; top:50%; height:10px; transform:translateY(-50%); border-radius:3px; background:var(--c); }
.vab-prev-barra u{ position:absolute; top:50%; width:2px; height:16px; transform:translateY(-50%); background:#14161A; border-radius:2px; }
@media (max-width:620px){
.vab-mock{ gap:7px; padding:0 9px; }
.vab-mock-logo{ display:none; }
.vab-mock-dir{ display:none; }
}
@media (max-width:820px){
.vnt-atalho, .vnt-atalhos--b .vnt-atalho{ width:30px; height:30px; }
.vnt-wdg{ height:30px; padding:0 9px; gap:6px; font-size:12.5px; }
.vnt-wdg-valor, .vnt-wdg-meta, .vnt-wdg-dia-prox, .vnt-wdg-vazio{ font-size:12.5px; }
.vnt-wdg-barra{ width:56px; }
.vnt-wdg-dia-barra{ width:104px; }
.vnt-topo-dir .vnt-atalho-add{ width:30px; padding:0; font-size:0; }
}
.vab-mock--widget .vab-mock-clique::after{ display:none; }
.alert-sucesso{ background:#EAF6EE; color:#1E6B3E; border-color:#CDE8D6; border-left-color:#2E9E5B; }
.alert-erro{ background:#FBECEC; color:#7A1A1A; border-color:#F1D2D2; border-left-color:#8F1D1D; }
.meta-salvar{ margin-top:14px; }
.vnt-wdg{ transition:transform .16s ease, background .16s ease; }
a.vnt-wdg:hover, .vnt-wdg[data-href]:hover{ transform:scale(.96); }
.vnt-wdg[data-href]{ cursor:pointer; }
.vnt-meio.editando .vnt-wdg:hover{ transform:none; }
.vnt-wdg-fat[data-dica]::after{
content:attr(data-dica); position:absolute; top:calc(100% + 9px); left:50%; transform:translate(-50%, -3px);
white-space:nowrap; pointer-events:none; opacity:0; z-index:6;
font-size:11px; font-weight:700; padding:5px 9px; border-radius:7px; background:#14161A; color:#fff;
transition:opacity .12s ease, transform .12s ease; }
.vnt-wdg-fat[data-dica]:hover::after{ opacity:1; transform:translate(-50%, 0); }
.vnt-meio.editando .vnt-wdg-fat::after{ display:none; }
.vpop-x{ display:grid; place-items:center; padding:0; line-height:1; font-size:14px; text-align:center; }
.vnt-wdg-barra i{ background:#AF1010; box-shadow:0 0 4px rgba(175,16,16,.45); }
.vnt-wdg-batida .vnt-wdg-barra i{ background:#2EA95B; box-shadow:0 0 4px rgba(46,169,91,.5); }
.vab-mock-linha b, .vab-prev-linha b{ background:#AF1010; }
.vsel-bt{ display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; min-height:44px; padding:0 14px;
border:1.5px dashed color-mix(in srgb, var(--neon) 45%, #CDD3DC); border-radius:12px 12px 0 12px; background:#fff;
font:inherit; font-size:14px; font-weight:700; color:var(--neon); cursor:pointer; text-align:left; }
.vsel-bt:hover{ background:color-mix(in srgb, var(--neon) 6%, #fff); }
.vsel-bt.escolhido{ border-style:solid; color:#14161A; background:color-mix(in srgb, var(--neon) 7%, #fff); }
.vsel-bt.escolhido .vsel-bt-txt::before{ content:"✓ "; color:var(--neon); }
.vsel-bt-seta{ font-size:20px; line-height:1; color:var(--neon); }
.vpop.vpop-seletor{ z-index:140; }
.vpop-seletor .vpop-caixa{ max-width:960px; max-height:calc(100vh - 60px); border-radius:22px 22px 0 22px;
box-shadow:0 0 0 1.5px var(--neon, #14161A), 0 0 22px -2px color-mix(in srgb, var(--neon, #14161A) 45%, transparent), 0 30px 70px -30px rgba(3,16,38,.7); }
.vsel-busca{ padding:12px 22px 0; }
.vsel-busca input{ width:100%; height:42px; border-radius:12px; }
.vsel-corpo{ padding:14px 22px 20px; min-height:200px; }
.vsel-vazio{ margin:30px 0; text-align:center; color:var(--text-muted); }
.vsel-abas{ display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.vsel-aba{ border:1px solid #E1E4E9; background:#fff; border-radius:999px; padding:5px 12px; font:inherit; font-size:12.5px; font-weight:700; cursor:pointer; color:#5B616E; }
.vsel-aba[aria-selected="true"]{ background:var(--neon); border-color:var(--neon); color:#fff; }
.vsel-quadro{ display:flex; gap:12px; overflow-x:auto; padding-bottom:6px; align-items:flex-start; }
.vsel-col{ flex:0 0 210px; display:flex; flex-direction:column; gap:7px; padding:10px; border-radius:14px; background:#F4F5F7; max-height:56vh; overflow-y:auto; }
.vsel-col-tit{ display:flex; align-items:center; justify-content:space-between; margin:0 0 2px; font-size:12px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:#5B616E; }
.vsel-col-n{ font-size:11px; padding:1px 7px; border-radius:999px; background:#fff; color:#5B616E; }
.vsel-col-vazio{ margin:4px 0; text-align:center; color:#B3B8C2; }
.vsel-lead{ display:flex; flex-direction:column; align-items:flex-start; gap:2px; padding:9px 10px; border:1px solid #E5E7EB; border-radius:10px 10px 0 10px;
background:#fff; font:inherit; text-align:left; cursor:pointer; transition:border-color .12s ease, box-shadow .12s ease; }
.vsel-lead:hover{ border-color:var(--neon); box-shadow:0 6px 14px -10px var(--neon); }
.vsel-lead b{ font-size:13.5px; color:#14161A; }
.vsel-lead span{ font-size:12px; color:#5B616E; }
.vsel-lead em{ font-style:normal; font-size:11.5px; font-weight:700; color:var(--neon); }
.vsel-grade{ display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:10px; }
.vsel-proj{ position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:4px; min-height:72px; padding:14px 14px 12px 18px; overflow:hidden;
border:1px solid #E5E7EB; border-radius:14px 14px 0 14px; background:#fff; font:inherit; text-align:left; cursor:pointer; }
.vsel-proj:hover{ border-color:var(--c); box-shadow:0 8px 18px -12px var(--c); }
.vsel-proj-cor{ position:absolute; left:0; top:0; bottom:0; width:6px; background:var(--c); }
.vsel-proj b{ font-size:14px; color:#14161A; }
.vsel-proj span{ font-size:11.5px; color:#8A909C; }
.vsel-proj.fechado{ opacity:.6; }
.vsel-lista{ display:flex; flex-direction:column; gap:6px; }
.vsel-conv{ display:flex; align-items:center; gap:12px; padding:10px 12px; border:1px solid #E5E7EB; border-radius:12px 12px 0 12px; background:#fff; font:inherit; text-align:left; cursor:pointer; }
.vsel-conv:hover{ border-color:var(--neon); }
.vsel-conv.fora{ opacity:.55; cursor:not-allowed; }
.vsel-conv-av{ width:38px; height:38px; flex:none; border-radius:50%; display:grid; place-items:center; font-size:13px; font-weight:800; color:#fff; background:var(--neon, #11C4AF); }
.vsel-conv-txt{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.vsel-conv-txt b{ font-size:14px; color:#14161A; }
.vsel-conv-txt span{ font-size:12.5px; color:#5B616E; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.vsel-conv-st{ flex:none; font-style:normal; font-size:11px; font-weight:700; color:#1E6B3E; }
.vsel-conv.fora .vsel-conv-st{ color:#8A909C; }
.vpop-arquivo{ position:relative; cursor:pointer; }
.vpop-arquivo-input{ position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; border:0 !important; outline:0; }
.vpop-arquivo-ico{ color:var(--neon); }
.vpop-arquivo.escolhido{ border-style:solid; background:color-mix(in srgb, var(--neon) 8%, #fff); }
.vpop-arquivo:focus-within{ box-shadow:0 0 0 3px color-mix(in srgb, var(--neon) 25%, transparent); }
.vpop-cores{ display:flex; flex-wrap:wrap; gap:8px; }
.vpop-cor{ position:relative; cursor:pointer; }
.vpop-cor input{ position:absolute; opacity:0; }
.vpop-cor i{ display:block; width:28px; height:28px; border-radius:50%; background:var(--c); box-shadow:inset 0 0 0 2px rgba(255,255,255,.4); }
.vpop-cor input:checked + i{ box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--c); }
.vpop-cor input:focus-visible + i{ outline:2px solid #14161A; outline-offset:3px; }
.vmsg-caixa{ border:1px solid #DDE1E7; border-radius:14px 14px 0 14px; background:#fff; overflow:hidden; transition:box-shadow .12s ease; }
.vmsg-caixa.solta{ box-shadow:0 0 0 3px color-mix(in srgb, var(--neon) 35%, transparent); }
.vmsg-caixa textarea{ border:0 !important; box-shadow:none !important; resize:vertical; min-height:84px; padding:12px 14px; }
.vmsg-anexos{ list-style:none; margin:0; padding:0 12px 10px; display:flex; flex-wrap:wrap; gap:8px; }
.vmsg-anexos li{ display:flex; align-items:center; gap:8px; max-width:100%; padding:5px 6px 5px 5px; border-radius:10px; background:#F1F2F5; font-size:12.5px; }
.vmsg-anexos img{ width:40px; height:40px; object-fit:cover; border-radius:7px; }
.vmsg-anexo-ico{ width:32px; height:32px; display:grid; place-items:center; font-size:16px; }
.vmsg-anexo-nome{ max-width:180px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.vmsg-anexo-x{ border:0; background:transparent; cursor:pointer; color:#8A909C; font-size:12px; padding:4px; }
.vmsg-ferr{ display:flex; align-items:center; gap:4px; padding:6px 8px; border-top:1px solid #EEF0F3; }
.vmsg-bt{ width:34px; height:34px; display:grid; place-items:center; border:0; border-radius:9px; background:transparent; color:#5B616E; cursor:pointer; }
.vmsg-bt:hover{ background:#F1F2F5; color:var(--neon); }
.vmsg-dica{ margin-left:auto; font-size:11.5px; color:#9AA0AB; }
.vmsg-gravando{ display:flex; align-items:center; gap:10px; padding:8px 12px; font-size:13px; font-weight:700; color:#8F1D1D; }
.vmsg-gravando i{ width:10px; height:10px; border-radius:50%; background:#D33; animation:vnt-wdg-pulso 1.2s ease-out infinite; }
.vmsg-gr-bt{ border:1px solid #E1E4E9; background:#fff; border-radius:8px; padding:4px 10px; font:inherit; font-size:12px; font-weight:700; cursor:pointer; }
.vmsg-gr-bt:first-of-type{ margin-left:auto; }
.vmsg-gr-bt.forte{ background:#14161A; color:#fff; border-color:#14161A; }
.wa-emoji-painel{ z-index:260; }
@keyframes vmsg-pulso{ 0%{ box-shadow:0 0 0 0 rgba(221,51,51,.5); } 70%{ box-shadow:0 0 0 7px rgba(221,51,51,0); } 100%{ box-shadow:0 0 0 0 rgba(221,51,51,0); } }
.vmsg-gravando i{ animation:vmsg-pulso 1.2s ease-out infinite; }
.exf-pt{ display:flex; flex-direction:column; gap:4px; font-size:10px; }
.exf-pt-lin{ display:grid; grid-template-columns:1fr 16px 16px 16px; gap:4px; align-items:center; }
.exf-pt-cab i{ height:5px; border-radius:3px; background:rgba(19,24,41,.18); }
.exf-pt-lin:not(.exf-pt-cab) span{ color:var(--text-secondary); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.exf-pt-lin:not(.exf-pt-cab) i{ height:13px; border-radius:3px; background:rgba(19,24,41,.08); }
.exf-pt-lin i.ok{ background:var(--green); }
@media (max-width:640px){  }
.fx-tar-selo.fx-tar-selo-2{ left:auto; right:8px; max-width:44%; }
.fx-fnode.fx-tem-tar{ border-width:2px; }
.fx-areas{ position:absolute; top:0; left:0; overflow:visible; pointer-events:none; }
.fx-area-rot{ position:absolute; z-index:4; display:inline-flex; align-items:center; gap:5px; height:22px; max-width:220px; padding:0 9px 0 7px; border:1px solid var(--c, #6E3FFF);
border-radius:999px; background:#fff !important; color:var(--c, #6E3FFF) !important; font:inherit; font-size:11.5px; font-weight:800; cursor:pointer; box-shadow:0 4px 10px -6px rgba(11,18,38,.35); }
.fx-area-rot svg{ width:12px; height:12px; flex:none; }
.fx-area-rot span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fx-area-rot:hover{ background:var(--c, #6E3FFF) !important; color:#fff !important; }
.fx-area-menu{ position:fixed; z-index:1650; min-width:220px; display:flex; flex-direction:column; padding:6px; background:#fff; border-radius:14px 14px 0 14px;
box-shadow:0 18px 40px -16px rgba(11,18,38,.45), 0 0 0 1px rgba(11,18,38,.06); }
.fx-area-menu a, .fx-area-menu button{ display:block; text-align:left; padding:9px 12px; border:0; border-radius:10px; background:transparent !important; box-shadow:none;
font:inherit; font-size:14px; font-weight:600; color:var(--text-primary, #131829) !important; text-decoration:none !important; cursor:pointer; }
.fx-area-menu a:hover, .fx-area-menu button:hover{ background:#F3F0FF !important; }
.fx-area-menu .fx-area-perigo{ color:#B3261E !important; }
.fx-area-menu .fx-area-perigo.confirmar{ background:#D93A40 !important; color:#fff !important; }