@media screen{
html[data-user-theme="navy"]{--user-accent:#233b5d;--user-sidebar:#11243e;--user-bg:#f2f5fa;--user-soft:#eaf0f7}
html[data-user-theme="burgundy"]{--user-accent:#8b1e3f;--user-sidebar:#551329;--user-bg:#faf3f5;--user-soft:#f6e8ed}
html[data-user-theme="purple"]{--user-accent:#6d28a8;--user-sidebar:#3c1b60;--user-bg:#f7f3fa;--user-soft:#f0e7f7}
html[data-user-theme="green"]{--user-accent:#1d7046;--user-sidebar:#16452d;--user-bg:#f2f8f4;--user-soft:#e5f3e9}
html[data-user-theme="blue"]{--user-accent:#175bc1;--user-sidebar:#153762;--user-bg:#f1f6fc;--user-soft:#e4effc}
html[data-user-theme="pink"]{--user-accent:#ad2666;--user-sidebar:#611b3c;--user-bg:#fcf3f8;--user-soft:#fae6f0}
html[data-user-theme="black"]{--user-accent:#303030;--user-sidebar:#171717;--user-bg:#f4f4f4;--user-soft:#eaeaea}
html[data-user-theme="teal"]{--user-accent:#086d70;--user-sidebar:#084548;--user-bg:#f1f8f8;--user-soft:#e1f2f1}
html[data-user-theme="orange"]{--user-accent:#a64b08;--user-sidebar:#5b2c0b;--user-bg:#fcf6ef;--user-soft:#fcead9}
html[data-user-theme="brown"]{--user-accent:#76503a;--user-sidebar:#473023;--user-bg:#f8f5f2;--user-soft:#f0e8e0}
html[data-user-theme="gray"]{--user-accent:#4b5968;--user-sidebar:#303b48;--user-bg:#f4f6f8;--user-soft:#e8edf2}
html[data-user-theme]{--blue:var(--user-accent);--bg:var(--user-bg)}
html[data-user-theme] body{background:var(--user-bg)!important}
html[data-user-theme] aside{background:#fff!important;color:#27364b!important;border-left:1px solid #e1e6ed}
html[data-user-theme] nav a{color:#27364b!important}
html[data-user-theme] nav a:hover{background:var(--user-soft)!important;color:var(--user-accent)!important}
html[data-user-theme] a{color:var(--user-accent)}
html[data-user-theme] button:not(.danger):not(.ghost),html[data-user-theme] .button:not(.danger):not(.ghost){background:var(--user-accent)!important;border-color:var(--user-accent)!important;color:#fff!important}
html[data-user-theme] .ghost{color:var(--user-accent);background:transparent!important}
html[data-user-theme] .identity .ghost{color:#27364b!important;border-color:#cbd5e1!important}
html[data-user-theme] aside .brand small,html[data-user-theme] aside .identity small{color:#64748b!important}
html[data-user-theme] aside .identity{border-top-color:#e1e6ed!important}
html[data-user-theme] .metrics article{border-top-color:var(--user-accent)!important}
html[data-user-theme] .notice{background:var(--user-soft)!important;border-color:var(--user-accent)!important}
html[data-user-theme] input:focus,html[data-user-theme] textarea:focus,html[data-user-theme] select:focus{outline-color:var(--user-accent)!important}
html[data-user-theme] input[type=checkbox],html[data-user-theme] input[type=radio]{accent-color:var(--user-accent)}
html[data-user-theme] .chat-launcher,html[data-user-theme] .chat-popup-header{background:var(--user-accent)!important;color:#fff!important}
html[data-user-theme] .chat-message.mine{background:var(--user-accent)!important;color:#fff!important}
html[data-user-theme] .chat-person.selected,html[data-user-theme] .chat-avatar{background:var(--user-soft)!important;color:var(--user-accent)!important}
.theme-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:20px 0}
.theme-choice{position:relative;display:flex;gap:8px;align-items:center;padding:12px;border:1px solid #d5dce5;border-radius:10px;background:#fff;cursor:pointer}
.theme-choice input{width:18px;height:18px;min-height:18px;margin:0}
.theme-choice:has(input:checked){border:2px solid var(--user-accent);padding:11px;background:var(--user-soft)}
.theme-swatch{width:24px;height:24px;border-radius:50%;flex:none}
.theme-swatch-navy{background:#233b5d}
.theme-swatch-burgundy{background:#8b1e3f}
.theme-swatch-purple{background:#6d28a8}
.theme-swatch-green{background:#1d7046}
.theme-swatch-blue{background:#175bc1}
.theme-swatch-pink{background:#ad2666}
.theme-swatch-black{background:#303030}
.theme-swatch-teal{background:#086d70}
.theme-swatch-orange{background:#a64b08}
.theme-swatch-brown{background:#76503a}
.theme-swatch-gray{background:#4b5968}
}
