#lms-portal .page-title{border-bottom:1px solid #ddcdef;padding-bottom:16px;margin-bottom:20px}
#lms-portal .page-title>div>small{color:#643294}
#lms-portal .metrics{gap:10px;align-items:stretch}
#lms-portal .metrics>div{background:#fff;border:1px solid #e3d6ef;min-width:0;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:18px 10px}
#lms-portal .metrics>div:nth-child(1){background:#3d1765;color:#fff;border-color:#3d1765}
#lms-portal .metrics>div:nth-child(1) small,#lms-portal .metrics>div:nth-child(1) strong,#lms-portal .metrics>div:nth-child(1) span,#lms-portal .metrics>div:nth-child(1) i{color:#fff}
#lms-portal .metrics>div:nth-child(3){background:#eee3fa}
#lms-portal .academy-hero{background:linear-gradient(120deg,#361052,#682bb2);color:#fff}
#lms-portal .academy-hero h2,#lms-portal .academy-hero p,#lms-portal .academy-hero small{color:#fff}
#lms-portal .watching-section{border-top:3px solid #8052bd;padding-top:20px;margin-top:20px}
#lms-portal .academy-right>.panel:nth-child(2){background:#eee5f8}
#lms-portal .profile-layout{align-items:start;gap:14px}
#lms-portal .profile-layout .panel{padding:18px;min-height:0}
#lms-portal .profile-summary{position:static;text-align:center}
#lms-portal .profile-summary .profile-photo,#lms-portal .profile-initials{width:86px;height:86px;margin:0 auto 10px}
#lms-portal .profile-layout h2{font-size:19px;margin:0 0 12px}
#lms-portal .profile-layout .form-grid{gap:10px}
#lms-portal .profile-layout label{margin:0 0 10px;font-size:13px;gap:5px}
#lms-portal .profile-layout input{min-height:40px;padding:9px 11px}
#lms-portal .profile-layout textarea{min-height:70px;padding:9px 11px}
#lms-portal .profile-layout .notice{padding:10px;margin:10px 0 18px}
#lms-portal .profile-layout #profile-form{background:#f3ebfc;border-radius:12px;padding:14px;margin-top:10px}
#lms-portal .community-layout{gap:18px;align-items:start}
#lms-portal .community-groups{background:#38145a;border-radius:16px;padding:16px;color:#fff}
#lms-portal .community-groups h3,#lms-portal .community-groups .muted,#lms-portal .community-groups .group-link{color:#eee2ff}
#lms-portal .community-groups .group-link{border:0;background:transparent;border-radius:10px}
#lms-portal .community-groups .group-link.selected{background:#7543a8;color:#fff}
#lms-portal .feed-composer{background:#eee2fa;border:1px solid #d7bdec;padding:14px;border-radius:14px;margin-bottom:18px}
#lms-portal .feed-post{border:1px solid #dfd4ea;border-radius:14px;background:#fff;padding:18px;margin-bottom:14px;box-shadow:0 3px 9px #40145c05;transition:border-color .2s}
#lms-portal .feed-post:hover{border-color:#ac8bca}
#lms-portal .feed-post header{border-bottom:1px solid #efe8f6;padding-bottom:12px;margin-bottom:12px}
#lms-portal .feed-post .post-body{font-size:15px;line-height:1.65;color:#30203d}
#lms-portal .feed-actions{border:0;border-top:1px solid #efe8f6;padding-top:12px;gap:8px;display:flex;flex-wrap:wrap}
#lms-portal .feed-actions button{border-radius:24px;padding:8px 12px;background:#f5f1f9;min-height:40px;font-size:12px;display:inline-flex;align-items:center;gap:6px}
#lms-portal .feed-heart{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:1.7}
#lms-portal .feed-actions button[aria-pressed=true]{background:#e9d5ff;color:#6b21a8}
#lms-portal .feed-actions button[aria-pressed=true] .feed-heart{fill:currentColor;animation:heart-pop .22s ease-out}
#lms-portal .feed-comments{background:#faf7fd;border-left:3px solid #c9afe2;padding:12px;margin-top:14px;border-radius:0 12px 12px 0}
#lms-portal .feed-comments>article{border-bottom:1px solid #e4d8ed;padding:12px 0;display:flow-root}
#lms-portal .feed-comments .avatar{float:left;margin:0 10px 6px 0}
#lms-portal .feed-comments .feed-comment-form{margin-top:12px}
#lms-portal .mentor-layout{display:grid;grid-template-columns:285px minmax(0,1fr);min-height:650px;border:1px solid #ddcde9;border-radius:18px;overflow:hidden;background:#fff}
#lms-portal .mentor-list{padding:18px;background:#f1e8fa;border-right:1px solid #ddcde9;min-width:0}
#lms-portal .mentor-list h2{font-size:19px;margin:0 0 6px}
#lms-portal .mentor-list>p{font-size:13px;color:#705c80}
#lms-portal .mentor-contact{display:flex;align-items:center;text-align:left;gap:10px;width:100%;padding:12px 8px;background:transparent;border:0;border-radius:12px;margin:6px 0;min-width:0}
#lms-portal .mentor-contact.selected{background:#fff;box-shadow:inset 3px 0 #7c3aed}
#lms-portal .mentor-contact>span:not(.avatar){flex:1;min-width:0}
#lms-portal .mentor-contact b,#lms-portal .mentor-contact small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#lms-portal .mentor-contact small{font-size:12px;color:#705c80;margin-top:4px}
#lms-portal .mentor-contact em{font-style:normal;background:#6d28d9;color:white;border-radius:20px;padding:2px 7px;font-size:11px}
#lms-portal .mentor-layout .avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#dfccf3;color:#51217d;font-weight:700}
#lms-portal .mentor-thread{min-width:0;display:flex;flex-direction:column;background:#faf7fd}
#lms-portal .mentor-header{display:flex;align-items:center;gap:10px;background:#3b175a;color:#fff;padding:14px}
#lms-portal .mentor-header>div{flex:1;min-width:0}
#lms-portal .mentor-header h2{font-size:18px;color:#fff;margin:0 0 3px;overflow-wrap:anywhere}
#lms-portal .mentor-header small{font-size:11px;color:#e7d6f5}
#lms-portal .mentor-header button{color:#fff}
#lms-portal .mentor-header #chat-back{background:#ffffff15;border:0;padding:5px 10px;display:none}
#lms-portal .mentor-details{padding:12px 18px;background:#eee4f8;border-bottom:1px solid #decaed;font-size:13px}
#lms-portal .mentor-details p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}
#lms-portal .chat-policy{font-size:11px;color:#7a6687;margin:10px 16px}
#lms-portal .mentor-messages{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:250px;height:360px;overflow-y:auto;padding:16px;overscroll-behavior:contain}
#lms-portal .mentor-message{max-width:85%;min-width:100px;padding:10px 13px;background:#fff;border:1px solid #e1d3ed;border-radius:0 14px 14px 14px;overflow-wrap:anywhere;box-sizing:border-box}
#lms-portal .mentor-message.mine{align-self:flex-end;background:#e8d8fa;border-color:#d9c2ef;border-radius:14px 0 14px 14px}
#lms-portal .mentor-message p{white-space:pre-wrap;margin:0 0 7px;line-height:1.55;font-size:14px}
#lms-portal .mentor-message time{display:block;font-size:10px;color:#7c668b;text-align:right;margin-top:5px}
#lms-portal .mentor-message img{max-width:100%;max-height:260px;object-fit:contain;border-radius:8px}
#lms-portal .mentor-message audio{max-width:100%;width:250px;height:40px}
#lms-portal #mentor-form{border-top:1px solid #ddcde9;background:#fff;padding:14px;margin-top:auto}
#lms-portal #mentor-form>label{font-size:12px;font-weight:600}
#lms-portal #mentor-form textarea{width:100%;box-sizing:border-box;min-height:65px;margin:5px 0 10px}
#lms-portal .mentor-compose-actions{display:flex;gap:8px;flex-wrap:wrap}
#lms-portal .mentor-compose-actions button,#lms-portal .chat-attach{min-height:40px;font-size:12px;margin:0;padding:9px 12px;box-sizing:border-box}
#lms-portal .chat-attach input{position:absolute;width:1px;height:1px;opacity:0}
#lms-portal .chat-attach:focus-within{outline:3px solid #a78bfa}
#lms-portal #mentor-attachment{font-size:12px;color:#6d28d9;margin:8px 0 0}
#lms-portal #mentor-error{color:#b42318;font-size:12px}
#lms-portal .mentor-empty{margin:auto;padding:35px;text-align:center;color:#755987}
#lms-portal .mentor-empty>span{font-size:60px;color:#9a71c0}
#lms-portal .chat-retention{max-width:760px;border-top:4px solid #6d28d9}
.tour-shade{position:fixed;background:#20102eab;z-index:2147482990;pointer-events:auto}
#zenx-tour-ring{position:fixed;z-index:2147482992;pointer-events:none;border:3px solid #c4a0ff;border-radius:10px;box-shadow:0 0 0 3px #fff9;box-sizing:border-box;transition:left .18s,top .18s,width .18s,height .18s}
#zenx-welcome-tour{display:block;inset:auto;z-index:2147483000;padding:18px;transition:top .18s,left .18s;max-height:calc(100dvh - 30px);overflow:auto}
#zenx-welcome-tour h2{font-size:20px!important;margin-bottom:8px!important}
#zenx-welcome-tour p{line-height:1.5;margin-bottom:10px;font-size:13px}
#zenx-welcome-tour .tour-live{padding:10px;background:#efe5fc;border-radius:8px;color:#5d238b;font-weight:600}
@keyframes heart-pop{50%{transform:scale(1.2)}}
@media(max-width:640px){#lms-portal .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#lms-portal .metrics>div{padding:14px 7px;min-height:130px}#lms-portal .metrics small,#lms-portal .metrics span{font-size:11px}#lms-portal .profile-layout{grid-template-columns:1fr;gap:12px}#lms-portal .profile-layout .panel{padding:14px}#lms-portal .profile-layout .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#lms-portal .community-groups{padding:12px}#lms-portal .feed-post{padding:14px}#lms-portal .feed-actions{gap:5px}#lms-portal .feed-actions button{padding:8px 10px;font-size:11px}#lms-portal .mentor-layout{grid-template-columns:1fr;min-height:560px}#lms-portal .mentor-layout .mentor-thread{display:none}#lms-portal .mentor-layout.has-thread .mentor-list{display:none}#lms-portal .mentor-layout.has-thread .mentor-thread{display:flex}#lms-portal .mentor-header #chat-back{display:block}#lms-portal .mentor-list{border-right:0}#lms-portal .mentor-header{padding:12px 10px;gap:8px}#lms-portal .mentor-header h2{font-size:16px}#lms-portal .mentor-message{max-width:92%}#lms-portal .mentor-messages{height:300px;padding:12px}#lms-portal .mentor-details{padding:10px 12px}#lms-portal .profile-summary p{margin:7px 0}}
@media(prefers-reduced-motion:reduce){#zenx-tour-ring,#zenx-welcome-tour,#lms-portal .feed-heart{transition:none!important;animation:none!important}}
@media(max-width:640px){#zenx-welcome-tour{padding:14px}#zenx-welcome-tour .tour-note{display:none}#zenx-welcome-tour h2{font-size:18px!important}#zenx-welcome-tour .tour-step{margin-top:8px;font-size:10px}#zenx-welcome-tour .tour-exit{margin-top:4px}#zenx-welcome-tour button{padding:7px 12px;min-height:36px}}
#lms-portal#lms-portal#lms-portal .mentor-header h2{color:#fff!important;font-size:17px!important;line-height:1.35!important}
#lms-portal#lms-portal#lms-portal .mentor-header small{color:#eadcf7!important}
#lms-portal#lms-portal#lms-portal .mentor-header button{width:auto!important;height:auto!important;min-width:36px!important;min-height:36px!important;flex:0 0 auto!important;font-size:12px!important;line-height:1.3!important;padding:8px!important;color:#fff!important;background:#ffffff15!important;border-color:#ffffff30!important}
#lms-portal#lms-portal#lms-portal .mentor-header>div{min-width:0!important;flex:1 1 0!important}
#lms-portal#lms-portal#lms-portal .community-groups :is(h3,.muted,.group-link,.group-link b,.dashicons){color:#eee2ff!important}
#lms-portal#lms-portal#lms-portal .metrics>div:first-child :is(small,strong,span,i){color:#fff!important}
#lms-portal#lms-portal#lms-portal .academy-hero :is(h2,p,small){color:#fff!important}
#lms-portal#lms-portal#lms-portal .community-groups{background:#38145a!important;border-color:#38145a!important}
#lms-portal#lms-portal#lms-portal .community-groups .group-link{background:transparent!important;border:0!important}
#lms-portal#lms-portal#lms-portal .community-groups .group-link.selected{background:#7442a7!important}
#lms-portal#lms-portal#lms-portal .metrics>div:first-child{background:#3d1765!important;border-color:#3d1765!important}
#lms-portal#lms-portal#lms-portal .metrics>div:nth-child(3){background:#eee3fa!important}
#lms-portal#lms-portal#lms-portal .academy-hero{background:linear-gradient(120deg,#361052,#682bb2)!important}
#lms-portal #profile-photo-preview{width:80px;height:80px;object-fit:cover;border-radius:50%;margin:0 0 12px;border:3px solid #d3b6ec}
#lms-portal #profile-photo-preview[hidden]{display:none}
#lms-portal #chat-load-earlier{align-self:center;font-size:12px;padding:8px 12px}