* {
box-sizing:border-box
}
.central-atendimentos {
margin-top:30px;
}
.central-visitas-secao,.central-orcamentos-secao {
margin-top:30px;
}
.central-visitas-lista {
display:flex;
flex-wrap:nowrap;
overflow-x:auto;
overflow-y:hidden;
align-items:stretch;
gap:10px;
width:100%;
padding-bottom:6px;
}
.central-visitas-lista > .central-empty {
width:100%;
min-width:100%;
}
.central-visita-linha {
width:100%;
flex:0 0 300px;
max-width:300px;
display:grid;
grid-template-columns:1fr auto;
align-items:center;
gap:5px 10px;
padding:10px 12px;
border:1px solid #d8d8d8;
border-left:4px solid #ffbb00;
border-radius:5px;
color:#777;
font-size:13px;
}
.central-visita-linha > span:first-child {
display:none;
}
.central-visita-linha > strong {
grid-column:1 / -1;
grid-row:2;
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.central-recent-heading h2 {font-size: 16px; margin: 0;}
.central-visita-linha > span:nth-child(3) {
grid-column:1;
grid-row:1;
}
.central-visita-linha > span:nth-child(4) {
grid-column:2;
grid-row:1;
justify-self:end;
}
.central-visita-linha__acoes {
display:flex;
grid-column:1 / -1;
justify-content:stretch;
gap:8px;
position:relative;
width:100%;
}
.central-visita-linha__acoes a,.central-visita-linha__acoes button {
padding:7px 10px;
border:1px solid #777;
border-radius:5px;
background:#fff;
color:#777;
font-size:11px;
font-weight:600;
text-decoration:none;
cursor:pointer;
}
.central-visita-linha__acoes form {
margin:0;
}
@media(max-width:700px) {
[class~="central-visita-linha__acoes"] [class~="atendimento-menu"],[class~="central-atendimento-card__acoes"] [class~="atendimento-menu"] {
top:calc(100% + 5px);
left:auto;
right:0;
}
[class~="central-visita-linha"] {
grid-template-columns:1fr auto;
gap:8px;
}
}
.central-atendimentos-list {
display:grid;
gap:10px;
width:100%;
}
.central-atendimentos-filtros {
display:none;
}
.central-status-badge,.central-visita-linha > span:nth-child(4),.central-atendimento-card > span:nth-child(4) {
display:inline-flex;
width:max-content;
padding:4px 10px;
border-radius:999px;
background:#ffbb00;
color:#fffdfd;
font-size:11px;
font-weight:600;
}
.central-ver-todos {
color:#777;
font-size:12px;
text-decoration:none;
}
.central-atendimentos-filtros input,.central-atendimentos-filtros select {
width:100%;
padding:10px 12px;
border:1px solid #d8d8d8;
border-radius:5px;
background:#fff;
color:#777;
font-size:13px;
}
.central-atendimento-card {
width:100%;
position:relative;
display:grid;
grid-template-columns:110px minmax(180px,2fr) 1.2fr 1.2fr 1fr 230px;
align-items:center;
gap:12px;
padding:16px;
border:1px solid #d8d8d8;
border-radius:5px;
background:#fff;
color:#777;
font-size:13px;
}
.central-atendimento-card strong {
color:#333;
}
.central-atendimento-card > strong:nth-child(2) {
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.central-atendimento-card__numero,.central-atendimento-card__status {
color:#777;
font-size:12px;
}
.central-atendimento-card__acoes {
display:flex;
justify-content:flex-end;
gap:8px;
position:relative;
}
.central-atendimento-card__acoes a,.central-atendimento-card__acoes button {
padding:7px 10px;
border:1px solid #777;
border-radius:5px;
background:#fff;
color:#777;
font-size:11px;
font-weight:600;
text-decoration:none;
cursor:pointer;
}
.central-atendimento-card > span:first-child::before {
content:'N.º ';
}
.central-atendimento-card > span:nth-child(3)::before {
content:'Data: ';
}
.central-atendimento-card > strong:nth-child(5)::before {
content:'Valor: ';
}
.central-whatsapp-atalho {
position:absolute;
right:12px;
bottom:12px;
display:none!important;
width:28px;
height:28px;
overflow:hidden;
padding:0;
border:0;
background:transparent;
color:#1b9b57;
font-size:0;
text-decoration:none;
text-align:center;
}
.central-whatsapp-atalho::before {
content:'\f232';
font-family:'Font Awesome 6 Brands';
font-size:24px;
line-height:28px;
}
.atendimento-menu-botao {
min-width:92px;
width:100%;
}
.atendimento-menu {
position:absolute;
top:calc(100% + 5px);
left:auto;
right:0;
z-index:20;
display:none;
min-width:180px;
padding:5px;
border:1px solid #d8d8d8;
border-radius:6px;
background:#fff;
box-shadow:0 8px 24px rgba(0,0,0,.15);
}
.central-atendimento-card__acoes,.central-visita-linha__acoes {
position:relative;
}
.atendimento-menu.is-open {
display:grid;
gap:3px;
position:fixed;
}
.atendimento-menu a,.atendimento-menu button {
display:block;
width:100%;
padding:5px 12px;
border:0;
background:none;
color:#374151;
font:400 13px Poppins,Arial,sans-serif;
text-align:left;
text-decoration:none;
cursor:pointer;
}
.atendimento-menu a:hover,.atendimento-menu button:hover {
background:#f9fafb;
color:#111827;
padding-left:16px;
}
.index-share-item {
display:none!important;
}
@media(max-width:700px) {
.index-share-item {
display:block!important;
}
}
@media(max-height:720px) {
.central-atendimento-card__acoes .atendimento-menu,.central-visita-linha__acoes .atendimento-menu {
top:auto;
bottom:calc(100% + 5px);
left:auto;
right:0;
}
}
.central-atendimento-card__acoes a:last-child {
border-color:#1b9b57;
color:#1b9b57;
}
.central-atendimento-card__acoes form {
margin:0;
}
@media(max-width:700px) {
[class~="central-atendimentos"] {
margin-top:24px;
}
[class~="central-atendimento-card"] {
grid-template-columns:1fr auto;
gap:8px 12px;
padding:12px;
}
[class~="central-atendimento-card"] > span:first-child {
grid-column:1;
grid-row:1;
}
[class~="central-atendimento-card"] > strong:nth-child(2) {
grid-column:1 / -1;
grid-row:2;
}
[class~="central-atendimento-card"] > span:nth-child(3) {
grid-column:1;
grid-row:3;
}
[class~="central-atendimento-card"] > span:nth-child(4) {
grid-column:2;
grid-row:1;
justify-self:end;
}
[class~="central-atendimento-card"] > strong:nth-child(5) {
grid-column:1;
grid-row:4;
}
[class~="central-atendimento-card__acoes"] {
grid-column:1 / -1;
justify-content:flex-end;
}
}
.central-shortcut,.central-metric,.central-visita-modal__caixa,.central-actions-panel,.central-empty {
border-radius:var(--central-radius);
}
.chat-window {
width:min(100%,1320px);
margin:0 auto;
padding:24px;
border:1px solid var(--line);
border-radius:var(--radius);
background:#fff
}
.chat-history {
display:grid;
gap:8px;
margin-bottom:18px
}
.chat-message {
max-width:85%;
padding:11px 12px;
border-radius:12px;
font-size:13px
}
.chat-message.assistant {
justify-self:start;
background:#fff0ef;
color:var(--dark-red)
}
.chat-message.user {
justify-self:end;
background:#f2f2f2;
color:#525252
}
#chat-question h2 {
margin-bottom:8px;
font-size: 22px;
}
#chat-question input,#chat-question select,#chat-question textarea {
width:100%;
padding:12px;
border:1px solid var(--line);
border-radius:var(--radius);
font-size:16px
}
#cliente-resultados {
display:grid;
gap:6px;
margin:8px 0 12px
}
#cliente-resultados button {
padding:12px;
border:2px solid var(--line);
border-radius:var(--radius);
background:#fff;
color:#525252;
text-align:left;
cursor:pointer
}
.cliente-resultado-card{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1.3fr);gap:18px;padding:13px 16px!important;border:1px solid #ead8d5!important;border-radius:10px!important;background:#fff!important;box-shadow:0 4px 12px rgba(53,30,27,.08);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.cliente-resultado-card:hover{border-color:#d73725!important;box-shadow:0 7px 18px rgba(53,30,27,.12);transform:translateY(-1px)}.cliente-resultado-card strong{overflow:hidden;color:#333;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.visita-novo-cliente{display:grid;gap:12px;margin-top:16px;padding:16px;border:1px solid #ead8d5;border-radius:10px;background:#fffafa;box-shadow:0 4px 12px rgba(53,30,27,.06)}.visita-novo-cliente label{display:grid;gap:6px;color:#525252;font-size:12px;font-weight:600}.visita-novo-cliente input{width:100%;padding:12px;border:1px solid var(--line);border-radius:var(--radius);font-size:12px}.visita-cpf-endereco{display:grid;grid-template-columns:1fr 1fr;gap:12px}.visita-continuar{width:100%;margin-top:18px}.visita-acoes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.visita-acoes .venda-voltar{border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:#a01f16;font-weight:600}.visita-etapa .step-label{display:block;margin-bottom:12px;color:#a01f16;font-size:11px;font-weight:700;letter-spacing:.08em}.visita-etapa .step-label small{color:#777;font-size:10px}@media(max-width:700px){[class~="visita-cpf-endereco"],[class~="visita-acoes"]{grid-template-columns:1fr}[class~="visita-etapa"] h2{font-size:20px}}
.visita-novo-cliente[hidden],.visita-etapa[hidden]{display:none!important}.visita-etapa>#cliente-busca{width:100%;padding:12px;border:1px solid var(--line);border-radius:var(--radius);font-size:16px}.visita-etapa>#cliente-busca:focus{border-color:#d73725;outline:0;box-shadow:0 0 0 3px rgba(215,55,37,.12)}
.visita-data-hora{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:0 0 18px!important}.visita-data-hora .field{grid-column:auto!important;grid-row:auto!important;width:auto!important}.visita-data-hora .field input{width:100%}.visita-acoes .submit,.visita-acoes .venda-voltar{height:44px;margin-top:0!important;padding:10px 12px}.visita-acoes{align-items:stretch}@media(max-width:700px){[class~="visita-data-hora"]{grid-template-columns:1fr!important}}
.central-visita-modal {
position:fixed;
inset:0;
z-index:100;
display:grid;
place-items:center;
padding:20px;
}
.central-visita-modal[hidden] {
display:none;
}
.central-visita-modal__backdrop {
position:absolute;
inset:0;
background:rgba(30,20,20,.42);
}
.central-visita-modal__caixa {
position:relative;
z-index:1;
width:min(650px,100%);
padding:24px 34px 30px;
border-radius:12px;
background:#fff;
box-shadow:0 18px 50px rgba(0,0,0,.2);
}
.central-visita-modal__caixa small {
color:#a01f16;
font-weight:700;
font-size:16px;
}
.central-visita-modal__caixa h2 {
margin:5px 0 16px;
color:#777;
font-size:16px;
font-weight:600;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:100%;
display:block;
word-break:break-word;
}
.central-visita-modal__caixa > p:first-of-type {
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
position:relative;
padding-right:42px;
}
.visita-modal-telefone {
margin:0 0 12px!important;
color:#777!important;
font-size:12px!important;
}
.visita-modal-contato {
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.visita-modal-contato .visita-modal-telefone {
margin:0!important;
}
.visita-modal-whatsapp-link {
display:inline-flex;
align-items:center;
justify-content:center;
position:absolute;
top:50%;
right:0;
margin:0;
transform:translateY(-50%);
color:#1b9b57;
font-size:0;
font-weight:600;
text-decoration:none;
}
.visita-modal-whatsapp-link::before {
content:'\f232';
font-family:'Font Awesome 6 Brands';
font-size:28px;
line-height:28px;
}
.central-visita-modal__caixa form {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.central-visita-modal__caixa label {
display:grid;
gap:5px;
color:#777;
font-size:12px;
font-weight:600;
}
.central-visita-modal__caixa input,.central-visita-modal__caixa textarea {
width:100%;
padding:10px 12px;
border:1px solid #d8d8d8;
border-left:3px solid #2878c8;
border-radius:5px;
background:#fff;
color:#555;
font:inherit;
font-weight:400;
}
.central-atendimento-card > span:nth-child(4) {
background:#eaf3ff;
color:#2878c8;
}
.central-atendimento-card.is-nota {
border-left-color:#1b9b57;
}
.central-atendimento-card.is-nota > span:nth-child(4) {
background:#e9f8ef;
color:#1b9b57;
}
.central-visita-modal__caixa textarea {
min-height:90px;
resize:vertical;
}
.central-visita-modal__caixa label:nth-of-type(3),.central-visita-modal__caixa label:nth-of-type(6),.central-visita-modal__caixa form .submit {
grid-column:1 / -1;
}
.central-visita-modal__caixa form .submit {
margin-top:4px;
border:0;
border-radius:5px;
}
.central-visita-modal__caixa p {
margin:12px 0;
color:#555;
font-size:12px;
line-height:1.6;
}
.central-visita-modal__caixa p:nth-of-type(1) {
display:flex;
justify-content:space-between;
gap:24px;
}
.central-visita-modal__caixa p:nth-of-type(2) {
padding-top:4px;
border-top:1px solid #eee;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.central-visita-modal__caixa p:nth-of-type(3) {
min-height:80px;
padding-top:8px;
border-top:1px solid #eee;
}
.central-visita-modal__caixa p:nth-of-type(3)::after {
content:none;
}
.central-visita-modal__caixa p:nth-of-type(3) span {
display:block;
width:100%;
margin-top:6px;
font-weight:500
}
.visita-maps-link {
display:inline-flex;
flex:0 0 auto;
margin-left:10px;
padding:7px 10px;
border-radius:5px;
background:#fff0ef;
border:1px solid #f0c9c4;
color:#a01f16!important;
font-size:11px;
font-weight:600;
text-decoration:none
}
.central-visita-modal__fechar {
position:absolute;
top:10px;
right:12px;
border:0;
background:none;
color:#a01f16;
font-size:26px;
cursor:pointer;
}
@media(max-width:700px) {
[class~="clientes-main"] [class~="top"] {
align-items:flex-start;
}
[class~="clientes-main"] [class~="card"] {
padding:10px;
}
[class~="central-clientes-tabela-wrap"] {
max-height:none;
}
[class~="central-clientes-tabela"] {
font-size:12px;
}
[class~="central-clientes-tabela"] th, [class~="central-clientes-tabela"] td {
padding:8px;
}
[class~="central-visita-modal"] {
padding:5px;
overflow:hidden;
}
[class~="central-visita-modal__caixa"] {
width:100%;
max-width:100%;
min-width:0;
margin:0;
padding:18px 18px 22px;
overflow:hidden;
}
[class~="central-visita-modal__caixa"] h2 {
font-size:12px;
}
[class~="central-visita-modal__caixa"] input,[class~="central-visita-modal__caixa"] textarea {
font-size:16px;
}
[class~="central-visita-modal__caixa"] p:nth-of-type(1) {
display:block;
}
[class~="central-visita-modal__caixa"] form {
grid-template-columns:1fr;
}
[class~="central-visita-modal__caixa"] label:nth-of-type(3),[class~="central-visita-modal__caixa"] label:nth-of-type(6),[class~="central-visita-modal__caixa"] form [class~="submit"] {
grid-column:auto;
}
}
#cliente-resultados p {
margin:4px 0;
color:#777;
font-size:12px
}
.cliente-api-retorno {
display:grid;
gap:5px;
margin:10px 0;
padding:12px;
border:1px solid #cfe6d5;
border-radius:var(--radius);
background:#f4fff6;
color:#525252;
font-size:12px
}
.cliente-api-retorno strong {
color:#23733a;
font-size:13px
}
.step-help {
margin:-8px 0 18px;
color:#777;
font-size:13px
}
#empresa-field {
display:none
}
#empresa-field.visible {
display:block
}
.secondary {
display:inline-flex;
justify-content:center;
align-items:center;
padding:var(--pad);
border:1px solid var(--line);
border-radius:var(--radius);
background:#fff;
color:var(--dark-red);
font-weight:600;
cursor:pointer;
text-decoration:none
}
.venda-resumo {
display:grid;
gap:7px;
margin-top:18px;
padding:8px 0;
border-radius:var(--radius);
background:#fff7f6;
color:#52606f;
font-size:13px;
line-height:1.6
}
.venda-resumo strong {
color:var(--dark-red)
}
.venda-resumo b {
font-size:20px;
color:var(--dark-red)
}
:root {
--red:#d73725;
--dark-red:#a01f16;
--central-gray:#777;
--central-radius:5px;
--soft:#fff7f6;
--line:#ddd;
--radius:5px;
--gap:10px;
--pad:5px 10px;
--font:12px;
--central-dashboard-width:min(calc(100% - 40px));
--central-dashboard-padding:15px 0;
}
body {
margin:0;
padding-top:60px;
font-family:Poppins, Arial, sans-serif;
color:#525252;
background:#fff
}
a {
color:var(--dark-red)
}
input, select, textarea, button {
font:var(--font) Poppins, Arial, sans-serif
}
/* Cabeçalho */
.central-header {
position:fixed;
z-index:10;
inset:0 0 auto;
min-height:60px;
padding:0 20px;
display:flex;
align-items:center;
justify-content:space-between;
border-bottom:2px solid var(--red);
background:var(--soft)
}
.central-brand {
display:flex;
align-items:center;
color:var(--dark-red);
text-decoration:none
}
.central-logo-wrap {
display:grid;
place-items:center;
width:40px;
height:40px;
overflow:hidden
}
.central-logo-wrap img {
width:100%;
height:100%;
object-fit:contain
}
.central-header-product {
position:absolute;
left:50%;
transform:translateX(-50%);
color:var(--dark-red);
font-size:18px
}
.central-actions {
display:flex;
align-items:center;
gap:var(--gap)
}
.central-actions form {
margin:0
}
.central-settings, .central-logout {
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 15px;
border:0;
border-radius:var(--radius);
background:var(--red);
color:#fff;
font:600 13px Poppins, Arial, sans-serif;
text-decoration:none;
cursor:pointer
}
.central-menu-toggle {
display:none
}
/* Estrutura de páginas */
.shell {
width:min(calc(100% - 32px), 980px);
margin:auto;
padding:28px 0 55px
}
.top {
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:var(--gap);
margin-bottom:16px
}
.top h1 {
margin:6px 0 22px;
color:var(--dark-red);
font-size:30px
}
.top>a, .top>div>a {
display:inline-flex;
padding:10px 15px;
border-radius:var(--radius);
background:var(--red);
color:#fff;
text-decoration:none;
font-weight:600
}
.card, .field, .grid div, .data-grid .field {
border:1px solid var(--line);
border-radius:var(--radius);
background:#fff
}
.card {
margin-top:12px;
padding:22px
}
.card h2 {
margin:0 0 16px;
color:var(--dark-red);
font-size:18px
}
.grid, .data-grid {
display:grid;
grid-template-columns:repeat(12, minmax(0, 1fr));
gap:var(--gap)
}
.field {
grid-column:span 3;
padding:var(--pad);
background:#fafafa
}
.field.full {
grid-column:1/-1
}
.field label {
display:block;
margin-bottom:6px;
font-size:11px;
font-weight:600
}
.field input, .field select, .field textarea {
width:100%;
padding:var(--pad);
border:1px solid var(--line);
border-radius:var(--radius);
font-size:var(--font);
background:#fff
}
.submit {
width:100%;
margin-top:18px;
padding:var(--pad);
border:0;
border-radius:var(--radius);
background:var(--red);
color:#fff;
font-weight:700;
cursor:pointer
}
/* Formulários de orçamento */
main.shell form[action*="/central/orcamentos"] .grid .field:nth-child(1), main.shell form[action*="/central/orcamentos"] .grid .field:nth-child(2), main.shell form[action*="/central/orcamentos"] .grid .field:nth-child(5) {
grid-column:span 4
}
main.shell form[action*="/central/orcamentos"] .grid .field:nth-child(3), main.shell form[action*="/central/orcamentos"] .grid .field:nth-child(4), main.shell form[action*="/central/orcamentos"] .grid .field:nth-child(6), main.shell form[action*="/central/orcamentos"] .grid .field:nth-child(7) {
grid-column:span 6
}
main.shell form[action*="/central/orcamentos"] .grid .field:nth-child(8) {
grid-column:span 2
}
main.shell form[action*="/central/orcamentos"] .grid .field:nth-child(9) {
grid-column:span 2
}
main.shell form[action*="/central/orcamentos"] .grid .field:nth-child(10) {
grid-column:span 8
}
.data-grid .field:nth-child(1) {
grid-column:9/13
}
.data-grid .field:nth-child(2) {
grid-column:1/5
}
.data-grid .field:nth-child(3) {
grid-column:5/9
}
.data-grid .field:nth-child(4) {
grid-column:1/7
}
.data-grid .field:nth-child(5) {
grid-column:7/13
}
.data-grid .field:nth-child(6) {
grid-column:1/7
}
.data-grid .field:nth-child(7) {
grid-column:7/13
}
.data-grid .field:nth-child(8) {
grid-column:1/4
}
.data-grid .field:nth-child(9) {
grid-column:4/7
}
.data-grid .field:nth-child(10) {
grid-column:7/13
}
.items {
width:100%;
border-collapse:collapse
}
.items th {
padding:8px;
background:#fff0ef;
color:var(--dark-red);
text-align:left
}
.items td {
padding:8px;
border-bottom:1px solid #eee
}
.items td:last-child, .items th:last-child {
text-align:right
}
.items input {
width:100%;
padding:var(--pad);
border:1px solid var(--line);
border-radius:var(--radius)
}
.items .item {
display:grid;
grid-template-columns:minmax(0, 1fr) 15% 32px;
gap:var(--gap)
}
/* Painel inicial */
.central-dashboard {
width:var(--central-dashboard-width);
margin:auto auto 160px auto !important;
padding:var(--central-dashboard-padding)
}
.central-welcome {
display:flex;
justify-content:flex-end;
align-items:flex-end;
padding-bottom:0;
margin-bottom: 30px;

}
.central-welcome h1 {
margin:0;
color:var(--dark-red);
font-size:16px
}
.central-welcome-date {
font-size:13px;
font-weight:600
}
.central-section-title {
margin:18px 0 0;
color:#52606f;
font-family:Poppins, Arial, sans-serif;
font-size:13px;
font-weight:600
}
.central-metrics {
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:10px;
margin:0 0 30px;
}
.central-shortcuts {
display:grid;
grid-template-columns:repeat(2, 1fr);
gap:var(--gap);
margin:0 0 30px
}
.central-metric {
padding:8px 12px;
border:1px solid var(--line);
border-radius:var(--radius);
background:#fff;
text-align:center;
text-decoration:none;
}
.central-shortcut {
display:flex;
align-items:center;
justify-content:center;
gap:8px;
padding:18px;
border:none;
border-radius:var(--radius);
background:#D73725;
color:#fff;
font-weight:600;
text-align:center;
text-decoration:none
}
.central-shortcut:hover{
padding:18px;
background: #fa341d;
}
.central-metric strong {
display:block;
color: #fa341d !important;
font-size:16px;
}
.central-metric .metric-quantity {
    display:inline;
    margin:0;
    color:inherit;
    font-size:11px;
    font-weight:500;
}
.central-metric span {
display:block;
margin-top:8px;
color:#777;
font-weight:600;
font-size: 12px;
}
.central-actions-panel {
padding:22px;
}
.central-index-success, .central-alert {
padding:10px;
border-radius:var(--radius);
background:#e8f8ee;
color:#176b36
}
.central-empty {
text-align:center;
padding:30px;
border:1px dashed #e9c5c1;
border-radius: 5px;
color:#777;
font-size: 13px;
}
/* Clientes e perfil */
.central-clientes-filtro {
width:100%;
margin-bottom:16px;
padding:var(--pad);
border:1px solid var(--line);
border-radius:var(--radius)
}
.clientes-main .top {
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
}
.clientes-main {
width:calc(100% - 32px);
max-width:none;
}
.clientes-main .card {
padding:16px;
}
.cliente-acoes {
display:flex;
align-items:center;
gap:8px;
}
.cliente-acoes form {
margin:0;
}
.central-danger {
padding:10px 12px;
border:0;
border-radius:5px;
background:var(--red);
color:#fff;
font-size:12px;
font-weight:600;
cursor:pointer;
}
.cliente-detalhes-card h2 {
margin:0 0 16px;
color:#777;
font-size:13px;
}
.central-clientes-filtro:focus {
outline:2px solid rgba(215,55,37,.18);
border-color:var(--red);
}
.central-clientes-tabela-wrap {
overflow:auto;
max-height:calc(100vh - 220px);
border:1px solid var(--line);
border-radius:5px;
}
.central-clientes-tabela {
width:100%;
border-collapse:separate;
border-spacing:0
}
.central-clientes-tabela th, .central-clientes-tabela td {
padding:10px;
text-align:left;
border-bottom:1px solid #eee;
white-space:nowrap
}
.central-clientes-tabela th {
color:var(--dark-red);
background:#fff0ef;
position:sticky;
top:0;
z-index:1
}
.central-clientes-tabela tbody tr {
cursor:pointer;
transition:background .15s ease
}
.central-clientes-tabela tbody tr:hover {
background:#fff8f7
}
.central-clientes-tabela td:first-child {
max-width:280px;
overflow:hidden;
text-overflow:ellipsis
}
.central-clientes-vazio {
text-align:center;
padding:20px
}
.perfil-shell {
width:calc(100% - 32px);
margin:auto;
padding:32px 0 60px
}
.perfil-top {
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:var(--gap)
}
.perfil-top h1 {
margin:6px 0;
color:var(--dark-red);
font-size:30px
}
.perfil-card {
margin-top:16px;
padding:20px;
border:1px solid var(--line);
border-radius:var(--radius);
background:#fff
}
.perfil-card h2 {
margin:0 0 10px;
font-size:16px;
line-height:1.3;
color:#465264
}
.perfil-card p {
margin:0 0 12px;
font-size:13px;
line-height:1.5;
color:#5d6878
}
.perfil-logo {
display:grid;
gap:var(--gap)
}
.perfil-logo img {
width:92px;
height:92px;
object-fit:contain
}
.perfil-layout{display:grid;grid-template-columns:minmax(0,1fr) 3fr;gap:16px}.perfil-identidade-card{grid-row:span 1}.perfil-card h2{font-size:18px}.perfil-logo-form{display:grid;gap:10px}.perfil-logo label{display:grid;gap:5px;font-size:13px;color:#4c5664;font-weight:600}.perfil-form{display:grid;gap:12px}.perfil-form-grid-cadastral{grid-template-columns:repeat(3,minmax(0,1fr))}.perfil-form-grid-focus{grid-template-columns:2fr 1fr 1fr 1fr}.perfil-field-wide{grid-column:span 2}.perfil-cnae-box{padding:10px 12px;border:1px solid #edf0f4;border-radius:8px;background:#fafbfc;color:#596575;font-size:12px;line-height:1.5}.perfil-cnae-box strong{display:block;margin-bottom:4px;color:#465264}.perfil-section-title{display:flex;justify-content:space-between;align-items:start;gap:16px}.perfil-servico-form{display:grid;grid-template-columns:1fr 3fr;gap:10px;margin-top:12px}.perfil-servico-form label{display:grid;gap:5px;color:#4c5664;font-weight:600;font-size:13px}.perfil-servicos-list{margin-top:12px;border-top:1px solid #edf0f4}.perfil-servico-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f4}.perfil-servico-row span{display:flex;gap:12px;align-items:center}.perfil-servico-row small{color:#596575}.perfil-servico-row .perfil-delete{padding:6px 9px}
.perfil-submit, .perfil-delete {
padding:var(--pad);
border:0;
border-radius:var(--radius);
background:var(--red);
color:#fff;
font-weight:600;
cursor:pointer
}
.perfil-delete {
background:#fff0ef;
color:var(--dark-red)
}
.clausula-form, .clausula-item {
display:grid;
gap:var(--gap);
margin-top:12px
}
.clausula-form textarea, .clausula-item textarea {
min-height:80px
}
.perfil-fiscal-card label,.perfil-fiscal-card input,.perfil-fiscal-card select,.perfil-fiscal-card textarea,.perfil-fiscal-card button,.perfil-fiscal-card summary {
font-size:13px
}
.perfil-fiscal-card p {
line-height:1.5
}
.perfil-form-grid {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px
}
.perfil-form-grid label,.perfil-fiscal-form>label,.servico-nfse-form>label,.servico-nfse-item>label {
display:grid;
gap:5px;
color:#4c5664;
font-weight:600
}
.perfil-fiscal-card input,.perfil-fiscal-card select,.perfil-fiscal-card textarea {
width:100%;
padding:8px 9px;
border:1px solid #d8dde5;
border-radius:7px;
background:#fff;
color:#263243;
box-sizing:border-box
}
.perfil-fiscal-card textarea {
min-height:62px;
resize:vertical
}
.perfil-check {
display:flex!important;
grid-template-columns:none!important;
align-items:center;
gap:7px!important;
margin:10px 0;
font-weight:500!important
}
.perfil-check input {
width:auto
}
.perfil-credenciais {
margin:12px 0;
padding:10px 12px;
border:1px solid #ead4d1;
border-radius:8px;
background:#fff9f8
}
.perfil-credenciais summary {
cursor:pointer;
color:var(--dark-red);
font-weight:700
}
.servico-nfse-form,.servico-nfse-item {
display:grid;
gap:10px;
margin-top:12px;
padding-top:12px;
border-top:1px solid #edf0f4
}
.servico-nfse-item {
padding:12px;
border:1px solid #edf0f4;
border-radius:8px
}
.perfil-fiscal-card .perfil-submit,.perfil-fiscal-card .perfil-delete {
width:max-content;
padding:8px 12px
}
@media(max-width:700px){
.perfil-form-grid{grid-template-columns:1fr}
.perfil-layout{display:block}.perfil-card{margin-top:12px}.perfil-form-grid-cadastral,.perfil-form-grid-focus,.perfil-servico-form{grid-template-columns:1fr}.perfil-field-wide{grid-column:auto}.perfil-section-title{align-items:stretch;flex-direction:column}.perfil-section-title .perfil-submit{width:max-content}.perfil-servico-row span{align-items:start;flex-direction:column;gap:2px}
}
/* Visualização do orçamento */
.box {
width:min(calc(100% - 32px), 820px);
margin:auto;
padding:30px 0
}
.box .card {
margin-top:16px
}
.client-summary, .conditions-summary {
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:var(--gap)
}
.client-summary>div, .conditions-summary>div {
padding:var(--pad);
border:1px solid var(--line);
border-radius:var(--radius)
}
.client-summary strong, .conditions-summary strong {
display:block;
color:#777;
font-size:11px;
margin-bottom:4px
}
.actions {
display:flex;
gap:var(--gap);
flex-wrap:wrap;
justify-content: center;
}
.actions a, .actions button {
padding:var(--pad);
border:0;
border-radius:var(--radius);
background:var(--red);
color:#fff;
text-decoration:none;
cursor:pointer
}
.client-summary-mobile-address {
display:none
}
/* Autenticação */
.central-card, .password-card, .token-card {
width:min(calc(100% - 32px), 470px);
margin:40px auto;
padding:32px;
border:1px solid var(--line);
border-radius:var(--radius);
background:#fff;
box-shadow:3px 3px 3px rgba(0, 0, 0, 0.1);

}
.central-card img {
display:block;
width:65px;
height:65px;
object-fit:contain;
margin:0 auto 16px;

}
.central-card h1 {
margin:0 0 16px;
color:#52606f;
font-size:18px;
line-height:1.2;
text-align:center;

}
.central-card > p {
margin:0 0 26px;
color:#52606f;
font-size:13px;
line-height:1.55;
text-align:center;

}
.central-card form, .password-form, .token-form {
display:grid;
gap:var(--gap);
margin-top:20px;

}
.central-card label {
display:grid;
gap:5px;
color:#52606f;
font-size:13px;
font-weight:600;

}
.central-card input, .password-form input, .token-form input {
width:100%;
padding:var(--pad);

}
.central-card button {
min-height:30px;
padding:8px 10px;
border:none;
border-radius:var(--radius);
background:#EA6667;
color:#fff;
cursor:pointer;

}
.central-card > a {
display:block;
margin-top:4px;
color:#b21f16;
font-size:11px;
text-align:center;
text-decoration:none;

}
.pwa-install {
display:none;
align-items:center;
justify-content:center;
gap:var(--gap);
padding:8px 12px;
background:#fff;
color:#52606f;
font-size:11px;
text-align:center;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);

}
.pwa-install.is-visible {
display:flex;

}
.pwa-install button {
padding:var(--pad);
border:0;
border-radius:var(--radius);
background:#fc7560;
color:#fff;
cursor:pointer;

}
.password-card h1, .token-card h1 {
color:var(--dark-red);

}
.token-shell {
min-height:100vh;
background:var(--soft);

}
.token-brand, .password-brand {
color:var(--dark-red);
font-weight:700;

}
.central-brand strong {
margin-left:10px;
color:var(--dark-red);
font-size:13px;
white-space:nowrap
}
.central-header>.central-welcome-date {
margin-left:auto;
margin-right:var(--gap);
color:#525252;
font-size:13px;
font-weight:600;
white-space:nowrap
}
main .central-actions-panel {
padding:5px 0;
border-radius:5px;
margin: 0 0 15px;
}
main .central-actions-panel h2 {
font-size:16px;
color:#52606f;
margin:0 0 10px
}
main .central-actions-panel .central-shortcuts {
gap:10px;
margin:0
}
main .central-actions-panel .central-shortcut {
padding:10px;
border-radius:5px;
font-size:13px
}
.central-index-success,
.central-alert,
.perfil-alert,
.token-alert,
.password-error,
.alerta {
  position:fixed;
  z-index:100;
  top:18px;
  right:18px;
  width:min(360px,calc(100% - 36px));
  margin:0;
  padding:12px 12px;
  border:1px solid #b9dec5;
  border-radius:6px;
  background:#effcf3;
  color:#16733a;
  font-size:12px;
  line-height:1.4;
  box-shadow:0 5px 18px rgba(0,0,0,.16);
  animation:central-notification-hide 3s forwards
}
@keyframes central-notification-hide {
  0%,80% {
    opacity:1;
    transform:translateX(0)
  }
  100% {
    opacity:0;
    transform:translateX(24px);
    visibility:hidden
  }
}
.central-alert,
.token-alert--error,
.password-error,
.alerta.erro {
  border-color:#efb8b8;
  background:#fff2f2;
  color:#b42323
}
.central-success,
.token-alert--success {
  border-color:#b9dec5;
  background:#effcf3;
  color:#16733a
}
/* IMPRESSÃO PDF */
@page {
margin:20px;
}
.pdf-orcamento {
font-family:Helvetica,Arial,sans-serif;
color:#3f3f3f;
font-size:12px
}
.pdf-top {
width:100%;
border-bottom:3px solid #d73725;
padding-bottom:12px
}
.pdf-logo-cell {
width:35%;
vertical-align:middle
}
.pdf-logo {
max-width:180px;
max-height:78px
}
.pdf-company {
width:58%;
vertical-align:middle;
text-align:right;
color:#666;
line-height:1.5
}
.pdf-company strong {
display:block;
color:#a01f16;
font-size:12px
}
.pdf-header-date {
margin-top:6px;
text-align:right;
color:#777;
font-size:12px
}
.pdf-title {
margin-top:16px
}
.pdf-title h1 {
margin:0;
color:#a01f16;
font-size:16px;
text-align:center
}
.pdf-box {
margin-top:16px;
padding:5px;
border:1px solid #ead0ce;
border-radius: 5px;
}
.pdf-box h2 {
margin:0;
padding: 0 5px;
color:#a01f16;
font-size:12px
}
.pdf-summary {
width:100%;
border-collapse:separate;
border-spacing:8px
}
.pdf-summary td {
width:25%;
padding:7px;
background:#fafafa;
vertical-align:top;
text-align: center;
}
.pdf-label {
display:block;
margin-bottom:5px;
color:#888;
font-size:9px;
text-transform:uppercase
}
.pdf-value {
font-size:11px;
line-height:1.35
}
.pdf-badge {
display:inline-block;
margin:2px 3px 2px 0;
padding:4px 7px;
border-radius:10px;
background:#fff0ef;
color:#a01f16;
font-size:10px
}
.pdf-items {
width:100%;
margin-top:16px;
border-collapse:collapse
}
.pdf-items th {
padding:8px;
background:#fff0ef;
color:#a01f16;
text-align:left;
font-size:12px
}
.pdf-items td {
padding:8px;
border-bottom:1px solid #eee
}
.pdf-items th:last-child,.pdf-items td:last-child {
text-align:right
}
.pdf-total {
margin-top:13px;
text-align:right;
color:#a01f16;
font-size:16px;
font-weight:bold
}
.orcamento-observacoes__texto {
white-space:pre-wrap;
line-height:1.6;
}
.pdf-signature {
position:fixed;
bottom:40px;
left:25%;
width:50%;
text-align:center
}
.pdf-signature-line {
border-top:1px solid #777;
padding-top:6px
}
.pdf-signature-name {
font-size:12px;
color:#333;
font-weight:600
}
.pdf-footer {
position:fixed;
bottom:0;
left:0;
right:0;
border-top:1px solid #eee;
padding-top:8px;
color:#888;
font-size:12px;
text-align:center
}
.orcamento-show {
width:min(calc(100% - 32px),820px);
margin:auto;
padding:30px 0
}
.orcamento-show .actions {
display:flex;
gap:var(--gap);
flex-wrap:wrap;
margin-top:16px
}
.orcamento-show .actions a,
.orcamento-show .actions button {
padding:8px 12px;
border:0;
border-radius:var(--radius);
background:var(--red);
color:#fff;
text-decoration:none;
cursor:pointer
}
#share {
display:none
}
button,
.submit,
.top>a,
.top>div>a,
.actions a,
.actions button,
.central-settings,
.central-logout,
.orc-menu {
  padding:4px 12px !important;
  
}
.venda-itens-input {
  display:grid;
  gap:8px
}
.venda-item-input {
  display:grid;
  grid-template-columns:minmax(0,1fr) 120px 36px;
  gap:8px;
  align-items:center
}
.venda-item-input input {
  width:100%;
  padding:8px 12px;
  border:1px solid #d9dde3;
  border-radius:8px;
  background:#fff;
  font-size:16px
}
.venda-item-input .adicionar-item {
  width:36px;
  height:36px;
  padding:0 !important;
  border:0;
  border-radius:8px;
  background:var(--red);
  color:#fff;
  font-size:22px;
  line-height:1;
cursor:pointer
}
.venda-vencimentos-input {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px
}
.venda-vencimentos-input label {
display:grid;
gap:6px;
color:#52606f;
font-size:13px;
font-weight:600
}
.venda-vencimentos-input input {
width:100%;
padding:8px 12px;
border:1px solid #d9dde3;
border-radius:8px;
background:#fff;
font-size:16px
}
.venda-navegacao {
display:flex;
gap:8px;
align-items:center
}
.venda-navegacao .submit {
width:100%;
height:40px;
margin:0 !important
}
.venda-navegacao>button {
box-sizing:border-box;
min-width:0
}
.venda-voltar {
flex:1;
height:40px;
margin:0 !important;
padding:8px 12px;
border:0;
border-radius:8px;
background:var(--red);
color:#fff;
font-weight:600;
cursor:pointer
}
.venda-resumo>div {
margin:0 0 4px
}
/* Mobile */
@media(max-width:700px) {
body {
padding-top:1px;
--central-dashboard-width:calc(100% - 15px);
--central-dashboard-padding:78px 0 5px;
}
[class~="central-welcome"] {
padding:5px;
align-items:center;
display:flex;
margin-bottom:15px
}
[class~="central-welcome"] h1,
[class~="central-welcome-date"] {
font-size:12px;
white-space:nowrap
}
[class~="central-welcome"] h1 {
max-width:60%;
overflow:hidden;
text-overflow:ellipsis
}
[class~="central-header"] {
min-height:60px;
padding:0 10px
}
[class~="central-logo-wrap"] {
width:40px;
height:40px
}
[class~="central-header-product"] {
font-size:18px
}
[class~="central-menu-toggle"] {
display:inline-flex;
width:38px;
height:38px;
align-items:center;
justify-content:center;
border:0;
border-radius:var(--radius);
background:var(--red);
color:#fff;
font-size:22px
}
[class~="central-section-title"] {
margin:15px 0 0;
}
[class~="central-shortcuts"] {
grid-template-columns:repeat(2, 1fr);
}
main [class~="central-actions-panel"] {
padding:5px;
margin: 5px 0 15px;
border-radius:5px;

}
main [class~="central-actions-panel"] h2 {
font-size:13px;
color:#52606f;
margin:0 0 10px
}
main [class~="central-actions-panel"] [class~="central-shortcuts"] {
gap:5px;
margin:0
}
[class~="central-actions"] {
position:fixed;
z-index:1000;
inset:0 0 0 auto;
width:min(78vw, 280px);
padding:72px 15px 20px;
display:flex;
flex-direction:column;
align-items:stretch;
background:linear-gradient(135deg,#d73725,#a01f16);
box-shadow:-6px 0 18px rgba(53,30,27,.18);
transform:translateX(100%);
transition:transform .2s;
gap:10px
}
[class~="central-actions"][class~="is-open"] {
transform:translateX(0)
}
[class~="central-actions"] form {
width:100%
}
[class~="central-settings"], [class~="central-logout"] {
width:100%;
justify-content:flex-start;
padding:10px 12px;
border:1px solid rgba(255,255,255,.28);
border-radius:6px;
background:rgba(255,255,255,.12);
color:#fff;
font-size:13px;
text-decoration:none
}
[class~="shell"], [class~="box"], [class~="perfil-shell"] {
width:calc(100% - 24px);
padding-top:18px
}
[class~="nova-venda"] {
padding-top:70px
}
[class~="nova-venda"] [class~="chat-window"] {
padding:12px
}
[class~="nova-venda"] [class~="top"] {
margin-bottom:20px
}
[class~="nova-venda"] [class~="top"] h1 {
margin-bottom:0
}
[class~="top"], [class~="perfil-top"] {
align-items:flex-start
}
[class~="top"] h1, [class~="perfil-top"] h1 {
font-size:18px
}
[class~="card"] {
padding:4px
}
[class~="grid"], [class~="data-grid"] {
display:block
}
[class~="field"], [class~="grid"] div, [class~="data-grid"] [class~="field"] {
display:block;
width:100%;
margin-bottom:var(--gap)
}
[class~="field"] input, [class~="field"] select, [class~="field"] textarea, [class~="central-card"] input, main[class~="shell"] form input, main[class~="shell"] form select, main[class~="shell"] form textarea {
font-size:16px
}
[class~="venda-item-input"] {
grid-template-columns:minmax(0,1fr) 36px;
justify-content:end
}
[class~="venda-item-input"] [class~="item-descricao"] {
grid-column:1/-1
}
[class~="venda-item-input"] [class~="item-valor"] {
grid-column:1;
width:120px;
justify-self:end
}
[class~="venda-item-input"] [class~="adicionar-item"] {
grid-column:2;
grid-row:2
}
[class~="venda-vencimentos-input"] {
grid-template-columns:repeat(2,minmax(0,1fr))
}
[class~="client-summary"], [class~="conditions-summary"] {
grid-template-columns:1fr
}
[class~="client-summary-mobile-address"] {
display:block
}
[class~="actions"] {
display:grid
}
[class~="actions"]>* {
text-align:center
}
[class~="perfil-card"] {
padding:12px
}
[class~="shell"] form [class~="card"] [class~="grid"] {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
[class~="shell"] form [class~="card"] [class~="field"][class~="full"] {
grid-column:1 / -1;
}
[class~="shell"] form [class~="card"] [class~="field"] label {
display:block;
margin-bottom:6px;
color:#777;
font-size:12px;
font-weight:600;
}
[class~="shell"] form [class~="card"] input,[class~="shell"] form [class~="card"] select,[class~="shell"] form [class~="card"] textarea {
width:100%;
}
[class~="orcamento-show"] #share {
display:inline-flex
}
[class~="nova-venda"] [class~="chat-window"] {
border:0;
border-radius:12px;
box-shadow:0 2px 12px rgba(31,35,41,.08);
background:#fff
}
[class~="nova-venda"] #chat-question h2 {
font-size:18px;
letter-spacing:-.3px
}
[class~="nova-venda"] #chat-question input,
[class~="nova-venda"] #chat-question select,
[class~="nova-venda"] #chat-question textarea {
border:1px solid #d9dde3;
border-radius:10px;
background:#fff;
box-shadow:none
}
[class~="nova-venda"] #chat-question input:focus,
[class~="nova-venda"] #chat-question select:focus,
[class~="nova-venda"] #chat-question textarea:focus {
border-color:#b7c0cc;
outline:3px solid rgba(183,192,204,.2)
}
[class~="nova-venda"] #chat-next {
border-radius:10px;
box-shadow:none
}
}

