/* Shared, language-aware controls for the Hebrew and English Chords Pro pages. */
#theme-picker-btn{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
#theme-picker-btn>svg,#theme-picker-btn>span{display:none!important}
#theme-picker-btn::before{content:"";display:block;width:21px;height:21px;border-radius:50%;background:conic-gradient(#38bdf8,#a78bfa,#f472b6,#fbbf24,#34d399,#38bdf8);border:2px solid currentColor;box-shadow:0 0 0 2px rgba(255,255,255,.12)}
#theme-picker-btn:focus-visible,.mtp-collapse-toggle:focus-visible{outline:2px solid #60a5fa!important;outline-offset:3px}
/* Keep the colour control at the outer edge, opposite the app title. */
.mtp-theme-header div:has(> #theme-picker-btn){position:absolute!important;top:12px;left:16px;z-index:50}
html[lang="en"] .mtp-theme-header div:has(> #theme-picker-btn){left:auto;right:16px}
@media(max-width:767px){
  html[lang="he"] .mtp-theme-header>div>:first-child{padding-left:52px}
  html[lang="en"] .mtp-theme-header>div>:first-child{padding-right:52px}
}
.mtp-collapsible{position:relative!important}
.mtp-collapsible>.mtp-collapse-toggle{position:absolute;top:10px;left:10px;z-index:10;width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid var(--mtp-border,#64748b);border-radius:9px;background:var(--mtp-inner,#243041);color:var(--mtp-text,#f8fafc);font:700 23px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 2px 8px #0003}
.mtp-collapsible>.mtp-collapse-toggle:hover{border-color:var(--mtp-accent,#60a5fa);filter:brightness(1.12)}
html[lang="en"] .mtp-collapsible>.mtp-collapse-toggle{left:auto;right:10px}
html[lang="he"] .mtp-collapsible>:first-child:not(.mtp-collapse-toggle){padding-left:48px!important}
html[lang="en"] .mtp-collapsible>:first-child:not(.mtp-collapse-toggle){padding-right:48px!important}
#chord-controls-panel[data-mtp-collapsed="true"]>:not(.mtp-collapse-toggle){display:none!important}
#chord-controls-panel[data-mtp-collapsed="true"]::before{content:attr(data-mtp-title);display:block;align-self:flex-start;font-weight:800;padding:5px 0;line-height:32px}
.mtp-collapsible:not(#chord-controls-panel)[data-mtp-collapsed="true"]>:not(:first-child):not(.mtp-collapse-toggle){display:none!important}
.mtp-collapsible[data-mtp-collapsed="true"]{min-height:54px!important}

/* A visible, consistent collapse control above each panel's content. */
.mtp-collapsible{padding-top:56px!important}
.mtp-collapsible>.mtp-collapse-toggle{width:auto!important;min-width:88px;height:36px!important;padding:0 12px!important;background:#49375f!important;border:1px solid #ad91cf!important;color:#f0e2ff!important;font:700 15px/1.2 system-ui,sans-serif!important}
.mtp-collapsible[data-mtp-collapsed="true"]{padding-top:12px!important;padding-bottom:12px!important}
.mtp-collapsible[data-mtp-collapsed="true"]>:not(.mtp-collapse-toggle){display:none!important}
.mtp-collapsible[data-mtp-collapsed="true"]::before{content:attr(data-mtp-title);display:block;grid-column:1/-1;font-weight:800;line-height:36px;padding-inline-end:104px}

.mtp-collapsible>.mtp-collapse-toggle{width:36px!important;min-width:36px!important;padding:0!important;font-size:26px!important}
.mtp-collapsible[data-mtp-collapsed="true"]::before{padding-inline-end:48px}