/* Creative Desk 4.3: mobile-first real estate and meaningful discovery controls. */
#ammFilterToggle{display:none}
.amm-search-row{display:block}
.amm-filter-panel{min-width:0}
@media(max-width:850px){
 .wrap{padding-top:7px;padding-bottom:40px}
 .top{padding:4px 0 9px}
 .top img{width:35px;height:35px}
 .top h1{font-size:14px}.top small{font-size:11px}
 #logout{min-height:35px;padding:6px 11px;font-size:12px}
 #app>.amm-studio-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;gap:6px;margin:11px 0 5px!important;flex-wrap:nowrap!important}
 #app>.amm-studio-heading>div:first-child{min-width:0;max-width:none}
 #app>.amm-studio-heading .amm-overline{font-size:9px;letter-spacing:.11em}
 #app>.amm-studio-heading h2{font-size:clamp(22px,5.8vw,29px);line-height:1.1;letter-spacing:-.035em;margin:3px 0 2px}
 #app>.amm-studio-heading p{display:none}
 #app .amm-header-actions{width:auto;align-self:center;justify-content:flex-end;gap:4px}
 #app .amm-header-actions .amm-icon-button{display:inline-flex!important;align-items:center;justify-content:center;width:35px;min-width:35px;min-height:38px;padding:3px;font-size:17px}
 #app .amm-header-actions #workspaceSearchShortcut{width:38px;min-width:38px;flex:0 0 38px;min-height:38px;padding:3px}
 #app .amm-header-actions #workspaceSearchShortcut .amm-search-shortcut-text{display:none!important}
 #app .amm-metrics{margin:8px 0!important;gap:7px}
 #app .amm-metrics>.card{min-height:43px;padding:6px 10px;gap:5px}
 #app .amm-metrics>.card small{font-size:10px}
 #app .amm-metrics .card .score{font-size:16px}
 #app>.tabs{top:0;padding:3px;margin:0 0 8px;border-radius:12px}
 #app>.tabs button{min-height:42px;padding:6px 10px;font-size:12px}
 #tab-tracks>.card{padding:12px!important}
 .amm-discover-title{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;margin-bottom:6px}
 .amm-discover-title .amm-overline{display:none}
 .amm-discover-title h2{font-size:clamp(20px,5.4vw,24px);margin:0;line-height:1.16}
 .amm-discover-title p{display:none}
 .amm-title-actions{width:auto;display:flex;align-items:center;gap:5px;justify-content:flex-end}
 .amm-title-actions button{padding:5px 8px;min-height:38px;font-size:11px}
 #reloadTracks{font-size:0!important;min-width:37px;max-width:37px;padding:4px!important}
 #reloadTracks::before{content:'↻';font-size:22px}
 .amm-brief-bar{display:flex;align-items:center;padding:0;margin:6px 0 7px;background:transparent;border:0;border-radius:0;overflow:hidden}
 .amm-brief-bar>span{display:none}
 .amm-brief-chips{flex-wrap:nowrap;gap:5px;overflow-x:auto;scrollbar-width:none;min-width:0}
 .amm-brief-chips button{min-height:31px;padding:3px 10px;font-size:11px}
 .amm-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}
 .amm-search-label{min-width:0;margin:0;height:47px;border-radius:11px}
 .amm-search-label input{font-size:16px;height:45px;padding-left:39px;padding-right:28px;min-width:0}
 .amm-search-glyph{left:10px;top:11px;font-size:20px}
 .amm-search-clear{right:5px;font-size:19px;min-width:25px}
 #ammFilterToggle{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;min-height:46px;background:#1a2a3d;border:1px solid #526987;border-radius:11px;color:#e1f2ff;font-size:12px;font-weight:800;white-space:nowrap}
 #ammFilterToggle[aria-expanded="true"]{background:#28476a;border-color:#81dafa}
 #ammFilterCount:empty{display:none}
 #ammFilterCount:not(:empty){display:inline-grid;place-items:center;min-width:18px;height:18px;padding:1px 4px;border-radius:50px;background:#8adcf9;color:#142435;font-size:10px}
 #tab-tracks:not(.amm-filters-expanded) .amm-filter-panel{display:none!important}
 #tab-tracks:not(.amm-filters-expanded) .amm-filter-bottom{display:none!important}
 #tab-tracks .amm-filter-panel{margin:8px 0 4px;padding:10px;background:#0d1725;border:1px solid #314b62;border-radius:12px}
 #tab-tracks .amm-filter-panel .amm-filters{margin:0 0 7px}
 #tab-tracks .amm-filter-panel .amm-extra-filters{margin:0}
 #tab-tracks .amm-filter-bottom{padding:8px 0}
 .amm-availability{margin:8px 0 3px;padding-bottom:3px;gap:6px}
 .amm-availability button{min-height:33px;padding:5px 10px;font-size:11px}
 .amm-browser-meta{display:flex;align-items:center;padding:5px 0 8px;font-size:12px}
 #trackList{margin-top:0}
 .amm-song,.amm-family-header{min-height:65px;padding:9px 10px}
 .amm-song-icon{width:39px;height:39px}
}
@media(max-width:360px){
 #app>.amm-studio-heading h2{font-size:21px}
 .amm-header-actions{gap:2px!important}
 #app .amm-header-actions .amm-icon-button{min-width:31px;width:31px}
 #app .amm-header-actions #workspaceSearchShortcut{min-width:32px;width:32px;flex-basis:32px}
 .amm-discover-title h2{font-size:19px}
 .amm-brief-chips button{font-size:10px}
 #ammFilterToggle{padding:6px 7px;font-size:11px}
}