/* Shared visual language with the public Hjrcord homepage. */
html:has(body.hjrcord){background:#101015;color-scheme:dark}
body.hjrcord,body.hjrcord[data-hc-theme]{
 --primary:#8975ff;--primary-hover:#a08aff;--primary-dark:#7560e8;--primary-glow:#8975ff24;
 --accent-rose:#8975ff;--blue:#8975ff;--glass-border:#ffffff10;--glass-border-focus:#8975ff;--glass-border-hover:#a18af24a;
 --hc-content:#101015;--hc-panel:#1b1b24;--hc-deep:#13131b;--hc-lower:#16161f;--hc-hover:#292735;--hc-control:#343140;
 --hc-heading:#f3f2fa;--hc-text:#e1deee;--hc-muted:#a5a4b5;--hc-dim:#918ba3;--hc-icon:#a5a0b8;
 --bg-main:#101015;--bg-secondary:#1b1b24;--bg-card:#1b1b24;--bg-card-hover:#24222f;--bg-input:#13131b;
 --text-main:#f3f2fa;--text-muted:#a5a4b5;--text-subtle:#918ba3;--discord-panel:#1b1b24;--discord-panel-2:#16161f;
 --radius-sm:8px;--radius-md:10px;--radius-lg:14px;
 font-family:Tajawal,system-ui,sans-serif!important;background:#101015!important;color:#e1deee!important;
}
body.hjrcord :is(button,input,textarea,select){font-family:inherit!important}
body.hjrcord ::selection{background:#8975ff66;color:#fff}
body.hjrcord *{scrollbar-color:#494153 transparent}
body.hjrcord #hc-public-appbar{background:#101015!important;border-bottom:1px solid #ffffff10!important;box-shadow:none!important}
body.hjrcord #hc-public-appbar button{border-radius:8px;transition:background-color .16s,color .16s}
body.hjrcord #hc-public-appbar button:hover{background:#8975ff16;color:#c5b8ff}
body.hjrcord :is(.hc-channelbar,.dc-sidebar,.dc-sidebar-header,.dc-sidebar-tree,.accounts-sidebar){background:var(--hc-panel)!important;border-color:#ffffff10!important}
body.hjrcord :is(.glass-card,.static-card,.account-card,.token-card,.mc-card,.rv-server-card,.roam-group-card,.roam-acc-card,.tokens-management-toolbar,.hc-member-tool){background:var(--hc-panel)!important;border:1px solid #ffffff10!important;border-radius:14px!important;box-shadow:none!important}
body.hjrcord :is(.token-card,.mc-card,.hc-member-tool){transition:transform .18s ease-out,border-color .18s,background-color .18s!important}
body.hjrcord :is(.token-card,.mc-card,.hc-member-tool):hover{border-color:#a18af24a!important;background:#201e2b!important;box-shadow:none!important}
body.hjrcord :is(.token-card,.mc-card).selected{border-color:#a08aff!important;background:#211d33!important}
body.hjrcord .hc-member-tool{padding:24px!important;min-height:140px}
body.hjrcord .hc-member-tool strong{color:#f3f2fa;font-weight:800}
body.hjrcord .hc-member-tool span{color:#a5a4b5!important;line-height:1.8}
body.hjrcord .hc-member-tool:hover{transform:translateY(-2px)}
body.hjrcord .hc-member-tools h1{color:#f3f2fa;letter-spacing:-.5px}
body.hjrcord :is(.hc-modal-box,.hc-member-modal,.dc-modal-box,.dc-modal-content,.hc-profile-save-success-card,#token-quick-menu){background:#1b1b24!important;border:1px solid #ffffff16!important;border-radius:14px!important;box-shadow:0 18px 48px #0005!important}
body.hjrcord :is(.action-btn,.card-tool-btn,.mc-icon-btn,.card-menu-btn,.sidebar-load-btn,.card-voice-join-btn,.mc-join-btn,.dc-send-btn){border-radius:10px!important;transition:background-color .16s,border-color .16s,transform .16s!important;box-shadow:none!important}
body.hjrcord :is(.action-btn.btn-rose,.action-btn.btn-primary,.card-voice-join-btn,.mc-join-btn,.dc-send-btn,.sidebar-load-btn){background:linear-gradient(125deg,#a08aff,#7560e8)!important;border:1px solid #b6aaff50!important;color:#fff!important}
body.hjrcord :is(.action-btn.btn-glass,.card-tool-btn,.card-menu-btn){background:#292735!important;border-color:#ffffff12!important;color:#e1deee!important}
body.hjrcord :is(.action-btn.btn-glass,.card-tool-btn,.card-menu-btn):hover{background:#373142!important;border-color:#a18af24a!important}
body.hjrcord :is(.custom-input,.card-voice-input,.hc-command-input){background:#13131b!important;border:1px solid #ffffff16!important;border-radius:10px!important;color:#f3f2fa!important;box-shadow:none!important}
body.hjrcord :is(input,textarea,select):focus-visible{outline:2px solid #8975ff!important;outline-offset:2px}
body.hjrcord button:focus-visible,body.hjrcord a:focus-visible{outline:2px solid #b5a5ff!important;outline-offset:3px}
body.hjrcord :is(.dc-chat-header,.dc-input-container){background:#16161f!important;border-color:#ffffff10!important}
body.hjrcord .hc-real-server-tag{background:#8975ff16!important;border-color:#8975ff35!important;color:#d4caff!important}
@media(hover:none){body.hjrcord .hc-member-tool:hover{transform:none}}
@media(prefers-reduced-motion:reduce){body.hjrcord :is(.hc-member-tool,.token-card,.mc-card,.action-btn){transition:none!important}}

/* Account management: controls first, channel browser below the application header. */
body.hjrcord.hc-tools-topnav>.hc-fixed-browser{top:185px!important;bottom:12px;left:12px;width:292px;grid-template-columns:54px minmax(0,1fr);border:1px solid #ffffff12;border-radius:14px;background:#1b1b24;box-shadow:0 10px 28px #0002}
body.hjrcord .hc-fixed-server-rail{background:#13131b;border-right:1px solid #ffffff10;padding:12px 6px;gap:12px}
body.hjrcord .hc-fixed-server-rail .hc-fixed-server{display:block;flex:0 0 40px;width:40px;height:40px;min-height:40px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#292735!important;box-shadow:none!important;color:#ddd}
body.hjrcord .hc-fixed-server-rail .hc-fixed-server[aria-pressed=true]{border-radius:12px!important;outline:2px solid #a08aff;outline-offset:2px}
body.hjrcord .hc-fixed-server img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
body.hjrcord .hc-fixed-channel-pane{height:100%;min-height:0;background:#1b1b24}
body.hjrcord .hc-fixed-browser .hc-management-rooms{height:100%;min-height:0;padding:14px 10px;gap:10px;background:transparent;top:auto}
body.hjrcord .hc-fixed-browser .hc-management-rooms>strong{font-size:14px;line-height:1.6}
body.hjrcord .hc-fixed-browser select,body.hjrcord .hc-fixed-browser input{border:1px solid #ffffff12!important;border-radius:8px!important;background:#13131b!important;font-size:12px;min-height:36px}
body.hjrcord #pane-tokens>.hc-workspace-tools{margin:0 0 14px;background:#1b1b24;border-color:#ffffff10;border-radius:14px;padding:18px}
body.hjrcord #pane-tokens>.hc-workspace-tools .hc-home-actions{gap:8px}
body.hjrcord #pane-tokens .hc-health-grid{margin-top:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));max-height:240px}
body.hjrcord .hc-health-account{background:#13131b;border-color:#ffffff12}
body.hjrcord #hc-account-undo{position:fixed;z-index:2147483643;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:12px 16px;border:1px solid #8975ff55;border-radius:12px;background:#211d30;color:#f3f2fa;box-shadow:0 8px 28px #0005;font-size:13px}
body.hjrcord #hc-account-undo[hidden]{display:none!important}#hc-account-undo button{white-space:nowrap}
@media(max-width:1000px){body.hjrcord.hc-tools-topnav>.hc-fixed-browser{width:245px}}
@media(max-width:700px){body.hjrcord.hc-tools-topnav>.hc-fixed-browser{top:181px!important;left:6px;bottom:8px;width:174px;grid-template-columns:40px minmax(0,1fr)}body.hjrcord .hc-fixed-server-rail{padding:10px 4px;gap:10px}body.hjrcord .hc-fixed-server-rail .hc-fixed-server{width:30px;height:30px;min-height:30px!important;flex-basis:30px}body.hjrcord .hc-fixed-browser .hc-management-rooms{padding:10px 6px}body.hjrcord #hc-account-undo{bottom:12px;flex-wrap:wrap;justify-content:center;text-align:center}}

body.hjrcord #hc-account-undo{overflow:hidden}
.hc-undo-progress{position:absolute;inset:auto 0 0;height:3px;background:#b5a5ff;transform-origin:right}
.hc-undo-enter{animation:hc-undo-in .2s ease-out}.hc-undo-enter .hc-undo-progress{animation:hc-undo-time var(--hc-undo-duration,10s) linear forwards}
.hc-undo-leaving{animation:hc-undo-out .18s ease-in forwards}
@keyframes hc-undo-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes hc-undo-out{to{opacity:0;translate:0 8px}}
@keyframes hc-undo-time{to{transform:scaleX(0)}}
@media(prefers-reduced-motion:reduce){.hc-undo-enter,.hc-undo-leaving,.hc-undo-enter .hc-undo-progress{animation:none}.hc-undo-progress{display:none}}