/* Override the older accordion's forced padding only for this single settings form. */
.reformed-workspaces #tab-ajustes .desktop-notifications-group{margin:0;}
.reformed-workspaces #tab-ajustes .desktop-notifications-group>summary{padding:0 0 10px!important;border:0;background:transparent;min-height:0;border-radius:0;}
#desktop-notifications-settings{display:grid;gap:8px;min-width:0;padding:12px 0;}
#desktop-notifications-settings .help-note{margin:0;line-height:1.5;}
#desktop-notifications-settings .toggle-row{display:flex;align-items:center;gap:12px;min-height:40px;margin:0;cursor:pointer;}
#desktop-notifications-settings input[type=checkbox]{flex:none;width:18px;height:18px;margin:0;accent-color:var(--action-accent,var(--accent));}
.desktop-notification-test-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;}
.desktop-notification-test-row button{flex:none;max-width:100%;min-height:42px;white-space:normal;}
.desktop-notification-test-row p{flex:1 1 220px;}
/* Nine desktop categories should not become a tall grid above a narrow form. */
@media(max-width:1100px){
 .reformed-workspaces #tab-ajustes:has(.desktop-notifications-group) .studio-settings-nav{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;max-height:none;gap:6px;}
 .reformed-workspaces #tab-ajustes:has(.desktop-notifications-group) .studio-settings-nav>button{flex:0 0 auto;min-width:0;white-space:nowrap;}
}