:root{--verde: #15803d;--verde-escuro: #14532d;--verde-cabecalho: #414e3a;--dourado: #e3ba51;--cinza: #64748b;--borda: #e2e8f0;--fundo: #f8fafc;--erro: #b91c1c;--alerta: #b45309}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--fundo);color:#0f172a}.login-tela{min-height:100vh;display:grid;place-items:center;padding:1.5rem 1rem;background:linear-gradient(160deg,#4a5842 0%,var(--verde-cabecalho) 55%,#36412f 100%)}.cartao{background:#fff;border:0;border-radius:14px;padding:2.2rem 2rem 1.6rem;width:100%;max-width:380px;box-shadow:0 18px 40px #00000038;border-top:3px solid var(--dourado)}.logo-login{display:block;height:52px;width:auto;margin:0 auto 1rem}.cartao h1{font-size:.98rem;margin:0 0 1.4rem;text-align:center;color:#475569;font-weight:600;letter-spacing:.01em}.cartao p.sub{color:var(--cinza);font-size:.85rem;margin:0 0 1.5rem;text-align:center}label{display:block;font-size:.82rem;font-weight:600;margin-bottom:.3rem}input,select{width:100%;padding:.6rem .7rem;border:1px solid var(--borda);border-radius:8px;font-size:1rem;margin-bottom:1rem;background:#fff}input:focus,select:focus{outline:2px solid var(--verde);border-color:var(--verde)}button{padding:.6rem 1rem;border:0;border-radius:8px;background:var(--verde);color:#fff;font-weight:600;font-size:.92rem;cursor:pointer}button:hover{background:var(--verde-escuro)}button:disabled{opacity:.6;cursor:progress}button.secundario{background:#fff;color:#334155;border:1px solid var(--borda)}button.perigo{background:#fff;color:var(--erro);border:1px solid #fecaca}button.largo{width:100%}.erro{background:#fef2f2;border:1px solid #fecaca;color:var(--erro);padding:.6rem .7rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem}.aviso{background:#fffbeb;border:1px solid #fde68a;color:var(--alerta);padding:.6rem .7rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem;word-break:break-all}.cabecalho{background:var(--verde-cabecalho);color:#fff;padding:.5rem 1.2rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.cabecalho .marca{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:.95rem}.cabecalho .logo{height:45px;width:auto;display:block}@media(max-width:520px){.cabecalho .logo{height:38px}}.cabecalho nav{display:flex;gap:.3rem;flex:1;flex-wrap:wrap}.cabecalho nav button{background:transparent;color:#e8eee3;padding:.35rem .7rem;font-size:.85rem}.cabecalho nav button.ativo{background:#ffffff2e;color:#fff}.cabecalho .quem{font-size:.8rem;color:#cdd8c4}main{padding:1.2rem;max-width:1100px;margin:0 auto}h2{font-size:1.05rem;margin:0 0 1rem}.tabela-rolagem{overflow-x:auto;background:#fff;border:1px solid var(--borda);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:.87rem}th,td{padding:.6rem .8rem;text-align:left;border-bottom:1px solid var(--borda);white-space:nowrap}th{background:#f1f5f9;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--cinza)}tbody tr:last-child td{border-bottom:0}.etiqueta{font-size:.72rem;padding:.15rem .5rem;border-radius:999px;background:#f1f5f9;color:#334155;font-weight:600}.etiqueta.inativo{background:#fee2e2;color:var(--erro)}.etiqueta.pendente{background:#fef3c7;color:var(--alerta)}.barra-acoes{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.acoes-linha{display:flex;gap:.4rem}.acoes-linha button{padding:.3rem .6rem;font-size:.78rem}.formulario-inline{background:#fff;border:1px solid var(--borda);border-radius:10px;padding:1.2rem;margin-bottom:1rem;display:grid;gap:0 1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.formulario-inline .largura-total{grid-column:1 / -1}.cartoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem;margin-bottom:1.2rem}.cartao-indicador{background:#fff;border:1px solid var(--borda);border-radius:10px;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.2rem}.cartao-indicador .rotulo{font-size:.75rem;color:var(--cinza);text-transform:uppercase;letter-spacing:.03em}.cartao-indicador strong{font-size:1.25rem}.cartao-indicador .nota{font-size:.7rem;color:var(--cinza)}.kanban{display:flex;gap:.8rem;overflow-x:auto;padding-bottom:.5rem;align-items:start}.kanban .coluna{flex:0 0 260px;background:#eef2f6;border-radius:10px;padding:.7rem}.kanban .coluna header{display:flex;flex-direction:column;gap:.1rem;margin-bottom:.6rem;font-size:.82rem}.kanban .coluna header span{font-size:.72rem;color:var(--cinza)}.kanban .ficha{background:#fff;border:1px solid var(--borda);border-radius:8px;padding:.6rem;margin-bottom:.5rem;display:flex;flex-direction:column;gap:.25rem;font-size:.8rem}.kanban .ficha strong{font-size:.85rem}.kanban .ficha .cliente{color:var(--cinza)}.kanban .ficha .passo{color:var(--alerta);font-size:.75rem}.kanban .vazio{font-size:.78rem;color:var(--cinza);text-align:center;margin:.5rem 0}.graficos{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1rem}.painel{background:#fff;border:1px solid var(--borda);border-radius:10px;padding:1rem;min-width:0}.painel h3{font-size:.88rem;margin:0 0 .6rem;display:flex;align-items:center;gap:.4rem}.painel .contagem{background:#fee2e2;color:var(--erro);border-radius:999px;padding:.05rem .45rem;font-size:.72rem}.legenda{font-size:.75rem;color:var(--cinza);margin:0 0 .5rem}.contratos{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.9rem}.contrato-cartao{background:#fff;border:1px solid var(--borda);border-radius:10px;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.7rem;min-width:0}.contrato-cartao.aberto{border-color:var(--verde);box-shadow:0 0 0 1px var(--verde)}.contrato-cartao header{display:flex;justify-content:space-between;align-items:start;gap:.5rem}.contrato-cartao header strong{display:block;font-size:.95rem;line-height:1.25}.contrato-cartao .cliente{font-size:.8rem;color:var(--cinza)}.contrato-cartao .numero{font-size:.72rem;color:var(--cinza);white-space:nowrap;padding-top:.15rem}.progresso{height:6px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progresso .preenchido{height:100%;background:var(--verde);border-radius:999px}.progresso .preenchido.quitado{background:#0891b2}.numeros{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:0}.numeros dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.03em;color:var(--cinza)}.numeros dd{margin:0;font-size:.88rem;font-weight:600}.numeros .entrada{color:var(--verde)}.numeros .saldo{color:#0f172a}.marcas{display:flex;flex-wrap:wrap;gap:.3rem}.etiqueta.ok{background:#dcfce7;color:#166534}.detalhe-contrato{background:#fff;border:1px solid var(--verde);border-radius:10px;padding:1.1rem;margin-top:1rem}.detalhe-contrato>header{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem}.detalhe-contrato h3{margin:0;font-size:1rem}.detalhe-contrato h4{font-size:.82rem;text-transform:uppercase;letter-spacing:.03em;color:var(--cinza);margin:1.2rem 0 .5rem}.detalhe-contrato .blocos{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.detalhe-contrato .bloco{background:var(--fundo);border-radius:8px;padding:.8rem 1rem}.detalhe-contrato .bloco h4{margin-top:0}.linhas{margin:0}.linhas>div{display:flex;justify-content:space-between;gap:1rem;padding:.28rem 0;font-size:.85rem}.linhas dt{color:var(--cinza)}.linhas dd{margin:0;font-weight:600;text-align:right}.linhas .destaque{border-top:1px solid var(--borda);margin-top:.3rem;padding-top:.45rem;font-size:.95rem}.linhas .entrada{color:var(--verde)}.parcelas{list-style:none;margin:0;padding:0}.parcelas li{display:grid;grid-template-columns:1fr auto auto minmax(120px,auto) auto;gap:.6rem;align-items:center;padding:.5rem .2rem;border-bottom:1px solid var(--borda);font-size:.85rem}.parcelas li:last-child{border-bottom:0}.parcelas li.atrasada{background:#fef2f2;border-radius:6px}.parcelas .rotulo{font-weight:600}.parcelas .venc,.parcelas .valor{white-space:nowrap}.parcelas .valor{font-weight:600}.parcelas .situacao{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.parcelas .situacao em{font-style:normal;font-size:.72rem;color:var(--cinza)}@media(max-width:620px){.parcelas li{grid-template-columns:1fr auto;row-gap:.25rem}.parcelas .rotulo{grid-column:1}.parcelas .valor{grid-column:2;text-align:right}.parcelas .venc{grid-column:1;color:var(--cinza);font-size:.78rem}.parcelas .situacao{grid-column:2;justify-content:end}.parcelas .acao{grid-column:1 / -1}.parcelas .acao button{width:100%}.numeros{grid-template-columns:repeat(2,1fr)}}.grupo-parcelas{background:#fff;border:1px solid var(--borda);border-radius:10px;margin-bottom:.8rem;overflow:hidden}.grupo-parcelas>header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem;background:#f8fafc;cursor:pointer;flex-wrap:wrap}.grupo-parcelas>header:hover{background:#f1f5f9}.grupo-parcelas>header strong{display:block;font-size:.9rem}.grupo-parcelas>header .cliente{font-size:.78rem;color:var(--cinza)}.grupo-parcelas .resumo-grupo{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:.8rem;color:var(--cinza)}.grupo-parcelas .resumo-grupo strong{font-size:.85rem;color:#0f172a}.grupo-parcelas .seta{font-size:.7rem}.grupo-parcelas .parcelas{padding:0 1rem .4rem}.formulario-inline.baixa{border-color:var(--verde)}.baixa-no-grupo{padding:0 1rem 1rem}.baixa-no-grupo .formulario-inline{margin-bottom:0}.zona-arquivo{border:2px dashed var(--borda);border-radius:8px;padding:.9rem;text-align:center;cursor:pointer;background:#fff;transition:border-color .15s,background .15s;margin-bottom:1rem;min-height:62px;display:flex;align-items:center;justify-content:center}.zona-arquivo:hover{border-color:var(--verde)}.zona-arquivo:focus-visible{outline:2px solid var(--verde);outline-offset:2px}.zona-arquivo.arrastando{border-color:var(--verde);background:#f0fdf4}.zona-arquivo input[type=file]{display:none}.zona-arquivo .convite{font-size:.82rem;color:var(--cinza)}.zona-arquivo .escolhido{font-size:.84rem;color:#0f172a;font-weight:600;word-break:break-all}.zona-arquivo .escolhido em{display:block;font-style:normal;font-weight:400;font-size:.72rem;color:var(--verde);margin-top:.15rem}.campo-senha{position:relative}.campo-senha input{padding-right:2.6rem}.campo-senha button{position:absolute;right:.35rem;top:.3rem;background:transparent;border:0;padding:.3rem .4rem;font-size:1rem;line-height:1;cursor:pointer;opacity:.65}.campo-senha button:hover{background:transparent;opacity:1}.campo-senha button:focus-visible{outline:2px solid var(--verde);border-radius:4px}button.entrar{background:var(--verde-cabecalho);padding:.7rem 1rem;font-size:.95rem}button.entrar:hover{background:#36412f}.cartao .ajuda{font-size:.76rem;color:#5a6a52;line-height:1.45;margin:1.2rem 0 0;padding-top:1rem;border-top:1px solid var(--borda)}
