/* CashGas custom styles
   Centralize lightweight UI tweaks here. */

/* Postos Selected (banner + curved card) */
.hero-img { height: 200px; object-fit: cover; width: 100%; }
.card-curve {
  position: relative;
  margin-top: -16px;
  background: #fff;
  border-radius: 24px 24px 0 0;
  box-shadow: 0 -6px 24px rgba(0,0,0,0.12);
}
.btn-cta { padding: 14px 20px; font-weight: 700; border-radius: 999px; }
.icon-circle-sm { width: 32px; height: 32px; border-radius: 50%; background: #f1f3f5; display:flex; align-items:center; justify-content:center; }
.rating i { color: #f6b100; }
.status-pill { font-size: 0.85rem; font-weight: 600; }
.back-fab { box-shadow: 0 6px 16px rgba(0,0,0,.2); }

/* Postos List (item list) */
.posto-item { border-bottom: 1px solid #eee; padding: 14px 0; }
.posto-logo { width: 32px; height: 32px; border-radius: 8px; background:#f8f9fc; display:flex; align-items:center; justify-content:center; }
.posto-acao { white-space: nowrap; }
.badge-ativo { font-size: .7rem; }

/* Perfil – Relatórios (tabs topo) */
.report-tabs {
  border-bottom: 1px solid #eee;
}
.report-tab {
  position: relative;
  flex: 1;
  text-align: center;
  padding: 0.75rem 0 0.5rem;
  font-weight: 500;
  font-size: 0.9rem;
  color: #6c757d;
  text-decoration: none;
}
.report-tab-active {
  color: #0d6efd;
}
.report-tab-active::after {
  content: "";
  position: absolute;
  left: 20%;
  right: 20%;
  bottom: -1px;
  height: 3px;
  border-radius: 999px;
  background: #0d6efd;
}

.report-kpi-card {
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}
.report-kpi-label { color: #6c757d; font-size: 0.85rem; }
.report-kpi-value {
  font-weight: 700;
  color: #0d6efd;
}
.report-kpi-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f1f3f5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.activity-item { border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.06); }
.activity-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f1f3f5;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Campos somente visualização (perfil) */
.view-only-control {
  background-color: #e9ecef;
  color: #495057;
  cursor: default;
}
.view-only-control:focus {
  box-shadow: none;
}

/* Perfil – Veículos */
.vehicle-card {
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}