/*
 * Identidade visual azul-escuro — Processo de Vendas
 * Camada exclusivamente visual: não altera fluxo, regras ou permissões.
 */
:root {
  color-scheme: light;
  --azul: #164e9e !important;
  --azul2: #0877d9 !important;
  --azulB: #eaf2ff !important;
  --navy: #102654 !important;
  --navy2: #173d82 !important;
  --blue: #0877d9 !important;
  --blue2: #2f93e8 !important;
  --cyan: #5bbcf2 !important;
  --vw-navy: #102654 !important;
  --vw-blue: #0e5ca8 !important;
  --vw-cyan: #2f93b8 !important;
  --ink: #15213a !important;
  --tinta: #15213a !important;
  --text: #15213a !important;
  --med: #667087 !important;
  --muted: #667087 !important;
  --bg: #f4f6fb !important;
  --soft: #eef3fa !important;
  --panel: #ffffff !important;
  --borda: #dce3ef !important;
  --line: #dce3ef !important;
  --shadow: 0 14px 34px rgba(16, 38, 84, 0.09) !important;
}

html {
  background: #f4f6fb;
}

body {
  color: #15213a !important;
  background:
    radial-gradient(circle at 7% -8%, rgba(14, 85, 156, 0.14), transparent 31%),
    radial-gradient(circle at 96% 2%, rgba(47, 147, 232, 0.08), transparent 25%),
    #f4f6fb !important;
}

.top,
.topbar,
header.top,
body > header:not(.site-header) {
  background: linear-gradient(115deg, #102654 0%, #173d82 58%, #0e559c 100%) !important;
  border-bottom-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 12px 30px rgba(16, 38, 84, 0.2) !important;
}

.site-header {
  background: linear-gradient(115deg, #f1f6fc 0%, #ffffff 62%) !important;
  border-bottom-color: #dce3ef !important;
}

.logo,
.mark {
  border-color: rgba(16, 38, 84, 0.16) !important;
  box-shadow: 0 10px 24px rgba(16, 38, 84, 0.18) !important;
}

.card,
.kpi,
.metric-card,
.pcard,
.info-card,
.focus-panel,
.finance-board-card,
.quick-panel,
.advance-card,
.collapse-section,
.panel,
.login-panel,
.rule-card,
.ocrcard {
  border-color: rgba(218, 224, 237, 0.94) !important;
  box-shadow: 0 12px 34px rgba(16, 38, 84, 0.07) !important;
}

.card,
.kpi,
.metric-card,
.pcard,
.info-card,
.focus-panel,
.finance-board-card,
.quick-panel,
.advance-card,
.collapse-section {
  border-radius: 18px !important;
}

.card:hover,
.pcard:hover,
.proc:hover,
.attachment-tile:hover {
  border-color: #9db9e4 !important;
  box-shadow: 0 18px 42px rgba(16, 58, 113, 0.13) !important;
}

.btn.primary,
.btn.foto,
.nb-next,
.op-new,
.new-account,
.primary:not(.green):not(.done):not(.confirmed),
button.primary:not(.green):not(.done):not(.confirmed) {
  color: #ffffff !important;
  border-color: transparent !important;
  background: linear-gradient(135deg, #164e9e, #0870c9) !important;
  box-shadow: 0 8px 20px rgba(0, 89, 200, 0.21) !important;
}

.nav button.on,
.clean-tabs button.active {
  color: #164e9e !important;
  border-color: #b8cded !important;
  background: #edf3fc !important;
  box-shadow: 0 5px 16px rgba(16, 38, 84, 0.08) !important;
}

.filterbar button.on,
.filter.on {
  color: #ffffff !important;
  border-color: #173d82 !important;
  background: linear-gradient(135deg, #173d82, #0e65b6) !important;
  box-shadow: 0 5px 16px rgba(16, 38, 84, 0.17) !important;
}

input:focus,
select:focus,
textarea:focus,
input.in:focus,
select.in:focus,
textarea.in:focus {
  border-color: #0877d9 !important;
  box-shadow: 0 0 0 4px rgba(8, 119, 217, 0.12) !important;
}

.detail-hero,
.op-detail-head,
.op-detail-clean .op-detail-head {
  background: linear-gradient(115deg, #122b5c 0%, #173d82 58%, #0e65b6 100%) !important;
  box-shadow: 0 15px 38px rgba(18, 43, 92, 0.2) !important;
}

.ic,
.pcard .av,
.clean-metric-icon,
.clean-main-document-icon,
.collapse-plus,
.quick-pill,
.attachment-kind {
  background: #eaf2ff !important;
  color: #245ca8 !important;
}

@media (max-width: 760px) {
  .card,
  .kpi,
  .metric-card,
  .pcard,
  .info-card,
  .panel {
    border-radius: 16px !important;
  }
}

@media print {
  body {
    background: #ffffff !important;
  }
}