.tc{--ink:#0f2342;--ink-2:#2b3a52;--mute:#5a6678;--faint:#7c879a;--ghost:#9aa5b5;--line:#dbe3ee;--line-2:#e6ecf4;--line-3:#edf1f7;--sand:#f3f6fb;--field:#c9d3e0;--verde:#15803d;--verde-2:#166534;--verde-bg:#dcfce7;--lima:#7dd3fc;--ambar:#e0962a;--ambar-2:#8a5410;--ambar-bg:#fbefd9;--ambar-line:#f0d9b5;--vermelho:#c2410c;--azul:#2f6fed;--zap:#25d366;--zap-2:#1ebe5b;--zap-tinta:#0b3d1f;--zap-topo:#008069;--zap-fundo:#efeae2;--zap-link:#027eb5;--fundo:#f7f6f2}.tc .num{font-variant-numeric:tabular-nums}.tc .ic{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.tc.cena{width:100%;position:relative}@media (width>=640px){.tc.cena{max-width:580px;height:calc(560px * var(--k,1));margin:0 auto}.tc .palco{width:580px;height:560px;transform:scale(var(--k,1));transform-origin:0 0;position:absolute;top:0;left:0}}@media (width>=1024px){.tc.cena{margin:0 0 0 auto}}.tc .notebook{position:relative}.tc .nb-tampa{background:#18212f;border-radius:16px 16px 6px 6px;padding:12px 12px 14px;position:relative;box-shadow:0 30px 60px #0f234233,inset 0 0 0 1px #ffffff0f}.tc .nb-cam{background:#3a4558;border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;top:4px;left:50%}.tc .nb-base{background:linear-gradient(#e4e8ee,#b9c1cd);border-radius:2px 2px 14px 14px;height:14px;margin:0 -7%;position:relative;box-shadow:0 14px 24px #0f234229}.tc .nb-base:before{content:"";background:#a9b2bf;border-radius:0 0 8px 8px;width:18%;height:5px;margin-left:-9%;position:absolute;top:0;left:50%}@media (width>=640px){.tc .notebook{width:520px;position:absolute;top:8px;left:0}}@media (width<=639px){.tc .notebook{padding:0 5%}.tc .nb-base{height:11px;margin:0 -5.6%}.tc .nb-tampa{border-radius:12px 12px 5px 5px;padding:8px 8px 10px}}.tc .tela{aspect-ratio:960/600;background:var(--sand);border-radius:4px;position:relative;overflow:hidden}.tc .tela-in{width:960px;height:600px;transform:scale(var(--s,.5));transform-origin:0 0;position:absolute;top:0;left:0}.tc .app{height:100%;color:var(--ink);font-size:14px;display:flex}.tc .app-lado{background:var(--ink);color:#fff;flex-direction:column;align-items:center;gap:6px;width:64px;padding:16px 0 14px;display:flex}.tc .app-logo{letter-spacing:-.04em;margin-bottom:12px;padding-right:6px;font-size:26px;font-weight:700;line-height:1;position:relative}.tc .app-logo svg{position:absolute;top:0;right:-4px}.tc .lado-it{color:#ffffffb8;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tc .lado-it.vender{background:var(--lima);color:var(--ink);margin-bottom:4px;box-shadow:0 2px 10px #7dd3fc59}.tc .lado-it.ativo{color:#fff;background:#ffffff24}.tc .lado-fim{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-top:auto;font-size:13px;font-weight:700;display:flex}.tc .app-main{flex-direction:column;flex:1;gap:12px;min-width:0;padding:18px 22px;display:flex}.tc .fin-topo{justify-content:space-between;align-items:center;gap:12px;height:44px;display:flex}.tc .fin-topo>div{flex-direction:column;gap:2px;display:flex}.tc .fin-tit{letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1.1}.tc .fin-sub{color:var(--mute);font-size:13px}.tc .btn-sec{border:1.5px solid var(--field);background:#fff;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.tc .abas{gap:6px;height:32px;display:flex}.tc .aba{color:var(--ink-2);border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600}.tc .aba.on{background:var(--ink);color:#fff;border-color:var(--ink)}.tc .fin-grade{flex:1;grid-template-columns:minmax(0,1fr) 296px;gap:14px;min-height:0;display:grid}.tc .col{flex-direction:column;gap:12px;min-width:0;display:flex}.tc .cartao{border:1px solid var(--line);background:#fff;border-radius:16px}.tc .chip{white-space:nowrap;border-radius:999px;align-self:flex-start;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.tc .chip.verde{background:var(--verde-bg);color:var(--verde-2)}.tc .disp{background:var(--ink);color:#fff;border-radius:18px;grid-template-columns:1fr auto;gap:6px 16px;height:134px;padding:15px 18px;display:grid;position:relative;overflow:hidden}.tc .disp .bola{background:#ffffff12;border-radius:50%;position:absolute}.tc .disp .b1{width:220px;height:220px;top:-80px;right:-50px}.tc .disp .b2{background:#ffffff0d;width:80px;height:80px;top:30px;right:170px}.tc .disp-esq{flex-direction:column;gap:3px;display:flex;position:relative}.tc .disp-rot{color:#ffffffbf;font-size:13px;font-weight:600}.tc .disp-val{letter-spacing:-.03em;font-size:40px;font-weight:700;line-height:1}.tc .disp-sub{color:#ffffffb3;font-size:12px}.tc .disp-dir{align-items:flex-start;gap:8px;display:flex;position:relative}.tc .lugar{background:#ffffff1a;border-radius:12px;flex-direction:column;gap:1px;min-width:112px;padding:8px 11px;display:flex}.tc .lugar-rot{color:#ffffffbf;align-items:center;gap:5px;font-size:11.5px;display:flex}.tc .lugar-rot i{border-radius:50%;width:7px;height:7px;display:inline-block}.tc .lugar b{font-size:16px;font-weight:700}.tc .lugar small{color:#ffffffa6;font-size:10.5px}.tc .disp-nota{color:#ffffffbf;grid-column:1/-1;align-self:end;margin:0;font-size:12px;position:relative}.tc .contas{flex-direction:column;gap:9px;height:126px;padding:11px 14px 12px;display:flex}.tc .cab-cartao{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.tc .cab-cartao>b{font-size:15px;font-weight:800}.tc .cab-cartao .tot{color:var(--mute);font-size:11.5px}.tc .cab-cartao .tot b{color:var(--ink);font-weight:700}.tc .folhas{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tc .folha{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.tc .folha-dia{background:var(--sand);align-items:baseline;gap:4px;padding:5px 10px 4px;display:flex}.tc .folha-dia b{letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1}.tc .folha-dia span{letter-spacing:.06em;font-size:10px;font-weight:700}.tc .folha-dia em{margin-left:auto;font-size:10.5px;font-style:normal;font-weight:700}.tc .folha-corpo{flex-direction:column;gap:1px;padding:5px 10px 7px;display:flex}.tc .folha-nome{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.tc .folha-corpo b{font-size:14px;font-weight:800}.tc .folha.ambar{border-color:var(--ambar-line)}.tc .folha.ambar .folha-dia{background:var(--ambar-bg);color:var(--ambar-2)}.tc .folha.azul{border-color:#c9dcfb}.tc .folha.azul .folha-dia{color:#1d4ed8;background:#e0efff}.tc .folha.cinza .folha-dia{color:var(--ink-2)}.tc .grafico{flex-direction:column;gap:6px;height:180px;padding:12px 14px 10px;display:flex}.tc .graf-cab{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.tc .graf-cab>div{flex-direction:column;gap:1px;display:flex}.tc .graf-cab>div>b{font-size:15px;font-weight:800}.tc .graf-cab>div>span{color:var(--mute);font-size:12px}.tc .graf-cab>div>span b{color:var(--ink);font-weight:700}.tc .graf-area{flex:1;margin-right:26px;position:relative}.tc .graf-area svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tc .grade-l{border-top:1px dashed var(--line-2);position:absolute;left:0;right:-26px}.tc .grade-l span{color:var(--faint);font-size:10px;position:absolute;top:-14px;right:0}.tc .ponto-conta{background:var(--ambar);border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;position:absolute;top:100%}.tc .ponto{border-radius:50%;position:absolute}.tc .marca-v{border-left:1px dashed var(--azul);position:absolute;bottom:0}.tc .balao{background:var(--ink);color:#fff;text-align:center;white-space:nowrap;border-radius:9px;padding:4px 9px;position:absolute;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 6px 18px #0f23422e}.tc .balao b{font-size:12px;font-weight:700;display:block}.tc .balao span{color:#ffffffb8;font-size:9.5px;display:block}.tc .graf-eixo{height:12px;color:var(--faint);margin-right:26px;font-size:10px;position:relative}.tc .graf-eixo span{position:absolute;transform:translate(-50%)}.tc .graf-eixo span:first-child{transform:none}.tc .graf-eixo span:last-child{transform:translate(-100%)}.tc .resposta{flex-direction:column;gap:9px;padding:14px 16px;display:flex}.tc .resp-tit{letter-spacing:-.01em;font-size:16px;font-weight:700;line-height:1.28}.tc .resp-linhas{flex-direction:column;gap:5px;font-size:12.5px;display:flex}.tc .resp-linhas>div{justify-content:space-between;gap:8px;display:flex}.tc .resp-linhas span{color:var(--mute)}.tc .resp-linhas b{font-weight:700}.tc .resp-linhas hr{background:var(--line-2);border:0;width:100%;height:1px;margin:2px 0}.tc .resp-linhas .sobra{font-size:15px}.tc .resp-linhas .sobra span{color:var(--ink);font-weight:700}.tc .t-verde{color:var(--verde)}.tc .t-verm{color:var(--vermelho)}.tc .indic{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tc .ind{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.tc .ind span{color:var(--ink-2);font-size:12px;font-weight:600}.tc .ind b{letter-spacing:-.01em;font-size:17px;font-weight:700}.tc .ind small{color:var(--mute);font-size:10.5px}.tc .celular{z-index:2;background:#08152b;border-radius:36px;width:246px;padding:8px;position:relative;box-shadow:0 30px 70px #0f23424d}.tc .cel-tela{background:var(--zap-fundo);color:var(--ink);border-radius:29px;flex-direction:column;display:flex;overflow:hidden}.tc .cel-status{color:#fff;background:var(--zap-topo);justify-content:space-between;align-items:center;padding:7px 18px 3px;font-size:11px;font-weight:700;display:flex}.tc .cel-status i{border:1.5px solid #ffffffd9;border-radius:3px;width:18px;height:8px;display:inline-block;position:relative}.tc .cel-status i:after{content:"";background:#fff;border-radius:1px;position:absolute;inset:1px 4px 1px 1px}.tc .zap-cab{background:var(--zap-topo);color:#fff;align-items:center;gap:9px;padding:6px 12px 10px;display:flex}.tc .zap-av{width:30px;height:30px;color:var(--ink);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.tc .zap-nome{flex-direction:column;line-height:1.2;display:flex}.tc .zap-nome b{font-size:14px;font-weight:700}.tc .zap-nome span{color:#ffffffbf;font-size:11px}.tc .zap-cab svg{opacity:.85;margin-left:auto}.tc .conversa{flex-direction:column;gap:7px;padding:10px 9px 14px;font-size:12.5px;line-height:1.36;display:flex}.tc .msg{max-width:92%;padding:6px 9px 5px;box-shadow:0 1px .5px #0b141a21}.tc .msg.minha{background:#d9fdd3;border-radius:11px 11px 4px;align-self:flex-end}.tc .msg.dela{background:#fff;border-radius:11px 11px 11px 4px;align-self:flex-start}.tc .hora{float:right;color:#667781;margin:5px 0 -3px 8px;font-size:9.5px;line-height:1}.tc .hora em{color:#53bdeb;font-style:normal}.tc .com-botoes{flex-direction:column;align-self:flex-start;gap:3px;width:90%;display:flex}.tc .com-botoes .bolha{background:#fff;border-radius:11px 11px 4px 4px;padding:6px 9px;box-shadow:0 1px .5px #0b141a21}.tc .com-botoes .bts{grid-template-columns:1fr 1fr;gap:3px;display:grid}.tc .com-botoes .bts span{text-align:center;color:var(--zap-link);background:#fff;border-radius:4px;padding:6px 0;font-weight:700;box-shadow:0 1px .5px #0b141a21}.tc .pronto{color:var(--verde);align-items:center;gap:5px;font-weight:700;display:flex}@media (width>=640px){.tc .celular{position:absolute;top:196px;right:0}}@media (width<=639px){.tc .celular{margin:-26px max(0px,50% - 150px) 0 auto}}@media (prefers-reduced-motion:no-preference){.tc .entra{opacity:0;animation:.5s ease-out forwards tc-entra}.tc.cena.esperando .entra{animation-play-state:paused}@keyframes tc-entra{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
