/* Navigation and admin controls */
.desktop-nav .admin-entry{background:var(--accent-2);color:var(--accent-dark);font-weight:750;white-space:nowrap}
.desktop-nav .admin-entry:hover,.desktop-nav .admin-entry.active{background:#d3e7dc;color:var(--accent-dark)}
.logout-button{border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--accent-dark);padding:7px 11px;font:inherit;font-size:12px;font-weight:750;white-space:nowrap;cursor:pointer}
.logout-button:hover{background:var(--accent-2)}
.mobile-admin-entry{display:none}
/* File inputs have a wide intrinsic width in Chrome; constrain the whole grid. */
.appearance-icon-panel{min-width:0;overflow:hidden}
.appearance-icon-form{min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr)}
.appearance-icon-form input,.appearance-icon-form .btn,.appearance-reset-form .btn{display:block;min-width:0;max-width:100%;width:100%;box-sizing:border-box}
.appearance-icon-form input{overflow:hidden}
.content-category-admin,.content-request-admin{margin-top:18px}
.content-category-admin p{color:var(--muted);font-size:13px}
.content-category-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.content-category-form input{flex:1;min-width:min(200px,100%);border:1px solid var(--line);border-radius:9px;padding:10px 12px;font:inherit}
.content-request-user{margin-top:24px}
.content-request-user summary{cursor:pointer;font-weight:700;list-style:none}
.content-request-user summary::after{content:' ＋';color:var(--accent)}
.content-request-user[open] summary{margin-bottom:16px}
.content-request-user form{max-width:480px}
.music-categories{margin:8px 0 20px}
.song-mini-player[hidden]{display:none!important}
#musicContinuousAudio{display:none}
@media(max-width:680px){
 .topbar-inner{gap:8px!important}
 .brand{min-width:0;margin-right:auto}
 .brand-name{max-width:110px!important}
 .mobile-admin-entry{display:inline-flex;flex:none;align-items:center;justify-content:center;border-radius:8px;background:var(--accent-2);color:var(--accent-dark);text-decoration:none;font-size:12px;font-weight:750;padding:7px 8px;order:1}
 .mobile-admin-entry.active{background:#d3e7dc}
 .account{margin-left:0;order:2}
 .logout-button{padding:7px 8px;font-size:11px}
 .content-category-form input,.content-category-form button{width:100%}
}
@media(max-width:400px){.account .avatar{display:none}.brand-name{max-width:95px!important}}