/* Shared Kinveo appearance and responsive application layout. */
:root, body, .set-wrap {
    --accent: #b4adf5;
    --accent-hover: #c5bfff;
    --accent-dim: rgba(180, 173, 245, .12);
    --primary: #b4adf5;
    --primary-hover: #c5bfff;
    --on-accent: #1a1725;
}
.nav-card { background: #15151a; }
.nav-item.active { background: #24232d; color: #eeeaff; }
.nav-cta, .nav-cta svg { color: #c3bdf5; }
.rail-home, .rail-home:hover, .rail-home.active {
    background: #fff;
    border-color: #fff;
}
.rail-home img { filter: invert(1); }
.rec-hero { background: #15151a; border-color: #2a2931; }
.rec-hero-badge { background: var(--accent-dim); border-color: #7972b5; color: #dcd8fa; }
.rec-hero-play { background: var(--accent); color: var(--on-accent); }
.rec-title, .rec-hero h2 { font-weight: 650; }
.chat-fab { background: #272432; border-color: #464056; }
.chat-fab svg { stroke: #c8c1ff; }
.set-section-body input[type=checkbox] { accent-color: var(--accent); }

/* Watch player: restrained floating controls, matching the app surfaces. */
.video-container { border:1px solid #292730; box-shadow:0 12px 40px #0003; }
.player-start { display:none; }
@media(min-width:769px) {
    .video-container .custom-controls { left:16px;right:16px;bottom:16px;padding:8px 14px 10px;background:rgba(20,19,25,.88);border:1px solid rgba(255,255,255,.12);border-radius:16px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 28px #0005;z-index:6; }
    .video-container.is-paused .custom-controls,.video-container:focus-within .custom-controls { opacity:1; }
    .video-container .progress-bar { height:22px;margin:0 0 4px; }
    .video-container .progress-track,.video-container .progress-filled { height:3px;border-radius:8px; }
    .video-container .progress-track { background:#ffffff24; }
    .video-container .progress-filled { background:#b4adf5; }
    .video-container .progress-filled::after { width:10px;height:10px;background:#e2deff;box-shadow:0 0 0 3px #b4adf522; }
    .video-container .controls-row { gap:12px; }
    .video-container .control-btn,.video-container .cinema-btn,.video-container .speed-btn { width:36px;height:36px;border-radius:10px;padding:8px;opacity:1;color:#dddbe7;transition:background .15s,color .15s; }
    .video-container .control-btn svg,.video-container .cinema-btn svg,.video-container .speed-btn svg { width:19px;height:19px; }
    .video-container #playPauseBtn { background:#b4adf5;color:#211b31; }
    .video-container .control-btn:hover,.video-container .cinema-btn:hover,.video-container .speed-btn:hover { background:#ffffff14;color:#fff; }
    .video-container #playPauseBtn:hover { background:#c5bfff;color:#211b31; }
    .video-container button:focus-visible { outline:2px solid #c5bfff;outline-offset:3px; }
    .video-container .time-display { font-family:Inter,sans-serif;font-size:12px;font-variant-numeric:tabular-nums;color:#aaa7b6;white-space:nowrap; }
    .video-container .volume-container { gap:3px; }
    .video-container .volume-slider { width:64px;height:3px;background:#ffffff24; }
    .video-container .speed-btn { width:auto;min-width:50px;gap:6px; }
    .video-container .speed-btn>svg { display:none; }
    .video-container .speed-btn-label { display:block!important;position:static;background:none;padding:0;font:500 12px Inter,sans-serif;color:inherit; }
    .video-container .speed-menu { background:rgba(24,22,31,.97);border-color:#3d374a;border-radius:13px;padding:6px;min-width:145px;bottom:calc(100% + 18px); }
    .video-container .speed-option { border-radius:8px;padding:9px 12px;color:#c6c1d2; }
    .video-container .speed-option.current { background:#b4adf51a;color:#d5ceff; }
    .video-container.is-paused .player-start { display:grid;place-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;padding:0;border-radius:22px;border:1px solid #ffffff25;background:rgba(27,24,36,.82);backdrop-filter:blur(12px);color:#ddd7ff;z-index:4;cursor:pointer;box-shadow:0 8px 32px #0004; }
    .player-start svg { width:28px;height:28px;margin-left:3px; }
    .player-start:hover { background:#b4adf5!important;color:#211b31!important; }
    .video-spinner { width:38px;height:38px;border-width:2px;border-top-color:#b4adf5; }
}

/* Keep the picture unobstructed: no floating panel behind playback controls. */
@media(min-width:769px) {
    .video-container .custom-controls {
        left:16px;right:16px;bottom:10px;padding:0;
        background:transparent;border:0;border-radius:0;
        backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;
    }
    .video-container .progress-bar { height:18px;margin-bottom:2px; }
    .video-container .controls-row { gap:10px; }
    .video-container .control-btn,.video-container .cinema-btn,.video-container .speed-btn { height:32px;min-height:32px;padding:6px; }
    .video-container .time-display { color:#eee;text-shadow:0 1px 4px #000; }
    .video-container .control-btn,.video-container .cinema-btn,.video-container .speed-btn { filter:drop-shadow(0 1px 2px #0008); }
    .video-container.is-paused .player-start { width:60px;height:60px;border-radius:19px; }
    .video-container .player-start svg { display:block;width:26px;height:26px;margin:0;overflow:visible; }
}

/* Mobile drawer header: server picker and close control share one row. */
@media(max-width:900px) {
    .nav-card { padding-top:calc(14px + env(safe-area-inset-top, 0px)); }
    .nav-card .nav-servers-wrap { padding-right:52px;min-height:54px;margin-bottom:14px; }
    .nav-card .nav-close {
        top:calc(19px + env(safe-area-inset-top, 0px));right:14px;
        width:44px;height:44px;border-radius:11px;
        font-size:23px;line-height:1;padding:0;z-index:2;
    }
    .nav-card .nav-srv-dd { min-width:0;padding:11px 10px;gap:8px; }
    .nav-card .nav-srv-dd-name { min-width:0; }
    .nav-card .nav-srv-dd-panel { right:0; }
}
@media(max-width:900px) {
    .nav-card .nav-servers-wrap { padding-right:62px; }
    .nav-card .nav-srv-dd { height:54px; }
    .nav-card .nav-close { top:calc(14px + env(safe-area-inset-top, 0px));width:54px;height:54px;border-radius:13px; }
    .nav-card [data-nav="connect"],.nav-card [data-nav="feedback"] { display:none!important; }
}

/* Approved library study: shared across the real local frontend. */
:root{--library-heading:radial-gradient(ellipse at 47% 0,#f1eefb,transparent 70%),linear-gradient(105deg,#c1b7ed,#ded7f4 55%,#b5a9e1);--library-ink:#1b1625;--library-muted:#746581}
.app-main{background:radial-gradient(ellipse at 60% -5%,#251f392e,transparent 55%),#080809}
.shell-wordmark{display:none;text-decoration:none!important}.shell-mark{display:inline-block;width:24px;height:34px;background:currentColor;mask:url('/assets/brand/icon-v2.png') -16px -9px/53px 53px no-repeat;mask-mode:luminance;flex:none}.nav-extra-toggle{display:none}.nav-extra-links{display:contents}
@media(min-width:901px){
 .nav-card{top:0;left:64px;right:0;bottom:auto;width:auto;height:80px;padding:0 38px;display:flex;flex-direction:row;align-items:center;gap:28px;border:0;border-bottom:1px solid #25222c;border-radius:0;background:rgba(10,9,12,.97);box-shadow:none;z-index:70}
 .shell-wordmark{display:flex;align-items:center;gap:8px;font-size:25px;font-weight:700;letter-spacing:-1.2px;color:#f1eef7;flex:none}
 .nav-card .nav-list{flex-direction:row;align-items:center;gap:5px;margin:0;min-width:0}
 .nav-card .nav-list-bottom{margin-left:auto;flex:none;gap:7px}
 .nav-card .nav-divider{display:none}.nav-card>.nav-servers-wrap{display:none}
 .nav-card .nav-item{font-size:13px;padding:9px 10px;border-radius:25px;gap:8px;white-space:nowrap;box-shadow:none;background:none;color:#a7a0b2;min-width:0}
 .nav-card .nav-item.active{background:none;color:#eeebf7;font-weight:600}
 .nav-card>.nav-list:not(.nav-list-bottom)>.nav-item>svg{display:none}
 .nav-card [data-nav=chat] .nav-label{max-width:125px;overflow:hidden;text-overflow:ellipsis}
 .nav-card .nav-item:hover{background:#ffffff08;color:#fff}
 .nav-card .nav-list-bottom [data-nav=upload]{background:#b5afff;color:#211b31;border:0;margin:0;padding:10px 17px}
 .nav-card .nav-list-bottom [data-nav=upload]:hover{background:#c7c2ff;color:#211b31}
 .nav-card .nav-list-bottom [data-nav=settings] .nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .nav-card .nav-list-bottom [href='/superadmin']{font-size:0;gap:0}
 .nav-card .nav-list-bottom [href='/superadmin'] svg,.nav-card .nav-list-bottom [data-nav=settings] svg{width:18px;height:18px}
 .nav-card .nav-list-bottom [data-nav=settings],.nav-card .nav-list-bottom [href='/superadmin']{width:36px;height:36px;justify-content:center;padding:8px}
 .nav-card .nav-list-bottom [data-nav=settings].active,.nav-card .nav-list-bottom [href='/superadmin'].active{background:#b5afff15;color:#d6cdff}
 .nav-card .nav-foot{border:0;background:none;padding:0;margin:0;gap:12px}.nav-card .nav-foot-name{display:none}.nav-card .nav-foot-ava{width:30px;height:30px}.nav-card .nav-foot-out{color:#88808f}
 .nav-extra{position:relative;flex:none}.nav-extra-toggle{display:grid;place-items:center;width:34px;height:34px;background:none;border:0;color:#aaa0b7;border-radius:50%;cursor:pointer}.nav-extra-toggle:hover,.nav-extra.open .nav-extra-toggle{background:#25202d;color:white}
 .nav-extra-links{display:none;position:absolute;top:calc(100% + 18px);left:0;min-width:245px;padding:8px;background:#17131d;border:1px solid #37303e;border-radius:14px;box-shadow:0 20px 60px #0007}.nav-extra.open .nav-extra-links{display:block}.nav-extra-links .nav-item{border-radius:8px;padding:11px 12px}
 .app-main,.app-main.chat-main{margin-left:64px;padding-top:80px}.super-tabs-wrap{top:80px;z-index:55}
 .rec-wrap,.up,.set-wrap,.co-wrap,.cd-wrap,.ca-wrap{max-width:1420px;margin:0 auto;padding:44px 48px 80px}
 .up{max-width:1240px}.app-main.chat-main{height:100dvh}.app-main:has(#tab-servers.active){height:100dvh}
}
.rec-header,.up-header,.co-head,.overview-wrap>.section-header,.server-editor-inline>.server-modal-header{background:var(--library-heading);border:1px solid #eee7ff50;border-radius:14px;color:var(--library-ink);padding:30px 32px;margin-bottom:30px}
.rec-title,.up h1,.co-head h1,.overview-wrap .page-title{font-size:34px;font-weight:500;line-height:1.2;letter-spacing:-1.1px;color:var(--library-ink);margin:8px 0 0}
.rec-eyebrow,.up-eyebrow{color:var(--library-muted);font-size:11px;font-weight:500;text-transform:none;letter-spacing:0;margin:0}
.rec-search{width:360px}.rec-search input{background:#f6f2ff66;border-color:#87779744;color:#2b2035;border-radius:30px;font-size:12px;padding-top:13px;padding-bottom:13px}.rec-search input::placeholder{color:#7a6a88}.rec-search svg{color:#746481}
.rec-filter-btn{background:#f6f2ff66;border-color:#87779744;color:#3e3050;border-radius:25px}.rec-hero{display:none!important}.rec-month{margin-bottom:42px}.rec-month-head{margin-bottom:22px}.rec-month-head h3{font-weight:500;font-size:16px}.rec-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.rec-thumb{border-radius:10px}.rec-info h4{font-size:14px;font-weight:500}.rec-info-meta{font-size:11px;color:#88808f}
.up h1{margin-bottom:0}.up-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.up-mode{aspect-ratio:auto;min-height:155px;border-radius:14px;background:#121115;border-color:#302936;box-shadow:none;padding:25px}.up-mode.selected{background:#b5afff0d;border-color:#8d81b5}.up-mode strong{font-size:16px;font-weight:500}.up-mode-icon{background:#b5afff12;color:#c3b7ec;border:1px solid #b5afff20}.up-editor{background:#121115;border-color:#302936;border-radius:14px;box-shadow:none}.up-provider{border-radius:12px;background:#16131b;border-color:#2d2734}.up-provider.selected{border-color:#9683c2;background:#b5afff0d}.up-check,.up-publish{border-radius:25px;background:#b5afff;color:#211b31}.up input:not([type=file]),.up-date-trigger{border-radius:11px;background:#0d0c10;border-color:#302936}.up-jobs-header h2{font-weight:500}
.set-hero{background:var(--library-heading);color:var(--library-ink);border-color:#eee7ff50;padding:30px 32px;border-radius:14px 14px 0 0}.set-hero h1{font-weight:500;font-size:32px;color:var(--library-ink)}.set-hero p,.set-hero-eyebrow{color:var(--library-muted)}.bento{background:#121115;border-color:#302936;border-radius:0 0 14px 14px}.bento .card{border-color:#2b2631}.set-section-body .form-select,.set-section-body input,.set-section-body select{border-radius:11px}.btn-primary,.co-btn-primary,.an-post-btn{border-radius:25px}.set-wrap .an-post-btn{background:#b5afff;color:#211b31}.co-head p{font-size:13px;color:#746581}.co-head .co-btn,.co-head .co-btn-primary{background:#201928;color:#f3edf9;border-color:transparent}.co-card,.ca-card,.ca-course-row,.ca-mod{background:#121115;border-color:#302936;border-radius:14px}.ca-ed-top{border-radius:14px;background:var(--library-heading);padding:18px 24px;margin-bottom:24px}.ca-ed-top .co-back{color:#463651}.ca-top-actions .co-btn-primary{background:#211b2b;color:white}.ca-ed-top .ca-trash{color:#80576c}.ca-ed-top .ca-unpublish{color:#463651;background:#ffffff40;border-color:#87779744}.ca-input{border-radius:10px}.ca-summary-head{font-weight:500}.ca-ed-bar h2{font-weight:500}
.super-tabs-wrap{background:#0d0b10;border-color:#28222e;backdrop-filter:none}.super-tabs{background:none;box-shadow:none;border:0;gap:7px;max-width:none}.super-tab{border-radius:25px}.super-tab.active{background:#b5afff17;color:#d7cff4;box-shadow:none}.srv-list-col{background:#0d0b10;border-color:#28222e}.srv-item.selected{background:#b5afff12}.server-editor-inline .server-modal-tab-content{background:#121115;border-color:#302936;border-radius:14px}.server-editor-inline>.server-modal-header{padding:24px 28px;margin-bottom:24px}.server-editor-inline>.server-modal-header h3{color:#21192d;font-size:28px;font-weight:500;letter-spacing:-.7px}.overview-wrap{max-width:1420px}.overview-wrap .page-subtitle{color:#746581;font-size:12px}.overview-wrap .refresh-btn{color:#34243f;border-color:#87779744;background:#ffffff40;border-radius:25px}.overview-table-wrap,.volume-panel,.status-table{border-color:#302936;border-radius:14px}.status-table thead{background:#17131d}.overview-toggle.on{background:#b5afff}.volume-panel{background:#121115}.activity-stats,.activity-controls{border-color:#302936}.chat-page,.chat-sidebar{background:#100e13}.chat-history-item.active{background:#b5afff12}.chat-input-wrapper{border-radius:24px;border-color:#3b3145}.summary-box{background:#121115;border-color:#302936;box-shadow:none}.summary-box-title{font-weight:500}.fb-title,.cw-wrap h1{font-weight:500!important;letter-spacing:-1px}.fb-submit,.cw-btn{border-radius:25px}
@media(min-width:901px) and (max-width:1100px){.nav-card{padding:0 20px;gap:18px}.nav-card .nav-item{font-size:12px;padding:9px 8px}.shell-wordmark{font-size:23px}.nav-card [data-nav=chat] .nav-label{max-width:105px}.nav-card .nav-foot-out{display:none}.rec-wrap,.up,.set-wrap,.co-wrap,.cd-wrap,.ca-wrap{padding:30px}.rec-header{gap:20px}.rec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rec-search{width:280px}.rec-title{font-size:30px}}
@media(max-width:900px){
 .shell-wordmark,.nav-extra-toggle{display:none}.nav-extra-links{display:contents}.nav-card .nav-extra{display:contents}.app-main{padding-top:56px}.super-tabs-wrap{top:56px}
 .rec-wrap{padding:22px 16px 96px}.rec-header{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:22px;margin-bottom:26px}.rec-header>div:first-child{display:block}.rec-header .rec-head-right{width:100%}.rec-header .rec-search{display:block;flex:1;width:100%;max-width:none;margin:0}.rec-header .rec-search input{padding-top:11px;padding-bottom:11px}.rec-header .rec-filter{flex:none}.rec-title{font-size:29px}.rec-month-head{margin:24px 0 18px}.rec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.rec-info h4{font-size:13px}.rec-info-meta{font-size:10px}
 .up,.set-wrap,.co-wrap,.cd-wrap,.ca-wrap{padding:22px 16px 60px}.up-header,.co-head,.overview-wrap>.section-header{padding:22px;border-radius:12px;margin-bottom:24px}.up h1,.co-head h1,.overview-wrap .page-title{font-size:28px}.up-modes{gap:12px}.up-mode{min-height:140px;padding:17px}.up-mode strong{font-size:14px}.set-hero{padding:24px}.set-hero h1{font-size:28px}.server-editor-inline>.server-modal-header{padding:22px}.server-editor-inline>.server-modal-header h3{font-size:24px}.ca-ed-top{padding:16px;flex-wrap:wrap;gap:12px}.ca-top-actions{gap:8px}.co-head{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.app-main,.co-wrap,.cd-wrap,.ca-wrap{animation:none}}

@media(max-width:600px){.rec-grid{grid-template-columns:1fr}}
/* The server editor owns its scrolling, so its tab row stays in normal flow. */
.app-main:has(#tab-servers.active) .super-tabs-wrap{position:relative;top:0}
.nav-avatar-initial{display:grid;place-items:center;background:#b5afff1c;color:#dcd5f3;font-size:12px;font-weight:600}
/* Fixed course drawers must remain anchored to the viewport. */
.co-wrap,.cd-wrap,.ca-wrap,.cw-shell{animation:none;transform:none}
.ca-acc-panel{background:#121015;border-color:#302936}
.ca-acc-section-title{color:#c5b7de}
#tab-activity>.container{max-width:1420px!important}
#tab-activity>.container>.section-header{background:var(--library-heading);color:var(--library-ink);padding:30px 32px;border-radius:14px;margin-bottom:30px}
#tab-activity>.container>.section-header .page-title{color:var(--library-ink);font-size:34px;font-weight:500;letter-spacing:-1.1px}
#tab-activity>.container>.section-header .last-refresh{color:var(--library-muted)}
#tab-activity>.container>.section-header .refresh-btn{background:#ffffff40;border-color:#87779744;color:#34243f;border-radius:25px}
#tab-activity .stat-card,#tab-activity .section{background:#121115;border-color:#302936;border-radius:14px}
#tab-activity h2{font-weight:500}
@media(max-width:900px){#tab-activity>.container>.section-header{padding:22px;gap:14px;flex-wrap:wrap}#tab-activity>.container>.section-header .page-title{font-size:28px}}
.fb-head,.cw-wrap>h1{background:var(--library-heading);border:1px solid #eee7ff50;border-radius:14px;padding:26px 28px;margin-bottom:24px;color:var(--library-ink)}
.fb-head .fb-title{color:var(--library-ink);margin:0;font-size:32px}
.cw-wrap>h1{font-size:32px;line-height:1.2}
.cw-wrap h3,.chat-empty h2{font-weight:500}
.cw-wrap .cw-copy{border-radius:25px}
@media(max-width:900px){.fb-head,.cw-wrap>h1{padding:22px}.fb-head .fb-title,.cw-wrap>h1{font-size:28px}}
/* Account actions live in one compact profile dropdown. */
.nav-card .nav-profile{position:relative;flex:none;padding:0;border:0;background:none}
.nav-profile-toggle{display:flex;align-items:center;gap:8px;max-width:220px;height:40px;padding:4px 10px 4px 5px;background:#17141c;border:1px solid #302936;border-radius:12px;color:#e9e3f1;font:500 12px Inter,sans-serif;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}
.nav-profile-toggle:hover,.nav-profile.open .nav-profile-toggle{background:#221d29;border-color:#51435f}
.nav-card .nav-profile .nav-foot-name{display:block;min-width:0;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font:inherit}
.nav-profile .nav-foot-ava{width:28px;height:28px;flex:none}
.nav-profile-chevron{flex:none;margin-left:2px;color:#a79ab6;transition:transform .15s}
.nav-profile.open .nav-profile-chevron{transform:rotate(180deg)}
.nav-profile-menu{display:none;position:absolute;top:calc(100% + 10px);right:0;width:230px;padding:6px;background:#17131d;border:1px solid #37303e;border-radius:14px;box-shadow:0 16px 45px #0007;z-index:80}
.nav-profile.open .nav-profile-menu{display:block}
.nav-profile-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:9px;color:#ded5e8;font-size:13px;font-weight:500;white-space:nowrap;text-decoration:none}
.nav-profile-item svg{flex:none;color:#b8a9ca}
.nav-profile-item:hover,.nav-profile-item:focus-visible,.nav-profile-item.active{background:#b5afff13;color:#f5f0fb;text-decoration:none}
.nav-profile-toggle:focus-visible,.nav-profile-item:focus-visible{outline:2px solid #b5afff;outline-offset:2px}
.nav-profile-item.nav-profile-logout,.nav-profile-logout svg{color:#f18f99}
.nav-profile-logout:hover,.nav-profile-logout:focus-visible{background:#ef444416;color:#ffa8af}
@media(max-width:900px){.nav-card .nav-profile{width:100%}.nav-profile-toggle{width:100%;max-width:none;height:46px}.nav-profile-chevron{margin-left:auto}.nav-profile-menu{top:auto;bottom:calc(100% + 10px);width:100%}.nav-card .nav-profile .nav-foot-name{max-width:170px}}
@media(min-width:901px) and (max-width:1100px){.nav-card{gap:14px}.nav-card .nav-profile .nav-foot-name{max-width:88px}}
@media(max-width:900px){.nav-card{z-index:90}.shell-overlay{z-index:89}}
/* Primary header actions and the explicit AI launcher. */
.nav-card .nav-list-bottom .nav-cta{background:#b5afff;color:#211b31;border:0;margin:0;padding:10px 17px;border-radius:25px}
.nav-card .nav-list-bottom .nav-cta svg{color:inherit}
.nav-card .nav-list-bottom .nav-cta:hover{background:#c7c2ff;color:#211b31}
.chat-fab{width:auto;min-width:104px;height:46px;padding:0 17px;gap:9px;border:1px solid #464056;border-radius:15px;background:#272432;color:#e4dcff;font:500 13px Inter,sans-serif;box-shadow:0 8px 28px #0005}
.chat-fab svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
.chat-fab:hover{background:#352d43;box-shadow:0 10px 30px #0006}
@media(min-width:901px) and (max-width:1150px){.nav-card{padding:0 16px;gap:12px}.shell-wordmark{font-size:0;gap:0}.nav-card .nav-item{font-size:12px;padding:9px 7px}.nav-card .nav-list-bottom .nav-cta{padding:10px 12px}.nav-card .nav-list-bottom .nav-cta svg{display:none}.nav-card .nav-profile .nav-foot-name{max-width:80px}}
@media(max-width:900px){.nav-card .nav-list-bottom .nav-cta{justify-content:center;margin-bottom:5px}.chat-fab{height:44px;min-width:100px}}
.rail-home{display:none!important}
.chat-fab,.chat-fab svg{color:#e4dcff!important}.chat-fab svg{fill:none!important;stroke:#e4dcff}
/* Give the primary destinations more presence in the header. */
@media(min-width:901px){
 .nav-card>.nav-list:not(.nav-list-bottom){gap:7px}
 .nav-card>.nav-list:not(.nav-list-bottom)>.nav-item{font-size:14px;font-weight:550;color:#d1c9dd;padding:10px 13px;border-radius:10px;transition:background .15s,color .15s}
 .nav-card>.nav-list:not(.nav-list-bottom)>.nav-item:hover{background:#ffffff0d;color:#fff}
 .nav-card>.nav-list:not(.nav-list-bottom)>.nav-item.active{background:#b5afff18;color:#eee8ff;font-weight:600;box-shadow:inset 0 0 0 1px #b5afff22}
}
@media(min-width:901px) and (max-width:1150px){
 .nav-card>.nav-list:not(.nav-list-bottom){gap:4px}
 .nav-card>.nav-list:not(.nav-list-bottom)>.nav-item{font-size:13px;padding:10px 8px}
 .nav-card .nav-profile .nav-foot-name{max-width:64px}
}

/* Consistent server identity across library administration pages. */
.server-page-eyebrow,.set-hero .set-hero-eyebrow{display:block;color:var(--library-muted);font-size:11px;font-weight:500;text-transform:none;letter-spacing:0;margin:0 0 8px;padding:0}
.rec-header>div:first-child,.co-head>div:first-child,.up-header>div,.set-hero-text{min-width:0}
.rec-title,.co-head h1,.up-header h1,.set-hero h1{overflow-wrap:anywhere}
.rec-head-right{flex-shrink:0}

/* Keep the selected community unmistakable without changing rail spacing. */
.rail-server.active {
    overflow:visible;
    border-radius:14px;
    background:#b4adf5;
    color:#211b31;
    box-shadow:0 0 0 2px #0c0c0e,0 0 0 5px #c5bfff;
}
.rail-server.active img { border-radius:inherit; }
.rail-server.active::before {
    content:'';
    position:absolute;
    left:-10px;
    top:6px;
    width:4px;
    height:32px;
    border-radius:0 4px 4px 0;
    background:#e1dcff;
}
.rail-servers { padding-top:6px;padding-bottom:6px; }