/* Visual refinement of Meus Leads > Por Etapa only. */
:root .ds-app .registry-stage-page{--portfolio-reading:#fff;--portfolio-navy:#12315a;--portfolio-filter:#eaf5ff;--portfolio-filter-end:#e3f0fd;--portfolio-input:#fff;--portfolio-border:#bdd8f6;--portfolio-muted:#526f93;--portfolio-shadow:inset 0 1px 0 #ffffffb3,0 3px 0 #386da018,0 7px 16px #21569416;gap:12px}
:root .ds-app .registry-stage-page .portfolio-stage-all{--portfolio-accent:#0b6fe8;--portfolio-ink:#155fc5;--portfolio-soft:#e6eeff;--portfolio-pale:#f3f7ff}
:root .ds-app .registry-stage-page .portfolio-stage-contact{--portfolio-accent:#12b8c4;--portfolio-ink:#087e8b;--portfolio-soft:#ddf9fa;--portfolio-pale:#eafdfd}
:root .ds-app .registry-stage-page .portfolio-stage-relationship{--portfolio-accent:#12a873;--portfolio-ink:#087954;--portfolio-soft:#e1f8ee;--portfolio-pale:#edfcf5}
:root .ds-app .registry-stage-page .portfolio-stage-opportunity{--portfolio-accent:#e99a13;--portfolio-ink:#a3680a;--portfolio-soft:#fff2d7;--portfolio-pale:#fff8e9}
:root .ds-app .registry-stage-page .portfolio-stage-budget{--portfolio-accent:#8a42d5;--portfolio-ink:#7533b6;--portfolio-soft:#f0e4ff;--portfolio-pale:#f7f0ff}
:root .ds-app .registry-stage-page .stage-portfolio-header{padding:18px 20px;background:linear-gradient(140deg,var(--portfolio-filter),var(--portfolio-filter-end));border-color:var(--portfolio-border);box-shadow:var(--portfolio-shadow)}
:root .ds-app .registry-stage-page .stage-portfolio-header h2{margin:0 0 5px;font-size:24px;color:var(--portfolio-navy)}
:root .ds-app .registry-stage-page .stage-portfolio-header .page-subtitle{color:var(--portfolio-muted);font-size:12px}
:root .ds-app .registry-stage-page .my-leads-view-selector{padding:0;gap:5px;border:0;background:transparent;box-shadow:none}
:root .ds-app .registry-stage-page .my-leads-view-selector button{min-width:138px;border-color:#f0cf9f;background:linear-gradient(140deg,#fff9ef,#fff1dd);color:var(--portfolio-navy);box-shadow:inset 0 1px 0 #ffffffb0;transition:background .18s,box-shadow .18s}
:root .ds-app .registry-stage-page .my-leads-view-selector button:not(.active)>.ds-icon{color:#c88414!important}
:root .ds-app .registry-stage-page .my-leads-view-selector button.active{background:linear-gradient(140deg,#137fff,#0060ed);color:#fff;border-color:#fff;box-shadow:0 0 0 2px #88c5ff,0 4px 9px #136fe82b}
:root .ds-app .registry-stage-page .my-leads-view-selector button:not(.active):hover{background:#ffecd0}
:root .ds-app .registry-stage-page .stage-portfolio-workspace{padding:14px 16px;background:linear-gradient(140deg,color-mix(in srgb,var(--portfolio-filter) 60%,var(--bg-panel)),var(--bg-panel));gap:13px;border-radius:21px}
:root .ds-app .registry-stage-page .stage-portfolio-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
:root .ds-app .registry-stage-page .stage-portfolio-metric{display:flex;align-items:flex-start;gap:10px;min-height:106px;padding:12px 12px;isolation:isolate;overflow:hidden;border:1px solid color-mix(in srgb,var(--portfolio-accent) 38%,var(--portfolio-pale));border-radius:15px;background:linear-gradient(135deg,var(--portfolio-pale),var(--portfolio-soft));color:var(--portfolio-navy);box-shadow:var(--portfolio-shadow);transition:transform .18s,border-color .18s,box-shadow .18s}
:root .ds-app .registry-stage-page .stage-portfolio-metric::before{display:none}
:root .ds-app .registry-stage-page .portfolio-metric-icon{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:50%;border:1px solid color-mix(in srgb,var(--portfolio-accent) 20%,var(--portfolio-soft));background:linear-gradient(145deg,var(--portfolio-pale),color-mix(in srgb,var(--portfolio-accent) 15%,var(--portfolio-soft)));color:var(--portfolio-ink);box-shadow:inset 0 1px 0 #ffffff90}
:root .ds-app .registry-stage-page .portfolio-metric-icon .ds-icon{width:25px;height:25px;color:inherit}
:root .ds-app .registry-stage-page .portfolio-metric-copy{display:grid;gap:5px;position:relative;z-index:1;min-width:0;flex:1;padding:3px 29px 0 0}
:root .ds-app .registry-stage-page .portfolio-metric-label{font-size:11px;font-weight:700;line-height:1.35;color:var(--portfolio-navy)}
:root .ds-app .registry-stage-page .portfolio-metric-copy>strong{grid-column:1;font-size:27px;line-height:1;color:var(--portfolio-ink)}
:root .ds-app .registry-stage-page .portfolio-metric-copy>small{font-size:10px;line-height:1.3;color:var(--portfolio-muted);overflow-wrap:normal}
:root .ds-app .registry-stage-page .portfolio-metric-decoration{position:absolute;z-index:0;right:11px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:48px;height:48px;color:var(--portfolio-accent);opacity:.23;pointer-events:none}
:root .ds-app .registry-stage-page .portfolio-metric-decoration .ds-icon{width:48px;height:48px;color:inherit}
:root .ds-app .registry-stage-page .stage-portfolio-metric.active{border-color:var(--portfolio-accent);background:linear-gradient(135deg,var(--portfolio-pale),color-mix(in srgb,var(--portfolio-accent) 13%,var(--portfolio-soft)));box-shadow:inset 0 1px 0 #ffffff90,0 0 0 1px var(--portfolio-accent),0 4px 0 color-mix(in srgb,var(--portfolio-accent) 18%,transparent),0 8px 17px color-mix(in srgb,var(--portfolio-accent) 20%,transparent);transform:translateY(-1px)}
:root .ds-app .registry-stage-page .stage-portfolio-metric:hover{border-color:var(--portfolio-accent);transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff80,0 5px 16px color-mix(in srgb,var(--portfolio-accent) 24%,transparent)}

:root .ds-app .registry-stage-page .stage-portfolio-filters{padding:14px 15px;gap:10px;background:linear-gradient(135deg,var(--portfolio-filter),var(--portfolio-filter-end));border-color:var(--portfolio-border);box-shadow:var(--portfolio-shadow)}
:root .ds-app .registry-stage-page .portfolio-filter-head{font-size:14px;color:var(--portfolio-navy)}
:root .ds-app .registry-stage-page .portfolio-filter-fields{gap:10px 14px}
:root .ds-app .registry-stage-page :is(.portfolio-filter-fields>label,.portfolio-status-field,.portfolio-results-head>label){gap:6px;color:var(--portfolio-muted)}
:root .ds-app .registry-stage-page :is(.portfolio-select-control,.portfolio-search-control){display:block;position:relative;min-width:0}
:root .ds-app .registry-stage-page :is(.portfolio-select-control,.portfolio-search-control)>.ds-icon{position:absolute;width:17px;height:17px;left:12px;top:11px;pointer-events:none;color:var(--portfolio-muted)}
:root .ds-app .registry-stage-page :is(.portfolio-filter-fields select,.portfolio-filter-fields input,.portfolio-results-head select){height:39px;background:var(--portfolio-input);border-color:var(--portfolio-border);border-radius:9px;color:var(--portfolio-navy);box-shadow:inset 0 1px 0 #ffffff8a,0 2px 4px #30609309}
:root .ds-app .registry-stage-page .portfolio-select-control select{padding-left:38px}
:root .ds-app .registry-stage-page .portfolio-search-control input{padding-left:39px}
:root .ds-app .registry-stage-page .portfolio-status-options{gap:6px}
:root .ds-app .registry-stage-page .portfolio-status-options button{--status-accent:#0b6fe8;--status-ink:#155fc5;--status-soft:#eaf3ff;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 8px;min-height:39px;border:1px solid color-mix(in srgb,var(--status-accent) 23%,var(--status-soft));border-radius:9px;background:linear-gradient(135deg,var(--portfolio-input),var(--status-soft));color:var(--status-ink);box-shadow:0 2px 4px #3060930a;font-size:11px;font-weight:600;transition:box-shadow .18s,border-color .18s}
:root .ds-app .registry-stage-page .portfolio-status-options .portfolio-status-today{--status-accent:#e99a13;--status-ink:#99600a;--status-soft:#fff5e3}
:root .ds-app .registry-stage-page .portfolio-status-options .portfolio-status-overdue{--status-accent:#ee4e65;--status-ink:#ce294c;--status-soft:#fff0f3}
:root .ds-app .registry-stage-page .portfolio-status-options .portfolio-status-upcoming{--status-accent:#12a873;--status-ink:#087954;--status-soft:#e8faf1}
:root .ds-app .registry-stage-page .portfolio-status-options .ds-icon{width:18px;height:18px;flex:0 0 18px;color:inherit}
:root .ds-app .registry-stage-page .portfolio-status-options button.active{border-color:var(--status-accent);background:var(--status-soft);color:var(--status-ink);box-shadow:0 0 0 1px var(--status-accent),0 3px 7px color-mix(in srgb,var(--status-accent) 13%,transparent)}
:root .ds-app .registry-stage-page .portfolio-status-options button:hover{border-color:var(--status-accent);box-shadow:0 3px 7px color-mix(in srgb,var(--status-accent) 17%,transparent)}
:root .ds-app .registry-stage-page .portfolio-results-head{font-size:15px;color:var(--portfolio-navy);gap:12px}
:root .ds-app .registry-stage-page .portfolio-results-head small{margin-top:4px;color:var(--portfolio-muted);font-size:11px}
:root .ds-app .registry-stage-page .portfolio-results-head>label{display:flex;align-items:center;gap:12px;font-size:11px;white-space:nowrap;min-width:0}
:root .ds-app .registry-stage-page .portfolio-results-head select{width:178px;font-size:11px}

:root .ds-app .registry-stage-page .stage-portfolio-grid{gap:13px}
:root .ds-app .registry-stage-page .stage-portfolio-lead{gap:8px;padding:14px 15px 13px 20px;border-color:color-mix(in srgb,var(--portfolio-accent) 25%,var(--portfolio-border));border-radius:17px;background:radial-gradient(ellipse at 85% 0%,color-mix(in srgb,var(--portfolio-accent) 10%,var(--portfolio-reading)) 0,transparent 55%),linear-gradient(180deg,var(--portfolio-pale),var(--portfolio-reading) 43%,var(--portfolio-reading));box-shadow:var(--portfolio-shadow);color:var(--portfolio-navy);transition:transform .18s,border-color .18s,box-shadow .18s}
:root .ds-app .registry-stage-page .stage-portfolio-lead::before{background:var(--portfolio-accent);width:5px}
:root .ds-app .registry-stage-page .stage-portfolio-lead:hover{border-color:var(--portfolio-accent);transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff90,0 4px 0 color-mix(in srgb,var(--portfolio-accent) 16%,transparent),0 9px 20px color-mix(in srgb,var(--portfolio-accent) 14%,transparent)}
:root .ds-app .registry-stage-page .portfolio-person{gap:11px;align-items:center}
:root .ds-app .registry-stage-page .portfolio-person-avatar{width:48px;height:48px;font-size:19px;background:linear-gradient(145deg,var(--portfolio-pale),var(--portfolio-soft));color:var(--portfolio-ink);border-color:color-mix(in srgb,var(--portfolio-accent) 35%,var(--portfolio-soft));box-shadow:inset 0 1px 2px #ffffffb0,0 3px 6px color-mix(in srgb,var(--portfolio-accent) 9%,transparent)}
:root .ds-app .registry-stage-page .portfolio-person h3{font-size:15px;margin-bottom:4px;color:var(--portfolio-navy)}
:root .ds-app .registry-stage-page :is(.portfolio-person p,.portfolio-company,.portfolio-owner,.portfolio-last,.portfolio-missing){color:var(--portfolio-muted)}
:root .ds-app .registry-stage-page .portfolio-person p{margin-top:3px}
:root .ds-app .registry-stage-page .portfolio-stage-badge{padding:4px 10px;border-radius:20px;font-size:11px;background:color-mix(in srgb,var(--portfolio-accent) 9%,var(--portfolio-soft));color:var(--portfolio-ink);border-color:color-mix(in srgb,var(--portfolio-accent) 25%,var(--portfolio-soft))}
:root .ds-app .registry-stage-page .portfolio-owner strong{color:var(--portfolio-navy)}
:root .ds-app .registry-stage-page .portfolio-owner>.ds-icon{color:var(--portfolio-muted)}
:root .ds-app .registry-stage-page .portfolio-last{padding-top:8px;border-color:var(--portfolio-border)}
:root .ds-app .registry-stage-page .portfolio-last>div:first-child{gap:7px;font-size:11px}
:root .ds-app .registry-stage-page .portfolio-action-value{margin-top:5px;gap:7px 12px;color:var(--portfolio-navy)}
:root .ds-app .registry-stage-page .portfolio-action-value time{font-size:12px}
:root .ds-app .registry-stage-page .portfolio-missing{margin:5px 0 0;font-size:11px}
:root .ds-app .registry-stage-page .portfolio-next{--due-ink:var(--portfolio-navy);--due-soft:var(--portfolio-filter);--due-accent:var(--portfolio-border);padding:9px 10px;background:var(--due-soft);border-color:color-mix(in srgb,var(--due-accent) 35%,var(--due-soft));border-radius:10px}
:root .ds-app .registry-stage-page .portfolio-due-overdue{--due-accent:#ee4e65;--due-ink:#ce294c;--due-soft:#fff0f3}
:root .ds-app .registry-stage-page .portfolio-due-today{--due-accent:#e99a13;--due-ink:#99600a;--due-soft:#fff7e7}
:root .ds-app .registry-stage-page .portfolio-due-upcoming{--due-accent:#12a873;--due-ink:#087954;--due-soft:#edfcf5}
:root .ds-app .registry-stage-page .portfolio-due-badge{color:var(--due-ink);background:color-mix(in srgb,var(--due-accent) 10%,var(--due-soft));padding:3px 6px}
:root .ds-app .registry-stage-page .portfolio-next time{color:var(--due-ink)}
:root .ds-app .registry-stage-page .portfolio-next-head>span:first-child{color:var(--portfolio-navy);font-size:11px}
:root .ds-app .registry-stage-page .portfolio-next p:not(.portfolio-missing){margin-top:5px;color:var(--portfolio-muted);font-size:11px}
:root .ds-app .registry-stage-page .portfolio-lead-footer{display:flex;align-items:center;gap:8px;padding:0;margin:0;border:0;margin-top:1px}
:root .ds-app .registry-stage-page .portfolio-lead-footer .portfolio-open{display:flex;flex:1;min-width:0;align-items:center;justify-content:center;gap:7px;padding:9px 11px;min-height:40px;border:1px solid #0962e4;border-radius:9px;background:linear-gradient(135deg,#0875ee,#005fe8);color:#fff;font-size:11px;box-shadow:inset 0 1px 0 #ffffff35,0 3px 0 #034eae26,0 5px 10px #086ee823}
:root .ds-app .registry-stage-page .portfolio-open>.ds-icon{order:1;flex:0 0 17px;color:#fff!important}
:root .ds-app .registry-stage-page .portfolio-open:hover{background:linear-gradient(135deg,#096ee1,#004fc9);border-color:#0054ca}
:root .ds-app .registry-stage-page .portfolio-channel-shortcuts{display:flex;gap:6px;flex-shrink:0}
:root .ds-app .registry-stage-page .portfolio-lead-footer .portfolio-channel-button{display:grid;place-items:center;width:37px;height:40px;padding:8px;min-height:40px;border:1px solid var(--portfolio-border);border-radius:9px;background:var(--portfolio-input);color:var(--action-primary);opacity:.62;box-shadow:inset 0 1px 0 #ffffff70;cursor:not-allowed}
:root .ds-app .registry-stage-page .portfolio-channel-button .ds-icon{width:19px;height:19px;color:inherit!important}
:root .ds-app .registry-stage-page .portfolio-lead-footer .portfolio-channel-phone{color:#079785}
:root .ds-app .registry-stage-page .portfolio-lead-footer .portfolio-channel-mail{color:#b87b15}
:root .ds-app .registry-stage-page .portfolio-lead-footer .portfolio-channel-linkedin{color:#0b6fe8}
:root .ds-app .registry-stage-page :is(.stage-portfolio-metric,.stage-portfolio-lead,.portfolio-status-options button):focus-visible{outline:2px solid var(--portfolio-accent,var(--status-accent));outline-offset:3px}

/* The same semantic families remain readable in the existing dark themes. */
:root[data-theme^="dark"] .ds-app .registry-stage-page{--portfolio-reading:#1e2c43;--portfolio-navy:#e1edff;--portfolio-muted:#afc4df;--portfolio-filter:#20334d;--portfolio-filter-end:#243a56;--portfolio-input:#18283e;--portfolio-border:#395b7d;--portfolio-shadow:inset 0 1px 0 #ffffff0d,0 3px 0 #00000020,0 7px 16px #00000018}
:root[data-theme^="dark"] .ds-app .registry-stage-page .portfolio-stage-all{--portfolio-accent:#74adff;--portfolio-ink:#aecfff;--portfolio-soft:#293e60;--portfolio-pale:#243753}
:root[data-theme^="dark"] .ds-app .registry-stage-page .portfolio-stage-contact{--portfolio-accent:#32c6d2;--portfolio-ink:#8ce9ec;--portfolio-soft:#1b454f;--portfolio-pale:#243b4d}
:root[data-theme^="dark"] .ds-app .registry-stage-page .portfolio-stage-relationship{--portfolio-accent:#39c492;--portfolio-ink:#97e9c5;--portfolio-soft:#214638;--portfolio-pale:#233c3c}
:root[data-theme^="dark"] .ds-app .registry-stage-page .portfolio-stage-opportunity{--portfolio-accent:#eeb452;--portfolio-ink:#f4ce8d;--portfolio-soft:#4c402b;--portfolio-pale:#363748}
:root[data-theme^="dark"] .ds-app .registry-stage-page .portfolio-stage-budget{--portfolio-accent:#b380ec;--portfolio-ink:#d9b8ff;--portfolio-soft:#42315b;--portfolio-pale:#33344e}
:root[data-theme^="dark"] .ds-app .registry-stage-page .my-leads-view-selector button:not(.active){background:#443b32;border-color:#80613c;color:#f4d1a4}
:root[data-theme^="dark"] .ds-app .registry-stage-page .portfolio-status-all{--status-soft:#233d61;--status-ink:#aecfff}
:root[data-theme^="dark"] .ds-app .registry-stage-page .portfolio-status-today{--status-soft:#443b2e;--status-ink:#f4ce8d}
:root[data-theme^="dark"] .ds-app .registry-stage-page .portfolio-status-overdue{--status-soft:#4c2f42;--status-ink:#ffacba}
:root[data-theme^="dark"] .ds-app .registry-stage-page .portfolio-status-upcoming{--status-soft:#224739;--status-ink:#97e9c5}
:root[data-theme^="dark"] .ds-app .registry-stage-page .portfolio-due-overdue{--due-soft:#442e3f;--due-ink:#ffacba}
:root[data-theme^="dark"] .ds-app .registry-stage-page .portfolio-due-today{--due-soft:#40392d;--due-ink:#f4ce8d}
:root[data-theme^="dark"] .ds-app .registry-stage-page .portfolio-due-upcoming{--due-soft:#244336;--due-ink:#97e9c5}
:root[data-theme^="dark"] .ds-app .registry-stage-page .portfolio-lead-footer .portfolio-channel-phone{color:#83dcca}
:root[data-theme^="dark"] .ds-app .registry-stage-page .portfolio-lead-footer .portfolio-channel-mail{color:#f4ce8d}
:root[data-theme^="dark"] .ds-app .registry-stage-page .portfolio-lead-footer .portfolio-channel-linkedin{color:#91bbff}
@container(max-width:1120px){:root .ds-app .registry-stage-page .stage-portfolio-metric{gap:7px;padding:12px 9px}:root .ds-app .registry-stage-page .portfolio-metric-icon{width:35px;height:35px;flex-basis:35px}:root .ds-app .registry-stage-page .portfolio-metric-copy{padding-right:15px}:root .ds-app .registry-stage-page .portfolio-metric-decoration{right:8px;width:42px;height:42px}:root .ds-app .registry-stage-page .portfolio-metric-decoration .ds-icon{width:42px;height:42px}:root .ds-app .registry-stage-page .portfolio-channel-shortcuts{gap:4px}:root .ds-app .registry-stage-page .portfolio-lead-footer .portfolio-channel-button{width:32px}}
@container(max-width:850px){:root .ds-app .registry-stage-page .stage-portfolio-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}:root .ds-app .registry-stage-page .portfolio-metric-copy{padding-right:35px}:root .ds-app .registry-stage-page .portfolio-metric-decoration{width:48px;height:48px}:root .ds-app .registry-stage-page .portfolio-metric-decoration .ds-icon{width:48px;height:48px}:root .ds-app .registry-stage-page .portfolio-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}:root .ds-app .registry-stage-page :is(.portfolio-status-field,.portfolio-search-field){grid-column:span 2}}
@container(max-width:560px){:root .ds-app .registry-stage-page .stage-portfolio-workspace{padding:11px}:root .ds-app .registry-stage-page .stage-portfolio-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}:root .ds-app .registry-stage-page .stage-portfolio-metric:first-child{min-height:95px;grid-column:1/-1}:root .ds-app .registry-stage-page .portfolio-metric-copy{padding-right:27px}:root .ds-app .registry-stage-page .portfolio-metric-decoration{right:6px;width:40px;height:40px}:root .ds-app .registry-stage-page .portfolio-metric-decoration .ds-icon{width:40px;height:40px}:root .ds-app .registry-stage-page .portfolio-filter-fields{grid-template-columns:1fr}:root .ds-app .registry-stage-page :is(.portfolio-status-field,.portfolio-search-field){grid-column:1}:root .ds-app .registry-stage-page .portfolio-status-options button{padding:7px 5px;gap:4px;font-size:10px}:root .ds-app .registry-stage-page .portfolio-results-head>label{justify-content:space-between}:root .ds-app .registry-stage-page .stage-portfolio-filters{padding:12px}:root .ds-app .registry-stage-page .portfolio-lead-footer{gap:6px}:root .ds-app .registry-stage-page .my-leads-view-selector button{min-width:0}}
@media(prefers-reduced-motion:reduce){:root .ds-app .registry-stage-page :is(.stage-portfolio-metric,.stage-portfolio-lead){transition:none;transform:none}}