/* SOHBERA Platinum V2 — standalone visual redesign; all functionality retained */
html:root,html[data-theme="light"],body.sohbera-platinum {--bg:#e9edf1;--surface:#fff;--surface-2:#f3f5f7;--line:#dde3e8;--line-2:#e9edf0;--text:#263947;--muted:#70828d;--faint:#94a1a8;--brand:#247f90;--brand-soft:#e2f1f2;--rail:88px;--workspace:278px;--people:260px;--top:82px;--composer:96px}
body.sohbera-platinum{background:#e9edf1;color:#263947;font-family:Inter,'Plus Jakarta Sans',system-ui,sans-serif}
body.sohbera-platinum .app{background:#eff2f4;gap:0;}
body.sohbera-platinum .rail{background:#e8edef;border-right:1px solid #d3dde1;box-shadow:inset -1px 0 rgba(255,255,255,.6)}
body.sohbera-platinum .rail-brand{height:103px;border-bottom:0;position:relative}
body.sohbera-platinum .rail-brand:after{content:'';position:absolute;bottom:12px;width:28px;height:2px;background:#b9d6dc;border-radius:4px}
body.sohbera-platinum .sohbera-rail-logo{width:43px;height:43px;max-height:none;max-width:none;border-radius:15px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(28,82,91,.12))}
body.sohbera-platinum .rail-nav{padding:17px 0;gap:12px}
body.sohbera-platinum .rail-btn{width:68px;height:64px;gap:5px;border-radius:16px;transition:background .2s,color .2s}
body.sohbera-platinum .rail-btn span{font-size:23px}
body.sohbera-platinum .rail-btn small{font-size:10px;font-weight:700;letter-spacing:.01em}
body.sohbera-platinum .rail-btn.active{background:#fff;border:1px solid #dce6e9;box-shadow:0 7px 15px rgba(55,83,92,.07);color:#207b88}
body.sohbera-platinum .rail-btn:hover{background:#f9fbfc}
body.sohbera-platinum .my-avatar{border-radius:14px;width:42px;height:42px;background:#d1e8e7;color:#256e7a;border:2px solid #fff}
body.sohbera-platinum .workspace{background:#f9fafb;border-right:1px solid #dce5e9}
body.sohbera-platinum .workspace-head{height:104px;padding:0 23px;border-bottom:0;align-items:center}
body.sohbera-platinum .workspace-head small{font-size:9px;letter-spacing:.22em;color:#2a8f9c}
body.sohbera-platinum .workspace-head strong{font-size:20px;letter-spacing:-.04em;margin-top:8px;font-weight:800}
body.sohbera-platinum .workspace-head .icon-btn{border-radius:12px}
body.sohbera-platinum .quick-search{margin:0 17px 24px;height:46px;border-radius:12px;background:#edf2f4;border-color:#e4e9ed;padding:0 14px}
body.sohbera-platinum .quick-search input{font-size:12px}
body.sohbera-platinum .moment-strip{margin:0 17px 12px;padding:18px 15px 20px;border:1px solid #e1e7e9;background:#fff;border-radius:17px;box-shadow:0 7px 24px rgba(53,83,94,.035)}
body.sohbera-platinum .section-kicker,body.sohbera-platinum .section-title{font-size:9px;color:#7a8f97;letter-spacing:.18em}
body.sohbera-platinum .moment-ring{width:46px;height:46px;border-color:#6db5b9}
body.sohbera-platinum .moment-ring b{width:35px;height:35px}
body.sohbera-platinum .moment em{font-size:10px}
body.sohbera-platinum .workspace-section{padding:17px 15px 9px}
body.sohbera-platinum .section-title{height:33px;padding:0 7px;margin-bottom:6px}
body.sohbera-platinum .room{min-height:57px;border-radius:13px;padding:8px 11px;gap:10px}
body.sohbera-platinum .room.active{background:#e6f2f2;box-shadow:none;color:#1b6574}
body.sohbera-platinum .room:hover,body.sohbera-platinum .dm:hover{background:#edf5f5}
body.sohbera-platinum .room-mark{width:34px;height:34px;border-radius:11px;background:#e7ecef}
body.sohbera-platinum .room-copy b,body.sohbera-platinum .dm b{font-size:12px}
body.sohbera-platinum .room-copy small,body.sohbera-platinum .dm small{font-size:10px}
body.sohbera-platinum .dm{min-height:56px;border-radius:12px;padding:7px 11px}
body.sohbera-platinum .chat{background:#fff;position:relative}
body.sohbera-platinum .chat-head{padding:0 23px;border-bottom:1px solid #e5eaed;background:#fff}
body.sohbera-platinum .channel-icon{height:46px;width:46px;border-radius:16px;background:#e6f2f1;color:#278391;font-size:19px}
body.sohbera-platinum .channel-title b{font-size:20px;letter-spacing:-.035em;font-weight:800}
body.sohbera-platinum .channel-title span{font-size:11px;margin-top:4px}
body.sohbera-platinum .icon-btn{min-width:37px;height:37px;border-radius:12px;border:1px solid #e4e9ed;background:#f8fafb;color:#607883}
body.sohbera-platinum .icon-btn:hover{background:#e8f4f3;color:#197587}
body.sohbera-platinum .radio-mini{height:46px;border:1px solid #e7eced;border-radius:13px;padding:0 13px;background:#f8fafb}
body.sohbera-platinum .people-btn{height:39px;border-radius:12px;border-color:#dde8e9;background:#eaf3f3;padding:0 11px}
body.sohbera-platinum .people-btn span{font-size:11px}
body.sohbera-platinum .topic-bar{background:#f8fafb;padding:10px 22px;min-height:44px;border-bottom:1px solid #edf1f2}
body.sohbera-platinum .topic-bar p{font-size:11px}
body.sohbera-platinum .timeline{padding:25px clamp(18px,3vw,56px) 34px;background:radial-gradient(ellipse at 90% 0%,rgba(228,241,240,.42),transparent 55%),#fff}
body.sohbera-platinum .day-sep{font-size:10px;margin:10px 0 24px}
body.sohbera-platinum .message{border-radius:15px;padding:12px 12px;gap:12px;grid-template-columns:40px minmax(0,1fr) 28px;transition:background .18s}
body.sohbera-platinum .message+.message{margin-top:5px}
body.sohbera-platinum .message:hover{background:#f2f7f7}
body.sohbera-platinum .message .avatar{width:38px;height:38px;border-radius:14px;transform:none!important;animation:none!important}
body.sohbera-platinum .message-meta{height:auto;min-height:19px;gap:9px}
body.sohbera-platinum .message-meta b{font-size:12px;font-weight:800}
body.sohbera-platinum .message-meta time{font-size:10px}
body.sohbera-platinum .message p{font-size:13px;line-height:1.65;color:#3c4c55;margin-top:5px}
body.sohbera-platinum .system-line{font-size:10px;border-left-color:#9ec9ca;background:#f7fafa;border-radius:0 12px 12px 0;padding:9px 12px}
body.sohbera-platinum .composer{background:#fff;border-top:1px solid #e8edee;padding:15px clamp(16px,2.4vw,34px);gap:12px;box-shadow:0 -8px 28px rgba(40,72,85,.03)}
body.sohbera-platinum .composer-box{min-height:58px;height:auto;border-radius:18px;background:#f4f7f8;border:1px solid #dce7e9;padding:8px 12px}
body.sohbera-platinum .composer-box:focus-within{border-color:#78b4b9;box-shadow:0 0 0 3px #e6f4f4}
body.sohbera-platinum .composer-box textarea{font-size:13px;line-height:1.5}
body.sohbera-platinum .composer-tools button{height:34px;width:34px;border-radius:9px;font-size:15px}
body.sohbera-platinum .composer-tools button:hover{background:#e8f1f2}
body.sohbera-platinum .attach{height:44px;width:44px;border-radius:14px;background:#edf4f4}
body.sohbera-platinum .send{height:48px;padding:0 20px;border-radius:14px;background:#247f90;font-size:12px;box-shadow:0 6px 15px rgba(36,127,144,.18)}
body.sohbera-platinum .people-drawer{background:#f8fafb;border-left:1px solid #dfe8e9}
body.sohbera-platinum .drawer-head{padding:0 21px;border-bottom:0}
body.sohbera-platinum .drawer-head small{font-size:9px;letter-spacing:.17em}
body.sohbera-platinum .drawer-head b{font-size:20px;letter-spacing:-.035em;margin-top:5px}
body.sohbera-platinum .people-search{height:44px;margin:5px 15px 12px;border-radius:12px;background:#eef3f4}
body.sohbera-platinum .people-group{padding:4px 10px 9px}
body.sohbera-platinum .people-group label{font-size:9px;letter-spacing:.15em;padding:14px 9px 8px}
body.sohbera-platinum .person{min-height:57px;padding:8px;border-radius:13px;gap:9px}
body.sohbera-platinum .person:hover{background:#ebf2f2}
body.sohbera-platinum .person .avatar{transform:none!important;animation:none!important}
body.sohbera-platinum .profile-drawer{box-shadow:-18px 0 50px rgba(28,67,77,.10)}
body.sohbera-platinum .profile-head{background:#f9fbfb;border-bottom:1px solid #e5eeee}
body.sohbera-platinum .profile-cover{border-radius:0 0 20px 20px;overflow:hidden}
body.sohbera-platinum .profile-cover-placeholder{background:linear-gradient(120deg,#d4e7e7,#f3f5f0 55%,#d9e7ed)}
body.sohbera-platinum .profile-hero{background:#fff}
body.sohbera-platinum .profile-content{background:#fff}
body.sohbera-platinum .profile-name h3{font-size:23px;letter-spacing:-.04em}
body.sohbera-platinum .profile-primary{background:#247f90}
body.sohbera-platinum .profile-section-title{letter-spacing:.12em;color:#779099}
/* The landing itself is a new editorial composition, not a visual overlay on the old form. */
body.sohbera-platinum .login-overlay{display:flex;align-items:center;justify-content:center;gap:0;padding:clamp(16px,4vw,48px);background:#e8eef0;isolation:isolate;overflow-y:auto}
body.sohbera-platinum .login-overlay::before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 8% 12%,#fdfefe,transparent 35%),radial-gradient(circle at 90% 80%,#cddfe2,transparent 55%);pointer-events:none}
body.sohbera-platinum .platinum-welcome{align-self:stretch;position:relative;isolation:isolate;overflow:hidden;flex:1 1 550px;max-width:620px;min-height:min(700px,88vh);background:#d5e6e6;border-radius:28px 0 0 28px;padding:36px 42px;display:flex;flex-direction:column;justify-content:space-between;color:#244756}
body.sohbera-platinum .platinum-welcome::before{content:'';z-index:-1;position:absolute;inset:0;background:radial-gradient(circle at 82% 54%,rgba(255,255,255,.85),transparent 20%),linear-gradient(160deg,#ecf3f1 0%,#bedbdc 59%,#b5d2d7 100%)}
body.sohbera-platinum .platinum-welcome-top,body.sohbera-platinum .platinum-welcome-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px}
body.sohbera-platinum .platinum-welcome-top img{width:142px;max-height:55px;object-fit:contain;object-position:left center}
body.sohbera-platinum .platinum-welcome-top span,body.sohbera-platinum .platinum-welcome-bottom{font-size:10px;font-weight:800;letter-spacing:.18em;color:#698d98}
body.sohbera-platinum .platinum-welcome-bottom b{font-weight:400;margin:0 5px}
body.sohbera-platinum .platinum-welcome-body{position:relative;z-index:2;max-width:500px;padding:30px 0 40px}
body.sohbera-platinum .platinum-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.16em;color:#3d8992}
body.sohbera-platinum .platinum-eyebrow i{width:7px;height:7px;background:#42a59f;border-radius:50%}
body.sohbera-platinum .platinum-welcome h2{font-size:clamp(44px,5.1vw,73px);line-height:1.09;letter-spacing:-.075em;margin:28px 0 24px;color:#214453;font-weight:800}
body.sohbera-platinum .platinum-welcome h2 em{font-style:normal;color:#478f98}
body.sohbera-platinum .platinum-welcome-body>p{font-size:16px;line-height:1.75;max-width:365px;color:#61808b;margin:0 0 32px}
body.sohbera-platinum .platinum-welcome-chips{display:flex;flex-wrap:wrap;gap:8px}
body.sohbera-platinum .platinum-welcome-chips span{display:flex;gap:8px;align-items:center;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.75);border-radius:30px;padding:11px 14px;font-size:11px;font-weight:700;color:#477481}
body.sohbera-platinum .platinum-orbit{position:absolute;z-index:0;border:1px solid rgba(255,255,255,.40);border-radius:50%;pointer-events:none}
body.sohbera-platinum .platinum-orbit-one{width:590px;height:590px;right:-400px;top:8%}
body.sohbera-platinum .platinum-orbit-two{width:390px;height:390px;right:-270px;top:28%}
body.sohbera-platinum .login-card{align-self:stretch;flex:0 1 455px;width:min(100%,455px);max-width:455px;min-height:min(700px,88vh);margin:0;border:0;border-radius:0 28px 28px 0;padding:clamp(32px,5vw,68px) clamp(26px,4vw,56px);display:flex;flex-direction:column;justify-content:center;background:#fff;box-shadow:0 28px 80px rgba(54,80,87,.12);animation:none}
body.sohbera-platinum .login-card::before{display:none}
body.sohbera-platinum .login-brand{border:0;padding-bottom:0;gap:12px}
body.sohbera-platinum .login-brand img{max-height:54px;max-width:165px;filter:none}
body.sohbera-platinum .login-brand small{font-size:10px}
body.sohbera-platinum .login-copy{padding:32px 0 16px}
body.sohbera-platinum .login-copy h1{font-size:35px;font-weight:800;letter-spacing:-.055em;color:#274653}
body.sohbera-platinum .login-copy p{font-size:13px;line-height:1.7;color:#82929b;margin-top:10px}
body.sohbera-platinum .field{margin-top:18px}
body.sohbera-platinum .field>span{font-size:11px;color:#48616d;margin-bottom:9px}
body.sohbera-platinum .field input{height:52px;border-radius:13px;background:#f7f9f9;border-color:#dde7e9;padding:0 16px;font-size:13px}
body.sohbera-platinum .field input:focus{border-color:#7bafb5;box-shadow:0 0 0 4px #e7f3f3}
body.sohbera-platinum .remember-row{font-size:11px;margin:19px 0}
body.sohbera-platinum .login-submit{height:53px;border-radius:13px;background:#247f90;display:flex;align-items:center;justify-content:center;gap:14px;font-size:13px;letter-spacing:.02em;box-shadow:0 8px 22px rgba(36,127,144,.17)}
body.sohbera-platinum .login-submit span{font-size:20px;font-weight:400}
body.sohbera-platinum .login-status{font-size:11px;margin-top:9px}
body.sohbera-platinum .platinum-login-foot{text-align:center;color:#a3b0b5;font-size:10px;margin-top:26px}
body.sohbera-platinum .platinum-login-foot span{padding:0 5px}
body.sohbera-platinum .sohbera-splash{background:#e8eef0}
@media(min-width:1600px){html:root{--workspace:300px;--people:280px}}
@media(max-width:1100px){body.sohbera-platinum .platinum-welcome{padding:28px;flex-basis:440px}body.sohbera-platinum .platinum-welcome h2{font-size:51px}html:root{--workspace:248px;--people:235px}}
@media(max-width:820px){body.sohbera-platinum .login-overlay{padding:14px}body.sohbera-platinum .platinum-welcome{display:none}body.sohbera-platinum .login-card{width:min(100%,480px);flex:0 1 480px;min-height:auto;border-radius:22px;padding:38px 30px;box-shadow:0 20px 60px rgba(45,84,90,.13)}body.sohbera-platinum .workspace-head{height:var(--top)}body.sohbera-platinum .rail-brand{height:var(--top)}}
@media(max-width:760px){html:root{--top:64px;--composer:76px}body.sohbera-platinum .chat-head{padding:0 11px}body.sohbera-platinum .channel-title b{font-size:15px}body.sohbera-platinum .channel-icon{width:36px;height:36px;border-radius:12px}body.sohbera-platinum .timeline{padding:13px 10px 18px}body.sohbera-platinum .message{padding:8px 6px;gap:8px}body.sohbera-platinum .message p{font-size:12px}body.sohbera-platinum .composer{padding:8px;gap:6px}body.sohbera-platinum .composer-box{min-height:44px;border-radius:13px;padding:4px 7px}body.sohbera-platinum .composer-box textarea{font-size:12px}body.sohbera-platinum .send{height:42px;padding:0 12px}body.sohbera-platinum .people-drawer{background:#f8fafb}}
@media(prefers-reduced-motion:reduce){body.sohbera-platinum *,body.sohbera-platinum *::before,body.sohbera-platinum *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}