/* WebbFinanceiro v5 - COMPONENTS */

.wf-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: var(--wf-2);
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid var(--wf-border);
  background: var(--wf-bg);
  color: var(--wf-text);
  cursor:pointer;
  text-decoration:none !important;
}
.wf-btn:hover{ box-shadow: var(--wf-shadow-2); }
.wf-btn--primary{
  background: var(--wf-link);
  border-color: var(--wf-link);
  color: #fff;
}
.wf-btn--primary:hover{ filter: brightness(.95); }
.wf-btn--ghost{
  background: transparent;
}

.wf-badge{
  display:inline-flex;
  align-items:center;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid var(--wf-border);
  background: var(--wf-surface);
  color: var(--wf-text-2);
  font-size: 12px;
}

.wf-grid{
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--wf-6);
}
.wf-col-12{ grid-column: span 12; }
.wf-col-8{ grid-column: span 8; }
.wf-col-6{ grid-column: span 6; }
.wf-col-4{ grid-column: span 4; }
.wf-col-3{ grid-column: span 3; }

@media (max-width: 900px){
  .wf-col-8, .wf-col-6, .wf-col-4, .wf-col-3{ grid-column: span 12; }
}

.wf-card__hd{ padding: var(--wf-6) var(--wf-6) 0; }
.wf-card__bd{ padding: var(--wf-6); }
.wf-card__ft{ padding: 0 var(--wf-6) var(--wf-6); }

.wf-breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  gap: 6px;
  font-size: 13px;
  color: var(--wf-muted);
}
.wf-breadcrumbs a{ color: var(--wf-muted); text-decoration:none; }
.wf-breadcrumbs a:hover{ color: var(--wf-link-hover); text-decoration:underline; }

.wf-form{
  display:flex;
  flex-direction:column;
  gap: var(--wf-3);
}
.wf-input, .wf-select, .wf-textarea{
  width:100%;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--wf-border);
  background: var(--wf-bg);
}
.wf-input:focus, .wf-select:focus, .wf-textarea:focus{
  outline:none;
  border-color: rgba(11,87,208,.45);
  box-shadow: 0 0 0 3px rgba(11,87,208,.18);
}

.wf-kicker{ font-size: 13px; color: var(--wf-muted); text-transform: uppercase; letter-spacing:.06em; }