/*
 * BeSimple — Portal de Chamados
 * Identidade do produto: Azul operacional
 * Versão: 1.0.0
 */

:root {
  --blue: #2563eb;
  --cyan: #60a5fa;
  --product-primary: #2563eb;
  --product-primary-hover: #1d4ed8;
  --product-accent: #60a5fa;
  --product-soft: #eff6ff;
  --product-border: #bfdbfe;
  --product-focus: rgba(37, 99, 235, .14);
}

/* Identificador visual permanente do produto. */
.topbar {
  border-top: 4px solid var(--product-primary);
}

.nav-item.active,
.nav-item:hover {
  background: linear-gradient(90deg, rgba(37, 99, 235, .34), rgba(96, 165, 250, .08));
}

.nav-item.active {
  box-shadow: inset 3px 0 0 var(--product-accent);
}

.button.primary {
  background: linear-gradient(100deg, var(--product-primary), var(--product-primary-hover));
  box-shadow: 0 7px 18px rgba(37, 99, 235, .24);
}

.button.primary:hover {
  background: linear-gradient(100deg, var(--product-primary-hover), #1e40af);
}

.button.light,
.link-button,
.table-action,
.audit-details > summary,
.ticket-audit-panel > summary {
  color: var(--product-primary);
}

.login-card input:focus,
.modal-card input:focus,
.modal-card select:focus,
.modal-card textarea:focus,
.ticket-editor select:focus,
.ticket-editor textarea:focus,
.multi-filter[open] summary,
.report-filters input:focus,
.report-filters select:focus {
  border-color: var(--product-primary);
  box-shadow: 0 0 0 3px var(--product-focus);
}

.blue-bg,
.status-aberto,
.status-triagem,
.table-action,
.multi-filter-menu button,
.quick-reply-variables code,
.quick-reply-variable-buttons button,
.report-loading {
  background: var(--product-soft);
  color: var(--product-primary);
}

.cyan-bg,
.status-em_atendimento,
.sla-pausado {
  background: var(--product-soft);
  color: var(--product-primary);
}

.assignment-form,
.ticket-editor-fields,
.quick-reply-selector {
  background: var(--product-soft);
  border-color: var(--product-border);
}

.welcome,
.branding-preview {
  background: linear-gradient(115deg, #0b1019, #102a56);
}

.welcome::after {
  border-top-color: var(--product-accent);
  box-shadow: 0 -12px 45px var(--product-primary);
}

.user-avatar {
  background: linear-gradient(135deg, var(--product-primary), var(--product-accent));
}

.ticket-row:hover,
.table-panel tbody tr:hover {
  background: #f8fbff;
}

.timeline article::before,
.bar-track i,
.trend-completed,
.chart-legend .completed::before {
  background-color: var(--product-primary);
}

.bar-track i {
  background-image: linear-gradient(90deg, var(--product-primary), var(--product-accent));
}

.kanban-column.drag-over {
  background: var(--product-soft);
  border-color: var(--product-primary);
}

.priority-border-normal {
  border-left-color: var(--product-primary);
}

.status-column-em_atendimento > header span,
.kanban-card > div strong {
  color: var(--product-primary);
}

.brand-mark,
.brand small,
.eyebrow.blue {
  color: var(--product-primary);
}

.brand-mark {
  border-color: var(--product-primary);
}

.brand-light .brand-mark,
.brand-light small,
.eyebrow {
  color: var(--product-accent);
}

.brand-light .brand-mark {
  border-color: var(--product-accent);
}

.login-copy h1 em {
  background-image: linear-gradient(90deg, var(--product-primary), var(--product-accent));
}

.network {
  border-top-color: var(--product-primary);
  box-shadow: 0 -20px 70px var(--product-primary);
}

/* Verde, amarelo e vermelho permanecem reservados aos estados semânticos. */