@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101512;--panel:#171e1a;--panel2:#1c2520;--line:#2b3830;--text:#edf2ed;--muted:#8d9b91;--green:#b8f36c;--green2:#8ed84d;--gold:#c8a66b;--red:#f17e7e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(430px,.95fr);background:radial-gradient(ellipse at 20% 20%,#1a2b21 0,transparent 45%),#101512}.brand-panel{padding:54px 8vw 34px 8vw;display:flex;flex-direction:column;position:relative;overflow:hidden;border-right:1px solid #26332b;background:linear-gradient(145deg,rgba(14,25,18,.88),rgba(13,18,16,.95))}.brand-panel:before{content:'L';position:absolute;font-family:Manrope;font-size:620px;font-weight:800;line-height:1;color:rgba(184,243,108,.025);right:-80px;bottom:-190px;pointer-events:none}.brand{display:flex;align-items:center;gap:13px;position:relative;z-index:1}.lion-mark{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#d8bb82,#a47b3d);color:#151812;font:800 25px Manrope;box-shadow:0 8px 30px #c8a66b22}.brand strong{font:800 19px Manrope;display:block;letter-spacing:-.5px}.brand strong span{color:#aab5ad;margin-left:4px}.brand small{display:block;color:#839087;font-size:9px;letter-spacing:2px;margin-top:3px}.brand-copy{margin:auto 0;max-width:560px;position:relative;z-index:1;padding:70px 0}.eyebrow{font-size:10px;letter-spacing:2px;color:#9cab9f;font-weight:700}.eyebrow i,.secure-dot,.online-indicator i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 12px #b8f36c88}.brand-copy h1{font:800 clamp(42px,5vw,68px)/1.1 Manrope;letter-spacing:-2.8px;margin:23px 0 19px}.brand-copy h1 em,.welcome-state h2 em{font-style:normal;color:var(--green)}.brand-copy>p{font-size:16px;line-height:1.8;color:#9ba89f;max-width:470px;margin-bottom:44px}.feature{display:flex;align-items:center;gap:15px;margin:22px 0}.feature>span{width:38px;height:38px;border:1px solid #394b3d;background:#1a281e;border-radius:11px;display:grid;place-items:center;color:var(--green);font-size:19px}.feature b,.feature small{display:block}.feature b{font-size:13px}.feature small{color:#89968d;font-size:11px;margin-top:4px}.brand-foot{color:#6e7c72;font-size:9px;letter-spacing:1.7px;position:relative;z-index:1}.brand-foot span{color:var(--gold);padding:0 7px}.login-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:55px 30px}.login-card{width:min(410px,100%)}.login-card h2{font:800 34px Manrope;margin:12px 0 7px;letter-spacing:-1px}.muted{color:var(--muted);margin:0 0 35px}.login-card label,.modal label{display:block;font-size:12px;font-weight:700;color:#c4cec6;margin:18px 0 8px}.field,.modal input,.modal select{width:100%;background:#111814;border:1px solid #344138;color:var(--text);border-radius:10px;padding:14px 15px;outline:none}.field:focus,.modal input:focus,.modal select:focus{border-color:#9bd85d;box-shadow:0 0 0 3px #b8f36c14}.primary{background:linear-gradient(135deg,#c7f58a,#9bdd5b);color:#172013;border:0;border-radius:10px;padding:13px 17px;font-weight:800;box-shadow:0 8px 25px #a9e86618}.primary:hover{filter:brightness(1.06)}.primary span{margin-left:12px}.wide{width:100%;margin-top:26px}.login-note{color:#7f8d83;font-size:11px;text-align:center;margin-top:26px}.login-panel footer{position:absolute;bottom:25px;color:#65736a;font-size:10px}.mobile-brand{display:none}.alert{background:#442727;color:#ffc0c0;border:1px solid #744040;padding:11px;border-radius:9px;margin-bottom:15px}
.app-shell{height:100vh;min-height:600px;display:grid;grid-template-columns:265px 1fr;background:var(--bg)}.sidebar{background:#141b17;border-right:1px solid var(--line);padding:25px 17px 15px;display:flex;flex-direction:column;min-height:0}.brand.compact{padding:0 7px 35px}.compact .lion-mark{width:39px;height:39px;border-radius:12px;font-size:22px}.compact strong{font-size:15px}.compact strong span{display:block;margin:1px 0 0;font-size:13px}.compact small{font-size:8px;letter-spacing:1.7px}.side-label{font-size:9px;letter-spacing:1.7px;color:#68776c;font-weight:800;padding:0 10px 10px}.side-item{border:0;background:transparent;color:#aab6ad;width:100%;text-align:left;padding:12px 11px;border-radius:9px;margin:2px 0;font-size:12px}.side-item span{color:#93a398;font-size:16px;width:27px;display:inline-block}.side-item:hover,.side-item.active{background:#243329;color:#d9f7bd}.side-item.active{box-shadow:inset 2px 0 var(--green)}.contacts-label{margin-top:31px}.contact-list{overflow:auto}.contact-row{width:100%;display:flex;align-items:center;gap:10px;background:none;border:0;color:#c4cec6;padding:9px 8px;text-align:left;border-radius:8px}.contact-row:hover{background:#202a23}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;background:#34483a;color:#c9f39d;font-weight:800;font-size:12px}.avatar.self{background:#344235;color:#d8e9c8}.contact-row small{display:block;color:#829087;font-size:10px;margin-top:2px}.empty-small{font-size:11px;color:#728077;padding:12px 8px}.side-bottom{margin-top:auto}.profile{display:flex;align-items:center;gap:10px;padding:13px 5px;border-top:1px solid var(--line)}.profile-info{min-width:0;flex:1}.profile-info b,.profile-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-info b{font-size:12px}.profile-info small{font-size:10px;color:#859188;margin-top:3px}.profile form{margin:0}.icon-btn{background:#202a23;border:1px solid #334137;color:#9cac9f;border-radius:8px;width:31px;height:31px}.admin-link{width:100%;text-align:left;background:transparent;border:0;color:#8d9b91;font-size:11px;padding:10px 8px}.main{min-width:0;display:flex;flex-direction:column}.topbar{height:94px;border-bottom:1px solid var(--line);padding:0 35px;display:flex;align-items:center;justify-content:space-between}.topbar h1{font:700 21px Manrope;margin:6px 0 0;letter-spacing:-.5px}.top-actions{display:flex;align-items:center;gap:20px}.online-indicator{font-size:10px;color:#8c9a90}.online-indicator i{width:6px;height:6px}.new-chat{border:1px solid #41533f;background:#1c2a20;color:#c5ef9b;padding:10px 14px;border-radius:9px;font-weight:700;font-size:11px}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);flex:1;min-height:0}.chat-list-panel{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:#141b17}.chat-list-head{padding:24px 20px 15px;display:flex;align-items:center;justify-content:space-between}.chat-list-head h3{font:700 14px Manrope;margin:0}.count-pill{background:#29372c;color:#b8f36c;border-radius:30px;padding:3px 9px;font-size:10px}.search-wrap{margin:0 16px 13px;background:#1c2520;border:1px solid #2c3a30;border-radius:9px;display:flex;align-items:center;padding:0 10px;color:#8c9a90}.search-wrap input{background:transparent;border:0;outline:0;color:white;width:100%;padding:10px;font-size:11px}.chat-list{overflow:auto;padding:0 9px 15px}.chat-item{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:var(--text);text-align:left;padding:12px 10px;border-radius:10px}.chat-item:hover,.chat-item.selected{background:#233128}.chat-item.selected{box-shadow:inset 2px 0 var(--green)}.chat-item .avatar{width:39px;height:39px}.chat-meta{min-width:0;flex:1}.chat-meta strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-meta small{display:block;font-size:10px;color:#87948b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.chat-time{font-size:9px;color:#718077;align-self:flex-start;padding-top:3px}.empty-state{color:#7e8c82;font-size:11px;line-height:1.7;text-align:center;padding:55px 20px}.conversation-panel{min-width:0;display:flex;flex-direction:column;position:relative;background:radial-gradient(ellipse at 55% 50%,#17231a 0,transparent 58%),#101512}.welcome-state{margin:auto;text-align:center;max-width:400px;padding:30px}.welcome-icon{width:65px;height:65px;border:1px solid #40513e;background:#1e2d21;color:var(--green);border-radius:20px;display:grid;place-items:center;font-size:26px;margin:0 auto 25px}.welcome-state h2{font:800 31px/1.2 Manrope;letter-spacing:-1.2px;margin:14px 0}.welcome-state p{font-size:12px;color:#8e9b91;line-height:1.8;margin:0 auto 24px;max-width:320px}.chat-header{height:72px;display:flex;align-items:center;padding:0 23px;border-bottom:1px solid var(--line);gap:12px;background:#151d18}.chat-header .avatar{width:38px;height:38px}.chat-header strong{font-size:12px;display:block}.chat-header small{font-size:10px;color:#8a998e;display:block;margin-top:4px}.messages{flex:1;overflow:auto;padding:25px clamp(18px,5vw,65px);display:flex;flex-direction:column;gap:12px}.message-row{display:flex;flex-direction:column;max-width:min(72%,560px);align-self:flex-start}.message-row.mine{align-self:flex-end}.message-sender{font-size:9px;color:#87958b;margin:0 0 5px 4px}.bubble{background:#202b24;border:1px solid #2e3b32;padding:11px 14px;border-radius:4px 14px 14px 14px;color:#e5ece6;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.mine .bubble{background:#2b432c;border-color:#3e5b38;border-radius:14px 4px 14px 14px}.message-time{font-size:9px;color:#718078;margin:5px 3px 0}.composer{display:flex;align-items:flex-end;gap:10px;padding:15px 22px 19px;border-top:1px solid var(--line);background:#151d18}.composer textarea{flex:1;resize:none;max-height:130px;min-height:43px;border:1px solid #354239;border-radius:11px;background:#101713;color:white;padding:12px 14px;outline:0;font:12px 'DM Sans';line-height:1.5}.composer textarea:focus{border-color:#8fcf54}.send-btn{width:43px;height:43px;border:0;border-radius:11px;background:var(--green);color:#162013;font-size:19px;font-weight:900}.composer-hint{font-size:9px;color:#65736a;padding:0 23px 9px;background:#151d18}.modal-backdrop{position:fixed;inset:0;background:#0009;display:none;align-items:center;justify-content:center;padding:20px;z-index:10}.modal-backdrop.open{display:flex}.modal{width:min(460px,100%);background:#1a231d;border:1px solid #3a493d;border-radius:17px;padding:24px;box-shadow:0 25px 90px #0009}.modal h3{font:700 18px Manrope;margin:0 0 7px}.modal p{font-size:11px;color:#8f9d93;line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.secondary{background:#28342c;color:#c8d3ca;border:1px solid #405044;border-radius:9px;padding:10px 14px}.modal .primary{padding:10px 15px}.user-checks{max-height:230px;overflow:auto;border:1px solid #354239;border-radius:10px;padding:6px}.user-check{display:flex;align-items:center;gap:9px;padding:9px;font-size:12px}.user-check input{width:auto}.user-table{width:100%;border-collapse:collapse;font-size:11px}.user-table td,.user-table th{text-align:left;padding:9px 5px;border-bottom:1px solid #344138}.user-table th{color:#91a095}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#293a2c;border:1px solid #54734b;color:#d9f5c0;padding:11px 17px;border-radius:10px;font-size:11px;transition:.2s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-menu{display:none}
@media(max-width:1000px){.app-shell{grid-template-columns:225px 1fr}.workspace{grid-template-columns:275px minmax(0,1fr)}.topbar{padding:0 22px}.sidebar{padding-left:12px;padding-right:12px}}
@media(max-width:720px){.login-shell{display:block;min-height:100vh}.brand-panel{display:none}.login-panel{min-height:100vh;padding:30px 24px}.mobile-brand{display:flex;align-items:center;gap:10px;font:800 15px Manrope;margin-bottom:65px}.mobile-brand .lion-mark{width:36px;height:36px;font-size:20px}.login-panel footer{position:static;margin-top:auto;padding-top:55px}.app-shell{display:block;height:100dvh;min-height:0}.sidebar{position:fixed;z-index:8;left:-280px;top:0;bottom:0;width:265px;transition:left .2s;box-shadow:15px 0 40px #0006}.sidebar.open{left:0}.topbar{height:75px;padding:0 15px}.topbar h1{font-size:17px}.top-actions{gap:10px}.online-indicator{display:none}.mobile-menu{display:block;background:#202a23;border:1px solid #354239;color:#d6e2d8;border-radius:8px;width:35px;height:35px}.new-chat{padding:9px 10px}.workspace{display:block;height:calc(100dvh - 75px)}.chat-list-panel{height:100%;border-right:0}.conversation-panel{display:none;height:100%}.conversation-panel.mobile-open{display:flex}.chat-list-panel.mobile-hidden{display:none}.chat-list-head{padding-top:18px}.messages{padding:17px 14px}.message-row{max-width:86%}.composer{padding:12px}.composer-hint{padding-left:13px}.chat-header{height:63px;padding:0 14px}}

.update-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.update-status>div{background:rgba(255,255,255,.035);border:1px solid var(--line,#29332d);border-radius:12px;padding:12px}.update-status small{display:block;color:var(--muted,#9aa69e);font-size:10px;letter-spacing:.09em;margin-bottom:6px}.update-status strong{font-size:14px}.update-note{padding:12px;border-radius:10px;background:rgba(124,190,137,.08);color:var(--muted,#aab5ad);font-size:12px;line-height:1.5;margin:12px 0}.field[type=file]{width:100%;padding:10px}.admin-link{cursor:pointer}

/* LMS 1.3.0 – LFS-einheitliches, helles Administrationslayout */
:root{--lms-green:#75b843;--lms-ink:#25313d;--lms-muted:#82909d;--lms-border:#e6ebef;--lms-bg:#f5f7f9}
body{background:var(--lms-bg);color:var(--lms-ink)}
.app-shell{height:100vh;min-height:650px;grid-template-columns:256px minmax(0,1fr);background:#f5f7f9}
.sidebar{background:#fff;border-right:1px solid #e7ebef;padding:24px 20px 15px;color:#718090;box-shadow:2px 0 12px rgba(30,45,60,.025)}
.brand.compact{padding:0 4px 48px;gap:12px;display:flex;align-items:center}.compact .lion-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#e56a24,#b83d08);color:#fff;font-size:16px;font-weight:900;box-shadow:0 5px 14px #d95c2530}.compact strong{font-size:14px;color:#26313b;letter-spacing:-.25px}.compact strong span{display:block}.compact small{display:block;font-size:10px;letter-spacing:0;color:#8b98a4;margin-top:4px;text-transform:none}
.side-label{font-size:10px;letter-spacing:1.25px;color:#94a0ab;padding:0 11px 12px}.side-item{position:relative;color:#788795;padding:12px 11px;border-radius:8px;font-size:13px;font-weight:650;margin:2px 0}.side-item span{color:#84929e;width:27px;font-size:15px}.side-item:hover,.side-item.active{background:#f0f6eb;color:#527e30;box-shadow:none}.side-item.active span{color:#6caa3c}.side-item.active:before{content:"";position:absolute;left:-20px;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:#79b94a}.side-spacer{flex:1;min-height:25px}.side-version{font-size:10px;color:#95a1ad;padding:12px 11px}.profile{border-top:1px solid #e8edf1;padding:17px 5px 10px;gap:10px}.profile .avatar{background:#7148d8;color:white;border-radius:12px}.profile-info b{color:#34404b;font-size:12px}.profile-info small{color:#82909d}.icon-btn,.top-icon-btn{position:relative;background:#f7f9fb;border:1px solid #e4eaf0;color:#7f8d99;border-radius:50%;width:37px;height:37px;font-size:16px}.icon-btn i,.top-icon-btn i{position:absolute;right:2px;top:2px;width:7px;height:7px;border-radius:50%;background:#e35d58;border:1px solid white}.logout-form{margin:0}.admin-link{color:#83909d;padding:10px 9px;font-size:12px;font-weight:650}.main{background:#f5f7f9}.topbar{height:82px;background:#fff;border-bottom:1px solid #e7ebef;padding:0 34px}.topbar h1{color:#27333e;font-size:21px}.topbar .eyebrow{color:#95a1ac}.top-actions{gap:14px}.online-indicator{color:#84919c}.online-indicator i{background:#71b947}.new-chat{background:#6fae3d;color:white;border:0;border-radius:8px;padding:11px 16px;font-size:12px}.new-chat:hover,.primary:hover{filter:brightness(.97)}.mobile-menu{background:#f5f7f9;border:1px solid #e3e9ee;color:#687783}
.dashboard-view{padding:30px 34px 40px;overflow:auto;flex:1}.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px}.dashboard-welcome h2{font-size:22px;letter-spacing:-.5px;margin:7px 0;color:#27333e}.dashboard-welcome p,.dashboard-card>p{font-size:12px;color:#87939e;margin:0}.dashboard-welcome .primary{background:#73b343;color:#fff;border:0;border-radius:8px;padding:11px 15px;font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat-card,.dashboard-card{background:#fff;border:1px solid #e8edf1;border-radius:12px;padding:20px;box-shadow:0 3px 12px rgba(33,51,68,.025)}.stat-card{position:relative;min-height:135px}.stat-icon{float:right;width:34px;height:34px;border-radius:10px;background:#f0f6eb;color:#6fae3d;display:grid;place-items:center;font-size:17px}.stat-card small{display:block;color:#87939e;font-size:11px;margin:5px 0 13px}.stat-card strong{display:block;color:#2d3944;font-size:27px;letter-spacing:-.7px}.stat-card em{font-style:normal;color:#9aa5ae;font-size:10px;display:block;margin-top:5px}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:17px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.card-heading h3{font-size:16px;margin:5px 0 0;color:#2d3944}.card-heading .eyebrow{font-size:9px;color:#9aa5ae}.text-action{border:0;background:transparent;color:#6fae3d;font-size:11px;font-weight:700}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.quick-actions button{border:1px solid #e9eef2;background:#fff;border-radius:10px;text-align:left;padding:14px 12px;color:#34404b}.quick-actions button span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f0f6eb;color:#6fae3d;font-size:17px;margin-bottom:12px}.quick-actions button b{display:block;font-size:11px}.quick-actions button small{display:block;color:#97a2ac;font-size:9px;margin-top:5px}.status-pill{background:#eff7eb;color:#659c3d;border-radius:30px;padding:6px 10px;font-size:10px}.status-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#78b94b;margin-right:5px}.system-row{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #eef1f4;font-size:11px;color:#8995a0}.system-row:last-child{border:0}.system-row b{color:#52606c}.workspace{background:#f5f7f9}.chat-list-panel{background:#fff;border-right:1px solid #e7ebef}.chat-list-head h3{color:#34404b}.search-wrap{background:#f7f9fb;border-color:#e7edf1;color:#87939e}.search-wrap input{color:#35424d}.chat-item{color:#35424d}.chat-item:hover,.chat-item.selected{background:#f1f7ec}.chat-item.selected{box-shadow:inset 3px 0 #79b94a}.chat-meta small,.chat-time{color:#8d9aa5}.avatar{background:#eff5e9;color:#6b9d40}.conversation-panel{background:#f7f9fb}.welcome-state h2{color:#2c3944}.welcome-state p{color:#8996a1}.welcome-icon{background:#f0f6eb;border-color:#e2edd9;color:#70ad40}.chat-header,.composer{background:#fff;border-color:#e7edf1}.chat-header strong{color:#34404b}.chat-header small,.composer-hint{color:#8d99a3}.bubble{background:#fff;border-color:#e6ebef;color:#34404b;box-shadow:0 2px 5px #27333e08}.mine .bubble{background:#edf7e7;border-color:#d9eacc;color:#30432a}.composer textarea{background:#f8fafb;border-color:#e2e8ed;color:#34404b}.send-btn{background:#73b343;color:#fff}.modal{background:#fff;color:#34404b;border-color:#e6ebef}.modal h3{color:#2c3944}.modal p{color:#87939e}.secondary{background:#f5f7f9;color:#56636e;border-color:#e2e8ed}.user-table td,.user-table th{border-color:#edf0f3}.user-table th{color:#84919c}.update-status>div{background:#f8fafb;border-color:#e8edf1}.update-status small{color:#87939e}.update-note{background:#f1f7ec;color:#74836c}.notification-view{padding:30px 34px;overflow:auto;flex:1}.notification-row{display:flex;width:100%;align-items:center;gap:13px;padding:15px 5px;border:0;border-bottom:1px solid #edf0f3;background:#fff;text-align:left;color:#34404b}.notification-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f0f6eb;color:#6fae3d}.notification-row span:nth-child(2){flex:1}.notification-row b,.notification-row small{display:block}.notification-row b{font-size:12px}.notification-row small{font-size:10px;color:#8e9aa4;margin-top:5px}.notification-row>strong{background:#eff7e9;color:#649c3d;border-radius:20px;padding:4px 8px;font-size:10px}.empty-notifications{text-align:center;padding:45px 15px;color:#7f8c97}.empty-notifications span{display:block;font-size:26px;color:#73b343;margin-bottom:10px}.empty-notifications b,.empty-notifications small{display:block}.empty-notifications small{font-size:11px;margin-top:6px}.nav-badge{float:right;background:#e65e59;color:white;border-radius:12px;padding:2px 6px;font-size:9px}
@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{grid-template-columns:1fr}}
@media(max-width:720px){.app-shell{display:block;height:100dvh;min-height:0}.sidebar{position:fixed;z-index:8;left:-280px;top:0;bottom:0;width:256px;transition:left .2s;box-shadow:15px 0 40px #0002}.sidebar.open{left:0}.topbar{height:72px;padding:0 13px}.dashboard-view,.notification-view{padding:20px 14px}.dashboard-welcome{align-items:flex-start;flex-direction:column}.dashboard-welcome h2{font-size:19px}.stats-grid{gap:9px}.stat-card{padding:14px;min-height:120px}.stat-card strong{font-size:23px}.quick-actions{grid-template-columns:1fr}.top-actions{gap:7px}.online-indicator{display:none}.new-chat{padding:9px 10px;font-size:10px}.workspace{height:calc(100dvh - 72px)}.chat-list-panel{height:100%}.conversation-panel{display:none;height:100%}.conversation-panel.mobile-open{display:flex}.chat-list-panel.mobile-hidden{display:none}}

/* LMS 1.3.1 – theme and readable notification refinements */
.theme-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid #e4e9ed;background:#fff;color:#687681;border-radius:22px;padding:9px 13px;font-size:11px;font-weight:700}
.theme-toggle:hover{background:#f5f8f2;border-color:#d8e6ce;color:#5f9638}
.theme-icon{font-size:17px;line-height:1}
.icon-btn svg,.notification-avatar svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.icon-btn{position:relative}
.icon-btn i[hidden]{display:none}
.icon-btn i:not([hidden]){position:absolute;right:5px;top:5px;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#e65e59}
.notification-view>.dashboard-card{max-width:1000px;margin:0 auto;padding:26px 30px;border:1px solid #e8edf0;border-radius:16px;background:#fff;box-shadow:0 5px 22px #23313d08}
.notification-view .card-heading{margin-bottom:18px}
.notification-list{display:flex;flex-direction:column;gap:0}
.notification-row{min-height:82px;display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:16px 12px;border:0;border-bottom:1px solid #edf0f3;border-radius:9px;background:#fff;cursor:pointer}
.notification-row:hover{background:#f7faf5}
.notification-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f0f6eb;color:#6fae3d}
.notification-copy{min-width:0}
.notification-copy b{font-size:14px;color:#34404b;font-weight:700}
.notification-copy small{font-size:12px;color:#75828d;margin-top:5px}
.notification-copy em{display:block;font-style:normal;font-size:11px;color:#9aa4ad;margin-top:4px}
.notification-count{min-width:27px;text-align:center;background:#eff7e9;color:#649c3d;border-radius:18px;padding:5px 8px;font-size:11px}
.notification-open{font-size:11px;color:#6da63e;font-weight:700;white-space:nowrap}
.empty-notifications{padding:60px 15px}
@media(max-width:720px){.theme-toggle{padding:8px 10px}.theme-label{display:none}.notification-view>.dashboard-card{padding:18px 14px}.notification-row{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;padding:13px 5px}.notification-avatar{width:36px;height:36px}.notification-open{display:none}}
/* Dark mode follows the same layout and hierarchy as the LFS light dashboard. */
:root[data-theme="dark"]{color-scheme:dark;--bg:#111713;--panel:#18211b;--panel2:#202b23;--line:#2c3a30;--text:#edf3ed;--muted:#9aa99e}
:root[data-theme="dark"] body,:root[data-theme="dark"] .main{background:#111713;color:#edf3ed}
:root[data-theme="dark"] .sidebar{background:#171f19;border-color:#2c3a30}
:root[data-theme="dark"] .brand.compact strong{color:#f0f4f0}
:root[data-theme="dark"] .side-label,:root[data-theme="dark"] .side-version{color:#91a094}
:root[data-theme="dark"] .side-item{color:#b8c4ba}
:root[data-theme="dark"] .side-item span{color:#9baa9e}
:root[data-theme="dark"] .side-item:hover,:root[data-theme="dark"] .side-item.active{background:#27372b;color:#d9f7bd}
:root[data-theme="dark"] .profile{border-color:#2c3a30}
:root[data-theme="dark"] .profile-info b{color:#eef4ee}
:root[data-theme="dark"] .profile-info small{color:#9aa99e}
:root[data-theme="dark"] .icon-btn,:root[data-theme="dark"] .theme-toggle{background:#202b23;border-color:#354438;color:#d6e2d7}
:root[data-theme="dark"] .theme-toggle:hover{background:#2a3a2d}
:root[data-theme="dark"] .topbar{background:#171f19;border-color:#2c3a30}
:root[data-theme="dark"] .topbar h1,:root[data-theme="dark"] .dashboard-welcome h2,:root[data-theme="dark"] .card-heading h3{color:#edf3ed}
:root[data-theme="dark"] .dashboard-welcome p,:root[data-theme="dark"] .dashboard-card>p{color:#9aa99e}
:root[data-theme="dark"] .dashboard-view,:root[data-theme="dark"] .notification-view{background:#111713}
:root[data-theme="dark"] .stat-card,:root[data-theme="dark"] .dashboard-card{background:#18211b;border-color:#2c3a30;box-shadow:none}
:root[data-theme="dark"] .stat-card small,:root[data-theme="dark"] .stat-card em{color:#9aa99e}
:root[data-theme="dark"] .stat-card strong{color:#f0f5f0}
:root[data-theme="dark"] .quick-actions button{background:#202b23;border-color:#344438;color:#e5eee5}
:root[data-theme="dark"] .quick-actions button small{color:#a0aea2}
:root[data-theme="dark"] .system-row{border-color:#2c3a30;color:#a9b6aa}
:root[data-theme="dark"] .system-row b{color:#e4ece4}
:root[data-theme="dark"] .workspace{background:#111713}
:root[data-theme="dark"] .chat-list-panel{background:#18211b;border-color:#2c3a30}
:root[data-theme="dark"] .chat-list-head h3,:root[data-theme="dark"] .chat-item{color:#e2ebe2}
:root[data-theme="dark"] .search-wrap{background:#202b23;border-color:#354438;color:#aab8ac}
:root[data-theme="dark"] .search-wrap input{color:#edf3ed}
:root[data-theme="dark"] .chat-item:hover,:root[data-theme="dark"] .chat-item.selected{background:#27372b}
:root[data-theme="dark"] .chat-meta small,:root[data-theme="dark"] .chat-time{color:#9aa99e}
:root[data-theme="dark"] .avatar{background:#2c3d2e;color:#c5ef9b}
:root[data-theme="dark"] .conversation-panel{background:#111713}
:root[data-theme="dark"] .welcome-state h2{color:#edf3ed}
:root[data-theme="dark"] .welcome-state p{color:#9aa99e}
:root[data-theme="dark"] .chat-header,:root[data-theme="dark"] .composer{background:#18211b;border-color:#2c3a30}
:root[data-theme="dark"] .chat-header strong{color:#edf3ed}
:root[data-theme="dark"] .chat-header small,:root[data-theme="dark"] .composer-hint{color:#9aa99e}
:root[data-theme="dark"] .bubble{background:#202b23;border-color:#354438;color:#edf3ed;box-shadow:none}
:root[data-theme="dark"] .mine .bubble{background:#30452d;border-color:#405a39;color:#f0f7ed}
:root[data-theme="dark"] .composer textarea{background:#111713;border-color:#354438;color:#edf3ed}
:root[data-theme="dark"] .notification-view>.dashboard-card{background:#18211b;border-color:#2c3a30;box-shadow:none}
:root[data-theme="dark"] .notification-row{background:#18211b;border-color:#2c3a30;color:#edf3ed}
:root[data-theme="dark"] .notification-row:hover{background:#202b23}
:root[data-theme="dark"] .notification-copy b{color:#edf3ed}
:root[data-theme="dark"] .notification-copy small,:root[data-theme="dark"] .notification-copy em{color:#a2b0a4}
:root[data-theme="dark"] .notification-avatar{background:#2a3a2b;color:#b8e98c}
:root[data-theme="dark"] .notification-count{background:#2c402a;color:#c4ed9e}
:root[data-theme="dark"] .modal{background:#18211b;color:#edf3ed;border-color:#354438}
:root[data-theme="dark"] .modal h3{color:#edf3ed}
:root[data-theme="dark"] .modal p{color:#a2b0a4}
:root[data-theme="dark"] .modal input,:root[data-theme="dark"] .modal select,:root[data-theme="dark"] .field{background:#111713;color:#edf3ed;border-color:#354438}
:root[data-theme="dark"] .secondary{background:#202b23;color:#dce7dc;border-color:#354438}
:root[data-theme="dark"] .update-note{background:#293a29;color:#c5e7ad}
:root[data-theme="dark"] .notification-trigger i:not([hidden]){border-color:#171f19}

/* LMS 1.3.3: reliable view and modal visibility */
[hidden]{display:none!important}
.modal-backdrop{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .16s ease}
.modal-backdrop.open{display:flex;visibility:visible;opacity:1;pointer-events:auto}
@media(max-width:720px){.sidebar{z-index:40}}


/* LMS 1.4.0 – notification centre and complete account settings */
.notification-toolbar{display:flex;align-items:center;gap:14px}
.notification-toolbar>span{display:flex;gap:12px}
.text-action.danger,.notification-action.danger{color:#c65c57}
.notification-row{grid-template-columns:44px minmax(0,1fr) auto;cursor:default}
.notification-row.is-read{opacity:.72}
.notification-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.notification-action{border:1px solid #e4e9ed;background:#fff;border-radius:8px;padding:7px 9px;color:#648f43;font-size:10px;font-weight:700;white-space:nowrap}
.notification-action:hover{background:#f4f8f0}
.notification-copy{min-width:0}
.notification-copy small{line-height:1.45}
.settings-modal{width:min(720px,calc(100vw - 32px))}
.settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.settings-head h3{margin:5px 0 0}
.modal-x{border:0;background:transparent;color:#7b8791;font-size:26px;line-height:1;padding:0 5px}
.settings-tabs{display:flex;gap:7px;border-bottom:1px solid #e8edf0;margin:18px 0 20px;padding-bottom:10px}
.settings-tab{border:0;background:transparent;color:#7d8993;padding:9px 13px;border-radius:8px;font-size:12px;font-weight:700}
.settings-tab.active{background:#edf6e8;color:#64983d}
.settings-pane h4{margin:0 0 14px;font-size:14px}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.settings-pane label{display:flex;flex-direction:column;gap:7px;color:#788590;font-size:11px;font-weight:700;margin:11px 0}
.settings-pane input:not([type=checkbox]),.settings-pane select{width:100%;padding:11px 12px;border:1px solid #e1e7eb;border-radius:9px;background:#fafbfc;color:#34404b;outline:none}
.settings-pane input:focus,.settings-pane select:focus{border-color:#9bc779}
.settings-check{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;color:#53616c!important}
.settings-check input{accent-color:#70aa43}
.settings-hint{font-size:11px;color:#8a969f;line-height:1.5;margin:12px 0}
.profile-summary{display:flex;align-items:center;gap:12px;padding:14px;background:#f7faf5;border:1px solid #e8efe3;border-radius:12px;margin-bottom:16px}
.profile-summary .large{width:42px;height:42px;font-size:16px}
.profile-summary b,.profile-summary small{display:block}
.profile-summary small{margin-top:4px;color:#87939c;font-size:11px}
.settings-pane .modal-actions{margin-top:18px}
:root[data-theme="dark"] .settings-tabs{border-color:#354438}
:root[data-theme="dark"] .settings-tab{color:#a7b5a9}
:root[data-theme="dark"] .settings-tab.active{background:#2b402b;color:#c7eea3}
:root[data-theme="dark"] .settings-pane label{color:#a8b5aa}
:root[data-theme="dark"] .settings-pane input:not([type=checkbox]),:root[data-theme="dark"] .settings-pane select{background:#111713;color:#edf3ed;border-color:#354438}
:root[data-theme="dark"] .profile-summary{background:#202b23;border-color:#354438}
:root[data-theme="dark"] .notification-action{background:#202b23;border-color:#354438;color:#c4e8a4}
:root[data-theme="dark"] .notification-action.danger,:root[data-theme="dark"] .text-action.danger{color:#f18b85}
@media(max-width:620px){.settings-grid{grid-template-columns:1fr}.notification-row{grid-template-columns:38px minmax(0,1fr)}.notification-actions{grid-column:2;justify-content:flex-start}.notification-toolbar{align-items:flex-start;flex-direction:column}.settings-tabs{gap:2px}.settings-tab{padding:8px 9px}}

[hidden]{display:none!important}


/* LMS 1.5.0 – LFS-inspired account centre, responsive and contained */
#modalContent:has(.settings-modal){width:min(760px,calc(100vw - 28px));max-width:760px;max-height:min(90vh,900px);overflow:auto;padding:26px 28px;box-sizing:border-box}
.settings-modal{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.settings-modal *{box-sizing:border-box;min-width:0}
.settings-modal .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.settings-modal .profile-summary{width:100%;max-width:100%;overflow:hidden;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.settings-modal .profile-summary>span:nth-child(2){flex:1}
.settings-modal .profile-photo{width:46px;height:46px;object-fit:cover;border-radius:50%;border:2px solid #8bcf54}
.profile-photo{width:46px;height:46px;object-fit:cover;border-radius:50%}
.avatar-tools{display:flex;align-items:center;gap:10px;margin-left:auto}
.upload-avatar{display:inline-flex!important;align-items:center;justify-content:center;background:#243328;color:#b8ed8e!important;border:1px solid #3c5a3b;border-radius:9px;padding:8px 11px;cursor:pointer}
.settings-modal .settings-pane{width:100%;max-width:100%}
.security-status{display:flex;align-items:center;gap:12px;padding:14px;background:#f2f7ef;border:1px solid #dfeada;border-radius:12px;margin:8px 0 20px}
.security-status>span:nth-child(2){flex:1}
.security-status b,.security-status small{display:block}
.security-status small{font-size:10px;color:#83918a;margin-top:4px}
.security-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e2f1d9;color:#6da63e;font-size:22px}
.security-divider{height:1px;background:var(--line);margin:22px 0}
.totp-secret{padding:13px;border:1px solid #dce8d7;background:#f5f9f2;border-radius:10px;margin:12px 0}
.totp-secret small,.totp-secret code{display:block}
.totp-secret small{color:#78867b;font-size:10px;margin-bottom:7px}
.totp-secret code{font-size:15px;letter-spacing:2px;word-break:break-all;color:#34512b}
.danger-button{background:#fff1f0;color:#bb514a;border:1px solid #f0d2cf;border-radius:9px;padding:10px 14px;font-weight:700}
:root[data-theme="dark"] .security-status{background:#202d23;border-color:#3b4e3c}
:root[data-theme="dark"] .security-status small{color:#9eafa1}
:root[data-theme="dark"] .totp-secret{background:#121a15;border-color:#3b4e3c}
:root[data-theme="dark"] .totp-secret code{color:#c6f19e}
:root[data-theme="dark"] .danger-button{background:#3a2423;border-color:#69413d;color:#ffaaa3}
:root[data-skin="vice-city"]{--green:#e45cbd;--accent:#41d8e8}
:root[data-skin="vice-city"] .primary,:root[data-skin="vice-city"] .send-btn{background:linear-gradient(120deg,#d94db9,#36cfe3);color:#10131b}
:root[data-skin="space"]{--green:#8a7cff;--accent:#56c9ff}
:root[data-skin="space"] .primary,:root[data-skin="space"] .send-btn{background:linear-gradient(120deg,#7566f5,#48c6e9);color:#fff}
:root[data-skin="halloween"]{--green:#f08a35;--accent:#a77cff}
:root[data-skin="halloween"] .primary,:root[data-skin="halloween"] .send-btn{background:linear-gradient(120deg,#ed7a2f,#9b65d7);color:#fff}
:root[data-skin="christmas"]{--green:#4fa66b;--accent:#d74d55}
:root[data-skin="christmas"] .primary,:root[data-skin="christmas"] .send-btn{background:linear-gradient(120deg,#3e9b61,#c94d55);color:#fff}
:root[data-skin="vice-city"] .side-item.active,:root[data-skin="space"] .side-item.active,:root[data-skin="halloween"] .side-item.active,:root[data-skin="christmas"] .side-item.active{color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}
@media(max-width:620px){#modalContent:has(.settings-modal){padding:19px 16px;max-height:94vh}.settings-modal .settings-grid{grid-template-columns:1fr}.avatar-tools{margin-left:0}.settings-tabs{overflow:auto}}

[hidden]{display:none!important}

.profile .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}


/* 1.5.2 – actual theme palettes and visible preset avatars */
:root[data-theme="light"]{
 --bg:#f3f6f2;--panel:#ffffff;--panel2:#f8faf7;--line:#e2e9e0;--text:#253128;--muted:#758276;
 --green:#6e9e43;--green2:#8bc75b;--gold:#b18b4e;--red:#c95c58;
}
:root[data-theme="light"] body{background:var(--bg);color:var(--text)}
:root[data-theme="light"] .sidebar,:root[data-theme="light"] .side-panel{background:#fff;border-color:var(--line);color:var(--text)}
:root[data-theme="light"] .card,:root[data-theme="light"] .stat-card,:root[data-theme="light"] .panel,:root[data-theme="light"] .workspace-card{background:var(--panel);border-color:var(--line);color:var(--text)}
:root[data-theme="light"] input,:root[data-theme="light"] textarea,:root[data-theme="light"] select{background:#fff;color:var(--text);border-color:var(--line)}
:root[data-theme="light"] .chat-item,:root[data-theme="light"] .contact-row{background:#fff;color:var(--text);border-color:var(--line)}
:root[data-theme="light"] .chat-item:hover,:root[data-theme="light"] .contact-row:hover{background:#f2f7ee}
:root[data-theme="light"] .settings-modal .profile-summary{background:#f4f8f1;border-color:#e2eadc}
:root[data-theme="light"] .settings-modal .settings-tab{color:#6e7b70}
:root[data-theme="light"] .settings-modal .settings-tab.active{background:#e8f2e1;color:#527f32}
:root[data-theme="light"] .settings-pane input:not([type=checkbox]),:root[data-theme="light"] .settings-pane select{background:#fff;color:#253128;border-color:#dfe7dc}
:root[data-theme="light"] .settings-modal{color:#253128}
:root[data-skin="default"]{--skin-accent:var(--green)}
:root[data-skin="vice-city"]{--bg:#100d20;--panel:#1b1530;--panel2:#261b3c;--line:#48345c;--text:#f7eaff;--muted:#b5a2c6;--green:#f05bc8;--green2:#44d9ed;--skin-accent:#f05bc8}
:root[data-skin="space"]{--bg:#0b1020;--panel:#141d34;--panel2:#1b2945;--line:#304365;--text:#e9f1ff;--muted:#9baecc;--green:#8a7cff;--green2:#4ecbff;--skin-accent:#8a7cff}
:root[data-skin="halloween"]{--bg:#17100d;--panel:#241811;--panel2:#302016;--line:#53351f;--text:#fff0df;--muted:#c1a58b;--green:#f08a35;--green2:#b56be0;--skin-accent:#f08a35}
:root[data-skin="christmas"]{--bg:#101a16;--panel:#17251e;--panel2:#203329;--line:#355342;--text:#eff8f0;--muted:#a3b9a8;--green:#55b879;--green2:#d65c61;--skin-accent:#55b879}
:root[data-skin="vice-city"] body,:root[data-skin="space"] body,:root[data-skin="halloween"] body,:root[data-skin="christmas"] body{background:var(--bg);color:var(--text)}
:root[data-skin="vice-city"] .sidebar,:root[data-skin="space"] .sidebar,:root[data-skin="halloween"] .sidebar,:root[data-skin="christmas"] .sidebar{background:var(--panel);border-color:var(--line)}
:root[data-skin="vice-city"] .card,:root[data-skin="space"] .card,:root[data-skin="halloween"] .card,:root[data-skin="christmas"] .card,:root[data-skin="vice-city"] .stat-card,:root[data-skin="space"] .stat-card,:root[data-skin="halloween"] .stat-card,:root[data-skin="christmas"] .stat-card{background:var(--panel);border-color:var(--line);color:var(--text)}
:root[data-skin="vice-city"] .primary,:root[data-skin="space"] .primary,:root[data-skin="halloween"] .primary,:root[data-skin="christmas"] .primary{background:linear-gradient(120deg,var(--green),var(--green2));color:#101512}
.avatar.preset-avatar{display:inline-grid;place-items:center;font-size:22px;line-height:1;background:linear-gradient(145deg,#e6f4d9,#c7e7ae);color:#38582a;border:1px solid #c4dfb2}
:root[data-theme="dark"] .avatar.preset-avatar{background:linear-gradient(145deg,#314b35,#233528);border-color:#4c6d4d}
.avatar-picker{margin:4px 0 18px}
.avatar-picker>b{display:block;font-size:11px;color:var(--muted);margin-bottom:9px}
.avatar-options{display:flex;gap:8px;flex-wrap:wrap}
.avatar-option{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);font-size:21px;color:var(--text)}
.avatar-option.selected{outline:2px solid var(--green);border-color:var(--green);background:color-mix(in srgb,var(--green) 16%,var(--panel))}
.avatar-option:hover{transform:translateY(-1px)}
.upload-avatar{cursor:pointer}

[hidden]{display:none!important}


/* LMS adopts the actual LFS theme system: same theme names, palettes and atmospheric treatments. */
:root{--surface:var(--panel);--surface2:var(--panel2);--accent:var(--green);--accent2:var(--green2);--shadow:0 12px 40px rgba(0,0,0,.12)}
:root[data-theme="light"]{--bg:#f4f6f8;--panel:#fff;--panel2:#f8fafb;--text:#18222b;--muted:#788590;--line:#e8edf0;--green:#167d63;--green2:#20a47e}
:root[data-theme="dark"]{--bg:#0d1419;--panel:#151f26;--panel2:#1b2830;--text:#edf3f4;--muted:#9aabb3;--line:#293840;--green:#49c69b;--green2:#67d8ac}
body.vice-city-theme{background-color:#100d25!important;background-image:radial-gradient(ellipse at 12% 10%,rgba(255,80,174,.22),transparent 34%),radial-gradient(ellipse at 88% 12%,rgba(0,220,235,.19),transparent 32%),linear-gradient(145deg,#100d25,#1d1740 58%,#10172c)!important;color:#f8eaff}
body.vice-city-theme .sidebar,body.vice-city-theme .topbar,body.vice-city-theme .card,body.vice-city-theme .stat-card,body.vice-city-theme .workspace-card{border-color:rgba(255,111,198,.22)!important}
body.vice-city-theme .brand-mark,body.vice-city-theme .logo-mark{background:linear-gradient(135deg,#ff4fa3,#7a5cff 55%,#20d9e8)!important;box-shadow:0 6px 24px rgba(255,79,163,.30)!important}
body.vice-city-theme:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.4;background-image:radial-gradient(1px 1px at 18px 24px,#fff 98%,transparent),radial-gradient(1px 1px at 120px 80px,rgba(255,150,220,.95) 98%,transparent),radial-gradient(1px 1px at 210px 160px,rgba(100,235,245,.9) 98%,transparent);background-size:240px 210px}
body.space-theme{background-color:#080b1b!important;background-image:radial-gradient(ellipse at 18% 18%,rgba(73,104,255,.2),transparent 35%),radial-gradient(ellipse at 82% 30%,rgba(0,220,255,.12),transparent 32%),linear-gradient(145deg,#080b1b,#101a36 60%,#090d20)!important;color:#edf3ff}
body.space-theme:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.45;background-image:radial-gradient(1px 1px at 20px 30px,#fff 98%,transparent),radial-gradient(1px 1px at 130px 90px,rgba(160,190,255,.9) 98%,transparent),radial-gradient(2px 2px at 220px 180px,rgba(255,255,255,.8) 98%,transparent);background-size:260px 240px}
body.halloween-theme{background-color:#15101b!important;background-image:radial-gradient(circle at 8% 3%,rgba(249,115,22,.16),transparent 24%),radial-gradient(circle at 95% 8%,rgba(124,58,237,.18),transparent 25%),linear-gradient(145deg,#15101b,#21152b)!important;color:#fff1e7}
body.halloween-theme:before{content:"✦";position:fixed;top:18px;right:24px;z-index:8;color:rgba(234,130,48,.7);font-size:26px;pointer-events:none}
body.halloween-theme .brand-mark,body.halloween-theme .logo-mark{background:linear-gradient(135deg,#7c2d12,#ea580c)!important}
body.christmas-theme{background-color:#101a16!important;background-image:radial-gradient(circle at 8% 2%,rgba(190,35,55,.12),transparent 22%),radial-gradient(circle at 94% 4%,rgba(24,125,75,.14),transparent 24%),linear-gradient(145deg,#101a16,#17271f)!important;color:#eff8f0}
body.christmas-theme:before{content:"❄";position:fixed;top:16px;right:24px;z-index:8;color:rgba(190,220,235,.65);font-size:25px;pointer-events:none}
body.christmas-theme:after{content:"";position:fixed;inset:-20px 0 0;z-index:6;pointer-events:none;opacity:.5;background-image:radial-gradient(2px 2px at 20px 30px,white 98%,transparent),radial-gradient(1.5px 1.5px at 90px 120px,white 98%,transparent),radial-gradient(2px 2px at 180px 60px,white 98%,transparent);background-size:220px 190px;animation:lms-snowfall 24s linear infinite}
@keyframes lms-snowfall{to{transform:translateY(100vh)}}
body.vice-city-theme .sidebar,body.space-theme .sidebar,body.halloween-theme .sidebar,body.christmas-theme .sidebar,
body.vice-city-theme .card,body.space-theme .card,body.halloween-theme .card,body.christmas-theme .card,
body.vice-city-theme .stat-card,body.space-theme .stat-card,body.halloween-theme .stat-card,body.christmas-theme .stat-card{background:rgba(18,22,35,.88)!important;color:inherit}
body.vice-city-theme .primary,body.space-theme .primary,body.halloween-theme .primary,body.christmas-theme .primary{background:linear-gradient(120deg,var(--green),var(--green2));color:#101512}
body.vice-city-theme .main,body.space-theme .main,body.halloween-theme .main,body.christmas-theme .main,
body.vice-city-theme .sidebar,body.space-theme .sidebar,body.halloween-theme .sidebar,body.christmas-theme .sidebar{position:relative;z-index:1}


/* LMS 1.5.3 navigation, admin management and friend directory */
.lion-mark{font-size:13px!important;letter-spacing:-.6px!important;font-weight:900!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important;white-space:nowrap}
.friends-view{padding:0 0 30px}
.friends-view .dashboard-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px}
.friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:20px}
.friend-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--panel2);min-width:0}
.friend-card-info{display:flex;flex-direction:column;flex:1;min-width:0}
.friend-card-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.friend-card-info small{color:var(--muted);font-size:11px}
.friend-card .small,.admin-users-modal .small{padding:7px 10px;font-size:11px}
.admin-users-modal{max-width:100%;min-width:0}
.admin-user-table-wrap{max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:11px;margin:16px 0}
.admin-users-modal .user-table{width:100%;border-collapse:collapse;min-width:570px}
.admin-users-modal .user-table th,.admin-users-modal .user-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);font-size:11px}
.admin-users-modal .user-table th{position:sticky;top:0;background:var(--panel2);color:var(--muted)}
.admin-users-modal .user-table td small{display:block;color:var(--muted);margin-top:3px}
.admin-create{border-top:1px solid var(--line);padding-top:18px;margin-top:16px}
.admin-create h4{margin:0 0 12px}
.admin-users-modal .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
:root[data-theme="light"] .friends-view .dashboard-card{background:#fff}
:root[data-theme="light"] .friend-card{background:#f8faf7}
@media(max-width:620px){.admin-users-modal .settings-grid{grid-template-columns:1fr}.friends-grid{grid-template-columns:1fr}}


/* LMS 1.5.4 – public member profiles, friend requests and chat day markers */
.public-profile{position:relative;max-width:520px;margin:auto;padding:16px 4px 8px}
.public-profile>.modal-x{position:absolute;right:0;top:0}
.public-profile-hero{display:flex;align-items:center;flex-direction:column;text-align:center;padding:20px 12px 14px}
.public-profile-hero .avatar,.public-profile-hero .profile-photo{width:86px;height:86px;border-radius:50%;object-fit:cover;font-size:38px;margin-bottom:12px}
.public-profile-hero h3{margin:5px 0 2px;font-size:22px}
.public-profile-hero small{color:var(--muted)}
.public-profile-hero p{max-width:360px;color:var(--muted);font-size:13px;line-height:1.6;margin:16px auto}
.public-profile-actions{display:flex;justify-content:center;border-top:1px solid var(--line);padding-top:16px}
.friend-requests{margin:12px 0 20px;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}
.friend-requests h4{margin:0 0 10px}
.friend-request{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line)}
.friend-request .friend-card-info{flex:1}
.friend-request .small{padding:7px 10px;font-size:11px}
.contact-row-wrap{display:flex;align-items:center;gap:4px}
.contact-row-wrap .contact-row{flex:1;min-width:0}
.contact-profile{width:28px;height:28px;flex:0 0 28px;border:1px solid var(--line);border-radius:50%;background:var(--panel2);color:var(--muted);cursor:pointer}
.chat-header{cursor:pointer}
.chat-header:hover{background:color-mix(in srgb,var(--green) 7%,transparent)}
.day-separator{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px auto 16px;color:var(--muted);font-size:11px;position:relative}
.day-separator:before,.day-separator:after{content:"";height:1px;background:var(--line);flex:1;max-width:120px}
.day-separator span{padding:5px 12px;border:1px solid var(--line);border-radius:99px;background:var(--panel2);font-weight:700}


/* LMS 1.5.5 – refined brand, centered notification bell and detailed activity history */
.notification-trigger{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;padding:0!important;line-height:1!important}
.notification-trigger svg{display:block!important;width:21px!important;height:21px!important;margin:0!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}
.notification-trigger i{position:absolute;right:5px;top:5px}
.lion-mark{width:44px!important;height:44px!important;border-radius:14px!important;background:linear-gradient(145deg,#173d2d,#23865d 58%,#75bd68)!important;color:#fff!important;font-size:12px!important;font-weight:950!important;letter-spacing:-.5px!important;box-shadow:0 7px 18px rgba(26,116,76,.25)!important;border:1px solid rgba(255,255,255,.25)!important}
.brand.compact{gap:11px!important}
.brand.compact strong{font-size:14px!important;letter-spacing:-.25px}
.brand.compact small{font-size:10px!important;letter-spacing:.15px}
.activity-modal{width:min(1050px,94vw);max-width:1050px}
.activity-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0}
.activity-stats>div{padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);display:flex;flex-direction:column;gap:5px}
.activity-stats b{font-size:21px;font-weight:800;color:var(--green)}
.activity-stats small{font-size:10px;color:var(--muted)}
.activity-toolbar{display:flex;justify-content:space-between;gap:10px;margin:12px 0}
.activity-toolbar select{min-width:180px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text)}
.activity-table-wrap{max-height:52vh;overflow:auto;border:1px solid var(--line);border-radius:12px}
.activity-table{width:100%;min-width:780px;border-collapse:collapse}
.activity-table th,.activity-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);font-size:11px;vertical-align:top}
.activity-table th{position:sticky;top:0;background:var(--panel2);color:var(--muted);z-index:1}
.activity-table td small{display:block;color:var(--muted);font-size:9px;margin-top:4px;max-width:260px;overflow-wrap:anywhere}
.activity-type{display:inline-block;padding:4px 7px;border-radius:7px;background:color-mix(in srgb,var(--green) 12%,var(--panel));color:var(--green);font-weight:700}
@media(max-width:720px){.activity-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-modal{width:94vw}.activity-table-wrap{max-height:48vh}}


/* LMS 1.5.6: LFS-inspired atmospheric themes and dashboard clock */
.christmas-theme:after{content:"";position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.72;background-image:radial-gradient(3px 3px at 18px 25px,rgba(255,255,255,.98) 96%,transparent),radial-gradient(2px 2px at 72px 95px,rgba(230,245,255,.95) 96%,transparent),radial-gradient(3px 3px at 135px 48px,rgba(255,255,255,.96) 96%,transparent),radial-gradient(2px 2px at 198px 138px,rgba(235,246,255,.95) 96%,transparent),radial-gradient(1.5px 1.5px at 245px 18px,rgba(255,255,255,.95) 96%,transparent);background-size:260px 170px;animation:lfs-snow-drift 13s linear infinite}
@keyframes lfs-snow-drift{0%{background-position:0 -170px,0 -170px,0 -170px,0 -170px,0 -170px}100%{background-position:24px 100vh,-18px 100vh,36px 100vh,-28px 100vh,12px 100vh}}
.christmas-theme .shell{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){.christmas-theme:after{animation:none;background-position:0 0;opacity:.28}}
@media(max-width:680px){.lfs-version{display:none}}

/* LFS 1.3.1: saisonale Figuren in der unteren rechten Ecke */
.christmas-theme .main:before,
.halloween-theme .main:before{position:fixed;right:24px;bottom:16px;z-index:6;pointer-events:none;line-height:1;filter:drop-shadow(0 5px 9px rgba(0,0,0,.22));animation:lfs-seasonal-float 4.5s ease-in-out infinite}
.christmas-theme .main:before{content:"☃️";font-size:clamp(38px,5vw,62px)}
.halloween-theme .main:before{content:"🎃";font-size:clamp(40px,5vw,64px);animation-duration:3.8s}
@keyframes lfs-seasonal-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@media(max-width:700px){.christmas-theme .main:before,.halloween-theme .main:before{right:12px;bottom:12px;font-size:40px;opacity:.88}}
@media(prefers-reduced-motion:reduce){.christmas-theme .main:before,.halloween-theme .main:before{animation:none}}


/* LFS 1.3.2: Space Edition */
.space-theme{background-color:#080b1b!important;background-image:radial-gradient(ellipse at 18% 18%,rgba(91,65,180,.30),transparent 38%),radial-gradient(ellipse at 82% 30%,rgba(12,135,177,.20),transparent 34%),linear-gradient(145deg,#080b1b,#11152e 55%,#090d20)!important;color:#e8edff}
.space-theme .shell{position:relative;z-index:1}
.space-theme .sidebar,.space-theme .topbar,.space-theme .form-card,.space-theme .card,.space-theme .hero-card{border-color:rgba(139,160,255,.20)!important}
.space-theme .brand-mark{background:linear-gradient(135deg,#5540b8,#13a6c7)!important;box-shadow:0 6px 22px rgba(65,113,255,.30)!important}
.space-theme .hero-card{background:radial-gradient(circle at 82% 18%,rgba(73,205,255,.22),transparent 28%),linear-gradient(115deg,#17163e,#24235d 58%,#07566d)!important}
.space-theme .nav-link:hover,.space-theme .nav-link:focus{background:rgba(91,160,255,.14);color:#79ddff}
.space-theme .topbar .eyebrow:after{content:"  ·  SPACE EDITION";color:#76dfff}
.space-theme:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.62;background-image:radial-gradient(1px 1px at 15px 25px,#fff 98%,transparent),radial-gradient(1.5px 1.5px at 95px 75px,rgba(159,205,255,.95) 98%,transparent),radial-gradient(1px 1px at 180px 35px,rgba(255,255,255,.9) 98%,transparent),radial-gradient(2px 2px at 225px 125px,rgba(130,224,255,.8) 98%,transparent);background-size:260px 180px;animation:lfs-space-drift 48s linear infinite}
.space-theme .main:before{content:"🪐";position:fixed;right:22px;bottom:14px;z-index:6;pointer-events:none;font-size:clamp(42px,5vw,68px);line-height:1;filter:drop-shadow(0 5px 16px rgba(77,173,255,.35));animation:lfs-space-float 7s ease-in-out infinite}
@keyframes lfs-space-drift{from{background-position:0 0,0 0,0 0,0 0}to{background-position:45px 100vh,-30px 100vh,22px 100vh,-18px 100vh}}
@keyframes lfs-space-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(4deg)}}
@media(max-width:700px){.space-theme .main:before{right:12px;bottom:12px;font-size:44px}}
@media(prefers-reduced-motion:reduce){.space-theme:after,.space-theme .main:before{animation:none}}


/* LFS 1.3.3: Vice City Neon Nights – inspiriert von Miami-Nachtleben der 1980er */
.vice-city-theme{background-color:#100d25!important;background-image:radial-gradient(ellipse at 12% 10%,rgba(255,80,174,.22),transparent 34%),radial-gradient(ellipse at 88% 12%,rgba(0,220,235,.19),transparent 32%),linear-gradient(145deg,#100d25,#1d1740 58%,#10172c)!important;color:#f8eaff}
.vice-city-theme .sidebar,.vice-city-theme .topbar,.vice-city-theme .form-card,.vice-city-theme .card{border-color:rgba(255,111,198,.22)!important}
.vice-city-theme .brand-mark{background:linear-gradient(135deg,#ff4fa3,#7a5cff 55%,#20d9e8)!important;box-shadow:0 6px 24px rgba(255,79,163,.30)!important}
.vice-city-theme .hero-card{background:radial-gradient(circle at 82% 15%,rgba(255,150,207,.24),transparent 30%),linear-gradient(115deg,#321b55,#762c78 55%,#075d72)!important}
.vice-city-theme .nav-link:hover,.vice-city-theme .nav-link:focus{background:rgba(255,87,177,.13);color:#ff91cf}
.vice-city-theme .topbar .eyebrow:after{content:"  ·  NEON NIGHTS";color:#35e4ef}
.vice-city-theme:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.42;background-image:radial-gradient(1px 1px at 18px 24px,#fff 98%,transparent),radial-gradient(1px 1px at 120px 80px,rgba(255,150,220,.95) 98%,transparent),radial-gradient(1px 1px at 220px 42px,rgba(88,235,255,.95) 98%,transparent);background-size:280px 190px;animation:lfs-neon-sparkle 35s linear infinite}
.vice-city-theme .shell{position:relative;z-index:1}
.vice-city-theme .main:before{content:"🌴";position:fixed;right:20px;bottom:12px;z-index:6;pointer-events:none;font-size:clamp(42px,5vw,68px);line-height:1;filter:drop-shadow(0 4px 15px rgba(255,75,174,.45));animation:lfs-neon-palm 6s ease-in-out infinite}
@keyframes lfs-neon-sparkle{from{background-position:0 0,0 0,0 0}to{background-position:35px 100vh,-22px 100vh,18px 100vh}}
@keyframes lfs-neon-palm{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@media(max-width:700px){.vice-city-theme .main:before{right:12px;bottom:12px;font-size:44px}}
@media(prefers-reduced-motion:reduce){.vice-city-theme:after,.vice-city-theme .main:before{animation:none}}


/* LFS 1.3.4 – Vice City: neon beach, ocean sunset and skyline */
.vice-city-theme{background-color:#090b25!important;background-image:linear-gradient(180deg,rgba(7,10,35,.15),rgba(7,10,35,.78)),radial-gradient(ellipse at 50% 105%,rgba(0,224,235,.22),transparent 43%),linear-gradient(180deg,#17113d 0%,#3c1b65 35%,#b52d83 63%,#f36b9c 78%,#102b4a 100%)!important;color:#fff0fb!important;background-attachment:fixed!important}
.vice-city-theme .sidebar{background:rgba(10,10,36,.91)!important;backdrop-filter:blur(16px);border-right:1px solid rgba(42,232,245,.34)!important;box-shadow:8px 0 38px rgba(5,5,25,.28)}
.vice-city-theme .topbar,.vice-city-theme .stat-card,.vice-city-theme .table-card,.vice-city-theme .form-card,.vice-city-theme .activity-card,.vice-city-theme .card{background:rgba(17,13,49,.78)!important;backdrop-filter:blur(12px);border:1px solid rgba(255,92,190,.34)!important;box-shadow:0 0 22px rgba(255,53,169,.10),inset 0 0 18px rgba(31,222,244,.035)!important;color:#fff0fb}
.vice-city-theme .hero-card{background:linear-gradient(112deg,rgba(37,16,83,.96),rgba(150,35,125,.92) 54%,rgba(0,117,148,.94))!important;border:1px solid rgba(255,117,209,.6);box-shadow:0 0 30px rgba(255,61,179,.25),0 0 55px rgba(0,220,240,.13)}
.vice-city-theme .brand-mark{background:linear-gradient(135deg,#ff3fa4,#9b54ff 48%,#20e7f1)!important;box-shadow:0 0 18px #ff45b488,0 0 30px #20e7f144!important}
.vice-city-theme .nav-link{color:#d9c8ed}.vice-city-theme .nav-link:hover,.vice-city-theme .nav-link:focus{background:rgba(255,58,174,.18)!important;color:#45f5ff!important;box-shadow:inset 0 0 0 1px rgba(69,245,255,.28),0 0 18px rgba(255,58,174,.16)}
.vice-city-theme .main{position:relative;isolation:isolate}.vice-city-theme .main:after{content:"";position:fixed;left:252px;right:0;bottom:0;height:25vh;min-height:150px;z-index:-1;pointer-events:none;opacity:.68;background:linear-gradient(180deg,transparent,rgba(8,13,43,.28)),repeating-linear-gradient(0deg,transparent 0 17px,rgba(34,235,247,.22) 18px 19px),linear-gradient(90deg,transparent,rgba(14,220,240,.13),transparent);mask-image:linear-gradient(transparent,#000 35%)}
.vice-city-theme:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.55;background-image:radial-gradient(1px 1px at 10% 16%,#fff 98%,transparent),radial-gradient(2px 2px at 70% 12%,#ffb8e7 98%,transparent),radial-gradient(1px 1px at 88% 31%,#6ffaff 98%,transparent),radial-gradient(1px 1px at 36% 8%,#fff 98%,transparent);background-size:300px 220px;animation:lfs-neon-sparkle 38s linear infinite}
.vice-city-theme .main:before{content:"🌴";position:fixed;right:22px;bottom:13px;z-index:6;pointer-events:none;font-size:clamp(48px,6vw,78px);line-height:1;filter:drop-shadow(0 0 9px #ff4fb9) drop-shadow(0 0 18px #21e9f4);animation:lfs-neon-palm 5s ease-in-out infinite}
.vice-city-theme .topbar .eyebrow:after{content:"  ·  VICE CITY / OCEAN DRIVE";color:#4cf6ff;text-shadow:0 0 9px #22e9ff}
.vice-city-theme .btn.primary{background:linear-gradient(100deg,#ff3fa4,#a84cff 55%,#12cddd)!important;box-shadow:0 0 16px #ff3fa455;color:#fff}
.vice-city-theme .stat-value,.vice-city-theme .hero-amount{color:#fff!important;text-shadow:0 0 13px rgba(255,81,190,.32)}
@media(max-width:700px){.vice-city-theme .main:before{right:12px;bottom:12px;font-size:48px}.vice-city-theme .main:after{left:0}}
@media(prefers-reduced-motion:reduce){.vice-city-theme:after,.vice-city-theme .main:before{animation:none}}
.dashboard-clock{display:flex;align-items:center;gap:17px;margin:0 0 18px;padding:18px 22px;border:1px solid rgba(115,179,67,.22);border-radius:16px;background:linear-gradient(115deg,rgba(255,255,255,.96),rgba(239,247,232,.92));box-shadow:0 8px 24px rgba(30,55,35,.06);width:max-content;min-width:290px}.dashboard-clock strong{display:block;font-size:29px;letter-spacing:1px;color:#273b2d;font-variant-numeric:tabular-nums}.dashboard-clock small{display:block;margin-top:3px;color:#718176;font-size:11px;text-transform:capitalize}.clock-orbit{width:48px;height:48px;border:1px solid rgba(112,174,61,.4);border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#fff 0 34%,#e5f2d9 36% 100%);box-shadow:0 0 0 6px rgba(115,179,67,.07)}.clock-ring{position:absolute;inset:7px;border:1px dashed #83b95b;border-radius:50%;animation:lms-clock-spin 18s linear infinite}.clock-dot{width:7px;height:7px;background:#70ad40;border-radius:50%;box-shadow:0 0 12px #70ad40}.notification-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.notification-action{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border:1px solid #e1e9dc;border-radius:8px;background:#f6faf2;color:#608d3d;font-size:10px;font-weight:700;text-decoration:none;white-space:nowrap}.notification-action.accept{background:#eaf6e4;border-color:#cce5be;color:#3f812b}.notification-action.danger{background:#fff5f4;border-color:#f2d8d5;color:#b64b43}.backup-list{display:grid;gap:8px;margin-top:15px}.backup-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid var(--line,#e7ece8);border-radius:10px}.backup-item b,.backup-item small{display:block}.backup-item b{font-size:12px}.backup-item small{font-size:10px;color:var(--muted,#84918a);margin-top:4px}@keyframes lms-clock-spin{to{transform:rotate(360deg)}}.lion-mark{display:grid!important;place-items:center;overflow:hidden}.lion-mark svg{width:100%;height:100%;filter:drop-shadow(0 2px 5px rgba(0,0,0,.22))}.brand.compact .lion-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#263e2c,#101b14);box-shadow:0 5px 18px rgba(21,42,25,.24);padding:5px}.brand.compact strong{letter-spacing:-.4px}.space-theme .dashboard-clock,.vice-city-theme .dashboard-clock,.halloween-theme .dashboard-clock,.christmas-theme .dashboard-clock{background:rgba(17,20,40,.76);backdrop-filter:blur(14px);border-color:rgba(130,160,255,.25);color:#f4f2ff}.space-theme .dashboard-clock strong,.vice-city-theme .dashboard-clock strong,.halloween-theme .dashboard-clock strong,.christmas-theme .dashboard-clock strong{color:#fff}.space-theme .dashboard-clock small,.vice-city-theme .dashboard-clock small,.halloween-theme .dashboard-clock small,.christmas-theme .dashboard-clock small{color:#c5c8e4}.space-theme .dashboard-card,.vice-city-theme .dashboard-card,.halloween-theme .dashboard-card,.christmas-theme .dashboard-card,.space-theme .stat-card,.vice-city-theme .stat-card,.halloween-theme .stat-card,.christmas-theme .stat-card{background:rgba(18,22,42,.78)!important;backdrop-filter:blur(13px);border-color:rgba(150,160,210,.22)!important;color:#f2f3ff}.space-theme .dashboard-card h3,.vice-city-theme .dashboard-card h3,.halloween-theme .dashboard-card h3,.christmas-theme .dashboard-card h3,.space-theme .dashboard-welcome h2,.vice-city-theme .dashboard-welcome h2{color:#fff}.space-theme .dashboard-card p,.vice-city-theme .dashboard-card p,.halloween-theme .dashboard-card p,.christmas-theme .dashboard-card p{color:#c2c8d8}.space-theme .main,.vice-city-theme .main,.halloween-theme .main,.christmas-theme .main{background:transparent!important}.space-theme .sidebar,.vice-city-theme .sidebar,.halloween-theme .sidebar,.christmas-theme .sidebar{backdrop-filter:blur(16px)}@media(max-width:720px){.dashboard-clock{width:100%;min-width:0;padding:14px}.dashboard-clock strong{font-size:25px}.notification-actions{grid-column:2/-1}.notification-row{grid-template-columns:38px minmax(0,1fr)}.notification-actions .notification-action{font-size:9px;padding:6px 8px}}


/* LMS 1.5.7 – konsistente LMS-Wortmarke, Status-Uhr und themeweite Oberflächen */
.lms-wordmark{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;width:46px;height:42px;border-radius:12px;background:linear-gradient(145deg,#244d35,#14251b);color:#e9f6df;font-size:17px;font-weight:950;letter-spacing:-1.4px;box-shadow:0 5px 18px rgba(21,42,25,.24);border:1px solid rgba(150,205,125,.25);text-shadow:0 1px 8px rgba(145,220,111,.25)}
.brand.compact{gap:11px}.brand.compact strong{font-size:15px;line-height:1.2}.brand.compact small{display:block;margin-top:4px;font-size:9px;letter-spacing:.5px}
.topbar-clock{display:flex;flex-direction:column;justify-content:center;min-width:104px;padding:0 12px;border-left:1px solid var(--line,#e5ebe5);font-variant-numeric:tabular-nums}
.topbar-clock strong{font-size:16px;line-height:1.15;letter-spacing:.4px;color:var(--text,#26332a)}.topbar-clock small{font-size:9px;color:var(--muted,#829087);margin-top:3px;text-transform:capitalize;white-space:nowrap}
.dashboard-clock{display:none!important}
:root[data-theme="dark"] .topbar-clock{border-color:#344238}:root[data-theme="dark"] .topbar-clock strong{color:#f1f7f0}:root[data-theme="dark"] .topbar-clock small{color:#a8b7aa}
/* Theme backgrounds apply to the actual LMS shell and every main view, not just LFS class names. */
body.space-theme{background:radial-gradient(ellipse at 15% 8%,rgba(89,105,255,.25),transparent 36%),radial-gradient(ellipse at 85% 80%,rgba(0,210,255,.12),transparent 38%),linear-gradient(135deg,#080d20,#111a36 55%,#080d20)!important;color:#edf2ff}
body.vice-city-theme{background:radial-gradient(ellipse at 15% 8%,rgba(255,70,170,.28),transparent 35%),radial-gradient(ellipse at 85% 20%,rgba(0,220,240,.2),transparent 32%),linear-gradient(145deg,#100d2b,#30205a 52%,#071d36)!important;color:#fff0fb}
body.halloween-theme{background:radial-gradient(ellipse at 15% 10%,rgba(249,115,22,.22),transparent 34%),radial-gradient(ellipse at 85% 80%,rgba(126,34,206,.2),transparent 38%),linear-gradient(140deg,#160d0b,#2b1420 58%,#100c18)!important;color:#fff3e8}
body.christmas-theme{background:radial-gradient(ellipse at 15% 8%,rgba(34,197,94,.22),transparent 35%),radial-gradient(ellipse at 85% 80%,rgba(220,38,38,.17),transparent 36%),linear-gradient(140deg,#0c1915,#142c25 55%,#101a25)!important;color:#f0fff5}
body.space-theme .main,body.vice-city-theme .main,body.halloween-theme .main,body.christmas-theme .main{background:transparent!important;position:relative;isolation:isolate}
body.space-theme:after,body.vice-city-theme:after,body.halloween-theme:after,body.christmas-theme:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.42;background-image:radial-gradient(1px 1px at 12% 18%,#fff 98%,transparent),radial-gradient(2px 2px at 76% 24%,rgba(255,255,255,.9) 98%,transparent),radial-gradient(1px 1px at 42% 78%,rgba(160,220,255,.9) 98%,transparent);background-size:260px 220px;animation:lms-theme-stars 42s linear infinite}
@keyframes lms-theme-stars{from{background-position:0 0,0 0,0 0}to{background-position:35px 100vh,-25px 100vh,18px 100vh}}
body.space-theme .sidebar,body.space-theme .topbar,body.space-theme .stat-card,body.space-theme .dashboard-card,body.space-theme .chat-list-panel,body.space-theme .conversation-panel,body.space-theme .notification-view,body.vice-city-theme .sidebar,body.vice-city-theme .topbar,body.vice-city-theme .stat-card,body.vice-city-theme .dashboard-card,body.vice-city-theme .chat-list-panel,body.vice-city-theme .conversation-panel,body.vice-city-theme .notification-view,body.halloween-theme .sidebar,body.halloween-theme .topbar,body.halloween-theme .stat-card,body.halloween-theme .dashboard-card,body.halloween-theme .chat-list-panel,body.halloween-theme .conversation-panel,body.halloween-theme .notification-view,body.christmas-theme .sidebar,body.christmas-theme .topbar,body.christmas-theme .stat-card,body.christmas-theme .dashboard-card,body.christmas-theme .chat-list-panel,body.christmas-theme .conversation-panel,body.christmas-theme .notification-view{background:rgba(13,19,38,.82)!important;color:#f4f6ff!important;border-color:rgba(160,180,220,.22)!important;backdrop-filter:blur(15px);box-shadow:0 12px 36px rgba(0,0,0,.18)}
body.vice-city-theme .sidebar,body.vice-city-theme .topbar,body.vice-city-theme .stat-card,body.vice-city-theme .dashboard-card{background:rgba(20,12,48,.82)!important;border-color:rgba(255,91,190,.28)!important;box-shadow:0 0 24px rgba(255,65,180,.09)}
body.halloween-theme .sidebar,body.halloween-theme .topbar,body.halloween-theme .stat-card,body.halloween-theme .dashboard-card{background:rgba(31,17,20,.86)!important;border-color:rgba(249,115,22,.24)!important}
body.christmas-theme .sidebar,body.christmas-theme .topbar,body.christmas-theme .stat-card,body.christmas-theme .dashboard-card{background:rgba(12,35,27,.86)!important;border-color:rgba(74,222,128,.23)!important}
body.space-theme .topbar h1,body.vice-city-theme .topbar h1,body.halloween-theme .topbar h1,body.christmas-theme .topbar h1,body.space-theme .dashboard-welcome h2,body.vice-city-theme .dashboard-welcome h2,body.halloween-theme .dashboard-welcome h2,body.christmas-theme .dashboard-welcome h2,body.space-theme .card-heading h3,body.vice-city-theme .card-heading h3,body.halloween-theme .card-heading h3,body.christmas-theme .card-heading h3,body.space-theme .stat-card strong,body.vice-city-theme .stat-card strong,body.halloween-theme .stat-card strong,body.christmas-theme .stat-card strong{color:#fff!important}
body.space-theme .dashboard-welcome p,body.vice-city-theme .dashboard-welcome p,body.halloween-theme .dashboard-welcome p,body.christmas-theme .dashboard-welcome p,body.space-theme .dashboard-card>p,body.vice-city-theme .dashboard-card>p,body.halloween-theme .dashboard-card>p,body.christmas-theme .dashboard-card>p,body.space-theme .stat-card small,body.vice-city-theme .stat-card small,body.halloween-theme .stat-card small,body.christmas-theme .stat-card small,body.space-theme .stat-card em,body.vice-city-theme .stat-card em,body.halloween-theme .stat-card em,body.christmas-theme .stat-card em{color:#c4ccdf!important}
body.space-theme .side-item,body.vice-city-theme .side-item,body.halloween-theme .side-item,body.christmas-theme .side-item,body.space-theme .profile-info b,body.vice-city-theme .profile-info b,body.halloween-theme .profile-info b,body.christmas-theme .profile-info b{color:#f0f3ff!important}
body.space-theme .side-item:hover,body.space-theme .side-item.active{background:rgba(110,145,255,.18)!important;color:#b9d5ff!important}body.vice-city-theme .side-item:hover,body.vice-city-theme .side-item.active{background:rgba(255,65,180,.18)!important;color:#ff9bd6!important}body.halloween-theme .side-item:hover,body.halloween-theme .side-item.active{background:rgba(249,115,22,.17)!important;color:#ffc08a!important}body.christmas-theme .side-item:hover,body.christmas-theme .side-item.active{background:rgba(34,197,94,.17)!important;color:#b8f7c5!important}
body.space-theme .brand.compact .lms-wordmark{background:linear-gradient(135deg,#3655a8,#162a55);color:#dce9ff;border-color:#6d8bff}body.vice-city-theme .brand.compact .lms-wordmark{background:linear-gradient(135deg,#ff3fa4,#8d43f6 55%,#08cddd);color:white;border-color:#ff9bd6}body.halloween-theme .brand.compact .lms-wordmark{background:linear-gradient(135deg,#f97316,#581c87);color:#fff}body.christmas-theme .brand.compact .lms-wordmark{background:linear-gradient(135deg,#16834a,#b91c1c);color:#fff}
body.space-theme .topbar-clock strong,body.vice-city-theme .topbar-clock strong,body.halloween-theme .topbar-clock strong,body.christmas-theme .topbar-clock strong{color:#fff!important}body.space-theme .topbar-clock small,body.vice-city-theme .topbar-clock small,body.halloween-theme .topbar-clock small,body.christmas-theme .topbar-clock small{color:#c4ccdf!important}
body.space-theme .new-chat{background:linear-gradient(100deg,#4169e1,#14b8a6)!important;color:white}body.vice-city-theme .new-chat{background:linear-gradient(100deg,#ff3fa4,#a84cff 55%,#12cddd)!important;color:white}body.halloween-theme .new-chat{background:linear-gradient(100deg,#ea580c,#7c3aed)!important;color:white}body.christmas-theme .new-chat{background:linear-gradient(100deg,#15803d,#b91c1c)!important;color:white}
@media(max-width:720px){.topbar-clock{min-width:0;padding:0 6px;border:0}.topbar-clock strong{font-size:12px}.topbar-clock small{font-size:8px;max-width:90px;overflow:hidden;text-overflow:ellipsis}.top-actions{gap:5px}.online-indicator{display:none!important}.lms-wordmark{width:40px;height:38px}}
@media(prefers-reduced-motion:reduce){body.space-theme:after,body.vice-city-theme:after,body.halloween-theme:after,body.christmas-theme:after{animation:none}}


/* LMS 1.5.8 – modal sizing and reliable system-history scrolling */
#modalContent:has(.activity-modal){
  width:min(1050px,calc(100vw - 40px));
  max-width:1050px;
  max-height:calc(100vh - 40px);
  overflow-y:auto;
  overflow-x:hidden;
  padding:22px;
  box-sizing:border-box;
  overscroll-behavior:contain;
}
#modalContent .activity-modal{width:100%;max-width:none;min-width:0;box-sizing:border-box}
#modalContent .activity-modal *{box-sizing:border-box;min-width:0}
#modalContent .activity-modal .settings-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
#modalContent .activity-modal .update-status{grid-template-columns:repeat(2,minmax(0,1fr))}
#modalContent .activity-modal .update-status>div{background:var(--panel2,#202b23)!important;border-color:var(--line,#354438)!important;color:var(--text,#edf2ed)!important}
#modalContent .activity-modal .update-status strong{color:var(--text,#edf2ed)!important}
#modalContent .activity-modal .backup-list{width:100%;max-height:none;overflow:visible}
#modalContent .activity-modal .backup-item{width:100%;min-width:0;background:rgba(0,0,0,.08)}
#modalContent .activity-modal .backup-item>div{min-width:0;flex:1;overflow-wrap:anywhere}
#modalContent .activity-modal .activity-table-wrap{width:100%;max-height:52vh;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#modalContent .activity-modal .activity-table{min-width:780px}
#modalContent .activity-modal .modal-actions{position:sticky;bottom:-22px;background:var(--panel,#171e1a);padding:12px 0 2px;z-index:2}
@media(max-width:720px){
 #modalContent:has(.activity-modal){width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:15px}
 #modalContent .activity-modal .update-status{grid-template-columns:1fr}
 #modalContent .activity-modal .activity-table-wrap{max-height:55vh}
}


/* LMS 1.5.9 – complete light palette for actual LMS components */
:root[data-theme="light"] body,
:root[data-theme="light"] .app-shell,
:root[data-theme="light"] .main,
:root[data-theme="light"] .dashboard-view,
:root[data-theme="light"] .friends-view,
:root[data-theme="light"] .notification-view,
:root[data-theme="light"] .workspace{background:#f3f6f8!important;color:#25313b!important}
:root[data-theme="light"] .sidebar,
:root[data-theme="light"] .chat-list-panel{background:#fff!important;border-color:#e2e8ed!important;color:#25313b!important}
:root[data-theme="light"] .topbar{background:#fff!important;border-color:#e3e9ee!important}
:root[data-theme="light"] .topbar h1,
:root[data-theme="light"] .dashboard-welcome h2,
:root[data-theme="light"] .card-heading h3,
:root[data-theme="light"] .chat-list-head h3,
:root[data-theme="light"] .chat-item,
:root[data-theme="light"] .profile-info b{color:#25313b!important}
:root[data-theme="light"] .dashboard-welcome p,
:root[data-theme="light"] .dashboard-card>p,
:root[data-theme="light"] .side-label,
:root[data-theme="light"] .side-version,
:root[data-theme="light"] .profile-info small{color:#778590!important}
:root[data-theme="light"] .stat-card,
:root[data-theme="light"] .dashboard-card,
:root[data-theme="light"] .notification-view>.dashboard-card{background:#fff!important;border-color:#e1e8ed!important;color:#25313b!important;box-shadow:0 3px 14px rgba(24,42,56,.045)!important}
:root[data-theme="light"] .stat-card strong{color:#25313b!important}
:root[data-theme="light"] .stat-card small,
:root[data-theme="light"] .stat-card em{color:#7b8791!important}
:root[data-theme="light"] .quick-actions button{background:#f7faf8!important;border-color:#e1e9e2!important;color:#25313b!important}
:root[data-theme="light"] .quick-actions button small{color:#778590!important}
:root[data-theme="light"] .system-row{border-color:#e5eaee!important;color:#778590!important}
:root[data-theme="light"] .system-row b{color:#25313b!important}
:root[data-theme="light"] .chat-item{background:transparent!important;color:#25313b!important}
:root[data-theme="light"] .chat-item:hover,
:root[data-theme="light"] .chat-item.selected{background:#edf5e8!important}
:root[data-theme="light"] .chat-meta small,:root[data-theme="light"] .chat-time{color:#87939d!important}
:root[data-theme="light"] .search-wrap{background:#f7f9fa!important;border-color:#e0e7eb!important}
:root[data-theme="light"] .search-wrap input{color:#25313b!important}
:root[data-theme="light"] .conversation-panel{background:#f4f7f9!important}
:root[data-theme="light"] .chat-header,:root[data-theme="light"] .composer{background:#fff!important;border-color:#e2e8ed!important}
:root[data-theme="light"] .chat-header strong{color:#25313b!important}
:root[data-theme="light"] .chat-header small,:root[data-theme="light"] .composer-hint{color:#7b8791!important}
:root[data-theme="light"] .bubble{background:#fff!important;border-color:#e1e7eb!important;color:#25313b!important}
:root[data-theme="light"] .mine .bubble{background:#e5f3dc!important;border-color:#d4e8c8!important;color:#253b25!important}
:root[data-theme="light"] .message-sender,:root[data-theme="light"] .message-time{color:#89949d!important}
:root[data-theme="light"] .day-separator span{background:#e9eff2!important;color:#647784!important}
:root[data-theme="light"] .composer textarea{background:#fff!important;color:#25313b!important;border-color:#dce4e9!important}
:root[data-theme="light"] .side-item{color:#667582!important}
:root[data-theme="light"] .side-item:hover,:root[data-theme="light"] .side-item.active{background:#eef5e9!important;color:#4d7930!important}
:root[data-theme="light"] .profile .avatar{background:#e7f0e1!important;color:#4e7936!important}
:root[data-theme="light"] .modal{background:#fff!important;color:#25313b!important;border-color:#e0e7eb!important}
:root[data-theme="light"] .modal h3,:root[data-theme="light"] .modal label{color:#25313b!important}
:root[data-theme="light"] .modal p{color:#687783!important}
:root[data-theme="light"] .modal input,:root[data-theme="light"] .modal select{background:#fff!important;color:#25313b!important;border-color:#dce4e9!important}
:root[data-theme="light"] .activity-table th,:root[data-theme="light"] .activity-table td{border-color:#e3e9ed!important;color:#33424d!important}
:root[data-theme="light"] .activity-table th{background:#f5f8fa!important}
:root[data-theme="light"] .update-status>div{background:#f5f8fa!important;border-color:#e1e8ed!important;color:#25313b!important}
:root[data-theme="light"] .update-status strong{color:#25313b!important}
:root[data-theme="light"] .backup-item{background:#fff!important;border-color:#e1e8ed!important}
:root[data-theme="light"] .backup-item b{color:#25313b!important}
:root[data-theme="light"] .backup-item small{color:#7b8791!important}
.chat-header .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
#activityOpen{position:relative;z-index:3;pointer-events:auto;cursor:pointer}
#modalBackdrop.open{z-index:10000}


/* LMS 1.6.0 – complete light-theme coverage for the friends directory */
:root[data-theme="light"] .friends-view,
:root[data-theme="light"] #friendsView,
:root[data-theme="light"] #friendsView .dashboard-card,
:root[data-theme="light"] #friendsView .card-heading,
:root[data-theme="light"] #friendsView .friend-requests,
:root[data-theme="light"] #friendsView .friends-grid {
  background: #f3f6f8 !important;
  color: #25313b !important;
}
:root[data-theme="light"] #friendsView .dashboard-card {
  border-color: #e1e8ed !important;
  box-shadow: 0 3px 14px rgba(24,42,56,.045) !important;
}
:root[data-theme="light"] #friendsView h3,
:root[data-theme="light"] #friendsView h4,
:root[data-theme="light"] #friendsView .friend-card-info b {
  color: #25313b !important;
}
:root[data-theme="light"] #friendsView p,
:root[data-theme="light"] #friendsView .muted,
:root[data-theme="light"] #friendsView .friend-card-info small {
  color: #71808b !important;
}
:root[data-theme="light"] #friendsView .friend-card,
:root[data-theme="light"] #friendsView .friend-request {
  background: #fff !important;
  border: 1px solid #e1e8ed !important;
  color: #25313b !important;
}
:root[data-theme="light"] #friendsView .friend-card:hover {
  background: #f9fbfc !important;
}
:root[data-theme="light"] #friendsView .empty-state {
  background: #fff !important;
  color: #71808b !important;
  border: 1px dashed #d7e0e6 !important;
}
:root[data-theme="light"] .danger {
  background: #fff1f0 !important;
  border: 1px solid #f1cbc7 !important;
  color: #b33b32 !important;
}
:root[data-theme="light"] .activity-modal {
  background: #fff !important;
  color: #25313b !important;
}
:root[data-theme="light"] .activity-stats > div,
:root[data-theme="light"] .activity-toolbar {
  background: #f5f8fa !important;
  border-color: #e1e8ed !important;
  color: #25313b !important;
}
:root[data-theme="light"] .activity-table-wrap {
  background: #fff !important;
  border-color: #e1e8ed !important;
}


/* LMS 1.6.1 – unified theme surfaces and prevent decorative layers covering chat controls */
.app-shell{position:relative;isolation:isolate;overflow:hidden}
.app-shell>.sidebar,.app-shell>.main{position:relative;z-index:1;min-width:0}
.main,.workspace,.conversation-panel{min-width:0;isolation:isolate}
.conversation-panel{position:relative;z-index:1}
.chat-header,.chat-header>*{position:relative;z-index:2}
.chat-header{flex:0 0 72px;min-height:72px;overflow:visible;cursor:default}
.chat-header .avatar{position:relative;z-index:3;flex:0 0 38px;overflow:hidden}
.chat-header .avatar img,.avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
.chat-header>div{min-width:0;display:flex;flex-direction:column;justify-content:center}
.messages{position:relative;z-index:1;min-height:0;isolation:isolate}
.message-row{position:relative;z-index:1}
.bubble{position:relative;z-index:1;max-width:100%;overflow-wrap:anywhere}
.composer,.composer-hint{position:relative;z-index:2;flex-shrink:0}
.send-btn,.composer button,.chat-header button,.chat-header .icon-btn{position:relative;z-index:4;flex:0 0 auto}
body.space-theme:after,body.vice-city-theme:after,body.halloween-theme:after,body.christmas-theme:after{z-index:0;pointer-events:none}

/* Light theme: use the same neutral palette across every messenger surface. */
:root[data-theme="light"] .app-shell,
:root[data-theme="light"] .main,
:root[data-theme="light"] .workspace,
:root[data-theme="light"] .conversation-panel{background:#f3f6f8!important;color:#263440!important}
:root[data-theme="light"] .topbar{background:#fff!important;color:#263440!important;border-color:#dfe6eb!important}
:root[data-theme="light"] .topbar h1{color:#263440!important}
:root[data-theme="light"] .chat-list-panel{background:#fff!important;color:#263440!important;border-color:#e0e7ec!important}
:root[data-theme="light"] .chat-list-head h3{color:#263440!important}
:root[data-theme="light"] .chat-header{background:#fff!important;color:#263440!important;border-color:#e0e7ec!important}
:root[data-theme="light"] .chat-header strong{color:#263440!important}
:root[data-theme="light"] .chat-header small{color:#71808c!important}
:root[data-theme="light"] .messages{background:#f3f6f8!important}
:root[data-theme="light"] .day-separator span{background:#e7edf1!important;color:#61717e!important;border:1px solid #dce4e9!important}
:root[data-theme="light"] .message-sender,:root[data-theme="light"] .message-time{color:#778692!important}
:root[data-theme="light"] .bubble{background:#fff!important;color:#263440!important;border:1px solid #dfe6eb!important;box-shadow:0 2px 7px rgba(25,45,60,.04)!important}
:root[data-theme="light"] .mine .bubble{background:#e5f2dc!important;color:#263d26!important;border-color:#d2e5c7!important}
:root[data-theme="light"] .composer{background:#fff!important;border-color:#e0e7ec!important}
:root[data-theme="light"] .composer textarea{background:#f8fafb!important;color:#263440!important;border-color:#d8e1e7!important}
:root[data-theme="light"] .composer-hint{background:#fff!important;color:#87939c!important}
:root[data-theme="light"] .send-btn{background:linear-gradient(135deg,#bce98b,#8dce5c)!important;color:#20321b!important;border:0!important}
:root[data-theme="light"] .chat-item{color:#263440!important}
:root[data-theme="light"] .chat-item:hover,:root[data-theme="light"] .chat-item.selected{background:#edf5e8!important}
:root[data-theme="light"] .chat-meta strong{color:#263440!important}
:root[data-theme="light"] .chat-meta small,:root[data-theme="light"] .chat-time{color:#7b8993!important}
:root[data-theme="light"] .avatar{background:#e6eee2!important;color:#52783c!important}
:root[data-theme="light"] .avatar img{background:transparent!important}
:root[data-theme="light"] .preset-avatar{background:#e8f2e1!important;color:#52783c!important;border-color:#d6e6cc!important}

/* Dark theme: avoid leftover light/green blocks in chat. */
:root[data-theme="dark"] .app-shell,
:root[data-theme="dark"] .main,
:root[data-theme="dark"] .workspace,
:root[data-theme="dark"] .conversation-panel{background:#111713!important;color:#edf3ed!important}
:root[data-theme="dark"] .chat-header{background:#18211b!important;color:#edf3ed!important;border-color:#2c3a30!important}
:root[data-theme="dark"] .messages{background:#111713!important}
:root[data-theme="dark"] .composer{background:#18211b!important;border-color:#2c3a30!important}
:root[data-theme="dark"] .composer-hint{background:#18211b!important;color:#9aa99e!important}
:root[data-theme="dark"] .send-btn{background:linear-gradient(135deg,#c7f58a,#9bdd5b)!important;color:#172013!important}

@media(max-width:720px){
 .chat-header{padding:0 14px;flex-basis:64px;min-height:64px;height:64px}
 .messages{padding:18px 14px}
 .message-row{max-width:88%}
 .composer{padding:11px 12px 14px;gap:8px}
 .composer-hint{padding:0 12px 8px}
}


/* LMS 1.6.2 – dekorative Elemente strikt aus Eingabe-/Icon-Ebene entfernen */
/* Der animierte Planet war ein Pseudoelement des gesamten Chat-Hauptbereichs und lag dadurch über dem Senden-Button. */
body.space-theme .main:before,.space-theme .main:before{content:none!important;display:none!important}
body.space-theme:after,.space-theme:after{z-index:0!important;pointer-events:none!important}
body.space-theme .app-shell,body.space-theme .main,body.space-theme .workspace,body.space-theme .conversation-panel{position:relative;z-index:1;isolation:isolate}
body.space-theme .composer,body.space-theme .composer-hint{position:relative;z-index:5}
body.space-theme .send-btn{position:relative;z-index:6}
/* Slimmer wordmark and less bulky brand lockup, including sign-in and 2FA pages. */
.lms-wordmark{width:38px!important;height:34px!important;border-radius:9px!important;font-size:14px!important;letter-spacing:-1px!important;box-shadow:none!important}
.brand{gap:10px!important}.brand strong{font-size:17px!important;letter-spacing:-.65px!important;font-weight:700!important}.brand strong span{font-size:inherit!important;font-weight:500!important}
.brand.compact{gap:9px!important;padding-bottom:27px!important}.brand.compact .lms-wordmark{width:34px!important;height:31px!important;font-size:13px!important}.brand.compact strong{font-size:14px!important;font-weight:700!important}.brand.compact small{font-size:8px!important;letter-spacing:.35px!important}
/* Login page receives the same deliberate LMS identity and balanced card treatment. */
.login-shell{grid-template-columns:minmax(360px,1.02fr) minmax(390px,.98fr)!important;background:radial-gradient(ellipse at 16% 14%,rgba(125,180,91,.13),transparent 42%),#101512!important}
.brand-panel{padding:46px clamp(28px,6vw,90px) 28px!important}
.brand-copy{max-width:500px!important;padding:54px 0!important}
.brand-copy h1{font-size:clamp(38px,4.5vw,60px)!important;letter-spacing:-2.3px!important}
.login-panel{position:relative!important;padding:48px 28px!important}
.login-card{max-width:420px!important;padding:34px!important;border:1px solid #2c3b31!important;border-radius:20px!important;background:rgba(23,30,26,.88)!important;box-shadow:0 24px 70px rgba(0,0,0,.22)!important}
.login-card h2{font-size:30px!important;letter-spacing:-1.1px!important}
.login-card .muted{margin-bottom:25px!important;line-height:1.65}
.login-card label{margin-top:16px!important;color:#c6d0c8!important}
.login-card .field{background:#101713!important;border-color:#344338!important}
.login-card .wide{margin-top:22px!important}
.login-panel footer{position:absolute;bottom:18px!important}
/* Friends directory: roomier cards and responsive actions without clipping names/buttons. */
.friends-view{padding:0 0 34px!important}
.friends-view .dashboard-card{padding:clamp(20px,2.4vw,30px)!important}
.friends-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,285px),1fr))!important;gap:16px!important;margin-top:24px!important;align-items:stretch}
.friend-card{min-height:78px;padding:16px 17px!important;gap:13px!important;flex-wrap:wrap!important;align-content:center}
.friend-card>.avatar{width:42px;height:42px;flex:0 0 42px}
.friend-card-info{flex:1 1 110px!important;min-width:110px!important;gap:4px}
.friend-card-info b{font-size:13px!important;white-space:normal!important;overflow-wrap:anywhere}
.friend-card-info small{font-size:10px!important;overflow-wrap:anywhere}
.friend-card .small{flex:0 0 auto;padding:8px 11px!important;min-height:32px}
@media(max-width:700px){.login-shell{display:flex!important;flex-direction:column!important}.brand-panel{min-height:210px!important;padding:25px 24px!important;border-right:0;border-bottom:1px solid #26332b}.brand-copy{padding:28px 0 8px!important}.brand-copy h1{font-size:34px!important;margin:12px 0!important}.brand-copy>p,.brand-copy .feature,.brand-foot{display:none!important}.login-panel{padding:25px 16px 60px!important}.login-card{padding:25px 21px!important}.friends-grid{grid-template-columns:1fr!important}.friend-card{padding:14px!important}}
/* Expanded audit view: additional system counters and readable event metadata. */
.activity-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.activity-stats>div{min-height:68px;display:flex;flex-direction:column;justify-content:center;gap:5px}
.activity-stats>div b{font-size:21px;font-variant-numeric:tabular-nums}
.activity-table td:first-child{white-space:nowrap;font-variant-numeric:tabular-nums}
.activity-table td:nth-child(4){min-width:240px;max-width:420px;overflow-wrap:anywhere}
.activity-table td small{max-width:360px;line-height:1.45}
@media(max-width:720px){.activity-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* LMS 1.6.3 – Space-Theme: Sternenhimmel zurück, Dekoration nur in der Kopfzeile. */
body.space-theme{background-color:#080b1b!important;background-image:radial-gradient(ellipse at 18% 18%,rgba(73,104,255,.20),transparent 35%),radial-gradient(ellipse at 82% 30%,rgba(0,220,255,.12),transparent 32%),linear-gradient(145deg,#080b1b,#101a36 60%,#090d20)!important;background-attachment:fixed!important}
body.space-theme:after{content:""!important;display:block!important;position:fixed!important;inset:0!important;z-index:0!important;pointer-events:none!important;opacity:.42!important;background-image:radial-gradient(1px 1px at 12% 18%,#fff 98%,transparent),radial-gradient(2px 2px at 76% 24%,rgba(255,255,255,.9) 98%,transparent),radial-gradient(1px 1px at 42% 78%,rgba(160,220,255,.9) 98%,transparent)!important;background-size:260px 220px!important;animation:lms-theme-stars 42s linear infinite!important}
body.space-theme .app-shell,body.space-theme .topbar,body.space-theme .main,body.space-theme .workspace,body.space-theme .conversation-panel{position:relative;z-index:1}
body.space-theme .topbar{isolation:isolate}
body.space-theme .topbar:after{content:"🪐";position:absolute;right:clamp(16px,3vw,42px);top:50%;transform:translateY(-50%);font-size:25px;line-height:1;opacity:.88;pointer-events:none;z-index:0;filter:drop-shadow(0 3px 8px rgba(89,140,255,.3))}
body.space-theme .topbar>*{position:relative;z-index:1}
body.space-theme .composer,body.space-theme .composer-hint{position:relative;z-index:2}
body.space-theme .send-btn{position:relative;z-index:3}

/* Chat mini-games */
.chat-games-btn{margin-left:auto;white-space:nowrap}
.chat-heading{min-width:0;flex:1}
.chat-games-modal{width:min(440px,calc(100vw - 36px));padding:8px 2px 4px}
.chat-games-modal h3{margin:0 0 7px;font-size:22px}
.chat-games-modal>.muted{margin:0 0 20px;line-height:1.5}
.game-choice{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--border,#344338);border-radius:13px;background:var(--surface-2,rgba(255,255,255,.035))}
.game-choice>div{display:flex;flex-direction:column;gap:4px}
.game-choice small{font-size:11px;opacity:.7}
.ttt-status{text-align:center;margin:18px 0 12px;font-weight:650}
.ttt-board{width:min(300px,100%);aspect-ratio:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 auto}
.ttt-cell{border:1px solid var(--border,#344338);border-radius:12px;background:var(--surface-2,#18211b);color:var(--text,#edf3ed);font-size:42px;font-weight:750;cursor:pointer;min-width:0}
.ttt-cell:disabled{cursor:default;opacity:1}
.ttt-cell:not(:disabled):hover{border-color:var(--accent,#55cda5);background:rgba(85,205,165,.12)}
.ttt-legend{display:flex;justify-content:center;gap:26px;margin:15px 0 4px;font-size:12px;opacity:.85}
:root[data-theme="light"] .game-choice{background:#f7fafb;border-color:#dce5e9}
:root[data-theme="light"] .ttt-cell{background:#f3f7f8;color:#263440;border-color:#d8e2e7}
@media(max-width:480px){.chat-header{gap:8px}.chat-games-btn{padding:7px 9px!important;font-size:11px!important}.ttt-board{gap:6px}.ttt-cell{font-size:34px}}


/* LMS 1.6.4 – Space-Theme layers: background animation behind the app, planet in topbar only. */
html:has(body.space-theme),body.space-theme{background:#080b1b!important}
body.space-theme{background-color:#080b1b!important;background-image:radial-gradient(ellipse at 18% 18%,rgba(73,104,255,.20),transparent 35%),radial-gradient(ellipse at 82% 30%,rgba(0,220,255,.12),transparent 32%),linear-gradient(145deg,#080b1b,#101a36 60%,#090d20)!important;background-attachment:fixed!important}
body.space-theme:after,.space-theme:after{content:""!important;display:block!important;position:fixed!important;inset:0!important;z-index:0!important;pointer-events:none!important;opacity:.48!important;background-image:radial-gradient(1px 1px at 12% 18%,#fff 98%,transparent),radial-gradient(2px 2px at 76% 24%,rgba(255,255,255,.9) 98%,transparent),radial-gradient(1px 1px at 42% 78%,rgba(160,220,255,.9) 98%,transparent),radial-gradient(1px 1px at 88% 82%,rgba(180,200,255,.9) 98%,transparent)!important;background-size:260px 220px!important;animation:lms-theme-stars 42s linear infinite!important}
body.space-theme .app-shell,body.space-theme .topbar,body.space-theme .main,body.space-theme .workspace,body.space-theme .conversation-panel{position:relative;z-index:1}
body.space-theme .topbar{isolation:isolate;padding-right:76px!important}
body.space-theme .topbar:after{content:"🪐"!important;display:block!important;position:absolute!important;right:22px!important;top:50%!important;transform:translateY(-50%)!important;font-size:26px!important;line-height:1!important;opacity:.9!important;pointer-events:none!important;z-index:0!important;filter:drop-shadow(0 3px 8px rgba(89,140,255,.3))}
body.space-theme .topbar>*{position:relative;z-index:1}
body.space-theme .composer,body.space-theme .composer-hint{position:relative;z-index:2}

/* Update and backup dialogs: accessible contrast in both themes. */
#modalContent:has(.update-status),#modalContent:has(.backup-list){width:min(620px,calc(100vw - 28px));max-width:620px;max-height:calc(100vh - 32px);overflow:auto;padding:28px;box-sizing:border-box}
#modalContent:has(.update-status)>h3{font-size:22px;margin:0 0 8px}
#modalContent:has(.update-status)>p{line-height:1.55;margin:0 0 14px;color:var(--muted)}
.update-status>div{min-width:0}
.update-status small{color:var(--muted)!important}
.update-status strong{display:block;color:var(--text)!important;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.update-note{color:var(--text)!important;background:var(--surface-2)!important;border:1px solid var(--line)!important}
#updateFile{color:var(--text)!important;background:var(--surface)!important;border:1px solid var(--line)!important}
#modalContent:has(.update-status) label{display:block;color:var(--text)!important;font-weight:650;margin:14px 0 8px}
:root[data-theme="dark"] #modalContent:has(.update-status),
:root[data-theme="dark"] #modalContent:has(.backup-list){background:#17211b!important;color:#edf4ee!important;border:1px solid #34463a!important}
:root[data-theme="dark"] #modalContent:has(.update-status) p,
:root[data-theme="dark"] #modalContent:has(.update-status) label{color:#dce7de!important}
:root[data-theme="dark"] .update-status>div{background:#202d24!important;border-color:#3a4a3d!important}
:root[data-theme="dark"] .update-status small{color:#aebdaf!important}
:root[data-theme="dark"] .update-status strong{color:#f0f7f1!important}
:root[data-theme="dark"] .update-note{background:#263a2b!important;color:#d8efcf!important;border-color:#405b43!important}
:root[data-theme="dark"] #updateFile{background:#101812!important;color:#edf4ee!important;border-color:#405344!important}
:root[data-theme="light"] #modalContent:has(.update-status),
:root[data-theme="light"] #modalContent:has(.backup-list){background:#fff!important;color:#24313a!important;border:1px solid #dce4e9!important}
:root[data-theme="light"] .update-status>div{background:#f3f7f9!important;border-color:#dbe4e9!important}
:root[data-theme="light"] .update-status small{color:#687985!important}
:root[data-theme="light"] .update-status strong{color:#263640!important}
:root[data-theme="light"] .update-note{background:#edf5e9!important;color:#36563a!important;border-color:#d4e7d0!important}
:root[data-theme="light"] #updateFile{background:#f8fafb!important;color:#263640!important;border-color:#d5e0e6!important}

/* Additional chat games. */
.game-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 16px}
.game-picker button{min-height:44px;padding:9px 8px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);font-size:11px;font-weight:650;cursor:pointer}
.game-picker button.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--surface-2))}
.c4-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;width:min(350px,100%);margin:0 auto;padding:9px;border-radius:14px;background:#2459a6}
.c4-cell{aspect-ratio:1;border:0;border-radius:50%;background:#e9f0f7;color:#fff;font-size:0;min-width:0;cursor:pointer}
.c4-cell.is-x{background:#f2c84b;box-shadow:inset 0 0 0 2px rgba(0,0,0,.12)}
.c4-cell.is-o{background:#e65e57;box-shadow:inset 0 0 0 2px rgba(0,0,0,.12)}
.c4-cell:disabled{cursor:default;opacity:1}
.rps-choices{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:20px 0}
.rps-choices button{min-height:48px}
.rps-status{text-align:center;font-size:12px}
@media(max-width:480px){.game-picker{grid-template-columns:1fr}.c4-board{gap:4px;padding:7px}}


/* LMS 1.6.5 – Admin modal großzügig; Space-Dekoration sichtbar über App-Flächen. */
#modalContent:has(.admin-users-modal){
  width:min(1040px,calc(100vw - 40px))!important;
  max-width:1040px!important;
  max-height:calc(100vh - 36px)!important;
  overflow:auto!important;
  padding:30px 34px!important;
  box-sizing:border-box!important;
}
.admin-users-modal{width:100%;max-width:none;min-width:0;box-sizing:border-box}
.admin-users-modal .admin-user-table-wrap{width:100%;overflow-x:auto}
.admin-users-modal .user-table{width:100%;min-width:720px}
.admin-users-modal .admin-create{margin-top:22px}
.admin-users-modal .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.admin-users-modal .settings-grid label{min-width:0}
.admin-users-modal .settings-grid input,.admin-users-modal .settings-grid select{width:100%;min-width:0;box-sizing:border-box}
@media(max-width:650px){
 #modalContent:has(.admin-users-modal){width:calc(100vw - 20px)!important;padding:20px 16px!important}
 .admin-users-modal .settings-grid{grid-template-columns:1fr}
}

/* Space theme: keep the original layered gradients and put a subtle starfield
   above opaque app panels, but never intercept clicks. */
body.space-theme{
 background:#080b1b!important;
 background-image:radial-gradient(ellipse at 18% 18%,rgba(73,104,255,.24),transparent 35%),radial-gradient(ellipse at 82% 30%,rgba(0,220,255,.15),transparent 32%),linear-gradient(145deg,#080b1b,#101a36 60%,#090d20)!important;
 background-attachment:fixed!important;
}
body.space-theme:after{
 content:""!important;display:block!important;position:fixed!important;inset:0!important;
 z-index:40!important;pointer-events:none!important;opacity:.28!important;
 background-image:
 radial-gradient(1.5px 1.5px at 8% 16%,#fff 98%,transparent),
 radial-gradient(1px 1px at 19% 68%,rgba(170,205,255,.95) 98%,transparent),
 radial-gradient(2px 2px at 37% 28%,rgba(255,255,255,.9) 98%,transparent),
 radial-gradient(1px 1px at 54% 78%,rgba(130,210,255,.9) 98%,transparent),
 radial-gradient(1.5px 1.5px at 72% 18%,#fff 98%,transparent),
 radial-gradient(1px 1px at 89% 62%,rgba(180,195,255,.9) 98%,transparent);
 background-size:100% 100%!important;
 animation:lms-space-drift 55s linear infinite!important;
}
@keyframes lms-space-drift{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(-8px,5px,0)}100%{transform:translate3d(0,0,0)}}
body.space-theme .topbar{position:relative!important;isolation:isolate!important;padding-right:78px!important}
body.space-theme .topbar:after{
 content:"🪐"!important;display:block!important;position:absolute!important;
 right:22px!important;top:50%!important;transform:translateY(-50%)!important;
 font-size:27px!important;line-height:1!important;opacity:.94!important;
 pointer-events:none!important;z-index:60!important;
 filter:drop-shadow(0 0 10px rgba(104,157,255,.55))!important;
}
body.space-theme .topbar>*{position:relative;z-index:61}


/* LMS 1.6.6 – Space skin is a visible animated layer, not only a flat tint. */
body.space-theme{
 background:#070b1b!important;
 background-image:radial-gradient(ellipse at 15% 12%,rgba(72,93,255,.30),transparent 38%),radial-gradient(ellipse at 82% 28%,rgba(0,198,255,.20),transparent 34%),radial-gradient(ellipse at 55% 90%,rgba(120,70,255,.18),transparent 38%),linear-gradient(135deg,#070b1b 0%,#101a38 52%,#080d22 100%)!important;
 background-attachment:fixed!important;
}
body.space-theme:after{
 content:""!important;display:block!important;position:fixed!important;inset:0!important;
 z-index:9998!important;pointer-events:none!important;opacity:.62!important;
 background-image:
 radial-gradient(1px 1px at 10% 15%,#fff 99%,transparent 100%),
 radial-gradient(2px 2px at 23% 43%,rgba(255,255,255,.95) 99%,transparent 100%),
 radial-gradient(1px 1px at 38% 76%,rgba(160,210,255,.95) 99%,transparent 100%),
 radial-gradient(1px 1px at 52% 22%,#fff 99%,transparent 100%),
 radial-gradient(2px 2px at 68% 62%,rgba(200,220,255,.95) 99%,transparent 100%),
 radial-gradient(1px 1px at 84% 14%,#fff 99%,transparent 100%),
 radial-gradient(1px 1px at 93% 83%,rgba(160,210,255,.95) 99%,transparent 100%),
 radial-gradient(1px 1px at 7% 89%,#fff 99%,transparent 100%);
 background-size:100% 100%!important;
 animation:lms-space-stars 18s ease-in-out infinite alternate!important;
}
@keyframes lms-space-stars{from{opacity:.28;transform:translate3d(0,0,0)}to{opacity:.72;transform:translate3d(-5px,8px,0)}}
body.space-theme .topbar{position:relative!important;isolation:isolate!important;padding-right:82px!important}
body.space-theme .topbar:after{
 content:"🪐"!important;display:block!important;position:absolute!important;
 right:24px!important;top:50%!important;transform:translateY(-50%)!important;
 font-size:30px!important;line-height:1!important;opacity:1!important;
 pointer-events:none!important;z-index:10000!important;
 filter:drop-shadow(0 0 12px rgba(104,157,255,.75))!important;
}
body.space-theme .topbar>*{position:relative;z-index:10001}
.activity-stats-compact{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.activity-summary{display:flex;flex-wrap:wrap;gap:8px 18px;padding:11px 2px;margin:0 0 12px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}
.activity-summary b{color:var(--text)}
.game-session-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:10px 0 12px}
.game-session-actions .danger{background:#6d2929!important;color:#fff!important;border:1px solid #9a4141!important}
.game-picker button{white-space:normal;line-height:1.3}
@media(max-width:620px){.activity-stats-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Space theme: render nebula and stars inside the actual chat canvas. */
body.space-theme:after{z-index:-1!important;opacity:.15!important}
body.space-theme .conversation-panel{
 background:radial-gradient(ellipse at 22% 22%,rgba(53,86,190,.32),transparent 42%),radial-gradient(ellipse at 78% 70%,rgba(0,150,210,.18),transparent 42%),linear-gradient(145deg,#090f25,#111b38 58%,#090f24)!important;
 overflow:hidden!important;
}
body.space-theme .conversation-panel:before{
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.78;
 background-image:
 radial-gradient(2px 2px at 4% 12%,#fff 98%,transparent),
 radial-gradient(1px 1px at 11% 43%,#c7d9ff 98%,transparent),
 radial-gradient(1.5px 1.5px at 19% 81%,#fff 98%,transparent),
 radial-gradient(2px 2px at 28% 27%,#d6e4ff 98%,transparent),
 radial-gradient(1px 1px at 37% 63%,#fff 98%,transparent),
 radial-gradient(1.5px 1.5px at 46% 15%,#c8e6ff 98%,transparent),
 radial-gradient(1px 1px at 55% 88%,#fff 98%,transparent),
 radial-gradient(2px 2px at 64% 39%,#d6e4ff 98%,transparent),
 radial-gradient(1px 1px at 73% 72%,#fff 98%,transparent),
 radial-gradient(1.5px 1.5px at 82% 18%,#c8e6ff 98%,transparent),
 radial-gradient(1px 1px at 91% 55%,#fff 98%,transparent),
 radial-gradient(2px 2px at 97% 91%,#d6e4ff 98%,transparent);
 background-size:100% 100%;
 animation:lms-space-stars 24s ease-in-out infinite alternate;
}
body.space-theme .conversation-panel>*{position:relative;z-index:1}
body.space-theme .chat-header,body.space-theme .composer{background:rgba(10,17,39,.82)!important;backdrop-filter:blur(8px)}
body.space-theme .messages{background:transparent!important}
body.space-theme .chat-header{padding-right:70px!important}
body.space-theme .chat-header:after{content:"🪐";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:28px;line-height:1;filter:drop-shadow(0 0 10px rgba(104,157,255,.65));pointer-events:none}