/* Account theme control: deliberately isolated from existing page components. */
.motty-theme-trigger.btn { display:inline-flex;align-items:center;justify-content:center;gap:.38rem;white-space:nowrap; }
.motty-theme-panel[hidden], .motty-theme-shade[hidden], .motty-theme-panel [hidden] { display:none !important; }
.motty-theme-shade { position:fixed;inset:0;z-index:1084;background:rgba(13,32,27,.34);touch-action:none; }
.motty-theme-panel { position:fixed;z-index:1085;top:80px;right:24px;width:370px;max-width:calc(100vw - 24px);max-height:calc(100vh - 104px);max-height:calc(100dvh - 104px);overflow-y:auto;overscroll-behavior:contain;padding:24px;border:1px solid #dce5e1;border-radius:20px;background:#fff;color:#203a32;box-shadow:0 24px 80px #092b2433;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light; }
.motty-theme-heading { display:flex;align-items:flex-start;justify-content:space-between;gap:12px; }
.motty-theme-eyebrow { font-size:10px;font-weight:750;letter-spacing:.14em;color:#668077; }
.motty-theme-heading h2 { font-size:22px;font-weight:700;letter-spacing:-.6px;margin:5px 0 0;color:#163f32; }
.motty-theme-close { border:1px solid #e1e8e4;border-radius:10px;background:#f5f8f6;color:#536c62;width:40px;height:40px;flex:none;font-size:24px;line-height:1; }
.motty-theme-caption { color:#64776e;margin:12px 0 20px; }
.motty-theme-options { display:grid;gap:12px; }
.motty-theme-choice { position:relative;display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px 12px;background:#fff;border:1px solid #dce5e0;border-radius:13px;color:#294439;transition:border-color .15s,background-color .15s; }
.motty-theme-choice:hover { background:#f7faf8;border-color:#9abaaa; }
.motty-theme-choice[aria-pressed="true"] { background:#f0f8f3;border:2px solid #287153;padding:13px 11px; }
.motty-theme-choice:disabled { cursor:wait;opacity:.65; }
.motty-theme-choice-copy { display:flex;flex-direction:column;gap:2px;min-width:0; }
.motty-theme-choice-copy strong { font-weight:700;font-size:15px; }
.motty-theme-choice-copy small { font-size:12px;color:#62766d; }
.motty-theme-check { color:#287153;margin-left:auto;visibility:hidden; }
.motty-theme-choice[aria-pressed="true"] .motty-theme-check { visibility:visible; }
.motty-theme-sample { position:relative;display:block;width:66px;height:49px;border:1px solid #d9e3dd;border-radius:6px;background:#f4f7f5;overflow:hidden;flex:none; }
.motty-theme-sample:before { content:"";position:absolute;left:0;right:0;top:0;height:8px;background:#102033; }
.motty-theme-sample:after { content:"";position:absolute;left:0;top:8px;bottom:0;width:14px;background:#e3e8ee; }
.motty-theme-sample span { position:absolute;left:20px;right:5px;height:7px;border-radius:2px;background:#fff;border:1px solid #e3e8e5; }
.motty-theme-sample span:nth-child(1) { top:14px; }
.motty-theme-sample span:nth-child(2) { top:25px; }
.motty-theme-sample span:nth-child(3) { top:36px;right:22px;background:#226c50; }
.motty-theme-sample-modern:before { background:#fff;border-bottom:1px solid #e0e8e3; }
.motty-theme-sample-modern:after { background:#163e32; }
.motty-theme-mode { display:flex;align-items:center;gap:6px;margin-top:20px;flex-wrap:wrap; }
.motty-theme-mode > span { font-size:12px;color:#63766d;margin-right:auto; }
.motty-theme-mode button { font:inherit;font-size:12px;background:#f6f8f6;border:1px solid #dce5e0;border-radius:8px;padding:8px;color:#415a4e; }
.motty-theme-mode button[aria-pressed="true"] { border-color:#2a7254;color:#195239;background:#edf6f0; }
.motty-theme-feedback { margin:14px 0 0;min-height:21px;font-size:12px;color:#4b6757; }
.motty-theme-feedback[data-error="true"] { color:#ac263b; }
.motty-theme-panel :is(button,a):focus-visible { outline:3px solid #72ad92;outline-offset:3px; }
@media(max-width:767.98px) {
  .motty-theme-panel { top:auto;right:12px;left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;max-width:none;max-height:calc(100dvh - 32px);padding:22px; }
  .motty-theme-trigger.btn { min-height:38px; }
  .motty-theme-mode button,.motty-theme-close { min-height:44px;min-width:44px; }
}
@media(prefers-reduced-motion:reduce) { .motty-theme-choice { transition:none; } }