:root[data-theme="blue"]{--teal:#0874c9;--teal2:#e4f2fc;--navy:#123a68;--bg:#f1f6fa;--text:#17394d;--muted:#668093;--line:#dce8ef}
:root[data-theme="green"]{--teal:#16866c;--teal2:#e4f5ef;--navy:#174c40;--bg:#f1f7f4;--text:#193b34;--muted:#698078;--line:#dce9e4}
.theme-button{display:inline-flex!important;align-items:center;gap:7px;white-space:nowrap;color:#0874c9!important;border:1px solid #d6e6f0!important;background:#edf6fc!important}.theme-button span{font-size:18px;line-height:1}.theme-button:hover{background:#dfeffa!important}@media(max-width:700px){.theme-button{width:40px;height:40px;padding:0!important;justify-content:center;font-size:0}.theme-button span{font-size:19px}}.theme-dialog{border:0;padding:0;width:min(520px,94vw);border-radius:18px}.theme-box{padding:23px}.theme-head{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding-bottom:15px}.theme-head h3,.theme-head p{margin:0}.theme-head p{margin-top:5px;color:var(--muted);font-size:11px}.theme-head>button{border:0;border-radius:9px;width:34px;height:34px;font-size:21px;background:#edf3f6}.theme-options{display:grid;gap:9px;margin-top:15px}.theme-options>button{display:grid;grid-template-columns:48px 1fr 22px;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--text);padding:11px;cursor:pointer}.theme-options>button:hover,.theme-options>button.selected{border-color:var(--teal);background:var(--teal2)}.theme-options span{display:grid;gap:3px}.theme-options small{color:var(--muted)}.theme-options strong{visibility:hidden;color:var(--teal);font-size:18px}.theme-options .selected strong{visibility:visible}.theme-preview{width:44px;height:34px;border-radius:8px;background:linear-gradient(135deg,#fff 55%,#e6edf1 55%);border:1px solid #d7e1e6}.theme-preview.blue{background:linear-gradient(135deg,#0874c9 45%,#e4f2fc 45%)}.theme-preview.green{background:linear-gradient(135deg,#16866c 45%,#e4f5ef 45%)}