.visita-cnpj-api > label:first-child,.visita-cnpj-api > .visita-cpf-endereco {
display:none!important;
}
.visita-endereco-cpf {
grid-column:1 / -1;
}
.visita-novo-cliente[hidden] {
display:none!important;
}
.cliente-api-resumo {
display:grid;
gap:4px;
margin:0 0 12px;
padding:12px;
border:1px solid #ead8d5;
border-radius:8px;
background:#fff8f7;
color:#525252;
font-size:12px;
}
.cliente-api-resumo strong {
color:#a01f16;
font-size:13px;
}
.nfse-analise{
margin-top:10px;
padding:10px 12px;
border:1px solid #e7c8c5;
border-radius:7px;
background:#fff7f6;
color:#76241d;
font-size:13px;
line-height:1.5
}
.nfse-analise[data-status=aprovado]{
border-color:#b9d9c1;
background:#f3fbf5;
color:#216b31
}
.nfse-analise[data-status=revisao]{
border-color:#ead7a5;
background:#fffaf0;
color:#7b5b10
}
.nfse-analise__item{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:5px 0;
color:#52606f
}
.nfse-analise__item strong{
white-space:nowrap;
margin-left:8px;
color:#7b5b10
}
.visita-acoes .submit[type="submit"]{
grid-column:1/-1;
width:100%;
}
.cliente-tipos {
display:flex;
flex-wrap:wrap;
gap:8px;
margin:0 0 12px
}
.cliente-tipo {
padding:8px 12px !important;
border:1px solid #d9dde3;
border-radius:999px;
background:#fff;
color:#52606f;
font-size:13px;
cursor:pointer
}
.cliente-tipo.is-active {
border-color:var(--red);
background:var(--red);
color:#fff
}
@media(max-width:700px) {
.central-metrics {
grid-template-columns:repeat(3, minmax(0,1fr));
gap:var(--gap);
margin:5px 0;
padding:0;
justify-content:space-between;
overflow:visible
}
.central-metric {
padding:5px 10px
}
.central-metric strong {
font-size:13px !important
}
.central-metric span {
margin-top:0 !important
}
}