/* Six independent areas; capture and commercial stages remain inside their flows. */
:root .ds-app .app-shell{grid-template-columns:clamp(240px,var(--sidebar-w,250px),300px) minmax(0,1fr)}
:root .ds-app .area-sidebar{--nav-prospect:#0066ff;--nav-leads:#153877;--nav-development:#039caa;--nav-nutrition:#139778;--nav-reports:#7852bc;--nav-settings:#59749a;padding:18px 14px 14px;background:linear-gradient(160deg,var(--bg-info),var(--bg-card));border:1px solid var(--border-primary);border-radius:25px;box-shadow:2px 3px 0 -1px color-mix(in srgb,var(--border-primary) 55%,transparent),8px 10px 24px -16px var(--shadow-color),inset 0 1px 1px #ffffffa0}
:root .ds-app .area-sidebar::before{inset:auto 0 0;height:48%;background-image:var(--sidebar-bg-image);background-size:cover;background-position:center bottom;opacity:.3;filter:saturate(.8);mask-image:linear-gradient(transparent,#000 48%);-webkit-mask-image:linear-gradient(transparent,#000 48%)}
:root .ds-app .area-sidebar::after{background:linear-gradient(transparent 55%,color-mix(in srgb,var(--bg-info) 28%,transparent));box-shadow:inset 0 1px 1px #ffffff70;pointer-events:none}
:root .ds-app .area-sidebar .sidebar-top{display:flex;flex:1;flex-direction:column;gap:18px;min-height:0;overflow-y:auto;scrollbar-width:thin;padding-bottom:12px}
:root .ds-app .area-sidebar .brand-logo{display:flex;justify-content:center;align-items:center;flex:none;padding:5px 10px 12px;min-height:98px}
:root .ds-app .area-sidebar .brand-image{max-width:190px;width:100%;max-height:108px;object-fit:contain;filter:drop-shadow(0 3px 6px #1a518512)}
:root .ds-app .area-sidebar .main-area-nav{gap:7px;flex:none}
:root .ds-app .area-sidebar .nav-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:13px;min-height:57px;padding:12px 10px;border:1px solid transparent;border-radius:13px;color:var(--ink);font-size:13px;font-weight:750;line-height:1.65;background:transparent;box-shadow:none;transition:background .16s,transform .16s,box-shadow .16s;min-width:0;width:100%}
:root .ds-app .area-sidebar .nav-icon{width:28px;height:28px;opacity:1;display:grid;place-items:center;color:var(--nav-icon-color,var(--nav-leads))}
:root .ds-app .area-sidebar .nav-icon .ds-icon{width:25px;height:25px;color:inherit}
:root .ds-app .area-sidebar [data-nav-area="prospection"]{--nav-icon-color:var(--nav-prospect)}
:root .ds-app .area-sidebar [data-nav-area="leads"]{--nav-icon-color:var(--nav-leads)}
:root .ds-app .area-sidebar [data-nav-area="development"]{--nav-icon-color:var(--nav-development)}
:root .ds-app .area-sidebar [data-nav-area="nutrition"]{--nav-icon-color:var(--nav-nutrition)}
:root .ds-app .area-sidebar [data-nav-area="reports"]{--nav-icon-color:var(--nav-reports)}
:root .ds-app .area-sidebar [data-nav-area="settings"]{--nav-icon-color:var(--nav-settings)}
:root .ds-app .area-sidebar .area-nav-copy{min-width:0;text-align:left;display:block}
:root .ds-app .area-sidebar .area-nav-title{display:block}
:root .ds-app .area-sidebar .area-nav-copy small{display:none;font-size:10px;font-weight:550;line-height:1.6;margin-top:1px;color:var(--ink-secondary)}
:root .ds-app .area-sidebar .nav-item.active{border-color:color-mix(in srgb,var(--nav-prospect) 48%,var(--border-soft));background:linear-gradient(150deg,color-mix(in srgb,var(--nav-prospect) 12%,var(--bg-info)),color-mix(in srgb,var(--nav-prospect) 17%,var(--bg-card)));box-shadow:0 3px 0 -1px color-mix(in srgb,var(--nav-prospect) 18%,transparent),0 7px 14px -10px #2464bc70,inset 0 1px 1px #ffffffb0;color:var(--ink)}
:root .ds-app .area-sidebar .nav-item.active .area-nav-copy small{display:block}
:root .ds-app .area-sidebar .nav-item:hover{background:color-mix(in srgb,var(--nav-prospect) 7%,var(--bg-info));transform:translateY(-1px);color:var(--ink)}
:root .ds-app .area-sidebar .nav-item.active:hover{background:color-mix(in srgb,var(--nav-prospect) 17%,var(--bg-info))}
:root .ds-app .area-sidebar :is(.nav-item,.sidebar-profile):focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}
:root .ds-app .area-sidebar .sidebar-bottom{flex:none;margin-top:auto;padding-top:10px;gap:10px}
:root .ds-app .area-sidebar .area-logout{min-height:42px;font-size:12px;padding:8px 10px}
:root .ds-app .area-sidebar .area-logout .ds-icon{width:20px;height:20px}
:root .ds-app .area-sidebar .sidebar-profile{display:grid;grid-template-columns:38px minmax(0,1fr) 14px;gap:10px;padding:12px 10px;text-align:left;min-width:0;width:100%;background:var(--bg-info);border:1px solid var(--border-soft);border-radius:16px;color:var(--ink);box-shadow:0 3px 0 -1px color-mix(in srgb,var(--border-primary) 50%,transparent),0 8px 17px -12px var(--shadow-color),inset 0 1px 1px #ffffff80}
:root .ds-app .area-sidebar .profile-avatar{width:36px;height:36px;background:linear-gradient(140deg,#0785ff,#004cdf);color:white;font-size:12px;flex:none}
:root .ds-app .area-sidebar .profile-copy{min-width:0}
:root .ds-app .area-sidebar .profile-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root .ds-app .area-sidebar .profile-copy small{font-size:10px;font-weight:550;color:var(--ink-secondary)}
:root .ds-app .area-sidebar .profile-chevron{color:var(--border-primary)}
:root .ds-app .area-sidebar .profile-chevron .ds-icon{width:16px;height:16px}
:root .ds-app .sidebar-menu-toggle,:root .ds-app .sidebar-drawer-backdrop{display:none}
html[data-theme^="dark"] .ds-app .area-sidebar{--nav-prospect:#65a9ff;--nav-leads:#c5d8ff;--nav-development:#5ce1dc;--nav-nutrition:#77ddb7;--nav-reports:#c5a6ff;--nav-settings:#afc6e8}
html[data-theme^="dark"] .ds-app .area-sidebar .brand-image{filter:brightness(0) invert(1) drop-shadow(0 3px 6px #081c4618)}
/* Keep the approved capture screens in the main workspace, with the menu accessible. */
:root .ds-app .discovery-dialog.discovery-in-workspace{position:fixed;left:var(--prospection-left);top:var(--prospection-top);width:var(--prospection-width);max-width:var(--prospection-width);max-height:var(--prospection-height);margin:0;z-index:400;box-sizing:border-box}
:root .ds-app .discovery-in-workspace:not(.discovery-email-pilot){height:var(--prospection-height)}
:root .ds-app .discovery-email-pilot.discovery-in-workspace{height:var(--prospection-height)}
@media(max-width:1100px) and (min-width:701px){
 :root .ds-app .app-shell{grid-template-columns:82px minmax(0,1fr)}
 :root .ds-app .area-sidebar{padding:16px 8px 12px;border-radius:22px}
 :root .ds-app .area-sidebar .brand-logo{min-height:75px;padding:5px 0 12px}
 :root .ds-app .area-sidebar .main-area-nav{gap:12px}
 :root .ds-app .area-sidebar .nav-item{grid-template-columns:1fr;justify-items:center;padding:12px 7px;gap:0;min-height:55px}
 :root .ds-app .area-sidebar .area-nav-copy,:root .ds-app .area-sidebar .area-logout>span:last-child,:root .ds-app .area-sidebar .profile-copy,:root .ds-app .area-sidebar .profile-chevron{display:none}
 :root .ds-app .area-sidebar .sidebar-profile{grid-template-columns:1fr;justify-items:center;padding:10px 5px}
}
@media(max-width:700px){
 :root .ds-app .app-shell{grid-template-columns:minmax(0,1fr)}
 :root .ds-app .area-sidebar{display:none;position:fixed;left:8px!important;top:8px!important;bottom:8px;width:min(280px,calc(100vw - 48px))!important;z-index:650!important}
 :root .ds-app .sidebar-open .area-sidebar{display:flex}
 :root .ds-app .sidebar-open .sidebar-drawer-backdrop{display:block;position:fixed;inset:0;background:#081c4660;z-index:640;border:0;padding:0}
 :root .ds-app .sidebar-menu-toggle{display:grid;place-items:center;align-self:center;width:36px;height:38px;padding:6px;border:1px solid var(--border-primary);border-radius:11px;color:var(--ink);background:var(--bg-info)}
 :root .ds-app .topbar{grid-template-columns:36px minmax(0,1fr) auto;gap:8px;padding:10px}
 :root .ds-app .topbar .top-actions{grid-column:auto;justify-self:end}
 :root .ds-app .topbar-context{grid-column:auto}
 :root .ds-app .discovery-dialog.discovery-in-workspace{top:var(--prospection-mobile-top);max-height:var(--prospection-mobile-height);height:var(--prospection-mobile-height)}
}
@media(max-height:650px) and (min-width:701px){:root .ds-app .area-sidebar .brand-logo{min-height:75px;max-height:95px}:root .ds-app .area-sidebar .sidebar-top{gap:10px}:root .ds-app .area-sidebar .main-area-nav{gap:4px}:root .ds-app .area-sidebar .nav-item{min-height:50px}}
@media(prefers-reduced-motion:reduce){:root .ds-app .area-sidebar .nav-item{transition:none;transform:none}}