/* Patch 0.1.8.0.0 - selectable site-wide button themes from Design Lab. */
.theme-picker-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
.theme-picker-row .btn{min-height:42px;padding:10px 14px;font-size:.72rem}.theme-picker-note{font-size:.74rem;color:var(--muted);margin:6px 0 0}
html[data-button-theme="family05"] .btn:not(.theme-select-btn),html[data-button-theme="family05"] .nav-toggle{border-color:rgba(115,71,255,.70);background:linear-gradient(180deg,rgba(40,20,120,.55),rgba(8,8,20,.92));box-shadow:0 10px 30px rgba(0,0,0,.45),inset 0 1px 1px rgba(255,255,255,.08)}
html[data-button-theme="family06"] .btn:not(.theme-select-btn),html[data-button-theme="family06"] .nav-toggle{border-color:rgba(130,160,255,.28);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04) 35%,rgba(10,12,25,.78));box-shadow:inset 0 1px 1px rgba(255,255,255,.12),0 10px 35px rgba(0,0,0,.45)}
html[data-button-theme="family07"] .btn:not(.theme-select-btn),html[data-button-theme="family07"] .nav-toggle{border-color:rgba(236,244,255,.52);background:radial-gradient(90% 100% at 50% -35%,rgba(255,255,255,.42),rgba(255,255,255,.10) 32%,transparent 52%),linear-gradient(180deg,#24292d,#101418 46%,#050608);box-shadow:inset 0 2px 2px rgba(255,255,255,.42),inset 0 -3px 7px rgba(0,0,0,.82),0 12px 30px rgba(0,0,0,.58)}
html[data-button-theme="family09"] .btn:not(.theme-select-btn),html[data-button-theme="family09"] .nav-toggle{border-color:rgba(120,145,255,.72);background:radial-gradient(100% 140% at 50% -45%,rgba(255,255,255,.48),transparent 45%),linear-gradient(180deg,#222833,#080a10);box-shadow:0 0 24px rgba(82,109,255,.28),0 14px 38px rgba(0,0,0,.62),inset 0 1px 1px rgba(255,255,255,.32)}
html[data-button-theme="family10"] .btn:not(.theme-select-btn),html[data-button-theme="family10"] .nav-toggle{border-color:rgba(180,210,255,.52);background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.055) 42%,rgba(9,12,20,.88));box-shadow:0 0 18px rgba(180,210,255,.18),0 14px 38px rgba(0,0,0,.58),inset 0 1px 2px rgba(255,255,255,.22)}
html[data-button-theme="family11"] .btn:not(.theme-select-btn),html[data-button-theme="family11"] .nav-toggle{border-color:rgba(166,100,255,.84);background:linear-gradient(180deg,rgba(74,32,170,.78),rgba(9,7,20,.95));box-shadow:0 0 28px rgba(122,80,255,.40),0 14px 40px rgba(0,0,0,.62),inset 0 1px 1px rgba(255,255,255,.16)}
html[data-button-theme="family12"] .btn:not(.theme-select-btn),html[data-button-theme="family12"] .nav-toggle{border-color:rgba(90,130,255,.55);background:linear-gradient(180deg,rgba(20,32,58,.96),rgba(5,8,16,.96));box-shadow:0 12px 34px rgba(0,0,0,.56),inset 0 1px 1px rgba(160,190,255,.12)}
html[data-button-theme="family13"] .btn:not(.theme-select-btn),html[data-button-theme="family13"] .nav-toggle{border-color:rgba(245,250,255,.62);background:radial-gradient(90% 110% at 50% -40%,rgba(255,255,255,.62),rgba(255,255,255,.13) 34%,transparent 56%),linear-gradient(180deg,#363c42,#080a0d);box-shadow:0 18px 46px rgba(0,0,0,.68),inset 0 2px 3px rgba(255,255,255,.52),inset 0 -5px 10px rgba(0,0,0,.88)}
html[data-button-theme="family14"] .btn:not(.theme-select-btn),html[data-button-theme="family14"] .nav-toggle{border-color:rgba(80,150,255,.85);background:linear-gradient(180deg,rgba(20,52,100,.92),rgba(3,9,22,.97));box-shadow:0 0 22px rgba(55,125,255,.32),0 12px 36px rgba(0,0,0,.60),inset 0 1px 1px rgba(180,215,255,.18)}