
/* SOHBERA Platinum Navigation V1 — scoped navigation refinement */
body.sohbera-platinum .rail{
  background:linear-gradient(180deg,#edf2f4 0%,#e6edef 100%);
  border-right:1px solid #d8e3e7;
}
body.sohbera-platinum .rail-brand{
  height:94px;min-height:94px;
  border-bottom:1px solid rgba(201,219,224,.6);
}
body.sohbera-platinum .rail-brand::after{
  bottom:8px;width:22px;background:#a9d0d4;
}
body.sohbera-platinum .sohbera-rail-logo{
  width:46px;height:46px;border-radius:14px;
  filter:drop-shadow(0 6px 9px rgba(24,100,113,.13));
}
body.sohbera-platinum .rail-nav{
  padding:16px 7px;gap:8px;
}
body.sohbera-platinum .rail-btn{
  width:68px;height:62px;border-radius:15px;
  color:#698390;position:relative;
}
body.sohbera-platinum .rail-btn .nav-icon{
  display:grid;place-items:center;
}
body.sohbera-platinum .rail-btn.active{
  background:#fff;color:#167e91;
  border:1px solid #d8e8e9;
  box-shadow:0 7px 18px rgba(35,85,97,.075);
}
body.sohbera-platinum .rail-btn.active::before{
  content:"";position:absolute;left:-7px;top:17px;bottom:17px;width:3px;
  border-radius:0 5px 5px 0;background:#2d90a0;
}
body.sohbera-platinum .rail-btn:hover:not(.active){
  background:rgba(255,255,255,.65);color:#315866;
}
body.sohbera-platinum .rail-btn small{
  font-size:10px;font-weight:750;
}
body.sohbera-platinum .workspace{
  background:#f9fbfc;border-right:1px solid #dce6e9;
}
body.sohbera-platinum .workspace-head{
  height:96px;padding:0 20px;gap:8px;
}
body.sohbera-platinum .workspace-head small{
  font-size:9px;letter-spacing:.17em;color:#2a8290;
}
body.sohbera-platinum .workspace-head strong{
  font-size:19px;letter-spacing:-.05em;
}
body.sohbera-platinum .workspace-head .icon-btn{
  flex-shrink:0;width:36px;height:36px;
  background:#fff;border:1px solid #dfebed;
}
body.sohbera-platinum .quick-search{
  height:45px;margin:0 15px 20px;
  border-radius:13px;border:1px solid #dee8eb;
  background:#f0f5f6;
}
body.sohbera-platinum .quick-search:focus-within{
  border-color:#96c7cd;box-shadow:0 0 0 3px rgba(85,165,177,.12);
}
body.sohbera-platinum .moment-strip{
  margin:0 15px 16px;padding:15px 13px;
  border-radius:17px;border:1px solid #e1e9eb;background:#fff;
  box-shadow:0 6px 19px rgba(35,79,89,.035);
}
body.sohbera-platinum .workspace-section{
  padding:10px 12px 16px;
}
body.sohbera-platinum .workspace-section + .workspace-section{
  border-top:1px solid #e6ecee;
}
body.sohbera-platinum .section-title{
  height:35px;margin:0 0 5px;padding:0 8px;
  color:#738c95;font-size:10px;letter-spacing:.14em;
}
body.sohbera-platinum .section-title button{
  width:27px;height:27px;border-radius:9px;
  color:#51828e;transition:background .15s ease;
}
body.sohbera-platinum .section-title button:hover{
  background:#e5f0f2;
}
body.sohbera-platinum .room{
  min-height:54px;margin:3px 0;
  padding:8px 10px;gap:10px;
  border-radius:13px;border:1px solid transparent;
  transition:background .17s,border-color .17s,box-shadow .17s;
}
body.sohbera-platinum .room-mark{
  width:35px;height:35px;border-radius:12px;
  background:#e7eff2;
}
body.sohbera-platinum .room.active{
  background:#e7f3f4;border-color:#cce6e8;
  box-shadow:inset 3px 0 #2b95a3;
}
body.sohbera-platinum .room:hover:not(.active){
  background:#f0f6f7;border-color:#e6eff0;
}
body.sohbera-platinum .room-copy b,
body.sohbera-platinum .dm b{
  color:#264657;font-size:12px;font-weight:800;
}
body.sohbera-platinum .room-copy small,
body.sohbera-platinum .dm small{
  color:#8497a0;font-size:10px;
}
body.sohbera-platinum .dm{
  margin:3px 0;border-radius:13px;
  min-height:53px;border:1px solid transparent;
}
body.sohbera-platinum .dm.active{
  background:#e7f3f4;border-color:#cee5e9;
}
body.sohbera-platinum .dm:hover:not(.active){background:#eff6f7}
body.sohbera-platinum #channelList,
body.sohbera-platinum #dmList{
  min-width:0;
}
body.sohbera-platinum .rail-bottom{
  border-top:1px solid rgba(203,222,226,.55);
}
@media(max-width:1100px){
  body.sohbera-platinum .workspace-head{padding:0 15px}
  body.sohbera-platinum .workspace-head strong{font-size:17px}
}
@media(max-width:760px){
  body.sohbera-platinum .workspace{background:#f9fbfc}
  body.sohbera-platinum .workspace-head{height:var(--top);min-height:var(--top)}
  body.sohbera-platinum .quick-search{margin:8px 12px 15px}
  body.sohbera-platinum .moment-strip{margin:0 12px 13px}
  body.sohbera-platinum .workspace-section{padding:8px 10px 13px}
  body.sohbera-platinum .room{min-height:50px}
}
@media(prefers-reduced-motion:reduce){
  body.sohbera-platinum .room,body.sohbera-platinum .rail-btn{
    transition:none!important;
  }
}
