/* Settings tabs only: outlined navy icons and pastel teal selection. */
#settings #settings-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:7px;border:1px solid #dce7e8;border-radius:16px;background:linear-gradient(110deg,#fff,#fafdfc);box-shadow:0 6px 24px #10243a0d}
#settings #settings-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:48px;padding:10px 9px;border:0;border-bottom:2px solid transparent;border-radius:12px;background:transparent;color:#102f50;font-size:12px;line-height:1.35;box-shadow:none;white-space:normal}
#settings #settings-tabs button svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#settings #settings-tabs button span{min-width:0;overflow-wrap:normal;word-break:normal}
#settings #settings-tabs button.active{color:#08635e;background:linear-gradient(110deg,#e8f5f2,#e4f3f0);border-bottom-color:#08635e;box-shadow:0 2px 6px #08635e08}
#settings #settings-tabs button:focus-visible{outline:3px solid #2f9de0;outline-offset:2px}
@media(hover:hover){#settings #settings-tabs button:not(.active):hover{background:#f0f8f6;color:#08635e}}
@media(max-width:1100px){#settings #settings-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#settings #settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:6px}#settings #settings-tabs button{justify-content:flex-start;gap:8px;min-height:50px;padding:10px;font-size:12px}#settings #settings-tabs button svg{width:19px;height:19px;flex-basis:19px}}

/* One selection treatment across every settings section, including section-specific themes. */
#settings #settings-tabs{gap:0!important;padding:0!important;overflow:hidden;border-radius:14px!important;background:#fff!important;border:1px solid #dce7e8!important;box-shadow:0 4px 15px #10243a06!important}
#settings #settings-tabs [data-settings-tab]{padding:14px!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;background:#fff!important;background-image:none!important;color:#102f50!important;font-weight:700;box-shadow:none!important;transform:none!important}
#settings #settings-tabs [data-settings-tab].active,#settings #settings-tabs [data-settings-tab].active:hover,#settings #settings-tabs [data-settings-tab].active:active{background:#e8f5f2!important;background-image:none!important;color:#08635e!important;border-bottom:3px solid #159b72!important;border-radius:0!important;box-shadow:0 3px 9px #08635e0b!important;transform:none!important}
@media(hover:hover){#settings #settings-tabs [data-settings-tab]:not(.active):hover{background:#f0f8f6!important;color:#08635e!important}}
@media(max-width:600px){#settings #settings-tabs [data-settings-tab]{padding:10px!important}}