/* v1.1 — identical flat gray off states; flat blue or inset blue selected states. */
html[data-button-states]{--state-off:#eef0f2;--state-off-ink:#47515a;--state-border:#bdc6cd;--state-on:#dcebf6;--state-on-ink:#174f7a;--state-on-border:#759bb8;--state-shadow:none;--state-on-shadow:none}
html[data-button-states="2"]{--state-on-shadow:inset 1px 2px 3px #27435945,inset -1px -1px 0 #f8fcff}
html[data-button-states] body :is(.condition-master-button,.v6-view-tabs button){position:relative;bottom:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:44px;padding:6px 9px;border:1px solid var(--state-border);border-radius:7px;background:var(--state-off);color:var(--state-off-ink);box-shadow:var(--state-shadow);font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;opacity:1;text-decoration:none;transition:background-color .12s,border-color .12s,box-shadow .12s}
html[data-button-states] body :is(.condition-master-button[aria-pressed="true"],.v6-view-tabs button[aria-selected="true"]){background:var(--state-on);color:var(--state-on-ink);border-color:var(--state-on-border);box-shadow:var(--state-on-shadow);font-weight:700}
html[data-button-states] body :is(.condition-master-button,.v6-view-tabs button):hover{border-color:var(--state-on-border)}
html[data-button-states] body :is(.condition-master-button,.v6-view-tabs button):focus-visible{outline:3px solid #287798;outline-offset:2px;z-index:1}
html[data-button-states] body .condition-master-button{width:100%}
html[data-button-states] body .condition-master-button .parameter-icon{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;margin:0;padding:2px;background:transparent;border:0;border-radius:0;color:inherit}
html[data-button-states] body .condition-master-button .parameter-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html[data-button-states] body .v6-view-tabs button svg{color:inherit}
/* Explicit IDs defeat earlier theme badge and term-tab rules without global resets. */
html[data-button-states] #v6-settings-panel .condition-master-button :is(.parameter-icon,.v6-view-icon,svg),
html[data-button-states] .v6-view-menu .v6-view-tabs button :is(.parameter-icon,.v6-view-icon,svg){background:transparent;border:0;box-shadow:none;border-radius:0;color:inherit}
html[data-button-states] #v6-settings-panel .condition-master-button svg,
html[data-button-states] .v6-view-menu .v6-view-tabs button svg{fill:none;stroke:currentColor}
html[data-button-states] #v6-term-menu{border-style:solid}
/* Mixed groups stay visibly distinct without pretending all options are selected. */
html[data-button-states] body .condition-master-button[aria-pressed="mixed"]{border-color:var(--state-on-border);border-style:dashed;box-shadow:none}
@media(max-width:759px){
 html[data-button-states] body :is(.condition-master-button,.v6-view-tabs button){gap:4px;min-height:44px;padding:5px 4px;font-size:12px}
 html[data-button-states] body .condition-master-button{font-size:14px}
}
@media(prefers-reduced-motion:reduce){html[data-button-states] body :is(.condition-master-button,.v6-view-tabs button){transition:none}}
/* v3.5 — desktop navigation uses the actual Sum/Term caption size. */
@media(min-width:900px){html[data-button-states] body .v6-view-menu .v6-view-tabs button{font-size:var(--rating-label-size,17px)}}