/* My Family v2.5.0 — desktop-wide layout, auth dialogs, tree header controls and role menu settings */
html,body,#app{width:100%;max-width:none}
body .app-shell{width:100%;max-width:none}
body .content.app-main{width:100%;max-width:none;min-width:0}
body .page-content,body #content{width:100%;max-width:none!important;margin:0!important;min-width:0}
body .mobile-home-panel,body .photos-dashboard,body .feed-layout,body .people-mobile-page,body .settings-grid{width:100%;max-width:none!important;margin-left:0!important;margin-right:0!important}
body .auth-form{width:100%;align-items:start}
body .auth-form .field{min-width:0}
body .auth-form input,body .auth-form select,body .auth-form textarea{width:100%}
body .role-menu-admin-v2424{display:grid;gap:14px}
body .role-menu-toolbar-v2424{display:flex;gap:8px;flex-wrap:wrap}
body .role-menu-grid-v2424{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;max-height:min(56dvh,620px);overflow:auto;padding:2px}
body .role-menu-choice-v2424{display:grid;grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:'check icon title' 'check icon code';align-items:center;gap:2px 9px;border:1px solid var(--line);border-radius:15px;padding:11px;background:#fff;cursor:pointer;min-width:0}
body .role-menu-choice-v2424:has(input:checked){border-color:#6366f1;background:#eef2ff}
body .role-menu-choice-v2424 input{grid-area:check;width:20px;height:20px;min-height:20px}
body .role-menu-choice-v2424>span{grid-area:icon;font-size:21px}
body .role-menu-choice-v2424>b{grid-area:title;overflow-wrap:anywhere}
body .role-menu-choice-v2424>small{grid-area:code;color:#64748b}
body .tree-page-shell-v2424{width:100%;max-width:none;min-width:0}
body .tree-page-head-v2424{display:grid;grid-template-columns:auto minmax(560px,1fr) auto;align-items:center!important;gap:14px;width:100%;max-width:none}
body .tree-header-controls-v2424{min-width:0;width:100%}
body .tree-header-controls-v2424 .tree-head-toolbar{margin:0!important;width:100%!important}
body .tree-page-head-v2424 .tree-header-fullscreen-btn{white-space:nowrap}
body .tree-page-shell-v2424.tree-fullscreen{background:var(--bg,#f7f4ff);padding:12px;overflow:hidden!important}
body .tree-page-shell-v2424.tree-fullscreen .tree-desktop-layout-v2417{height:calc(100dvh - 86px);min-height:0}
body .tree-page-shell-v2424.tree-fullscreen .tree-stage-pro{height:100%!important;min-height:0!important}

@media(min-width:901px){
  body .app-shell,body .app-shell.sidebar-collapsed{display:grid!important;grid-template-columns:clamp(205px,13vw,260px) minmax(0,1fr)!important}
  body .app-shell.sidebar-collapsed{grid-template-columns:92px minmax(0,1fr)!important}
  body .sidebar{position:sticky!important;top:0!important;height:100dvh!important;overflow:auto!important;display:block!important;padding:clamp(10px,1vw,18px)!important}
  body .content.app-main,body .content{padding:clamp(16px,1.6vw,30px)!important;overflow:visible!important;max-width:none!important}
  body .content.app-main>*,body .content>*{max-width:none!important;width:100%;margin-left:0!important;margin-right:0!important}
  body .page-head{width:100%;max-width:none;flex-wrap:nowrap}
  body .dashboard-color-grid,body .dashboard-quick-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important}
  body .dashboard-metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}
  body .grid3{grid-template-columns:repeat(auto-fit,minmax(285px,1fr))!important}
  body .people-responsive-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important}
  body .settings-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))!important}
  body .cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
  body .feed-layout{display:grid;grid-template-columns:minmax(0,1fr);justify-items:stretch}
  body .feed-stream{width:100%;max-width:1200px;margin:0 auto}
  body .modal-card{width:min(980px,calc(100vw - 56px))!important;max-height:calc(100dvh - 48px)!important}
  body .modal-card:has(.auth-login-form){width:min(520px,calc(100vw - 56px))!important}
  body .modal-card:has(.auth-signup-form){width:min(1060px,calc(100vw - 56px))!important}
  body .auth-signup-form{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body .auth-signup-form .full{grid-column:1/-1}
  body .tree-desktop-layout-v2417{grid-template-columns:minmax(0,1fr) clamp(300px,24vw,410px)!important;align-items:start}
  body .tree-stage-pro{height:clamp(560px,calc(100dvh - 155px),960px)!important;min-height:560px!important}
  body .tree-member-panel-v2417{position:sticky!important;top:12px!important;max-height:calc(100dvh - 40px)!important;overflow:auto!important}
}
@media(min-width:1500px){
  body .dashboard-color-grid,body .dashboard-quick-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body .grid3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body .people-responsive-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body .settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(min-width:1900px){
  body .app-shell,body .app-shell.sidebar-collapsed{grid-template-columns:260px minmax(0,1fr)!important}
  body .app-shell.sidebar-collapsed{grid-template-columns:92px minmax(0,1fr)!important}
  body .content.app-main,body .content{padding:30px 36px!important}
  body .dashboard-color-grid,body .dashboard-quick-cards{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  body .people-responsive-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body .settings-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(min-width:901px) and (max-width:1279px){
  body .tree-page-head-v2424{grid-template-columns:minmax(0,1fr) auto;align-items:start!important}
  body .tree-page-head-v2424 .tree-header-controls-v2424{grid-column:1/-1;grid-row:2}
  body .tree-page-head-v2424 .tree-header-fullscreen-btn{grid-column:2;grid-row:1}
  body .tree-head-toolbar.tree-options-v249{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  body .tree-page-head-v2424{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
  body .tree-page-head-v2424 .tree-header-controls-v2424{grid-column:1/-1;grid-row:2;width:100%}
  body .tree-page-head-v2424 .tree-header-fullscreen-btn{grid-column:2;grid-row:1}
  body .auth-form{grid-template-columns:1fr!important}
  body .role-menu-grid-v2424{grid-template-columns:1fr;max-height:none}
  body .role-menu-toolbar-v2424{display:grid;grid-template-columns:1fr}
  body .role-menu-toolbar-v2424 .btn{width:100%}
  body .modal-card:has(.auth-form){min-height:100dvh!important}
}
@media(max-width:560px){
  body .tree-page-head-v2424{grid-template-columns:1fr!important}
  body .tree-page-head-v2424 .tree-header-fullscreen-btn,body .tree-page-head-v2424 .tree-header-controls-v2424{grid-column:1!important;grid-row:auto!important;width:100%}
  body .tree-page-head-v2424 .tree-header-fullscreen-btn{order:2}
}