/* Final layout guardrails: profile portraits stay compact and never cover navigation. */
#main .family-grid .family-avatar,[data-profile-select] .family-avatar{width:56px!important;height:56px!important;max-width:56px!important;max-height:56px!important;flex:0 0 56px!important}
#main .family-grid .family-avatar img,[data-profile-select] .family-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
#photo-preview .family-avatar{width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important}
img[src*="/assets/avatars/"]{display:block!important;width:56px!important;height:56px!important;max-width:56px!important;max-height:56px!important;object-fit:cover!important;border-radius:50%!important}.avatar-picker button{width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important}.avatar-picker button img{width:100%!important;height:100%!important}
#photo-preview img[src*="/assets/avatars/"]{width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important}
.avatar-picker{display:grid;grid-template-columns:repeat(6,minmax(52px,1fr));gap:8px;max-height:250px;overflow:auto}.avatar-picker button{display:grid;place-items:center;overflow:hidden}.avatar-picker button img{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important}
@media(min-width:641px){.sidebar{width:268px;padding:28px 18px 0;background:#fffdfb;border-right:1px solid #e8dfe4;box-shadow:8px 0 30px #432c3d08}.app-shell{margin-left:268px}.brand{padding:0 12px;font-size:23px}.workspace-label{margin:42px 12px 14px;font-size:8px;color:#a18e9b}.sidebar nav{gap:4px;flex:1;overflow-y:auto;padding:0 2px 22px;scrollbar-width:thin;scrollbar-color:#ddcbd6 transparent}.sidebar nav a{min-height:43px;padding:11px 12px;border-radius:10px;font-size:12px;color:#776975;transition:background .2s,color .2s,transform .2s}.sidebar nav a:hover{background:#faf1f6;color:#5b3b50;transform:translateX(2px)}.sidebar nav a.active{background:#f1e2eb;color:#4b3042;box-shadow:inset 3px 0 #8d5a7c;font-weight:700}.sidebar nav a svg{width:18px;height:18px}.sidebar nav .small-pill{font-size:8px;padding:4px 7px;background:#f7ece5;color:#946c59}.sidebar-bottom{padding-top:12px}.sidebar-profile{width:calc(100% + 36px);margin-left:-18px;padding:16px 20px;background:#fffcfa;border-top:1px solid #eee5e8}.topbar{height:76px;padding:0 42px;background:#fffdfbf2;border-bottom-color:#e8dfe4}.topbar-actions{gap:17px}.breadcrumb{font-size:12px}.breadcrumb-brand{font-weight:650;color:#6b5364}.breadcrumb-divider{color:#cfbec9}main{max-width:1360px;padding:38px 48px 18px}footer{max-width:1360px;padding-left:48px;padding-right:48px}.preference-controls{right:205px;top:23px}}
@media(min-width:641px){.sidebar{background:linear-gradient(180deg,#fffdfb 0%,#fff9fb 62%,#f8eef4 100%)}.brand-logo{filter:drop-shadow(0 5px 8px #8d5a7c22)}.workspace-label:after{content:"";display:block;width:34px;height:2px;margin-top:10px;border-radius:4px;background:#d6a9c2}.sidebar nav a:nth-child(1),.sidebar nav a:nth-child(2),.sidebar nav a:nth-child(3){color:#5f4557}.sidebar nav a:nth-child(9){margin-top:12px;border-top:1px solid #eee1e8;border-radius:0;padding-top:20px}.sidebar-profile{box-shadow:0 -8px 20px #432c3d08}}