/* Shared navigation follows the site's existing light/dark surface tokens. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.management-menu{border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}
.management-menu summary{list-style:none;cursor:pointer}.management-menu summary::-webkit-details-marker{display:none}
.management-menu summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.management-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;min-height:64px}
.management-menu-heading>span:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;min-width:0}.management-menu-heading strong{font-size:17px}.management-menu-heading small{font-size:13px;color:var(--muted);font-weight:400;overflow-wrap:anywhere}
.management-menu-action{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:13px;color:var(--muted);font-weight:400}
.management-chevron{flex-shrink:0;transition:transform 160ms ease-out}.management-menu[open]>.management-menu-heading .management-chevron,.management-group[open]>summary .management-chevron{transform:rotate(180deg)}
.management-menu-body{padding:0 12px 12px}.management-menu[open]>.management-menu-heading{border-bottom:1px solid var(--line);margin-bottom:8px}
.management-group{min-width:0}.management-group>summary{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;font-size:14px}
.management-group-links{padding:0 0 8px 8px;display:grid;gap:2px}
.management-menu .management-group-links a,.management-menu .management-overview{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:6px;font-size:14px;line-height:1.5;overflow-wrap:anywhere;color:var(--muted)}
.management-menu a[aria-current=page]{background:var(--soft);color:var(--accent);font-weight:600}.management-menu a:hover,.management-group>summary:hover{background:var(--soft);border-radius:6px;color:var(--text)}
.management-menu [hidden]{display:none!important}.management-search{display:block;margin:12px 0}.management-search input{margin:0;width:100%;min-height:44px;font-size:14px}.management-empty{font-size:13px;color:var(--muted);padding:12px;line-height:1.8}
.admin-shell{grid-template-columns:248px minmax(0,1fr);align-items:start}.management-sidebar{min-width:0;padding:0;background:none;border:0}.management-sidebar .management-menu-heading>span:first-child{flex-direction:column;align-items:flex-start;gap:4px}.management-sidebar .management-menu-action{font-size:0;gap:0}.management-sidebar nav{display:block;max-height:min(68vh,720px);overflow-y:auto;overflow-x:hidden;padding:0;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.management-sidebar nav a{margin:0;border:0}.admin-content{min-width:0}
.management-sidebar nav summary span{display:inline}.management-sidebar nav a{white-space:normal}
.account-menu{margin:28px 0 24px}.account-menu-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;align-items:start}.account-menu-footer{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid var(--line);padding:14px 12px 2px;font-size:13px}.account-menu-footer a{display:flex;align-items:center;min-height:40px}
.account-overview{margin:0 0 24px;border-bottom:1px solid var(--line)}.account-overview>summary{padding:12px 0 18px;min-height:44px;font-size:14px}.account-overview .member-summary{margin-bottom:24px}.account-page .page-intro{padding-top:12px}
.admin-content .table-wrap,.account-page .table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.admin-content :is(input,select,textarea),.account-page :is(input,select,textarea){min-width:0;max-width:100%}.admin-content :is(.panel,form,fieldset,.form-grid,.suite-form-grid),.account-page :is(.panel,form,fieldset){min-width:0}.admin-content :is(p,h2,h3,td),.account-page :is(p,h1,h2,h3,.account-meta){overflow-wrap:anywhere}
@media(max-width:960px){
 .admin-shell{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:24px}.management-sidebar{position:static!important;top:auto!important}.management-sidebar .management-menu-heading>span:first-child{flex-direction:row;align-items:center;gap:8px 16px}.management-sidebar .management-menu-action{font-size:13px;gap:8px}.management-sidebar nav{max-height:60vh;display:block!important}.admin-title{flex-wrap:wrap;gap:10px}.admin-title h2{font-size:25px;margin-bottom:0}
 .admin-content .form-grid,.admin-content .suite-form-grid,.admin-content .content-form-grid,.admin-content .suite-permission-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
 .account-page .page,.page:has(.admin-shell){padding-left:16px;padding-right:16px}.account-menu{margin:18px 0}.management-menu-heading{padding:14px 16px}.management-menu-heading strong{font-size:16px}.management-menu-heading>span:first-child{flex-direction:column;align-items:flex-start;gap:3px}.management-sidebar .management-menu-heading>span:first-child{flex-direction:column;align-items:flex-start;gap:3px}.management-menu-action{font-size:12px}.account-menu-groups{grid-template-columns:1fr;gap:0}.management-menu-body{padding:0 8px 8px}
 .account-page .page-intro{padding:10px 0 24px;display:flex;flex-direction:column;align-items:stretch;gap:16px}.account-page .page-intro h1{font-size:28px;letter-spacing:-.5px}.account-page .page-intro .eyebrow{margin-bottom:8px}.account-page .button-row{align-items:stretch}.account-page .button-row .button{flex:1;min-height:44px}
 .account-page .member-summary{grid-template-columns:minmax(0,1fr);gap:12px}.account-page .member-summary>.panel:first-child{grid-column:auto}.account-page .member-summary .panel{padding:18px}.account-page .identity>div{min-width:0}.account-page .account-actions{flex-wrap:wrap}.account-page .account-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.account-page .account-meta>span:first-child{flex-basis:100%}
 .admin-content .panel,.account-page .panel{padding:18px}.admin-content .table-wrap table{min-width:600px}.admin-content :is(.button,.text-button),.account-page :is(.button,.text-button){min-height:44px;white-space:normal}.admin-content :is(input,select,textarea),.account-page :is(input,select,textarea){font-size:16px}.admin-content :is(.search,.toolbar,.admin-title,.section-heading){max-width:100%;flex-wrap:wrap}.admin-content .search{display:flex}.admin-content .search input{flex:1;width:0}.admin-content .search button{min-height:44px}
 .admin-content .admin-video{grid-template-columns:minmax(0,1fr);gap:16px}.admin-content .admin-video>img{width:100%;max-width:240px}.admin-content .admin-video form{max-width:100%}.admin-content .button-row{flex-wrap:wrap}.admin-content .button-row form{max-width:100%}.admin-content .form-grid>*,.account-page .account-settings-grid>*{min-width:0}.account-page .input-action{flex-wrap:wrap}.account-page .input-action input{flex:1 1 160px}.account-page .creator-dashboard-head{flex-wrap:wrap;gap:16px}.account-page .creator-dashboard-head h1{font-size:28px}
 .admin-content .site-editor-tabs{flex-wrap:wrap;overflow:visible;gap:8px}.admin-content .site-editor-tabs a{min-height:44px;display:flex;align-items:center;white-space:normal}.admin-content .pagination,.account-page .pagination{flex-wrap:wrap}
 .admin-page .suite-bottom-nav{display:none}
 .admin-content .table-wrap table.management-table-cards,.account-page .table-wrap table.management-table-cards{min-width:0;width:100%;display:block}
 .management-table-cards tbody{display:block;width:100%}.management-table-cards .management-table-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .management-table-cards tr:not(.management-table-heading){display:block;padding:12px 16px;border-bottom:1px solid var(--line)}.management-table-cards tr:last-child{border-bottom:0}
 .management-table-cards td{display:block;width:100%;border:0;padding:8px 0;white-space:normal;font-size:14px}
 .management-table-cards td[data-label]::before{content:attr(data-label);display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-bottom:5px}
 .management-table-cards td .button-row{display:flex;gap:8px}.management-table-cards td .button{min-height:44px}.management-table-cards td input:not([type=checkbox]):not([type=radio]){width:100%}
}
@media(prefers-reduced-motion:reduce){.management-chevron{transition:none}}

/* APP-only account shortcuts: visible before the collapsible menu. */
.app-settings-entry{display:none}
body.app-shell .app-settings-entry{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;margin:18px 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,var(--surface),var(--soft));color:var(--text);box-shadow:0 8px 22px rgba(15,23,42,.06)}
body.app-shell .app-settings-entry:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 36%,var(--line))}
body.app-shell .app-settings-entry-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--text);color:var(--bg)}
body.app-shell .app-settings-entry strong,body.app-shell .app-settings-entry small{display:block}body.app-shell .app-settings-entry strong{font-size:15px}body.app-shell .app-settings-entry small{margin-top:3px;color:var(--muted);font-size:12px}.app-settings-entry-arrow{font-size:28px;line-height:1;color:var(--muted)}
body.app-shell .app-settings-panel{margin:0 0 18px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
body.app-shell .app-settings-panel h2{margin:5px 0 8px;font-size:25px}body.app-shell .app-settings-panel p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.app-settings-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.app-settings-links a{display:grid;gap:4px;min-height:80px;padding:14px;border-radius:12px;background:var(--soft);color:var(--text)}.app-settings-links a strong{font-size:13px}.app-settings-links a span{font-size:11px;line-height:1.5;color:var(--muted)}
@media(max-width:600px){.app-settings-links{grid-template-columns:1fr}.app-settings-links a{min-height:0}}
