/* workspace.js: foldable menu + copy buttons */
.navToggle{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;margin-right:10px}
.navToggle:hover{color:var(--text);border-color:#8b5cf6}
.navToggle svg{width:19px;height:19px}.navToggle .wsArrow{transition:transform .2s;transform-origin:14.5px 12px}
html.navMini .navToggle .wsArrow{transform:scaleX(-1)}
@media(min-width:901px){
html.navMini .app{grid-template-columns:72px minmax(0,1fr)!important}
html.navMini .sidebar{padding-left:10px!important;padding-right:10px!important;overflow-x:hidden}
html.navMini .sidebar .navtitle,html.navMini .sidebar .sidebottom,html.navMini .sidebar .nav>span:not(.adminLayoutEmoji),html.navMini .sidebar .navBadge,html.navMini .sidebar .brand>span{display:none!important}
html.navMini .sidebar .nav{justify-content:center;padding-left:0!important;padding-right:0!important;gap:0}
html.navMini .sidebar .brand{justify-content:center;padding-left:0;padding-right:0}
html.navMini .sidebar .nav+.navtitle{margin-top:6px}
}
.app,.sidebar{transition:grid-template-columns .2s ease}
.cpWrap{position:relative}
.cpWrap>textarea{width:100%}
.cpBtn{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border-radius:8px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--muted);font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;backdrop-filter:blur(4px);transition:color .15s,border-color .15s,background .15s}
.cpWrap>.cpBtn{position:absolute;top:8px;right:16px;z-index:2;opacity:.75}
.cpWrap:hover>.cpBtn,.cpWrap>.cpBtn:focus-visible{opacity:1}
.cpWrap.empty>.cpBtn{display:none}
.cpBtn svg{width:13px;height:13px}
.cpBtn:hover{color:var(--text);border-color:var(--accent,#8b5cf6)}
.cpBtn.done{color:#16a34a;border-color:#16a34a;background:#16a34a14}
.cpInline{margin-top:8px}
@media(max-width:900px){.navToggle{display:none}}
/* uploads.js */
.uplCancel{margin-right:8px;border-color:#e11d4866!important;color:#fb7185!important}
.uplCancel:hover{background:#e11d4814!important}
/* Profile photo: no dark border/background ring around the photo (light and dark theme) */
.avatar.hasPhoto,.theme-light .avatar.hasPhoto{border:0;background:transparent}
/* Admin menu folded: its emoji icons stay, centered */
html.navMini .sidebar .adminLayoutEmoji{margin:0!important;font-size:17px}
/* referral.js */
.refToggle{display:block;margin:10px 0 2px;font-size:13px}
.refBox{margin-top:8px}.refGift{display:block;margin-top:5px;color:#16a34a;font-weight:600}
.refCard{margin-top:20px}
.refField{margin-top:12px}.refField small{display:block;font-size:11.5px;color:var(--muted);margin-bottom:4px}
.refField>div{display:flex;gap:8px;align-items:center}
.refField code{flex:1;min-width:0;padding:9px 12px;border-radius:10px;border:1px dashed color-mix(in srgb,#7c3aed 45%,var(--line));background:color-mix(in srgb,#7c3aed 7%,var(--panel));font-size:14px;font-weight:700;letter-spacing:.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.refField button{display:inline-flex;align-items:center;gap:6px;flex:none}.refField button svg{width:14px;height:14px}