/* Approved sidebar composition. Area identity and glass stay inside the menu. */
:root .ds-app .area-sidebar{
 --sidebar-ice:#eef7ff;--sidebar-ink:#103462;--sidebar-muted:#617d9f;
 --sidebar-rim:#91b6dd;--sidebar-dock:rgb(255 255 255 / .93);
 background:radial-gradient(ellipse 95% 150px at 50% 0,#ffffff85,transparent),linear-gradient(180deg,#eef7ff,#eaf4fc 52%,#f2f8fd);
 border-color:var(--sidebar-rim);
 box-shadow:1px 3px 0 -1px #7ea7ce66,0 10px 24px -15px #244f7e55,inset 0 1px 1px #ffffffbd;
}
:root .ds-app .area-sidebar::before{
 height:82%;background-image:url('../assets/backgrounds/sidebar-light-real.png');
 background-position:center bottom;background-size:cover;opacity:1;
 /* Counter the pale veil baked into the original photo; retain the menu fade. */
 filter:brightness(.625) contrast(4) saturate(1.6);
 mask-image:linear-gradient(180deg,transparent,#00000008 30%,#00000040 43%,#000 55%);
 -webkit-mask-image:linear-gradient(180deg,transparent,#00000008 30%,#00000040 43%,#000 55%);
}
:root .ds-app .area-sidebar::after{
 background:transparent;
 box-shadow:inset 0 1px 1px #ffffffa0,inset -1px -1px 3px #719fcc26;
}
:root .ds-app .area-sidebar .brand-logo{
 background:radial-gradient(ellipse at center,#ffffff3d,transparent 72%);
 border:0;border-radius:0;box-shadow:none;backdrop-filter:none;
 padding:5px 8px 8px;min-height:98px;
}
:root .ds-app .area-sidebar .brand-image{filter:none;max-width:190px;max-height:108px;object-fit:contain}
:root .ds-app .area-sidebar .sidebar-top{gap:12px}
:root .ds-app .area-sidebar .main-area-nav{gap:3px}
:root .ds-app .area-sidebar [data-nav-area="prospection"]{--area-color:#008af0}
:root .ds-app .area-sidebar [data-nav-area="leads"]{--area-color:#1260ec}
:root .ds-app .area-sidebar [data-nav-area="development"]{--area-color:#078b65}
:root .ds-app .area-sidebar [data-nav-area="nutrition"]{--area-color:#029e82}
:root .ds-app .area-sidebar [data-nav-area="reports"]{--area-color:#7c3ce6}
:root .ds-app .area-sidebar [data-nav-area="settings"]{--area-color:#567796}
:root .ds-app .area-sidebar .area-nav-item{
 --area-pastel:color-mix(in srgb,var(--area-color) 11%,var(--sidebar-ice));
 position:relative;grid-template-columns:40px minmax(0,1fr) 8px;
 min-height:54px;padding:6px 5px;gap:7px;border-radius:13px;
 background:transparent;border-color:transparent;box-shadow:none;
 color:var(--sidebar-ink);font-size:11.5px;font-weight:700;line-height:1.45;
 transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
:root .ds-app .area-sidebar .area-nav-item .nav-icon{
 width:40px;height:40px;border-radius:15px;
 color:var(--area-color);background:color-mix(in srgb,var(--area-color) 17%,var(--sidebar-ice));
 box-shadow:inset 0 1px 1px #ffffff45;
 transition:background .18s ease;
}
:root .ds-app .area-sidebar .area-nav-item .nav-icon .ds-icon{width:24px;height:24px;color:inherit}
:root .ds-app .area-sidebar .area-nav-copy small{display:none}
:root .ds-app .area-sidebar .area-nav-chevron{display:grid;place-items:center;color:#7292b6}
:root .ds-app .area-sidebar .area-nav-chevron .ds-icon{width:13px;height:13px}
:root .ds-app .area-sidebar .area-nav-item.active{
 background:linear-gradient(140deg,color-mix(in srgb,var(--area-color) 9%,var(--sidebar-ice)),color-mix(in srgb,var(--area-color) 13%,var(--sidebar-ice)));
 border-color:color-mix(in srgb,var(--area-color) 36%,var(--sidebar-ice));
 box-shadow:0 3px 0 -1px color-mix(in srgb,var(--area-color) 16%,transparent),0 7px 13px -10px #22497070,inset 0 1px 1px #ffffffa6;
 color:var(--sidebar-ink);transform:translateY(-1px);
}
:root .ds-app .area-sidebar .area-nav-item.active::before{
 content:"";position:absolute;left:0;top:0;bottom:0;width:5px;
 border-radius:13px 0 0 13px;background:var(--area-color);pointer-events:none;
}
:root .ds-app .area-sidebar .area-nav-item.active .nav-icon{background:color-mix(in srgb,var(--area-color) 23%,var(--sidebar-ice))}
:root .ds-app .area-sidebar .area-nav-item:hover{
 background:var(--area-pastel);color:var(--sidebar-ink);transform:translateY(-1px);
}
:root .ds-app .area-sidebar .area-nav-item:hover .nav-icon{background:color-mix(in srgb,var(--area-color) 24%,var(--sidebar-ice))}
:root .ds-app .area-sidebar .area-nav-item.active:hover{background:color-mix(in srgb,var(--area-color) 15%,var(--sidebar-ice));transform:translateY(-2px)}
:root .ds-app .area-sidebar .area-nav-item:focus-visible{outline-color:var(--area-color)}
:root .ds-app .area-sidebar .sidebar-bottom{gap:9px}
:root .ds-app .area-sidebar .area-logout{
 grid-template-columns:28px minmax(0,1fr);gap:10px;min-height:39px;padding:7px 10px;
 color:var(--sidebar-ink);background:rgb(238 247 255 / .7);
 border:1px solid #ffffff70;border-radius:12px;
 backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
 box-shadow:inset 0 1px 1px #ffffff80;
}
:root .ds-app .area-sidebar .area-logout .nav-icon{color:#275d9b}
:root .ds-app .area-sidebar .area-logout:hover{color:var(--sidebar-ink);background:rgb(238 247 255 / .86)}
:root .ds-app .area-sidebar .sidebar-profile{
 background:var(--sidebar-dock);border:1px solid #c1d9f2;border-radius:16px;color:var(--sidebar-ink);
 backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
 box-shadow:0 3px 0 -1px #93b8db55,0 8px 16px -10px #244e7b55,inset 0 1px 1px #ffffffd9;
}
:root .ds-app .area-sidebar .profile-avatar{box-shadow:0 2px 5px #0865ce33,inset 0 1px 1px #ffffff80}
:root .ds-app .area-sidebar .profile-copy small{color:var(--sidebar-muted)}
:root .ds-app .area-sidebar .profile-chevron{color:#7292b6}

/* The existing dark choices retain their contrast and the same area identities. */
html[data-theme^="dark"] .ds-app .area-sidebar{
 --sidebar-ice:#142b46;--sidebar-ink:#e2efff;--sidebar-muted:#b2c7e0;
 --sidebar-rim:#446b96;--sidebar-dock:rgb(24 48 76 / .93);
 background:radial-gradient(ellipse 95% 150px at 50% 0,#416e962e,transparent),linear-gradient(180deg,#172f4c,#12283f 52%,#142a45);
}
html[data-theme^="dark"] .ds-app .area-sidebar::before{background-image:url('../assets/backgrounds/sidebar-dark-real.png');opacity:.78;filter:saturate(1.5) contrast(1.2) brightness(1.1)}
html[data-theme^="dark"] .ds-app .area-sidebar [data-nav-area="prospection"]{--area-color:#52caff}
html[data-theme^="dark"] .ds-app .area-sidebar [data-nav-area="leads"]{--area-color:#74a6ff}
html[data-theme^="dark"] .ds-app .area-sidebar [data-nav-area="development"]{--area-color:#58d6ac}
html[data-theme^="dark"] .ds-app .area-sidebar [data-nav-area="nutrition"]{--area-color:#5de1c2}
html[data-theme^="dark"] .ds-app .area-sidebar [data-nav-area="reports"]{--area-color:#c39aff}
html[data-theme^="dark"] .ds-app .area-sidebar [data-nav-area="settings"]{--area-color:#aac4df}
html[data-theme^="dark"] .ds-app .area-sidebar .brand-image{filter:brightness(0) invert(1)}
html[data-theme^="dark"] .ds-app .area-sidebar .area-nav-item.active{box-shadow:0 3px 0 -1px #07182870,0 7px 13px -10px #06182e80,inset 0 1px 1px #ffffff20}
html[data-theme^="dark"] .ds-app .area-sidebar .area-nav-item .nav-icon{box-shadow:inset 0 1px 1px #ffffff12}
html[data-theme^="dark"] .ds-app .area-sidebar .area-logout{background:rgb(22 47 76 / .8);border-color:#94b5d22b;color:var(--sidebar-ink);box-shadow:inset 0 1px 1px #ffffff15}
html[data-theme^="dark"] .ds-app .area-sidebar .area-logout .nav-icon{color:#9cbbdf}
html[data-theme^="dark"] .ds-app .area-sidebar .area-logout:hover{background:rgb(36 68 103 / .92)}
html[data-theme^="dark"] .ds-app .area-sidebar .sidebar-profile{border-color:#537496;box-shadow:0 3px 0 -1px #07182c55,0 8px 16px -10px #061a3180,inset 0 1px 1px #ffffff15}
html[data-theme^="dark"] .ds-app .area-sidebar :is(.area-nav-chevron,.profile-chevron){color:#a0bbd9}

@media(max-width:1100px) and (min-width:701px){
 :root .ds-app .area-sidebar .brand-logo{min-height:75px;padding:5px 0 12px}
 :root .ds-app .area-sidebar .main-area-nav{gap:10px}
 :root .ds-app .area-sidebar .area-nav-item{grid-template-columns:1fr;justify-items:center;gap:0;padding:7px 5px;min-height:55px}
 :root .ds-app .area-sidebar .area-nav-chevron{display:none}
 :root .ds-app .area-sidebar .area-logout{grid-template-columns:1fr;justify-items:center;gap:0;padding:7px 5px}
}
@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 .area-nav-item{min-height:50px;padding-top:5px;padding-bottom:5px}
 :root .ds-app .area-sidebar .area-nav-item .nav-icon{height:36px;width:36px}
}
@media(prefers-reduced-motion:reduce){
 :root .ds-app .area-sidebar .area-nav-item,:root .ds-app .area-sidebar .area-nav-item .nav-icon{transition:none}
 :root .ds-app .area-sidebar .area-nav-item:is(.active,:hover){transform:none}
}