.theme-panel{margin-top:24px;padding-top:22px;border-top:1px solid var(--border)}.theme-panel h3{margin-bottom:8px}.theme-role-inputs{display:flex;flex-wrap:wrap;gap:16px;margin:14px 0}.theme-role-inputs label{display:grid;gap:5px;font-size:.85rem}.theme-role-inputs input[type=color]{width:70px;height:42px;padding:2px;border:1px solid var(--border);background:var(--card-solid);border-radius:8px}.theme-role-preview{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.theme-role-chip{min-width:85px;border:1px solid var(--border);border-radius:9px;overflow:hidden;font-size:.7rem}.theme-role-chip i{display:block;height:32px}.theme-role-chip span{display:block;padding:5px 8px}.theme-panel .theme-error{color:var(--danger);font-size:.85rem;overflow-wrap:anywhere}.theme-preview-banner{position:fixed;top:8px;left:112px;right:20px;z-index:1050;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border:1px solid var(--border);border-radius:16px;background:var(--card-solid);box-shadow:var(--shadow);color:var(--text);font-size:.85rem}.theme-preview-banner[hidden]{display:none}body.theme-previewing{padding-top:75px}.theme-preview-banner button{font:inherit;padding:7px 12px;border:1px solid var(--border);border-radius:20px;cursor:pointer;background:var(--bg);color:var(--text)}.theme-preview-banner button:disabled{opacity:.5;cursor:wait}.theme-current{margin-top:16px;padding:14px;border:1px solid var(--border);border-radius:12px}.theme-current p{margin-bottom:8px}.theme-save-status{font-size:.8rem;margin-top:8px;color:var(--text-2)}
@media(max-width:768px){.theme-preview-banner{left:10px;right:10px;gap:7px}.theme-preview-banner strong{width:100%;text-align:center}body.theme-previewing{padding-top:105px}}