/* Desktop settings tabs; mobile keeps its existing navigation styles. */
@media screen and (min-width:761px){
/* Keep settings navigation independent of full-width action-card styles. */
html body.design3 #content .settings-compact-tabs{
 display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
 flex:0 0 auto!important;align-items:center!important;justify-content:flex-start!important;
 width:max-content!important;max-width:100%!important;height:auto!important;
 min-height:0!important;max-height:none!important;gap:6px!important;
 margin:0 0 18px!important;padding:0 0 2px!important;border:0!important;
 position:static!important;overflow-x:auto!important;overflow-y:hidden!important;
}
html body.design3 #content .settings-compact-tabs>button{
 display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;
 justify-content:center!important;gap:6px!important;box-sizing:border-box!important;
 width:max-content!important;min-width:0!important;max-width:none!important;
 height:34px!important;min-height:34px!important;max-height:34px!important;
 margin:0!important;padding:6px 12px!important;border:1px solid #d6dede!important;
 border-radius:7px!important;background:#fff!important;color:#34494f!important;
 font-size:12px!important;font-weight:600!important;line-height:20px!important;
 white-space:nowrap!important;box-shadow:none!important;
}
html body.design3 #content .settings-compact-tabs>button[aria-pressed=true]{
 background:#22667a!important;border-color:#22667a!important;color:#fff!important;
}
html body.design3 #content .settings-compact-tabs>button:focus-visible{
 outline:2px solid #22667a!important;outline-offset:2px!important;
}
html body.design3 #content .settings-compact-tabs>button svg{
 width:14px!important;height:14px!important;flex:none!important;
}
}