/* Three parameter compositions matching the approved badge-icon rating menu. */
.explorer-options { grid-template-columns: repeat(3,minmax(0,1fr)); }
.header-tools, .v6-panel-toggles, .v6-mobile-utilities { display: none !important; }
.v6-layout, .v6-layout.is-settings-closed { grid-template-columns: minmax(0,1fr) 360px; grid-template-areas: "toolbar settings" "main settings"; grid-template-rows: 164px auto; }
.v6-view-menu { align-self: start; }
#v6-settings-panel { display: block; position: static; grid-area: settings; inset: auto; width: auto; max-width: none; height: auto; max-height: none; overflow: visible; margin: 0; padding: 0; background: white; border: 1px solid var(--line); border-radius: 10px; box-shadow: none; }
#v6-settings-panel .v6-drawer-head { display: flex; position: static; min-height: 56px; padding: 14px 18px; border-radius: 9px 9px 0 0; }
#v6-settings-panel .v6-drawer-head h2 { font-size: 24px; line-height: 1.2; }
#v6-settings-panel .v6-settings-subtitle { margin: 0; color: #d7e5f1; font-size: 12px; font-weight: 400; }
#v6-settings-close { display: none !important; }
#v6-settings-panel .v6-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0; padding: 12px; background: white; border: 0; border-radius: 0; }
#v6-settings-panel .v6-fields label { display: grid; grid-template-columns: 44px minmax(0,1fr); align-items: center; gap: 6px; padding: 10px; color: var(--blue); background: white; border: 1px solid var(--line); border-radius: 8px; }
.parameter-icon { display: grid; width: 44px; height: 44px; place-items: center; background: #dceaf5; border-radius: 10px; color: var(--blue); flex: 0 0 44px; }
.parameter-icon svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.parameter-label { font-size: 17px; font-weight: 600; }
#v6-settings-panel .v6-fields select { grid-column: 1/-1; width: 100%; min-width: 0; min-height: 44px; margin-top: 4px; padding: 5px 20px 5px 7px; font-size: 16px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 6px; }
#v6-settings-panel .v6-filter { margin: 0 12px 12px; border: 1px solid var(--line); border-radius: 8px; }
#v6-settings-panel .v6-filter summary { display: grid; grid-template-columns: 44px minmax(0,1fr) 28px; gap: 10px; min-height: 72px; padding: 10px; color: var(--blue); background: white; border: 0; border-radius: 8px; }
#v6-settings-panel .v6-filter[open] summary { background: var(--surface-blue); border-bottom: 1px solid var(--line); border-radius: 8px 8px 0 0; }
#v6-settings-panel .v6-filter summary strong { font-size: 17px; }
#v6-settings-panel .v6-filter summary small { display: block; font-size: 11px; font-weight: 400; }
#v6-settings-panel .v6-filter summary .v6-disclosure-arrow { position: static; width: 28px; height: 44px; }
#v6-settings-panel .v6-checks { display: grid; grid-template-columns: 1fr; padding: 4px 8px; }
#v6-settings-panel .v6-setting-option { grid-template-columns: minmax(0,1fr) 44px; }
#v6-settings-panel .v6-setting-option label { font-size: 14px; }
#v6-settings-panel .v6-setting-help { width: 44px; }
#v6-settings-panel .v6-setting-help::before { inset: 8px; }
#v6-settings-panel .v6-settings-foot { display: block; margin: 0; border: 0; border-top: 1px solid var(--line); border-radius: 0 0 9px 9px; }
html[data-parameter-style="rows"] #v6-settings-panel .v6-fields { grid-template-columns: 1fr; gap: 8px; }
html[data-parameter-style="rows"] #v6-settings-panel .v6-fields label { grid-template-columns: 44px 58px minmax(0,1fr); padding: 10px; gap: 8px; min-height: 72px; }
html[data-parameter-style="rows"] #v6-settings-panel .v6-fields select { grid-column: auto; margin: 0; }
html[data-parameter-style="rows"] #v6-settings-panel .v6-filter summary { background: white; }
html[data-parameter-style="rows"] #v6-settings-panel .v6-filter[open] summary { box-shadow: inset 3px 0 var(--blue); background: var(--surface-soft); }
html[data-parameter-style="sections"] #v6-settings-panel { background: var(--surface-blue); }
html[data-parameter-style="sections"] #v6-settings-panel .v6-fields { background: transparent; }
html[data-parameter-style="sections"] #v6-settings-panel .v6-fields label { grid-template-columns: minmax(0,1fr); justify-items: center; gap: 5px; border-color: #b3cada; }
html[data-parameter-style="sections"] #v6-settings-panel .parameter-icon { background: white; border: 1px solid #c5d9e8; border-radius: 50%; }
html[data-parameter-style="sections"] #v6-settings-panel .v6-fields label { background: #f5f9fc; }
html[data-parameter-style="sections"] #v6-settings-panel .v6-filter { border-color: #b3cada; }
html[data-parameter-style="sections"] #v6-settings-panel .v6-filter summary { background: #f5f9fc; }
html[data-parameter-style="sections"] #v6-settings-panel .v6-filter[open] summary { background: #d5e5f1; }
@media (min-width:900px) {
  html[data-parameter-bars="dark"] #v6-settings-panel .v6-filter summary,
  html[data-parameter-bars="dark"] #v6-settings-panel .v6-filter[open] summary {
    color: white;
    background: var(--blue);
    border-color: var(--blue);
  }
  html[data-parameter-bars="dark"] #v6-settings-panel .v6-filter summary small { color: #d7e5f1; }
  html[data-parameter-bars="dark"] #v6-settings-panel .v6-filter summary .parameter-icon {
    color: var(--blue);
    background: white;
  }
  html[data-parameter-bars="dark"] #v6-settings-panel .v6-filter summary .v6-disclosure-arrow { color: white; }
}
@media (min-width:900px) and (max-width:1100px) {
  .v6-layout, .v6-layout.is-settings-closed { grid-template-columns: minmax(0,1fr) 320px; grid-template-rows: 174px auto; }
}
@media (max-width:899px) {
  .v6-layout, .v6-layout.is-settings-closed { grid-template-columns: minmax(0,1fr); grid-template-areas: "toolbar" "settings" "main"; grid-template-rows: auto auto auto; }
  #v6-settings-panel .v6-drawer-head { display: flex; }
}
@media (max-width:600px) {
  .explorer-options { grid-template-columns: 1fr; gap: 5px; }
  #v6-settings-panel .v6-fields { padding: 8px; gap: 8px; }
  #v6-settings-panel .v6-fields label { padding: 8px; gap: 5px; grid-template-columns: 36px minmax(0,1fr); }
  .parameter-icon { width: 36px; height: 36px; }
  .parameter-icon svg { width: 24px; height: 24px; }
  .parameter-label, #v6-settings-panel .v6-filter summary strong { font-size: 16px; }
  #v6-settings-panel .v6-filter { margin: 0 8px 8px; }
  #v6-settings-panel .v6-filter summary { grid-template-columns: 36px minmax(0,1fr) 28px; gap: 8px; min-height: 64px; padding: 8px; }
  html[data-parameter-style="rows"] #v6-settings-panel .v6-fields label { grid-template-columns: 36px 52px minmax(0,1fr); padding: 8px; gap: 6px; }
  #v6-settings-panel .v6-fields select { font-size: 15px; }
}