/* Esfera · Oracus Energy · v0.3.0 — marca: grafite #0E1826, ouro #C2902B com parcimônia, papel #F6F4EF */
:root{--g:#0E1826;--ab:#0A121C;--ar:#33475F;--aco:#7C93AD;--pl:#C9D6E4;--o:#C2902B;--o3:#DEB25A;--l:#DADFE3;--bg:#F6F4EF;--mut:#5B6675;--late:#B3261E;--warn:#9A6411;--ok:#25603F}
*{box-sizing:border-box;margin:0}
html,body{height:100%}
body{font-family:'IBM Plex Sans',Arial,sans-serif;color:var(--g);background:var(--bg);font-size:14px}
h1,h2,h3,h4{font-family:'Inter Tight','Aptos Display',Arial,sans-serif}
.mono,.cod{font-family:'IBM Plex Mono',monospace}
button{font:inherit;cursor:pointer}
input,select,textarea{font:inherit;color:var(--g)}
[hidden]{display:none!important}
a{color:inherit}

/* entrada */
.login{display:flex;min-height:100vh}
.lft{flex:1.2;background:radial-gradient(circle at 45% 42%,#23364C,#0A121C 72%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative;padding:24px}
.lft img{max-width:60vw;height:auto}
.wm{font:600 44px 'Inter Tight';margin-top:4px}
.tagline{font:500 13px 'IBM Plex Mono';letter-spacing:.14em;color:var(--o3);margin-top:8px;text-transform:uppercase}
.produto{display:flex;align-items:center;gap:12px;margin-top:40px;color:#C9D1DA;font-size:12.5px}
.produto img{height:44px;width:auto}
.produto.mini{margin:12px 4px 0;gap:8px;font-size:11px}.produto.mini img{height:26px}
.rgt{flex:1;background:#fff;padding:60px 56px;display:flex;flex-direction:column;justify-content:center;max-width:620px}
.rgt h1{font-size:32px;line-height:1.15}
.rgt p{color:var(--mut);line-height:1.55;margin-top:12px}
.goldline{width:48px;height:3px;background:var(--o);margin-bottom:18px}
.ms{display:flex;align-items:center;gap:12px;justify-content:center;background:var(--g);color:#fff;border:0;border-radius:8px;padding:15px;font-weight:600;margin-top:28px;font-size:15px}
.ms:hover{background:#1C2A3D}
.ms i{display:grid;grid-template-columns:9px 9px;gap:2px}.ms i b{width:9px;height:9px;display:block}
.small{font-size:12.5px}.iso{margin-top:40px!important}
.erro{color:var(--late)!important;font-size:13px}
@media (max-width:800px){.login{flex-direction:column}.rgt{max-width:none;padding:32px 20px}}

.carregando{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#23364C,#0A121C 72%);color:#C9D1DA;gap:8px;z-index:50}

/* app */
.app{display:flex;min-height:100vh}
.side{width:248px;flex:none;background:var(--g);color:#C9D1DA;padding:22px 14px 14px;display:flex;flex-direction:column;gap:3px;position:sticky;top:0;height:100vh}
.brand{display:flex;align-items:center;gap:10px;font:600 21px 'Inter Tight';color:#fff;margin:0 6px 18px}
.nav{padding:10px 12px;border-radius:8px;font-size:14.5px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-decoration:none}
.nav:hover{background:#16233A}
.nav.on{background:#1C2A3D;color:#fff;box-shadow:inset 3px 0 0 var(--o)}
.nav span{font:500 12px 'IBM Plex Mono';background:#2A3A50;border-radius:10px;padding:1px 8px;color:#fff}
.me{margin-top:auto;border-top:1px solid #23324A;padding:14px 4px 0;display:flex;gap:10px;align-items:center;font-size:12.5px;line-height:1.35}
.me b{color:#fff;font-size:13.5px}.me .out{color:#8896A8;font-size:12px;cursor:pointer;text-decoration:underline}
.main{flex:1;padding:24px 30px 50px;min-width:0;background:var(--bg)}
.crumb{font-size:12.5px;color:var(--mut);margin-bottom:8px}.crumb a{cursor:pointer;text-decoration:underline}
.top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px;gap:12px;flex-wrap:wrap}
.top h2{font-size:26px}.top p{color:var(--mut);font-size:14px;margin-top:4px}
.kpis{display:flex;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.kpi{background:#fff;border:1px solid var(--l);border-radius:10px;padding:11px 16px;min-width:140px;cursor:pointer;text-align:left}
.kpi b{font:500 25px 'IBM Plex Mono';display:block}.kpi small{color:var(--mut);font-size:12.5px}
.kpi.late b{color:var(--late)}
.kpi.on{background:var(--g);border-color:var(--g)}.kpi.on b{color:#fff}.kpi.on small{color:#C9D1DA}
.fbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--l);border-radius:10px;padding:10px 12px;margin-bottom:10px}
.fbar select,.fbar input{border:1px solid var(--l);border-radius:7px;padding:7px 10px;font-size:13px;background:#fff}.fbar select{max-width:260px}
.fbar select.on{border-color:var(--g);box-shadow:inset 0 0 0 1px var(--g)}
.fbar input.busca{margin-left:auto;width:250px}
.ativos{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px;font-size:12.5px;color:var(--mut);min-height:26px}
.pill{background:var(--g);color:#fff;border:0;border-radius:14px;padding:4px 10px 4px 12px;font-size:12.5px}
.pill b{margin-left:6px;opacity:.75;font-weight:400}
.limpar{background:none;border:0;text-decoration:underline;color:var(--mut);font-size:12.5px}
.tbl{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--l);font-size:13.5px}
.tbl th{text-align:left;font:600 11.5px 'Inter Tight';letter-spacing:.05em;text-transform:uppercase;color:var(--mut);background:#FAFBFC;padding:10px 12px;border-bottom:1px solid var(--l);white-space:nowrap}
.tbl td{padding:10px 12px;border-bottom:1px solid #EEF1F3;vertical-align:middle}
.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:#FAFBFC}
.cod{font-size:12.5px;font-weight:500}
.tg{font-size:11.5px;border-radius:12px;padding:3px 10px;white-space:nowrap;display:inline-block}
.t-ela,.t-ras{background:#F0EFEC;color:#4A4A4A}.t-ana{background:#E7F1FB;color:#1F4E7A}.t-apr{background:#F9EEDA;color:#7A5212}.t-vig,.t-sgq,.t-ok{background:#E5F4E4;color:var(--ok)}
.t-prj{background:#F9ECE7;color:#8A3B1E}.t-red{background:#FBEBEB;color:var(--late)}.t-lil{background:#EFEDFF;color:#4B3F99}.t-off{background:#F0EFEC;color:#5B6675}
.pz{font:500 12.5px 'IBM Plex Mono';white-space:nowrap}.pz.late{color:var(--late)}.pz.hoje{color:var(--warn)}
.btn{display:inline-block;background:var(--g);color:#fff;border:0;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600;white-space:nowrap}
.btn:hover{background:#1C2A3D}.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn.ghost{background:#fff;color:var(--g);border:1px solid var(--l)}.btn.ghost:hover{background:#F4F6F8}
.btn.red{background:#fff;color:var(--late);border:1px solid #E8C3C0}
.btn.sm{padding:5px 10px;font-size:12px}
.who{display:flex;align-items:center;gap:9px;line-height:1.3}
.who small{display:block;color:var(--mut);font-size:11.5px}
.av{width:32px;height:32px;border-radius:50%;flex:none;background:#C9D6E4;display:grid;place-items:center;font:600 12px 'Inter Tight';color:var(--g);overflow:hidden}
.av img{width:100%;height:100%;object-fit:cover}
.av.lg{width:40px;height:40px;font-size:14px}.av.s{width:24px;height:24px;font-size:10px}
.av.socio1{background:linear-gradient(135deg,#DEB25A,#8F6318);color:#fff}.av.socio2{background:linear-gradient(135deg,#7C93AD,#33475F);color:#fff}
.vazio{background:#fff;border:1px dashed var(--l);border-radius:12px;padding:36px;text-align:center;color:var(--mut)}
.vazio b{display:block;color:var(--g);font:600 18px 'Inter Tight';margin:10px 0 4px}
.isonote{margin-top:14px;background:#fff;border:1px solid var(--l);border-left:3px solid var(--o);border-radius:8px;padding:10px 14px;font-size:12.5px;color:var(--mut);line-height:1.5}
.isonote b{color:var(--g)}
.pag{color:var(--mut);font-size:12.5px;padding:10px 2px;display:flex;gap:10px;align-items:center}
.pag select{border:1px solid var(--l);border-radius:6px;padding:4px 6px}
.versao{position:fixed;right:12px;bottom:8px;font:500 11px 'IBM Plex Mono';color:#98A2AE;background:rgba(255,255,255,.85);padding:2px 8px;border-radius:10px;z-index:60}

/* menu inicial */
.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px;flex-wrap:wrap}
.hero h2{font-size:28px}.hero p{color:var(--mut);margin-top:4px}
.hero .produto{margin:0;color:var(--mut)}.hero .produto img{height:40px}
.mosaico{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.tile{background:#fff;border:1px solid var(--l);border-radius:14px;padding:18px;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-height:150px;position:relative;text-align:left}
.tile:hover{border-color:var(--g);box-shadow:0 4px 14px rgba(14,24,38,.08)}
.tile .ico{width:38px;height:38px;border-radius:10px;background:var(--g);color:var(--o3);display:grid;place-items:center;font:600 16px 'Inter Tight'}
.tile b{font:600 17px 'Inter Tight';margin-top:6px}.tile small{color:var(--mut);line-height:1.45}
.tile .n{position:absolute;right:16px;top:16px;font:500 22px 'IBM Plex Mono'}
.tile.breve{opacity:.6}.tile.breve .ico{background:#C9D6E4;color:var(--g)}
.tile .bv{position:absolute;right:14px;top:14px;font:500 10.5px 'IBM Plex Mono';background:#F0EFEC;border-radius:8px;padding:2px 8px;color:var(--mut)}

/* lista + detalhe */
.md{display:grid;grid-template-columns:380px 1fr;gap:14px;align-items:start}
@media (max-width:1150px){.md{grid-template-columns:1fr}}
.lista{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 120px);overflow:auto;padding-right:2px}
.it{background:#fff;border:1px solid var(--l);border-radius:10px;padding:10px 12px;font-size:13px;cursor:pointer}
.it:hover{border-color:var(--aco)}.it.on{border-color:var(--g);box-shadow:inset 3px 0 0 var(--o)}
.it .r1{display:flex;justify-content:space-between;align-items:center;gap:6px}.it .r2{font-weight:600;margin:4px 0 2px}.it .r3{font-size:12px;color:var(--mut)}
.det{background:#fff;border:1px solid var(--l);border-radius:12px;padding:16px 18px}
.nums{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}
.nums div{background:var(--bg);border-radius:8px;padding:8px 10px;font-size:13px}.nums small{display:block;color:var(--mut);font-size:11.5px}
.lab{display:block;font:500 10.5px 'IBM Plex Mono';color:var(--mut);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
.linha{display:flex;gap:6px;margin:4px 0 14px;flex-wrap:wrap}.linha .d{flex:1;min-width:90px;border-top:4px solid #C9D6E4;padding-top:6px;font-size:12.5px;font-weight:600}
.linha .d small{display:block;font-weight:400;color:var(--mut)}.linha .d.ok{border-color:#2E7D5B}.linha .d.now{border-color:var(--o)}
.arqs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:6px}
.arq{border:1px solid var(--l);border-radius:10px;padding:10px;font-size:12.5px;line-height:1.4}
.arq .f{display:flex;justify-content:space-between;gap:6px;padding:4px 0;border-bottom:1px dashed #EEF1F3}
.arq .f a{cursor:pointer;text-decoration:underline;word-break:break-all}
.arq label.up{display:inline-block;margin-top:6px;font-size:12px;color:var(--ar);text-decoration:underline;cursor:pointer}
.h4{font:600 14px 'Inter Tight';margin:14px 0 4px;padding:5px 9px;background:#EEF2F6;border-left:3px solid var(--g)}
.txt{font-size:13.5px;line-height:1.55;white-space:pre-wrap}
.acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.meta{font-size:12.5px;color:var(--mut)}
.mini{width:100%;border-collapse:collapse;font-size:13px}.mini td,.mini th{padding:6px 8px;border-bottom:1px solid #EEF1F3;text-align:left}.mini th{font:600 11px 'Inter Tight';text-transform:uppercase;color:var(--mut)}
.nota{background:#F9EEDA;color:#5E3F12;border-radius:8px;padding:9px 12px;font-size:13px;margin:8px 0}
.nota.azul{background:#E7F1FB;color:#1F4E7A}.nota.verm{background:#FBEBEB;color:var(--late)}

/* formulários */
.card{background:#fff;border:1px solid var(--l);border-radius:12px;padding:20px 22px}
.f{margin-bottom:14px}
.f label{display:block;font-weight:600;font-size:13px;margin-bottom:6px}
.f label em{font-style:normal;color:var(--late)}.f label span{font-weight:400;color:var(--mut)}
.f input,.f select,.f textarea{width:100%;border:1px solid var(--l);border-radius:7px;padding:9px 11px;font-size:14px;background:#fff}
.f textarea{min-height:90px;resize:vertical;line-height:1.5}
.f input:focus,.f select:focus,.f textarea:focus{outline:2px solid var(--aco);outline-offset:0}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
@media (max-width:900px){.row2,.row3{grid-template-columns:1fr}}
.hint{font-size:12px;color:var(--mut);margin-top:5px;line-height:1.45}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips label{display:flex;gap:6px;align-items:center;border:1px solid var(--l);border-radius:16px;padding:5px 12px;font-weight:400;font-size:13px;margin:0;cursor:pointer;background:#fff}
.chips input{width:auto}
.chips label.on{border-color:var(--g);background:var(--g);color:#fff}
.refs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.ref{background:#EEF2F6;border-radius:12px;padding:3px 10px;font-size:12px}.ref i{color:var(--mut)}.ref button{border:0;background:none;margin-left:4px;color:var(--mut)}

/* modal e aviso */
.modal{position:fixed;inset:0;background:rgba(10,18,28,.45);display:flex;align-items:center;justify-content:center;z-index:70;padding:16px}
.mbox{background:#fff;border-radius:14px;padding:20px 22px;width:min(560px,100%);max-height:90vh;overflow:auto;box-shadow:0 10px 40px rgba(0,0,0,.25)}
.mbox h3{font-size:18px;margin-bottom:4px}.mbox .sub{color:var(--mut);font-size:13px;margin-bottom:14px}
.mbox .acts{justify-content:flex-end}
.aviso{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--g);color:#fff;padding:10px 16px;border-radius:10px;z-index:80;font-size:13.5px;max-width:90vw;box-shadow:0 6px 20px rgba(0,0,0,.2)}
.aviso.erro{background:var(--late)}
@media (max-width:900px){.side{display:none}.main{padding:18px 14px}.fbar input.busca{width:100%;margin-left:0}.arqs,.nums{grid-template-columns:1fr}}

/* ===== v0.3.0: sem menu lateral ===== */
.app{display:flex;flex-direction:column;min-height:100vh}
.topo{display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--l);padding:10px 28px;position:sticky;top:0;z-index:40}
.topo .tl{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--mut)}
.topo .marca{font:600 21px 'Inter Tight';color:var(--g);cursor:pointer;text-decoration:none}
.topo .tl a.v{cursor:pointer;text-decoration:underline}
.topo .tr{display:flex;align-items:center;gap:10px;font-size:13.5px;line-height:1.3}.topo .tr small{display:block;color:var(--mut);font-size:12px}
.topo .sair{margin-left:12px;font-size:12.5px;color:var(--mut);text-decoration:underline;cursor:pointer}
.main{flex:1;padding:24px 30px 40px}
.rodape{display:flex;align-items:center;gap:10px;padding:12px 30px;border-top:1px solid var(--l);font-size:12.5px;color:var(--mut);background:var(--bg)}
.rodape img{height:30px}.rodape .ver{margin-left:auto;font:500 11px 'IBM Plex Mono'}
.versao{display:none}
/* mosaico escuro */
.hero{align-items:center}.hero .simb{width:150px;height:150px}
.hero .logo-o{height:46px;margin-left:auto}
.mosaico{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.tile{background:var(--g);border-color:var(--g);color:var(--pl);min-height:160px}
.tile:hover{border-color:var(--o);box-shadow:0 6px 18px rgba(14,24,38,.18)}
.tile .ico{background:transparent;border:1.5px solid var(--pl);color:var(--pl);width:42px;height:42px}
.tile b{color:#F6F4EF}.tile small{color:#9FB0C3}
.tile .n{color:var(--o3)}
.tile.breve{opacity:.55}.tile.breve .ico{background:transparent;color:var(--pl)}
.tile .bv{background:transparent;border:1px solid #8F6318;color:var(--o3)}
.tile.dest{box-shadow:inset 0 -4px 0 var(--o)}
/* cadastros */
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--l);margin-bottom:14px;flex-wrap:wrap}
.tabs button{background:none;border:0;padding:10px 14px;font-size:14px;color:var(--mut);border-bottom:2px solid transparent;margin-bottom:-1px}
.tabs button.on{color:var(--g);font-weight:600;border-bottom-color:var(--o)}
/* indicadores */
.ind{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:1000px){.ind{grid-template-columns:1fr}}
.bars{display:flex;flex-direction:column;gap:9px}
.br{display:grid;grid-template-columns:190px 1fr 70px;gap:10px;align-items:center;font-size:13px;cursor:pointer}
.br i{height:14px;border-radius:3px;display:block;background:var(--ar);min-width:2px}
.br b{font:500 13px 'IBM Plex Mono'}.br em{color:var(--late);font-style:normal}
.card h3{font-size:16px;margin-bottom:2px}.card .sub{color:var(--mut);font-size:13px;margin-bottom:12px}
/* pré-visualização da TQF (folha A4) */
.folha{width:794px;max-width:100%;margin:0 auto;background:#fff;position:relative;box-shadow:0 4px 18px rgba(0,0,0,.18);font-size:11px;color:var(--g)}
.folha .fh{background:var(--g);padding:16px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--o)}
.folha .fh img{height:32px}.folha .fh .t{text-align:right;color:#fff}.folha .fh .t b{font:700 17px 'Inter Tight';display:block}.folha .fh .t span{font:500 9px 'IBM Plex Mono';color:var(--o3);letter-spacing:.12em}
.folha .fb{padding:16px 28px 60px}
.folha .gr{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--pl);border-radius:4px;overflow:hidden;margin-bottom:8px}
.folha .gr div{padding:5px 8px;border-right:1px solid var(--l);border-bottom:1px solid var(--l)}.folha .s2{grid-column:span 2}.folha .s3{grid-column:span 3}.folha .s4{grid-column:span 4}
.folha .l{font:500 7.5px 'IBM Plex Mono';color:var(--mut);text-transform:uppercase;letter-spacing:.06em;display:block}
.folha h5{font:600 11.5px 'Inter Tight';background:#EEF2F6;border-left:3px solid var(--g);padding:4px 8px;margin:10px 0 5px}
.folha .bx{border:1px solid var(--l);border-radius:4px;padding:6px 8px;line-height:1.5;white-space:pre-wrap;min-height:36px}
.folha .bx.resp{min-height:90px;background:#F6F8FB}
.folha .sg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.folha .sg div{border-top:1px solid var(--ar);padding-top:4px;line-height:1.4}
.folha .fn{font-size:8px;color:var(--mut);margin-top:10px;border-top:1px solid #EEF1F3;padding-top:5px;line-height:1.45}
.folha .ff{position:absolute;bottom:0;left:0;right:0;border-top:2px solid var(--o);padding:6px 28px;display:flex;justify-content:space-between;font:500 8px 'IBM Plex Mono';color:var(--mut)}
.folha .wmk{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font:700 64px 'Inter Tight';color:rgba(179,38,30,.12);transform:rotate(-24deg);letter-spacing:.1em}

.mbox.largo{width:min(880px,100%)}
.busca-pessoa{position:relative}

/* ===== v0.3.2 ===== */
/* lista suspensa Oracus (substitui a lista nativa do navegador) */
.dd{position:relative;display:inline-block;min-width:150px;max-width:100%}
.f .dd{display:block;width:100%}
.dd-b{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--l);border-radius:7px;background:#fff;padding:7px 10px;font-size:13px;color:var(--g);text-align:left;white-space:nowrap;overflow:hidden}
.f .dd-b{padding:9px 11px;font-size:14px}
.dd-b span{overflow:hidden;text-overflow:ellipsis}
.dd-b::after{content:'';flex:none;width:7px;height:7px;border-right:1.5px solid var(--ar);border-bottom:1.5px solid var(--ar);transform:rotate(45deg) translateY(-2px)}
.dd-b:hover{border-color:var(--aco)}.dd.aberta .dd-b{border-color:var(--g);box-shadow:0 0 0 1px var(--g)}
.dd-b.on{border-color:var(--g);box-shadow:inset 0 0 0 1px var(--g);font-weight:600}
.dd-b:disabled{background:#F3F4F6;color:var(--mut);cursor:not-allowed}
.dd-p,.cb-p{position:absolute;z-index:90;left:0;top:calc(100% + 4px);min-width:100%;width:max-content;max-width:min(520px,92vw);max-height:300px;overflow:auto;background:#fff;border:1px solid var(--l);border-radius:10px;box-shadow:0 12px 32px rgba(14,24,38,.16);padding:6px}
.dd-p input{width:100%;border:1px solid var(--l);border-radius:7px;padding:7px 9px;font-size:13px;margin-bottom:6px}
.dd-o,.cb-o{display:block;width:100%;text-align:left;border:0;background:none;border-radius:6px;padding:7px 10px;font-size:13.5px;color:var(--g);white-space:normal;line-height:1.35}
.dd-o:hover,.cb-o:hover,.cb-o.foco{background:#EEF2F6}
.dd-o.sel{background:var(--g);color:#fff}.dd-o.sel small{color:#C9D1DA}
.dd-o:disabled{color:#9AA3AD;cursor:default;background:none;font-style:italic}
.dd-o small,.cb-o small{display:block;color:var(--mut);font-size:11.5px}
.dd-g{font:600 10.5px 'IBM Plex Mono';text-transform:uppercase;letter-spacing:.06em;color:var(--o);padding:8px 10px 3px}
/* busca digitando (projeto, pessoa) */
.cb{position:relative}
.cb input{padding-right:34px!important}
.cb .cb-x{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:#EEF2F6;border-radius:50%;width:22px;height:22px;font-size:11px;color:var(--ar);line-height:22px;padding:0}
.cb .cb-x:hover{background:var(--g);color:#fff}
.cb-v{padding:8px 10px;color:var(--mut);font-size:13px}
/* TQF: lista por projeto */
.grp{background:#fff;border:1px solid var(--l);border-radius:12px;margin-bottom:12px;overflow:hidden}
.grp-h{display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--g);color:#F6F4EF;cursor:pointer;flex-wrap:wrap}
.grp-h b{font:600 15px 'Inter Tight'}.grp-h .cod{color:var(--o3);font-size:12.5px}.grp-h small{color:#9FB0C3;font-size:12.5px}
.grp-h .cont{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.grp-h .cont span{font:500 11.5px 'IBM Plex Mono';border:1px solid #33475F;border-radius:10px;padding:1px 8px;color:#C9D6E4}
.grp-h .cont span.late{border-color:#B3261E;color:#F2B8B5}
.grp-h .seta{transition:transform .15s}.grp.fechado .seta{transform:rotate(-90deg)}.grp.fechado table{display:none}
.grp table.tbl{border:0;border-radius:0;margin:0}
.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:#F6F8FB}
.tbl tr.cancelada td{color:#9AA3AD}
.chk{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:var(--mut);cursor:pointer;margin-left:4px}.chk input{width:auto}
/* arquivos: retirar */
.arq .f .x{border:0;background:none;color:var(--mut);cursor:pointer;font-size:12px;padding:0 2px}.arq .f .x:hover{color:var(--late)}
.arq .f span.d{display:flex;gap:6px;align-items:center;white-space:nowrap}
.auto{display:inline-flex;gap:8px;align-items:center;background:#EEF2F6;border-radius:8px;padding:8px 12px;font-size:13px}
/* prévia por cima de tudo (não fecha a janela que está aberta embaixo) */
.previa{position:fixed;inset:0;background:rgba(10,18,28,.6);z-index:85;overflow:auto;padding:24px 16px}
.previa .barra{width:794px;max-width:100%;margin:0 auto 10px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#fff;font-size:13px}
.previa .barra .acts{margin:0}
.previa .dica{width:794px;max-width:100%;margin:10px auto 0;color:#C9D6E4;font-size:12.5px}
.folha{min-height:1123px}
@page{size:A4;margin:0}
@media print{
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  body>*:not(#previa){display:none!important}
  #previa{position:static;background:none;padding:0;overflow:visible}
  #previa .barra,#previa .dica{display:none}
  #previa .folha{box-shadow:none;width:210mm;min-height:297mm;margin:0}
}
.cb-p{width:100%}
.grp-h .cfg{border:1px solid #8F6318;background:transparent;color:var(--o3);border-radius:10px;padding:1px 9px;font-size:11.5px}.grp-h .cfg:hover{background:var(--o);color:var(--g)}
/* matriz de comunicação (v0.4.0) */
.mtz{display:grid;grid-template-columns:1fr 340px;gap:14px;align-items:start}@media (max-width:1150px){.mtz{grid-template-columns:1fr}}
.chip{display:inline-block;font-size:11.5px;border:1px solid var(--l);border-radius:10px;padding:1px 8px;margin:1px 2px;background:#fff;white-space:nowrap}.chip.d{border-color:#C9D6E4;background:#EEF2F6}
.ped{border:1px solid var(--l);border-radius:10px;padding:10px;background:#fff;margin-bottom:8px;font-size:13px;line-height:1.45}.ped.fim{opacity:.75}.ped .acts{margin-top:8px}
.cap2{font:600 14px 'Inter Tight';margin:2px 0 8px}
.folha table.ft{width:100%;border-collapse:collapse;font-size:9.5px;margin-bottom:6px}.folha table.ft th{font:500 7.5px 'IBM Plex Mono';text-transform:uppercase;color:var(--mut);text-align:left;border-bottom:1px solid var(--l);padding:4px}.folha table.ft td{padding:4px;border-bottom:1px solid #EEF1F3;vertical-align:top}

/* ---------- v0.5 · chat com o Julio Moreira (agente de IA) ---------- */
.j-btn{position:fixed;right:20px;bottom:20px;z-index:60;width:62px;height:62px;border-radius:50%;border:3px solid #fff;padding:0;background:#EEF2F6;cursor:pointer;box-shadow:0 6px 20px rgba(14,24,38,.28);overflow:visible;transition:transform .15s}
.j-btn:hover{transform:scale(1.06)}.j-btn img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.j-dot{position:absolute;right:2px;bottom:2px;width:13px;height:13px;border-radius:50%;background:#25603F;border:2px solid #fff}
.j-chat{position:fixed;right:20px;bottom:94px;z-index:61;width:380px;max-width:calc(100vw - 32px);height:min(600px,calc(100vh - 120px));background:#fff;border:1px solid var(--l);border-radius:14px;box-shadow:0 14px 40px rgba(14,24,38,.25);display:flex;flex-direction:column;overflow:hidden}
.j-chat[hidden]{display:none}
.j-chat header{display:flex;gap:10px;align-items:center;padding:12px 14px;background:var(--g);color:#F6F4EF;border-bottom:2px solid var(--o)}
.j-chat header .av{width:38px;height:38px}.j-chat header b{font-family:'Inter Tight';font-weight:600;display:block}.j-chat header small{font:500 10.5px 'IBM Plex Mono';color:#DEB25A;letter-spacing:.06em;text-transform:uppercase}
.j-chat header button{margin-left:auto;background:none;border:0;color:#F6F4EF;font-size:16px;cursor:pointer}
.j-msgs{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#F6F4EF}
.j-m{background:#fff;border:1px solid var(--l);border-radius:12px 12px 12px 3px;padding:10px 12px;font-size:13.5px;line-height:1.45;max-width:92%;align-self:flex-start}
.j-m.eu{background:var(--g);color:#fff;border-color:var(--g);border-radius:12px 12px 3px 12px;align-self:flex-end}
.j-m p{margin:0 0 6px}.j-m p:last-child{margin:0}.j-m ul{margin:4px 0 6px;padding-left:18px}.j-m li{margin:3px 0}
.j-m .jl{color:var(--g);font-family:'IBM Plex Mono';font-size:12px;text-decoration:underline;cursor:pointer}.j-m .jr{color:var(--late);font-weight:600}.j-m .jm{color:var(--mut);font-size:12px}
.j-sug{max-height:42%;overflow:auto;padding:8px 12px;border-top:1px solid var(--l);background:#fff}
.j-cap{font:500 10.5px 'IBM Plex Mono';color:var(--mut);text-transform:uppercase;letter-spacing:.06em;margin:6px 0 4px}
.j-chips{display:flex;flex-wrap:wrap;gap:5px}.j-chips button{border:1px solid var(--l);background:#fff;border-radius:14px;padding:5px 10px;font:inherit;font-size:12.5px;cursor:pointer;text-align:left}
.j-chips button:hover{border-color:var(--o);background:#FBF6EA}
.j-form{display:flex;gap:6px;padding:10px 12px;border-top:1px solid var(--l)}.j-form input{flex:1;margin:0}
@media print{.j-btn,.j-chat{display:none!important}}
/* v0.5 · lições aprendidas */
.licoes{display:grid;gap:12px}.lic .r1{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:6px}.lic a.cod{cursor:pointer;text-decoration:underline}
.lic-t{font:500 16px/1.45 'Inter Tight',sans-serif;margin:0 0 8px;color:var(--g)}
.rodape{padding-right:100px}
/* v0.5 · retorno do cliente com campos (TQF) */
.folha .ops{display:flex;gap:18px;font-size:10px;margin:2px 0 5px}.folha .ops span{display:inline-flex;align-items:center;gap:5px}
.folha .ops i{font-style:normal;display:inline-block;width:12px;height:12px;line-height:12px;text-align:center}
.folha .bx.resp .ph{color:#9AA4B0}
.folha .rp{display:grid;grid-template-columns:auto 1fr auto 130px;gap:6px;align-items:center;margin-top:5px;font-size:9.5px;color:var(--mut)}
.folha .rp div{border-bottom:1px solid var(--pl);height:18px;color:var(--g);font-size:10.5px}
.lnk{color:var(--g);text-decoration:underline;cursor:pointer}
/* v0.6 · chat do Julio: grupos recolhíveis, fechar lista, nova conversa, relatório informativo */
.j-chat header .j-nova{margin-left:auto;font:500 11px 'IBM Plex Sans';color:#DEB25A;border:1px solid rgba(222,178,90,.5);border-radius:12px;padding:3px 9px;font-size:11px}
.j-chat header .j-nova+button{margin-left:6px}
.j-sh{display:flex;justify-content:space-between;align-items:center;margin:2px 0 6px}.j-sh span{font:500 10.5px 'IBM Plex Mono';color:var(--mut);text-transform:uppercase;letter-spacing:.06em}
.j-sh button{border:0;background:none;color:var(--mut);font:inherit;font-size:12px;cursor:pointer;text-decoration:underline}
.j-grp{border-top:1px solid var(--l)}.j-grp:last-child{border-bottom:1px solid var(--l)}
.j-gh{width:100%;display:flex;align-items:center;gap:8px;border:0;background:none;padding:8px 2px;cursor:pointer;font:600 12.5px 'Inter Tight';color:var(--g);text-align:left}
.j-gh small{font:500 10.5px 'IBM Plex Mono';color:var(--mut);background:#EEF2F6;border-radius:8px;padding:1px 6px}.j-gh i{margin-left:auto;font-style:normal;color:var(--mut)}
.j-grp.ab .j-gh{color:#8F6318}.j-grp.ab{background:#FCFAF5}.j-grp .j-chips{padding:0 2px 10px}
.j-rel{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.j-rel button{border:1px solid var(--g);background:#fff;color:var(--g);border-radius:14px;padding:4px 10px;font:inherit;font-size:12px;cursor:pointer}
.j-rel button:hover{background:var(--g);color:#fff}.j-rel button:disabled{opacity:.6;cursor:wait}
.folha.rel .tarja{background:#E7EEF6;color:#1F3B5C;border-bottom:1px solid #C9D6E4;text-align:center;font:600 10px 'IBM Plex Mono';letter-spacing:.14em;padding:6px}
.folha .wmk.inf{color:rgba(31,59,92,.07);font-size:84px}
.folha.rel .relc{font-size:11.5px;line-height:1.55;margin-top:10px}.folha.rel .relc ul{padding-left:18px;margin:4px 0 8px}.folha.rel .relc li{margin:3px 0}.folha.rel .relc p{margin:6px 0}
.folha.rel .relc .jr{color:var(--late);font-weight:600}.folha.rel .relc .jm{color:var(--mut);font-size:10.5px}
.j-chat header .j-nova{white-space:nowrap}.j-chat header small{letter-spacing:.03em;font-size:10px}.j-chat{width:410px}
/* v0.7 · TQF: faixa de identificação abaixo do cabeçalho, PDF paginado */
.folha .fsub{display:flex;justify-content:space-between;gap:10px;padding:5px 28px;background:#F6F4EF;border-bottom:1px solid var(--l);font:500 8.5px 'IBM Plex Mono';color:var(--g);letter-spacing:.04em}
.folha .fsub span:nth-child(2){color:#8F6318;font-weight:600}
.folha .nt{font-size:8.5px;color:var(--mut);margin:2px 0 6px}.folha .bx.vz{min-height:0;color:var(--mut)}
.folha.fpdf{position:relative}.folha.fpdf .ff{position:static}.folha.fpdf .fb{padding-bottom:6px}
.folha .gr .s3{grid-column:span 3}
/* v0.7 · TQF: decisão do aprovador, trilha com cabeçalho */
.chips.col{flex-direction:column;align-items:stretch}.chips.col label{border-radius:10px;padding:8px 12px;align-items:flex-start}
.chips.col label span{display:flex;flex-direction:column;gap:2px}.chips.col label small{font-size:12px;color:var(--mut);font-weight:400}.chips.col label.on small{color:#DADFE3}
.tbl.trilha td,.tbl.trilha th{font-size:12.5px}
.linha .d.rep{border-top-color:var(--late)!important;color:var(--late)}
.chips.col label.on b{color:#fff}
/* v0.7.0-teste.2 · GRD na tela de envio e links clicáveis no rodapé dos PDFs */
.folha .ff a{color:#8F6318;text-decoration:none}
.grdprev{max-height:46vh;overflow:auto;border:1px solid var(--l);border-radius:8px;background:#E9ECEF;padding:10px;margin:8px 0}
.grdprev .folha{zoom:.7}
.folha .ft small{color:var(--mut);font-size:8.5px}
/* v0.7.0-teste.4 · fotos nos quadros de participantes (o padding do .nums div encolhia o avatar) */
.nums .who{padding:0;background:none;border-radius:0}
.nums .av{padding:0;border-radius:50%}
.nums .av:not([class*=socio]){background:#C9D6E4}

/* v0.7.0-teste.5 · símbolo ao lado do nome, mudanças, lições, solicitar número, troca travada */
.topo .marca{display:flex;align-items:center;gap:9px}
.topo .marca img{width:30px;height:30px;display:block}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.duas{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start}
.campos>div{margin-bottom:10px}
.lab{font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}
.passo{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid #EFEDE8;align-items:flex-start}
.passo .dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;flex:none;background:#C9CED6}
.passo .dot.ok{background:var(--ok)}.passo .dot.wa{background:var(--o)}
.alerta-troca{display:flex;gap:12px;align-items:flex-start;background:#FBF0DC;border:1px solid #E9C98A;border-left:4px solid var(--o);border-radius:10px;padding:12px 16px;margin:10px 0;line-height:1.5}
.chips label.dis{opacity:.5;cursor:not-allowed}
.fbar .chips label{cursor:pointer}
.btn:disabled{opacity:.45;cursor:not-allowed}
@media (max-width:900px){.grid2,.duas{grid-template-columns:1fr}}

/* ===== v0.7.0-teste.6 ===== */
/* aviso animado (sucesso e erro) */
.aviso{display:flex;align-items:center;gap:10px;background:#fff;color:var(--g);border:1px solid #DDE3EA;border-left:4px solid #2E7D5B;opacity:0;transform:translate(-50%,16px);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.8,.2,1)}
.aviso.vis{opacity:1;transform:translate(-50%,0)}
.aviso .ico{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#2E7D5B;color:#fff;font-weight:700;font-size:12px;animation:esfPop .4s ease}
.aviso.erro{background:#fff;border-left-color:var(--late)}.aviso.erro .ico{background:var(--late)}
@keyframes esfPop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}
/* processando: no lugar da barra vermelha */
#proc{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:rgba(14,24,38,.18);opacity:0;pointer-events:none;transition:opacity .2s}
#proc.on{opacity:1;pointer-events:auto;cursor:progress}
#proc .pbox{display:flex;align-items:center;gap:12px;background:#fff;padding:14px 20px;border-radius:12px;box-shadow:0 10px 30px rgba(14,24,38,.25);font-size:14px;font-weight:600;color:var(--g)}
#proc .pbox img{width:34px;height:34px;animation:esfGira 1.6s linear infinite}
#proc .pbox span::after{content:'';display:inline-block;width:1.2em;text-align:left;animation:esfPts 1.2s steps(4) infinite}
@keyframes esfGira{to{transform:rotate(360deg)}}
@keyframes esfPts{0%{content:''}25%{content:'.'}50%{content:'..'}75%{content:'...'}}
/* balão do objetivo */
.balao{position:relative;display:inline-grid;place-items:center;width:16px;height:16px;margin-left:6px;border-radius:50%;border:1px solid #9AA6B5;color:#5B6878;font:600 10px/1 'IBM Plex Sans',sans-serif;font-style:italic;cursor:help;vertical-align:middle}
.balao .bx{display:none;position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:280px;background:var(--g);color:#fff;font:400 12.5px/1.45 'IBM Plex Sans',sans-serif;font-style:normal;padding:9px 11px;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.2);z-index:30;text-align:left;white-space:normal}
.balao .bx b{display:block;color:var(--o);font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}
.balao:hover .bx,.balao:focus .bx{display:block}
.objetivo{font-size:13.5px;color:var(--g);margin:6px 0 2px;max-width:900px}.objetivo .lnk{margin-left:6px;font-size:12px;cursor:pointer;color:var(--mut);text-decoration:underline}
.linha.doc .d.now small{color:var(--g);font-weight:600}
.aviso.and{border-left-color:var(--o)}.aviso.and .ico{background:none;animation:none}.aviso.and .ico img{width:22px;height:22px;animation:esfGira 1.6s linear infinite}
.prevmod{border:1px solid #DDE3EA;border-radius:6px;padding:10px 12px;background:#fff;box-shadow:0 2px 8px rgba(14,24,38,.06);max-width:300px}
.prevmod .pm-top{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--o);padding-bottom:6px;font:500 9.5px 'IBM Plex Mono',monospace;color:var(--g)}
.prevmod .pm-top img{height:16px}.prevmod .pm-tit{font:700 13px 'Inter Tight',sans-serif;margin:10px 0 8px;color:var(--g)}
.prevmod .pm-l{height:5px;background:#E7EBF0;border-radius:3px;margin:5px 0}.prevmod .pm-l.c{width:70%}
/* painel animado: barras crescem ao abrir */
.br i{transform-origin:left center;animation:esfCresce .9s cubic-bezier(.2,.8,.2,1) both}
.bars .br:nth-child(2) i{animation-delay:.08s}.bars .br:nth-child(3) i{animation-delay:.16s}.bars .br:nth-child(4) i{animation-delay:.24s}.bars .br:nth-child(n+5) i{animation-delay:.32s}
@keyframes esfCresce{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.br.stk i{display:flex;background:none;overflow:hidden}.br.stk u{display:block;height:100%;text-decoration:none}
.br.stk u.b,.lg.b{background:#2E7D5B}.br.stk u.a,.lg.a{background:var(--o)}.br.stk u.o,.lg.o{background:#C9D6E4}
.lg{display:inline-block;width:9px;height:9px;border-radius:2px;margin:0 3px 0 6px;vertical-align:middle}
.card.lic.exc{opacity:.7;border-style:dashed}
@media (prefers-reduced-motion:reduce){.br i,#proc .pbox img,.aviso,.aviso .ico{animation:none!important;transition:none!important}}
.okv{color:#2E7D5B;font-weight:700}
.dropzona{border:1.5px dashed #C9D6E4;border-radius:8px;padding:8px 10px;transition:background .15s,border-color .15s}
.dropzona.arrastando{background:#FBF6EC;border-color:var(--o)}
.dica-drop{font-size:12px;color:var(--mut);margin-bottom:6px}
.comofunc{margin-left:10px;font:600 12px 'IBM Plex Sans',sans-serif;color:var(--g);background:#F4F1EA;border:1px solid #E2DCCD;border-radius:999px;padding:3px 10px;cursor:pointer}
.comofunc:hover{border-color:var(--o)}
.fluxo{display:flex;align-items:stretch;gap:6px;flex-wrap:wrap;margin-top:10px}
.fluxo .fp{flex:1 1 150px;background:#F7F8FA;border:1px solid #E3E8EE;border-top:3px solid var(--g);border-radius:8px;padding:10px 12px;font-size:13px}
.fluxo .fp .fn{width:22px;height:22px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center;font:600 12px 'IBM Plex Mono',monospace;margin-bottom:6px}
.fluxo .fp b{display:block;font-family:'Inter Tight',sans-serif}.fluxo .fp .quem{display:block;color:var(--o);font-weight:600;margin:2px 0 4px}.fluxo .fp p{margin:0;color:var(--mut);font-size:12.5px;line-height:1.45}
.fluxo .fs{align-self:center;color:var(--mut);font-size:18px}
@media (max-width:700px){.fluxo .fs{display:none}}
table.troca select{width:100%;padding:6px 8px;border:1px solid #C9D6E4;border-radius:6px;font:inherit;background:#fff}
table.troca tr.mudou td{background:#FBF6EC}
details.dados{margin-top:10px;border:1px solid #E3E8EE;border-radius:8px;padding:8px 12px;font-size:13px;background:#fff}
details.dados summary{cursor:pointer;font-weight:600;color:var(--g)}details.dados p{margin:8px 0;color:#33475F;line-height:1.5}
table.troca{width:100%;margin:10px 0}table.troca td:nth-child(3){width:48%}
/* teste.12: rótulos dos campos mais escuros (pedido da Roberta, 09/11/2026) */
.lab{color:#3B4757;font-weight:600}
.lab .balao,.f label .balao{text-transform:none;letter-spacing:0}
.lab .balao .bx,.f label .balao .bx{text-transform:none;letter-spacing:0;font-weight:400}
.lab .balao .bx b,.f label .balao .bx b{text-transform:uppercase}
/* 0.7.1: linhas editáveis da gestão de mudanças */
.lmud{display:grid;gap:6px 8px;align-items:center}
.lmud>small{font:600 10.5px 'IBM Plex Mono';color:#3B4757;text-transform:uppercase;letter-spacing:.04em}
.lmud input,.lmud select{width:100%}
@media(max-width:760px){.lmud{grid-template-columns:1fr!important}.lmud>small{display:none}}
/* 0.7.1: fluxograma do "Como funciona" */
.fg{margin:12px 0 4px;display:flex;flex-direction:column;align-items:stretch}
.fg-l{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;align-items:center}
.fg-n{background:#F7F8FA;border:1px solid #DCE2E9;border-radius:8px;padding:9px 12px;font-size:13px}
.fg-e{border-left:4px solid var(--g)}.fg-e b{font-family:'Inter Tight',sans-serif;display:block}.fg-e small{display:block;color:var(--o);font-weight:600;margin:1px 0 3px}.fg-e p{margin:0;color:#4A5666;font-size:12.5px;line-height:1.45}
.fg-ini,.fg-fim{background:var(--g);color:#fff;border-color:var(--g);border-radius:999px;text-align:center;font-weight:600}
.fg-v{border-style:dashed;color:#3B4757;font-size:12.5px}
.fg-dw{display:flex;justify-content:center}
.fg-d{width:100%;max-width:330px;min-height:70px;display:grid;place-items:center;text-align:center;padding:14px 46px;background:#FBF6EC;border:1px solid var(--o);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);font:600 12.5px/1.3 'IBM Plex Sans',sans-serif;color:var(--g)}
.fg-r{display:flex;align-items:center;gap:8px}.fg-r i{font-style:normal;font:600 11px 'IBM Plex Mono';color:var(--o);white-space:nowrap}
.fg-s{grid-column:1;width:53.5%;text-align:center;color:var(--mut);font-size:15px;line-height:1;margin:3px 0}.fg-s i{font-style:normal;font:600 11px 'IBM Plex Mono';color:var(--ok,#2E7D4F)}
.fg-l>.fg-n:only-child,.fg-l>.fg-dw:only-child{grid-column:1}
@media(max-width:700px){.fg-l{grid-template-columns:1fr}.fg-s{width:100%}}
.fg-s i{font:500 11.5px/1.35 'IBM Plex Sans',sans-serif!important}
/* 0.7.2: losango do fluxograma em SVG (sai igual no PDF) e notas do fluxo */
.fg-d{clip-path:none!important;border:0!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='50,1 99,50 50,99 1,50' fill='%23FBF6EC' stroke='%23C2902B' stroke-width='1.2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat!important;min-height:84px}
.fx-notas{margin-top:14px;padding:12px 14px;border:1px solid #E3E8EE;border-radius:8px;background:#FAFBFC;font-size:13px}
.fx-notas h5{margin:0 0 6px;font:700 12.5px 'Inter Tight',sans-serif;color:var(--g)}
.fx-notas ul{margin:4px 0 0;padding-left:18px}.fx-notas li{margin:3px 0;color:#3B4757}