/* ============================================================
   Tema UBS — Unidade Básica de Saúde
   Estratégia: só troca as variáveis de acento para verde.
   A sidebar, cards e nav items herdam automaticamente.
   Só o header recebe fundo verde explícito.
   ============================================================ */

/* ── Override do acento para verde UBS ── */
.app-ubs {
  --accent-h: 145;
  --accent:   hsl(145 52% 34%);
}

/* ── Header verde ── */
.app-ubs .app-header {
  background: linear-gradient(135deg, hsl(145 52% 30%) 0%, hsl(160 48% 26%) 100%);
  border-bottom-color: transparent;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.app-ubs .brand-name,
.app-ubs .brand-name span,
.app-ubs .brand-sub,
.app-ubs .user-header-name,
.app-ubs .user-header-crm,
.app-ubs .user-session-timer {
  color: #fff;
}

.app-ubs .user-header-avatar {
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.35);
}

.app-ubs .logout-header-btn {
  color: rgba(255, 255, 255, 0.8);
}
.app-ubs .logout-header-btn:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.15);
}

.app-ubs .brand-mark {
  background: rgba(255, 255, 255, 0.18);
  box-shadow: none;
  border: 1.5px solid rgba(255, 255, 255, 0.28);
}

/* ── Fullsidebar: mantém fundo branco, só acento muda ── */
/* (sidebar herda --accent-h e --accent automaticamente via CSS vars) */

/* ── Brand mark na sidebar também fica verde ── */
/* A sidebar usa hsl(var(--accent-h,225) 65% 52%) — já vira verde */

/* ── Hero / busca: toque verde sutil ── */
.app-ubs .app-main-hero {
  background: linear-gradient(180deg, hsl(145 40% 96%) 0%, #fff 70%);
}

.app-ubs .hero-search-icon {
  color: hsl(145 52% 34%);
}

.app-ubs .hero-search-inner:focus-within {
  border-color: hsl(145 50% 50%);
  box-shadow: 0 0 0 3px hsl(145 50% 50% / 0.15);
}

/* ── Botão UBS no segmented control ── */
.ped-tab.mode-tab-ubs.active {
  background: hsl(145 52% 34%);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 1px 4px hsl(145 52% 34% / 0.35);
}

.ped-tab.mode-tab-ubs:not(.active):hover {
  background: hsl(145 40% 94%);
  color: hsl(145 52% 30%);
}

/* ── Col dots UBS ── */
.col-dot-ubs {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: hsl(145 52% 38%);
  margin-right: 6px;
  flex-shrink: 0;
}

.col-dot-ubs-outros {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: hsl(165 48% 34%);
  margin-right: 6px;
  flex-shrink: 0;
}

/* ── Cards: borda verde sutil no hover ── */
.app-ubs .col-ubs-prescricoes .card:hover,
.app-ubs .col-ubs-outros .card:hover {
  border-color: hsl(145 45% 70%);
  box-shadow: 0 2px 10px hsl(145 52% 34% / 0.1);
}