/* ============================================================
   JURIS — estilos complementares (além de style.css + app.css)
   ============================================================ */
:root {
    --verde: #2E8B57;
}

/* Prioridade de lead (chips) */
.prio {
    display: inline-block;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 10px;
    line-height: 1;
}
.prio-alta  { background: #fbe4e0; color: #B53A2B; }
.prio-media { background: #fbf1d8; color: #8C6A1E; }
.prio-baixa { background: #e8eef6; color: #14305B; }

/* Formulários em grade */
.form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 18px;
}
.form-grid .field { display: flex; flex-direction: column; gap: 6px; }
.form-grid label,
.form-inline label { font-size: 12.5px; font-weight: 600; color: var(--azul-marinho); }
.form-grid input,
.form-grid select,
.form-grid textarea,
.form-inline input,
.form-inline select {
    border: 1px solid var(--cinza-borda);
    border-radius: 9px;
    padding: 10px 12px;
    font-size: 14px;
    font-family: inherit;
    background: #fff;
    color: var(--cinza-texto);
    width: 100%;
}
.form-grid input:focus,
.form-grid select:focus,
.form-grid textarea:focus,
.form-inline input:focus { outline: none; border-color: var(--dourado); }

.form-inline {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

/* Ficha do cliente */
.ficha p { margin: 6px 0; font-size: 14px; }
.ficha i { color: var(--dourado); width: 18px; margin-right: 6px; }

/* Rodapé do app */
.app-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 28px;
    font-size: 12px;
    color: #8a8a85;
    border-top: 1px solid #ececec;
    margin-top: 20px;
}
.app-footer a { color: var(--azul-profundo); text-decoration: none; }

/* Alerta de sucesso */
.alert-ok {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #e6f4ec;
    color: #1f6b43;
    border-left: 3px solid var(--verde);
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 16px;
    font-size: 14px;
}

/* details/summary discreto */
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }

/* ===================== Identidade JURIS ===================== */
/* Painel de marca do login — navy profundo com brilho ciano */
.login-brand {
    background:
        radial-gradient(120% 90% at 30% 30%, rgba(47,198,230,0.16) 0%, rgba(47,198,230,0) 55%),
        linear-gradient(150deg, #0B1A2A 0%, #0E2236 55%, #0A1622 100%) !important;
}
.brand-mark { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; }
.brand-logo { width: 84px; height: 84px; filter: drop-shadow(0 0 18px rgba(47,198,230,0.55)); }
.brand-word {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 58px;
    line-height: 1;
    color: #fff;
    letter-spacing: -1px;
}
.login-brand .brand-subtitle {
    color: var(--ciano-claro);
    letter-spacing: 2px;
    font-size: 13px;
    font-weight: 600;
}

/* Marca na sidebar do app */
.app-brand { display: flex; align-items: center; gap: 10px; }
.app-brand-logo { width: 34px; height: 34px; filter: drop-shadow(0 0 8px rgba(47,198,230,0.45)); }
.app-brand-word {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 22px;
    color: var(--azul-marinho);
    letter-spacing: -0.5px;
}