.cbody{min-height:100vh;display:block}
.ctop{position:fixed;top:18px;right:24px;color:var(--muted);font-weight:600;font-size:14px}.ctop:hover{color:var(--text)}
.cwrap{width:min(340px,88vw);margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:64px 0}.cstep{display:none;text-align:center}.cstep.on{display:block;animation:cin .25s ease-out}
@keyframes cin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cstep h1{font-size:26px;letter-spacing:-.5px;margin:18px 0 8px}.cstep>p{color:var(--muted);font-size:15px;margin-bottom:22px}
.cstep label{display:block;text-align:left;font-size:13.5px;font-weight:600;color:#cccccc;margin:18px 0 7px}
.cstep input,.pcard input,.pcard textarea{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:11px 13px;color:var(--text);font:500 15px "Manrope",sans-serif}
.cstep input:focus,.pcard input:focus,.pcard textarea:focus{outline:0;border-color:#373737}
.crow{display:flex;align-items:center;justify-content:space-between}.crow label{margin:18px 0 7px}
.rfr{background:none;border:0;color:var(--muted);cursor:pointer;padding:4px;border-radius:6px;margin-top:10px}.rfr:hover{color:var(--text)}.rfr.spin svg{animation:sp .7s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}
.pickw{position:relative;text-align:left}.pick{width:100%;display:flex;align-items:center;gap:9px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:11px 13px;color:var(--muted);font:500 15px "Manrope",sans-serif;cursor:pointer}
.pick.has{color:var(--text)}.pick img,.plist img,.psw img{border-radius:50%;object-fit:cover;background:#171717}
.pick::after{content:"";margin-left:auto;width:6px;height:6px;border:solid var(--muted);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.plist{position:absolute;z-index:5;left:0;right:0;top:calc(100% + 6px);max-height:240px;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:5px}
.plist button{width:100%;display:flex;align-items:center;gap:9px;background:none;border:0;border-radius:8px;padding:9px;color:var(--text);font:500 14.5px "Manrope",sans-serif;text-align:left;cursor:pointer}.plist button:hover{background:#171717}
.plist p{padding:10px;color:var(--muted);font-size:13.5px}.plist a{color:var(--blue)}
.chint{text-align:left!important;color:#6f6f6f!important;font-size:12.5px!important;margin:8px 0 18px!important}.cerr{color:#ff7a7a;font-size:13.5px;margin:-8px 0 14px}.cerr[hidden]{display:none}
.cbtn{width:100%;border:0;border-radius:10px;padding:12px;background:var(--blue);color:#fff;font:700 15px "Manrope",sans-serif;cursor:pointer}.cbtn:hover{background:var(--blue-d)}.cbtn:disabled{opacity:.4;cursor:not-allowed}

/* panel settings page: uses the same layout classes as Account Settings (.apage .aside .anav .amain .acard) */
.psw{position:relative;padding:0 0 10px}
.psw-btn{width:100%;display:flex;align-items:center;gap:12px;padding:8px 10px;border:0;border-radius:10px;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background .15s}
.psw-btn:hover,.psw-btn[aria-expanded=true]{background:#101010}
.psw-btn img,.psw-menu img{border-radius:50%;object-fit:cover;background:#171717;flex:none}
.psw-t{flex:1;min-width:0}
.psw-t b{display:block;font-size:15px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.psw-t span{display:block;color:#6f6f6f;font-size:13px}
.psw-btn svg{flex:none;color:#6f6f6f}
.psw-menu{position:absolute;z-index:6;left:0;right:0;top:calc(100% - 4px);max-height:300px;overflow:auto;padding:5px;background:var(--panel);border:1px solid var(--line);border-radius:12px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.97);transform-origin:top center;transition:opacity .22s ease,transform .26s cubic-bezier(.2,.8,.2,1),visibility 0s .26s}
.psw-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .22s ease,transform .26s cubic-bezier(.2,.8,.2,1),visibility 0s}
.psw-menu>*{opacity:0;transform:translateY(-6px);transition:opacity .2s ease,transform .26s cubic-bezier(.2,.8,.2,1),background .15s}
.psw-menu.open>*{opacity:1;transform:none;transition-delay:calc(var(--i,0)*35ms + 40ms),calc(var(--i,0)*35ms + 40ms),0s}
.psw-btn>svg:last-child{transition:transform .55s cubic-bezier(.4,0,.2,1)}
.psw-menu a{display:flex;align-items:center;gap:10px;padding:9px;border-radius:8px;color:var(--text);font-weight:600;font-size:14.5px;min-width:0}
.psw-menu a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.psw-menu a:hover{background:#171717}
.psw-menu a.cur{color:var(--muted)}
.psw-menu hr{border:0;border-top:1px solid var(--line);margin:5px 2px}
.anav .off{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:#5d5d5d;font-weight:600;font-size:15px;cursor:default;user-select:none}
.anav .off em{margin-left:auto;font-style:normal;font-size:12.5px;font-weight:600}
.arow{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.arow>div{min-width:0}
.arow p{max-width:520px}
.gsrv{display:flex;align-items:center;gap:12px;min-width:0}
.gsrv img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#171717;flex:none}
.gsrv b{font-size:16px;overflow-wrap:anywhere}
.ain{width:100%;margin-top:14px;padding:11px 13px;background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--text);font:500 15px "Manrope",sans-serif}
.ain:focus{outline:0;border-color:#373737}
textarea.ain{resize:vertical;min-height:96px}
.acode{display:flex;gap:10px;margin-top:14px}
.acode .ain{margin:0;flex:1;min-width:0;font-family:ui-monospace,Consolas,monospace;font-size:15px;letter-spacing:1.5px}
.asave{display:flex;align-items:center;gap:14px;margin-top:18px}
.asave .astat{margin:0}
.pstat{color:var(--muted);font-size:14px}
.pstat.bad{color:#ff7a7a}
#confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:50}

/* ---- Neutral grey look (matches the reference screenshots). Scoped so Account/Home/Pricing are untouched. ---- */
body.cbody,body:has(#panel-page){background:var(--bg)}
body:has(#panel-page) .nav{background:#0f0f0f;backdrop-filter:none}
body:has(#panel-page) .apage{min-height:calc(100vh - 62px)}
body:has(#panel-page) .aside{border:0;background:#0f0f0f}
body:has(#panel-page) .amain{background:#121212;border:1px solid #1f1f1f;border-right:0;border-bottom:0;border-radius:16px 0 0 0}
body:has(#panel-page) .acard{background:#0f0f0f;border-color:#1d1d1d}
body:has(#panel-page) .anav a:hover{background:#181818}
body:has(#panel-page) .anav a.on{background:#232323}
body:has(#panel-page) .anav .off{color:#5c5c5c}
body:has(#panel-page) .ain{background:#0f0f0f;border-color:#1d1d1d}
body:has(#panel-page) .ain:focus,.cstep input:focus{border-color:#3c3c3c}
.psw-btn:hover,.psw-btn[aria-expanded=true]{background:#181818}
.psw-btn img,.psw-menu img,.gsrv img,.pick img,.plist img{background:#0f0f0f}
.psw-menu,.plist{background:#141414;border-color:#232323}
.psw-menu a:hover,.plist button:hover{background:#1d1d1d}
.cbody .nav,.cbody .cstep input,.pick{background:#0f0f0f}
@media(max-width:860px){body:has(#panel-page) .amain{border-radius:0;border-left:0}}

/* ---- Settings page matched to Anchor's: roomier, bigger type, Open Sans, toggles, save bar ---- */
.amain [hidden],.sbar[hidden],.botok[hidden]{display:none!important}
body:has(#panel-page) .aside,body:has(#panel-page) .amain{font-family:"Open Sans","Manrope",system-ui,sans-serif}
body:has(#panel-page) .aside{width:308px;padding:14px 12px;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1)}
body:has(#panel-page) .anav{gap:4px}
body:has(#panel-page) .anav a,body:has(#panel-page) .anav .off{padding:12px 14px;border-radius:12px;font-size:16px;font-weight:600;color:#f1f1f1}
body:has(#panel-page) .anav a.on svg{color:var(--blue)}
body:has(#panel-page) .anav .off{color:#b5b5b5}
body:has(#panel-page) .anav .off em{color:#6f6f6f;font-size:12.5px}
body:has(#panel-page) .psw-t b{font-size:15.5px}
body:has(#panel-page) .amain{padding:34px 34px 130px}
body:has(#panel-page) .amain h1{font-size:36px;letter-spacing:-.9px;font-weight:700}
body:has(#panel-page) .asub{font-size:14.5px;margin-top:6px}
body:has(#panel-page) .acard{padding:22px 20px;border-radius:16px;margin-top:17px}
body:has(#panel-page) .acard h2{font-size:24px;font-weight:700;letter-spacing:-.4px}
body:has(#panel-page) .acard>p,.arow p{font-size:14.5px;max-width:none}
body:has(#panel-page) .ain{border-radius:16px;padding:12px 15px;font-family:inherit;font-size:14.5px;margin-top:16px}
.botok{color:var(--muted);font-size:14px}
.trow{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}
.trow b{display:block;font-size:15px;font-weight:600}
.trow small,.dzf{display:block;color:#6f6f6f;font-size:12.5px;margin-top:2px}
.tg{flex:none;width:52px;height:30px;border-radius:999px;border:0;background:#2b2b2b;position:relative;cursor:pointer;transition:background .15s}
.tg i{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .15s}
.tg.on{background:var(--blue)}.tg.on i{transform:translateX(22px)}
.gslot{display:block;margin-top:16px;text-align:center;padding:11px;border-radius:999px;background:#1b1b1b;border:1px solid #242424;color:#e7e7e7;font-size:14.5px;font-weight:600}
.gslot:hover{background:#212121}
.dzh{font-size:19px;font-weight:700;margin:20px 0 4px;text-align:left}
.abtn.dng{margin-top:12px;background:#2a1416;color:#ff6b6b;border:1px solid #5c2326}
.dzf{margin-top:18px}
.sbar{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:10px;width:min(480px,calc(100vw - 24px));padding:10px 10px 10px 18px;background:#141414;border:1px solid #292929;border-radius:16px;animation:sbin .2s ease-out}
.sbar span{flex:1;min-width:0;color:#cacaca;font-size:14px}.sbar.bad span{color:#ff7a7a}
.sdis{display:inline-flex;align-items:center;gap:7px;background:none;border:1px solid #2d2d2d;border-radius:10px;padding:9px 14px;color:#dadada;font:600 14px "Open Sans","Manrope",sans-serif;cursor:pointer}
.sdis:hover{background:#1d1d1d}
.sbar .abtn{padding:9px 16px}
@keyframes sbin{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:860px){body:has(#panel-page) .aside{width:100%}body:has(#panel-page) .amain{padding:22px 16px 130px}}

/* ---- Community ID, sidebar group, Members + Requests ---- */
.cidrow{display:flex;align-items:center;gap:12px;margin-top:16px}
.cid{font:600 16px ui-monospace,Consolas,monospace;letter-spacing:2px;color:var(--text)}
.eye{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;border:0;background:none;color:var(--muted);cursor:pointer}
.eye:hover,.eye.on{background:#1b1b1b;color:var(--text)}
.cidact{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.abtn.soft{background:#1b1b1b;border:1px solid #292929;color:#e7e7e7}
.abtn.soft:hover{background:#212121}
.abtn.soft.spin svg{animation:sp .7s linear infinite}
body:has(#panel-page) .grp-h{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;border-radius:12px;background:none;color:#f1f1f1;font:600 16px "Open Sans","Manrope",sans-serif;text-align:left;cursor:pointer}
body:has(#panel-page) .grp-h:hover{background:#181818}
.grp-h .chev{margin-left:auto;color:#6f6f6f;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .2s}
.grp-h[aria-expanded=true] .chev{transform:rotate(180deg)}
/* sub-pages slide open and closed, and everything below moves with them */
.grp-b{display:flex;flex-direction:column;gap:2px;margin:2px 0 4px;overflow:hidden;max-height:140px;opacity:1;transition:max-height .32s cubic-bezier(.4,0,.2,1),opacity .24s ease .04s,margin .32s cubic-bezier(.4,0,.2,1),visibility 0s}
.grp-b[hidden]{display:flex;max-height:0;margin-top:0;margin-bottom:0;opacity:0;visibility:hidden;pointer-events:none;transition:max-height .32s cubic-bezier(.4,0,.2,1),opacity .16s ease,margin .32s cubic-bezier(.4,0,.2,1),visibility 0s .32s}
.grp-b a{transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .24s ease,background .15s,color .15s}
.grp-b[hidden] a{transform:translateY(-8px);opacity:0}
body:has(#panel-page) .grp-b a{padding:9px 14px 9px 44px;font-size:15px}
.mtools{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-top:20px}
.mfld{display:flex;flex-direction:column;gap:6px}.mfld.grow{flex:1;min-width:220px}
.mfld label{font-size:13.5px;font-weight:600;color:#cccccc}
.msearch{display:flex;align-items:center;gap:10px;padding:0 14px;background:#0f0f0f;border:1px solid #1d1d1d;border-radius:14px;color:var(--muted)}
.msearch input,.msel{background:none;border:0;color:var(--text);font:500 14.5px "Open Sans","Manrope",sans-serif;padding:11px 0;outline:0;width:100%}
.msel{width:auto;background:#0f0f0f;border:1px solid #1d1d1d;border-radius:14px;padding:11px 14px}
.mtools .abtn{height:42px}
.mtable{margin-top:18px;border:1px solid #1d1d1d;border-radius:14px;background:#0f0f0f;overflow:visible}
.mh,.mr{display:grid;grid-template-columns:1fr 150px 56px;align-items:center;gap:12px;padding:12px 18px}
.mh{font-size:13.5px;font-weight:700;color:#cccccc;border-bottom:1px solid #1d1d1d}
.mh.rh,.mr.rr{grid-template-columns:1fr 150px 200px}
.mr{border-top:1px solid #181818}.mr:first-child{border-top:0}
.mwho{display:flex;align-items:center;gap:12px;min-width:0}
.mwho b{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mwho span{display:block;color:var(--muted);font-size:13px}
.mav{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#171717;flex:none}
.mdate{color:var(--muted);font-size:14px}
.mtag{justify-self:end;font-size:12.5px;font-weight:600;color:var(--muted);padding-right:6px}
.mmw{position:relative;justify-self:end}
.mmore{display:grid;place-items:center;padding:6px;border:0;border-radius:8px;background:none;color:var(--muted);cursor:pointer}
.mmore:hover{background:#1b1b1b;color:var(--text)}
.mmenu{position:absolute;right:0;top:calc(100% + 4px);z-index:20;min-width:180px;padding:5px;background:#141414;border:1px solid #232323;border-radius:12px}
.mmenu[hidden]{display:none}
.mdel{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:none;color:#ff7a7a;font:600 14px "Open Sans","Manrope",sans-serif;cursor:pointer}
.mdel:hover{background:#1d1d1d}
.ract{display:flex;gap:8px;justify-content:flex-end}
.ract .abtn{padding:8px 14px}
.mempty{padding:26px 18px;color:var(--muted);font-size:14.5px;text-align:center}
.mnote{margin-top:16px;color:var(--muted);font-size:14px}.mnote[hidden]{display:none}
@media(max-width:640px){.mh,.mr{grid-template-columns:1fr 44px}.mh span:nth-child(2),.mr .mdate{display:none}.mh.rh,.mr.rr{grid-template-columns:1fr}.ract{justify-content:flex-start}}

/* ---- Sub-menu under Members: lighter than the main item ---- */
body:has(#panel-page) .grp-b a{font-weight:500;font-size:14.5px;color:var(--muted)}
body:has(#panel-page) .grp-b a:hover{color:var(--text)}
body:has(#panel-page) .grp-b a.on{font-weight:500;color:var(--text);background:#1f1f1f}

/* ---- Custom dropdown (replaces the browser's own select) ---- */
.dsel{position:relative}
.dsel-b{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:160px;height:42px;padding:0 14px;background:#0f0f0f;border:1px solid #1c1c1c;border-radius:14px;color:var(--text);font:500 14.5px "Open Sans","Manrope",sans-serif;cursor:pointer;transition:background .15s}
.dsel-b:hover,.dsel-b[aria-expanded=true]{background:#171717}
.dsel-b svg{flex:none;color:#6e6e6e;transition:transform .15s}
.dsel-b[aria-expanded=true] svg{transform:rotate(180deg)}
.dsel-m{position:absolute;z-index:20;top:calc(100% + 6px);left:0;min-width:100%;padding:5px;background:#141414;border:1px solid #222;border-radius:12px;}
.dsel-m[hidden]{display:none}
.dsel-m button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:none;color:var(--muted);font:500 14px "Open Sans","Manrope",sans-serif;text-align:left;white-space:nowrap;cursor:pointer}
.dsel-m button:hover{background:#1c1c1c;color:var(--text)}
.dsel-m button[aria-selected=true]{color:var(--text)}
.dsel-m button[aria-selected=true]::after{content:"";width:5px;height:9px;border:solid var(--blue);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px)}
@keyframes dsin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* ---- Transfer ownership: member picker (colours are fixed so they never depend on theme variables) ---- */
.mpk{margin-top:14px;text-align:left}
.mpk-tools{display:flex;gap:8px;align-items:center}
.mpk-search{flex:1;min-width:0;display:flex;align-items:center;gap:9px;height:40px;padding:0 12px;background:#101010;border:1px solid #262626;border-radius:12px;color:#8c8c8c;cursor:text}
.mpk-search:focus-within{border-color:#3d3d3d}
.mpk-search svg{flex:none}
.mpk-search input{flex:1;min-width:0;background:none;border:0;outline:0;color:#f4f4f4;font:500 14px "Open Sans","Manrope",sans-serif}
.mpk .dsel-b{min-width:0;height:40px;gap:10px;padding:0 12px;background:#101010;border-color:#262626;border-radius:12px;font-size:14px;white-space:nowrap}
.mpk .dsel-b:hover,.mpk .dsel-b[aria-expanded=true]{background:#181818}
.mdl .dsel-m{background:#1a1a1a;border-color:#2c2c2c;left:auto;right:0}
.mpk-list{margin-top:10px;height:252px;overflow:auto;padding:4px;background:#101010;border:1px solid #262626;border-radius:12px;scrollbar-width:thin;scrollbar-color:#333 transparent}
.mpk-row{display:flex;align-items:center;gap:11px;width:100%;padding:8px 10px;border:0;border-radius:9px;background:none;color:#f4f4f4;text-align:left;cursor:pointer}
.mpk-row:hover{background:#1a1a1a}
.mpk-row.on{background:#202020}
.mpk-t{flex:1;min-width:0}
.mpk-t b,.mpk-t small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mpk-t b{font-size:14.5px;font-weight:600}
.mpk-t small{color:#8c8c8c;font-size:12.5px}
.mpk-chk{flex:none;width:18px;height:18px;border:1.5px solid #3a3a3a;border-radius:50%;position:relative}
.mpk-row.on .mpk-chk{border-color:#007EFE;background:#007EFE}
.mpk-row.on .mpk-chk::after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.mpk-empty{padding:34px 12px;color:#8c8c8c;font-size:14px;text-align:center}
.mpk-sel{display:flex;align-items:center;gap:11px;margin-top:14px;padding:10px 12px;background:#101010;border:1px solid #262626;border-radius:12px}

/* Members group icon goes blue while one of its sub-pages is open, like General */
body:has(#panel-page) .grp-h:has(+ .grp-b a.on) svg:not(.chev){color:var(--blue)}

/* ---- Admin: name with check, "viewing as admin" bar, admin page ---- */
.mnm{display:flex;align-items:center;gap:6px;min-width:0}
.mnm b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mnm .vb{width:16px;height:16px}
.mwho .mnm+span{margin-top:1px}
.abar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;min-height:46px;padding:8px 24px;background:#1a1a1a;border-bottom:1px solid #2a2a2a;color:#d0d0d0;font:500 14px/1.4 "Open Sans","Manrope",sans-serif}
.abar svg{flex:none;color:#007EFE}
.abar>span{flex:1;min-width:0}
.abar b{color:#ffffff;font-weight:700}
.abar i{font-style:normal;color:#a6a6a6}
.abar-b{flex:none;padding:8px 14px;border-radius:10px;background:#242424;border:1px solid #333333;color:#ffffff;font-weight:700;font-size:13.5px;transition:background .15s}
.abar-b:hover{background:#2d2d2d}
body.has-abar .nav{top:46px}
body.has-abar .aside{top:108px;height:calc(100vh - 108px)}
body.has-abar:has(#panel-page) .apage{min-height:calc(100vh - 108px)}
@media(max-width:860px){.abar{position:static;flex-wrap:wrap;padding:10px 16px}body.has-abar .nav{top:0}body.has-abar .aside{top:auto;height:auto}}
.adm-who{cursor:default}
.adm-who:hover{background:none!important}
.adm-ico{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#1b1b1b;border:1px solid #292929;color:#007EFE}
.ast{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-top:20px}
.ast-c{padding:18px 20px;background:#0f0f0f;border:1px solid #1d1d1d;border-radius:16px}
.ast-c b{display:block;font-size:30px;line-height:1.1;letter-spacing:-.8px;font-weight:700}
.ast-c span{display:block;margin-top:6px;color:var(--muted);font-size:14px}
.mh.ap,.mr.ap{grid-template-columns:minmax(0,2fr) minmax(0,1.3fr) minmax(0,1fr) 110px 130px 44px}
.mh.al,.mr.al{grid-template-columns:130px minmax(0,1fr) minmax(0,1.5fr) minmax(0,1.5fr)}
.mr.al.mini{grid-template-columns:130px minmax(0,1fr) minmax(0,2fr)}
.alw{min-width:0;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mwho.small b{font-size:14.5px}
.mitem{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:none;color:#e4e4e4;font:600 14px "Open Sans","Manrope",sans-serif;cursor:pointer;text-align:left}
.mitem:hover{background:#1d1d1d}
.mitem svg{flex:none;color:#8a8a8a}
.mmenu{min-width:200px}
.chip{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:#cfcfcf;white-space:nowrap}
.chip i{width:8px;height:8px;border-radius:50%;background:#5c5c5c}
.chip.ok i{background:#3ecf6e}
.chip.no i{background:#ff6b6b}
.adm-mini{margin-top:14px}
.adm-prev{margin-top:12px;min-height:64px}
.adm-hint{color:#8c8c8c;font-size:14px;line-height:1.5}
.mtools .dsel .dsel-b{min-width:150px}
@media(max-width:900px){
  .mh.ap,.mr.ap{grid-template-columns:minmax(0,1fr) 44px}
  .mh.ap>:not(:first-child):not(:last-child),.mr.ap>:not(:first-child):not(:last-child){display:none}
  .mh.al,.mr.al{grid-template-columns:100px minmax(0,1fr)}
  .mh.al>:nth-child(n+3),.mr.al>:nth-child(n+3){display:none}
}
/* badge stays inline inside .mwho rows (their generic span rule made it a block) */
.mwho span.vbw{display:inline-flex;font-size:inherit}
/* Grande+ length picker (admin) */
.pdur{display:flex;flex-direction:column;gap:8px;margin:14px 0 4px}
.pdur-o{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid #2a2a2a;border-radius:12px;background:#151515;color:var(--text);font:600 15px "Manrope",sans-serif;text-align:left;cursor:pointer;transition:background .15s}
.pdur-o:hover{background:#1b1b1b}
.pdur-o.on{background:#202020}
.pdur-o i{flex:none;position:relative;width:18px;height:18px;border-radius:50%;border:2px solid #4a4a4a}
.pdur-o.on i{border-color:var(--blue)}
.pdur-o.on i::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--blue)}

/* Custom Community ID (Grande+) */
.cust{margin-top:22px;padding-top:18px;border-top:1px solid #1d1d1d}
.cust h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15.5px;font-weight:700;letter-spacing:-.1px;text-align:left}
.cplus{display:block;width:16px;height:16px}
.cust>p{margin-top:4px;color:var(--muted);font-size:14px}
.custw{position:relative;max-width:540px;margin-top:14px}
.custrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body:has(#panel-page) .custrow .ain{flex:1;min-width:170px;width:auto;height:42px;margin-top:0;padding:0 14px;border-radius:12px;font:500 15px "Manrope",sans-serif;letter-spacing:0}
.custrow .abtn{height:42px;border-radius:12px}
.custrow .ain:disabled{opacity:.55;cursor:not-allowed}
.custrow .abtn[disabled]{opacity:.55;cursor:not-allowed}
.lockov{position:absolute;inset:-4px;z-index:2;border-radius:14px;cursor:pointer}
.lockov:focus-visible{outline:2px solid var(--blue);outline-offset:0}
.ltip{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:5;display:flex;align-items:center;gap:7px;width:max-content;max-width:92vw;transform:translate(-50%,6px);white-space:nowrap;background:#191919;border:1px solid #292929;color:#eaeaea;font:500 13px "Manrope",sans-serif;padding:7px 12px;border-radius:10px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
.custw.locked:hover .ltip,.custw.locked:focus-within .ltip{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}
.cmsg{margin-top:10px;color:#cfcfcf;font-size:13.5px}
.cmsg.bad{color:#ff7a7a}
@media(prefers-reduced-motion:reduce){.ltip{transition:none;transform:translateX(-50%)}.custw.locked:hover .ltip,.custw.locked:focus-within .ltip{transform:translateX(-50%)}}

/* ---- Notice bar next to the admin viewing bar + Notices admin page ---- */
.abar{order:-1}
html.has-notice body.has-abar .abar{top:var(--nbh,0px)}
html.has-notice body.has-abar .nav{top:calc(46px + var(--nbh,0px))}
html.has-notice body.has-abar .aside{top:calc(108px + var(--nbh,0px));height:calc(100vh - 108px - var(--nbh,0px))}
@media(max-width:860px){html.has-notice body.has-abar .nav{top:var(--nbh,0px)}html.has-notice body.has-abar .aside{top:auto;height:auto}}
input[type=datetime-local].ain{color-scheme:dark}
#v-notices .acard label{display:block;margin:16px 0 0;font-size:13.5px;font-weight:600;color:#c9cad1}
#v-notices .acard .dsel{margin-top:8px}
#v-notices .acard .ain{margin-top:8px}
.ncount{display:block;margin-top:6px;color:#6c6d75;font-size:12.5px;text-align:right}
.nrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.nhint{margin-top:10px;color:#6c6d75;font-size:12.5px}
.nprev{margin-top:18px}
.nprev>small{display:block;margin-bottom:8px;color:#6c6d75;font-size:12.5px}
.mh.an,.mr.an{grid-template-columns:1fr 230px 96px 96px}
.mr.an .nmsg{min-width:0}
.mr.an .nmsg b{display:block;font-size:13px;font-weight:700;margin-bottom:2px}
.mr.an .nmsg b.downtime{color:#ff6b6b}.mr.an .nmsg b.announcement{color:#4da3ff}
.mr.an .nmsg span{display:block;color:#d9d9dc;font-size:14.5px;overflow-wrap:anywhere}
.nchip{justify-self:start;padding:3px 10px;border-radius:999px;background:#1a1a1c;border:1px solid #28282b;font-size:12.5px;font-weight:600;color:var(--muted)}
.nchip.live{color:#4da3ff}.nchip.scheduled{color:#e8b04a}
.mr.an .abtn{justify-self:end;padding:8px 14px}
@media(max-width:860px){.mh.an{display:none}.mr.an{grid-template-columns:1fr;gap:6px}.nrow{grid-template-columns:1fr}.mr.an .abtn{justify-self:start}}


/* ---- Toggle switch: smoother, springy knob ---- */
.tg{width:46px;height:26px;border-radius:999px;background:#2b2b2b;transition:background .25s ease,box-shadow .25s ease;-webkit-tap-highlight-color:transparent}
.tg i{top:3px;left:3px;width:20px;height:20px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.45);transition:transform .32s cubic-bezier(.34,1.56,.64,1),width .18s ease}
.tg.on{background:var(--blue)}
.tg.on i{transform:translateX(20px)}
.tg:active i{width:25px}
.tg.on:active i{transform:translateX(15px)}
.tg:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.tg:disabled{opacity:.4;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){.tg,.tg i{transition:none}}

/* ---- Roles page ---- */
.rl{padding:22px 20px}
.rl-h{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.rl-h p{margin:2px 0 0}
.rl-s{display:flex;align-items:center;gap:14px;margin-top:18px}
.rl-s .msearch{flex:1;min-width:0}
.rl-c{color:#6f6f6f;font-size:12.5px;white-space:nowrap}
.rl-list{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.rl-e{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 16px;border:1px solid #1d1d1d;border-radius:14px;color:var(--muted);font-size:14.5px}
.rl-ei{color:#4a4a4a}
.rl-link{background:none;border:0;color:var(--text);font:600 14px "Open Sans","Manrope",sans-serif;cursor:pointer}
.rl-link:hover{text-decoration:underline}
.rrow{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;background:#0f0f0f;border:1px solid #1d1d1d;border-radius:12px;transition:border-color .15s,opacity .15s}
.rrow.drag{opacity:.45}
.rrow.ov-t::before,.rrow.ov-b::after{content:"";position:absolute;left:8px;right:8px;height:2px;border-radius:2px;background:var(--blue)}
.rrow.ov-t::before{top:-6px}.rrow.ov-b::after{bottom:-6px}
.rgrip{display:grid;place-items:center;width:22px;color:#6f6f6f;cursor:grab}
.rgrip:active{cursor:grabbing}
.rgrip.off{opacity:.25;cursor:default}
.rcdot{display:block;width:12px;height:12px;border-radius:50%;flex:none;margin:0 8px 0 2px}
.rname{flex:1;min-width:0}
.rname b{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rname>span{display:block;color:#6f6f6f;font-size:12.5px}
.rarr{display:flex;gap:2px}
.rbtn{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;background:none;color:var(--muted);cursor:pointer}
.rbtn:hover:not(:disabled){background:#1b1b1b;color:var(--text)}
.rbtn:disabled{opacity:.25;cursor:default}

/* ---- Create / edit role window ---- */
.rmdl{width:min(470px,100%);padding:0;display:flex;flex-direction:column;max-height:min(88vh,860px);overflow:hidden}
.rm-h{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px}
.rm-h h3{margin:0;font-size:16px}
.rm-x{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;background:none;color:var(--muted);cursor:pointer}
.rm-x:hover{background:#1d1d1d;color:var(--text)}
.rm-b{padding:4px 20px 16px;overflow-y:auto;overscroll-behavior:contain;flex:1}
.rm-l{display:block;margin:14px 0 8px;font-size:14px;font-weight:600;color:var(--text)}
.rm-l span{color:var(--muted);font-weight:400}
.rm-in{margin:0!important}
.rm-h2{margin:-4px 0 10px!important;font-size:12.5px!important;color:#8c8c8c!important}
.rm-col{display:flex;align-items:center;gap:10px;width:100%;padding:10px 13px;background:#0f0f0f;border:1px solid #1d1d1d;border-radius:14px;color:var(--text);font:600 13.5px "Open Sans","Manrope",sans-serif;cursor:pointer}
.rm-col i,.cp-sw{display:block;width:18px;height:18px;border-radius:50%;flex:none}
.rm-cp{margin-top:10px;padding:12px;background:#0f0f0f;border:1px solid #1d1d1d;border-radius:14px}
.rm-cp[hidden]{display:none}
.cp-sv{position:relative;height:130px;border-radius:10px;cursor:crosshair;touch-action:none;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,var(--hue,#00f))}
.cp-k,.cp-hk{position:absolute;width:16px;height:16px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px rgba(0,0,0,.5);pointer-events:none}
.cp-hue{position:relative;height:12px;margin:14px 0 12px;border-radius:999px;cursor:pointer;touch-action:none;background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}
.cp-hk{top:50%}
.cp-row{display:flex;align-items:center;gap:10px}
.cp-sw{width:30px;height:30px;border-radius:8px}
.cp-hex{margin:0!important;flex:1;font:600 13px ui-monospace,Consolas,monospace!important;text-transform:uppercase}
.rm-dl{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;border:1px solid #1d1d1d;border-radius:14px;color:#8c8c8c;font-size:14px;opacity:.7;cursor:not-allowed}
.rm-dl span{flex:1}
.rm-dl em{font-style:normal;font-size:12px;padding:2px 9px;border-radius:999px;background:#1b1b1b;border:1px solid #292929}
.rm-pg{margin-top:14px;border:1px solid #1d1d1d;border-radius:14px;background:#0f0f0f;overflow:hidden}
.rm-ph{display:flex;align-items:center;gap:10px;width:100%;padding:14px;border:0;background:none;color:var(--text);text-align:left;cursor:pointer;font-family:inherit}
.rm-ph>div{flex:1;min-width:0}
.rm-ph b{display:block;font-size:14px}
.rm-ph>div>span{display:block;color:#8c8c8c;font-size:12px}
.rm-cnt{flex:none!important;padding:2px 10px;border-radius:999px;background:#1b1b1b;border:1px solid #292929;font-size:12px!important;color:#cccccc!important}
.rm-cv{flex:none!important;color:var(--muted);transition:transform .2s}
.rm-pg.shut .rm-cv{transform:rotate(180deg)}
.rm-pb{padding:0 10px 10px;border-top:1px solid #1d1d1d;padding-top:10px;display:flex;flex-direction:column;gap:8px}
.rm-pg.shut .rm-pb{display:none}
.rm-pr{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #1d1d1d;border-radius:12px;background:#121212}
.rm-pr.lock{opacity:.6}
.rm-pi{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#1b1b1b;color:var(--muted);flex:none}
.rm-pr>div{flex:1;min-width:0}
.rm-pr b{display:block;font-size:14px;font-weight:600}
.rm-pr>div>span{display:block;color:#8c8c8c;font-size:12px}
.rm-er{margin-top:14px;color:#ff7a7a;font-size:13.5px}
.rm-er[hidden]{display:none}
.rm-f{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #1d1d1d}

/* ---- Roles on the Members page ---- */
.mt-roles .mh,.mt-roles .mr{grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr) 120px 56px}
.mrl{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
.rchip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border:1px solid #292929;border-radius:999px;background:#151515;font-size:12.5px;font-weight:600;color:#e7e7e7}
.rchip i,.rdot{display:block;width:8px;height:8px;border-radius:50%;flex:none}
.rx{box-sizing:border-box;display:grid;place-items:center;flex:none;width:18px;height:18px;margin:0 -3px 0 0;padding:0;border:0;border-radius:50%;background:transparent;color:#8c8c8c;line-height:0;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background .15s,color .15s}
.rx svg{display:block;width:10px;height:10px;pointer-events:none}
.rx:hover{background:#2b2b2b;color:#fff}
.rx:focus{outline:none}
.rx:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
.rpw{position:relative}
.rplus{display:grid;place-items:center;width:24px;height:24px;border:1px dashed #3a3a3a;border-radius:50%;background:none;color:var(--muted);cursor:pointer}
.rplus:hover{color:var(--text);border-color:#5a5a5a}
.rpop{left:0;right:auto;min-width:170px}
@media(max-width:640px){.mt-roles .mh,.mt-roles .mr{grid-template-columns:1fr 44px}.mt-roles .mh span:nth-child(2){display:none}.mt-roles .mr .mrl{grid-column:1/-1;order:3}.rl-s{flex-wrap:wrap}.rarr{display:none}}

/* ---- Fixes: icon sizes, spans that were inheriting block layout, colour picker fade ---- */
.rm-pi{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#1b1b1b;color:#8c8c8c;flex:none}
.rm-pi svg,.rplus svg,.rbtn svg,.rgrip svg,.rm-x svg,.rm-cv svg,.rm-dl svg,.rl-h .abtn svg{display:block;flex:none}
.rm-pi svg{width:16px;height:16px}
.rplus{display:grid;place-items:center;flex:none;width:24px;height:24px;padding:0;line-height:0}
.rplus svg{width:14px;height:14px}
.rbtn svg{width:16px;height:16px}
.rm-cv{display:grid;place-items:center;width:20px;height:20px}
.rm-cv svg{width:16px;height:16px}
.rm-cnt{display:inline-block;line-height:1.5}
.rm-cp:not([hidden]){animation:cpin .24s cubic-bezier(.2,.8,.2,1)}
@keyframes cpin{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}
.rm-col:hover{border-color:#2d2d2d}
@media(prefers-reduced-motion:reduce){.rm-cp:not([hidden]){animation:none}}

/* ---- Audit logs + ER:LC pages ---- */
.au-t{margin:22px 0 12px;font-size:24px;font-weight:700;letter-spacing:-.4px;text-align:left}
.au-s{display:flex;gap:10px;align-items:stretch}
.au-s .msearch{flex:1;min-width:0}
.au-r{display:grid;place-items:center;width:42px;flex:none;border:1px solid #1d1d1d;border-radius:14px;background:#0f0f0f;color:var(--muted);cursor:pointer}
.au-r:hover{color:var(--text);background:#151515}
.au-r svg{display:block}
.au-r.spin svg{animation:sp .7s linear infinite}
#au-list{margin-top:14px;display:flex;flex-direction:column;gap:10px}
.aue{position:relative;display:flex;gap:14px;align-items:flex-start;padding:16px 18px;background:#0f0f0f;border:1px solid #1d1d1d;border-radius:16px}
.aua{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#161616;flex:none}
.aub{flex:1;min-width:0}
.auh{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.auh b{font-size:17px;font-weight:600}
.aui{font:12px ui-monospace,Consolas,monospace;color:#8c8c8c}
.aus{font-size:11px;font-weight:600;color:#8c8c8c;border:1px solid #292929;border-radius:999px;padding:1px 8px}
.aut{margin-top:2px;color:#8c8c8c;font-size:12.5px}
.aux{margin-top:10px;font-size:15px}
.aud{margin-top:10px}
.aud summary{cursor:pointer;color:#8c8c8c;font-size:12.5px;width:max-content;user-select:none}
.aud summary:hover{color:var(--text)}
.aud pre{margin:10px 0 0;padding:14px;background:#0a0a0a;border:1px solid #1d1d1d;border-radius:12px;font:12px/1.5 ui-monospace,Consolas,monospace;color:#cfcfcf;overflow:auto;max-height:340px}
.aug{position:absolute;top:16px;right:18px;padding:3px 9px;border:1px solid #292929;border-radius:6px;background:#151515;font:11px ui-monospace,Consolas,monospace;color:#9a9a9a;letter-spacing:.2px}
.au-more{display:flex;justify-content:center;margin-top:14px}
.au-more [hidden]{display:none}
.er{padding:26px 28px}
.er h2{font-size:24px}
.er-d{color:#6f6f6f!important;font-size:14px!important;margin:4px 0 0!important}
.er-h{font-size:19px;font-weight:700;margin:26px 0 0}
.er .abtn{margin-top:14px}
.er .abtn svg{display:block}
.er-empty{margin-top:18px;padding:40px 16px;border:1px dashed #262626;border-radius:12px;text-align:center;color:#6f6f6f;font-size:14px}
@media(max-width:640px){
  .aue{display:grid;grid-template-columns:40px minmax(0,1fr);gap:2px 12px;padding:14px}
  .aub{display:contents}
  .aua{grid-area:1/1/3/2}
  .auh{grid-area:1/2;min-width:0}
  .aut{grid-area:2/2;margin:0}
  .aug{position:static;grid-area:3/1/4/-1;justify-self:start;margin-top:10px}
  .aux{grid-area:4/1/5/-1;margin-top:10px;overflow-wrap:anywhere}
  .aud{grid-area:5/1/6/-1}
  .aud pre{font-size:11.5px}
  .auh b{font-size:16px}
}


/* ---- Phones: drawer navigation for the panel pages ---- */
.dr-left{display:flex;align-items:center;gap:10px;min-width:0}
.dr-btn,.dr-scrim{display:none}
@media(max-width:860px){
  html.has-drawer .dr-btn{display:grid;place-items:center;width:40px;height:40px;margin-left:-6px;border:0;border-radius:10px;background:none;color:#8c8c8c;cursor:pointer;-webkit-tap-highlight-color:transparent}
  html.has-drawer .dr-btn:hover,html.dr-open .dr-btn{color:var(--text)}
  html.has-drawer .dr-scrim{display:block;position:fixed;inset:0;z-index:65;background:rgba(0,0,0,.62);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}
  html.dr-open .dr-scrim{opacity:1;visibility:visible;transition:opacity .25s ease}
  html.dr-open{overflow:hidden}
  html.has-drawer body:has(#panel-page) .aside{position:fixed;z-index:70;top:0;left:0;bottom:0;width:min(86vw,340px);height:100vh;height:100dvh;max-height:none;box-sizing:border-box;padding:16px 12px 28px;background:#0f0f0f;border:0;border-right:1px solid #1d1d1d;border-radius:0 18px 18px 0;overflow-y:auto;overscroll-behavior:contain;transform:translateX(-104%);visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s}
  html.dr-open body:has(#panel-page) .aside{transform:none;visibility:visible;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
  html.has-drawer body:has(#panel-page) .anav{display:flex;flex-direction:column;flex-wrap:nowrap;gap:4px}
  html.has-drawer body:has(#panel-page) .anav>a,html.has-drawer body:has(#panel-page) .anav>.off{width:100%}
  html.has-drawer body:has(#panel-page) .psw{margin-bottom:8px}
  html.has-drawer body:has(#panel-page) .apage{display:block}
  @media(prefers-reduced-motion:reduce){html.has-drawer body:has(#panel-page) .aside,.dr-scrim{transition:none}}
}

/* ---- Owner crown (Members tab) ---- */
.crown,.mwho .crown{display:inline-flex;align-items:center;color:var(--blue);flex:none;margin:0}
.crown svg{display:block;width:17px;height:17px}

.er-empty.on{border-style:solid;border-color:#1f3d2e;background:#0e1a14;color:#34d399;padding:22px 16px}
#er-rm{margin-left:8px}

/* ---- Members: bigger rows, plain avatars, member pop-up ---- */
.mt-roles .mr{padding:14px 18px;cursor:pointer}
.mt-roles .mr:hover{background:#121212}
.mt-roles .mav{width:44px;height:44px}
.mt-roles .mwho{gap:14px}
.mt-roles .mwho b{font-size:16px;font-weight:700;color:#d8d8dc}
.mt-roles .mwho span{font-size:14px;margin-top:1px}
.mt-roles .mdate{font-size:15.5px;color:#9b9ba1}
.rplus{width:28px;height:28px;border:0;color:#9b9ba1}.rplus:hover{background:#1b1b1b;color:#fff}
.rplus svg{width:17px;height:17px}
.mpop{position:fixed;z-index:300;width:min(330px,calc(100vw - 16px));background:#111112;border:1px solid #2a2a2e;border-radius:18px;padding:16px;box-shadow:0 18px 50px rgba(0,0,0,.65);font-family:"Open Sans","Manrope",sans-serif;color:#e7e7e9;text-align:left}
.mph{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.mph .mav{width:56px;height:56px}
.mph b{display:block;font-size:17px;font-weight:700}
.mph span{color:#9b9ba1;font-size:14px}.mph .mnm span{color:inherit}
.mpl{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}
.mpl>b{font-weight:600;color:#d4d4d8}
.mpl .mrl{flex:1;min-width:0}
.mpj{margin:0 0 12px;color:#cfcfd4;font-size:14.5px}
.mpid{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 12px;border:1px solid #232326;border-radius:12px;background:#161618;color:#e0e0e4;font:600 13.5px "Open Sans","Manrope",sans-serif;cursor:pointer;text-align:left}
.mpid:hover{background:#1c1c1f}
.mpid svg{flex:none;color:#9b9ba1}
.mpbtn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:42px;margin-top:14px;border-radius:12px;background:#1d1d20;color:#fff;font:700 14px "Open Sans","Manrope",sans-serif;text-decoration:none}
a.mpbtn:hover{background:#26262a}
.mpbtn.off{color:#7f7f86;cursor:default}

/* ---- Admin: Administrators list (developer only) ---- */
.mh.aa,.mr.aa{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) 150px 96px}
.aaw{display:flex;align-items:center;gap:12px;min-width:0}
.aat{min-width:0}
.aat b,.aat small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aat b{font-size:14.5px;font-weight:600}
.aat small{color:#8c8c8c;font-size:13px}
.aarole{color:#8c8c8c;font-size:13.5px;font-weight:600}
.aarole.dev{color:var(--blue)}
.mr.aa .abtn{justify-self:end;padding:8px 14px}
@media(max-width:860px){.mh.aa{display:none}.mr.aa{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.mr.aa .mdate{display:none}.mr.aa .aarole{grid-column:1;grid-row:2}.mr.aa .abtn{grid-column:2;grid-row:1}}

/* ---- collapsible sidebar ---- */
.aside-top{display:flex;align-items:center;gap:4px;padding-bottom:10px}
.aside-top .psw{flex:1;min-width:0;padding:0}
.aside-tg{flex:none;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:none;color:#8c8c8c;cursor:pointer;transition:background .15s,color .15s}
.aside-tg:hover{background:#181818;color:var(--text)}
.nl{display:inline-block;max-width:220px;overflow:hidden;white-space:nowrap;vertical-align:middle;transition:opacity .2s ease,max-width .3s cubic-bezier(.4,0,.2,1)}
.psw-t,.psw-btn>svg:last-child,.anav .off em{transition:opacity .2s ease,max-width .3s cubic-bezier(.4,0,.2,1)}
.psw-t{max-width:200px}
body:has(#panel-page) .anav a,body:has(#panel-page) .anav .off,.grp-h{transition:padding .3s cubic-bezier(.4,0,.2,1),gap .3s cubic-bezier(.4,0,.2,1),background .15s,color .15s}
@media(min-width:861px){
  body:has(#panel-page) .aside.collapsed{width:68px;padding-left:10px;padding-right:10px}
  .aside.collapsed .aside-top{flex-direction:column;align-items:center;gap:8px}
  .aside.collapsed .psw{width:100%;flex:none}
  .aside.collapsed .psw-btn{justify-content:center;gap:0;padding:8px 0}
  .aside.collapsed .psw-t{opacity:0;max-width:0;overflow:hidden}
  .aside.collapsed .psw-btn>svg:last-child{opacity:0;max-width:0;margin:0;pointer-events:none}
  .aside.collapsed .nl{opacity:0;max-width:0}
  body:has(#panel-page) .aside.collapsed .anav>a,body:has(#panel-page) .aside.collapsed .anav .off,body:has(#panel-page) .aside.collapsed .grp-h{justify-content:center;gap:0;padding-left:0;padding-right:0}
  .aside.collapsed .grp-h .chev,.aside.collapsed .anav .off em{opacity:0;max-width:0;margin:0;width:0}
  .aside.collapsed .grp-b,.aside.collapsed .grp-b[hidden]{display:none}
  .aside.collapsed .psw-menu{right:auto;min-width:250px}
}
@media(max-width:860px){.aside-tg{display:none}.aside-top{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.grp-b,.grp-b a,.psw-menu,.psw-menu>*,.nl,.aside{transition:none!important}}

/* smooth dropdowns: menus stay laid out and fade/slide instead of snapping */
.mmenu,.dsel-m,.ss-selm{transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s}
.mmenu[hidden],.amain .mmenu[hidden],.dsel-m[hidden],.amain .dsel-m[hidden],.ss-selm[hidden],.amain .ss-selm[hidden]{display:block!important;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.98);transform-origin:top right;transition:opacity .16s ease,transform .2s cubic-bezier(.4,0,.2,1),visibility 0s linear .2s}
.dsel-m,.ss-selm{transform-origin:top left;animation:none}
.mmenu:not([hidden]),.dsel-m:not([hidden]),.ss-selm:not([hidden]){animation:none}
@media(prefers-reduced-motion:reduce){.mmenu,.dsel-m,.ss-selm,.mmenu[hidden],.dsel-m[hidden],.ss-selm[hidden]{transition:none!important}}

.mh.sv,.mr.sv{grid-template-columns:minmax(0,1.5fr) 100px minmax(0,1fr) minmax(0,1fr)}
.mr.sv .svid{font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}
@media(max-width:860px){.mh.sv{display:none}.mr.sv{grid-template-columns:minmax(0,1fr) auto}.mr.sv .svid,.mr.sv>:nth-child(3){display:none}}