/* Geometria do vidro compartilhada; cores definidas em cada tema. */
/* Moldura das três áreas maiores, com relevo mais leve que os cards internos. */
:root :is(.sidebar,.topbar,.content){
  border:2px solid color-mix(in srgb,var(--accent) 38%,var(--card-line,var(--line)));
  box-shadow:1px 3px 0 -1px var(--glass-depth),0 12px 22px -12px var(--glass-shadow),inset 0 1px 1px var(--glass-highlight),inset -1px -1px 3px color-mix(in srgb,var(--glass-edge) 50%,transparent);
}
/* O acabamento acompanha a foto sem alterar sua cor ou contraste. */
:root .sidebar::after{
  box-shadow:inset 0 1px 1px var(--glass-highlight),inset -1px -1px 3px color-mix(in srgb,var(--glass-edge) 50%,transparent);
}

/* Superfícies principais: busca, contatos, leads, orçamento, login e janelas. */
:root :is(.card,.discovery-dialog,.stage-summary-card){
  --glass-card-fill:var(--glass-fill);
  border:2px solid transparent;
  background:radial-gradient(ellipse 85% 180px at 0 0,color-mix(in srgb,var(--glass-shine) 30%,transparent),transparent 80%) padding-box,radial-gradient(ellipse 65% 240px at 100% 0,color-mix(in srgb,var(--glass-aura) 30%,transparent),transparent 72%) padding-box,radial-gradient(ellipse 45% 300px at 100% 25%,color-mix(in srgb,var(--glass-cyan) 30%,transparent),transparent 76%) padding-box,var(--glass-card-fill,var(--glass-fill)) padding-box,var(--glass-rim) border-box;
  box-shadow:3px 6px 0 -1px var(--glass-depth),6px 10px 14px var(--glass-edge),0 22px 38px -8px var(--glass-shadow),inset 0 2px 2px var(--glass-highlight),inset -3px -3px 7px var(--glass-edge);
  backdrop-filter:blur(14px);
}
.lead-card-glass-preview{border-radius:24px}
:root .lead-detail-card{--glass-card-fill:var(--lead-detail-fill)}
:root .stage-summary-card{box-shadow:2px 4px 0 -1px var(--glass-depth),0 10px 18px -6px var(--glass-shadow),inset 0 2px 2px var(--glass-highlight),inset -2px -2px 5px var(--glass-edge)}
:root :is(.stage-summary-card.active,.stage-summary-card:hover,.lead-work-card:hover){border-color:var(--accent)}

/* Blocos internos com relevo mais discreto que o card principal. */
:root :is(.prospecting-tips-card,.discovery-result,.discovery-domain-review,.discovery-email,.discovery-notice,.discovery-company),
:root .card :is(.return-schedule .quick-date,.lead-work-info>div,.lead-compact-status>div,.theme-option){
  background:var(--glass-inset);
  border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));
  box-shadow:0 3px 0 -1px var(--glass-depth),0 6px 12px -5px var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);
}
:root .card .lead-work-info>.due-overdue{background:color-mix(in srgb,#e95b5b 10%,var(--field))}
:root .card .theme-option.active{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 25%,transparent)}
:root .card :is(.avatar,.logo-tile){
  border-radius:14px;
  border:1px solid var(--glass-highlight);
  box-shadow:3px 4px 0 -1px var(--glass-depth),0 7px 12px var(--glass-shadow),inset 0 2px 2px var(--glass-highlight);
}
:root :is(.card,.discovery-dialog) .primary{
  background:var(--glass-button);
  border:1px solid var(--glass-highlight);
  box-shadow:0 3px 0 var(--glass-depth),0 9px 18px var(--glass-button-shadow),inset 0 1px 1px var(--glass-highlight);
}
:root :is(.card,.discovery-dialog) .primary:disabled{box-shadow:inset 0 1px 1px var(--glass-highlight)}
/* Contorno legível nos botões sem seleção, sem reproduzir o relevo dos ativos. */
:root :is(.secondary,.quick-btn,.filter-pill,.stage-switch-btn){border-width:2px}
:root :is(.secondary,.quick-btn,.filter-pill,.stage-switch-btn):not(.active):not(.selected):not(.active-mode):not(:disabled){
  border-color:color-mix(in srgb,var(--accent) 45%,var(--line));
}
:root :is(.secondary,.quick-btn,.filter-pill,.stage-switch-btn):not(.active):not(.selected):not(.active-mode):not(:disabled):hover{border-color:var(--accent)}
:root .card .quick-buttons[data-quick-group="channel"] .quick-btn.selected{
  background:var(--glass-inset);
  box-shadow:0 3px 0 -1px var(--glass-depth),0 6px 12px -5px var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);
}

/* Fundos opacos mantêm as ferramentas fixas legíveis durante a rolagem. */
:root .card :is(.lead-top-actions,.sticky-action,.layout-drag-handle,.layout-actions-wrap),
:root .card .data-table th{background:var(--glass-toolbar)}
.lead-card-glass-preview>.lead-top-actions{border-bottom-color:color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:12px 12px 0 0}
:root .lead-detail-card>.lead-top-actions{background:var(--lead-detail-fill)}