/* Área do Cliente — complementos ao estilo da gestão */
.marca{position:relative}
.marca-sub{display:inline-block;margin-top:8px;font:700 10.5px Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--coral);border:1px solid rgba(255,90,66,.4);padding:3px 9px;border-radius:99px}
.empresa{margin:0 4px 18px;padding:12px 14px;background:var(--grafite-2);border-radius:10px}
.empresa small{color:#8A9099;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.empresa b{display:block;color:#fff;font-weight:600;font-size:14px;line-height:1.3}
.novo-ch{margin:18px 4px 0;justify-content:center}
.ajuda-login{text-align:center;font-size:13px;color:var(--suave);margin-top:16px}

.mural{background:var(--ambar-s);color:#7A4F0E;border:1px solid #F3D9A4;border-radius:12px;padding:12px 16px;margin-bottom:18px;font-weight:500}
.kpis-4{grid-template-columns:repeat(4,1fr)!important}
.kpi small a{color:var(--coral-esc)}
.kpi.destaque small a{color:var(--coral)}
.titulo-bloco{font-size:17px;font-weight:800;margin:6px 0 14px}

.sistemas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;margin-bottom:18px}
.sistemas-grid>.cartao{margin:0}
.sis-card{display:flex;flex-direction:column;border-top:3px solid var(--coral)}
.sis-topo{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.sis-card h3{font-size:18px;margin-bottom:4px}
.sis-dados{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:16px 0;font-size:13.5px}
.sis-dados dt{color:var(--suave)} .sis-dados dd{margin:0;word-break:break-all}
.sis-acoes{display:flex;gap:10px;margin-top:auto;flex-wrap:wrap}

.pagamento{border-left:4px solid #32BCAD}
.pix{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--fundo);border-radius:12px;padding:14px 16px;margin-bottom:12px}
.pix-logo{font:900 15px Montserrat,sans-serif;color:#fff;background:#32BCAD;border-radius:10px;padding:10px 12px}
.pix>div{flex:1;min-width:200px}
.pix b{display:block;font-size:15px;word-break:break-all}
.rodape-nota{margin:-6px 0 0;font-size:12.5px}
.sem-margem{margin:0}

/* Na visão do cliente, as mensagens dele ficam à direita */
.portal-conversa .msg-cliente{align-self:flex-end;background:var(--coral-suave);border-top-left-radius:14px;border-top-right-radius:4px}
.portal-conversa .msg-equipe{align-self:flex-start;border-top-right-radius:14px;border-top-left-radius:4px}
.aguardando-resp{color:var(--suave);font-size:13.5px;text-align:center;background:var(--fundo);border-radius:10px;padding:10px}

@media (max-width:1100px){.kpis-4{grid-template-columns:1fr 1fr!important}}
@media (max-width:640px){.sistemas-grid{grid-template-columns:1fr}}
.contrato-pend{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#FFF7F5;border:1.5px solid #FFC9BF;border-radius:12px;padding:14px 18px;margin-bottom:18px}
.contrato-pend b{display:block;font-family:Montserrat,sans-serif}
.contrato-pend span{color:var(--suave);font-size:13.5px}