*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#eef6ff;background:#0b1118}a{color:#8bd3ff;text-decoration:none}.hide,.hidden{display:none!important}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#172554,#070b12 55%)}.auth-shell{width:min(620px,94vw)}.auth-logo{text-align:center;font-size:40px;font-weight:900;margin-bottom:70px}.auth-card{background:#111923;border:1px solid #2b3544;border-radius:18px;padding:26px;box-shadow:0 30px 90px #0008}.auth-card h1{margin:0 0 8px;font-size:30px}.auth-card p{color:#94a3b8}.auth-card input,.admin-form input,.admin-form textarea,.admin-form select{width:100%;padding:14px;margin:8px 0;border-radius:12px;border:1px solid #334155;background:#202938;color:#fff}.auth-card button,.admin-form button,footer button,.ctrl button,.user-menu button{border:0;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#d946ef);color:#fff;padding:13px 18px;font-weight:800;cursor:pointer}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.auth-tabs button{background:#202938}.auth-tabs .active{background:#4f46e5}.rooms-top{height:58px;display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#121922;border-bottom:1px solid #293242}.me{display:flex;align-items:center;gap:10px}.me img{width:42px;height:42px;border-radius:50%}.me small{display:block;color:#94a3b8}.top-actions a{margin-left:12px}.room-tabs{position:sticky;top:0;background:#0f151d;border-bottom:1px solid #293242;padding:10px;display:flex;gap:14px;align-items:center;z-index:2}.room-tabs button{background:transparent;color:#dbeafe;border:0;font-weight:800}.room-tabs .active{color:#22d3ee;border-bottom:2px solid #22d3ee}.room-tabs input{margin-left:auto;background:#111923;border:1px solid #334155;color:#fff;border-radius:18px;padding:10px 14px}.room-grid{max-width:1380px;margin:0 auto;padding:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.room-card{background:#151d27;border:1px solid #293242;border-radius:16px;overflow:hidden;color:#fff}.cover{height:150px;background-size:cover;background-position:center;position:relative}.cover span{position:absolute;top:10px;left:10px;background:#ef4444;border-radius:8px;padding:4px 8px;font-weight:900}.room-meta{padding:12px;text-align:center;position:relative}.room-meta small{display:block;color:#86efac}.room-meta em{position:absolute;left:10px;top:12px;background:#334155;border-radius:8px;padding:4px 8px;font-style:normal}.chat-room{height:100vh;background-size:cover;background-position:center;overflow:hidden}.room-app{height:100vh;display:grid;grid-template-columns:310px 1fr;background:#0006}.side{background:linear-gradient(90deg,#111923f2,#111923cc);border-right:1px solid #334155;padding:12px;overflow:auto}.side-title{font-size:18px;font-weight:900;margin:12px 0;color:#34d399}.u{display:flex;align-items:center;gap:10px;padding:10px;border-left:3px solid #6366f1;border-radius:12px;margin:5px 0;cursor:pointer}.u img{width:44px;height:44px;border-radius:50%;object-fit:cover}.u small{margin-left:auto}.u.talk img,.speaker.wave img{outline:3px solid #22c55e;animation:pulse 1s infinite}.u.hand{border-left-color:#facc15}.ctrl{position:sticky;bottom:0;display:flex;gap:10px;background:#111923;padding-top:12px}.ctrl button{flex:1;background:#202938}.stage{position:relative;display:flex;flex-direction:column;min-width:0}.stage header{height:54px;background:#0004;display:flex;gap:20px;align-items:center;padding:0 18px;border-bottom:1px solid #ffffff20}.stage header span{color:#cbd5e1}.stage header a{margin-left:auto}.stage section{flex:1;padding:16px;overflow:auto}.speakers{display:flex;gap:35px;align-items:flex-start;justify-content:center;min-height:130px}.speaker{text-align:center}.speaker img{width:76px;height:76px;border-radius:50%;object-fit:cover}.videos{display:flex;gap:10px;flex-wrap:wrap}.videos video{width:210px;border-radius:14px;background:#000}.float-chat{position:absolute;left:330px;bottom:78px;width:min(420px,45vw);max-height:45vh;overflow:auto}.bubble{background:#111923cc;border:1px solid #ffffff22;border-radius:16px;padding:9px 12px;margin:8px 0;width:max-content;max-width:100%;box-shadow:0 10px 30px #0005}.bubble img{max-width:150px;max-height:150px}footer{height:62px;background:#0007;display:flex;gap:10px;align-items:center;padding:8px 16px}footer input{flex:1;background:#111923dd;border:1px solid #ffffff30;border-radius:22px;color:#fff;padding:14px}.user-menu{position:fixed;background:#111923;border:1px solid #475569;border-radius:14px;padding:8px;z-index:20}.user-menu button{display:block;width:180px;text-align:left;margin:5px;background:#1f2937}.anim-box{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:#111;border-radius:18px;padding:18px;width:min(420px,94vw);z-index:30}.anim-box b{display:block;margin-bottom:10px}.anim-box #animList{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:360px;overflow:auto}.anim-box img{width:100%;aspect-ratio:1;border-radius:10px;object-fit:cover;cursor:pointer}.admin-page{background:#f1f5f9;color:#0f172a}.admin-page nav{background:#0f172a;color:#fff;padding:14px;display:flex;gap:16px;align-items:center}.admin-page nav a{color:#fff}.admin-page main{padding:22px}.admin-form{background:#fff;border-radius:16px;padding:18px;margin-bottom:20px}.admin-form input,.admin-form textarea,.admin-form select{background:#f8fafc;color:#0f172a}.admin-form textarea{min-height:90px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}td,th{padding:10px;border-bottom:1px solid #e2e8f0;text-align:left}.perm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.anim-admin{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.anim-admin img{width:100%;height:90px;object-fit:cover;border-radius:10px}@keyframes pulse{0%{box-shadow:0 0 0 0 #22c55e99}100%{box-shadow:0 0 0 12px #22c55e00}}@media(max-width:1100px){.room-grid{grid-template-columns:repeat(3,1fr)}.room-app{grid-template-columns:250px 1fr}.float-chat{left:270px}}@media(max-width:780px){.auth-logo{margin-bottom:40px;font-size:28px}.room-grid{grid-template-columns:1fr 1fr;padding:10px;gap:12px}.room-tabs{overflow:auto}.room-tabs input{min-width:150px}.room-app{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:auto}.side{max-height:260px;border-right:0;border-bottom:1px solid #334155}.stage{min-height:calc(100vh - 260px)}.speakers{justify-content:flex-start;overflow:auto}.float-chat{position:static;width:auto;max-height:260px;margin:0 10px}.stage header{flex-wrap:wrap;height:auto;padding:10px}footer{position:sticky;bottom:0}.perm-grid{grid-template-columns:1fr}}@media(max-width:480px){.room-grid{grid-template-columns:1fr}.cover{height:170px}.auth-card{padding:18px}.auth-tabs{grid-template-columns:1fr}.speaker img{width:60px;height:60px}}

/* V7.5 professional admin/profile fixes */
.profile-modal{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:50}
.profile-card{width:min(360px,92vw);background:#121a28;border:1px solid #334155;border-radius:24px;padding:24px;text-align:center;box-shadow:0 30px 90px #000a;position:relative}
.profile-card img{width:110px;height:110px;border-radius:50%;object-fit:cover;border:4px solid #38bdf8}
.profile-card h2{margin:12px 0 4px}.profile-card p{color:#cbd5e1;margin:5px}.profile-card span{display:inline-block;background:#1e40af;color:#fff;border-radius:999px;padding:6px 12px;margin:8px}.profile-card small{display:block;color:#94a3b8}.close-profile{position:absolute;right:12px;top:10px;background:#ef4444;color:#fff;border:0;border-radius:50%;width:32px;height:32px;font-size:22px}
.admin-pro{background:#eef3f8;color:#0f172a;min-height:100vh;display:grid;grid-template-columns:260px 1fr}
.admin-sidebar{background:#0f172a;color:#fff;padding:18px;display:flex;flex-direction:column;gap:8px;position:sticky;top:0;height:100vh}
.admin-brand{font-size:22px;font-weight:900;margin-bottom:18px}
.admin-sidebar a{color:#dbeafe;padding:12px 14px;border-radius:12px;text-decoration:none}
.admin-sidebar a:hover{background:#1e293b}
.admin-main{padding:26px;min-width:0}
.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.admin-head h1{margin:0;font-size:30px}
.admin-head a,.btn-small{background:#0f172a;color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.stat-grid div,.admin-card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 10px 30px #0f172a12;border:1px solid #e2e8f0;margin-bottom:18px}
.stat-grid b{font-size:38px;display:block}.stat-grid span{color:#64748b}
.admin-card input,.admin-card textarea,.admin-card select{width:100%;padding:13px;margin:8px 0 14px;border:1px solid #cbd5e1;border-radius:12px;background:#f8fafc;color:#0f172a}
.admin-card button{border:0;background:#2563eb;color:#fff;padding:12px 18px;border-radius:12px;font-weight:800}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.mini-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover}.room-thumb{width:90px;height:45px;object-fit:cover;border-radius:8px}
.notice{background:#dcfce7;color:#166534;padding:12px;border-radius:12px;margin-bottom:14px}
footer #cam{min-width:110px;background:linear-gradient(135deg,#0ea5e9,#2563eb)}
@media(max-width:850px){.admin-pro{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto;display:grid;grid-template-columns:1fr 1fr}.admin-brand{grid-column:1/-1}.admin-main{padding:14px}.stat-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.admin-head{align-items:flex-start;gap:10px;flex-direction:column}table{font-size:13px;display:block;overflow:auto}.admin-sidebar a{padding:10px}}
/* V8 SECURE MOBILE-FIRST REDESIGN */
.auth-v8{min-height:100vh;background:radial-gradient(circle at 20% 0,#1d4ed8 0,#0f172a 42%,#020617 100%);display:grid;place-items:center;padding:20px;color:#fff}
.login-v8{width:min(980px,100%);display:grid;grid-template-columns:1fr 420px;gap:22px;align-items:center}
.login-hero{padding:32px}.hero-badge{display:inline-block;background:#ffffff18;border:1px solid #ffffff28;border-radius:999px;padding:9px 14px;color:#bfdbfe}.login-hero h1{font-size:54px;line-height:1;margin:18px 0}.login-hero p{font-size:20px;color:#cbd5e1}
.login-panel{background:#0b1220ee;border:1px solid #334155;border-radius:24px;padding:24px;box-shadow:0 30px 90px #0008}.tabbar{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.tabbar button{border:0;border-radius:14px;background:#1e293b;color:#cbd5e1;padding:13px;font-weight:800}.tabbar .active{background:#2563eb;color:#fff}.login-panel label{font-size:13px;color:#93c5fd}.login-panel input{width:100%;border:1px solid #334155;background:#111827;color:#fff;border-radius:14px;padding:15px;margin:7px 0 14px}.primary-btn{width:100%;border:0;background:linear-gradient(135deg,#2563eb,#9333ea);color:#fff;border-radius:15px;padding:15px;font-weight:900}.soft-link{display:block;text-align:center;margin-top:14px;color:#93c5fd}
.room-v8{height:100dvh;background-image:linear-gradient(#02061799,#020617aa),var(--room-bg);background-size:cover;background-position:center;overflow:hidden;color:#fff}
.room-shell{height:100dvh;display:grid;grid-template-columns:300px 1fr;grid-template-rows:64px 1fr 78px;grid-template-areas:"side head" "side stage" "side composer";background:#02061755}
.room-header{grid-area:head;display:flex;align-items:center;gap:12px;padding:10px 14px;background:#020617bb;border-bottom:1px solid #ffffff18;backdrop-filter:blur(12px)}
.room-header strong{display:block;font-size:18px}.room-header small{display:block;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:58vw}.round-btn{width:42px;height:42px;border-radius:50%;border:1px solid #ffffff2a;background:#ffffff14;color:#fff;display:grid;place-items:center;text-decoration:none;font-size:22px}
.user-drawer{grid-area:side;background:#08111fee;border-right:1px solid #ffffff18;padding:14px;overflow:auto;backdrop-filter:blur(14px)}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.drawer-head button{display:none;background:#ef4444;color:#fff;border:0;border-radius:50%;width:34px;height:34px;font-size:22px}
.user-list{display:flex;flex-direction:column;gap:8px}.user-row{display:flex;align-items:center;gap:10px;width:100%;border:1px solid #1e293b;background:#111827cc;color:#fff;border-radius:16px;padding:10px;text-align:left}.user-row img{width:46px;height:46px;border-radius:50%;object-fit:cover}.user-row b{display:block}.user-row small{display:block;color:#94a3b8}.user-row.is-mic{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e55}.user-row.is-hand{border-color:#eab308}
.mic-stage{grid-area:stage;overflow:auto;padding:14px 16px 120px}.mic-stage h3{margin:4px 0 12px}.speaker-grid{display:flex;gap:12px;flex-wrap:wrap;min-height:110px}.speaker-card{border:1px solid #ffffff22;background:#ffffff12;color:#fff;border-radius:20px;padding:12px;width:120px;text-align:center}.speaker-card img{width:68px;height:68px;border-radius:50%;object-fit:cover;border:3px solid #22c55e}.speaker-card b{display:block;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.speaker-card small{color:#bbf7d0}.speaking img{animation:voicePulse 1.1s infinite}
.video-grid{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.video-grid video{width:220px;max-width:100%;border-radius:18px;background:#000;border:1px solid #ffffff22}
.chat-stream{position:fixed;left:316px;bottom:92px;width:min(460px,45vw);max-height:38vh;overflow:auto;z-index:5;pointer-events:none}.chat-bubble{background:#020617dd;border:1px solid #ffffff22;border-radius:18px;padding:10px 13px;margin:8px 0;width:max-content;max-width:100%;box-shadow:0 10px 35px #0007}.chat-bubble b{color:#93c5fd}.chat-bubble span{color:#fff}.chat-bubble img{max-width:150px;border-radius:12px}
.composer{grid-area:composer;display:grid;grid-template-columns:auto auto auto auto 1fr auto;gap:8px;align-items:center;padding:10px 14px;background:#020617e6;border-top:1px solid #ffffff18;backdrop-filter:blur(14px)}
.media-btn,.send-btn{border:0;border-radius:16px;background:#1e293b;color:#fff;height:54px;padding:0 12px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:62px}.media-btn span{font-size:11px;margin-top:2px}.media-btn.mic{background:#164e63}.media-btn.cam{background:#1d4ed8}.media-btn.listen{background:#334155}.media-btn.hand{background:#713f12}.media-btn.active{outline:2px solid #22c55e;box-shadow:0 0 22px #22c55e55}.composer input{height:54px;border:1px solid #334155;background:#0f172a;color:#fff;border-radius:18px;padding:0 15px}.send-btn{background:#2563eb;min-width:54px}
.user-menu{position:fixed;z-index:30;background:#0f172a;border:1px solid #334155;border-radius:16px;padding:8px;box-shadow:0 25px 80px #000a}.user-menu button{display:block;width:190px;border:0;background:#1e293b;color:#fff;border-radius:12px;margin:6px;padding:11px;text-align:left}
.profile-modal{position:fixed;inset:0;background:#000a;z-index:40;display:grid;place-items:center;padding:18px}.profile-card-v8{width:min(380px,94vw);background:linear-gradient(180deg,#111827,#020617);border:1px solid #334155;border-radius:28px;padding:26px;text-align:center;box-shadow:0 30px 100px #000;position:relative}.profile-card-v8 img{width:122px;height:122px;border-radius:50%;object-fit:cover;border:4px solid #38bdf8}.profile-card-v8 h2{margin:14px 0 4px}.profile-card-v8 p{color:#cbd5e1;margin:4px}.profile-card-v8 span{display:inline-block;background:#1d4ed8;border-radius:999px;padding:7px 14px;margin:10px}.profile-card-v8 small{display:block;color:#94a3b8}.close-profile{position:absolute;right:14px;top:14px;background:#ef4444;color:#fff;border:0;border-radius:50%;width:34px;height:34px;font-size:22px}.profile-actions button{margin-top:12px;border:0;border-radius:14px;background:#2563eb;color:#fff;padding:12px 18px;font-weight:800}
.empty,.empty-stage{color:#94a3b8;padding:18px;border:1px dashed #ffffff22;border-radius:16px}
@keyframes voicePulse{0%{box-shadow:0 0 0 0 #22c55e99}100%{box-shadow:0 0 0 13px #22c55e00}}
@media(max-width:840px){
  .login-v8{grid-template-columns:1fr}.login-hero{padding:10px;text-align:center}.login-hero h1{font-size:36px}.login-hero p{font-size:16px}
  .room-shell{grid-template-columns:1fr;grid-template-rows:62px 1fr 74px;grid-template-areas:"head" "stage" "composer"}
  .user-drawer{position:fixed;inset:0 auto 0 0;width:min(86vw,340px);z-index:25;transform:translateX(-105%);transition:.2s;border-right:1px solid #334155}.user-drawer.open{transform:translateX(0)}.drawer-head button{display:block}
  .chat-stream{left:10px;right:10px;bottom:82px;width:auto;max-height:30vh}.chat-bubble{font-size:14px}
  .mic-stage{padding:12px 10px 108px}.speaker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.speaker-card{width:auto;padding:10px}.speaker-card img{width:56px;height:56px}
  .composer{grid-template-columns:repeat(4,54px) 1fr 48px;padding:8px;gap:6px}.media-btn{min-width:54px;height:52px;padding:0;font-size:16px}.media-btn span{font-size:9px}.composer input{height:52px;min-width:0}.send-btn{height:52px;min-width:48px}
  .video-grid video{width:100%}
}
@media(max-width:430px){
  .speaker-grid{grid-template-columns:repeat(2,1fr)}
  .composer{grid-template-columns:repeat(4,47px) 1fr 42px}.media-btn{min-width:47px}.media-btn span{font-size:8px}.composer input{padding:0 10px}
}

/* V8.1 MOBILE CHAT FIX */
@media(max-width:840px){
  .room-v8{height:100dvh;overflow:hidden}
  .room-shell{
    height:100dvh;
    grid-template-rows:62px 1fr 132px;
  }
  .mic-stage{
    padding:12px 10px 180px;
  }
  .chat-stream{
    left:10px;
    right:10px;
    bottom:144px;
    width:auto;
    max-height:34vh;
    padding-bottom:4px;
  }
  .chat-bubble{
    font-size:15px;
    padding:9px 12px;
    max-width:88vw;
  }
  .composer{
    height:132px;
    grid-area:composer;
    display:grid;
    grid-template-columns:1fr 54px;
    grid-template-rows:58px 58px;
    gap:8px;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom));
    background:#020617f2;
    align-items:center;
  }
  .composer input{
    grid-column:1/2;
    grid-row:1/2;
    height:56px;
    width:100%;
    font-size:16px;
    border-radius:18px;
  }
  .send-btn{
    grid-column:2/3;
    grid-row:1/2;
    width:54px;
    height:56px;
    min-width:54px;
    border-radius:18px;
    font-size:20px;
  }
  .media-btn{
    grid-row:2/3;
    height:54px;
    min-width:0;
    width:100%;
    border-radius:16px;
    font-size:18px;
  }
  .media-btn span{
    display:block;
    font-size:10px;
    line-height:1;
    margin-top:3px;
  }
  #audio{grid-column:1/2;width:24%;justify-self:start}
  #mic{grid-column:1/2;width:24%;justify-self:center}
  #cam{grid-column:1/2;width:24%;justify-self:end;transform:translateX(-28%)}
  #hand{grid-column:2/3;width:54px;justify-self:end}
  .speaker-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
  .speaker-card{
    min-height:112px;
  }
}

@media(max-width:430px){
  .room-shell{grid-template-rows:62px 1fr 138px}
  .composer{
    height:138px;
    grid-template-columns:1fr 52px;
    grid-template-rows:60px 58px;
  }
  .composer input{
    height:58px;
    font-size:16px;
  }
  .send-btn{
    height:58px;
    width:52px;
    min-width:52px;
  }
  .media-btn{
    height:56px;
    font-size:17px;
  }
  #audio{width:23%}
  #mic{width:23%}
  #cam{width:27%;transform:translateX(-22%)}
  #hand{width:52px}
  .chat-stream{bottom:150px}
  .mic-stage{padding-bottom:190px}
}


/* V8.2 MOBILE CONTROLS - speak-style compact bar */
.composer{
  display:grid;
  grid-template-columns:58px 58px 58px 1fr 58px;
  gap:8px;
  align-items:center;
}
.composer .round-control,
.round-control{
  width:58px;
  height:58px;
  min-width:58px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-size:25px;
  display:grid;
  place-items:center;
  padding:0;
  box-shadow:0 10px 28px rgba(0,0,0,.35);
}
.mic-control{background:linear-gradient(145deg,#0f766e,#164e63)!important}
.cam-control{background:linear-gradient(145deg,#2563eb,#0ea5e9)!important}
.hand-control{background:linear-gradient(145deg,#92400e,#713f12)!important}
.round-control.active{outline:3px solid #22c55e;box-shadow:0 0 0 6px rgba(34,197,94,.14),0 12px 30px rgba(0,0,0,.45)}
.composer input{
  height:58px;
  border-radius:28px;
  font-size:16px;
}
.send-btn{
  width:58px;
  min-width:58px;
  height:58px;
  border-radius:50%;
  font-size:22px;
  padding:0;
}

@media(max-width:840px){
  .room-shell{grid-template-rows:62px 1fr 92px}
  .composer{
    height:92px;
    grid-template-columns:54px 54px 54px 1fr 54px;
    grid-template-rows:1fr;
    gap:7px;
    padding:10px 10px calc(10px + env(safe-area-inset-bottom));
  }
  .composer .round-control,
  .round-control,
  .send-btn{
    width:54px;
    height:54px;
    min-width:54px;
    border-radius:50%;
    font-size:23px;
  }
  .composer input{
    height:54px;
    min-width:0;
    font-size:16px;
    padding:0 16px;
  }
  .chat-stream{
    bottom:102px;
    max-height:36vh;
  }
  .mic-stage{
    padding-bottom:130px;
  }
  #mic,#cam,#hand{
    grid-column:auto!important;
    grid-row:auto!important;
    justify-self:auto!important;
    transform:none!important;
    width:54px!important;
  }
}

@media(max-width:430px){
  .room-shell{grid-template-rows:62px 1fr 88px}
  .composer{
    height:88px;
    grid-template-columns:48px 48px 48px minmax(0,1fr) 48px;
    gap:6px;
    padding:8px 8px calc(8px + env(safe-area-inset-bottom));
  }
  .composer .round-control,
  .round-control,
  .send-btn{
    width:48px;
    height:48px;
    min-width:48px;
    font-size:21px;
  }
  .composer input{
    height:48px;
    border-radius:24px;
    font-size:16px;
    padding:0 13px;
  }
  .chat-stream{
    bottom:98px;
  }
  .mic-stage{
    padding-bottom:122px;
  }
}


/* V8.3 controlled fix: camera visible + requested control order */
.video-area,.video-grid,#videos{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.video-tile{position:relative;width:220px;max-width:100%;border-radius:18px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.2);box-shadow:0 14px 36px rgba(0,0,0,.45)}
.video-tile video{width:100%!important;height:auto!important;display:block;border-radius:0!important;margin:0!important;background:#000}
.video-tile span{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.62);color:#fff;border-radius:999px;padding:4px 9px;font-size:12px}
.video-tile.local{outline:2px solid #22c55e}

.settings-control{background:linear-gradient(145deg,#334155,#0f172a)!important}
.emoji-control{background:linear-gradient(145deg,#c026d3,#7c3aed)!important}
.anim-control{background:linear-gradient(145deg,#f97316,#b45309)!important}
.hand-control{background:linear-gradient(145deg,#92400e,#713f12)!important}
.composer-v83{display:grid;grid-template-columns:52px 52px 52px 52px 52px 52px 1fr 56px;gap:7px;align-items:center}
.composer-v83 .round-control{width:52px;height:52px;min-width:52px;border-radius:50%;font-size:22px}
.composer-v83 input{height:52px;border-radius:26px;font-size:16px}
.composer-v83 .send-btn{width:56px;height:52px;min-width:56px;border-radius:50%}

.settings-modal{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:18px}
.settings-modal.hidden{display:none!important}
.settings-card{width:min(420px,94vw);background:#111827;color:#fff;border:1px solid #334155;border-radius:22px;padding:20px;position:relative;box-shadow:0 25px 90px rgba(0,0,0,.75)}
.settings-card label{display:block;margin-top:12px;color:#93c5fd}
.settings-card select{width:100%;padding:12px;border-radius:12px;border:1px solid #334155;background:#020617;color:#fff;margin-top:6px}
.settings-card button#applyDevices{margin-top:16px;width:100%;border:0;border-radius:12px;background:#2563eb;color:#fff;padding:13px;font-weight:800}
.close-settings{position:absolute;right:12px;top:10px;width:34px;height:34px;border-radius:50%;border:0;background:#ef4444;color:#fff;font-size:22px}

.emoji-box{position:fixed;z-index:85;left:50%;bottom:88px;transform:translateX(-50%);background:#111827;border:1px solid #334155;border-radius:18px;padding:10px;display:grid;grid-template-columns:repeat(5,44px);gap:6px;box-shadow:0 24px 80px rgba(0,0,0,.65)}
.emoji-box.hidden{display:none!important}
.emoji-box button{width:44px;height:44px;border:0;border-radius:12px;background:#1f2937;font-size:22px}

@media(max-width:840px){
  .room-shell{grid-template-rows:62px 1fr 150px!important}
  .composer-v83{
    height:150px!important;
    grid-template-columns:repeat(6, 1fr);
    grid-template-rows:52px 58px;
    gap:7px;
    padding:8px 10px calc(9px + env(safe-area-inset-bottom))!important;
  }
  .composer-v83 .round-control{
    grid-row:1/2!important;
    width:100%!important;
    height:50px!important;
    min-width:0!important;
    border-radius:18px!important;
    font-size:21px!important;
    transform:none!important;
    justify-self:stretch!important;
  }
  #hand{grid-column:1/2!important}
  #mic{grid-column:2/3!important}
  #cam{grid-column:3/4!important}
  #settings{grid-column:4/5!important}
  #emoji{grid-column:5/6!important}
  #anim{grid-column:6/7!important}
  .composer-v83 input{
    grid-column:1/6!important;
    grid-row:2/3!important;
    height:78px!important;
    min-width:0!important;
    width:100%!important;
    border-radius:18px!important;
    font-size:16px!important;
    padding:0 14px!important;
  }
  .composer-v83 .send-btn{
    grid-column:6/7!important;
    grid-row:2/3!important;
    height:78px!important;
    width:100%!important;
    min-width:0!important;
    border-radius:18px!important;
  }
  .chat-stream{bottom:160px!important;max-height:32vh!important}
  .mic-stage{padding-bottom:205px!important}
  .video-tile{width:100%}
}
@media(max-width:430px){
  .composer-v83{height:146px!important;padding-left:7px!important;padding-right:7px!important;gap:5px!important}
  .composer-v83 .round-control{height:48px!important;border-radius:16px!important;font-size:20px!important}
  .composer-v83 input{height:54px!important}
  .composer-v83 .send-btn{height:54px!important}
  .chat-stream{bottom:154px!important}
}


/* V8.4 Modern old-school icon bar */
.modern-chatbar{
  display:grid!important;
  grid-template-rows:44px 56px!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  height:100px!important;
  padding:0!important;
  background:rgba(15,23,42,.82)!important;
  border-top:1px solid rgba(255,255,255,.16)!important;
  backdrop-filter:blur(14px)!important;
}
.icon-strip{
  display:flex;
  align-items:center;
  gap:18px;
  padding:0 18px;
  overflow-x:auto;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.icon-strip::-webkit-scrollbar{height:0}
.mini-icon{
  width:34px;
  height:34px;
  min-width:34px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:#fff;
  display:grid;
  place-items:center;
  font-size:17px;
  padding:0;
  box-shadow:0 8px 24px rgba(0,0,0,.25);
}
.mini-icon.active{
  outline:2px solid #22c55e;
  box-shadow:0 0 0 5px rgba(34,197,94,.15);
}
.mini-icon.mic-control{background:linear-gradient(145deg,#0f766e,#164e63)!important}
.mini-icon.cam-control{background:linear-gradient(145deg,#2563eb,#0ea5e9)!important}
.mini-icon.hand-control{background:linear-gradient(145deg,#92400e,#713f12)!important}
.mini-icon.emoji-control{background:linear-gradient(145deg,#c026d3,#7c3aed)!important}
.mini-icon.anim-control{background:linear-gradient(145deg,#f97316,#b45309)!important}
.mini-icon.settings-control{background:linear-gradient(145deg,#334155,#0f172a)!important}
.mini-icon.style-control{font-weight:900;background:linear-gradient(145deg,#475569,#1e293b)!important}

.message-strip{
  display:grid;
  grid-template-columns:1fr 150px;
  height:56px;
}
.message-strip input{
  width:100%!important;
  height:78px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#111827!important;
  font-size:17px!important;
  padding:0 16px!important;
}
.message-strip input::placeholder{color:#6b7280}
.message-strip .send-btn{
  width:100%!important;
  min-width:0!important;
  height:78px!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#1f2937,#020617)!important;
  color:#fff!important;
  font-size:20px!important;
  font-weight:900!important;
}
.chat-stream{
  bottom:112px!important;
}
.mic-stage{
  padding-bottom:155px!important;
}

@media(max-width:840px){
  .room-shell{grid-template-rows:62px 1fr 104px!important}
  .modern-chatbar{
    height:104px!important;
    grid-template-rows:44px 60px!important;
  }
  .icon-strip{
    padding:0 10px;
    gap:12px;
    justify-content:flex-start;
  }
  .mini-icon{
    width:36px;
    height:36px;
    min-width:36px;
    border-radius:13px;
    font-size:18px;
  }
  .message-strip{
    grid-template-columns:1fr 86px;
    height:60px;
  }
  .message-strip input{
    height:60px!important;
    font-size:16px!important;
  }
  .message-strip .send-btn{
    height:60px!important;
    font-size:16px!important;
  }
  .chat-stream{
    bottom:114px!important;
    max-height:34vh!important;
  }
  .mic-stage{
    padding-bottom:155px!important;
  }
}

@media(max-width:430px){
  .icon-strip{gap:10px}
  .mini-icon{
    width:34px;
    height:34px;
    min-width:34px;
    font-size:17px;
  }
  .message-strip{grid-template-columns:1fr 78px}
  .message-strip .send-btn{font-size:15px!important}
}


/* V8.5 camera button + compact video popup fix */
.mini-icon,
.icon-strip .mini-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
  padding:0!important;
  font-size:17px!important;
}
.webcam-icon{
  position:relative;
  font-size:0!important;
}
.webcam-icon::before{
  content:"";
  width:17px;
  height:12px;
  border:2px solid #fff;
  border-radius:5px;
  display:block;
  box-sizing:border-box;
}
.webcam-icon::after{
  content:"";
  position:absolute;
  width:14px;
  height:4px;
  border-radius:999px;
  background:#fff;
  bottom:7px;
  left:50%;
  transform:translateX(-50%);
  opacity:.95;
}
.webcam-icon.active::before{border-color:#bbf7d0}
.webcam-icon.active::after{background:#bbf7d0}

.video-area,.video-grid,#videos{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  margin-top:10px!important;
}
.video-tile{
  width:150px!important;
  max-width:150px!important;
  aspect-ratio:16/10!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#000!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.38)!important;
  cursor:pointer!important;
  position:relative!important;
}
.video-tile video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:0!important;
}
.video-tile span{
  position:absolute!important;
  left:6px!important;
  bottom:6px!important;
  max-width:calc(100% - 12px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  background:rgba(0,0,0,.68)!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:3px 8px!important;
  font-size:11px!important;
}
.video-tile.local{outline:2px solid #22c55e!important}

.video-modal{
  position:fixed;
  inset:0;
  z-index:120;
  background:rgba(0,0,0,.82);
  display:grid;
  place-items:center;
  padding:18px;
}
.video-modal.hidden{display:none!important}
.video-modal-box{
  width:min(900px,96vw);
  max-height:88vh;
  background:#020617;
  border:1px solid rgba(255,255,255,.20);
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 30px 110px rgba(0,0,0,.85);
  position:relative;
}
#closeVideoModal{
  position:absolute;
  right:12px;
  top:10px;
  z-index:2;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#ef4444;
  color:#fff;
  font-size:24px;
  line-height:1;
}
#videoModalContent{position:relative;background:#000}
#videoModalContent video{
  width:100%;
  max-height:82vh;
  object-fit:contain;
  display:block;
  background:#000;
}
.video-modal-label{
  position:absolute;
  left:14px;
  bottom:14px;
  background:rgba(0,0,0,.65);
  color:#fff;
  border-radius:999px;
  padding:7px 13px;
  font-weight:800;
}

@media(max-width:840px){
  .mini-icon,.icon-strip .mini-icon{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:13px!important;
  }
  .video-tile{
    width:118px!important;
    max-width:118px!important;
    border-radius:12px!important;
  }
  .video-area,.video-grid,#videos{gap:8px!important}
  .video-modal{padding:10px}
  .video-modal-box{width:98vw;border-radius:18px}
  #videoModalContent video{max-height:76vh}
}
@media(max-width:430px){
  .video-tile{
    width:104px!important;
    max-width:104px!important;
  }
}


/* V8.6 final UI/state corrections */
.icon-strip{
  align-items:center!important;
}
.mini-icon,
.icon-strip .mini-icon{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  border-radius:12px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  font-size:17px!important;
  line-height:1!important;
  overflow:hidden!important;
}
.webcam-icon{
  font-size:0!important;
  position:relative!important;
}
.webcam-icon .webcam-shape{
  width:20px!important;
  height:14px!important;
  border:2px solid #fff!important;
  border-radius:5px!important;
  position:relative!important;
  display:block!important;
  box-sizing:border-box!important;
}
.webcam-icon .webcam-shape:before{
  content:"";
  position:absolute;
  right:-7px;
  top:3px;
  width:0;
  height:0;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  border-left:6px solid #fff;
}
.webcam-icon .webcam-shape:after{
  content:"";
  position:absolute;
  left:4px;
  bottom:-7px;
  width:11px;
  height:3px;
  border-radius:999px;
  background:#fff;
}
.webcam-icon.active .webcam-shape{border-color:#bbf7d0!important}
.webcam-icon.active .webcam-shape:before{border-left-color:#bbf7d0!important}
.webcam-icon.active .webcam-shape:after{background:#bbf7d0!important}

.user-row small{
  font-size:0!important;
  margin-top:4px!important;
}
.user-row small::first-letter{font-size:12px}
.user-row small{
  color:transparent!important;
}
.user-row small{
  display:flex!important;
  gap:5px!important;
  align-items:center!important;
}
.user-row small{min-height:22px}
.user-row small::before{
  content:attr(data-icons);
}
.user-row.is-mic span:after,
.user-row.is-hand span:after{
  display:inline-flex;
}
.user-row span{position:relative}
.user-row span small{
  color:#cbd5e1!important;
  font-size:12px!important;
}
.user-row span small{
  background:rgba(255,255,255,.06);
  width:max-content;
  max-width:160px;
  padding:3px 7px;
  border-radius:999px;
}
.user-row.is-mic span small{background:rgba(34,197,94,.18);color:#bbf7d0!important}
.user-row.is-hand span small{outline:1px solid rgba(234,179,8,.6)}

.video-tile{
  width:128px!important;
  max-width:128px!important;
  aspect-ratio:16/10!important;
}
.video-tile video{
  object-fit:cover!important;
}
.video-tile span{
  font-size:10px!important;
  padding:2px 7px!important;
}

#videos{
  max-height:180px!important;
  overflow:auto!important;
  padding-right:6px!important;
}

.video-modal:not(.hidden){
  display:grid!important;
}
.video-modal-box{
  cursor:default!important;
}
#videoModalContent video{
  min-height:240px;
}

.emoji-box:not(.hidden){
  display:grid!important;
}
.emoji-box{
  z-index:130!important;
}
.anim-box:not(.hidden){
  display:block!important;
}
.anim-empty{
  grid-column:1/-1;
  padding:18px;
  color:#374151;
  text-align:center;
}

@media(max-width:840px){
  .mini-icon,
  .icon-strip .mini-icon{
    width:35px!important;
    height:35px!important;
    min-width:35px!important;
    max-width:35px!important;
  }
  .video-tile{
    width:92px!important;
    max-width:128px!important;
    border-radius:10px!important;
  }
  #videos{
    max-height:125px!important;
    overflow:auto!important;
  }
  .video-tile span{
    font-size:9px!important;
    left:4px!important;
    bottom:4px!important;
  }
  #videoModalContent video{
    min-height:180px;
    max-height:72vh!important;
  }
}
@media(max-width:430px){
  .icon-strip{gap:9px!important}
  .mini-icon,
  .icon-strip .mini-icon{
    width:33px!important;
    height:33px!important;
    min-width:33px!important;
    max-width:33px!important;
  }
  .webcam-icon .webcam-shape{
    width:18px!important;
    height:13px!important;
  }
  .video-tile{
    width:82px!important;
    max-width:82px!important;
  }
}


/* V8.7 camera mobile size + popup reliable + cleaner chat */
#videos{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  gap:8px!important;
  max-height:118px!important;
  overflow:auto!important;
  margin:8px 12px 0!important;
  padding:0 0 4px!important;
}
.video-tile{
  width:132px!important;
  max-width:132px!important;
  height:82px!important;
  aspect-ratio:auto!important;
  border-radius:12px!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
  cursor:pointer!important;
}
.video-tile video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.video-tile span{
  font-size:10px!important;
  padding:2px 7px!important;
}

.video-modal{
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
  background:rgba(0,0,0,.86)!important;
  display:grid!important;
  place-items:center!important;
  padding:14px!important;
}
.video-modal.hidden{display:none!important}
.video-modal-box{
  width:min(920px,96vw)!important;
  max-height:88vh!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:#000!important;
  position:relative!important;
}
#videoModalContent video{
  width:100%!important;
  height:auto!important;
  max-height:82vh!important;
  object-fit:contain!important;
  background:#000!important;
  display:block!important;
}
#closeVideoModal{
  z-index:10!important;
}

/* chat estetik düzeltme */
.chat-stream{
  bottom:104px!important;
  max-height:30vh!important;
}
.chat-bubble{
  background:rgba(15,23,42,.88)!important;
  border:1px solid rgba(148,163,184,.28)!important;
  border-radius:18px!important;
  padding:9px 13px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
}
.chat-bubble b{
  color:#93c5fd!important;
}
.modern-chatbar{
  height:94px!important;
  grid-template-rows:40px 54px!important;
}
.icon-strip{
  height:40px!important;
}
.message-strip{
  height:54px!important;
}
.message-strip input,
.message-strip .send-btn{
  height:54px!important;
}

@media(max-width:840px){
  #videos{
    max-height:86px!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    margin:6px 10px 0!important;
    padding-bottom:4px!important;
  }
  .video-tile{
    width:96px!important;
    max-width:96px!important;
    height:60px!important;
    border-radius:10px!important;
  }
  .video-tile span{
    font-size:9px!important;
    left:4px!important;
    bottom:4px!important;
    max-width:calc(100% - 8px)!important;
  }
  .chat-stream{
    bottom:104px!important;
    max-height:26vh!important;
    left:10px!important;
    right:10px!important;
  }
  .chat-bubble{
    font-size:14px!important;
    max-width:88vw!important;
    padding:8px 12px!important;
  }
  .modern-chatbar{
    height:98px!important;
    grid-template-rows:40px 58px!important;
  }
  .message-strip{
    grid-template-columns:1fr 84px!important;
    height:58px!important;
  }
  .message-strip input,
  .message-strip .send-btn{
    height:58px!important;
  }
  .mic-stage{
    padding-bottom:132px!important;
  }
  .video-modal{
    padding:8px!important;
  }
  .video-modal-box{
    width:98vw!important;
    max-height:82vh!important;
    border-radius:16px!important;
  }
  #videoModalContent video{
    max-height:76vh!important;
  }
}

@media(max-width:430px){
  #videos{
    max-height:76px!important;
  }
  .video-tile{
    width:86px!important;
    max-width:86px!important;
    height:54px!important;
  }
  .chat-stream{
    bottom:102px!important;
    max-height:24vh!important;
  }
  .modern-chatbar{
    height:96px!important;
  }
  .message-strip{
    grid-template-columns:1fr 78px!important;
  }
  .message-strip input{
    font-size:16px!important;
    padding-left:12px!important;
  }
  .message-strip .send-btn{
    font-size:15px!important;
  }
}


/* V8.8 active controls */
.rooms-control{background:linear-gradient(145deg,#0f766e,#0f172a)!important}
.settings-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:10px 0 14px;
}
.settings-actions a{
  display:block;
  text-decoration:none;
  color:#fff;
  background:#1f2937;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  padding:11px 10px;
  font-weight:800;
  text-align:center;
}
.settings-actions a:hover{background:#2563eb}

.emoji-box{
  max-width:min(360px,94vw)!important;
  grid-template-columns:repeat(5,48px)!important;
  gap:7px!important;
  padding:12px!important;
  background:#0f172a!important;
  border:1px solid #334155!important;
  box-shadow:0 25px 90px rgba(0,0,0,.75)!important;
}
.emoji-box button{
  width:48px!important;
  height:48px!important;
  border-radius:14px!important;
  font-size:24px!important;
  background:#1e293b!important;
  border:1px solid rgba(255,255,255,.08)!important;
  cursor:pointer;
}

.anim-box{
  width:min(420px,94vw)!important;
  background:#fff!important;
  color:#111827!important;
  border-radius:20px!important;
  padding:16px!important;
  box-shadow:0 25px 90px rgba(0,0,0,.72)!important;
}
.anim-box b{
  display:block;
  margin-bottom:10px;
}
#animList{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:9px!important;
  max-height:360px!important;
  overflow:auto!important;
}
#animList img,
#animList .quick-anim{
  width:100%!important;
  aspect-ratio:1!important;
  object-fit:cover!important;
  border-radius:13px!important;
  border:1px solid #e5e7eb!important;
  background:#f8fafc!important;
  cursor:pointer!important;
  font-size:28px!important;
}
.anim-empty{
  grid-column:1/-1!important;
  padding:14px!important;
  color:#64748b!important;
  text-align:center!important;
  font-size:14px!important;
}

.chat-font-large .chat-bubble,
.chat-font-large .message-strip input{font-size:19px!important}
.chat-font-small .chat-bubble,
.chat-font-small .message-strip input{font-size:13px!important}

@media(max-width:840px){
  .settings-actions{
    grid-template-columns:1fr;
  }
  .emoji-box{
    bottom:106px!important;
    grid-template-columns:repeat(5,44px)!important;
  }
  .emoji-box button{
    width:44px!important;
    height:44px!important;
  }
}
/* V8.9 professional login + active panels */
.login-pro{min-height:100vh;background:radial-gradient(circle at 30% 0,#1e3a8a,#070b14 48%,#12051f);color:#fff;display:grid;place-items:center;padding:18px}
.login-wrap{width:min(1050px,96vw);display:grid;place-items:center}
.join-card{width:min(760px,100%);background:rgba(15,23,42,.86);border:1px solid rgba(148,163,184,.25);border-radius:28px;padding:28px;box-shadow:0 35px 100px rgba(0,0,0,.55)}
.join-card h1{font-size:34px;margin:0 0 8px;font-weight:900}.join-card p{color:#cbd5e1;margin:0 0 18px}
.join-tabs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.join-tabs button,.gender-btn{border:1px solid rgba(148,163,184,.25);background:#1f2937;color:#fff;border-radius:18px;padding:16px;font-weight:900;font-size:17px}.join-tabs .active,.gender-btn.active{background:linear-gradient(135deg,#3b82f6,#a855f7);border-color:#93c5fd}
.join-form label{display:block;margin:12px 0 7px;font-weight:900;color:#dbeafe}.input-icon{display:grid;grid-template-columns:58px 1fr;border:1px solid rgba(148,163,184,.28);background:#111827;border-radius:18px;overflow:hidden}.input-icon span{display:grid;place-items:center;font-size:24px}.input-icon input{border:0;background:transparent;color:#fff;font-size:17px;padding:17px;outline:0}
.gender-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gender-btn{display:flex;flex-direction:column;align-items:center;gap:6px}.gender-btn:first-line{font-size:30px}
.remember-row{display:flex!important;align-items:center;gap:10px;background:#1f2937;border:1px solid rgba(148,163,184,.25);border-radius:18px;padding:14px}.remember-row input{width:24px;height:24px}
.start-chat{width:100%;border:0;border-radius:20px;background:linear-gradient(135deg,#60a5fa,#e879f9);color:#fff;padding:18px;margin-top:18px;font-size:19px;font-weight:900}.member-link{display:block;text-align:center;margin-top:12px;color:#dbeafe}
.avatar-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;z-index:999;padding:20px}.avatar-modal.hidden{display:none}.avatar-card{width:min(760px,96vw);max-height:84vh;overflow:auto;background:#0f172a;border:1px solid #334155;border-radius:28px;padding:26px;position:relative}.avatar-card h2{margin:0}.avatar-card p{color:#cbd5e1}.avatar-close{position:absolute;right:18px;top:18px;border:0;border-radius:50%;width:48px;height:48px;background:#334155;color:#fff;font-size:28px}.avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.avatar-choice{border:2px solid transparent;background:#111827;border-radius:18px;padding:0;overflow:hidden}.avatar-choice img{width:100%;display:block}.avatar-choice.selected{border-color:#60a5fa}

.left-brand{margin-top:auto;padding:10px;background:linear-gradient(180deg,#1e40af,#1d4ed8);border-top:1px solid rgba(255,255,255,.2);display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}.brand-logo{background:linear-gradient(#111,#333,#111);border:1px solid #555;border-radius:12px;text-align:center;padding:8px;color:#fff;text-shadow:0 1px 2px #000}.brand-logo b{display:block;font-size:21px}.brand-logo small{color:#fbbf24;font-weight:800}.online-box{text-align:center;font-weight:900}.online-box b{font-size:18px}.left-brand button{grid-column:1/-1;border:0;border-radius:12px;background:linear-gradient(#444,#000);color:#fff;font-size:22px;font-weight:900;padding:10px}

.self-info{margin-left:auto;color:#fff;font-weight:900;white-space:nowrap;padding:0 10px;display:flex;align-items:center}
.volume-control{background:linear-gradient(145deg,#2563eb,#1e40af)!important}.rooms-control{background:linear-gradient(145deg,#0f766e,#0f172a)!important}.anim-control{background:linear-gradient(145deg,#111827,#3b0764)!important}

.style-modal,.volume-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:9999;display:grid;place-items:center;padding:16px}.style-modal.hidden,.volume-modal.hidden{display:none!important}
.style-card,.volume-card{width:min(520px,94vw);background:#f8fafc;color:#111827;border:2px solid #334155;border-radius:18px;padding:18px;position:relative;box-shadow:0 30px 100px rgba(0,0,0,.65)}
.style-card h3,.volume-card h3{background:#0f172a;color:#fff;margin:-18px -18px 16px;padding:14px;border-radius:14px 14px 0 0}.close-style,.close-volume{position:absolute;right:10px;top:8px;width:38px;height:38px;border:0;border-radius:9px;background:#334155;color:#fff;font-size:26px}
.style-card label,.volume-card label{display:block;font-weight:900;margin:12px 0 6px}.style-card select,.style-card input[type=color]{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff}.style-card input[type=color]{height:52px}.style-card button,.volume-actions button{border:1px solid #94a3b8;background:#fff;border-radius:10px;padding:12px 16px;font-weight:900;margin-top:12px}
#stylePreview{margin-top:14px;border:2px dashed #cbd5e1;border-radius:12px;padding:14px;font-weight:900}.volume-card input[type=range]{width:100%;accent-color:#2563eb}.volume-card b{display:block;text-align:center;font-size:18px}.volume-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}

.video-tile{width:110px!important;height:68px!important;max-width:110px!important}.video-modal:not(.hidden){display:grid!important}

.user-row small{font-size:12px!important;color:#cbd5e1!important;background:rgba(255,255,255,.08);border-radius:999px;padding:3px 7px;width:max-content}.user-row.is-mic small{background:rgba(34,197,94,.22)!important;color:#bbf7d0!important}.user-row.is-hand small{outline:1px solid #f59e0b}
@media(max-width:840px){
  .join-card{padding:20px}.gender-grid{grid-template-columns:1fr}.avatar-grid{grid-template-columns:repeat(3,1fr)}
  .left-brand{display:none}
  .self-info{display:none}
  .video-tile{width:74px!important;height:46px!important;max-width:74px!important}
}

/* V8.11 Layout repair: VoiceTalky bottom fixed in left panel */
.user-drawer{
  display:flex!important;
  flex-direction:column!important;
  height:100dvh!important;
  overflow:hidden!important;
}
.user-drawer .drawer-head{
  flex:0 0 auto!important;
}
.user-list{
  flex:1 1 auto!important;
  overflow:auto!important;
  padding-bottom:12px!important;
}
.left-brand{
  flex:0 0 auto!important;
  margin-top:auto!important;
  position:sticky!important;
  bottom:0!important;
  z-index:5!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  padding:10px!important;
  background:linear-gradient(180deg,#1e40af,#1d4ed8)!important;
  border-top:1px solid rgba(255,255,255,.22)!important;
}
.left-brand .brand-logo{
  background:linear-gradient(#111,#333,#111)!important;
  border:1px solid #555!important;
  border-radius:12px!important;
  text-align:center!important;
  padding:8px!important;
  color:#fff!important;
  text-shadow:0 1px 2px #000!important;
}
.left-brand .brand-logo b{
  display:block!important;
  font-size:22px!important;
  line-height:1!important;
}
.left-brand .brand-logo small{
  color:#fbbf24!important;
  font-weight:900!important;
}
.left-brand .online-box{
  text-align:center!important;
  font-weight:900!important;
  color:#fff!important;
  align-self:center!important;
}
.left-brand button{
  grid-column:1/-1!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(#444,#000)!important;
  color:#fff!important;
  font-size:24px!important;
  font-weight:900!important;
  padding:12px!important;
  cursor:pointer!important;
}

/* V8.11 Professional Emoji Popup */
.emoji-popup-pro{
  position:fixed!important;
  left:50%!important;
  bottom:106px!important;
  transform:translateX(-50%)!important;
  width:min(720px,94vw)!important;
  max-height:min(560px,70vh)!important;
  background:#f8fafc!important;
  color:#111827!important;
  border:3px solid #1e1b4b!important;
  border-radius:18px!important;
  box-shadow:0 30px 100px rgba(0,0,0,.62)!important;
  z-index:999999!important;
  overflow:hidden!important;
}
.emoji-popup-pro.hidden{
  display:none!important;
}
.emoji-popup-head{
  height:54px!important;
  background:#111827!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 12px 0 16px!important;
}
.emoji-popup-head b{
  display:block!important;
  font-size:18px!important;
}
.emoji-popup-head small{
  display:block!important;
  color:#fde68a!important;
  font-weight:800!important;
  font-size:12px!important;
}
#closeEmojiBox{
  width:36px!important;
  height:36px!important;
  border:0!important;
  border-radius:10px!important;
  background:#334155!important;
  color:#fff!important;
  font-size:25px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.emoji-popup-tabs{
  display:flex!important;
  gap:7px!important;
  padding:8px!important;
  background:#e5e7eb!important;
  border-bottom:1px solid #cbd5e1!important;
  overflow-x:auto!important;
}
.emoji-popup-tabs button{
  border:0!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#111827!important;
  padding:9px 12px!important;
  font-weight:900!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
.emoji-popup-tabs button.active{
  background:#2563eb!important;
  color:#fff!important;
}
.emoji-popup-body{
  display:none!important;
  grid-template-columns:repeat(8, 1fr)!important;
  gap:10px!important;
  padding:16px!important;
  max-height:430px!important;
  overflow:auto!important;
  background:#f8fafc!important;
}
.emoji-popup-body.active{
  display:grid!important;
}
.emoji-popup-body button{
  width:54px!important;
  height:54px!important;
  border:1px solid #e5e7eb!important;
  border-radius:14px!important;
  background:#fff!important;
  font-size:28px!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  transition:.12s!important;
  padding:0!important;
}
.emoji-popup-body button:hover{
  transform:scale(1.08)!important;
  background:#eef2ff!important;
  border-color:#93c5fd!important;
}

/* Bozulmayı engelle: ana stage/chat alanı */
.room-shell{
  min-height:100dvh!important;
}
.mic-stage{
  min-height:0!important;
}
.chat-stream{
  z-index:4!important;
}
.modern-chatbar{
  z-index:8!important;
}

/* Mobile */
@media(max-width:840px){
  .user-drawer{
    height:100dvh!important;
  }
  .left-brand{
    display:none!important;
  }
  .emoji-popup-pro{
    bottom:102px!important;
    width:96vw!important;
    max-height:62vh!important;
    border-radius:16px!important;
  }
  .emoji-popup-head small{
    display:none!important;
  }
  .emoji-popup-body{
    grid-template-columns:repeat(6, 1fr)!important;
    gap:8px!important;
    padding:10px!important;
    max-height:45vh!important;
  }
  .emoji-popup-body button{
    width:44px!important;
    height:44px!important;
    font-size:24px!important;
    border-radius:12px!important;
  }
}
@media(max-width:430px){
  .emoji-popup-body{
    grid-template-columns:repeat(5, 1fr)!important;
  }
}


/* V8.12 standalone emoji fix */
.emoji-popup-pro{
  position:fixed!important;
  left:50%!important;
  bottom:106px!important;
  transform:translateX(-50%)!important;
  width:min(720px,94vw)!important;
  max-height:min(560px,70vh)!important;
  background:#f8fafc!important;
  color:#111827!important;
  border:3px solid #1e1b4b!important;
  border-radius:18px!important;
  box-shadow:0 30px 100px rgba(0,0,0,.62)!important;
  z-index:999999!important;
  overflow:hidden!important;
}
.emoji-popup-pro.hidden{display:none!important}
.emoji-popup-head{
  height:54px!important;
  background:#111827!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 12px 0 16px!important;
}
.emoji-popup-head b{display:block!important;font-size:18px!important}
.emoji-popup-head small{display:block!important;color:#fde68a!important;font-weight:800!important;font-size:12px!important}
#closeEmojiBox{
  width:36px!important;height:36px!important;border:0!important;border-radius:10px!important;
  background:#334155!important;color:#fff!important;font-size:25px!important;line-height:1!important;cursor:pointer!important;
}
.emoji-popup-tabs{
  display:flex!important;gap:7px!important;padding:8px!important;background:#e5e7eb!important;
  border-bottom:1px solid #cbd5e1!important;overflow-x:auto!important;
}
.emoji-popup-tabs button{
  border:0!important;border-radius:10px!important;background:#fff!important;color:#111827!important;
  padding:9px 12px!important;font-weight:900!important;cursor:pointer!important;white-space:nowrap!important;
}
.emoji-popup-tabs button.active{background:#2563eb!important;color:#fff!important}
.emoji-popup-body{
  display:none!important;
  grid-template-columns:repeat(8, 1fr)!important;
  gap:10px!important;
  padding:16px!important;
  max-height:430px!important;
  overflow:auto!important;
  background:#f8fafc!important;
}
.emoji-popup-body.active{display:grid!important}
.emoji-popup-body button{
  width:54px!important;height:54px!important;border:1px solid #e5e7eb!important;border-radius:14px!important;
  background:#fff!important;font-size:28px!important;display:grid!important;place-items:center!important;
  cursor:pointer!important;transition:.12s!important;padding:0!important;
}
.emoji-popup-body button:hover{transform:scale(1.08)!important;background:#eef2ff!important;border-color:#93c5fd!important}
@media(max-width:840px){
  .emoji-popup-pro{bottom:102px!important;width:96vw!important;max-height:62vh!important;border-radius:16px!important}
  .emoji-popup-head small{display:none!important}
  .emoji-popup-body{grid-template-columns:repeat(6,1fr)!important;gap:8px!important;padding:10px!important;max-height:45vh!important}
  .emoji-popup-body button{width:44px!important;height:44px!important;font-size:24px!important;border-radius:12px!important}
}
@media(max-width:430px){
  .emoji-popup-body{grid-template-columns:repeat(5,1fr)!important}
}


/* V8.13 Camera popup kesin düzeltme */
.video-tile{
  cursor:pointer!important;
  position:relative!important;
}
.video-tile::after{
  content:"⛶";
  position:absolute;
  right:6px;
  top:6px;
  width:24px;
  height:24px;
  border-radius:50%;
  background:rgba(0,0,0,.58);
  color:#fff;
  font-size:14px;
  display:grid;
  place-items:center;
  opacity:.85;
  pointer-events:none;
}
.video-tile:hover::after{
  background:#2563eb;
  opacity:1;
}

.video-modal{
  position:fixed!important;
  inset:0!important;
  z-index:9999999!important;
  background:rgba(0,0,0,.88)!important;
  display:grid!important;
  place-items:center!important;
  padding:16px!important;
}
.video-modal.hidden{
  display:none!important;
}
.video-modal-box{
  width:min(980px,96vw)!important;
  max-height:88vh!important;
  background:#000!important;
  border:1px solid rgba(255,255,255,.25)!important;
  border-radius:22px!important;
  overflow:hidden!important;
  box-shadow:0 35px 120px rgba(0,0,0,.85)!important;
  position:relative!important;
}
#closeVideoModal{
  position:absolute!important;
  right:12px!important;
  top:12px!important;
  z-index:5!important;
  width:42px!important;
  height:42px!important;
  border:0!important;
  border-radius:50%!important;
  background:#ef4444!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1!important;
  cursor:pointer!important;
}
#videoModalContent{
  position:relative!important;
  background:#000!important;
  min-height:260px!important;
}
#videoModalContent video{
  width:100%!important;
  max-height:84vh!important;
  object-fit:contain!important;
  display:block!important;
  background:#000!important;
}
.video-modal-label{
  position:absolute!important;
  left:14px!important;
  bottom:14px!important;
  background:rgba(0,0,0,.68)!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:7px 14px!important;
  font-weight:900!important;
  font-size:14px!important;
}

@media(max-width:840px){
  .video-modal{
    padding:8px!important;
  }
  .video-modal-box{
    width:98vw!important;
    border-radius:18px!important;
  }
  #videoModalContent{
    min-height:200px!important;
  }
  #videoModalContent video{
    max-height:76vh!important;
  }
  #closeVideoModal{
    width:40px!important;
    height:40px!important;
    right:8px!important;
    top:8px!important;
  }
}


/* V8.14 Secure GIF Animation System */
.anim-control{
  background:linear-gradient(145deg,#111827,#3b0764)!important;
}

.anim-popup-pro{
  position:fixed!important;
  left:50%!important;
  bottom:106px!important;
  transform:translateX(-50%)!important;
  width:min(760px,95vw)!important;
  max-height:min(620px,72vh)!important;
  background:#f8fafc!important;
  color:#111827!important;
  border:3px solid #1e1b4b!important;
  border-radius:18px!important;
  box-shadow:0 30px 100px rgba(0,0,0,.62)!important;
  z-index:999998!important;
  overflow:hidden!important;
}
.anim-popup-pro.hidden{display:none!important}
.anim-popup-head{
  height:54px!important;
  background:#111827!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 12px 0 16px!important;
}
.anim-popup-head b{display:block!important;font-size:18px!important}
.anim-popup-head small{display:block!important;color:#fde68a!important;font-weight:800!important;font-size:12px!important}
#closeAnimBox{
  width:36px!important;
  height:36px!important;
  border:0!important;
  border-radius:10px!important;
  background:#334155!important;
  color:#fff!important;
  font-size:25px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.anim-popup-grid{
  display:grid!important;
  grid-template-columns:repeat(6, 1fr)!important;
  gap:12px!important;
  padding:16px!important;
  max-height:520px!important;
  overflow:auto!important;
  background:#f8fafc!important;
}
.anim-item{
  border:1px solid #e5e7eb!important;
  border-radius:14px!important;
  background:#fff!important;
  padding:7px!important;
  cursor:pointer!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  align-items:center!important;
  transition:.12s!important;
}
.anim-item:hover{
  transform:scale(1.04)!important;
  background:#eef2ff!important;
  border-color:#93c5fd!important;
}
.anim-item img{
  width:100%!important;
  height:78px!important;
  object-fit:contain!important;
  background:#fff!important;
  display:block!important;
}
.anim-item span{
  width:100%!important;
  display:block!important;
  color:#111827!important;
  font-size:11px!important;
  font-weight:800!important;
  text-align:center!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.anim-empty,.anim-loading{
  grid-column:1/-1!important;
  text-align:center!important;
  padding:28px!important;
  color:#64748b!important;
  font-weight:800!important;
}
.chat-bubble img{
  max-width:180px!important;
  max-height:180px!important;
  object-fit:contain!important;
  border-radius:12px!important;
  background:#fff!important;
  padding:4px!important;
}

@media(max-width:840px){
  .anim-popup-pro{
    bottom:102px!important;
    width:96vw!important;
    max-height:62vh!important;
    border-radius:16px!important;
  }
  .anim-popup-head small{display:none!important}
  .anim-popup-grid{
    grid-template-columns:repeat(4, 1fr)!important;
    gap:8px!important;
    padding:10px!important;
    max-height:45vh!important;
  }
  .anim-item img{
    height:58px!important;
  }
}
@media(max-width:430px){
  .anim-popup-grid{
    grid-template-columns:repeat(3, 1fr)!important;
  }
}


/* V8.17 Chat animation fit fix */
.chat-stream,
#messages{
  overflow-x:hidden!important;
}

.chat-bubble{
  max-width:min(360px, 78vw)!important;
  width:max-content!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

.chat-bubble img{
  display:block!important;
  width:auto!important;
  max-width:260px!important;
  max-height:190px!important;
  object-fit:contain!important;
  border-radius:14px!important;
  background:#fff!important;
  padding:4px!important;
  box-sizing:border-box!important;
}

.chat-bubble:has(img){
  width:fit-content!important;
  max-width:min(290px, 78vw)!important;
  padding:10px!important;
}

.chat-bubble:has(img) b{
  display:block!important;
  margin-bottom:6px!important;
}

@media(max-width:840px){
  .chat-bubble{
    max-width:86vw!important;
  }

  .chat-bubble img{
    max-width:210px!important;
    max-height:155px!important;
  }

  .chat-bubble:has(img){
    max-width:230px!important;
  }
}

@media(max-width:430px){
  .chat-bubble img{
    max-width:190px!important;
    max-height:140px!important;
  }

  .chat-bubble:has(img){
    max-width:210px!important;
  }
}


/* V8.18 Multiple animation chat scroll fix */
.chat-stream,
#messages{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  contain:layout paint!important;
}

.chat-stream::-webkit-scrollbar,
#messages::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

.chat-bubble{
  display:block!important;
  clear:both!important;
  width:fit-content!important;
  max-width:min(330px, 76vw)!important;
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  margin:8px 0!important;
}

.chat-bubble:has(img){
  display:block!important;
  width:fit-content!important;
  max-width:min(310px, 76vw)!important;
  height:auto!important;
  overflow:visible!important;
  padding:10px!important;
}

.chat-bubble:has(img) b{
  display:block!important;
  margin:0 0 6px!important;
  line-height:1.2!important;
}

.chat-bubble img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:260px!important;
  max-height:180px!important;
  object-fit:contain!important;
  border-radius:12px!important;
  background:#fff!important;
  padding:4px!important;
  box-sizing:border-box!important;
  margin:0!important;
}

/* iOS/Safari :has desteği sorun çıkarırsa sınıfsız img balonunu da güvene al */
.chat-bubble > img,
.chat-bubble b + br + img{
  max-width:260px!important;
  max-height:180px!important;
}

/* Main stage içinde native beyaz scrollbar çıkmasını engelle */
.mic-stage,
.room-main,
.stage,
.room-content{
  overflow-x:hidden!important;
}

/* Animasyon mesajları ekranın ortasına taşmasın, solda düzenli aksın */
.chat-stream{
  width:min(420px, 80vw)!important;
  max-width:420px!important;
  padding-right:0!important;
}

@media(max-width:840px){
  .chat-stream{
    width:auto!important;
    max-width:none!important;
    left:10px!important;
    right:10px!important;
    max-height:26vh!important;
  }

  .chat-bubble,
  .chat-bubble:has(img){
    max-width:86vw!important;
  }

  .chat-bubble img,
  .chat-bubble > img,
  .chat-bubble b + br + img{
    max-width:190px!important;
    max-height:135px!important;
  }
}

@media(max-width:430px){
  .chat-bubble img,
  .chat-bubble > img,
  .chat-bubble b + br + img{
    max-width:170px!important;
    max-height:125px!important;
  }
}


/* V8.19 Professional chat layout fix */

/* Ana oda alanı */
.room-shell{
  height:100dvh!important;
  overflow:hidden!important;
}
.room-main,
.mic-stage,
.stage,
.room-content{
  position:relative!important;
  overflow:hidden!important;
}

/* Chat geçmişi artık daracık kutu değil, geniş doğal alan */
.chat-stream,
#messages{
  position:absolute!important;
  left:24px!important;
  right:24px!important;
  bottom:86px!important;
  width:auto!important;
  max-width:none!important;
  max-height:42vh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:8px 12px 8px 0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:8px!important;
  scrollbar-width:thin!important;
  box-sizing:border-box!important;
}

/* Scroll daha sade */
.chat-stream::-webkit-scrollbar,
#messages::-webkit-scrollbar{
  width:7px!important;
}
.chat-stream::-webkit-scrollbar-track,
#messages::-webkit-scrollbar-track{
  background:rgba(15,23,42,.25)!important;
  border-radius:999px!important;
}
.chat-stream::-webkit-scrollbar-thumb,
#messages::-webkit-scrollbar-thumb{
  background:rgba(148,163,184,.45)!important;
  border-radius:999px!important;
}

/* Mesaj balonları genişlik olarak rahatlasın */
.chat-bubble{
  display:block!important;
  flex:0 0 auto!important;
  width:fit-content!important;
  max-width:min(680px, 72vw)!important;
  min-width:0!important;
  margin:0!important;
  padding:10px 15px!important;
  box-sizing:border-box!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
  white-space:normal!important;
  overflow:visible!important;
  line-height:1.35!important;
}

/* Uzun yazılar tek satırda sıkışmasın */
.chat-bubble span{
  white-space:normal!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}

/* Animasyon mesajları düzgün kutuda */
.chat-bubble:has(img){
  max-width:320px!important;
  padding:10px!important;
}
.chat-bubble:has(img) b{
  display:block!important;
  margin-bottom:6px!important;
}
.chat-bubble img,
.chat-bubble > img,
.chat-bubble b + br + img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:260px!important;
  max-height:180px!important;
  object-fit:contain!important;
  border-radius:12px!important;
  background:#fff!important;
  padding:4px!important;
  box-sizing:border-box!important;
}

/* Alt bar ekran altına düzgün otursun */
.modern-chatbar{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:86px!important;
  display:grid!important;
  grid-template-rows:36px 50px!important;
  background:rgba(15,23,42,.96)!important;
  border-top:1px solid rgba(148,163,184,.28)!important;
  z-index:30!important;
}

/* İkon satırı */
.icon-strip{
  height:36px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 14px!important;
  overflow-x:auto!important;
  border-bottom:1px solid rgba(148,163,184,.16)!important;
}
.icon-strip .mini-icon,
.mini-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  border-radius:10px!important;
  font-size:15px!important;
}

/* Kullanıcı bilgisi sağda kalsın */
.self-info{
  margin-left:auto!important;
  font-size:15px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:420px!important;
}

/* Yazma satırı: gönder butonu aşağıda kopuk durmasın */
.message-strip{
  height:50px!important;
  display:grid!important;
  grid-template-columns:1fr 130px!important;
}
.message-strip input{
  width:100%!important;
  height:50px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#111827!important;
  font-size:16px!important;
  padding:0 16px!important;
  box-sizing:border-box!important;
}
.message-strip .send-btn,
#send{
  width:100%!important;
  height:50px!important;
  border-radius:0!important;
  border:0!important;
  background:linear-gradient(180deg,#1f2937,#020617)!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
}

/* Sol panel marka kutusu altta sabit */
.left-brand{
  margin-top:auto!important;
  position:sticky!important;
  bottom:0!important;
}

/* PC'de yazılar gereksiz aşağıda kalmasın */
@media(min-width:841px){
  .chat-stream,
  #messages{
    max-height:48vh!important;
    bottom:92px!important;
  }
}

/* Mobil düzen */
@media(max-width:840px){
  .modern-chatbar{
    height:96px!important;
    grid-template-rows:40px 56px!important;
  }
  .icon-strip{
    height:40px!important;
    gap:8px!important;
    padding:0 8px!important;
  }
  .icon-strip .mini-icon,
  .mini-icon{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    max-width:34px!important;
  }
  .message-strip{
    height:78px!important;
    grid-template-columns:1fr 82px!important;
  }
  .message-strip input{
    height:78px!important;
    font-size:16px!important;
    padding:0 12px!important;
  }
  .message-strip .send-btn,
  #send{
    height:78px!important;
    font-size:15px!important;
  }
  .chat-stream,
  #messages{
    left:10px!important;
    right:10px!important;
    bottom:104px!important;
    max-height:34vh!important;
    padding-right:4px!important;
    gap:7px!important;
  }
  .chat-bubble{
    max-width:88vw!important;
    padding:8px 12px!important;
    font-size:14px!important;
  }
  .chat-bubble:has(img){
    max-width:220px!important;
  }
  .chat-bubble img,
  .chat-bubble > img,
  .chat-bubble b + br + img{
    max-width:190px!important;
    max-height:130px!important;
  }
  .self-info{
    display:none!important;
  }
}

/* Küçük mobil */
@media(max-width:430px){
  .chat-stream,
  #messages{
    max-height:32vh!important;
    bottom:102px!important;
  }
  .chat-bubble:has(img){
    max-width:190px!important;
  }
  .chat-bubble img,
  .chat-bubble > img,
  .chat-bubble b + br + img{
    max-width:165px!important;
    max-height:112px!important;
  }
}


/* V8.19 HOTFIX - left logo overlap fix */

/* Sol panelin alt marka alanı artık chat barın üstüne taşmaz */
.left-brand,
.voice-brand-box,
.sidebar-brand{
    position:absolute!important;
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    width:auto!important;
    z-index:2!important;
}

/* Chat alt barı sadece sağ içerik alanında başlasın */
.modern-chatbar{
    left:320px!important;
    width:calc(100% - 320px)!important;
    z-index:20!important;
}

/* Mesaj alanı da sol sidebarı hesaba katsın */
.chat-stream,
#messages{
    left:340px!important;
    width:calc(100% - 364px)!important;
}

/* Mobilde normale dön */
@media(max-width:840px){
    .modern-chatbar{
        left:0!important;
        width:100%!important;
    }

    .chat-stream,
    #messages{
        left:10px!important;
        width:calc(100% - 20px)!important;
    }

    .left-brand,
    .voice-brand-box,
    .sidebar-brand{
        position:relative!important;
        left:auto!important;
        right:auto!important;
        bottom:auto!important;
        margin:12px!important;
    }
}


/* V8.20 Text / Room style panel */
.style-control{
  background:linear-gradient(145deg,#ec4899,#7c3aed)!important;
}

.style-modal-pro{
  position:fixed!important;
  inset:0!important;
  background:rgba(0,0,0,.58)!important;
  display:grid!important;
  place-items:center!important;
  z-index:999999!important;
  padding:16px!important;
}
.style-modal-pro.hidden{
  display:none!important;
}
.style-panel-pro{
  width:min(620px,94vw)!important;
  max-height:82vh!important;
  overflow:auto!important;
  background:#f8fafc!important;
  color:#111827!important;
  border:2px solid #1e293b!important;
  border-radius:18px!important;
  box-shadow:0 30px 100px rgba(0,0,0,.65)!important;
}
.style-panel-head{
  height:58px!important;
  background:#0f172a!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 16px!important;
}
.style-panel-head b{
  font-size:22px!important;
}
#closeStyleModal{
  width:40px!important;
  height:40px!important;
  border:0!important;
  border-radius:10px!important;
  background:#334155!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.style-panel-body{
  padding:22px!important;
  display:grid!important;
  grid-template-columns:180px 1fr!important;
  gap:16px!important;
  align-items:center!important;
}
.style-panel-body label{
  font-size:18px!important;
  font-weight:900!important;
}
.style-panel-body select,
.style-panel-body input[type=color]{
  width:100%!important;
  height:48px!important;
  border:1px solid #cbd5e1!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#111827!important;
  font-size:18px!important;
  font-weight:800!important;
  padding:0 12px!important;
}
.style-panel-body input[type=color]{
  padding:4px!important;
}
.style-actions{
  grid-column:1/-1!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
}
.style-actions button{
  border:1px solid #94a3b8!important;
  background:#fff!important;
  color:#111827!important;
  border-radius:10px!important;
  padding:12px 18px!important;
  font-size:17px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
#styleSave{
  background:#2563eb!important;
  color:#fff!important;
  border-color:#2563eb!important;
}
#stylePreviewPro{
  grid-column:1/-1!important;
  border:2px dashed #cbd5e1!important;
  border-radius:14px!important;
  padding:16px!important;
  font-size:18px!important;
  color:#fff!important;
  background:#111827!important;
  font-weight:900!important;
}

/* Seçilen yazı stilleri balonlarda düzgün görünsün */
.chat-bubble{
  transition:background .15s,color .15s,font-size .15s!important;
}

/* Mobil */
@media(max-width:840px){
  .style-panel-pro{
    width:96vw!important;
    max-height:78vh!important;
  }
  .style-panel-head{
    height:54px!important;
  }
  .style-panel-head b{
    font-size:19px!important;
  }
  .style-panel-body{
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding:16px!important;
  }
  .style-panel-body label{
    font-size:15px!important;
  }
  .style-panel-body select,
  .style-panel-body input[type=color]{
    height:44px!important;
    font-size:16px!important;
  }
  .style-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .style-actions button{
    width:100%!important;
    font-size:15px!important;
  }
}


/* V8.21 Text style actual apply fix */
.chat-bubble.vt-custom-style{
  background:var(--dummy, #111827)!important;
}

.chat-bubble.vt-custom-style,
.chat-bubble.vt-custom-style b,
.chat-bubble.vt-custom-style span,
.chat-bubble.vt-custom-style strong,
.chat-bubble.vt-custom-style em{
  color:inherit!important;
  font-family:inherit!important;
}

.chat-bubble.vt-custom-style b{
  font-weight:900!important;
}

/* Görsel animasyon balonlarının stil ayarından etkilenip bozulmasını engelle */
.chat-bubble.vt-custom-style:has(img){
  background:rgba(15,23,42,.88)!important;
  color:#93c5fd!important;
}

.chat-bubble.vt-custom-style:has(img) b{
  color:#93c5fd!important;
}


/* V8.22 Bottom chat bar visual polish */
.modern-chatbar{
  bottom:18px!important;
  left:320px!important;
  width:calc(100% - 336px)!important;
  height:82px!important;
  border-radius:18px 0 0 18px!important;
  overflow:hidden!important;
  background:rgba(15,23,42,.96)!important;
  border:1px solid rgba(148,163,184,.35)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.40)!important;
}

.icon-strip{
  height:36px!important;
  padding:0 14px!important;
  background:linear-gradient(180deg,rgba(30,41,59,.98),rgba(15,23,42,.96))!important;
}

.message-strip{
  height:46px!important;
  grid-template-columns:1fr 130px!important;
}

.message-strip input{
  height:46px!important;
  font-size:16px!important;
  border:0!important;
  background:#fff!important;
}

.message-strip .send-btn,
#send{
  height:46px!important;
  font-size:18px!important;
  background:linear-gradient(180deg,#1f2937,#020617)!important;
}

/* Chat geçmişi bar yukarı çıktığı için çakışmasın */
.chat-stream,
#messages{
  bottom:112px!important;
}

/* Sol VoiceTalky kutusu barla aynı hizada, çakışmadan dursun */
.left-brand{
  bottom:18px!important;
  left:14px!important;
  right:14px!important;
  border-radius:0!important;
  box-shadow:0 18px 45px rgba(0,0,0,.35)!important;
}

/* Desktopta alt panel estetik hizalama */
@media(min-width:841px){
  .room-main,
  .mic-stage,
  .stage,
  .room-content{
    padding-bottom:112px!important;
  }
}

/* Mobilde alt bar tam genişlik ama daha düzgün */
@media(max-width:840px){
  .modern-chatbar{
    left:8px!important;
    right:8px!important;
    width:auto!important;
    bottom:10px!important;
    height:94px!important;
    border-radius:18px!important;
  }

  .icon-strip{
    height:38px!important;
    padding:0 10px!important;
  }

  .message-strip{
    height:78px!important;
    grid-template-columns:1fr 84px!important;
  }

  .message-strip input,
  .message-strip .send-btn,
  #send{
    height:78px!important;
  }

  .chat-stream,
  #messages{
    bottom:114px!important;
  }

  .left-brand{
    display:none!important;
  }
}

@media(max-width:430px){
  .modern-chatbar{
    bottom:8px!important;
    height:92px!important;
  }

  .chat-stream,
  #messages{
    bottom:110px!important;
  }
}


/* V8.23 Own / other / system message colors */
.chat-bubble.vt-styled-bubble,
.chat-bubble.vt-styled-bubble b,
.chat-bubble.vt-styled-bubble span,
.chat-bubble.vt-styled-bubble strong,
.chat-bubble.vt-styled-bubble em{
  color:inherit!important;
  font-family:inherit!important;
}

.chat-bubble.vt-system-bubble{
  box-shadow:0 0 0 1px rgba(248,113,113,.35), 0 12px 28px rgba(127,29,29,.22)!important;
}

.chat-bubble.vt-other-bubble{
  box-shadow:0 0 0 1px rgba(147,197,253,.18), 0 10px 25px rgba(0,0,0,.25)!important;
}

.chat-bubble.vt-own-bubble{
  box-shadow:0 0 0 1px rgba(34,197,94,.16), 0 10px 25px rgba(0,0,0,.25)!important;
}

/* GIF animasyon balonları renk ayarından etkilenmez */
.chat-bubble.vt-styled-bubble:has(img){
  background:rgba(15,23,42,.88)!important;
  color:#93c5fd!important;
}
.chat-bubble.vt-styled-bubble:has(img) b{
  color:#93c5fd!important;
}

/* Style panel yeni renk seçenekleri mobilde de düzgün */
.style-panel-body{
  align-items:center!important;
}

@media(max-width:840px){
  .style-panel-body{
    grid-template-columns:1fr!important;
  }
}


/* V8.24 Settings popup like reference image, but compact like animation popup */
.settings-control{background:linear-gradient(145deg,#334155,#0f172a)!important}

.settings-popup-pro{
  position:fixed!important;
  left:50%!important;
  bottom:106px!important;
  transform:translateX(-50%)!important;
  width:min(860px,95vw)!important;
  max-height:min(620px,74vh)!important;
  background:#f3f4f6!important;
  color:#111827!important;
  border:2px solid #64748b!important;
  border-radius:18px!important;
  box-shadow:0 30px 100px rgba(0,0,0,.62)!important;
  z-index:999998!important;
  overflow:hidden!important;
}
.settings-popup-pro.hidden{display:none!important}

.settings-popup-head{
  height:48px!important;
  background:linear-gradient(#f8fafc,#e5e7eb)!important;
  color:#111827!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 12px 0 16px!important;
  border-bottom:1px solid #cbd5e1!important;
}
.settings-popup-head b{display:block!important;font-size:18px!important}
.settings-popup-head small{display:block!important;color:#64748b!important;font-weight:800!important;font-size:12px!important}
#closeSettingsModal{
  width:34px!important;height:34px!important;border:1px solid #94a3b8!important;border-radius:8px!important;
  background:#f8fafc!important;color:#475569!important;font-size:24px!important;line-height:1!important;cursor:pointer!important;
}

.settings-layout-pro{display:grid!important;grid-template-columns:170px 1fr!important;max-height:calc(min(620px,74vh) - 104px)!important;overflow:hidden!important}
.settings-left-tabs{background:#eef2f7!important;border-right:1px solid #cbd5e1!important;padding:10px!important;display:flex!important;flex-direction:column!important;gap:8px!important}
.settings-left-tabs button{
  height:44px!important;border:1px solid #cbd5e1!important;border-radius:7px!important;background:#fff!important;color:#333!important;
  font-size:17px!important;font-weight:900!important;text-align:left!important;padding:0 14px!important;cursor:pointer!important;
}
.settings-left-tabs button.active{background:#3498db!important;color:#fff!important;border-color:#2383bd!important}

.settings-right-content{min-width:0!important;overflow:auto!important}
.settings-device-top{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  padding:12px 16px!important;border-bottom:1px solid #cbd5e1!important;background:#f8fafc!important;
}
.settings-device-top b{display:block!important;font-size:18px!important;color:#475569!important;line-height:1.1!important}
.settings-device-top small{display:block!important;color:#64748b!important;font-weight:800!important;margin-top:3px!important}

.mode-buttons{display:flex!important;gap:8px!important}
.mode-buttons button{
  border:2px solid #94a3b8!important;background:#f8fafc!important;color:#1f2937!important;border-radius:7px!important;
  padding:10px 14px!important;font-size:15px!important;font-weight:900!important;cursor:pointer!important;white-space:nowrap!important;
}
.mode-buttons button.active{background:#dcfce7!important;color:#166534!important;border-color:#86efac!important}

.settings-panel{display:none!important;padding:14px!important;overflow:auto!important}
.settings-panel.active{display:block!important}
.settings-panel h3{margin:0 0 10px!important;font-size:24px!important;color:#333!important}

.permission-badges{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:10px!important}
.permission-badges span{
  border:1px solid #eab308!important;background:#fef9c3!important;color:#854d0e!important;border-radius:999px!important;
  padding:7px 10px!important;font-weight:900!important;font-size:13px!important;
}
.permission-badges span.ok{background:#dcfce7!important;color:#166534!important;border-color:#86efac!important}
.permission-badges span.bad{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important}

.device-form-grid{
  display:grid!important;grid-template-columns:170px 1fr!important;gap:10px!important;align-items:center!important;
  border:1px solid #cbd5e1!important;background:#fff!important;border-radius:8px!important;padding:12px!important;
}
.device-form-grid label{font-size:17px!important;font-weight:900!important}
.device-form-grid select{
  height:46px!important;border:1px solid #bbb!important;border-radius:10px!important;background:#fff!important;color:#111827!important;
  font-size:16px!important;padding:0 12px!important;
}

.settings-actions{display:flex!important;gap:9px!important;margin-top:12px!important}
.settings-actions button,.settings-popup-footer button{
  border:0!important;border-radius:8px!important;padding:10px 13px!important;font-size:15px!important;font-weight:900!important;cursor:pointer!important;
}
#grantMediaPerm{background:#dcfce7!important;color:#166534!important;border:1px solid #86efac!important}
#refreshDevices{background:#dbeafe!important;color:#1d4ed8!important;border:1px solid #93c5fd!important}
#selectDefaultDevices{background:#e5e7eb!important;color:#111827!important;border:1px solid #94a3b8!important}

.setting-check{
  display:flex!important;align-items:center!important;gap:10px!important;border:1px solid #cbd5e1!important;background:#fff!important;
  padding:8px 12px!important;font-size:18px!important;font-weight:900!important;max-width:620px!important;margin-bottom:8px!important;border-radius:6px!important;
}
.setting-check input{width:22px!important;height:22px!important}

.settings-popup-footer{
  border-top:1px solid #cbd5e1!important;background:#f8fafc!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;padding:10px 12px!important;
}
#settingsReadyBadge{border-radius:999px!important;background:#fff!important;border:1px solid #cbd5e1!important;color:#64748b!important;padding:7px 13px!important;font-weight:900!important}
#fixMediaProblem{background:#dbeafe!important;color:#1d4ed8!important;border:1px solid #93c5fd!important}
#saveSettingsBtn{background:#2563eb!important;color:#fff!important}

body.vt-music-mode .mic-control{box-shadow:0 0 0 3px rgba(34,197,94,.35)!important}

@media(max-width:840px){
  .settings-popup-pro{bottom:102px!important;width:96vw!important;max-height:68vh!important;border-radius:16px!important}
  .settings-popup-head small{display:none!important}
  .settings-layout-pro{grid-template-columns:1fr!important;max-height:calc(68vh - 104px)!important}
  .settings-left-tabs{flex-direction:row!important;overflow-x:auto!important;border-right:0!important;border-bottom:1px solid #cbd5e1!important}
  .settings-left-tabs button{min-width:130px!important;text-align:center!important}
  .settings-device-top{flex-direction:column!important;align-items:stretch!important}
  .mode-buttons{display:grid!important;grid-template-columns:1fr 1fr!important}
  .device-form-grid{grid-template-columns:1fr!important;gap:6px!important}
  .settings-actions{display:grid!important;grid-template-columns:1fr!important}
  .settings-popup-footer{align-items:stretch!important;flex-direction:column!important}
  .settings-popup-footer div{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
}


/* V8.25 Settings functional fixes */
.vt-chat-time{
  display:inline-block!important;
  margin-left:8px!important;
  opacity:.65!important;
  font-size:11px!important;
  font-weight:800!important;
}

body.vt-private-closed .private-call-btn,
body.vt-private-closed [data-private-call]{
  opacity:.45!important;
  pointer-events:none!important;
}

body.vt-voicecall-closed .voice-call-btn,
body.vt-voicecall-closed [data-voice-call]{
  opacity:.45!important;
  pointer-events:none!important;
}

body.vt-videocall-closed .video-call-btn,
body.vt-videocall-closed [data-video-call]{
  opacity:.45!important;
  pointer-events:none!important;
}

body.vt-show-mic-left .user-row.is-mic{
  order:-10!important;
  border-color:#22c55e!important;
  box-shadow:0 0 0 1px rgba(34,197,94,.35)!important;
}

body.vt-music-mode .mic-control{
  box-shadow:0 0 0 3px rgba(34,197,94,.35)!important;
  filter:saturate(1.3)!important;
}

.settings-panel input[type=checkbox]{
  accent-color:#2563eb!important;
}


/* V8.26 device names UX */
.device-form-grid select option{
  font-weight:700!important;
}
.permission-badges span.warn{
  background:#fef9c3!important;
  color:#854d0e!important;
  border-color:#eab308!important;
}


/* V8.27 Speaker / Mic volume popup */
.volume-control{position:relative!important;background:linear-gradient(145deg,#2563eb,#1e40af)!important}
.volume-control.is-muted{background:linear-gradient(145deg,#ef4444,#7f1d1d)!important}

.volume-popup-pro{
  position:fixed!important;left:50%!important;bottom:106px!important;transform:translateX(-50%)!important;width:220px!important;
  background:#f8fafc!important;color:#111827!important;border:2px solid #64748b!important;border-radius:12px!important;
  box-shadow:0 28px 90px rgba(0,0,0,.58)!important;z-index:999998!important;overflow:hidden!important;
}
.volume-popup-pro.hidden{display:none!important}
.volume-popup-head{height:38px!important;background:#0f172a!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 8px 0 12px!important}
.volume-popup-head b{font-size:15px!important}
#closeVolumeModal{width:28px!important;height:28px!important;border:1px solid #475569!important;border-radius:7px!important;background:#334155!important;color:#fff!important;font-size:22px!important;line-height:1!important;cursor:pointer!important}
.volume-popup-body{padding:12px!important;max-height:360px!important;overflow:auto!important}
.volume-sliders{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;justify-items:center!important}
.volume-col{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important}
.volume-icon{font-size:20px!important}
.volume-col input[type=range]{
  -webkit-appearance:slider-vertical!important;writing-mode:bt-lr!important;width:34px!important;height:130px!important;accent-color:#2563eb!important;
}
#micVolumeRange{accent-color:#ef4444!important}
.volume-col b{font-size:14px!important;color:#111827!important}
.volume-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:12px!important}
.volume-buttons button{border:1px solid #cbd5e1!important;border-radius:6px!important;background:#f8fafc!important;color:#111827!important;padding:8px 6px!important;font-size:14px!important;font-weight:900!important;cursor:pointer!important}
#muteSpeakerBtn{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important}
#unmuteSpeakerBtn{background:#dcfce7!important;color:#166534!important;border-color:#86efac!important}
@media(max-width:840px){.volume-popup-pro{bottom:102px!important;width:220px!important;max-width:92vw!important}.volume-col input[type=range]{height:120px!important}}


/* V8.28 Professional muted speaker icon + default 90 */
.volume-control.is-muted{
  background:linear-gradient(145deg,#ef4444,#991b1b)!important;
  color:#fff!important;
}



/* Önceki küçük çarpı kalıntılarını bastır */
.volume-control.is-muted{
  font-size:0!important;
}
.volume-control.is-muted::selection{
  background:transparent!important;
}
.volume-control.is-muted{
  --muted-speaker-icon:"🔊";
}
.volume-control.is-muted span{
  display:none!important;
}
.volume-control.is-muted{
  line-height:1!important;
}
.volume-control.is-muted:not(.dummy)::marker{
  content:""!important;
}

/* JS textContent 🔇 verse bile daha kaliteli görünmesi için */
.volume-control.is-muted{
  text-shadow:none!important;
}
.volume-control.is-muted{
  font-size:20px!important;
}


/* V8.28.1 muted icon cleanup */
.volume-control.is-muted{
  overflow:hidden!important;
}




/* V8.28.2 Final muted speaker style */
.volume-control.is-muted{
  background:linear-gradient(145deg,#ef4444,#991b1b)!important;
  color:#fff!important;
  border:2px solid rgba(255,255,255,.18)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    0 4px 14px rgba(239,68,68,.35)!important;
}

.volume-control.is-muted::after{
  display:none!important;
}

.volume-control.is-muted::before{
  display:none!important;
}


/* V8.29 Talk button reaction + status menu + user scroll */
.left-brand{
  z-index:50!important;
}

.left-brand .online-box{
  border-radius:8px!important;
  transition:.15s!important;
}
.left-brand .online-box:hover{
  background:rgba(255,255,255,.10)!important;
}

.left-brand button,
#bigTalkBtn{
  transition:.15s ease!important;
}

.left-brand button.is-speaking,
#bigTalkBtn.is-speaking{
  background:linear-gradient(#e5e7eb,#cbd5e1)!important;
  color:#111827!important;
  text-shadow:none!important;
  border:1px solid #94a3b8!important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.22), 0 0 0 2px rgba(34,197,94,.35)!important;
}

.left-brand button.is-speaking::before,
#bigTalkBtn.is-speaking::before{
  content:"";
  display:inline-block;
  width:9px;
  height:9px;
  background:#22c55e;
  border-radius:50%;
  margin-right:8px;
  box-shadow:0 0 10px rgba(34,197,94,.75);
}

.status-menu-pro{
  position:fixed!important;
  left:84px!important;
  bottom:92px!important;
  width:145px!important;
  max-height:315px!important;
  overflow:auto!important;
  background:#f8fafc!important;
  color:#111827!important;
  border:2px solid #334155!important;
  border-radius:8px!important;
  box-shadow:0 18px 55px rgba(0,0,0,.55)!important;
  z-index:999999!important;
  padding:4px!important;
}
.status-menu-pro.hidden{display:none!important}

.status-menu-head{
  height:30px!important;
  background:#111827!important;
  color:#fff!important;
  border-radius:5px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 6px!important;
  margin-bottom:5px!important;
}
.status-menu-head b{
  font-size:13px!important;
}
#closeStatusMenu{
  width:22px!important;
  height:22px!important;
  border:0!important;
  border-radius:4px!important;
  background:#334155!important;
  color:#fff!important;
  cursor:pointer!important;
}
.status-menu-pro > button:not(#closeStatusMenu){
  width:100%!important;
  height:34px!important;
  border:0!important;
  border-radius:6px!important;
  background:#e5e7eb!important;
  color:#111827!important;
  font-weight:900!important;
  text-align:left!important;
  padding:0 10px!important;
  margin:3px 0!important;
  cursor:pointer!important;
}
.status-menu-pro > button:not(#closeStatusMenu):hover{
  background:#c7d2fe!important;
}

.vt-status-badge{
  display:inline-grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  margin-left:6px!important;
  border-radius:50%!important;
  background:rgba(15,23,42,.22)!important;
  font-size:13px!important;
  vertical-align:middle!important;
}

/* User list scroll */
.user-drawer{
  overflow:hidden!important;
}
.user-list,
.vt-scrollable-users{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  max-height:calc(100dvh - 210px)!important;
  padding-right:6px!important;
  scrollbar-width:thin!important;
}
.user-list::-webkit-scrollbar,
.vt-scrollable-users::-webkit-scrollbar{
  width:7px!important;
}
.user-list::-webkit-scrollbar-thumb,
.vt-scrollable-users::-webkit-scrollbar-thumb{
  background:rgba(148,163,184,.45)!important;
  border-radius:999px!important;
}
.user-list::-webkit-scrollbar-track,
.vt-scrollable-users::-webkit-scrollbar-track{
  background:rgba(15,23,42,.25)!important;
}

@media(max-width:840px){
  .status-menu-pro{
    left:12px!important;
    bottom:118px!important;
    width:170px!important;
    max-height:40vh!important;
  }
  .user-list,
  .vt-scrollable-users{
    max-height:calc(100dvh - 160px)!important;
  }
}


/* V8.30 Talk button + status menu polish */
.left-brand button,
#bigTalkBtn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:42px!important;
  padding:9px 12px!important;
  font-size:18px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#bigTalkBtn .talk-icon,
.left-brand button .talk-icon{
  font-size:18px!important;
  line-height:1!important;
}

#bigTalkBtn .talk-text,
.left-brand button .talk-text{
  font-weight:900!important;
  letter-spacing:-.2px!important;
}

.left-brand button.is-speaking,
#bigTalkBtn.is-speaking{
  background:linear-gradient(180deg,#e9eef5,#cfd8e3)!important;
  color:#0f172a!important;
  text-shadow:none!important;
  border:1px solid #9ca3af!important;
  box-shadow:
    inset 0 2px 5px rgba(0,0,0,.18),
    0 0 0 2px rgba(34,197,94,.25)!important;
}

.left-brand button.is-speaking::before,
#bigTalkBtn.is-speaking::before{
  display:none!important;
}

/* Durum menüsü daha estetik */
.status-menu-pro{
  width:166px!important;
  padding:5px!important;
  background:#f1f5f9!important;
  border:2px solid #1e293b!important;
  border-radius:9px!important;
}

.status-menu-head{
  height:32px!important;
  background:#0f172a!important;
  color:#fff!important;
  border-radius:6px!important;
}

.status-menu-pro > button:not(#closeStatusMenu){
  height:36px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  background:#e5e7eb!important;
  color:#111827!important;
  border-radius:7px!important;
  margin:4px 0!important;
  padding:0 10px!important;
  font-weight:900!important;
}

.status-menu-pro > button:not(#closeStatusMenu):hover{
  background:#bfdbfe!important;
  transform:translateX(2px)!important;
}

.status-option-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 1px 4px rgba(0,0,0,.12)!important;
  font-size:13px!important;
}

.status-option-label{
  flex:1!important;
  font-size:13px!important;
}

.online-box{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}

.online-status-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.16)!important;
  font-size:12px!important;
}

.online-status-text{
  font-weight:900!important;
}

.vt-status-badge{
  width:22px!important;
  height:22px!important;
  margin-left:7px!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 2px 8px rgba(0,0,0,.18)!important;
}

@media(max-width:840px){
  .left-brand button,
  #bigTalkBtn{
    font-size:15px!important;
    min-height:40px!important;
  }
  .status-menu-pro{
    width:176px!important;
  }
}


/* V8.31 Online status area fix */
.left-brand .online-box{
  display:block!important;
  text-align:center!important;
  cursor:pointer!important;
  padding:4px 2px!important;
  border-radius:8px!important;
  min-width:96px!important;
}

.left-brand .online-box:hover{
  background:rgba(255,255,255,.10)!important;
}

.left-brand .online-box .online-status-icon,
.left-brand .online-box .online-status-text{
  display:none!important;
}

/* Alttaki çevrimiçi kutusu sadece sayı ve online yazısı gibi kalsın */
.online-status-icon,
.online-status-text{
  display:none!important;
}

/* Durum seçimi sadece popup içinde ikonlu görünür */
.status-menu-pro .status-option-icon{
  display:inline-grid!important;
}

.status-menu-pro{
  left:118px!important;
  bottom:94px!important;
  width:166px!important;
  z-index:9999999!important;
}

/* Nick yanında durum simgesi kalsın ama sol alttaki kutuya taşmasın */
.left-brand .vt-status-badge{
  display:none!important;
}

@media(max-width:840px){
  .status-menu-pro{
    left:10px!important;
    bottom:118px!important;
    width:176px!important;
    max-height:42vh!important;
  }

  .left-brand .online-box{
    min-width:auto!important;
  }
}


/* V8.32 Modern camera icon */
.camera-btn,
#cameraBtn,
button[data-action="camera"]{
  position:relative!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#1f2937,#111827)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 4px 10px rgba(0,0,0,.35)!important;
}

.camera-btn::before,
#cameraBtn::before,
button[data-action="camera"]::before{
  content:"📷"!important;
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:19px!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))!important;
}

.camera-btn img,
#cameraBtn img,
button[data-action="camera"] img,
.camera-btn svg,
#cameraBtn svg,
button[data-action="camera"] svg{
  opacity:0!important;
}

.camera-btn:hover,
#cameraBtn:hover,
button[data-action="camera"]:hover{
  transform:translateY(-1px)!important;
  background:linear-gradient(180deg,#374151,#111827)!important;
}

.camera-btn.active,
#cameraBtn.active,
button[data-action="camera"].active{
  background:linear-gradient(180deg,#2563eb,#1d4ed8)!important;
  box-shadow:
    0 0 0 2px rgba(96,165,250,.28),
    0 6px 16px rgba(37,99,235,.35)!important;
}

@media(max-width:840px){
  .camera-btn::before,
  #cameraBtn::before,
  button[data-action="camera"]::before{
    font-size:17px!important;
  }
}


/* V8.33 FORCE CAMERA ICON FIX */
#cameraBtn,
.camera-button,
.cam-btn,
button.camera-toggle{
  position:relative!important;
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#202938,#0f172a)!important;
  border:2px solid rgba(255,255,255,.08)!important;
  box-shadow:0 4px 14px rgba(0,0,0,.35)!important;
  font-size:0!important;
  color:transparent!important;
}

#cameraBtn * ,
.camera-button *,
.cam-btn *,
button.camera-toggle *{
  opacity:0!important;
}

#cameraBtn::after,
.camera-button::after,
.cam-btn::after,
button.camera-toggle::after{
  content:"📷"!important;
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:22px!important;
  opacity:1!important;
  color:white!important;
}

#cameraBtn:hover,
.camera-button:hover,
.cam-btn:hover,
button.camera-toggle:hover{
  transform:translateY(-1px)!important;
  background:linear-gradient(180deg,#334155,#111827)!important;
}

#cameraBtn.active,
.camera-button.active,
.cam-btn.active,
button.camera-toggle.active{
  background:linear-gradient(180deg,#2563eb,#1d4ed8)!important;
  box-shadow:0 0 0 3px rgba(59,130,246,.25)!important;
}

@media(max-width:840px){
  #cameraBtn,
  .camera-button,
  .cam-btn,
  button.camera-toggle{
    width:44px!important;
    height:44px!important;
  }

  #cameraBtn::after,
  .camera-button::after,
  .cam-btn::after,
  button.camera-toggle::after{
    font-size:20px!important;
  }
}


/* V8.34 Real camera icon replacement */
.vt-camera-pretty-btn{
  position:relative!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  border-radius:10px!important;
  padding:0!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#1e293b,#0f172a)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 4px 12px rgba(0,0,0,.35)!important;
  color:transparent!important;
  font-size:0!important;
  display:inline-grid!important;
  place-items:center!important;
}

.vt-camera-pretty-btn *{
  font-size:0!important;
}

.vt-camera-lens{
  position:relative!important;
  display:block!important;
  width:22px!important;
  height:16px!important;
  border-radius:6px!important;
  background:linear-gradient(180deg,#e5e7eb,#94a3b8)!important;
  box-shadow:inset 0 -2px 0 rgba(15,23,42,.25)!important;
}

.vt-camera-lens::before{
  content:""!important;
  position:absolute!important;
  left:7px!important;
  top:4px!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 35% 35%,#93c5fd 0 18%,#1d4ed8 19% 52%,#0f172a 53% 100%)!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.55)!important;
}

.vt-camera-lens::after{
  content:""!important;
  position:absolute!important;
  right:-5px!important;
  top:4px!important;
  width:0!important;
  height:0!important;
  border-top:4px solid transparent!important;
  border-bottom:4px solid transparent!important;
  border-left:7px solid #94a3b8!important;
}

.vt-camera-pretty-btn:hover{
  transform:translateY(-1px)!important;
  background:linear-gradient(180deg,#334155,#111827)!important;
}

.vt-camera-pretty-btn.active,
.vt-camera-pretty-btn.is-active,
.vt-camera-pretty-btn.on{
  background:linear-gradient(180deg,#2563eb,#1d4ed8)!important;
  box-shadow:0 0 0 3px rgba(59,130,246,.25),0 6px 16px rgba(37,99,235,.30)!important;
}

@media(max-width:840px){
  .vt-camera-pretty-btn{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    max-width:36px!important;
  }
}


/* V8.35 SAFE camera icon fix - no JS, no click behavior change */

/* Önce problemli V8.34 sınıfını etkisizleştir */
.vt-camera-pretty-btn{
  all:unset;
}

/* Gerçek kamera butonunu eski fonksiyonuyla bırakıp sadece görselini düzelt.
   Projedeki kamera butonu genelde cam/camera/camBtn class-id içeriyor. */
#cam,
#camBtn,
#camera,
#cameraBtn,
.cam,
.cam-btn,
.camera-btn,
.camera-button,
button[id*="cam" i],
button[class*="cam" i],
button[title*="Kamera" i],
button[title*="Camera" i]{
  position:relative!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  padding:0!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#263244,#111827)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 4px 10px rgba(0,0,0,.30)!important;
  color:transparent!important;
  font-size:0!important;
  text-indent:-9999px!important;
}

/* İçerideki eski ikonları gizle ama butonun eventlerini bozma */
#cam > *,
#camBtn > *,
#camera > *,
#cameraBtn > *,
.cam > *,
.cam-btn > *,
.camera-btn > *,
.camera-button > *,
button[id*="cam" i] > *,
button[class*="cam" i] > *,
button[title*="Kamera" i] > *,
button[title*="Camera" i] > *{
  opacity:0!important;
  visibility:hidden!important;
}

/* Tek ve temiz kamera ikonu */
#cam::before,
#camBtn::before,
#camera::before,
#cameraBtn::before,
.cam::before,
.cam-btn::before,
.camera-btn::before,
.camera-button::before,
button[id*="cam" i]::before,
button[class*="cam" i]::before,
button[title*="Kamera" i]::before,
button[title*="Camera" i]::before{
  content:""!important;
  position:absolute!important;
  left:7px!important;
  top:9px!important;
  width:18px!important;
  height:13px!important;
  border-radius:5px!important;
  background:linear-gradient(180deg,#f8fafc,#94a3b8)!important;
  box-shadow:inset 0 -2px 0 rgba(15,23,42,.24)!important;
  z-index:2!important;
  text-indent:0!important;
}

#cam::after,
#camBtn::after,
#camera::after,
#cameraBtn::after,
.cam::after,
.cam-btn::after,
.camera-btn::after,
.camera-button::after,
button[id*="cam" i]::after,
button[class*="cam" i]::after,
button[title*="Kamera" i]::after,
button[title*="Camera" i]::after{
  content:""!important;
  position:absolute!important;
  left:13px!important;
  top:12px!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 35% 35%,#bfdbfe 0 20%,#2563eb 21% 58%,#0f172a 59% 100%)!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.58), 12px 0 0 -2px #94a3b8!important;
  z-index:3!important;
  text-indent:0!important;
}

#cam:hover,
#camBtn:hover,
#camera:hover,
#cameraBtn:hover,
.cam:hover,
.cam-btn:hover,
.camera-btn:hover,
.camera-button:hover,
button[id*="cam" i]:hover,
button[class*="cam" i]:hover,
button[title*="Kamera" i]:hover,
button[title*="Camera" i]:hover{
  transform:translateY(-1px)!important;
  background:linear-gradient(180deg,#334155,#111827)!important;
}

/* Aktif kamera durumunda sadece arka plan mavi olsun */
#cam.active,
#camBtn.active,
#camera.active,
#cameraBtn.active,
.cam.active,
.cam-btn.active,
.camera-btn.active,
.camera-button.active,
button[id*="cam" i].active,
button[class*="cam" i].active,
button[title*="Kamera" i].active,
button[title*="Camera" i].active{
  background:linear-gradient(180deg,#2563eb,#1d4ed8)!important;
  box-shadow:0 0 0 3px rgba(59,130,246,.25),0 6px 16px rgba(37,99,235,.28)!important;
}

@media(max-width:840px){
  #cam,#camBtn,#camera,#cameraBtn,.cam,.cam-btn,.camera-btn,.camera-button,
  button[id*="cam" i],button[class*="cam" i],button[title*="Kamera" i],button[title*="Camera" i]{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    max-width:36px!important;
  }
}


/* V8.37 - mic/camera top strips + left member activity icons */
.vt-live-stage{display:flex!important;flex-direction:column!important;gap:12px!important;padding-top:12px!important}
.vt-stage-row{border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(15,23,42,.82),rgba(30,41,59,.58));border-radius:22px;padding:10px 12px;box-shadow:0 14px 34px rgba(0,0,0,.22);backdrop-filter:blur(12px)}
.vt-stage-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:#fff}.vt-stage-title b{font-size:14px}.vt-stage-title small{font-size:11px;color:#cbd5e1;background:rgba(255,255,255,.08);border-radius:999px;padding:4px 8px}.vt-six-grid{display:grid!important;grid-template-columns:repeat(6,minmax(74px,1fr))!important;gap:8px!important;min-height:88px!important}.vt-six-grid .speaker-card{width:auto!important;min-width:0!important;padding:8px 6px!important;border-radius:18px!important;background:rgba(15,23,42,.72)!important;border:1px solid rgba(148,163,184,.25)!important}.vt-six-grid .speaker-card img{width:44px!important;height:44px!important;border-radius:999px!important;object-fit:cover!important}.vt-six-grid .speaker-card b{font-size:12px!important;margin-top:5px!important}.vt-six-grid .speaker-card small{font-size:10px!important}.cam-card{cursor:pointer}.cam-card:hover{transform:translateY(-1px);border-color:rgba(56,189,248,.65)!important;box-shadow:0 0 0 1px rgba(56,189,248,.22),0 12px 28px rgba(14,165,233,.16)}.vt-hidden-video-bank{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.user-row{position:relative!important}.user-row .user-main{flex:1;min-width:0}.vt-user-icons{margin-left:auto;display:flex;align-items:center;gap:5px;flex-wrap:nowrap}.vt-status-icon{width:26px;height:26px;border-radius:999px;border:1px solid rgba(255,255,255,.14);display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1;background:rgba(15,23,42,.86);color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.22)}button.vt-status-icon{cursor:pointer;padding:0}.vt-status-icon.online{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12)}.vt-status-icon.online:before{content:'';width:9px;height:9px;border-radius:999px;background:#dcfce7}.vt-status-icon.mic{background:linear-gradient(145deg,#0f766e,#164e63)}.vt-status-icon.cam{background:linear-gradient(145deg,#2563eb,#0ea5e9)}.vt-status-icon.hand{background:linear-gradient(145deg,#a16207,#713f12)}.media-btn.limit-full,.mini-icon.limit-full,#mic.limit-full,#cam.limit-full{opacity:.42!important;filter:grayscale(.6)!important;cursor:not-allowed!important;box-shadow:none!important}.media-btn:disabled,.mini-icon:disabled{pointer-events:auto}.user-row.is-cam{border-color:rgba(56,189,248,.55)!important}
@media(max-width:900px){.vt-six-grid{grid-template-columns:repeat(3,1fr)!important}.vt-stage-title{align-items:flex-start;flex-direction:column;gap:5px}.vt-live-stage{padding-bottom:205px!important}.vt-six-grid .speaker-card img{width:42px!important;height:42px!important}.vt-user-icons{gap:4px}.vt-status-icon{width:24px;height:24px;font-size:12px}}

/* V8.38 - üst mic/kamera sahnesi kaldırıldı, durum ikonları sol üye kartında toplandı */
.vt-live-stage,.mic-stage.vt-live-stage{display:none!important}
.vt-hidden-video-bank{position:absolute!important;left:-99999px!important;top:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.user-list{display:flex!important;flex-direction:column!important;gap:14px!important;padding:10px 8px 18px!important}
.user-row.vt-member-card{width:100%!important;min-height:112px!important;display:grid!important;grid-template-columns:92px minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important;padding:18px 18px!important;border-radius:24px!important;border:2px solid rgba(168,85,247,.9)!important;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(17,24,39,.92))!important;box-shadow:0 0 0 1px rgba(124,58,237,.25),0 16px 38px rgba(0,0,0,.25)!important;color:#fff!important;text-align:left!important;cursor:pointer!important;transition:.18s ease!important}
.user-row.vt-member-card:hover{transform:translateY(-1px)!important;box-shadow:0 0 0 1px rgba(168,85,247,.55),0 18px 42px rgba(0,0,0,.32)!important}
.user-row.vt-member-card .vt-member-avatar,.user-row.vt-member-card>img{width:84px!important;height:84px!important;border-radius:18px!important;object-fit:cover!important;background:#1e3a8a!important;box-shadow:none!important;border:0!important}
.user-row.vt-member-card .vt-member-info{display:flex!important;flex-direction:column!important;gap:8px!important;min-width:0!important}
.user-row.vt-member-card .vt-member-info b{font-size:28px!important;line-height:1.05!important;font-weight:900!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-shadow:0 2px 0 rgba(0,0,0,.25)!important}
.user-row.vt-member-card .vt-member-info small{font-size:21px!important;line-height:1!important;color:#fff!important;opacity:.96!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.vt-user-icons{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;margin-left:8px!important;flex-wrap:nowrap!important;min-width:max-content!important}
.vt-status-icon{width:48px!important;height:48px!important;min-width:48px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.16)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important;line-height:1!important;color:#fff!important;background:rgba(30,41,59,.92)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 20px rgba(0,0,0,.25)!important;font-style:normal!important;padding:0!important}
button.vt-status-icon{cursor:pointer!important}
.vt-status-icon.online{background:rgba(15,23,42,.92)!important;position:relative!important}
.vt-status-icon.online:before{content:''!important;width:25px!important;height:25px!important;border-radius:999px!important;background:radial-gradient(circle at 35% 35%,#bbf7d0,#22c55e 62%,#15803d)!important;box-shadow:0 0 14px rgba(34,197,94,.8)!important}
.vt-status-icon.hand{background:linear-gradient(135deg,#b45309,#78350f)!important;border-color:rgba(251,191,36,.45)!important}
.vt-status-icon.mic{background:linear-gradient(135deg,#334155,#0f172a)!important;border-color:rgba(148,163,184,.4)!important}
.vt-status-icon.cam{background:linear-gradient(135deg,#475569,#1f2937)!important;border-radius:18px!important;border-color:rgba(148,163,184,.55)!important}
.vt-status-icon.cam:hover{outline:2px solid rgba(34,197,94,.8)!important;transform:translateY(-1px)!important}
.user-row.vt-member-card.is-mic{border-color:rgba(34,197,94,.9)!important}
.user-row.vt-member-card.is-cam{box-shadow:0 0 0 1px rgba(34,197,94,.38),0 18px 42px rgba(0,0,0,.32)!important}
.user-row.vt-member-card.is-hand{border-color:rgba(251,191,36,.9)!important}
.media-btn.limit-full,.mini-icon.limit-full,#mic.limit-full,#cam.limit-full{opacity:.42!important;filter:grayscale(.6)!important;cursor:not-allowed!important;box-shadow:none!important}
@media(max-width:900px){
  .room-shell{grid-template-rows:auto 1fr auto!important}
  .user-list{gap:10px!important;padding:8px!important}
  .user-row.vt-member-card{min-height:86px!important;grid-template-columns:64px minmax(0,1fr) auto!important;gap:10px!important;padding:12px!important;border-radius:20px!important}
  .user-row.vt-member-card .vt-member-avatar,.user-row.vt-member-card>img{width:58px!important;height:58px!important;border-radius:15px!important}
  .user-row.vt-member-card .vt-member-info b{font-size:20px!important}
  .user-row.vt-member-card .vt-member-info small{font-size:15px!important}
  .vt-user-icons{gap:6px!important;max-width:148px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
  .vt-status-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:11px!important;font-size:17px!important}
  .vt-status-icon.online:before{width:18px!important;height:18px!important}
}
@media(max-width:480px){
  .user-row.vt-member-card{grid-template-columns:54px minmax(0,1fr) 86px!important;gap:8px!important;padding:10px!important}
  .user-row.vt-member-card .vt-member-avatar,.user-row.vt-member-card>img{width:50px!important;height:50px!important}
  .user-row.vt-member-card .vt-member-info b{font-size:18px!important}
  .user-row.vt-member-card .vt-member-info small{font-size:13px!important}
  .vt-user-icons{gap:5px!important;max-width:86px!important}
  .vt-status-icon{width:28px!important;height:28px!important;min-width:28px!important;border-radius:9px!important;font-size:14px!important}
  .vt-status-icon.online:before{width:15px!important;height:15px!important}
}



/* V8.39 - görseldeki online üye kartı ikon sistemi */
.vt-live-stage,.mic-stage.vt-live-stage{display:none!important}
.vt-hidden-video-bank{position:absolute!important;left:-99999px!important;top:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.user-list{display:flex!important;flex-direction:column!important;gap:12px!important;padding:10px 8px 18px!important}
.user-row.vt-user-card{width:100%!important;min-height:86px!important;display:grid!important;grid-template-columns:54px minmax(72px,1fr) auto!important;align-items:center!important;gap:10px!important;padding:12px!important;border-radius:20px!important;border:2px solid rgba(168,85,247,.92)!important;background:linear-gradient(135deg,rgba(15,23,42,.97),rgba(17,24,39,.94))!important;box-shadow:0 0 0 1px rgba(124,58,237,.25),0 14px 30px rgba(0,0,0,.25)!important;color:#fff!important;text-align:left!important;cursor:pointer!important;overflow:hidden!important}
.user-row.vt-user-card:hover{transform:translateY(-1px)!important;box-shadow:0 0 0 1px rgba(168,85,247,.55),0 18px 42px rgba(0,0,0,.32)!important}
.vt-avatar-btn{border:0!important;background:transparent!important;padding:0!important;width:54px!important;height:54px!important;border-radius:15px!important;overflow:hidden!important}
.vt-avatar-btn img,.user-row.vt-user-card .vt-member-avatar{width:54px!important;height:54px!important;border-radius:15px!important;object-fit:cover!important;background:#1e3a8a!important;display:block!important}
.vt-user-info{min-width:0!important;display:flex!important;flex-direction:column!important;gap:5px!important}
.vt-user-info b{font-size:18px!important;line-height:1.05!important;font-weight:900!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-shadow:0 2px 0 rgba(0,0,0,.25)!important}
.vt-user-info em{font-style:normal!important;font-size:15px!important;margin-left:3px!important}
.vt-user-info small{font-size:13px!important;line-height:1!important;color:#fff!important;opacity:.96!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.vt-user-icons{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;margin-left:0!important;flex-wrap:nowrap!important;min-width:max-content!important}
.vt-state{width:30px!important;height:30px!important;min-width:30px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.16)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;line-height:1!important;color:#fff!important;background:rgba(30,41,59,.92)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 18px rgba(0,0,0,.22)!important;font-style:normal!important;padding:0!important}
button.vt-state{cursor:pointer!important}
.vt-status-dot{background:rgba(15,23,42,.92)!important;position:relative!important}
.vt-status-dot:before{content:''!important;width:16px!important;height:16px!important;border-radius:999px!important;background:radial-gradient(circle at 35% 35%,#bbf7d0,#22c55e 62%,#15803d)!important;box-shadow:0 0 12px rgba(34,197,94,.8)!important}
.vt-state.hand{background:linear-gradient(135deg,#b45309,#78350f)!important;border-color:rgba(251,191,36,.55)!important}
.vt-state.mic{background:linear-gradient(135deg,#334155,#0f172a)!important;border-color:rgba(34,197,94,.75)!important}
.vt-state.cam{background:linear-gradient(135deg,#475569,#1f2937)!important;border-radius:12px!important;border-color:rgba(148,163,184,.65)!important}
.vt-state.cam:hover{outline:2px solid rgba(34,197,94,.85)!important;transform:translateY(-1px)!important}
.user-row.vt-user-card.has-mic{border-color:rgba(34,197,94,.9)!important}
.user-row.vt-user-card.has-hand{border-color:rgba(251,191,36,.9)!important}
.media-btn.limit-full,.mini-icon.limit-full,#mic.limit-full,#cam.limit-full{opacity:.42!important;filter:grayscale(.6)!important;cursor:not-allowed!important;box-shadow:none!important}
.vt-camera-popup{position:fixed!important;inset:0!important;z-index:99999!important;background:rgba(2,6,23,.72)!important;backdrop-filter:blur(8px)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important}
.vt-camera-popup.hidden{display:none!important}
.vt-camera-popup-card{width:min(620px,94vw)!important;background:linear-gradient(145deg,#0f172a,#111827)!important;border:2px solid rgba(168,85,247,.9)!important;border-radius:22px!important;box-shadow:0 28px 90px rgba(0,0,0,.55)!important;overflow:hidden!important}
.vt-camera-popup-head{height:78px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 16px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;color:#fff!important;font-weight:900!important}
#vtCameraPopupClose{width:48px!important;height:38px!important;border:0!important;border-radius:12px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:26px!important;cursor:pointer!important}
.vt-camera-popup-body{padding:12px!important}
.vt-camera-popup-body video{width:100%!important;max-height:70vh!important;background:#000!important;border-radius:16px!important;display:block!important;object-fit:cover!important}
@media(max-width:900px){
  .user-row.vt-user-card{min-height:76px!important;grid-template-columns:46px minmax(56px,1fr) auto!important;gap:8px!important;padding:10px!important;border-radius:18px!important}
  .vt-avatar-btn,.vt-avatar-btn img,.user-row.vt-user-card .vt-member-avatar{width:46px!important;height:46px!important;border-radius:13px!important}
  .vt-user-info b{font-size:16px!important}.vt-user-info small{font-size:12px!important}
  .vt-user-icons{gap:4px!important}.vt-state{width:26px!important;height:26px!important;min-width:26px!important;border-radius:8px!important;font-size:13px!important}.vt-status-dot:before{width:14px!important;height:14px!important}
  .vt-camera-popup{padding:8px!important;align-items:stretch!important}.vt-camera-popup-card{width:100%!important;height:100%!important;border-radius:18px!important;display:flex!important;flex-direction:column!important}.vt-camera-popup-body{flex:1!important;display:flex!important;align-items:center!important}.vt-camera-popup-body video{max-height:none!important;height:auto!important}
}
@media(max-width:420px){
  .user-row.vt-user-card{grid-template-columns:42px minmax(44px,1fr) auto!important;gap:6px!important;padding:8px!important}
  .vt-avatar-btn,.vt-avatar-btn img,.user-row.vt-user-card .vt-member-avatar{width:42px!important;height:42px!important}
  .vt-user-icons{gap:3px!important}.vt-state{width:24px!important;height:24px!important;min-width:24px!important;font-size:12px!important}
}

/* V8.40 - Online üye kartı kompakt ikon düzeni (taç kaldırıldı, taşma düzeltildi) */
.user-list{
  gap:12px!important;
  padding:10px 12px 18px!important;
  overflow-x:hidden!important;
}
.user-row.vt-user-card{
  width:100%!important;
  box-sizing:border-box!important;
  min-height:96px!important;
  grid-template-columns:68px minmax(0,1fr) 142px!important;
  gap:12px!important;
  padding:14px 14px!important;
  border-radius:24px!important;
  border:2px solid rgba(168,85,247,.95)!important;
  background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(17,24,39,.95))!important;
  overflow:hidden!important;
}
.vt-avatar-btn,
.vt-avatar-btn img,
.user-row.vt-user-card .vt-member-avatar{
  width:64px!important;
  height:64px!important;
  border-radius:16px!important;
  flex:0 0 64px!important;
}
.vt-user-info{
  min-width:0!important;
  overflow:hidden!important;
  gap:6px!important;
}
.vt-user-info b{
  display:block!important;
  max-width:100%!important;
  font-size:24px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.vt-user-info em{display:none!important;}
.vt-user-info small{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  padding:0!important;
  background:transparent!important;
  border-radius:0!important;
  font-size:18px!important;
  color:#fff!important;
  opacity:.95!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.vt-user-icons{
  width:142px!important;
  min-width:142px!important;
  max-width:142px!important;
  display:grid!important;
  grid-template-columns:repeat(4,32px)!important;
  justify-content:end!important;
  align-items:center!important;
  gap:5px!important;
  margin-left:0!important;
  overflow:hidden!important;
}
.vt-state{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  border-radius:10px!important;
  font-size:17px!important;
  box-sizing:border-box!important;
}
.vt-status-dot:before{
  width:18px!important;
  height:18px!important;
}
.vt-state.hand{background:linear-gradient(135deg,#b45309,#7c2d12)!important;border-color:rgba(251,191,36,.8)!important;}
.vt-state.mic{background:linear-gradient(135deg,#166534,#064e3b)!important;border-color:rgba(34,197,94,.85)!important;}
.vt-state.cam{background:linear-gradient(135deg,#475569,#1f2937)!important;border-radius:13px!important;border-color:rgba(148,163,184,.75)!important;}
.user-row.vt-user-card.has-hand{border-color:rgba(251,191,36,.95)!important;}
.user-row.vt-user-card.has-mic{border-color:rgba(34,197,94,.9)!important;}
.user-row.vt-user-card.has-cam{box-shadow:0 0 0 1px rgba(34,197,94,.35),0 14px 30px rgba(0,0,0,.25)!important;}
@media(max-width:900px){
  .user-row.vt-user-card{
    min-height:78px!important;
    grid-template-columns:50px minmax(0,1fr) 118px!important;
    gap:8px!important;
    padding:10px!important;
    border-radius:18px!important;
  }
  .vt-avatar-btn,.vt-avatar-btn img,.user-row.vt-user-card .vt-member-avatar{width:48px!important;height:48px!important;border-radius:13px!important;}
  .vt-user-info b{font-size:18px!important;}
  .vt-user-info small{font-size:13px!important;}
  .vt-user-icons{width:118px!important;min-width:118px!important;max-width:118px!important;grid-template-columns:repeat(4,27px)!important;gap:3px!important;}
  .vt-state{width:27px!important;height:27px!important;min-width:27px!important;max-width:27px!important;border-radius:8px!important;font-size:14px!important;}
  .vt-status-dot:before{width:15px!important;height:15px!important;}
}
@media(max-width:420px){
  .user-row.vt-user-card{
    grid-template-columns:44px minmax(0,1fr) 104px!important;
    gap:6px!important;
    padding:8px!important;
  }
  .vt-avatar-btn,.vt-avatar-btn img,.user-row.vt-user-card .vt-member-avatar{width:42px!important;height:42px!important;}
  .vt-user-info b{font-size:16px!important;}
  .vt-user-info small{font-size:12px!important;}
  .vt-user-icons{width:104px!important;min-width:104px!important;max-width:104px!important;grid-template-columns:repeat(4,24px)!important;gap:2px!important;}
  .vt-state{width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;font-size:12px!important;border-radius:7px!important;}
  .vt-status-dot:before{width:13px!important;height:13px!important;}
}

/* V8.41 - Üye kartı kesin düzeltme: nick + yetki + 4 durum ikonu aynı kartta taşmadan */
.user-list{
  gap:12px!important;
  padding:10px 12px 18px!important;
  overflow-x:hidden!important;
}
.user-row.vt-user-card{
  width:100%!important;
  box-sizing:border-box!important;
  min-height:104px!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:14px!important;
  border-radius:26px!important;
  border:2px solid rgba(168,85,247,.95)!important;
  background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(17,24,39,.95))!important;
  overflow:hidden!important;
}
.vt-avatar-btn,
.vt-avatar-btn img,
.user-row.vt-user-card .vt-member-avatar{
  width:68px!important;
  height:68px!important;
  min-width:68px!important;
  border-radius:18px!important;
  object-fit:cover!important;
  display:block!important;
  overflow:hidden!important;
  background:#1e3a8a!important;
}
.vt-user-main{
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:10px!important;
  overflow:hidden!important;
}
.vt-user-info{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  overflow:hidden!important;
}
.vt-user-info b{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  font-size:22px!important;
  line-height:1.05!important;
  font-weight:900!important;
  color:#fff!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 2px 0 rgba(0,0,0,.25)!important;
}
.vt-user-info small{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  font-size:15px!important;
  line-height:1.1!important;
  color:#fff!important;
  opacity:.92!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  background:transparent!important;
  padding:0!important;
}
.vt-user-info em{display:none!important;}
.vt-user-icons{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  margin:0!important;
  overflow:hidden!important;
  flex-wrap:nowrap!important;
}
.vt-state{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:16px!important;
  line-height:1!important;
  color:#fff!important;
  box-sizing:border-box!important;
  padding:0!important;
  flex:0 0 32px!important;
}
.vt-state.off{opacity:.32!important;filter:grayscale(.8)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;}
.vt-state.on{opacity:1!important;filter:none!important;}
.vt-status-dot{background:rgba(15,23,42,.92)!important;}
.vt-status-dot:before{width:17px!important;height:17px!important;}
.vt-state.hand{background:linear-gradient(135deg,#b45309,#7c2d12)!important;border-color:rgba(251,191,36,.75)!important;}
.vt-state.mic{background:linear-gradient(135deg,#166534,#064e3b)!important;border-color:rgba(34,197,94,.8)!important;}
.vt-state.cam{background:linear-gradient(135deg,#475569,#1f2937)!important;border-radius:12px!important;border-color:rgba(148,163,184,.75)!important;}
.vt-state.cam.on:hover{outline:2px solid rgba(34,197,94,.85)!important;transform:translateY(-1px)!important;}
.user-row.vt-user-card.has-hand{border-color:rgba(251,191,36,.95)!important;}
.user-row.vt-user-card.has-mic{border-color:rgba(34,197,94,.90)!important;}
.user-row.vt-user-card.has-cam{box-shadow:0 0 0 1px rgba(34,197,94,.35),0 14px 30px rgba(0,0,0,.25)!important;}
@media(max-width:900px){
  .user-row.vt-user-card{min-height:86px!important;grid-template-columns:56px minmax(0,1fr)!important;gap:9px!important;padding:10px!important;border-radius:20px!important;}
  .vt-avatar-btn,.vt-avatar-btn img,.user-row.vt-user-card .vt-member-avatar{width:52px!important;height:52px!important;min-width:52px!important;border-radius:14px!important;}
  .vt-user-main{gap:7px!important;}
  .vt-user-info b{font-size:17px!important;}
  .vt-user-info small{font-size:12px!important;}
  .vt-user-icons{gap:4px!important;}
  .vt-state{width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;flex-basis:26px!important;border-radius:8px!important;font-size:13px!important;}
  .vt-status-dot:before{width:14px!important;height:14px!important;}
}
@media(max-width:420px){
  .user-row.vt-user-card{grid-template-columns:48px minmax(0,1fr)!important;gap:7px!important;padding:8px!important;}
  .vt-avatar-btn,.vt-avatar-btn img,.user-row.vt-user-card .vt-member-avatar{width:44px!important;height:44px!important;min-width:44px!important;border-radius:12px!important;}
  .vt-user-info b{font-size:15px!important;}
  .vt-user-info small{font-size:11px!important;}
  .vt-user-icons{gap:3px!important;}
  .vt-state{width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;flex-basis:24px!important;font-size:12px!important;border-radius:7px!important;}
  .vt-status-dot:before{width:12px!important;height:12px!important;}
}

/* V8.42 - Final online member card design: avatar + nickname/role + status icons */
@media (min-width: 1101px){
  .room-shell{grid-template-columns:430px 1fr!important;}
  .chat-stream{left:446px!important;}
}
@media (min-width: 841px) and (max-width:1100px){
  .room-shell{grid-template-columns:360px 1fr!important;}
  .chat-stream{left:376px!important;}
}
.user-drawer{padding:18px 16px!important;background:linear-gradient(180deg,rgba(8,17,31,.98),rgba(6,14,26,.96))!important;}
.drawer-head b{font-size:26px!important;line-height:1.1!important;color:#fff!important;letter-spacing:-.4px!important;}
.user-list{gap:12px!important;padding:12px 0 18px!important;}
.user-row.vt-user-card{
  width:100%!important;
  min-height:104px!important;
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  padding:14px!important;
  border-radius:22px!important;
  border:2px solid rgba(168,85,247,.86)!important;
  background:linear-gradient(135deg,rgba(15,23,42,.97),rgba(17,24,39,.92))!important;
  box-shadow:0 0 0 1px rgba(124,58,237,.22),0 14px 34px rgba(0,0,0,.28)!important;
  cursor:pointer!important;
  color:#fff!important;
  overflow:hidden!important;
}
.user-row.vt-user-card:hover{transform:translateY(-1px)!important;box-shadow:0 0 0 1px rgba(168,85,247,.5),0 18px 42px rgba(0,0,0,.34)!important;}
.vt-avatar-btn{width:76px!important;height:76px!important;min-width:76px!important;border:0!important;border-radius:18px!important;padding:0!important;background:#1e3a8a!important;overflow:hidden!important;display:block!important;box-shadow:none!important;}
.vt-avatar-btn .vt-member-avatar{width:100%!important;height:100%!important;display:block!important;border-radius:18px!important;object-fit:cover!important;background:#1e3a8a!important;}
.vt-user-main{min-width:0!important;display:grid!important;grid-template-columns:minmax(100px,1fr) auto!important;align-items:center!important;gap:12px!important;}
.vt-user-info{min-width:0!important;display:flex!important;flex-direction:column!important;gap:7px!important;}
.vt-user-info b{display:block!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:25px!important;line-height:1.05!important;font-weight:900!important;color:#fff!important;text-shadow:0 2px 0 rgba(0,0,0,.25)!important;}
.vt-user-info small{display:block!important;width:max-content!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:17px!important;line-height:1!important;font-weight:800!important;color:#a855f7!important;background:transparent!important;border-radius:0!important;padding:0!important;opacity:1!important;}
.vt-user-icons{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-width:max-content!important;margin:0!important;flex-wrap:nowrap!important;}
.vt-state{width:48px!important;height:38px!important;min-width:48px!important;border-radius:12px!important;border:1px solid rgba(148,163,184,.28)!important;background:linear-gradient(135deg,rgba(30,41,59,.92),rgba(15,23,42,.86))!important;color:#cbd5e1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:19px!important;line-height:1!important;padding:0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 8px 18px rgba(0,0,0,.24)!important;}
.vt-state.off{opacity:.38!important;filter:grayscale(1)!important;}
.vt-state.on{opacity:1!important;filter:none!important;}
.vt-status-dot{position:relative!important;font-size:0!important;background:rgba(15,23,42,.94)!important;border-color:rgba(34,197,94,.35)!important;}
.vt-status-dot:before{content:''!important;width:23px!important;height:23px!important;border-radius:999px!important;background:radial-gradient(circle at 35% 35%,#bbf7d0,#22c55e 62%,#15803d)!important;box-shadow:0 0 14px rgba(34,197,94,.75)!important;}
.vt-state.hand.on{background:linear-gradient(135deg,#b45309,#78350f)!important;border-color:rgba(251,191,36,.75)!important;color:#fff!important;}
.vt-state.mic.on{background:linear-gradient(135deg,#7c3aed,#3b0764)!important;border-color:rgba(168,85,247,.85)!important;color:#fff!important;}
.vt-state.cam.on{background:linear-gradient(135deg,#334155,#111827)!important;border-color:rgba(203,213,225,.65)!important;color:#fff!important;}
button.vt-state.cam.on{cursor:pointer!important;}
button.vt-state.cam.on:hover{outline:2px solid rgba(34,197,94,.8)!important;transform:translateY(-1px)!important;}
.user-row.vt-user-card.has-hand{border-color:rgba(251,191,36,.82)!important;}
.user-row.vt-user-card.has-mic{box-shadow:0 0 0 1px rgba(34,197,94,.30),0 14px 34px rgba(0,0,0,.28)!important;}
.user-row.vt-user-card.has-cam{box-shadow:0 0 0 1px rgba(56,189,248,.32),0 14px 34px rgba(0,0,0,.28)!important;}

@media (min-width:841px) and (max-width:1100px){
  .user-row.vt-user-card{grid-template-columns:66px minmax(0,1fr)!important;gap:10px!important;padding:12px!important;min-height:92px!important;border-radius:20px!important;}
  .vt-avatar-btn{width:66px!important;height:66px!important;min-width:66px!important;border-radius:16px!important;}
  .vt-avatar-btn .vt-member-avatar{border-radius:16px!important;}
  .vt-user-main{gap:8px!important;}
  .vt-user-info b{font-size:21px!important;}
  .vt-user-info small{font-size:15px!important;}
  .vt-user-icons{gap:5px!important;}
  .vt-state{width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important;font-size:17px!important;}
  .vt-status-dot:before{width:20px!important;height:20px!important;}
}
@media (max-width:840px){
  .drawer-head b{font-size:21px!important;}
  .user-list{gap:9px!important;padding:8px!important;}
  .user-row.vt-user-card{min-height:74px!important;grid-template-columns:52px minmax(0,1fr)!important;gap:10px!important;padding:10px!important;border-radius:16px!important;border-width:1px!important;}
  .vt-avatar-btn{width:52px!important;height:52px!important;min-width:52px!important;border-radius:13px!important;}
  .vt-avatar-btn .vt-member-avatar{border-radius:13px!important;}
  .vt-user-main{grid-template-columns:minmax(70px,1fr) auto!important;gap:7px!important;}
  .vt-user-info{gap:4px!important;}
  .vt-user-info b{font-size:17px!important;}
  .vt-user-info small{font-size:13px!important;}
  .vt-user-icons{gap:4px!important;}
  .vt-state{width:28px!important;height:28px!important;min-width:28px!important;border-radius:8px!important;font-size:14px!important;}
  .vt-status-dot:before{width:16px!important;height:16px!important;}
}
@media (max-width:390px){
  .user-drawer{width:min(92vw,340px)!important;padding:14px 10px!important;}
  .user-row.vt-user-card{grid-template-columns:46px minmax(0,1fr)!important;gap:8px!important;padding:9px!important;}
  .vt-avatar-btn{width:46px!important;height:46px!important;min-width:46px!important;}
  .vt-user-main{grid-template-columns:1fr!important;gap:6px!important;}
  .vt-user-icons{justify-content:flex-start!important;}
  .vt-state{width:27px!important;height:27px!important;min-width:27px!important;}
}

/* V8.43 - masaüstü üye kartı taşma/nickname/yetki final düzeltme */
@media (min-width:841px){
  .room-shell{grid-template-columns:430px minmax(0,1fr)!important;}
  .user-drawer{width:auto!important;max-width:none!important;box-sizing:border-box!important;padding:18px 16px 110px!important;overflow-x:hidden!important;}
  .drawer-head{margin-bottom:16px!important;}
  .user-list{width:100%!important;box-sizing:border-box!important;gap:12px!important;padding:0!important;overflow-x:hidden!important;}
  .user-row.vt-user-card{
    width:100%!important;max-width:100%!important;box-sizing:border-box!important;
    min-height:98px!important;display:grid!important;
    grid-template-columns:68px minmax(0,1fr) auto!important;
    align-items:center!important;gap:12px!important;padding:12px!important;
    border-radius:20px!important;overflow:hidden!important;
  }
  .vt-avatar-btn,.vt-avatar-btn .vt-member-avatar,.user-row.vt-user-card .vt-member-avatar{
    width:68px!important;height:68px!important;min-width:68px!important;border-radius:16px!important;
  }
  .vt-user-main{display:contents!important;min-width:0!important;}
  .vt-user-info{min-width:0!important;width:auto!important;display:flex!important;flex-direction:column!important;gap:7px!important;overflow:hidden!important;}
  .vt-user-info b{font-size:23px!important;line-height:1.05!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .vt-user-info small{font-size:16px!important;line-height:1!important;font-weight:800!important;color:#a855f7!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .vt-user-icons{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;min-width:142px!important;max-width:142px!important;overflow:visible!important;flex-wrap:nowrap!important;margin:0!important;}
  .vt-state{width:31px!important;height:31px!important;min-width:31px!important;max-width:31px!important;flex:0 0 31px!important;border-radius:10px!important;font-size:15px!important;}
  .vt-status-dot:before{width:18px!important;height:18px!important;}
  .chat-stream{left:450px!important;width:min(520px,calc(100vw - 470px))!important;right:auto!important;bottom:98px!important;}
  #messages.chat-stream{left:450px!important;width:min(520px,calc(100vw - 470px))!important;}
}
@media (min-width:841px) and (max-width:1180px){
  .room-shell{grid-template-columns:390px minmax(0,1fr)!important;}
  .user-row.vt-user-card{grid-template-columns:60px minmax(0,1fr) auto!important;gap:10px!important;padding:10px!important;min-height:86px!important;}
  .vt-avatar-btn,.vt-avatar-btn .vt-member-avatar,.user-row.vt-user-card .vt-member-avatar{width:60px!important;height:60px!important;min-width:60px!important;border-radius:15px!important;}
  .vt-user-info b{font-size:20px!important;}
  .vt-user-info small{font-size:14px!important;}
  .vt-user-icons{gap:4px!important;min-width:124px!important;max-width:124px!important;}
  .vt-state{width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;flex-basis:28px!important;font-size:13px!important;border-radius:9px!important;}
  .vt-status-dot:before{width:16px!important;height:16px!important;}
  .chat-stream{left:410px!important;width:min(500px,calc(100vw - 430px))!important;}
  #messages.chat-stream{left:410px!important;width:min(500px,calc(100vw - 430px))!important;}
}
@media (max-width:840px){
  .user-drawer{padding-bottom:92px!important;}
  .vt-user-main{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;}
  .vt-user-icons{overflow:visible!important;}
}


/* V8.44 - Responsive panel / bottom bar final fix */
:root{--vt-side-w:430px;}
@media (min-width:841px) and (max-width:1180px){:root{--vt-side-w:390px;}}
@media (max-width:840px){:root{--vt-side-w:0px;}}
@media (min-width:841px){
  .room-shell{grid-template-columns:var(--vt-side-w) minmax(0,1fr)!important;}
  .user-drawer{grid-area:side!important;width:var(--vt-side-w)!important;max-width:var(--vt-side-w)!important;min-width:0!important;overflow-x:hidden!important;}
  .modern-chatbar,
  footer.composer.modern-chatbar{
    position:fixed!important;
    left:var(--vt-side-w)!important;
    right:0!important;
    bottom:0!important;
    width:calc(100vw - var(--vt-side-w))!important;
    height:78px!important;
    z-index:40!important;
    border-radius:0!important;
    margin:0!important;
    display:grid!important;
    grid-template-rows:34px 44px!important;
    background:rgba(15,23,42,.97)!important;
    border-left:1px solid rgba(148,163,184,.22)!important;
    border-top:1px solid rgba(148,163,184,.35)!important;
    box-shadow:0 -8px 28px rgba(0,0,0,.35)!important;
    overflow:hidden!important;
  }
  .modern-chatbar .icon-strip{
    width:100%!important;height:34px!important;min-height:34px!important;
    display:flex!important;align-items:center!important;gap:7px!important;
    padding:3px 12px!important;box-sizing:border-box!important;overflow:hidden!important;
  }
  .modern-chatbar .message-strip{
    width:100%!important;height:44px!important;min-height:44px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) 120px!important;gap:0!important;
    padding:0!important;box-sizing:border-box!important;
  }
  .modern-chatbar .message-strip input{height:44px!important;border-radius:0!important;min-width:0!important;}
  .modern-chatbar .send-btn{height:44px!important;border-radius:0!important;min-width:120px!important;}
  .modern-chatbar .mini-icon{width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;border-radius:9px!important;font-size:14px!important;flex:0 0 28px!important;}
  .modern-chatbar .self-info{margin-left:auto!important;min-width:0!important;max-width:48%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:13px!important;padding-right:8px!important;}
  .chat-stream,#messages.chat-stream{left:calc(var(--vt-side-w) + 18px)!important;right:auto!important;width:min(460px,calc(100vw - var(--vt-side-w) - 36px))!important;bottom:90px!important;}
  .left-brand{z-index:30!important;}
}
@media (max-width:840px){
  .modern-chatbar,footer.composer.modern-chatbar{left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:auto!important;min-height:88px!important;border-radius:0!important;z-index:40!important;}
  .chat-stream,#messages.chat-stream{left:10px!important;right:10px!important;width:auto!important;bottom:102px!important;}
}

/* V8.44 - user card responsive no overflow */
@media (min-width:841px){
  .user-row.vt-user-card{grid-template-columns:clamp(56px,5vw,68px) minmax(80px,1fr) auto!important;}
  .vt-avatar-btn,.vt-avatar-btn .vt-member-avatar,.user-row.vt-user-card .vt-member-avatar{width:clamp(56px,5vw,68px)!important;height:clamp(56px,5vw,68px)!important;min-width:clamp(56px,5vw,68px)!important;}
  .vt-user-icons{min-width:124px!important;max-width:132px!important;gap:4px!important;}
  .vt-state{width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;flex:0 0 28px!important;font-size:13px!important;}
  .vt-user-info b{font-size:clamp(18px,1.7vw,22px)!important;}
  .vt-user-info small{font-size:clamp(13px,1.15vw,15px)!important;}
}

/* V8.44 - lower status selector text must reflect current selected status */
.left-brand .online-box{line-height:1.15!important;}
.left-brand .online-box .vt-current-status-label{display:block!important;font-weight:900!important;color:#fff!important;}
.left-brand .online-box .vt-current-status-count{display:block!important;color:#fff!important;font-size:18px!important;}

/* V8.45 - chat alanı tam genişlik + durum menüsü tıklama/yerleşim düzeltmesi */
@media (min-width:841px){
  .chat-stream,
  #messages.chat-stream,
  section#messages{
    position:fixed!important;
    left:calc(var(--vt-side-w, 430px) + 18px)!important;
    right:18px!important;
    width:auto!important;
    max-width:none!important;
    bottom:96px!important;
    top:70px!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:12px 12px 4px 0!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    pointer-events:none!important;
  }
  .chat-bubble{
    max-width:min(720px, calc(100vw - var(--vt-side-w, 430px) - 90px))!important;
    width:max-content!important;
    white-space:normal!important;
    word-break:break-word!important;
  }
  .left-brand .online-box,
  #leftBrandBox .online-box{
    position:relative!important;
    z-index:5!important;
    pointer-events:auto!important;
    user-select:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:112px!important;
    height:54px!important;
    padding:4px 8px!important;
    border-radius:10px!important;
  }
  .left-brand .online-box:hover,
  #leftBrandBox .online-box:hover{
    background:rgba(255,255,255,.13)!important;
  }
  .vt-current-status-label{
    display:block!important;
    font-size:15px!important;
    line-height:1.05!important;
    font-weight:900!important;
    color:#fff!important;
    white-space:nowrap!important;
  }
  .vt-current-status-count{
    display:block!important;
    font-size:16px!important;
    line-height:1.1!important;
    font-weight:950!important;
    color:#fff!important;
    white-space:nowrap!important;
  }
  .status-menu-pro{
    position:fixed!important;
    left:210px!important;
    bottom:92px!important;
    z-index:2147483647!important;
    pointer-events:auto!important;
  }
}
@media (min-width:841px) and (max-width:1180px){
  .chat-bubble{max-width:min(640px, calc(100vw - var(--vt-side-w, 390px) - 80px))!important;}
  .status-menu-pro{left:190px!important;}
}
@media (max-width:840px){
  .chat-stream,
  #messages.chat-stream,
  section#messages{
    left:10px!important;
    right:10px!important;
    width:auto!important;
    max-width:none!important;
    bottom:104px!important;
    max-height:34vh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  .chat-bubble{
    max-width:88vw!important;
    width:max-content!important;
    white-space:normal!important;
    word-break:break-word!important;
  }
  .left-brand .online-box,
  #leftBrandBox .online-box{
    pointer-events:auto!important;
    cursor:pointer!important;
  }
  .status-menu-pro{
    position:fixed!important;
    left:12px!important;
    bottom:120px!important;
    z-index:2147483647!important;
    pointer-events:auto!important;
  }
}


/* V8.46 - Chat geçmiş scroll kilitlenme düzeltmesi */
.chat-stream,
#messages.chat-stream,
section#messages{
  pointer-events:auto!important;
  user-select:text!important;
  touch-action:pan-y!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
}
.chat-stream .chat-bubble,
#messages.chat-stream .chat-bubble,
section#messages .chat-bubble{
  pointer-events:auto!important;
}
@media (min-width:841px){
  .chat-stream,
  #messages.chat-stream,
  section#messages{
    padding-right:18px!important;
  }
}

/* V8.47: Üye kartında isim yanındaki ekstra durum rozeti kaldırıldı. Durum yalnız ikon satırındaki yeşil/nokta alanda gösterilir. */
.user-row.vt-user-card .vt-status-badge,
.user-row.vt-member-card .vt-status-badge{
  display:none!important;
}
.user-row.vt-user-card .vt-user-info b .vt-status-badge,
.user-row.vt-member-card .vt-user-info b .vt-status-badge{
  display:none!important;
}

/* V8.47: kamera popup görüntü alanı sağlamlaştırma */
#videoModalContent video,
.video-modal-content video{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:72vh!important;
  object-fit:contain!important;
  background:#000!important;
  display:block!important;
}

/* V8.48 - Mobil chat tam alan, durum menüsü ve kamera bankası düzeltmeleri */
/* Gizli video bankası display:none gibi davranmasın; LiveKit/adaptive stream masaüstünde görüntüyü durdurmasın. */
.vt-hidden-video-bank,
#videos.vt-hidden-video-bank{
  display:block!important;
  position:fixed!important;
  left:-2000px!important;
  top:10px!important;
  width:240px!important;
  height:160px!important;
  overflow:hidden!important;
  opacity:.01!important;
  pointer-events:none!important;
  z-index:-1!important;
}
#videos.vt-hidden-video-bank .video-tile,
#videos.vt-hidden-video-bank video{
  width:160px!important;
  height:110px!important;
  min-width:160px!important;
  min-height:110px!important;
  display:block!important;
  object-fit:cover!important;
}

/* Mobilde mesaj alanı yarım ekranda kalmasın; header ile alt bar arasında tam scroll alanı olsun. */
@media (max-width:840px){
  html,body{height:100%!important;overflow:hidden!important;}
  .room-shell{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;}
  .room-header{position:fixed!important;left:0!important;right:0!important;top:0!important;height:74px!important;z-index:45!important;}
  .chat-stream,
  #messages.chat-stream,
  section#messages{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    top:82px!important;
    bottom:126px!important;
    width:auto!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:10px 8px 14px 0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    background:transparent!important;
  }
  #messages.chat-stream::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;}
  .chat-bubble{max-width:calc(100vw - 34px)!important;font-size:15px!important;}
  .modern-chatbar,footer.composer.modern-chatbar{
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;
    width:100vw!important;
    min-height:118px!important;
    height:calc(118px + env(safe-area-inset-bottom))!important;
    padding-bottom:env(safe-area-inset-bottom)!important;
    z-index:60!important;
  }
  .modern-chatbar .icon-strip{height:54px!important;min-height:54px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:6px 10px!important;gap:8px!important;}
  .modern-chatbar .mini-icon{width:44px!important;height:44px!important;min-width:44px!important;font-size:20px!important;border-radius:13px!important;}
  .modern-chatbar .message-strip{height:64px!important;min-height:64px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 86px!important;}
  .modern-chatbar .message-strip input{height:64px!important;font-size:18px!important;border-radius:0!important;}
  .modern-chatbar .send-btn{height:64px!important;min-width:86px!important;font-size:18px!important;border-radius:0!important;}
  .status-menu-pro{
    position:fixed!important;
    left:12px!important;
    bottom:132px!important;
    z-index:2147483647!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
  .left-brand .online-box,#leftBrandBox .online-box{touch-action:manipulation!important;pointer-events:auto!important;cursor:pointer!important;}
}

@media (min-width:841px){
  .status-menu-pro{pointer-events:auto!important;touch-action:manipulation!important;}
  .left-brand .online-box,#leftBrandBox .online-box{touch-action:manipulation!important;pointer-events:auto!important;cursor:pointer!important;}
}


/* V8.50 - kamera popup oran ve masaüstü siyah ekran iyileştirmesi */
.video-modal:not(.hidden){
  position:fixed!important; inset:0!important; z-index:99999!important;
  display:grid!important; place-items:center!important;
  background:rgba(0,0,0,.78)!important; padding:22px!important;
}
.video-modal-box{
  width:min(760px,92vw)!important;
  aspect-ratio:16/9!important;
  max-height:78vh!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#05070b!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.75)!important;
  position:relative!important;
}
#videoModalContent{
  width:100%!important; height:100%!important;
  background:#000!important; position:relative!important;
  display:block!important;
}
#videoModalContent video{
  width:100%!important; height:100%!important;
  object-fit:contain!important;
  background:#000!important;
  display:block!important;
}
.video-modal-label{
  position:absolute!important; left:14px!important; bottom:12px!important;
  background:rgba(0,0,0,.72)!important; color:#fff!important;
  border-radius:999px!important; padding:6px 12px!important;
  font-weight:800!important; font-size:13px!important;
}
#closeVideoModal{
  position:absolute!important; right:12px!important; top:12px!important;
  z-index:2!important; width:42px!important; height:42px!important;
  border-radius:50%!important; border:0!important;
  background:#ef4444!important; color:#fff!important;
  font-size:24px!important; font-weight:900!important;
}
@media(max-width:700px){
  .video-modal:not(.hidden){padding:10px!important; align-items:center!important;}
  .video-modal-box{width:96vw!important; aspect-ratio:16/10!important; max-height:70vh!important; border-radius:18px!important;}
}

/* V8.52 - Mobile login page scroll/safe-area fix */
@media (max-width: 840px){
  html, body{
    min-height:100%!important;
    height:auto!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.login-pro{
    min-height:100svh!important;
    height:auto!important;
    display:block!important;
    place-items:initial!important;
    overflow-y:auto!important;
    padding:18px 12px calc(120px + env(safe-area-inset-bottom))!important;
    background-attachment:scroll!important;
  }
  .login-wrap{
    width:100%!important;
    min-height:auto!important;
    display:block!important;
    padding:0!important;
  }
  .join-card{
    width:100%!important;
    max-width:760px!important;
    margin:22px auto 0!important;
    padding:22px!important;
    border-radius:26px!important;
  }
  .join-card h1{font-size:clamp(34px,10vw,56px)!important;line-height:1.05!important;}
  .join-card p{font-size:clamp(18px,4.5vw,28px)!important;line-height:1.35!important;}
  .join-tabs{gap:12px!important;}
  .join-tabs button{min-height:58px!important;font-size:clamp(17px,4.4vw,26px)!important;}
  .gender-grid{grid-template-columns:1fr!important;gap:14px!important;}
  .gender-btn{min-height:88px!important;font-size:clamp(18px,4.8vw,25px)!important;justify-content:center!important;}
  .input-icon{grid-template-columns:56px 1fr!important;}
  .input-icon input{font-size:clamp(17px,4.4vw,24px)!important;min-height:58px!important;}
  .remember-row{min-height:66px!important;font-size:clamp(17px,4.4vw,24px)!important;}
  .start-chat{
    display:block!important;
    position:relative!important;
    z-index:2!important;
    min-height:66px!important;
    margin:20px 0 0!important;
    font-size:clamp(18px,4.8vw,26px)!important;
  }
}
@media (max-width: 430px){
  body.login-pro{padding-left:10px!important;padding-right:10px!important;padding-bottom:calc(140px + env(safe-area-inset-bottom))!important;}
  .join-card{padding:18px!important;margin-top:14px!important;}
}

/* V8.53 - Kesin mobil giriş çözümü: buton sabit, form kaydırılabilir */
@media (max-width: 840px){
  html{
    height:auto!important;
    min-height:100%!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
  }
  body.login-pro{
    width:100%!important;
    min-height:100svh!important;
    min-height:calc(var(--vt-vvh, 100vh))!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    display:block!important;
    padding:12px 10px calc(118px + env(safe-area-inset-bottom))!important;
  }
  body.login-pro .login-wrap{
    display:block!important;
    width:100%!important;
    min-height:auto!important;
    height:auto!important;
    overflow:visible!important;
  }
  body.login-pro .join-card{
    width:100%!important;
    margin:0 auto!important;
    padding:18px!important;
    border-radius:24px!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body.login-pro .join-card h1{
    font-size:clamp(34px,8.6vw,48px)!important;
    line-height:1.04!important;
  }
  body.login-pro .join-card p{
    font-size:clamp(17px,4.2vw,22px)!important;
    line-height:1.28!important;
    margin-bottom:14px!important;
  }
  body.login-pro .join-tabs{
    gap:10px!important;
    margin:14px 0!important;
  }
  body.login-pro .join-tabs button{
    min-height:54px!important;
    padding:10px!important;
  }
  body.login-pro .join-form label{
    margin:10px 0 6px!important;
  }
  body.login-pro .input-icon input{
    min-height:52px!important;
    padding:12px!important;
  }
  body.login-pro .gender-grid{
    gap:10px!important;
  }
  body.login-pro .gender-btn{
    min-height:70px!important;
    padding:10px!important;
  }
  body.login-pro .remember-row{
    min-height:78px!important;
    padding:10px 12px!important;
  }
  body.login-pro .start-chat{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(12px + env(safe-area-inset-bottom))!important;
    width:calc(100vw - 20px)!important;
    min-height:58px!important;
    margin:0!important;
    z-index:2147483000!important;
    box-shadow:0 10px 35px rgba(0,0,0,.55)!important;
    border:1px solid rgba(255,255,255,.35)!important;
  }
  body.login-pro .join-form.hide .start-chat{
    display:none!important;
  }
}
@media (max-width: 390px){
  body.login-pro .join-card{padding:14px!important;border-radius:20px!important;}
  body.login-pro .join-tabs button{font-size:16px!important;}
  body.login-pro .gender-btn{min-height:62px!important;font-size:17px!important;}
}

/* V8.55 - Mobil popup/pencere alt seçenek erişim düzeltmesi
   Mobilde ayarlar/renk/ses/emoji/animasyon pencereleri ekran yüksekliğine göre
   kaydırılabilir hale getirildi; alt seçenekler donuk/erişilemez kalmaz. */
@media (max-width: 840px){
  .settings-modal,
  .style-modal,
  .volume-modal,
  .avatar-modal,
  .profile-modal{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:calc(var(--vt-vvh, 100vh))!important;
    max-height:calc(var(--vt-vvh, 100vh))!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding:calc(10px + env(safe-area-inset-top)) 10px calc(150px + env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
    pointer-events:auto!important;
  }
  .settings-modal.hidden,
  .style-modal.hidden,
  .volume-modal.hidden,
  .avatar-modal.hidden,
  .profile-modal.hidden{display:none!important;}

  .settings-card,
  .style-card,
  .volume-card,
  .avatar-card,
  .profile-card-v8{
    width:calc(100vw - 20px)!important;
    max-width:720px!important;
    max-height:none!important;
    min-height:auto!important;
    overflow:visible!important;
    margin:0 auto!important;
    transform:none!important;
    touch-action:auto!important;
  }

  .settings-card select,
  .settings-card input,
  .settings-card button,
  .style-card select,
  .style-card input,
  .style-card button,
  .volume-card select,
  .volume-card input,
  .volume-card button,
  .avatar-card button{
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:rgba(59,130,246,.25)!important;
  }

  .settings-card select,
  .style-card select{
    min-height:52px!important;
    font-size:16px!important;
  }

  .settings-card .settings-body,
  .settings-card .settings-content,
  .style-card .style-body,
  .volume-card .volume-body{
    max-height:none!important;
    overflow:visible!important;
  }

  .anim-popup-pro,
  .emoji-popup-pro,
  .status-menu-pro{
    z-index:2147483647!important;
    pointer-events:auto!important;
    touch-action:pan-y!important;
  }

  .anim-popup-pro{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(132px + env(safe-area-inset-bottom))!important;
    width:calc(100vw - 20px)!important;
    max-height:calc(var(--vt-vvh, 100vh) - 190px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .emoji-popup-pro{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(132px + env(safe-area-inset-bottom))!important;
    width:calc(100vw - 20px)!important;
    max-height:calc(var(--vt-vvh, 100vh) - 190px)!important;
    overflow:hidden!important;
  }
  .emoji-popup-body,
  .anim-popup-body,
  #animList{
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
  }

  /* iOS Safari select açılırken alt barın üstünde yeterli boşluk */
  .modern-chatbar{z-index:50!important;}
}

@media (max-width: 430px){
  .settings-modal,
  .style-modal,
  .volume-modal,
  .avatar-modal,
  .profile-modal{
    padding-left:8px!important;
    padding-right:8px!important;
    padding-bottom:calc(165px + env(safe-area-inset-bottom))!important;
  }
  .settings-card,
  .style-card,
  .volume-card,
  .avatar-card,
  .profile-card-v8{width:calc(100vw - 16px)!important;border-radius:18px!important;}
}

/* V8.56 - Ayarlar penceresi donuk/arkada kalma kesin düzeltme
   Gerçek popup sınıfları (-pro) hedeflendi. Pencere aktifken en üstte, tıklanabilir ve mobilde kaydırılabilir. */
#settingsModal.settings-popup-pro:not(.hidden),
#styleModal.style-modal-pro:not(.hidden),
#volumeModal.volume-popup-pro:not(.hidden){
  position:fixed!important;
  z-index:2147483647!important;
  pointer-events:auto!important;
  opacity:1!important;
  filter:none!important;
  visibility:visible!important;
}
#settingsModal.settings-popup-pro:not(.hidden) *,
#styleModal.style-modal-pro:not(.hidden) *,
#volumeModal.volume-popup-pro:not(.hidden) *{
  pointer-events:auto!important;
}
#settingsModal.settings-popup-pro.hidden,
#styleModal.style-modal-pro.hidden,
#volumeModal.volume-popup-pro.hidden{display:none!important;}

@media (max-width: 840px){
  #settingsModal.settings-popup-pro:not(.hidden),
  #styleModal.style-modal-pro:not(.hidden),
  #volumeModal.volume-popup-pro:not(.hidden){
    left:50%!important;
    top:calc(8px + env(safe-area-inset-top))!important;
    right:auto!important;
    bottom:auto!important;
    transform:translateX(-50%)!important;
    width:calc(100vw - 18px)!important;
    max-width:calc(100vw - 18px)!important;
    max-height:calc(var(--vt-vvh, 100dvh) - 155px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    border-radius:18px!important;
  }
  #settingsModal .settings-layout-pro,
  #styleModal .style-panel-body,
  #volumeModal .volume-popup-body{
    max-height:none!important;
    overflow:visible!important;
  }
  #settingsModal .settings-layout-pro{
    display:block!important;
  }
  #settingsModal .settings-left-tabs{
    display:flex!important;
    gap:8px!important;
    margin:0 0 10px!important;
  }
  #settingsModal .settings-left-tabs button{
    flex:1!important;
    min-height:44px!important;
  }
  #settingsModal select,
  #settingsModal input,
  #settingsModal button,
  #styleModal select,
  #styleModal input,
  #styleModal button,
  #volumeModal input,
  #volumeModal button{
    min-height:44px!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:rgba(59,130,246,.25)!important;
  }
}

/* V8.62 - Modern room management */
.rooms-admin-modern .admin-head p{margin:4px 0 0;color:#64748b;font-size:14px}.admin-sidebar a.active{background:#eff6ff;color:#1d4ed8}.admin-notice{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #bbf7d0;color:#166534;padding:12px 14px;border-radius:16px;font-weight:800;margin-bottom:14px}.room-form-card h2,.rooms-admin-modern .admin-card h2{margin-top:0}.switchline{display:flex!important;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px!important;margin:8px 0 14px!important;font-weight:800;color:#334155}.switchline input{width:auto!important;margin:0!important}.room-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:8px 0 14px}.drop-upload{display:flex;flex-direction:column;justify-content:center;gap:7px;min-height:96px;border:2px dashed #cbd5e1;border-radius:18px;background:linear-gradient(135deg,#f8fafc,#eef2ff);padding:16px;cursor:pointer;transition:.2s}.drop-upload:hover{border-color:#6366f1;transform:translateY(-1px)}.drop-upload span{font-weight:900;color:#0f172a}.drop-upload em{font-style:normal;color:#64748b;font-size:12px}.drop-upload input{margin:0!important;padding:0!important;border:0!important;background:transparent!important}.room-admin-list{display:grid;gap:14px}.room-admin-item{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:16px;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:12px;overflow:hidden}.room-admin-cover{height:92px;border-radius:16px;background-size:cover;background-position:center;position:relative;box-shadow:inset 0 -40px 60px rgba(15,23,42,.28)}.room-admin-cover span{position:absolute;left:10px;top:10px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900;color:#fff}.room-admin-cover .live{background:#16a34a}.room-admin-cover .passive{background:#64748b}.room-admin-info{min-width:0}.room-admin-info b{display:block;font-size:18px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-admin-info small{display:block;color:#64748b;margin:4px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-admin-info p{margin:0;color:#475569;font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.room-admin-actions{display:flex;gap:8px;align-items:center}.room-admin-actions form{margin:0}.room-admin-actions button,.room-edit-box button{border:0;background:#2563eb;color:#fff;padding:10px 14px;border-radius:12px;font-weight:900;cursor:pointer;white-space:nowrap}.room-admin-actions .ghost-btn{background:#e2e8f0;color:#0f172a}.room-edit-modal{position:fixed;inset:0;background:rgba(15,23,42,.62);backdrop-filter:blur(7px);z-index:99999;display:none;align-items:center;justify-content:center;padding:18px}.room-edit-modal.open{display:flex}.room-edit-box{width:min(820px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:26px;padding:22px;box-shadow:0 30px 90px rgba(15,23,42,.35);position:relative}.room-edit-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%!important;background:#f1f5f9!important;color:#0f172a!important;font-size:22px!important;padding:0!important}.edit-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:10px 0 14px}.edit-preview-grid small{display:block;color:#64748b;font-weight:800;margin-bottom:6px}.edit-preview-grid img{width:100%;height:130px;object-fit:cover;border-radius:18px;border:1px solid #e2e8f0;background:#f8fafc}.modal-open{overflow:hidden}
@media(max-width:760px){.rooms-admin-modern .admin-head{align-items:flex-start}.room-upload-grid,.edit-preview-grid{grid-template-columns:1fr}.room-admin-item{grid-template-columns:86px minmax(0,1fr);gap:10px}.room-admin-cover{height:86px}.room-admin-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.room-admin-actions button{width:100%}.room-admin-info b{font-size:15px}.room-admin-info small{white-space:normal;font-size:12px}.room-edit-modal{align-items:flex-end;padding:10px}.room-edit-box{width:100%;max-height:88vh;border-radius:22px 22px 0 0;padding:18px}.drop-upload{min-height:82px}.rooms-admin-modern .form-grid{grid-template-columns:1fr!important}}

/* V8.63 - Admin oda görsel optimizasyon paneli */
.image-optimize-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 14px;padding:13px 15px;border:1px solid #bfdbfe;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#eef2ff);color:#1e3a8a;box-shadow:0 10px 30px rgba(37,99,235,.08)}
.image-optimize-note b{font-size:14px;font-weight:950}.image-optimize-note span{font-size:12px;color:#475569;font-weight:800;text-align:right}.smart-upload{position:relative;overflow:hidden}.smart-upload:before{content:'AUTO';position:absolute;right:12px;top:12px;background:#2563eb;color:#fff;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:950;letter-spacing:.5px}.smart-upload strong{font-size:15px;color:#0f172a;font-weight:950}.smart-upload span{font-weight:900;color:#1d4ed8}.smart-upload em{line-height:1.35}.smart-upload input[type=file]::file-selector-button{border:0;background:#0f172a;color:#fff;border-radius:10px;padding:8px 10px;font-weight:900;margin-right:10px;cursor:pointer}
@media(max-width:760px){.image-optimize-note{align-items:flex-start;flex-direction:column}.image-optimize-note span{text-align:left}.smart-upload:before{top:10px;right:10px}}

/* V8.64 - Online üyeler paneli: 20-30+ üyede modern iç scroll sistemi */
:root{
  --vt-user-panel-gap: 12px;
  --vt-brand-h-desktop: 142px;
  --vt-brand-h-mobile: 132px;
}
.user-drawer,
aside#userDrawer{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.drawer-head{
  flex:0 0 auto!important;
}
.user-list,
#users.user-list{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  padding-right:8px!important;
  margin-right:-4px!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(168,85,247,.72) rgba(15,23,42,.45)!important;
  scroll-behavior:smooth!important;
}
#users.user-list::-webkit-scrollbar,
.user-list::-webkit-scrollbar{
  width:6px!important;
}
#users.user-list::-webkit-scrollbar-track,
.user-list::-webkit-scrollbar-track{
  background:rgba(15,23,42,.48)!important;
  border-radius:999px!important;
}
#users.user-list::-webkit-scrollbar-thumb,
.user-list::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#a855f7,#2563eb)!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.16)!important;
}
.left-brand,
#leftBrandBox{
  flex:0 0 auto!important;
  margin-top:10px!important;
  position:sticky!important;
  bottom:0!important;
  z-index:35!important;
  box-shadow:0 -14px 26px rgba(2,6,23,.45)!important;
}
@media (min-width:841px){
  .user-drawer,
  aside#userDrawer{
    height:100vh!important;
    max-height:100vh!important;
    padding:18px 14px 12px!important;
  }
  #users.user-list,
  .user-list{
    max-height:calc(100vh - 92px - var(--vt-brand-h-desktop))!important;
    padding-bottom:8px!important;
  }
  #users.user-list:after,
  .user-list:after{
    content:''!important;
    display:block!important;
    height:4px!important;
    flex:0 0 4px!important;
  }
}
@media (max-width:840px){
  .user-drawer,
  aside#userDrawer{
    height:100dvh!important;
    max-height:100dvh!important;
    width:min(92vw,380px)!important;
    padding:14px 10px calc(10px + env(safe-area-inset-bottom))!important;
  }
  #users.user-list,
  .user-list{
    max-height:calc(100dvh - 74px - var(--vt-brand-h-mobile) - env(safe-area-inset-bottom))!important;
    gap:8px!important;
    padding:8px 6px 8px 2px!important;
  }
  .left-brand,
  #leftBrandBox{
    margin-top:8px!important;
    border-radius:18px!important;
  }
  .user-row.vt-user-card{
    min-height:70px!important;
  }
}
@media (max-width:390px){
  .user-drawer,
  aside#userDrawer{
    width:94vw!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  #users.user-list,
  .user-list{
    max-height:calc(100dvh - 70px - 126px - env(safe-area-inset-bottom))!important;
    padding-right:5px!important;
  }
}

/* V8.65 - Modern custom alert/modal */
.vt-alert-overlay{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(0,0,0,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.vt-alert-overlay.hidden{display:none!important}
.vt-alert-card{width:min(460px,calc(100vw - 28px));border:1px solid rgba(139,92,246,.45);border-radius:24px;background:linear-gradient(145deg,rgba(17,26,43,.98),rgba(9,14,26,.98));box-shadow:0 28px 85px rgba(0,0,0,.55),0 0 38px rgba(139,92,246,.18);color:#fff;padding:22px;position:relative;animation:vtAlertIn .18s ease-out;overflow:hidden}
.vt-alert-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 0%,rgba(139,92,246,.22),transparent 38%),radial-gradient(circle at 100% 100%,rgba(34,197,94,.10),transparent 35%);pointer-events:none}
.vt-alert-x{position:absolute;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:14px;background:rgba(255,255,255,.10);color:#fff;font-size:28px;line-height:1;cursor:pointer;z-index:2}
.vt-alert-x:hover{background:rgba(255,255,255,.18)}
.vt-alert-icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#8b5cf6,#2563eb);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:30px;box-shadow:0 12px 35px rgba(139,92,246,.35);position:relative;z-index:1;margin-bottom:14px}
.vt-alert-body{position:relative;z-index:1;padding-right:34px}.vt-alert-title{font-size:22px;font-weight:900;margin-bottom:8px;letter-spacing:-.02em}.vt-alert-msg{font-size:15px;line-height:1.55;color:#d8e0f3;white-space:pre-wrap}.vt-alert-actions{position:relative;z-index:1;display:flex;justify-content:flex-end;margin-top:20px}.vt-alert-ok{min-width:118px;border:0;border-radius:16px;padding:13px 20px;font-size:15px;font-weight:900;color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb);box-shadow:0 12px 28px rgba(37,99,235,.28);cursor:pointer}.vt-alert-ok:hover{filter:brightness(1.08)}
body.vt-alert-open{overflow:hidden}@keyframes vtAlertIn{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:640px){.vt-alert-overlay{align-items:flex-end;padding:14px 14px calc(18px + env(safe-area-inset-bottom))}.vt-alert-card{border-radius:24px 24px 20px 20px;padding:20px}.vt-alert-title{font-size:20px}.vt-alert-actions{display:grid}.vt-alert-ok{width:100%;padding:15px 20px}}


/* V8.66 - Üye kartında seçilen durum simgesi */
.vt-user-icons .vt-status-symbol{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:13px!important;
  font-size:18px!important;
  line-height:1!important;
  background:rgba(30,41,59,.92)!important;
  border:1px solid rgba(148,163,184,.35)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 8px 20px rgba(0,0,0,.25)!important;
}
.vt-user-icons .vt-status-symbol.status-online{
  background:rgba(8,47,73,.7)!important;
  border-color:rgba(34,197,94,.45)!important;
  box-shadow:0 0 12px rgba(34,197,94,.35), inset 0 1px 0 rgba(255,255,255,.13)!important;
}
.vt-user-icons .vt-status-symbol.status-busy{border-color:rgba(251,146,60,.55)!important;box-shadow:0 0 12px rgba(249,115,22,.28), inset 0 1px 0 rgba(255,255,255,.13)!important}
.vt-user-icons .vt-status-symbol.status-away{border-color:rgba(250,204,21,.45)!important;box-shadow:0 0 12px rgba(250,204,21,.18), inset 0 1px 0 rgba(255,255,255,.13)!important}
.vt-user-icons .vt-status-symbol.status-brb{border-color:rgba(96,165,250,.45)!important}
.vt-user-icons .vt-status-symbol.status-tel{border-color:rgba(34,211,238,.45)!important}
.vt-user-icons .vt-status-symbol.status-love{border-color:rgba(244,114,182,.55)!important}
.vt-user-icons .vt-status-symbol.status-spoiled,.vt-user-icons .vt-status-symbol.status-happy{border-color:rgba(168,85,247,.45)!important}
/* Eski yeşil nokta kuralı yeni sembolü ezmesin */
.vt-user-icons .vt-status-symbol:before{display:none!important;content:none!important}
@media(max-width:900px){.vt-user-icons .vt-status-symbol{width:30px!important;height:30px!important;min-width:30px!important;font-size:16px!important;border-radius:11px!important}}

/* V8.67 - Durum menüsü tıklama ve katman düzeltmesi */
.status-menu-pro{
  z-index:2147483647!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
.status-menu-pro button[data-status],
.status-menu-pro #closeStatusMenu{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
  user-select:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
.left-brand .online-box,
#leftBrandBox .online-box,
.online-box{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
}
@media(max-width:840px){
  .status-menu-pro{
    position:fixed!important;
    left:12px!important;
    bottom:calc(118px + env(safe-area-inset-bottom))!important;
    max-height:calc(100dvh - 170px)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
}

/* V8.68 - Mobil online üyeler drawer kilitlenme/üstüne binme düzeltmesi */
.vt-drawer-backdrop{
  position:fixed!important;
  inset:0!important;
  background:rgba(2,6,23,.62)!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
  z-index:8998!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .18s ease!important;
}
.vt-drawer-backdrop.open{
  opacity:1!important;
  pointer-events:auto!important;
}
body.vt-drawer-open{
  overflow:hidden!important;
  touch-action:none!important;
}
body.vt-drawer-open .user-drawer,
body.vt-drawer-open aside#userDrawer{
  pointer-events:auto!important;
}
@media (max-width:840px){
  aside#userDrawer.user-drawer,
  .user-drawer{
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    height:100dvh!important;
    max-height:100dvh!important;
    width:min(92vw,390px)!important;
    transform:translateX(-105%)!important;
    transition:transform .22s cubic-bezier(.2,.8,.2,1)!important;
    z-index:9000!important;
    background:linear-gradient(180deg,rgba(8,17,31,.98),rgba(3,7,18,.98))!important;
    box-shadow:24px 0 70px rgba(0,0,0,.55)!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    padding:calc(12px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom))!important;
    border-right:1px solid rgba(168,85,247,.35)!important;
  }
  aside#userDrawer.user-drawer.open,
  .user-drawer.open{
    transform:translateX(0)!important;
  }
  .drawer-head{
    position:sticky!important;
    top:0!important;
    z-index:3!important;
    background:linear-gradient(180deg,rgba(8,17,31,.98),rgba(8,17,31,.88))!important;
    padding:8px 4px 12px!important;
    margin-bottom:6px!important;
  }
  .drawer-head button,
  #drawerClose{
    display:grid!important;
    place-items:center!important;
    width:48px!important;
    height:38px!important;
    border-radius:14px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(15,23,42,.95)!important;
    color:#fff!important;
    font-size:22px!important;
    cursor:pointer!important;
    pointer-events:auto!important;
  }
  #users.user-list,
  .user-list{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    padding:6px 6px 12px 2px!important;
  }
  .left-brand,
  #leftBrandBox{
    flex:0 0 auto!important;
    position:relative!important;
    bottom:auto!important;
    z-index:2!important;
    margin-top:8px!important;
  }
  footer.composer,
  footer.composer.modern-chatbar,
  .modern-chatbar{
    z-index:120!important;
  }
  body.vt-drawer-open footer.composer,
  body.vt-drawer-open footer.composer.modern-chatbar,
  body.vt-drawer-open .modern-chatbar,
  body.vt-drawer-open .icon-strip,
  body.vt-drawer-open .message-strip{
    pointer-events:none!important;
  }
  body.vt-drawer-open #usersToggle,
  body.vt-drawer-open #drawerClose{
    pointer-events:auto!important;
  }
}

/* V8.69 - Mobil/PC genel popup taraması: emoji, animasyon ve küçük paneller taşmasın */
:root{
  --vt-chatbar-height: 118px;
  --vt-popup-gap: 10px;
}

/* Ortak popup davranışı: ekrana sığ, üst üste binme, içeride kaydır */
.emoji-popup-pro,
.anim-popup-pro,
.status-menu-pro,
.user-menu,
.settings-modal,
.style-modal-pro,
.volume-modal,
.profile-modal,
.avatar-modal{
  max-width: calc(100vw - 24px) !important;
  max-height: calc(100dvh - 28px) !important;
  overscroll-behavior: contain !important;
}

.emoji-popup-pro:not(.hidden),
.anim-popup-pro:not(.hidden){
  z-index: 2147483600 !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.55), 0 0 0 1px rgba(139,92,246,.35) !important;
}

.emoji-popup-head,
.anim-popup-head{
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
}

.emoji-popup-tabs{
  position: sticky !important;
  top: 56px !important;
  z-index: 2 !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.emoji-popup-body.active,
.anim-popup-grid,
#animList{
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
}

/* Masaüstü: kutular chat bar üstünde, düzgün ve kontrollü */
@media (min-width: 769px){
  .emoji-popup-pro,
  .anim-popup-pro{
    position: fixed !important;
    left: auto !important;
    right: 22px !important;
    top: auto !important;
    bottom: 86px !important;
    transform: none !important;
    width: min(520px, calc(100vw - 360px)) !important;
    max-height: min(620px, calc(100dvh - 126px)) !important;
    border-radius: 22px !important;
  }
  .emoji-popup-body.active{max-height: 430px !important;}
  #animList,.anim-popup-grid{max-height: 430px !important;}
}

/* Mobil: popup tam ekran değil ama ekrana oturan bottom-sheet gibi açılsın */
@media (max-width: 768px){
  html, body{
    overflow-x: hidden !important;
  }

  .emoji-popup-pro,
  .anim-popup-pro{
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: calc(var(--vt-chatbar-height) + env(safe-area-inset-bottom) + var(--vt-popup-gap)) !important;
    transform: translateX(-50%) !important;
    width: min(430px, calc(100vw - 16px)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100dvh - var(--vt-chatbar-height) - env(safe-area-inset-bottom) - 78px) !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .emoji-popup-head,
  .anim-popup-head{
    min-height: 54px !important;
    padding: 12px 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  #closeEmojiBox,
  #closeAnimBox,
  .emoji-popup-head button,
  .anim-popup-head button{
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 14px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 26px !important;
    touch-action: manipulation !important;
  }

  .emoji-popup-tabs{
    top: 54px !important;
    display: flex !important;
    gap: 8px !important;
    padding: 10px !important;
    white-space: nowrap !important;
  }

  .emoji-popup-tabs button{
    flex: 0 0 auto !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    touch-action: manipulation !important;
  }

  .emoji-popup-body.active{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 12px !important;
    max-height: calc(100dvh - var(--vt-chatbar-height) - env(safe-area-inset-bottom) - 190px) !important;
  }

  .emoji-popup-body button{
    width: 100% !important;
    min-width: 0 !important;
    height: 56px !important;
    border-radius: 16px !important;
    font-size: 28px !important;
    touch-action: manipulation !important;
  }

  #animList,
  .anim-popup-grid{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 12px !important;
    max-height: calc(100dvh - var(--vt-chatbar-height) - env(safe-area-inset-bottom) - 146px) !important;
  }

  .anim-popup-grid img,
  #animList img,
  .anim-item img{
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 14px !important;
  }

  .modern-chatbar,
  footer.composer.modern-chatbar{
    z-index: 2147483000 !important;
  }

  /* Popup açıkken alttaki butonlar üstüne binmesin, sadece popup en üstte kalsın */
  body.vt-panel-open .emoji-popup-pro:not(.hidden),
  body.vt-panel-open .anim-popup-pro:not(.hidden){
    pointer-events: auto !important;
  }
}

@media (max-width: 380px){
  :root{--vt-chatbar-height: 112px;}
  .emoji-popup-body.active{grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}
  #animList,.anim-popup-grid{grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}
  .emoji-popup-body button{height: 52px !important;font-size: 26px !important;}
}

/* V8.70 - Mobil alt buton, durum seçimi ve online üyeler scroll düzeltmesi */
:root{--vt-mobile-chatbar-h:128px;}

/* Sol online panel: çok üye girince kartlar panel içinde kayar */
.user-drawer{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
}
.user-drawer .drawer-head{
  flex:0 0 auto!important;
}
.user-list,
#users,
.vt-scrollable-users{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  padding-right:6px!important;
}
.user-list::-webkit-scrollbar,#users::-webkit-scrollbar{width:7px}.user-list::-webkit-scrollbar-thumb,#users::-webkit-scrollbar-thumb{background:rgba(168,85,247,.55);border-radius:20px}.user-list::-webkit-scrollbar-track,#users::-webkit-scrollbar-track{background:rgba(15,23,42,.35);border-radius:20px}
.left-brand,#leftBrandBox{flex:0 0 auto!important;}

/* Durum butonu alt bara eklendi */
.status-control{background:linear-gradient(145deg,#16a34a,#065f46)!important;}
.status-control[data-status="busy"]{background:linear-gradient(145deg,#fb923c,#c2410c)!important;}
.status-control[data-status="brb"]{background:linear-gradient(145deg,#60a5fa,#1d4ed8)!important;}
.status-control[data-status="away"]{background:linear-gradient(145deg,#facc15,#a16207)!important;}
.status-control[data-status="tel"]{background:linear-gradient(145deg,#f472b6,#be123c)!important;}
.status-control[data-status="love"]{background:linear-gradient(145deg,#fb7185,#db2777)!important;}
.status-control[data-status="spoiled"]{background:linear-gradient(145deg,#fbbf24,#d97706)!important;}
.status-control[data-status="happy"]{background:linear-gradient(145deg,#38bdf8,#7c3aed)!important;}

@media(max-width:768px){
  .room-shell{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;}
  .user-drawer{
    width:min(96vw,430px)!important;
    max-width:96vw!important;
    top:0!important;
    bottom:calc(var(--vt-mobile-chatbar-h) + env(safe-area-inset-bottom))!important;
    height:auto!important;
    max-height:calc(100dvh - var(--vt-mobile-chatbar-h) - env(safe-area-inset-bottom))!important;
    border-radius:0 24px 24px 0!important;
    padding:18px 14px!important;
    z-index:2147482500!important;
  }
  .user-drawer.open{display:flex!important;}
  .drawer-head{padding:4px 4px 14px!important;}
  .drawer-head b{font-size:24px!important;}
  #users,.user-list,.vt-scrollable-users{
    padding:0 6px 14px 0!important;
    max-height:none!important;
  }
  .vt-user-card,.user-row.vt-user-card{
    min-height:86px!important;
    margin:9px 0!important;
    padding:10px!important;
    grid-template-columns:64px minmax(0,1fr)!important;
  }
  .vt-member-avatar{width:58px!important;height:58px!important;border-radius:14px!important;}
  .vt-user-main{min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;}
  .vt-user-info b{font-size:18px!important;max-width:120px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;}
  .vt-user-info small{font-size:14px!important;}
  .vt-user-icons{gap:5px!important;flex:0 0 auto!important;}
  .vt-state{width:34px!important;height:34px!important;min-width:34px!important;border-radius:12px!important;font-size:16px!important;}

  footer.composer.modern-chatbar,.modern-chatbar{
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;
    width:100vw!important;
    min-height:calc(var(--vt-mobile-chatbar-h) + env(safe-area-inset-bottom))!important;
    height:auto!important;
    padding:6px 0 calc(8px + env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-rows:56px 58px!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
    overflow:hidden!important;
    z-index:2147483000!important;
  }
  .modern-chatbar .icon-strip{
    width:100vw!important;
    max-width:100vw!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    padding:5px 10px 8px!important;
    scroll-padding-inline:10px!important;
    scrollbar-width:none!important;
  }
  .modern-chatbar .icon-strip::-webkit-scrollbar{display:none!important;}
  .modern-chatbar .mini-icon{
    width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;
    flex:0 0 48px!important;border-radius:15px!important;font-size:22px!important;
  }
  .modern-chatbar .self-info{display:none!important;}
  .modern-chatbar .message-strip{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 96px!important;
    gap:0!important;
    width:100vw!important;
    padding:0!important;
    min-width:0!important;
  }
  .modern-chatbar #msg{width:100%!important;min-width:0!important;border-radius:0!important;height:58px!important;font-size:18px!important;padding:0 14px!important;}
  .modern-chatbar #send{width:96px!important;min-width:96px!important;height:58px!important;border-radius:0!important;font-size:18px!important;}

  /* Durum menüsü mobilde butonların üstünde bottom-sheet gibi açılsın */
  .status-menu-pro{
    position:fixed!important;
    left:10px!important;right:10px!important;bottom:calc(var(--vt-mobile-chatbar-h) + env(safe-area-inset-bottom) + 10px)!important;
    top:auto!important;transform:none!important;
    width:auto!important;max-width:none!important;
    max-height:min(420px,calc(100dvh - var(--vt-mobile-chatbar-h) - 76px))!important;
    overflow-y:auto!important;
    z-index:2147483600!important;
    border-radius:20px!important;
    padding:10px!important;
    background:#0f172a!important;color:#fff!important;
    border:1px solid rgba(168,85,247,.45)!important;
    box-shadow:0 26px 90px rgba(0,0,0,.65)!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .status-menu-pro button[data-status]{
    min-height:48px!important;
    display:flex!important;align-items:center!important;gap:10px!important;
    width:100%!important;margin:5px 0!important;border-radius:14px!important;
    touch-action:manipulation!important;
  }

  .emoji-popup-pro,.anim-popup-pro{
    bottom:calc(var(--vt-mobile-chatbar-h) + env(safe-area-inset-bottom) + 10px)!important;
    max-height:calc(100dvh - var(--vt-mobile-chatbar-h) - env(safe-area-inset-bottom) - 72px)!important;
  }
}

@media(max-width:380px){
  :root{--vt-mobile-chatbar-h:122px;}
  .modern-chatbar .mini-icon{width:44px!important;height:44px!important;min-width:44px!important;flex-basis:44px!important;font-size:20px!important;}
  .modern-chatbar .message-strip{grid-template-columns:minmax(0,1fr) 86px!important;}
  .modern-chatbar #send{width:86px!important;min-width:86px!important;}
}

/* V8.71 - Özel sohbet popup/dock sistemi */
.vt-private-windows{position:fixed;right:18px;bottom:112px;z-index:8500;display:flex;gap:14px;align-items:flex-end;pointer-events:none}.vt-private-window{width:min(360px,calc(100vw - 24px));height:430px;background:linear-gradient(180deg,#111b2c,#07101d);border:1px solid rgba(168,85,247,.65);box-shadow:0 18px 60px rgba(0,0,0,.45),0 0 24px rgba(168,85,247,.22);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;pointer-events:auto}.vt-private-window.minimized,.vt-private-window.hidden{display:none}.vt-private-head{height:64px;display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(15,23,42,.96);border-bottom:1px solid rgba(148,163,184,.18)}.vt-private-head img{width:42px;height:42px;border-radius:12px;object-fit:cover;background:#1e3a8a}.vt-private-head div{min-width:0;flex:1}.vt-private-head b{display:block;color:#fff;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vt-private-head small{display:block;color:#c084fc;font-weight:900;font-size:12px}.vt-private-head button{width:34px;height:34px;border:0;border-radius:11px;background:#253246;color:#fff;font-size:20px;font-weight:900;cursor:pointer}.vt-private-close{background:#ef4444!important}.vt-private-body{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.vt-private-msg{max-width:86%;padding:10px 12px;border-radius:15px;background:#1f2937;border:1px solid rgba(148,163,184,.25);color:#e5e7eb;align-self:flex-start}.vt-private-msg.outgoing{align-self:flex-end;background:linear-gradient(135deg,#6d28d9,#2563eb);border-color:rgba(255,255,255,.18);color:white}.vt-private-msg b{display:block;font-size:12px;margin-bottom:3px;opacity:.85}.vt-private-msg span{font-size:14px;line-height:1.35}.vt-private-compose{display:flex;gap:8px;padding:10px;background:rgba(15,23,42,.98);border-top:1px solid rgba(148,163,184,.18)}.vt-private-compose input{flex:1;min-width:0;border:1px solid #334155;background:#0b1220;color:#fff;border-radius:12px;padding:12px;font-weight:800}.vt-private-compose button{border:0;border-radius:12px;background:#7c3aed;color:#fff;font-weight:900;padding:0 14px}.vt-private-dock{position:fixed;left:50%;transform:translateX(-50%);bottom:96px;z-index:8600;display:flex;gap:8px;max-width:calc(100vw - 30px);overflow:auto;padding:5px;pointer-events:auto}.vt-private-chip{display:flex;align-items:center;gap:7px;border:1px solid rgba(168,85,247,.65);background:linear-gradient(135deg,#111827,#172033);color:#fff;border-radius:999px;padding:7px 11px;font-weight:900;box-shadow:0 8px 24px rgba(0,0,0,.35);white-space:nowrap}.vt-private-chip img{width:24px;height:24px;border-radius:50%;object-fit:cover}.vt-private-chip.blink{animation:vtPrivateBlink .8s infinite alternate;border-color:#facc15;box-shadow:0 0 22px rgba(250,204,21,.6)}@keyframes vtPrivateBlink{from{filter:brightness(1)}to{filter:brightness(1.65);transform:translateY(-2px)}}.vt-private-invite{position:fixed;inset:0;background:rgba(2,6,23,.66);backdrop-filter:blur(8px);z-index:9000;display:grid;place-items:center;padding:18px}.vt-private-invite.hidden{display:none}.vt-private-invite-card{position:relative;width:min(430px,100%);background:linear-gradient(180deg,#111827,#07111f);border:1px solid rgba(168,85,247,.7);border-radius:24px;padding:24px;text-align:center;color:#fff;box-shadow:0 25px 80px rgba(0,0,0,.55)}.vtpi-x{position:absolute;right:12px;top:12px;width:36px;height:36px;border:0;border-radius:12px;background:#334155;color:white;font-size:24px}.vtpi-icon{font-size:42px}.vt-private-invite-card h3{font-size:24px;margin:8px 0}.vt-private-invite-card p{color:#cbd5e1;line-height:1.45}.vt-private-invite-card div:last-child{display:flex;gap:10px;justify-content:center;margin-top:18px}.vtpi-reject,.vtpi-accept{border:0;border-radius:14px;padding:13px 18px;font-weight:900;color:white}.vtpi-reject{background:#334155}.vtpi-accept{background:linear-gradient(135deg,#7c3aed,#2563eb)}
@media(max-width:840px){.vt-private-windows{left:10px;right:10px;bottom:calc(150px + env(safe-area-inset-bottom));display:block}.vt-private-window{width:100%;height:min(56vh,470px);border-radius:22px}.vt-private-dock{left:10px;right:10px;transform:none;bottom:calc(138px + env(safe-area-inset-bottom));justify-content:flex-start}.vt-private-chip{font-size:13px}.vt-private-compose input{font-size:16px}.vt-private-invite{align-items:end}.vt-private-invite-card{margin-bottom:calc(105px + env(safe-area-inset-bottom));}}

/* V8.74 - Mobil özel sohbet panel/balon sistemi */
.vt-private-body{
  scrollbar-width:thin;
  scrollbar-color:rgba(168,85,247,.65) transparent;
}
.vt-private-body::-webkit-scrollbar{width:6px;height:6px}
.vt-private-body::-webkit-scrollbar-track{background:transparent}
.vt-private-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a855f7,#2563eb);border-radius:99px}
.vt-private-window{
  backdrop-filter:blur(14px);
}
.vt-private-chip{
  user-select:none;
  -webkit-tap-highlight-color:transparent;
}
.vt-private-chip::before{
  content:'💬';
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:999px;
  background:rgba(124,58,237,.22);
  box-shadow:inset 0 0 0 1px rgba(168,85,247,.28);
}
@media(max-width:840px){
  .vt-private-windows{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:calc(86px + env(safe-area-inset-top))!important;
    bottom:calc(150px + env(safe-area-inset-bottom))!important;
    z-index:8750!important;
    display:block!important;
    padding:10px!important;
    pointer-events:none!important;
    max-width:none!important;
  }
  .vt-private-window{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    border-radius:24px!important;
    display:flex!important;
    box-shadow:0 24px 80px rgba(0,0,0,.72),0 0 0 1px rgba(168,85,247,.4),0 0 36px rgba(124,58,237,.22)!important;
    pointer-events:auto!important;
    overflow:hidden!important;
  }
  .vt-private-window.minimized,
  .vt-private-window.hidden{
    display:none!important;
  }
  .vt-private-head{
    height:68px!important;
    padding:11px 12px!important;
    border-bottom:1px solid rgba(148,163,184,.22)!important;
    background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(15,23,42,.92))!important;
  }
  .vt-private-head img{
    width:44px!important;
    height:44px!important;
    border-radius:14px!important;
  }
  .vt-private-head b{font-size:17px!important;max-width:100%}
  .vt-private-head small{font-size:12px!important;color:#d8b4fe!important}
  .vt-private-head button{
    width:42px!important;
    height:42px!important;
    border-radius:15px!important;
    touch-action:manipulation!important;
  }
  .vt-private-body{
    padding:14px 12px!important;
    gap:9px!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }
  .vt-private-msg{
    max-width:84%!important;
    border-radius:18px!important;
    padding:11px 13px!important;
  }
  .vt-private-msg span{font-size:15px!important;line-height:1.38!important}
  .vt-private-compose{
    gap:8px!important;
    padding:10px!important;
    padding-bottom:calc(10px + env(safe-area-inset-bottom))!important;
    background:rgba(15,23,42,.98)!important;
  }
  .vt-private-compose input{
    height:48px!important;
    border-radius:15px!important;
    font-size:16px!important;
  }
  .vt-private-compose button{
    min-width:88px!important;
    height:48px!important;
    border-radius:15px!important;
    font-size:15px!important;
  }
  .vt-private-dock{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:calc(136px + env(safe-area-inset-bottom))!important;
    transform:none!important;
    z-index:8900!important;
    display:flex!important;
    gap:8px!important;
    max-width:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:7px 8px!important;
    pointer-events:auto!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    background:linear-gradient(90deg,rgba(15,23,42,.78),rgba(15,23,42,.42))!important;
    border:1px solid rgba(148,163,184,.16)!important;
    border-radius:18px!important;
    backdrop-filter:blur(12px)!important;
  }
  .vt-private-dock::-webkit-scrollbar{display:none!important}
  .vt-private-chip{
    flex:0 0 auto!important;
    min-height:42px!important;
    padding:8px 12px!important;
    border-radius:999px!important;
    font-size:13px!important;
    max-width:170px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    touch-action:manipulation!important;
  }
  .vt-private-chip img{
    width:28px!important;
    height:28px!important;
    border-radius:999px!important;
  }
  .vt-private-chip.blink{
    animation:vtPrivateMobileBlink .72s infinite alternate!important;
  }
  @keyframes vtPrivateMobileBlink{
    from{box-shadow:0 8px 28px rgba(0,0,0,.38),0 0 0 rgba(250,204,21,0);border-color:rgba(168,85,247,.65);transform:translateY(0)}
    to{box-shadow:0 10px 36px rgba(250,204,21,.5),0 0 22px rgba(236,72,153,.45);border-color:#facc15;transform:translateY(-2px)}
  }
}

/* V8.76 - mobil kişi kartı eylem sheet + özel chat compose düzeltmesi */
.vt-mobile-user-actions.hidden{display:none!important}
.vt-mobile-user-actions{position:fixed;inset:0;z-index:9400;display:block}
.vt-mua-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.58);backdrop-filter:blur(8px)}
.vt-mua-card{position:absolute;left:14px;right:14px;bottom:calc(120px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#111b2c,#07101d);border:1px solid rgba(168,85,247,.7);border-radius:24px;padding:14px;box-shadow:0 24px 80px rgba(0,0,0,.55),0 0 35px rgba(124,58,237,.18);color:#fff}
.vt-mua-x{position:absolute;right:12px;top:12px;width:38px;height:38px;border:0;border-radius:14px;background:#263348;color:#fff;font-size:26px;font-weight:900}
.vt-mua-head{display:flex;align-items:center;gap:12px;padding-right:46px;margin-bottom:14px}
.vt-mua-head img{width:58px;height:58px;border-radius:16px;object-fit:cover;background:#1e3a8a}
.vt-mua-head b{display:block;font-size:20px;font-weight:1000;line-height:1.05;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vt-mua-head small{display:block;color:#c084fc;font-weight:900;margin-top:4px;font-size:14px}
.vt-mua-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vt-mua-buttons button{min-height:52px;border:1px solid rgba(148,163,184,.25);border-radius:17px;background:rgba(30,41,59,.9);color:#fff;font-weight:1000;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;touch-action:manipulation}
.vt-mua-buttons button[data-act="private"]{background:linear-gradient(135deg,#7c3aed,#2563eb);border-color:rgba(255,255,255,.18)}
@media(min-width:841px){.vt-mobile-user-actions{display:none!important}}
@media(max-width:840px){
  body.vt-private-mobile-open .vt-private-dock{display:none!important}
  .vt-private-windows{bottom:calc(158px + env(safe-area-inset-bottom))!important}
  .vt-private-compose{position:relative!important;z-index:2!important;display:flex!important;align-items:center!important;flex:0 0 auto!important}
  .vt-private-body{min-height:0!important;flex:1 1 auto!important}
}

/* V8.77 - Mobil kişi menüsü konum ve özel sohbet yazma alanı son düzeltme */
@media(max-width:840px){
  .vt-mobile-user-actions{
    position:fixed!important;
    inset:0!important;
    z-index:9900!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    padding:0 12px calc(var(--vt-mobile-chatbar-h, 150px) + env(safe-area-inset-bottom) + 10px)!important;
    pointer-events:auto!important;
  }
  .vt-mobile-user-actions.hidden{display:none!important;}
  .vt-mobile-user-actions .vt-mua-backdrop{
    position:fixed!important;
    inset:0!important;
    background:rgba(2,6,23,.58)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }
  .vt-mobile-user-actions .vt-mua-card{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:min(420px,100%)!important;
    max-height:calc(100dvh - var(--vt-mobile-chatbar-h,150px) - 120px)!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    border-radius:24px!important;
    transform:none!important;
    margin:0 auto!important;
  }
  .vt-mobile-user-actions .vt-mua-buttons button{
    min-height:54px!important;
    touch-action:manipulation!important;
  }
  .vt-private-windows{
    top:calc(88px + env(safe-area-inset-top))!important;
    bottom:calc(var(--vt-mobile-chatbar-h,150px) + env(safe-area-inset-bottom) + 8px)!important;
  }
  .vt-private-window{
    min-height:0!important;
  }
  .vt-private-body{
    min-height:0!important;
    flex:1 1 auto!important;
  }
  .vt-private-compose{
    flex:0 0 auto!important;
    position:sticky!important;
    bottom:0!important;
    z-index:4!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 86px!important;
    align-items:center!important;
  }
  .vt-private-compose input{
    width:100%!important;
    min-width:0!important;
  }
  .vt-private-compose button{
    width:86px!important;
    min-width:86px!important;
    padding:0!important;
  }
}


/* V8.79 - Mobil üye eylem menüsü kesin çözüm: ekran ortası modal */
.vt-mobile-user-modal.hidden{display:none!important}
.vt-mobile-user-modal{position:fixed!important;inset:0!important;z-index:30000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;pointer-events:auto!important}
.vt-mum-backdrop{position:fixed!important;inset:0!important;background:rgba(2,6,23,.72)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
.vt-mum-card{position:relative!important;width:min(430px,calc(100vw - 28px))!important;max-height:calc(100dvh - 44px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;background:linear-gradient(180deg,#111b2d,#07101d)!important;border:1px solid rgba(168,85,247,.75)!important;border-radius:26px!important;padding:16px!important;color:#fff!important;box-shadow:0 28px 90px rgba(0,0,0,.65),0 0 42px rgba(124,58,237,.28)!important;transform:none!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:0!important}
.vt-mum-x{position:absolute!important;right:14px!important;top:14px!important;width:42px!important;height:42px!important;border:0!important;border-radius:15px!important;background:#263348!important;color:#fff!important;font-size:28px!important;font-weight:1000!important;line-height:1!important;display:grid!important;place-items:center!important;z-index:2!important}
.vt-mum-head{display:flex!important;align-items:center!important;gap:14px!important;padding:4px 54px 16px 2px!important;border-bottom:1px solid rgba(148,163,184,.16)!important;margin-bottom:14px!important}
.vt-mum-head img{width:64px!important;height:64px!important;border-radius:18px!important;object-fit:cover!important;background:#1e3a8a!important;box-shadow:0 0 0 1px rgba(255,255,255,.12) inset!important}
.vt-mum-head b{display:block!important;font-size:23px!important;font-weight:1000!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:220px!important}
.vt-mum-head small{display:block!important;color:#c084fc!important;font-size:15px!important;font-weight:1000!important;margin-top:5px!important}
.vt-mum-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.vt-mum-actions button{min-height:58px!important;border:1px solid rgba(148,163,184,.24)!important;border-radius:18px!important;background:rgba(30,41,59,.92)!important;color:#fff!important;font-weight:1000!important;font-size:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}
.vt-mum-actions button[data-act="private"]{background:linear-gradient(135deg,#7c3aed,#2563eb)!important;border-color:rgba(255,255,255,.18)!important}
@media(min-width:841px){.vt-mobile-user-modal{display:none!important}}
@media(max-width:420px){.vt-mum-actions{grid-template-columns:1fr!important}.vt-mum-head b{max-width:180px!important}}

/* V8.80 - Mobil profil ekranı, özel mesaj ses/bildirim davranışı */
.profile-modal.hidden{display:none!important;}
.profile-modal{
  position:fixed!important;
  inset:0!important;
  z-index:30500!important;
  display:grid!important;
  place-items:center!important;
  padding:18px!important;
  background:rgba(2,6,23,.76)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
}
.profile-card-v8{
  position:relative!important;
  width:min(410px,calc(100vw - 30px))!important;
  max-height:calc(100dvh - 42px)!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  margin:auto!important;
  transform:none!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,#111b2d,#07101d)!important;
  border:1px solid rgba(168,85,247,.72)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.68),0 0 42px rgba(124,58,237,.24)!important;
}
.profile-actions{display:flex!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;}
.profile-actions button{min-height:46px!important;border-radius:16px!important;background:linear-gradient(135deg,#7c3aed,#2563eb)!important;}
body.vt-profile-open{overflow:hidden!important;}
@media(max-width:840px){
  .profile-modal{
    align-items:center!important;
    justify-items:center!important;
    padding:calc(14px + env(safe-area-inset-top)) 14px calc(var(--vt-mobile-chatbar-h,150px) + env(safe-area-inset-bottom) + 12px)!important;
  }
  .profile-card-v8{
    width:min(430px,100%)!important;
    max-height:calc(100dvh - var(--vt-mobile-chatbar-h,150px) - 56px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    padding:22px 18px!important;
  }
  .profile-card-v8 img{width:104px!important;height:104px!important;border-radius:26px!important;}
  .profile-card-v8 h2{font-size:24px!important;line-height:1.12!important;}
  .profile-card-v8 p,.profile-card-v8 small{font-size:14px!important;}
  .profile-card-v8 span{font-size:13px!important;}
  .close-profile{width:42px!important;height:42px!important;border-radius:15px!important;right:12px!important;top:12px!important;}
}

/* Alta alınan özel sohbette cevap gelirse pencere açılmasın, mini sekme belirgin yansın */
.vt-private-chip.blink::after{
  content:'';
  width:9px;height:9px;border-radius:50%;background:#facc15;
  box-shadow:0 0 14px rgba(250,204,21,.9);
  margin-left:2px;
}

/* V8.81 - Mobil özel sohbet alta alma ve profil modal kesin düzeltme */
@media(max-width:840px){
  .vt-private-head,
  .vt-private-head button,
  .vt-private-min,
  .vt-private-close,
  .vt-private-chip{
    -webkit-tap-highlight-color:transparent!important;
    touch-action:manipulation!important;
  }
  .vt-private-dock{
    z-index:32000!important;
  }
  .vt-private-windows{
    z-index:31000!important;
  }
  .vt-mobile-user-modal:not(.hidden){
    z-index:30000!important;
  }
  body.vt-private-mobile-open .vt-mobile-user-modal{
    display:none!important;
  }
  #profileModal.profile-modal{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    z-index:33000!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:calc(14px + env(safe-area-inset-top)) 12px calc(14px + env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    background:rgba(2,6,23,.78)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }
  #profileModal.profile-modal.hidden{display:none!important;}
  #profileModal .profile-card-v8{
    position:relative!important;
    width:min(430px,calc(100vw - 24px))!important;
    max-height:calc(100dvh - 34px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    margin:0 auto!important;
    transform:none!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    border-radius:28px!important;
  }
  #profileModal .profile-actions{
    position:sticky!important;
    bottom:0!important;
    background:linear-gradient(180deg,rgba(7,16,29,0),rgba(7,16,29,.98) 25%)!important;
    padding-top:12px!important;
    padding-bottom:2px!important;
  }
}

/* V8.83 - Özel sohbet akışı: davet kabul edilmeden pencere zorla açılmaz, sistem mesajları private içinde kalır */
.vt-private-window.pending .vt-private-compose{opacity:.76}
.vt-private-compose input:disabled{cursor:not-allowed;color:#94a3b8;background:#111827!important;border-color:rgba(148,163,184,.22)!important}
.vt-private-compose button:disabled,.vt-private-compose button.disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.3)}
.vt-private-msg.system{align-self:center!important;max-width:92%;text-align:center;background:linear-gradient(135deg,rgba(124,58,237,.24),rgba(37,99,235,.20))!important;border:1px solid rgba(168,85,247,.38)!important;color:#e9d5ff!important;border-radius:999px!important;font-weight:800;padding:8px 13px!important}
.vt-private-msg.system b{display:none!important}
.vt-private-msg.system span{font-size:12.5px!important;line-height:1.25!important}

/* V8.84 - Özel sohbet akışı modernizasyonu */
.vt-private-invite{
  inset:auto 18px 92px auto!important;
  width:min(390px,calc(100vw - 28px))!important;
  height:auto!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  display:block!important;
  padding:0!important;
  pointer-events:none!important;
  z-index:9100!important;
}
.vt-private-invite.hidden{display:none!important}
.vt-private-invite-card{
  width:100%!important;
  margin:0!important;
  pointer-events:auto!important;
  border-radius:24px!important;
  padding:18px!important;
  text-align:left!important;
  background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(30,27,75,.96))!important;
  border:1px solid rgba(168,85,247,.56)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.52),0 0 34px rgba(124,58,237,.22)!important;
  animation:vtPrivateToastIn .2s ease-out!important;
}
.vt-private-invite-card .vtpi-icon{font-size:28px!important;float:left;margin:0 12px 0 0;width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#2563eb);box-shadow:0 12px 28px rgba(124,58,237,.34)}
.vt-private-invite-card h3{font-size:18px!important;margin:2px 40px 5px 0!important;letter-spacing:-.02em!important}
.vt-private-invite-card p{clear:both;margin:12px 0 0!important;color:#dbeafe!important;font-size:14px!important;line-height:1.4!important}
.vt-private-invite-card .vtpi-actions,.vt-private-invite-card div:last-child{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:14px!important}
.vt-private-invite-card .vtpi-x{right:10px!important;top:10px!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.08)!important}
.vt-private-invite-card .vtpi-reject,.vt-private-invite-card .vtpi-accept{min-height:42px!important;border-radius:14px!important;font-weight:900!important}
.vt-private-invite-card .vtpi-accept{background:linear-gradient(135deg,#7c3aed,#2563eb)!important}.vt-private-invite-card .vtpi-reject{background:rgba(51,65,85,.95)!important}
@keyframes vtPrivateToastIn{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}

.vt-private-msg.system{
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(37,99,235,.16))!important;
  border:1px solid rgba(168,85,247,.30)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.15)!important;
}
.vt-private-msg.system span{font-size:12.5px!important;color:#e9d5ff!important}
.vt-mum-actions button[disabled],.profile-actions button[disabled]{display:none!important}

@media(max-width:840px){
  .vt-private-invite{
    left:12px!important;
    right:12px!important;
    bottom:calc(132px + env(safe-area-inset-bottom))!important;
    width:auto!important;
  }
  .vt-private-invite-card{border-radius:22px!important;padding:16px!important}
  .vt-alert-overlay{
    align-items:center!important;
    justify-content:center!important;
    padding:16px!important;
  }
  .vt-alert-card{
    max-height:calc(100dvh - 120px)!important;
    overflow:auto!important;
    border-radius:24px!important;
  }
  #profileModal.profile-modal{
    align-items:center!important;
    justify-content:center!important;
    padding:16px!important;
    overflow:auto!important;
  }
  #profileModal .profile-card-v8{
    margin:auto!important;
    max-height:calc(100dvh - 120px)!important;
    overflow:auto!important;
  }
}

/* V8.87 - Profesyonel özel sohbet davet akışı */
.vt-private-invite{position:fixed!important;inset:auto 18px 120px auto!important;background:transparent!important;backdrop-filter:none!important;z-index:9300!important;display:block!important;padding:0!important;pointer-events:none!important}
.vt-private-invite.hidden{display:none!important}
.vt-private-invite-card{pointer-events:auto!important;width:min(390px,calc(100vw - 28px))!important;background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(30,27,75,.96))!important;border:1px solid rgba(168,85,247,.55)!important;border-radius:22px!important;padding:15px!important;text-align:left!important;box-shadow:0 24px 80px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.04) inset,0 0 34px rgba(124,58,237,.22)!important;animation:vtInviteSlide .22s ease-out!important}
.vt-private-invite-card .vtpi-icon{float:left!important;margin:0 12px 0 0!important;width:42px!important;height:42px!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#7c3aed,#2563eb)!important;font-size:23px!important;box-shadow:0 12px 25px rgba(124,58,237,.3)!important}
.vt-private-invite-card h3{margin:2px 42px 3px 0!important;font-size:17px!important;color:#fff!important;line-height:1.15!important}
.vt-private-invite-card p{clear:none!important;margin:0 0 0 54px!important;color:#dbeafe!important;font-size:13px!important;line-height:1.35!important;min-height:36px!important}
.vt-private-invite-card .vtpi-actions{clear:both!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:13px!important}
.vt-private-invite-card .vtpi-x{position:absolute!important;right:10px!important;top:10px!important;width:34px!important;height:34px!important;border-radius:12px!important;background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(255,255,255,.10)!important}
.vt-private-invite-card .vtpi-reject,.vt-private-invite-card .vtpi-accept{min-height:42px!important;border:0!important;border-radius:14px!important;font-weight:900!important;color:#fff!important}
.vt-private-invite-card .vtpi-reject{background:rgba(51,65,85,.95)!important}.vt-private-invite-card .vtpi-accept{background:linear-gradient(135deg,#7c3aed,#2563eb)!important}
@keyframes vtInviteSlide{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:840px){.vt-private-invite{left:12px!important;right:12px!important;bottom:calc(142px + env(safe-area-inset-bottom))!important}.vt-private-invite-card{width:100%!important;padding:14px!important;border-radius:20px!important}.vt-private-invite-card p{font-size:12.5px!important}.vt-private-invite-card .vtpi-actions{grid-template-columns:1fr 1fr!important}}

/* V8.92.1 script taraflı ceza motoru: mobil/PC görünür kilit */
.vt-punish-blocked,
button.vt-punish-blocked{
  opacity:.45!important;
  filter:grayscale(1)!important;
  cursor:not-allowed!important;
  pointer-events:auto!important;
  box-shadow:none!important;
}
.vt-punish-blocked::after{content:'';}
.vt-alert-overlay{z-index:2147483000!important;position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;background:rgba(2,6,23,.72)!important;backdrop-filter:blur(14px)!important;}
.vt-alert-card{max-width:460px!important;width:min(94vw,460px)!important;border-radius:26px!important;border:1px solid rgba(255,255,255,.18)!important;background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(30,41,59,.98))!important;color:#fff!important;box-shadow:0 30px 90px rgba(0,0,0,.55)!important;}
.vt-alert-msg{white-space:pre-line!important;line-height:1.5!important;}
@media(max-width:840px){.vt-alert-overlay{align-items:flex-start!important;padding-top:calc(env(safe-area-inset-top) + 24px)!important}.vt-alert-card{width:96vw!important;border-radius:22px!important}}


/* V8.92.3 - Modern oda taşıma modalı */
.vt-move-room-modal{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:center;justify-content:center;padding:18px;touch-action:auto}
.vt-move-room-modal.hidden{display:none!important}
.vt-move-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.72);backdrop-filter:blur(10px)}
.vt-move-card{position:relative;width:min(500px,96vw);max-height:min(680px,90dvh);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(30,41,59,.96));box-shadow:0 30px 90px rgba(0,0,0,.45);padding:18px;color:#fff;touch-action:auto}
.vt-move-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex:0 0 auto}
.vt-move-card h3{margin:0 0 6px 0;font-size:22px;letter-spacing:-.02em;flex:0 0 auto}
.vt-move-sub{margin:0 0 12px;color:#cbd5e1;font-size:14px;line-height:1.45;flex:0 0 auto}
.vt-move-x{position:relative;right:auto;top:auto;width:42px;height:42px;border:0;border-radius:14px;background:rgba(255,255,255,.10);color:#fff;font-size:26px;cursor:pointer;z-index:3;touch-action:manipulation;flex:0 0 auto}
.vt-move-tools{display:flex;align-items:center;gap:10px;margin:0 0 12px;flex:0 0 auto}
.vt-move-search{width:100%;height:44px;border:1px solid rgba(148,163,184,.24);border-radius:16px;background:rgba(15,23,42,.72);color:#fff;padding:0 14px;font-weight:800;outline:none}
.vt-move-search::placeholder{color:#94a3b8}
.vt-move-count{white-space:nowrap;color:#cbd5e1;background:rgba(148,163,184,.12);border-radius:999px;padding:8px 10px;font-size:12px;font-weight:900}
.vt-move-list{display:grid;gap:9px;overflow-y:auto;overflow-x:hidden;min-height:160px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-right:3px;padding-bottom:8px;flex:1 1 auto;scrollbar-width:thin}
.vt-move-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:1px solid rgba(148,163,184,.22);border-radius:16px;background:rgba(15,23,42,.72);color:#fff;padding:12px 13px;cursor:pointer;text-align:left;transition:.18s ease;font-weight:800;touch-action:manipulation;flex:0 0 auto;min-height:52px}
.vt-move-list button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vt-move-list button small{font-weight:700;color:#94a3b8;background:rgba(148,163,184,.12);padding:5px 9px;border-radius:999px;white-space:nowrap}
.vt-move-list button:not(:disabled):hover{transform:translateY(-1px);border-color:rgba(56,189,248,.55);box-shadow:0 14px 36px rgba(56,189,248,.14)}
.vt-move-list button:disabled{opacity:.55;cursor:not-allowed}
body.vt-move-room-open{overflow:hidden!important}
@media(max-width:640px){.vt-move-room-modal{align-items:flex-end;justify-content:center;padding:0}.vt-move-card{width:100vw;max-width:100vw;height:calc(96dvh - env(safe-area-inset-top));max-height:calc(96dvh - env(safe-area-inset-top));border-radius:24px 24px 0 0;padding:14px 12px calc(14px + env(safe-area-inset-bottom));}.vt-move-head{position:sticky;top:0;z-index:4;background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(30,41,59,.96));padding-bottom:4px}.vt-move-tools{position:sticky;top:58px;z-index:4;background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(30,41,59,.96));padding-bottom:8px}.vt-move-list{max-height:none;min-height:0;padding-bottom:calc(24px + env(safe-area-inset-bottom));}.vt-move-list button{padding:12px 12px;font-size:14px;min-height:50px}.vt-move-x{width:44px;height:44px}.vt-move-card h3{font-size:20px}.vt-move-sub{font-size:13px;margin-bottom:8px}.vt-move-search{height:42px}}

/* V8.92.4 Canlı Komuta Paneli */
.vt-live-command-btn{background:linear-gradient(135deg,#fbbf24,#f97316)!important;color:#111!important;box-shadow:0 12px 34px rgba(251,191,36,.28)}.admin-sidebar a.active{background:rgba(56,189,248,.16);color:#fff;border-color:rgba(56,189,248,.28)}.vt-live-admin-root{display:flex;flex-direction:column;gap:16px;width:100%}.vt-live-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(30,41,59,.78));border-radius:22px;box-shadow:0 16px 40px rgba(0,0,0,.22)}.vt-live-toolbar b{display:block;font-size:18px;color:#fff}.vt-live-toolbar span{display:block;color:#94a3b8;margin-top:3px}.vt-live-toolbar button{border:0;border-radius:14px;padding:10px 14px;background:#38bdf8;color:#03121c;font-weight:800;cursor:pointer}.vt-live-room-card{border:1px solid rgba(255,255,255,.1);background:rgba(2,6,23,.74);border-radius:24px;padding:14px;box-shadow:0 22px 60px rgba(0,0,0,.24)}.vt-live-room-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 14px}.vt-live-room-head b{display:block;color:#fff;font-size:18px}.vt-live-room-head small{display:block;color:#94a3b8;margin-top:3px}.vt-live-room-head span{background:rgba(34,197,94,.14);color:#86efac;border:1px solid rgba(34,197,94,.25);padding:8px 12px;border-radius:999px;font-weight:800;white-space:nowrap}.vt-live-users{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.vt-live-user-card{background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(15,23,42,.72));border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:14px;display:flex;flex-direction:column;gap:12px}.vt-live-user-head{display:flex;align-items:center;gap:12px}.vt-live-user-head img{width:48px;height:48px;border-radius:18px;object-fit:cover;border:1px solid rgba(255,255,255,.12)}.vt-live-user-head b{display:block;color:#fff}.vt-live-user-head small,.vt-live-user-head em{display:block;color:#94a3b8;font-style:normal;font-size:12px;line-height:1.35}.vt-live-pills{display:flex;gap:6px;flex-wrap:wrap;min-height:24px}.vt-live-pills span{font-size:11px;padding:5px 8px;border-radius:999px;background:rgba(248,113,113,.12);color:#fecaca;border:1px solid rgba(248,113,113,.22)}.vt-live-pills small{color:#64748b}.vt-live-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vt-live-actions button{border:0;border-radius:13px;padding:10px 9px;font-weight:800;font-size:12px;cursor:pointer;color:#e5e7eb;background:rgba(51,65,85,.9);transition:.18s transform,.18s opacity}.vt-live-actions button:hover{transform:translateY(-1px)}.vt-live-actions .is-open{background:linear-gradient(135deg,#22c55e,#14b8a6);color:#03140c}.vt-live-actions .is-ban{background:linear-gradient(135deg,#334155,#1e293b);color:#e2e8f0}.vt-live-actions .is-danger{background:linear-gradient(135deg,#ef4444,#be123c);color:#fff}.vt-live-actions .is-move{background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff}.vt-live-empty,.vt-live-loading,.vt-live-error{padding:20px;border-radius:20px;background:rgba(15,23,42,.76);border:1px solid rgba(255,255,255,.08);color:#cbd5e1;text-align:center}.vt-live-error{color:#fecaca;background:rgba(127,29,29,.25)}.vt-live-command-modal.hidden{display:none}.vt-live-command-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:16px}.vt-live-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.72);backdrop-filter:blur(12px)}.vt-live-command-card{position:relative;width:min(1120px,100%);max-height:min(86vh,900px);overflow:auto;background:linear-gradient(180deg,#0f172a,#020617);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:18px;box-shadow:0 28px 90px rgba(0,0,0,.55)}.vt-live-close{position:sticky;top:0;float:right;z-index:2;width:38px;height:38px;border:0;border-radius:14px;background:rgba(255,255,255,.1);color:#fff;font-size:22px}.vt-live-title{padding:4px 48px 16px 4px}.vt-live-title b{display:block;color:#fff;font-size:22px}.vt-live-title small{display:block;color:#94a3b8;margin-top:4px}@media(max-width:720px){.vt-live-command-modal{padding:0;align-items:end}.vt-live-command-card{width:100%;max-height:92vh;border-radius:28px 28px 0 0;padding:14px}.vt-live-users{grid-template-columns:1fr}.vt-live-actions{grid-template-columns:1fr 1fr}.vt-live-toolbar{border-radius:20px;align-items:flex-start}.vt-live-room-head{align-items:flex-start}.vt-live-admin-page .admin-sidebar{position:relative;width:auto;min-height:auto}.vt-live-admin-page .admin-main{margin-left:0;padding:12px}.vt-live-user-card{border-radius:20px}.vt-live-actions button{padding:11px 8px;font-size:12px}}

/* V8.92.5 - PC görünümde mobil kullanıcı butonunu gizle */
@media (min-width: 841px){
  body.room-v8 #usersToggle{
    display:none!important;
  }
}
@media (max-width: 840px){
  body.room-v8 #usersToggle{
    display:inline-flex!important;
  }
}


/* V8.92.8 - 2026 admin panel düzeni ve canlı komuta fix */
.vt-admin-modern .admin-main{background:linear-gradient(135deg,#eef2f7,#f8fafc)!important;min-height:100vh}.vt-admin-modern .admin-card{border:1px solid rgba(148,163,184,.25)!important;border-radius:24px!important;box-shadow:0 20px 60px rgba(15,23,42,.08)!important;background:rgba(255,255,255,.92)!important;color:#0f172a!important}.vt-admin-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#0f172a,#1e293b)!important;color:#fff!important;border-radius:28px!important;padding:22px 24px!important;margin-bottom:18px;box-shadow:0 24px 70px rgba(15,23,42,.22)}.vt-admin-hero h1{margin:4px 0 4px!important;color:#fff!important}.vt-admin-hero p{margin:0!important;color:#cbd5e1!important}.vt-kicker{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(56,189,248,.14);border:1px solid rgba(56,189,248,.25);color:#7dd3fc;font-size:12px;font-weight:900;letter-spacing:.04em}.vt-head-actions{display:flex;gap:10px;flex-wrap:wrap}.vt-head-actions a,.vt-head-actions button,.vt-admin-hero>a{border:0;border-radius:14px;background:#2563eb;color:#fff!important;text-decoration:none;padding:11px 14px;font-weight:900;cursor:pointer}.vt-head-actions button{background:#38bdf8;color:#06121f!important}.vt-admin-toast{border-radius:18px;background:#dcfce7;color:#166534;border:1px solid #86efac;padding:14px 16px;font-weight:900;margin-bottom:14px}.vt-user-edit-layout{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(520px,1.3fr);gap:18px;margin-bottom:18px}.vt-card-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.vt-card-title span{display:block;color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.vt-card-title h2{margin:3px 0 0!important;color:#0f172a!important}.vt-edit-avatar{width:74px;height:74px;border-radius:24px;object-fit:cover;background:#e2e8f0;border:1px solid #cbd5e1}.vt-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vt-admin-modern label{font-weight:800;color:#334155}.vt-admin-modern input,.vt-admin-modern select,.vt-admin-modern textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1!important;background:#f8fafc!important;color:#0f172a!important;border-radius:14px!important;padding:12px!important;margin-top:7px!important;outline:none}.vt-admin-modern input:focus,.vt-admin-modern select:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px rgba(37,99,235,.12)}.vt-file-line{display:block;margin-top:12px}.vt-bottom-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.vt-bottom-actions button,.vt-role-assign-form button{border:0;border-radius:15px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;padding:12px 16px;font-weight:900;cursor:pointer;box-shadow:0 14px 30px rgba(37,99,235,.22)}.vt-switch-row{display:inline-flex!important;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;padding:11px 13px;margin:0!important}.vt-switch-row input{width:18px!important;height:18px;margin:0!important}.vt-muted{color:#64748b;line-height:1.55;margin-top:-5px}.vt-danger-note{padding:14px;border-radius:16px;background:#fee2e2;border:1px solid #fecaca;color:#991b1b;font-weight:800}.vt-role-assign-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,1.4fr) auto;gap:14px;align-items:end;margin:18px 0}.vt-role-assign-form select[multiple]{min-height:148px!important}.vt-role-assign-form small{display:block;color:#64748b;margin-top:7px}.vt-assignment-table,.vt-table-wrap{width:100%;overflow:auto}.vt-admin-modern table{width:100%;border-collapse:separate!important;border-spacing:0!important}.vt-admin-modern th{background:#f1f5f9!important;color:#334155!important;text-align:left;padding:13px!important;border-bottom:1px solid #e2e8f0!important}.vt-admin-modern td{padding:13px!important;border-bottom:1px solid #e2e8f0!important;color:#0f172a!important}.vt-admin-modern tr:hover td{background:#f8fafc}.vt-users-list-card .mini-avatar{width:42px;height:42px;border-radius:14px;object-fit:cover}.vt-admin-modern .btn-small{display:inline-flex;align-items:center;justify-content:center;border:0!important;border-radius:12px!important;background:#2563eb!important;color:#fff!important;text-decoration:none!important;padding:9px 12px!important;font-weight:900!important}.vt-live-admin-page .vt-live-admin-root{margin-top:0}.vt-live-error b{color:#fff}.vt-live-toolbar{position:sticky;top:10px;z-index:3}.vt-live-loading{font-weight:900}@media(max-width:1000px){.vt-user-edit-layout{grid-template-columns:1fr}.vt-role-assign-form{grid-template-columns:1fr}.vt-bottom-actions{align-items:stretch;flex-direction:column}.vt-bottom-actions button{width:100%}.vt-form-grid{grid-template-columns:1fr}.vt-admin-hero{align-items:flex-start;flex-direction:column}.vt-head-actions{width:100%}.vt-head-actions a,.vt-head-actions button,.vt-admin-hero>a{flex:1;text-align:center}.vt-admin-modern .admin-main{padding:12px!important}}


/* V8.92.9 - Yetkiler paneli 2026 hizalama + silme + sabit sidebar */
.vt-admin-modern .admin-sidebar,.admin-pro .admin-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:260px!important;min-height:100vh!important;overflow-y:auto!important;background:#0f172a!important;z-index:1000!important;box-sizing:border-box!important;padding:18px 14px!important}.vt-admin-modern .admin-main,.admin-pro .admin-main{margin-left:260px!important;box-sizing:border-box!important}.admin-sidebar .admin-brand{display:block!important;color:#fff!important;font-size:24px!important;font-weight:950!important;margin:0 0 24px!important;white-space:nowrap}.admin-sidebar a{display:flex!important;align-items:center!important;min-height:42px!important;padding:10px 12px!important;border-radius:14px!important;color:#e5eefc!important;text-decoration:none!important;margin:4px 0!important;font-weight:800!important;border:1px solid transparent!important}.admin-sidebar a:hover{background:rgba(255,255,255,.08)!important}.admin-sidebar a.active{background:linear-gradient(135deg,rgba(37,99,235,.35),rgba(56,189,248,.22))!important;border-color:rgba(56,189,248,.28)!important;color:#fff!important}.vt-admin-error{border-radius:18px;background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:14px 16px;font-weight:900;margin-bottom:14px}.vt-role-builder-grid{display:grid;grid-template-columns:minmax(560px,1.35fr) minmax(280px,.65fr);gap:18px;align-items:start;margin-bottom:18px}.vt-role-builder{padding:22px!important}.vt-role-meta-grid{grid-template-columns:1.3fr 1fr 120px!important;align-items:end}.vt-role-meta-grid input[type=color]{height:48px!important;padding:5px!important}.vt-role-preview{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#dbeafe,#e0f2fe);font-size:28px;border:1px solid #bfdbfe}.vt-perm-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:18px 0 12px}.vt-perm-section-head b{font-size:18px;color:#0f172a}.vt-perm-section-head small{color:#64748b}.vt-perm-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vt-perm-group-card{background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:22px;padding:14px}.vt-perm-group-card h3{margin:0 0 10px;color:#0f172a;font-size:16px}.vt-perm-list{display:flex;flex-direction:column;gap:9px}.vt-perm-toggle{display:grid!important;grid-template-columns:42px 1fr!important;align-items:center!important;gap:10px!important;margin:0!important;padding:12px!important;border:1px solid #e2e8f0;border-radius:17px;background:#fff;cursor:pointer;transition:.18s ease;min-height:58px}.vt-perm-toggle:hover{border-color:#93c5fd;box-shadow:0 12px 28px rgba(37,99,235,.08);transform:translateY(-1px)}.vt-perm-toggle input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important}.vt-check-ui{width:34px;height:34px;border-radius:12px;border:2px solid #cbd5e1;background:#f8fafc;display:grid;place-items:center;transition:.18s}.vt-check-ui:after{content:'✓';font-weight:950;color:#fff;opacity:0;transform:scale(.6);transition:.18s}.vt-perm-toggle input:checked + .vt-check-ui{background:linear-gradient(135deg,#2563eb,#06b6d4);border-color:#2563eb;box-shadow:0 10px 24px rgba(37,99,235,.24)}.vt-perm-toggle input:checked + .vt-check-ui:after{opacity:1;transform:scale(1)}.vt-perm-text b{display:block;color:#0f172a;line-height:1.25}.vt-perm-text small{display:block;color:#64748b;margin-top:3px;font-size:12px}.vt-role-help-card{padding:22px!important;position:sticky;top:16px}.vt-role-help-card p,.vt-role-help-card li{color:#475569;line-height:1.6}.vt-role-help-card ul{margin:12px 0 0;padding-left:20px}.vt-role-list-card{padding:0!important;overflow:hidden}.vt-role-list-card .vt-card-title{padding:18px 20px;margin:0!important}.vt-modern-table .vt-system-badge{display:inline-flex;margin-left:8px;padding:4px 8px;border-radius:999px;background:#ecfeff;color:#0369a1;border:1px solid #bae6fd;font-weight:900;font-size:11px}.vt-color-pill{display:inline-block;width:18px;height:18px;border-radius:7px;background:var(--vt-role-color);vertical-align:middle;margin-right:8px;border:1px solid rgba(15,23,42,.15)}.vt-inline-form{margin:0!important}.vt-delete-btn{border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#ef4444,#be123c)!important;color:#fff!important;padding:9px 13px!important;font-weight:900!important;cursor:pointer!important}.vt-delete-btn:hover{filter:brightness(.96);transform:translateY(-1px)}@media(max-width:1100px){.vt-role-builder-grid{grid-template-columns:1fr}.vt-role-help-card{position:relative;top:auto}.vt-perm-groups{grid-template-columns:1fr}.vt-role-meta-grid{grid-template-columns:1fr!important}}@media(max-width:840px){.vt-admin-modern .admin-sidebar,.admin-pro .admin-sidebar{position:relative!important;width:100%!important;min-height:auto!important;bottom:auto!important}.vt-admin-modern .admin-main,.admin-pro .admin-main{margin-left:0!important}.admin-sidebar a{display:inline-flex!important;margin:4px!important}.admin-sidebar{white-space:normal!important}.admin-sidebar .admin-brand{margin-bottom:12px!important}.vt-perm-toggle{grid-template-columns:38px 1fr!important;padding:11px!important}.vt-role-builder{padding:16px!important}}

/* V8.92.10 - Admin panel kırılma düzeltmesi: grid layout geri alındı, sidebar ve içerik taşmaları düzeltildi */
body.admin-pro,
body.admin-pro.vt-admin-modern{
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr)!important;
  align-items:stretch!important;
  min-height:100vh!important;
  background:#eef3f8!important;
  overflow-x:hidden!important;
}
body.admin-pro .admin-sidebar,
body.admin-pro.vt-admin-modern .admin-sidebar{
  position:sticky!important;
  top:0!important;
  left:auto!important;
  bottom:auto!important;
  width:auto!important;
  min-width:0!important;
  height:100vh!important;
  min-height:100vh!important;
  overflow-y:auto!important;
  box-sizing:border-box!important;
  padding:18px!important;
  background:#0f172a!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  z-index:10!important;
}
body.admin-pro .admin-main,
body.admin-pro.vt-admin-modern .admin-main{
  margin-left:0!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:26px!important;
  display:block!important;
  background:linear-gradient(135deg,#eef2f7,#f8fafc)!important;
}
body.admin-pro .admin-head,
body.admin-pro .vt-admin-hero{
  width:100%!important;
  box-sizing:border-box!important;
  min-height:auto!important;
  overflow:hidden!important;
}
body.admin-pro .vt-admin-hero{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  border-radius:28px!important;
  padding:22px 24px!important;
}
body.admin-pro .vt-admin-hero > div:first-child{
  min-width:0!important;
  flex:1 1 auto!important;
}
body.admin-pro .vt-admin-hero h1{
  white-space:normal!important;
  overflow:visible!important;
  line-height:1.15!important;
}
body.admin-pro .vt-head-actions{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
body.admin-pro .admin-sidebar .admin-brand{
  display:block!important;
  font-size:24px!important;
  line-height:1.2!important;
  color:#fff!important;
  margin:0 0 20px!important;
  white-space:nowrap!important;
}
body.admin-pro .admin-sidebar a{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:42px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:11px 13px!important;
  border-radius:14px!important;
  color:#e5eefc!important;
  text-decoration:none!important;
  font-weight:800!important;
  border:1px solid transparent!important;
}
body.admin-pro .admin-sidebar a.active{
  background:linear-gradient(135deg,rgba(37,99,235,.35),rgba(56,189,248,.22))!important;
  border-color:rgba(56,189,248,.28)!important;
  color:#fff!important;
}
/* Yetki paneli hizalama */
.vt-role-builder-grid{width:100%!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)!important;gap:18px!important;align-items:start!important}
.vt-role-builder,.vt-role-help-card,.vt-role-list-card{width:100%!important;box-sizing:border-box!important}
.vt-perm-groups{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.vt-perm-toggle{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:10px!important}
.vt-perm-toggle input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important}
.vt-role-meta-grid{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 120px!important;gap:12px!important}
/* Canlı komuta ekranı taşma düzeltmesi */
.vt-live-admin-page .vt-live-admin-root{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.vt-live-toolbar,.vt-live-room-card,.vt-live-user-card{box-sizing:border-box!important}
@media(max-width:1100px){
  .vt-role-builder-grid{grid-template-columns:1fr!important}
  .vt-role-help-card{position:relative!important;top:auto!important}
  .vt-perm-groups{grid-template-columns:1fr!important}
  .vt-role-meta-grid{grid-template-columns:1fr!important}
}
@media(max-width:850px){
  body.admin-pro,body.admin-pro.vt-admin-modern{display:block!important;grid-template-columns:1fr!important}
  body.admin-pro .admin-sidebar,body.admin-pro.vt-admin-modern .admin-sidebar{position:relative!important;width:100%!important;height:auto!important;min-height:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:14px!important}
  body.admin-pro .admin-sidebar .admin-brand{grid-column:1/-1!important;margin-bottom:8px!important}
  body.admin-pro .admin-main,body.admin-pro.vt-admin-modern .admin-main{margin-left:0!important;padding:14px!important}
  body.admin-pro .admin-sidebar a{margin:0!important;width:auto!important;font-size:14px!important}
  body.admin-pro .vt-admin-hero{align-items:flex-start!important;flex-direction:column!important;border-radius:22px!important;padding:18px!important}
  body.admin-pro .vt-head-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  body.admin-pro .vt-head-actions a,body.admin-pro .vt-head-actions button,body.admin-pro .vt-admin-hero>a{text-align:center!important;width:100%!important;box-sizing:border-box!important}
  .vt-perm-toggle{grid-template-columns:38px minmax(0,1fr)!important;padding:11px!important}
}


/* V8.92.12 - Dashboard canlı komuta ve kurucu koruma */
.vt-dashboard-live-page .stat-grid{margin-bottom:18px!important}
.vt-dashboard-command{padding:18px!important;margin-top:18px!important;overflow:hidden!important}
.vt-dashboard-command .vt-card-title{align-items:flex-start!important;border-bottom:1px solid rgba(148,163,184,.2);padding-bottom:14px;margin-bottom:16px!important}
.vt-dashboard-command .vt-card-title small{display:inline-flex;align-items:center;border-radius:999px;background:#e0f2fe;color:#075985;border:1px solid #bae6fd;padding:7px 10px;font-weight:900;white-space:nowrap}
.vt-live-user-card.is-root-user{border-color:rgba(251,191,36,.45)!important;background:linear-gradient(180deg,rgba(69,49,8,.92),rgba(15,23,42,.82))!important;box-shadow:0 18px 50px rgba(251,191,36,.14)!important}
.vt-root-protect-card{grid-column:1/-1;text-align:center;border-radius:16px;background:linear-gradient(135deg,rgba(251,191,36,.18),rgba(245,158,11,.08));border:1px solid rgba(251,191,36,.35);color:#fde68a;font-weight:950;padding:13px 12px;line-height:1.35}
.vt-root-protect-card small{display:block;margin-top:4px;color:#fef3c7;font-weight:750;font-size:12px}
.vt-dashboard-live-page .vt-live-toolbar{position:relative!important;top:auto!important}
.vt-dashboard-live-page .vt-live-room-card{background:linear-gradient(180deg,#0f172a,#111827)!important}
@media(max-width:720px){.vt-dashboard-command{padding:12px!important;border-radius:20px!important}.vt-dashboard-command .vt-card-title{flex-direction:column!important}.vt-dashboard-command .vt-card-title small{white-space:normal}.vt-root-protect-card{font-size:13px}.vt-live-actions{grid-template-columns:1fr 1fr!important}}

/* V8.92.13 - Profesyonel admin güvenlik paneli */
body.admin-pro.vt-admin-modern{display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;background:#eef2f7!important;color:#0f172a!important;min-height:100vh!important;margin:0!important}
body.admin-pro.vt-admin-modern .vt-pro-sidebar{position:sticky!important;top:0!important;height:100vh!important;width:280px!important;box-sizing:border-box!important;background:linear-gradient(180deg,#020617,#0f172a 45%,#111827)!important;border-right:1px solid rgba(148,163,184,.18)!important;padding:18px 14px!important;display:flex!important;flex-direction:column!important;gap:14px!important;overflow:auto!important;box-shadow:18px 0 60px rgba(2,6,23,.16)!important}
body.admin-pro.vt-admin-modern .vt-pro-sidebar .admin-brand{font-size:20px!important;font-weight:950!important;color:#fff!important;padding:14px 14px 18px!important;margin:0!important;border-bottom:1px solid rgba(148,163,184,.18)!important;line-height:1.15!important}
body.admin-pro.vt-admin-modern .vt-pro-sidebar .admin-brand small{display:block!important;color:#94a3b8!important;font-size:12px!important;margin-top:4px!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.vt-admin-nav{display:flex!important;flex-direction:column!important;gap:7px!important}
body.admin-pro.vt-admin-modern .vt-pro-sidebar a{display:flex!important;align-items:center!important;gap:10px!important;color:#cbd5e1!important;text-decoration:none!important;border-radius:16px!important;padding:12px 12px!important;background:transparent!important;border:1px solid transparent!important;font-weight:850!important;white-space:normal!important;line-height:1.2!important;margin:0!important;transition:.18s ease!important}
body.admin-pro.vt-admin-modern .vt-pro-sidebar a span{width:25px!important;text-align:center!important;flex:0 0 25px!important}
body.admin-pro.vt-admin-modern .vt-pro-sidebar a:hover{background:rgba(56,189,248,.10)!important;border-color:rgba(56,189,248,.22)!important;color:#fff!important;transform:translateX(2px)!important}
body.admin-pro.vt-admin-modern .vt-pro-sidebar a.active{background:linear-gradient(135deg,rgba(14,165,233,.22),rgba(99,102,241,.18))!important;border-color:rgba(56,189,248,.38)!important;color:#fff!important;box-shadow:0 14px 28px rgba(14,165,233,.12)!important}
.vt-site-return{margin-top:auto!important;background:rgba(34,197,94,.11)!important;border-color:rgba(34,197,94,.22)!important;color:#bbf7d0!important}
body.admin-pro.vt-admin-modern .admin-main{min-width:0!important;padding:26px!important;background:linear-gradient(135deg,#eef2f7,#f8fafc)!important;margin-left:0!important}
.vt-pro-denied{max-width:720px!important;margin:9vh auto!important;text-align:center!important;padding:36px!important;border-radius:30px!important}.vt-denied-icon{width:72px;height:72px;border-radius:24px;background:linear-gradient(135deg,#0f172a,#334155);color:#fff;display:grid;place-items:center;font-size:34px;margin:0 auto 14px;box-shadow:0 20px 50px rgba(15,23,42,.22)}.vt-pro-denied h1{margin:8px 0!important;font-size:30px!important}.vt-pro-denied p{color:#64748b!important;line-height:1.6!important;margin:0 auto 18px!important;max-width:520px!important}.vt-live-empty.small{font-size:12px!important;padding:10px!important}.vt-live-actions{align-items:stretch!important}.vt-live-actions button{min-height:42px!important}
@media(max-width:900px){body.admin-pro.vt-admin-modern{display:block!important}body.admin-pro.vt-admin-modern .vt-pro-sidebar{position:relative!important;width:100%!important;height:auto!important;display:block!important;padding:14px!important;border-right:0!important;border-bottom:1px solid rgba(148,163,184,.22)!important}.vt-admin-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}body.admin-pro.vt-admin-modern .vt-pro-sidebar .admin-brand{padding:10px 8px 14px!important}.vt-site-return{margin-top:10px!important}body.admin-pro.vt-admin-modern .admin-main{padding:14px!important}.vt-pro-denied{margin:18px 0!important;padding:22px!important}}
@media(max-width:520px){.vt-admin-nav{grid-template-columns:1fr!important}body.admin-pro.vt-admin-modern .vt-pro-sidebar a{padding:11px!important}.vt-pro-denied h1{font-size:24px!important}}

/* V8.92.14 - kurucu güvenlik ve canlı komuta küçük düzeltmeler */
.vt-root-lock-mini{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(250,204,21,.12);border:1px solid rgba(250,204,21,.28);color:#fde68a;font-weight:800;font-size:12px}
.vt-admin-error{background:rgba(239,68,68,.12)!important;border-color:rgba(239,68,68,.35)!important;color:#fecaca!important}
.vt-live-error{padding:18px;border-radius:18px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.35);color:#fecaca}
.vt-live-loading{padding:18px;border-radius:18px;background:rgba(59,130,246,.10);border:1px solid rgba(59,130,246,.22);color:#bfdbfe}

/* V8.92.15 - Avatar yetkisi + kalabalık oda/canlı komuta 2026 düzeni */
.vt-live-smartbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 14px;padding:12px;border-radius:18px;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.18);backdrop-filter:blur(12px)}
.vt-live-searchbox{display:flex;align-items:center;gap:9px;flex:1;min-width:220px;background:rgba(2,6,23,.62);border:1px solid rgba(148,163,184,.20);border-radius:14px;padding:9px 12px;color:#cbd5e1}
.vt-live-searchbox input{width:100%;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;font-weight:800!important;padding:4px!important;box-shadow:none!important}
.vt-live-searchbox input::placeholder{color:#94a3b8!important}.vt-live-viewtools{display:flex;gap:8px;flex-wrap:wrap}.vt-live-viewtools button,.vt-room-counts button,.vt-room-toggle-btn{border:1px solid rgba(148,163,184,.22)!important;background:rgba(30,41,59,.92)!important;color:#e2e8f0!important;border-radius:12px!important;padding:9px 12px!important;font-weight:900!important;cursor:pointer!important}.vt-room-counts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.vt-room-counts small{color:#94a3b8;font-size:12px}.vt-room-toggle-btn{margin-left:auto!important;min-width:48px!important;padding:8px 10px!important}.vt-live-room-card.is-collapsed .vt-live-users{display:none!important}.vt-live-admin-root{max-width:100%;overflow:hidden}.vt-live-users{max-height:min(540px,62vh);overflow:auto;padding-right:6px;display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:12px;scrollbar-width:thin;scrollbar-color:rgba(56,189,248,.55) rgba(15,23,42,.25)}.vt-live-users::-webkit-scrollbar{width:8px}.vt-live-users::-webkit-scrollbar-thumb{background:rgba(56,189,248,.58);border-radius:20px}.vt-live-users::-webkit-scrollbar-track{background:rgba(15,23,42,.35);border-radius:20px}.vt-live-user-card{min-width:0}.vt-live-user-head>div{min-width:0}.vt-live-user-head b,.vt-live-user-head small,.vt-live-user-head em{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-dashboard-command{max-height:calc(100dvh - 185px);overflow:auto}.vt-live-command-card{max-height:min(92dvh,880px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.vt-live-command-card .vt-live-admin-root{overflow:auto!important;padding-right:4px!important}.vt-user-search{padding:8px 10px 10px}.vt-user-search input{width:100%;border:1px solid rgba(148,163,184,.25);border-radius:14px;background:rgba(15,23,42,.78);color:#fff;padding:11px 13px;font-weight:850;outline:0}.vt-user-search input::placeholder{color:#94a3b8}.user-drawer{overflow:hidden!important}.user-list,#users.user-list{overflow:auto!important;max-height:calc(100dvh - 230px)!important;scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.55) rgba(15,23,42,.25)}.left-brand{flex-shrink:0!important}@media(max-width:900px){.vt-live-smartbar{flex-direction:column;align-items:stretch}.vt-live-searchbox{min-width:0}.vt-live-viewtools{display:grid;grid-template-columns:1fr 1fr}.vt-live-users{grid-template-columns:1fr;max-height:52vh}.vt-room-counts{justify-content:flex-start}.vt-dashboard-command{max-height:none;overflow:visible}.vt-live-command-card{max-height:calc(100dvh - 24px)!important}.user-list,#users.user-list{max-height:calc(100dvh - var(--vt-mobile-chatbar-h,150px) - 180px)!important}}@media(min-width:1200px){.vt-dashboard-live-page .vt-live-users{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));max-height:600px}}

/* V8.92.16 - Giriş/çıkış raporları ve log saklama paneli */
.vt-access-logs-page .vt-report-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 16px}.vt-report-stats>div{background:linear-gradient(135deg,rgba(59,130,246,.16),rgba(168,85,247,.10));border:1px solid rgba(255,255,255,.10);border-radius:22px;padding:18px;box-shadow:0 18px 42px rgba(0,0,0,.16)}.vt-report-stats b{display:block;font-size:30px;line-height:1;font-weight:950;color:#fff}.vt-report-stats span{display:block;margin-top:7px;color:#aab6ca;font-size:13px}.vt-report-filter{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:12px;align-items:end;margin-bottom:14px}.vt-report-filter label{display:grid;gap:7px;color:#b9c5d8;font-weight:800;font-size:13px}.vt-report-filter input,.vt-report-filter select{min-height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(4,10,20,.55);color:#fff;padding:0 12px}.vt-report-filter button,.vt-report-actions button{min-height:44px}.vt-retention-box{border:1px solid rgba(34,197,94,.24);background:rgba(34,197,94,.08);color:#c8f7d3;border-radius:16px;padding:12px 14px;margin:10px 0 14px;font-size:13px}.vt-report-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.vt-access-table small{display:block;color:#92a0b8;margin-top:3px}.vt-access-table code{font-size:12px;color:#c4b5fd;word-break:break-all}.vt-log-chip{display:inline-flex;align-items:center;justify-content:center;min-width:82px;border-radius:999px;padding:7px 10px;font-weight:900;font-size:12px;background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.2)}.vt-log-type-login{color:#bbf7d0;background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.24)}.vt-log-type-logout{color:#fecaca;background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.22)}.vt-log-type-room_enter{color:#bfdbfe;background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.22)}.vt-log-type-room_leave{color:#fde68a;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.22)}.vt-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;color:#9aa8bd}.vt-success-note{border-color:rgba(34,197,94,.25)!important;color:#bbf7d0!important;background:rgba(34,197,94,.08)!important}@media(max-width:920px){.vt-access-logs-page .vt-report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.vt-report-filter{grid-template-columns:1fr}.vt-report-filter a,.vt-report-filter button{width:100%}}@media(max-width:560px){.vt-access-logs-page .vt-report-stats{grid-template-columns:1fr}.vt-report-stats b{font-size:26px}.vt-report-card{padding:12px}.vt-access-table{font-size:12px}}

/* V8.92.19 - Profesyonel giriş/çıkış güvenlik raporu */
.vt-security-insight-card{margin:18px 0 20px;border:1px solid rgba(59,130,246,.14);background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%)}
.vt-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.vt-section-title h2{margin:4px 0 6px;font-size:24px}.vt-section-title p{margin:0;color:#64748b}.vt-suspect-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.vt-suspect-card{border:1px solid #dbeafe;border-radius:22px;padding:16px;background:#fff;box-shadow:0 14px 35px rgba(15,23,42,.06)}.vt-suspect-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.vt-risk-badge{display:inline-flex;align-items:center;border-radius:999px;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;padding:6px 10px;font-size:12px;font-weight:900}.vt-suspect-card h3{margin:12px 0 8px;font-size:22px}.vt-suspect-card p{margin:0 0 12px;color:#334155;font-weight:700}.vt-suspect-meta{display:grid;gap:7px;color:#64748b;font-size:12px}.vt-suspect-device{margin-top:10px;border-radius:14px;background:#f1f5f9;padding:9px 10px;color:#475569;font-weight:800}.vt-danger-mini{border:0;border-radius:14px;padding:10px 13px;background:#ef4444;color:#fff;font-weight:900;cursor:pointer;box-shadow:0 10px 20px rgba(239,68,68,.22)}.vt-inline-ban-form{margin-top:12px}.vt-row-ban{margin:0}.vt-muted-mini{color:#94a3b8;font-weight:800}.vt-check-line{display:flex!important;align-items:center;gap:9px;white-space:nowrap;font-weight:800;color:#334155}.vt-check-line input{width:auto!important}.vt-access-table td small{display:block;color:#94a3b8;margin-top:3px}.vt-error-note{border-left:5px solid #ef4444;background:#fef2f2;color:#991b1b;font-weight:800}.vt-empty-state{border:1px dashed #cbd5e1;border-radius:18px;padding:18px;color:#64748b;background:#f8fafc;font-weight:800}
@media(max-width:760px){.vt-section-title{flex-direction:column}.vt-report-filter{grid-template-columns:1fr!important}.vt-access-table th:nth-child(7),.vt-access-table td:nth-child(7),.vt-access-table th:nth-child(8),.vt-access-table td:nth-child(8){display:none}.vt-suspect-grid{grid-template-columns:1fr}.vt-danger-mini{width:100%}}

/* V8.92.20 - PC Emoji/Animasyon popup profesyonel konum düzeltmesi
   Mobil tasarıma dokunmaz. PC'de popup sağ kenara yapışmak yerine sohbet panelinin
   merkezinde, alt barın üstünde modern modal gibi açılır. */
@media (min-width: 841px){
  body.room-v8 .emoji-popup-pro,
  body.room-v8 .anim-popup-pro{
    position: fixed !important;
    left: calc(390px + ((100vw - 390px) / 2)) !important;
    right: auto !important;
    top: auto !important;
    bottom: 86px !important;
    transform: translateX(-50%) !important;
    width: min(640px, calc(100vw - 470px)) !important;
    max-width: calc(100vw - 470px) !important;
    max-height: min(560px, calc(100dvh - 140px)) !important;
    border-radius: 22px !important;
    border: 1px solid rgba(139,92,246,.58) !important;
    box-shadow: 0 28px 90px rgba(0,0,0,.58), 0 0 0 1px rgba(255,255,255,.05) inset, 0 0 38px rgba(139,92,246,.18) !important;
  }
  body.room-v8 .emoji-popup-body.active{
    grid-template-columns: repeat(8, minmax(48px,1fr)) !important;
    max-height: 380px !important;
    justify-items: center !important;
  }
  body.room-v8 .anim-popup-grid,
  body.room-v8 #animList{
    max-height: 410px !important;
  }
}

@media (min-width: 841px) and (max-width: 1180px){
  body.room-v8 .emoji-popup-pro,
  body.room-v8 .anim-popup-pro{
    left: calc(320px + ((100vw - 320px) / 2)) !important;
    width: min(560px, calc(100vw - 380px)) !important;
    max-width: calc(100vw - 380px) !important;
  }
}

/* Büyük ekranlarda popup çok sağa/sola kaymadan chat alanına otursun. */
@media (min-width: 1500px){
  body.room-v8 .emoji-popup-pro,
  body.room-v8 .anim-popup-pro{
    width: 660px !important;
  }
}

/* V8.92.22 Root emergency ban cleanup */
.vt-root-emergency-box{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(251,191,36,.35)!important;background:linear-gradient(135deg,rgba(251,191,36,.12),rgba(239,68,68,.08))!important;box-shadow:0 18px 50px rgba(0,0,0,.12)}
.vt-root-emergency-box b{font-size:18px;color:#111827}.vt-root-emergency-box p{margin:6px 0 0;color:#64748b;line-height:1.45}.vt-root-emergency-box form{flex:0 0 auto}.vt-danger-btn{background:linear-gradient(135deg,#ef4444,#f59e0b)!important;color:#fff!important;border:0!important}.vt-root-emergency-ok{border:1px solid rgba(34,197,94,.35)!important;background:rgba(34,197,94,.10)!important;color:#166534!important;font-weight:800}
@media(max-width:760px){.vt-root-emergency-box{display:grid}.vt-root-emergency-box form,.vt-root-emergency-box button{width:100%}}

/* V8.92.23 - Ölçeklenebilir online yönetim ve kompakt kullanıcı deneyimi */
.vt-scale-room{padding:10px!important;overflow:hidden!important}
.vt-room-main-toggle{border:0!important;background:transparent!important;text-align:left!important;color:inherit!important;padding:0!important;cursor:pointer!important;display:block!important;min-width:0!important}
.vt-live-room-head{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(15,23,42,.86));border-radius:18px!important;padding:10px 12px!important;margin-bottom:8px!important}
.vt-live-users-wrap{display:block!important}.vt-live-room-card.is-collapsed .vt-live-users-wrap{display:none!important}
.vt-live-pagebar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 12px;padding:10px 12px;border-radius:16px;background:rgba(2,6,23,.48);border:1px solid rgba(148,163,184,.14);color:#cbd5e1;position:sticky;top:74px;z-index:2;backdrop-filter:blur(10px)}
.vt-live-pagebar b{color:#fff}.vt-live-pagebar span{color:#94a3b8;font-weight:800}.vt-live-pagebar div{display:flex;gap:8px}.vt-live-pagebar button{border:1px solid rgba(148,163,184,.22);background:rgba(30,41,59,.96);color:#e2e8f0;border-radius:12px;padding:8px 10px;font-weight:900;cursor:pointer}.vt-live-pagebar button:disabled{opacity:.4;cursor:not-allowed}
.vt-live-users-compact{grid-template-columns:1fr!important;max-height:min(600px,62vh)!important;gap:8px!important}.vt-live-user-mini{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(150px,.55fr) minmax(150px,.6fr)!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;border-radius:16px!important}.vt-live-user-mini .vt-live-user-head img{width:48px!important;height:38px!important;border-radius:13px!important}.vt-live-user-mini .vt-live-user-head{min-width:0}.vt-live-user-mini .vt-live-pills{min-height:0!important;align-items:center!important}.vt-live-action-details{position:relative}.vt-live-action-details>summary{list-style:none;cursor:pointer;border:0;border-radius:13px;background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;font-weight:900;text-align:center;padding:10px 12px}.vt-live-action-details>summary::-webkit-details-marker{display:none}.vt-live-action-details[open] .vt-live-actions{position:absolute;right:0;top:46px;z-index:20;width:min(360px,78vw);padding:10px;border-radius:18px;background:#020617;border:1px solid rgba(148,163,184,.24);box-shadow:0 26px 80px rgba(0,0,0,.45);grid-template-columns:1fr 1fr!important}.vt-danger-count{background:rgba(239,68,68,.16)!important;color:#fecaca!important;border:1px solid rgba(239,68,68,.28)!important;border-radius:999px!important;padding:7px 10px!important;font-weight:900!important}.vt-scale-smartbar{position:sticky;top:0;z-index:4}.vt-dashboard-command{max-height:calc(100dvh - 165px)!important;overflow:auto!important}.vt-dashboard-command .vt-live-admin-root{overflow:visible!important}
#users.vt-users-compact-mode .user-row{padding:8px 9px!important;border-radius:14px!important;min-height:48px!important}#users.vt-users-compact-mode .vt-member-avatar{width:34px!important;height:34px!important;border-radius:12px!important}#users.vt-users-compact-mode .vt-user-info b{font-size:13px!important}#users.vt-users-compact-mode .vt-user-info small{font-size:10px!important}#users.vt-users-compact-mode .vt-state{width:24px!important;height:24px!important;font-size:11px!important}#users.vt-users-ultra-compact-mode .user-row{display:grid!important;grid-template-columns:34px 1fr!important;gap:8px!important}#users.vt-users-ultra-compact-mode .vt-user-icons{justify-content:flex-start!important;margin-top:2px!important}
@media(max-width:900px){.vt-live-user-mini{grid-template-columns:1fr!important}.vt-live-action-details[open] .vt-live-actions{position:relative;right:auto;top:auto;width:auto;margin-top:8px}.vt-live-pagebar{position:relative;top:auto;flex-direction:column;align-items:stretch}.vt-live-pagebar div{display:grid;grid-template-columns:1fr 1fr}.vt-dashboard-command{max-height:none!important;overflow:visible!important}.vt-scale-smartbar{position:relative}.vt-live-room-head{position:relative}.vt-live-users-compact{max-height:55vh!important}}
@media(min-width:1200px){.vt-live-command-card{width:min(1280px,96vw)!important}.vt-live-user-mini{grid-template-columns:minmax(260px,1fr) minmax(170px,.5fr) minmax(170px,.52fr)!important}}

/* V8.92.24 - kurucu limit ayarları ve aktif kullanıcı sıralama görünümü */
.vt-settings-modern h2{margin:18px 0 10px;font-size:16px;color:#e5f3ff}.vt-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vt-settings-grid small{display:block;margin-top:6px;color:#94a3b8;font-size:12px}.user-row.has-mic{order:-20;border-color:rgba(34,197,94,.55)!important;box-shadow:0 0 0 1px rgba(34,197,94,.12),0 12px 30px rgba(34,197,94,.08)!important}.user-row.has-cam:not(.has-mic){order:-10;border-color:rgba(56,189,248,.45)!important}@media(max-width:760px){.vt-settings-grid{grid-template-columns:1fr}}

/* V8.92.25: Limit dolunca büyük konuşma butonu da sade pasif görünür; yazı etiketi basılmaz. */
#bigTalkBtn.limit-full,#bigTalkBtn:disabled{opacity:.45!important;filter:grayscale(.55)!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important;}
#bigTalkBtn.limit-full::after,.mini-icon.limit-full::after,.media-btn.limit-full::after{content:none!important;display:none!important;}

/* V8.92.27 - Modern rooms/lobby page */
.rooms-page-v927{min-height:100vh;background:radial-gradient(circle at 18% 0%,rgba(59,130,246,.22),transparent 34%),radial-gradient(circle at 88% 18%,rgba(168,85,247,.24),transparent 38%),linear-gradient(180deg,#08111f 0%,#0b1220 52%,#080d16 100%)!important;color:#eef6ff!important;}
.rooms-hero-top{height:auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 22px;background:rgba(8,13,24,.72);border-bottom:1px solid rgba(148,163,184,.16);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10;}
.rooms-user{display:flex;align-items:center;gap:12px;min-width:0}.rooms-user img{width:48px;height:48px;border-radius:17px;object-fit:cover;background:#1e3a8a}.rooms-user b{display:block;font-size:17px}.rooms-user small{display:block;color:#94a3b8;font-weight:700}.rooms-top-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.nav-pill{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 14px;border-radius:999px;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.22);color:#dbeafe!important;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.18)}.nav-pill.admin-open{background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:transparent;color:#fff!important}.nav-pill.logout{background:rgba(239,68,68,.12);border-color:rgba(248,113,113,.28);color:#fecaca!important}
.rooms-showcase{max-width:1380px;margin:24px auto 10px;padding:28px;display:flex;justify-content:space-between;gap:22px;align-items:end;border:1px solid rgba(148,163,184,.16);border-radius:32px;background:linear-gradient(135deg,rgba(15,23,42,.78),rgba(30,41,59,.42));box-shadow:0 28px 90px rgba(0,0,0,.24);overflow:hidden;position:relative}.rooms-showcase:before{content:'';position:absolute;right:-90px;top:-130px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.28),transparent 66%)}.showcase-copy{position:relative}.eyebrow{display:inline-flex;color:#67e8f9;background:rgba(6,182,212,.12);border:1px solid rgba(34,211,238,.22);border-radius:999px;padding:8px 12px;font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.showcase-copy h1{margin:12px 0 6px;font-size:clamp(34px,5vw,62px);line-height:.95;font-weight:1000;letter-spacing:-.04em}.showcase-copy p{margin:0;color:#cbd5e1;font-size:17px}.showcase-stats{display:flex;gap:12px;position:relative}.showcase-stats div{min-width:120px;padding:16px;border-radius:22px;background:rgba(2,6,23,.52);border:1px solid rgba(148,163,184,.16);text-align:center}.showcase-stats b{display:block;font-size:30px}.showcase-stats small{color:#94a3b8;font-weight:800}
.room-tabs-v927{max-width:1380px;margin:0 auto 16px;position:sticky;top:72px;background:rgba(8,13,24,.82)!important;border:1px solid rgba(148,163,184,.14)!important;border-radius:24px;padding:10px!important;backdrop-filter:blur(16px);box-shadow:0 18px 48px rgba(0,0,0,.16)}.room-tabs-v927 button{height:42px;padding:0 16px;border-radius:16px!important;color:#cbd5e1!important;background:transparent!important;border:0!important;cursor:pointer}.room-tabs-v927 button.active{background:linear-gradient(135deg,#06b6d4,#2563eb)!important;color:#fff!important;border-bottom:0!important;box-shadow:0 12px 24px rgba(37,99,235,.28)}.room-search{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:min(320px,34vw);height:42px;padding:0 14px;border-radius:999px;background:rgba(15,23,42,.76);border:1px solid rgba(148,163,184,.22)}.room-search input{margin:0!important;padding:0!important;border:0!important;background:transparent!important;outline:none!important;width:100%;color:#fff}.room-search span{color:#67e8f9;font-weight:900}
.room-grid-v927{max-width:1380px!important;padding:0 0 36px!important;grid-template-columns:repeat(3,minmax(260px,1fr))!important;gap:22px!important}.room-card-v927{position:relative;border-radius:28px!important;background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(17,24,39,.92))!important;border:1px solid rgba(148,163,184,.18)!important;box-shadow:0 20px 55px rgba(0,0,0,.28);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.room-card-v927:hover{transform:translateY(-4px);box-shadow:0 28px 74px rgba(0,0,0,.38);border-color:rgba(34,211,238,.36)!important}.room-card-link{display:block;color:#fff!important}.cover-v927{height:190px!important;background-size:cover!important;background-position:center!important;position:relative}.cover-v927:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.04),rgba(2,6,23,.45))}.live-badge{z-index:1;top:14px!important;left:14px!important;border-radius:999px!important;padding:8px 12px!important;background:rgba(239,68,68,.96)!important;box-shadow:0 12px 28px rgba(239,68,68,.28);font-size:13px}.room-count{position:absolute;right:14px;top:14px;z-index:1;background:rgba(2,6,23,.58);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 11px;font-weight:900;color:#fff}.room-meta-v927{min-height:96px;text-align:left!important;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px!important}.room-meta-v927 b{display:block;font-size:20px;line-height:1.1}.room-meta-v927 small{display:block;margin-top:7px;color:#a7f3d0!important;line-height:1.35;max-width:360px}.room-meta-v927 em{position:static!important;background:rgba(59,130,246,.14)!important;border:1px solid rgba(96,165,250,.22);border-radius:999px!important;padding:7px 10px!important;color:#bfdbfe;font-style:normal;white-space:nowrap;font-weight:900}.fav-btn{position:absolute;right:14px;bottom:14px;width:38px;height:38px;border-radius:14px;border:1px solid rgba(250,204,21,.18);background:rgba(2,6,23,.56);color:#fde68a;font-size:21px;font-weight:900;cursor:pointer;z-index:2}.fav-btn.active{background:linear-gradient(135deg,#f59e0b,#facc15);color:#111827}.empty-rooms{max-width:1380px;margin:12px auto 40px;padding:30px;text-align:center;border-radius:22px;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.16);color:#cbd5e1;font-weight:900}
@media(max-width:1100px){.room-grid-v927{grid-template-columns:repeat(2,minmax(240px,1fr))!important;padding:0 14px 30px!important}.rooms-showcase{margin-left:14px;margin-right:14px}.room-tabs-v927{margin-left:14px;margin-right:14px;top:72px}.room-search{min-width:220px}}
@media(max-width:720px){.rooms-hero-top{align-items:flex-start;flex-direction:column}.rooms-top-actions{width:100%;justify-content:space-between}.nav-pill{flex:1}.rooms-showcase{align-items:stretch;flex-direction:column;padding:20px;border-radius:24px}.showcase-stats{display:grid;grid-template-columns:1fr 1fr}.room-tabs-v927{top:0;overflow:auto;border-radius:18px}.room-tabs-v927 button{white-space:nowrap}.room-search{order:9;min-width:100%;width:100%;margin-left:0}.room-grid-v927{grid-template-columns:1fr!important}.cover-v927{height:178px!important}.room-meta-v927{padding:14px!important}.room-meta-v927 b{font-size:18px}.room-meta-v927{align-items:flex-start;flex-direction:column}.fav-btn{bottom:18px}}

/* V8.92.28 - Görseldeki gibi profesyonel oda lobisi */
body.rooms-page-v928{margin:0!important;min-height:100vh;background:radial-gradient(circle at 18% 0%,rgba(124,58,237,.18),transparent 30%),radial-gradient(circle at 80% 10%,rgba(37,99,235,.18),transparent 28%),linear-gradient(135deg,#070d17 0%,#0b1220 46%,#070b13 100%)!important;color:#f8fbff!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;overflow-x:hidden!important}.vt-lobby-shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:100vh}.vt-lobby-sidebar{position:sticky;top:0;height:100vh;box-sizing:border-box;padding:24px;background:linear-gradient(180deg,rgba(7,15,29,.98),rgba(7,12,22,.96));border-right:1px solid rgba(148,163,184,.16);display:flex;flex-direction:column;gap:22px;overflow-y:auto}.vt-lobby-logo{display:flex;align-items:center;gap:14px;color:#fff!important;text-decoration:none!important}.vt-lobby-logo strong{font-size:28px;line-height:.9;letter-spacing:-.03em}.vt-lobby-logo em{display:block;font-size:13px;letter-spacing:.22em;color:#94a3b8;font-style:normal;margin-top:6px}.vt-wave{width:56px;height:46px;display:flex;align-items:center;gap:4px}.vt-wave i{display:block;width:7px;border-radius:99px;background:linear-gradient(180deg,#d946ef,#7c3aed,#06b6d4);box-shadow:0 0 24px rgba(168,85,247,.55)}.vt-wave i:nth-child(1){height:18px}.vt-wave i:nth-child(2){height:34px}.vt-wave i:nth-child(3){height:44px}.vt-wave i:nth-child(4){height:26px}.vt-lobby-side-nav{display:grid;gap:8px;margin-top:10px}.vt-lobby-side-nav button{height:56px;border:1px solid transparent;border-radius:16px;background:transparent;color:#dbeafe;text-align:left;padding:0 16px;font-weight:900;font-size:16px;display:flex;align-items:center;gap:13px;cursor:pointer}.vt-lobby-side-nav button span{width:24px;text-align:center;color:#c4b5fd}.vt-lobby-side-nav button.active,.vt-lobby-side-nav button:hover{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;box-shadow:0 18px 40px rgba(124,58,237,.28);border-color:rgba(255,255,255,.1)}.vt-premium-card{margin-top:20px;padding:26px 20px;border-radius:24px;background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(15,23,42,.42));border:1px solid rgba(148,163,184,.15);text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.vt-premium-card .crown{font-size:36px;margin-bottom:12px}.vt-premium-card b{display:block;color:#a78bfa;font-size:17px}.vt-premium-card p{margin:12px 0 18px;color:#cbd5e1;font-size:13px;line-height:1.55}.vt-premium-card button{width:100%;height:48px;border:0;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#db27d3);color:#fff;font-weight:1000;font-size:15px}.vt-lobby-stats{margin-top:auto;display:grid;gap:14px}.vt-lobby-stats div{display:flex;align-items:center;gap:12px;color:#dbeafe}.vt-lobby-stats p{margin:0}.vt-lobby-stats b{display:block}.vt-lobby-stats small{display:block;color:#94a3b8;margin-top:4px}.dot{width:16px;height:16px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 10px rgba(34,197,94,.08)}.dot.purple{background:#a855f7;box-shadow:0 0 0 10px rgba(168,85,247,.08)}.vt-lobby-main{min-width:0;padding:28px 32px 40px}.vt-lobby-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.vt-lobby-search{height:54px;width:min(520px,46vw);display:flex;align-items:center;gap:12px;padding:0 18px;border-radius:14px;background:rgba(15,23,42,.75);border:1px solid rgba(148,163,184,.18);box-shadow:0 14px 40px rgba(0,0,0,.14)}.vt-lobby-search input{width:100%;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;margin:0!important;padding:0!important;font-size:15px}.vt-lobby-search span{font-size:28px;color:#94a3b8}.vt-lobby-actions{display:flex;align-items:center;gap:12px}.vt-admin-link,.vt-icon-link{height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;border:1px solid rgba(148,163,184,.17);background:rgba(15,23,42,.58);color:#eef6ff!important;text-decoration:none!important;font-weight:900;padding:0 16px}.vt-admin-link{background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(37,99,235,.16));border-color:rgba(167,139,250,.28)}.vt-icon-link{width:46px;padding:0;font-size:20px}.vt-lobby-profile{display:flex;align-items:center;gap:10px;margin-left:4px}.vt-lobby-profile img{width:48px;height:48px;border-radius:18px;background:#1d4ed8;object-fit:cover}.vt-lobby-profile b{display:block}.vt-lobby-profile small{display:block;color:#94a3b8;font-weight:800}.vt-lobby-board{display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(15,23,42,.55);border:1px solid rgba(148,163,184,.16);border-radius:18px;padding:14px 16px;margin-bottom:24px}.vt-lobby-tabs{display:flex;align-items:center;gap:26px;overflow:auto}.vt-lobby-tabs button{height:46px;border:0;background:transparent;color:#e5e7eb;font-weight:1000;letter-spacing:.02em;white-space:nowrap;position:relative;cursor:pointer}.vt-lobby-tabs button:after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;border-radius:999px;background:transparent}.vt-lobby-tabs button.active{color:#a855f7}.vt-lobby-tabs button.active:after{background:#7c3aed}.vt-lobby-tools{display:flex;align-items:center;gap:10px}.vt-lobby-tools label{height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:12px;background:rgba(2,6,23,.38);border:1px solid rgba(148,163,184,.14);color:#94a3b8;font-weight:800}.vt-lobby-tools select{border:0;background:transparent;color:#fff;font-weight:1000;outline:0}.vt-lobby-tools option{background:#0f172a;color:#fff}.vt-lobby-tools button{width:44px;height:44px;border:0;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-size:20px}.vt-room-grid-pro{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:22px}.vt-room-card-pro{border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(8,13,24,.98));border:1px solid rgba(148,163,184,.17);box-shadow:0 22px 70px rgba(0,0,0,.28);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.vt-room-card-pro:hover{transform:translateY(-5px);border-color:rgba(168,85,247,.45);box-shadow:0 28px 90px rgba(0,0,0,.4)}.vt-room-card-pro[hidden]{display:none!important}.vt-room-cover-pro{height:190px;background-size:cover;background-position:center;position:relative}.vt-room-cover-pro:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.02),rgba(2,6,23,.42))}.live-badge-pro{position:absolute;z-index:1;top:16px;left:16px;border-radius:9px;padding:8px 12px;background:#ef4444;color:#fff;font-weight:1000;box-shadow:0 12px 26px rgba(239,68,68,.3)}.room-count-pro{position:absolute;z-index:1;top:16px;right:16px;border-radius:10px;padding:8px 12px;background:rgba(2,6,23,.65);border:1px solid rgba(255,255,255,.12);font-weight:1000}.fav-btn-pro{position:absolute;z-index:2;right:16px;bottom:14px;width:40px;height:40px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(2,6,23,.6);color:#fde68a;font-size:22px;font-weight:1000;cursor:pointer}.fav-btn-pro.active{background:linear-gradient(135deg,#f59e0b,#fde047);color:#111827}.vt-room-body-pro{padding:20px}.vt-room-body-pro h2{margin:0 0 8px;font-size:22px;letter-spacing:-.02em}.vt-room-body-pro p{margin:0;color:#cbd5e1;line-height:1.55;font-size:14px;min-height:44px}.vt-room-footer-pro{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:14px;margin-top:18px}.vt-room-footer-pro span{color:#94a3b8;font-weight:800;font-size:14px}.vt-room-footer-pro span i{display:inline-block;width:10px;height:10px;border-radius:99px;background:#22c55e;margin-right:7px}.vt-room-footer-pro .activity{color:#9ca3af}.vt-room-footer-pro a{justify-self:end;min-width:142px;height:48px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff!important;text-decoration:none!important;font-weight:1000;box-shadow:0 14px 32px rgba(124,58,237,.25)}.vt-room-card-pro:nth-child(2) .vt-room-footer-pro a{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.vt-room-card-pro:nth-child(3) .vt-room-footer-pro a{background:linear-gradient(135deg,#16a34a,#15803d)}.vt-room-card-pro:nth-child(4) .vt-room-footer-pro a{background:linear-gradient(135deg,#ea580c,#b45309)}.vt-room-card-pro:nth-child(5) .vt-room-footer-pro a{background:linear-gradient(135deg,#6d28d9,#4c1d95)}.vt-room-card-pro:nth-child(6) .vt-room-footer-pro a{background:linear-gradient(135deg,#0891b2,#0e7490)}.empty-rooms-pro{margin:26px 0;padding:26px;border-radius:18px;text-align:center;background:rgba(15,23,42,.65);border:1px solid rgba(148,163,184,.15);color:#cbd5e1;font-weight:900}.vt-lobby-footer{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:34px;color:#64748b}.vt-lobby-footer button{height:38px;border-radius:12px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.6);color:#dbeafe;font-weight:900;padding:0 14px}
@media(max-width:1320px){.vt-room-grid-pro{grid-template-columns:repeat(2,minmax(260px,1fr))}.vt-lobby-shell{grid-template-columns:260px minmax(0,1fr)}.vt-lobby-sidebar{padding:20px}.vt-lobby-logo strong{font-size:24px}}
@media(max-width:920px){.vt-lobby-shell{display:block}.vt-lobby-sidebar{position:relative;height:auto;padding:16px;border-right:0;border-bottom:1px solid rgba(148,163,184,.15)}.vt-lobby-side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.vt-premium-card{display:none}.vt-lobby-stats{grid-template-columns:1fr 1fr;margin-top:8px}.vt-lobby-main{padding:16px}.vt-lobby-topbar{flex-direction:column;align-items:stretch}.vt-lobby-search{width:100%;box-sizing:border-box}.vt-lobby-actions{justify-content:space-between;flex-wrap:wrap}.vt-lobby-board{align-items:stretch;flex-direction:column}.vt-lobby-tabs{gap:18px}.vt-lobby-tools{justify-content:space-between}.vt-room-grid-pro{grid-template-columns:1fr}.vt-room-cover-pro{height:178px}.vt-room-footer-pro{grid-template-columns:1fr 1fr}.vt-room-footer-pro a{grid-column:1/-1;justify-self:stretch}}
@media(max-width:560px){.vt-lobby-side-nav{grid-template-columns:1fr}.vt-admin-link{width:100%;box-sizing:border-box}.vt-lobby-profile{width:100%;justify-content:flex-end}.vt-lobby-tools{flex-wrap:wrap}.vt-lobby-tools label{width:100%;box-sizing:border-box}.vt-room-body-pro h2{font-size:20px}}


/* V8.92.29 - Mobil oda lobisi sadeleştirme */
@media(max-width:920px){
  body.rooms-page-v928{background:linear-gradient(180deg,#07101d 0%,#080d17 100%)!important;}
  .vt-lobby-shell{display:block;min-height:100vh;}
  .vt-lobby-sidebar{position:sticky;top:0;z-index:50;height:auto!important;padding:10px 12px!important;border-right:0!important;border-bottom:1px solid rgba(148,163,184,.14)!important;background:rgba(7,15,29,.94)!important;backdrop-filter:blur(18px);display:block!important;overflow:visible!important;}
  .vt-lobby-logo{display:none!important;}
  .vt-premium-card,.vt-lobby-stats{display:none!important;}
  .vt-lobby-side-nav{display:flex!important;gap:8px!important;margin:0!important;overflow-x:auto!important;padding:2px 0 4px!important;scrollbar-width:none;}
  .vt-lobby-side-nav::-webkit-scrollbar{display:none;}
  .vt-lobby-side-nav button{flex:0 0 auto!important;height:38px!important;border-radius:999px!important;padding:0 14px!important;font-size:13px!important;gap:6px!important;background:rgba(15,23,42,.7)!important;border:1px solid rgba(148,163,184,.16)!important;color:#cbd5e1!important;box-shadow:none!important;}
  .vt-lobby-side-nav button span{width:auto!important;font-size:13px!important;}
  .vt-lobby-side-nav button.active{background:linear-gradient(135deg,#7c3aed,#2563eb)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important;}
  .vt-lobby-main{padding:12px!important;}
  .vt-lobby-topbar{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;margin-bottom:12px!important;align-items:center!important;}
  .vt-lobby-search{grid-column:1/-1!important;order:2!important;width:100%!important;height:44px!important;border-radius:14px!important;padding:0 14px!important;background:rgba(15,23,42,.76)!important;box-sizing:border-box!important;}
  .vt-lobby-search input{font-size:14px!important;}
  .vt-lobby-search span{font-size:21px!important;}
  .vt-lobby-actions{order:1!important;grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:nowrap!important;}
  .vt-admin-link{height:38px!important;width:auto!important;padding:0 12px!important;border-radius:12px!important;font-size:12px!important;white-space:nowrap!important;}
  .vt-icon-link{width:48px!important;height:38px!important;border-radius:12px!important;font-size:17px!important;flex:0 0 auto!important;}
  .vt-lobby-profile{margin-left:auto!important;width:auto!important;max-width:150px!important;justify-content:flex-end!important;gap:8px!important;}
  .vt-lobby-profile img{width:48px!important;height:38px!important;border-radius:13px!important;}
  .vt-lobby-profile b{font-size:13px!important;max-width:82px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  .vt-lobby-profile small{font-size:11px!important;}
  .vt-lobby-board{position:sticky!important;top:54px!important;z-index:40!important;margin:0 0 12px!important;padding:8px!important;border-radius:16px!important;background:rgba(8,13,24,.9)!important;backdrop-filter:blur(18px);display:block!important;}
  .vt-lobby-tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;padding-bottom:2px!important;scrollbar-width:none;}
  .vt-lobby-tabs::-webkit-scrollbar{display:none;}
  .vt-lobby-tabs button{flex:0 0 auto!important;height:36px!important;border-radius:999px!important;padding:0 13px!important;background:rgba(15,23,42,.76)!important;border:1px solid rgba(148,163,184,.13)!important;color:#cbd5e1!important;font-size:12px!important;letter-spacing:0!important;}
  .vt-lobby-tabs button:after{display:none!important;}
  .vt-lobby-tabs button.active{background:linear-gradient(135deg,#7c3aed,#2563eb)!important;color:#fff!important;}
  .vt-lobby-tools{display:none!important;}
  .vt-room-grid-pro{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
  .vt-room-card-pro{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;min-height:128px!important;border-radius:18px!important;box-shadow:0 14px 38px rgba(0,0,0,.26)!important;}
  .vt-room-card-pro:hover{transform:none!important;}
  .vt-room-cover-pro{height:100%!important;min-height:128px!important;border-radius:18px 0 0 18px!important;overflow:hidden!important;}
  .live-badge-pro{top:9px!important;left:9px!important;padding:5px 8px!important;border-radius:8px!important;font-size:11px!important;}
  .room-count-pro{top:auto!important;right:auto!important;left:9px!important;bottom:9px!important;padding:5px 8px!important;border-radius:9px!important;font-size:12px!important;}
  .fav-btn-pro{right:8px!important;bottom:8px!important;width:30px!important;height:30px!important;border-radius:10px!important;font-size:16px!important;}
  .vt-room-body-pro{padding:12px!important;display:flex!important;flex-direction:column!important;min-width:0!important;}
  .vt-room-body-pro h2{font-size:17px!important;margin-bottom:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .vt-room-body-pro p{font-size:12px!important;line-height:1.35!important;min-height:auto!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  .vt-room-footer-pro{display:grid!important;grid-template-columns:1fr auto!important;gap:7px!important;margin-top:auto!important;align-items:center!important;}
  .vt-room-footer-pro span{font-size:11px!important;}
  .vt-room-footer-pro .activity{display:none!important;}
  .vt-room-footer-pro a{grid-column:auto!important;justify-self:end!important;min-width:92px!important;height:36px!important;border-radius:11px!important;font-size:12px!important;box-shadow:none!important;}
  .empty-rooms-pro{margin:14px 0!important;padding:18px!important;border-radius:16px!important;}
  .vt-lobby-footer{margin:20px 0 8px!important;font-size:12px!important;}
}
@media(max-width:420px){
  .vt-room-card-pro{grid-template-columns:96px minmax(0,1fr)!important;}
  .vt-room-cover-pro{min-height:122px!important;}
  .vt-room-footer-pro a{min-width:82px!important;font-size:11px!important;}
  .vt-admin-link{max-width:135px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
}

/* V8.92.30 - PC Premium Chat Tema (mekanikler korunur, mobil mevcut haliyle kalır) */
@media (min-width: 981px){
  body.room-v8{
    background:
      radial-gradient(circle at 18% 0%, rgba(168,85,247,.24), transparent 30%),
      radial-gradient(circle at 85% 8%, rgba(34,211,238,.13), transparent 28%),
      linear-gradient(135deg,#050812 0%,#07101e 48%,#040713 100%)!important;
    color:#eef2ff!important;
    overflow:hidden!important;
  }
  body.room-v8:before{
    content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
    background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);
    background-size:58px 58px;mask-image:radial-gradient(circle at center,#000 0%,transparent 78%);
  }
  .room-shell{
    position:relative;z-index:1;height:100vh!important;
    display:grid!important;
    grid-template-columns:350px minmax(520px,1fr) 440px!important;
    grid-template-rows:92px 1fr 104px!important;
    grid-template-areas:"side head right" "side stage right" "side composer right"!important;
    gap:16px!important;
    padding:0 18px 14px 0!important;
    background:transparent!important;
  }
  .room-header{
    grid-area:head!important;height:auto!important;margin-top:14px!important;
    background:rgba(7,12,25,.72)!important;border:1px solid rgba(148,163,184,.18)!important;
    border-radius:28px!important;box-shadow:0 18px 60px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06)!important;
    padding:14px 18px!important;gap:14px!important;backdrop-filter:blur(18px)!important;
  }
  .room-header strong{font-size:25px!important;letter-spacing:-.02em!important;color:#fff!important;display:block!important}
  .room-header small{display:block!important;color:#cbd5e1!important;font-size:14px!important;margin-top:3px!important}
  .round-btn,.room-header .round-btn{
    width:52px!important;height:52px!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.12)!important;
    background:linear-gradient(180deg,rgba(88,28,135,.65),rgba(15,23,42,.82))!important;color:#fff!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;
    box-shadow:0 10px 28px rgba(0,0,0,.35)!important;font-weight:900!important;
  }
  .vt-admin-top-btn{
    margin-left:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
    min-width:180px!important;height:52px!important;border-radius:17px!important;text-decoration:none!important;color:#fff!important;
    border:1px solid rgba(217,70,239,.9)!important;background:linear-gradient(135deg,rgba(88,28,135,.75),rgba(15,23,42,.86))!important;
    box-shadow:0 0 28px rgba(168,85,247,.22)!important;font-weight:900!important;
  }
  #usersToggle{display:none!important}
  .user-drawer{
    grid-area:side!important;position:relative!important;inset:auto!important;transform:none!important;width:auto!important;height:100vh!important;
    display:flex!important;flex-direction:column!important;overflow:hidden!important;
    background:linear-gradient(180deg,rgba(8,13,27,.96),rgba(3,7,18,.94))!important;
    border-right:1px solid rgba(148,163,184,.18)!important;box-shadow:18px 0 70px rgba(0,0,0,.28)!important;
    padding:24px 18px 14px!important;backdrop-filter:blur(18px)!important;
  }
  .drawer-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:14px!important;background:transparent!important;color:#fff!important}
  .drawer-head b{font-size:22px!important}.drawer-head button{display:none!important}
  .user-list{overflow:auto!important;padding-right:5px!important;display:flex!important;flex-direction:column!important;gap:12px!important}
  .user-list::-webkit-scrollbar,.chat-stream::-webkit-scrollbar{width:7px}.user-list::-webkit-scrollbar-thumb,.chat-stream::-webkit-scrollbar-thumb{background:#7c3aed;border-radius:99px}
  .user-card,.u,.user-list>*{
    border-radius:22px!important;background:linear-gradient(135deg,rgba(15,23,42,.9),rgba(30,41,59,.58))!important;
    border:1px solid rgba(148,163,184,.16)!important;box-shadow:0 14px 38px rgba(0,0,0,.28)!important;
  }
  .user-card.active,.u.talk,.speaker.wave{border-color:rgba(217,70,239,.9)!important;box-shadow:0 0 0 1px rgba(168,85,247,.45),0 18px 48px rgba(168,85,247,.18)!important}
  .left-brand{
    margin-top:18px!important;border:1px solid rgba(168,85,247,.32)!important;border-radius:24px!important;
    background:linear-gradient(145deg,rgba(88,28,135,.45),rgba(15,23,42,.82)),url('assets/default-bg.svg') center/cover!important;
    padding:18px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;box-shadow:0 18px 50px rgba(0,0,0,.28)!important;
  }
  .brand-logo{border-radius:18px!important;background:linear-gradient(145deg,rgba(2,6,23,.72),rgba(88,28,135,.48))!important;border:1px solid rgba(255,255,255,.12)!important;padding:14px!important}
  .left-brand button,#bigTalkBtn{
    grid-column:1/-1!important;border-radius:18px!important;background:linear-gradient(135deg,#7c3aed,#db2777)!important;
    border:0!important;padding:16px!important;box-shadow:0 16px 35px rgba(168,85,247,.3)!important
  }
  .chat-stream{
    grid-area:stage!important;position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;width:auto!important;
    max-height:none!important;height:100%!important;overflow:auto!important;z-index:2!important;pointer-events:auto!important;
    margin:0!important;padding:26px 26px 22px!important;background:linear-gradient(180deg,rgba(8,13,29,.72),rgba(3,7,18,.66))!important;
    border:1px solid rgba(148,163,184,.17)!important;border-radius:28px!important;box-shadow:0 22px 70px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04)!important;
    backdrop-filter:blur(16px)!important;
  }
  .chat-stream:before{
    content:"Sohbet akışı";display:block;margin:0 0 18px;color:#94a3b8;font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.08em
  }
  .chat-bubble{
    border-radius:20px!important;background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(30,41,59,.72))!important;
    border:1px solid rgba(148,163,184,.16)!important;box-shadow:0 12px 35px rgba(0,0,0,.28)!important;
    padding:13px 15px!important;max-width:min(760px,88%)!important;margin:12px 0!important;color:#e5e7eb!important
  }
  .chat-bubble b{color:#fff!important}.chat-bubble span{color:#e5e7eb!important}
  .chat-bubble:first-child,.chat-bubble.system,.chat-bubble:has(b:first-child){ }
  .modern-chatbar{
    grid-area:composer!important;position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;height:auto!important;
    align-self:end!important;margin:0!important;border-radius:26px!important;border:1px solid rgba(148,163,184,.16)!important;
    background:linear-gradient(180deg,rgba(15,23,42,.9),rgba(2,6,23,.88))!important;box-shadow:0 18px 60px rgba(0,0,0,.34)!important;
    padding:12px!important;display:grid!important;grid-template-columns:1fr!important;gap:9px!important;backdrop-filter:blur(18px)!important;
  }
  .icon-strip{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;overflow:hidden!important;background:transparent!important;padding:0!important}
  .mini-icon{width:48px!important;height:38px!important;border-radius:13px!important;background:rgba(15,23,42,.92)!important;border:1px solid rgba(148,163,184,.2)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}
  .mini-icon.active,.mic-control.active,.cam-control.active{background:linear-gradient(135deg,#7c3aed,#06b6d4)!important;box-shadow:0 0 20px rgba(34,211,238,.22)!important}
  .message-strip{display:flex!important;gap:10px!important;background:transparent!important;padding:0!important}
  .message-strip input,#msg{height:52px!important;border-radius:18px!important;background:rgba(15,23,42,.92)!important;border:1px solid rgba(148,163,184,.2)!important;color:#fff!important;padding:0 18px!important}
  .send-btn,#send{height:52px!important;min-width:102px!important;border-radius:18px!important;background:linear-gradient(135deg,#7c3aed,#db2777)!important;color:#fff!important;border:0!important;font-weight:900!important;box-shadow:0 12px 30px rgba(168,85,247,.32)!important}
  .self-info{margin-left:auto!important;color:#cbd5e1!important;font-size:12px!important;white-space:nowrap!important}
  .vt-room-right-panel{grid-area:right!important;display:flex!important;flex-direction:column!important;gap:16px!important;margin-top:14px!important;margin-bottom:0!important;min-width:0!important;overflow:hidden!important}
  .vt-side-card{background:linear-gradient(180deg,rgba(8,13,29,.82),rgba(3,7,18,.78))!important;border:1px solid rgba(148,163,184,.17)!important;border-radius:28px!important;box-shadow:0 22px 70px rgba(0,0,0,.32)!important;padding:18px!important;backdrop-filter:blur(18px)!important;min-height:0!important}
  .vt-room-cards-panel{flex:1 1 auto!important;overflow:hidden!important}.vt-new-members-panel{flex:0 0 180px!important}
  .vt-panel-title-row{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:14px!important}
  .vt-panel-title-row b{font-size:20px!important;color:#fff!important}.vt-panel-title-row a,.vt-panel-title-row span{color:#d946ef!important;text-decoration:none!important;font-weight:800!important}
  .vt-room-mini-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;overflow:auto!important;max-height:calc(100vh - 330px)!important;padding-right:3px!important}
  .vt-room-mini-card{display:block!important;text-decoration:none!important;color:#fff!important;border-radius:20px!important;overflow:hidden!important;background:rgba(15,23,42,.78)!important;border:1px solid rgba(148,163,184,.16)!important;transition:.18s transform,.18s border-color!important}
  .vt-room-mini-card:hover{transform:translateY(-2px)!important;border-color:rgba(217,70,239,.55)!important}
  .vt-room-mini-cover{height:96px!important;display:block!important;background-size:cover!important;background-position:center!important;position:relative!important}
  .vt-room-mini-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(2,6,23,.45))!important}
  .vt-room-mini-cover em{position:absolute;right:9px;top:9px;z-index:1;font-style:normal;background:rgba(88,28,135,.82);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:5px 8px;font-size:12px;font-weight:900}
  .vt-room-mini-card strong{display:block;padding:11px 12px 2px!important;font-size:14px!important}.vt-room-mini-card small{display:block;padding:0 12px 12px!important;color:#cbd5e1!important;font-size:11px!important;line-height:1.25!important}
  .vt-member-carousel-lite{display:flex!important;gap:14px!important;overflow:hidden!important;align-items:center!important;justify-content:space-between!important}
  .vt-new-member{text-align:center!important;min-width:62px!important}.vt-new-member img{width:58px!important;height:58px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid #a855f7!important;box-shadow:0 0 18px rgba(168,85,247,.28)!important}.vt-new-member b{display:block!important;color:#fff!important;font-size:12px!important;margin-top:6px!important;max-width:70px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.vt-new-member small{color:#94a3b8!important;font-size:10px!important}
  .emoji-popup-pro,.anim-popup-pro,.style-modal-pro .style-panel-pro{border:1px solid rgba(168,85,247,.45)!important;box-shadow:0 25px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04)!important;border-radius:24px!important}
}
@media (max-width: 980px){.vt-room-right-panel{display:none!important}.vt-admin-top-btn{display:none!important}}

/* V8.92.31 - PC Premium Chat Tema Layout Fix
   Mekaniklere dokunmadan sadece PC grid/hizalama düzeltmesi. */
@media (min-width: 981px){
  body.room-v8{overflow:hidden!important;}

  body.room-v8 .room-shell{
    position:relative!important;
    z-index:1!important;
    height:100vh!important;
    min-height:100vh!important;
    width:100vw!important;
    max-width:100vw!important;
    display:grid!important;
    grid-template-columns:350px minmax(560px,1fr) 430px!important;
    grid-template-rows:92px minmax(0,1fr) 104px!important;
    grid-template-areas:
      "side head right"
      "side stage right"
      "side composer right"!important;
    gap:16px!important;
    padding:0 16px 14px 0!important;
    overflow:hidden!important;
    background:transparent!important;
  }

  body.room-v8 .user-drawer{
    grid-area:side!important;
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:auto!important;min-width:0!important;max-width:none!important;
    height:100vh!important;max-height:100vh!important;
    transform:none!important;
    z-index:5!important;
  }

  body.room-v8 .room-header{
    grid-area:head!important;
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:auto!important;max-width:none!important;
    z-index:8!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  body.room-v8 .vt-room-right-panel{
    grid-area:right!important;
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:auto!important;min-width:0!important;max-width:none!important;
    height:auto!important;max-height:calc(100vh - 30px)!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    z-index:6!important;
  }

  body.room-v8 section#messages.chat-stream,
  body.room-v8 #messages.chat-stream,
  body.room-v8 .chat-stream{
    grid-area:stage!important;
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:auto!important;min-width:0!important;max-width:none!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    margin:0!important;
    padding:24px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    z-index:4!important;
    pointer-events:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    background:linear-gradient(180deg,rgba(8,13,29,.72),rgba(3,7,18,.66))!important;
    border:1px solid rgba(148,163,184,.17)!important;
    border-radius:28px!important;
    box-shadow:0 22px 70px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04)!important;
    backdrop-filter:blur(16px)!important;
  }

  body.room-v8 footer.composer.modern-chatbar,
  body.room-v8 .modern-chatbar{
    grid-area:composer!important;
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:auto!important;min-width:0!important;max-width:none!important;
    height:auto!important;min-height:0!important;
    margin:0!important;
    align-self:stretch!important;
    z-index:7!important;
    border-radius:26px!important;
    display:grid!important;
    grid-template-rows:40px 52px!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:10px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,rgba(15,23,42,.9),rgba(2,6,23,.88))!important;
    border:1px solid rgba(148,163,184,.16)!important;
    box-shadow:0 18px 60px rgba(0,0,0,.34)!important;
    backdrop-filter:blur(18px)!important;
  }

  body.room-v8 .modern-chatbar .icon-strip{
    height:40px!important;
    min-height:40px!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:0!important;
    overflow:hidden!important;
    background:transparent!important;
  }

  body.room-v8 .modern-chatbar .message-strip{
    height:52px!important;
    min-height:52px!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 112px!important;
    gap:10px!important;
    padding:0!important;
    background:transparent!important;
  }

  body.room-v8 .modern-chatbar .message-strip input,
  body.room-v8 #msg{
    height:52px!important;
    border-radius:18px!important;
    min-width:0!important;
  }

  body.room-v8 .modern-chatbar .send-btn,
  body.room-v8 #send{
    height:52px!important;
    min-width:112px!important;
    border-radius:18px!important;
  }

  body.room-v8 .modern-chatbar .self-info{
    margin-left:auto!important;
    max-width:42%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body.room-v8 .vt-room-cards-panel{min-height:0!important;flex:1 1 auto!important;}
  body.room-v8 .vt-room-mini-grid{max-height:none!important;height:100%!important;overflow:auto!important;}
  body.room-v8 .vt-new-members-panel{flex:0 0 178px!important;min-height:178px!important;}
}

@media (min-width:981px) and (max-width:1380px){
  body.room-v8 .room-shell{
    grid-template-columns:320px minmax(500px,1fr) 360px!important;
    gap:12px!important;
    padding-right:12px!important;
  }
  body.room-v8 .vt-room-mini-cover{height:82px!important;}
  body.room-v8 .vt-new-members-panel{flex-basis:160px!important;min-height:160px!important;}
}


/* V8.92.32 - Rooms.php kaldırıldı, oda geçişi chat içinde sağ panelden yapılır.
   Sadece PC tema/hizalama; mevcut mekanikler, buton ID'leri ve JS akışı korunur. */
@media (min-width:981px){
  body.room-v8 .room-shell{
    grid-template-columns:350px minmax(560px,1fr) 400px!important;
    grid-template-rows:86px minmax(0,1fr) 104px!important;
    gap:16px!important;
  }
  body.room-v8 .room-header{
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    padding:14px 18px!important;
  }
  body.room-v8 .vt-room-title-block{
    min-width:0!important;
    padding-left:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  body.room-v8 .vt-room-title-block strong{
    font-size:25px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.room-v8 .vt-room-title-block small{
    max-width:42vw!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    opacity:.86!important;
  }
  body.room-v8 .room-header .round-btn:first-child{display:none!important;}
  body.room-v8 .vt-admin-top-btn{
    margin-left:auto!important;
    flex:0 0 auto!important;
  }
  body.room-v8 .vt-room-right-panel{
    gap:14px!important;
    max-height:calc(100vh - 30px)!important;
  }
  body.room-v8 .vt-room-cards-panel{
    flex:1 1 auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
  }
  body.room-v8 .vt-panel-title-row{
    flex:0 0 auto!important;
    padding:0 2px!important;
  }
  body.room-v8 .vt-panel-title-row b{
    font-size:21px!important;
    letter-spacing:-.02em!important;
  }
  body.room-v8 .vt-panel-title-row span{
    font-size:12px!important;
    color:#a78bfa!important;
    background:rgba(124,58,237,.12)!important;
    border:1px solid rgba(167,139,250,.18)!important;
    border-radius:999px!important;
    padding:6px 10px!important;
  }
  body.room-v8 .vt-room-mini-grid{
    flex:1 1 auto!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:2px 6px 4px 2px!important;
    grid-template-columns:1fr 1fr!important;
    align-content:start!important;
    scrollbar-gutter:stable!important;
  }
  body.room-v8 .vt-room-mini-grid::-webkit-scrollbar,
  body.room-v8 .vt-member-carousel-lite::-webkit-scrollbar{width:7px;height:7px;}
  body.room-v8 .vt-room-mini-grid::-webkit-scrollbar-thumb,
  body.room-v8 .vt-member-carousel-lite::-webkit-scrollbar-thumb{background:linear-gradient(#7c3aed,#db2777);border-radius:99px;}
  body.room-v8 .vt-room-mini-card{
    position:relative!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(2,6,23,.82))!important;
  }
  body.room-v8 .vt-room-mini-card.is-current{
    border-color:rgba(34,211,238,.7)!important;
    box-shadow:0 0 0 1px rgba(34,211,238,.18),0 18px 38px rgba(34,211,238,.10)!important;
  }
  body.room-v8 .vt-room-mini-card.is-current:before{
    content:"Aktif";
    position:absolute;left:8px;top:8px;z-index:3;
    background:linear-gradient(135deg,#06b6d4,#7c3aed)!important;
    color:#fff;font-size:11px;font-weight:950;border-radius:999px;padding:4px 8px;
    box-shadow:0 8px 20px rgba(34,211,238,.22);
  }
  body.room-v8 .vt-room-mini-cover{height:86px!important;}
  body.room-v8 .vt-room-mini-cover em{
    right:8px!important;top:8px!important;
    background:rgba(15,23,42,.84)!important;
    border-color:rgba(167,139,250,.25)!important;
  }
  body.room-v8 .vt-room-mini-card strong{
    padding:10px 10px 2px!important;
    font-size:13px!important;
  }
  body.room-v8 .vt-room-mini-card small{
    padding:0 10px 10px!important;
    font-size:10.5px!important;
    min-height:24px!important;
  }
  body.room-v8 .vt-new-members-panel{
    flex:0 0 184px!important;
    min-height:184px!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 12% 0%,rgba(217,70,239,.18),transparent 34%),
      linear-gradient(180deg,rgba(17,24,39,.88),rgba(3,7,18,.82))!important;
  }
  body.room-v8 .vt-member-carousel-lite{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:12px!important;
    padding:3px 2px 8px!important;
    scroll-snap-type:x proximity!important;
  }
  body.room-v8 .vt-new-member{
    min-width:72px!important;
    scroll-snap-align:start!important;
    padding:8px 6px!important;
    border-radius:18px!important;
    background:rgba(15,23,42,.45)!important;
    border:1px solid rgba(148,163,184,.12)!important;
  }
  body.room-v8 .vt-new-member img{
    width:56px!important;height:78px!important;
    border:2px solid rgba(217,70,239,.9)!important;
  }
  body.room-v8 .vt-new-member b{font-size:12px!important;}
  body.room-v8 .vt-new-member small{font-size:10px!important;color:#c4b5fd!important;}
  body.room-v8 section#messages.chat-stream,
  body.room-v8 #messages.chat-stream,
  body.room-v8 .chat-stream{
    min-height:0!important;
    padding:24px 24px 18px!important;
  }
  body.room-v8 footer.composer.modern-chatbar,
  body.room-v8 .modern-chatbar{
    min-height:0!important;
  }
}
@media (min-width:981px) and (max-width:1380px){
  body.room-v8 .room-shell{grid-template-columns:320px minmax(500px,1fr) 350px!important;}
  body.room-v8 .vt-room-mini-grid{grid-template-columns:1fr!important;}
  body.room-v8 .vt-room-mini-cover{height:82px!important;}
}


/* V8.92.33 - Chat üst çıkış butonu */
body.room-v8 .vt-room-top-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin-left:auto;
  min-width:0;
}
body.room-v8 .vt-logout-top-btn{
  height:44px;
  padding:0 16px;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:900;
  letter-spacing:.01em;
  background:linear-gradient(135deg,rgba(239,68,68,.88),rgba(219,39,119,.78));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 14px 34px rgba(239,68,68,.18), inset 0 1px 0 rgba(255,255,255,.12);
  white-space:nowrap;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
body.room-v8 .vt-logout-top-btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
  box-shadow:0 18px 44px rgba(239,68,68,.26), inset 0 1px 0 rgba(255,255,255,.16);
}
@media (max-width:980px){
  body.room-v8 .vt-room-top-actions{gap:8px;}
  body.room-v8 .vt-logout-top-btn{height:40px;padding:0 12px;border-radius:13px;font-size:13px;}
}
@media (max-width:560px){
  body.room-v8 .vt-logout-top-btn{width:40px;padding:0;font-size:0;}
  body.room-v8 .vt-logout-top-btn::before{content:'⎋';font-size:18px;}
}


/* V8.92.45 - Chat sol logo alanı ve panel logo yönetimi */
.vt-user-search{display:none!important}
.vt-chat-logo-block{
  margin:8px 12px 14px!important;
  padding:10px!important;
  border-radius:22px!important;
  border:1px solid rgba(168,85,247,.35)!important;
  background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(36,17,64,.72))!important;
  box-shadow:0 18px 50px rgba(2,6,23,.35), inset 0 0 0 1px rgba(255,255,255,.04)!important;
  min-height:78px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  position:relative!important;
}
.vt-chat-logo-block:before{
  content:'';position:absolute;inset:-50%;
  background:radial-gradient(circle at 25% 25%,rgba(34,211,238,.20),transparent 32%),radial-gradient(circle at 80% 50%,rgba(236,72,153,.16),transparent 30%);
  pointer-events:none;
}
.vt-chat-logo-block img{
  position:relative;z-index:1;
  max-width:94%!important;max-height:64px!important;
  width:auto!important;height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 22px rgba(168,85,247,.30));
}
.vt-logo-settings-card{
  display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:18px;align-items:stretch;
  margin:12px 0 22px;
}
.vt-logo-preview-box,.vt-logo-upload-box{
  border:1px solid rgba(148,163,184,.28);border-radius:22px;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(241,245,249,.88));
  padding:18px;box-shadow:0 16px 42px rgba(15,23,42,.08);
}
.vt-logo-preview-box span{display:block;color:#64748b;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.vt-logo-preview-box img{display:block;max-width:100%;max-height:110px;object-fit:contain;background:#07111f;border-radius:18px;padding:14px;border:1px solid rgba(15,23,42,.16)}
.vt-logo-upload-box{display:flex;flex-direction:column;justify-content:center;gap:8px;cursor:pointer}
.vt-logo-upload-box strong{font-size:18px;color:#0f172a}.vt-logo-upload-box small{color:#64748b;font-weight:700}.vt-logo-upload-box input{margin-top:8px}.vt-logo-upload-box em{display:inline-flex;align-items:center;justify-content:center;width:max-content;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#06b6d4);color:#fff;font-style:normal;font-weight:900;padding:11px 16px;margin-top:8px;box-shadow:0 12px 28px rgba(124,58,237,.24)}
@media(max-width:900px){.vt-logo-settings-card{grid-template-columns:1fr}.vt-chat-logo-block{margin:6px 10px 10px;min-height:66px}.vt-chat-logo-block img{max-height:54px!important}}

/* V8.92.46 - Logo başlık yerleşimi polish */
body.room-v8 aside#userDrawer.user-drawer{
  display:flex!important;
  flex-direction:column!important;
}
body.room-v8 .vt-chat-logo-block{
  order:0!important;
  margin:10px 12px 12px!important;
  min-height:86px!important;
  padding:12px!important;
  border-radius:24px!important;
  background:
    linear-gradient(135deg,rgba(14,165,233,.16),rgba(168,85,247,.30)),
    linear-gradient(145deg,rgba(8,13,28,.96),rgba(27,16,55,.92))!important;
  border:1px solid rgba(168,85,247,.48)!important;
  box-shadow:0 20px 52px rgba(0,0,0,.28),0 0 0 1px rgba(34,211,238,.08) inset!important;
}
body.room-v8 .vt-chat-logo-block img{
  max-height:62px!important;
  max-width:92%!important;
}
body.room-v8 .vt-member-title-row{
  order:1!important;
  margin:2px 12px 10px!important;
  padding:0 2px 8px!important;
  border-bottom:1px solid rgba(148,163,184,.13)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
body.room-v8 .vt-member-title-row b{
  font-size:15px!important;
  line-height:1!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  color:#cbd5e1!important;
  opacity:.92!important;
  text-shadow:none!important;
}
body.room-v8 .vt-member-title-row b:before{
  content:'';
  display:inline-block;
  width:8px;height:8px;border-radius:50%;
  margin-right:8px;
  background:#22c55e;
  box-shadow:0 0 14px rgba(34,197,94,.85);
  vertical-align:1px;
}
body.room-v8 #users.user-list,
body.room-v8 .user-list{
  order:2!important;
}
body.room-v8 .left-brand{order:3!important;}
@media(max-width:900px){
  body.room-v8 .vt-chat-logo-block{display:none!important;}
  body.room-v8 .vt-member-title-row{margin-top:8px!important;}
}

/* V8.92.47 - Online üyeler başlığı logo altında ortalı */
body.room-v8 .vt-member-title-row{
  justify-content:center!important;
  text-align:center!important;
  position:relative!important;
  margin:4px 18px 12px!important;
  padding:0 0 12px!important;
}
body.room-v8 .vt-member-title-row b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:8px 16px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(34,197,94,.10),rgba(124,58,237,.10))!important;
  border:1px solid rgba(148,163,184,.16)!important;
  color:#eaf2ff!important;
  font-size:14px!important;
  letter-spacing:.12em!important;
}
body.room-v8 .vt-member-title-row b:before{
  margin-right:0!important;
  width:9px!important;
  height:9px!important;
  flex:0 0 9px!important;
}
body.room-v8 .vt-member-title-row #drawerClose{
  position:absolute!important;
  right:0!important;
  bottom:22px!important;
  transform:none!important;
}
@media(max-width:900px){
  body.room-v8 .vt-member-title-row{
    justify-content:flex-start!important;
    text-align:left!important;
    margin:8px 12px 10px!important;
  }
  body.room-v8 .vt-member-title-row b{
    padding:7px 12px!important;
    font-size:13px!important;
  }
}

/* V8.92.48 - Premium Scrollbar + PC Alt Chat Bar Oturma Fix */
@media (min-width: 981px){
  body.room-v8{
    overflow:hidden!important;
    height:100dvh!important;
  }

  body.room-v8 .room-shell{
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    box-sizing:border-box!important;
    grid-template-rows:88px minmax(0,1fr) 92px!important;
    padding:0 14px 8px 0!important;
    gap:12px!important;
    overflow:hidden!important;
  }

  body.room-v8 .room-header{
    margin-top:10px!important;
    min-height:0!important;
  }

  body.room-v8 section#messages.chat-stream,
  body.room-v8 #messages.chat-stream,
  body.room-v8 .chat-stream{
    min-height:0!important;
    height:100%!important;
    max-height:100%!important;
    padding:22px!important;
    box-sizing:border-box!important;
  }

  body.room-v8 footer.composer.modern-chatbar,
  body.room-v8 .modern-chatbar{
    align-self:stretch!important;
    justify-self:stretch!important;
    min-height:0!important;
    height:92px!important;
    max-height:92px!important;
    box-sizing:border-box!important;
    padding:8px 10px!important;
    margin:0!important;
    display:grid!important;
    grid-template-rows:32px 44px!important;
    gap:6px!important;
    overflow:hidden!important;
    transform:none!important;
  }

  body.room-v8 .modern-chatbar .icon-strip{
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    overflow:hidden!important;
    align-items:center!important;
  }

  body.room-v8 .modern-chatbar .mini-icon{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    border-radius:10px!important;
    font-size:14px!important;
  }

  body.room-v8 .modern-chatbar .message-strip{
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 112px!important;
    gap:10px!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }

  body.room-v8 .modern-chatbar .message-strip input,
  body.room-v8 .modern-chatbar #msg{
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    line-height:44px!important;
    border-radius:16px!important;
    box-sizing:border-box!important;
  }

  body.room-v8 .modern-chatbar .send-btn,
  body.room-v8 .modern-chatbar #send{
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    min-width:112px!important;
    width:112px!important;
    border-radius:16px!important;
    box-sizing:border-box!important;
  }

  body.room-v8 .user-drawer{
    height:100dvh!important;
    max-height:100dvh!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  body.room-v8 .user-list,
  body.room-v8 #users.user-list{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-right:7px!important;
  }

  body.room-v8 .left-brand{
    flex:0 0 auto!important;
    margin-top:12px!important;
  }

  body.room-v8 .vt-room-right-panel{
    height:calc(100dvh - 18px)!important;
    max-height:calc(100dvh - 18px)!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  body.room-v8 .vt-room-cards-panel{
    min-height:0!important;
    overflow:hidden!important;
  }

  body.room-v8 .vt-room-mini-grid{
    max-height:none!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-right:7px!important;
  }

  body.room-v8 .vt-new-members-panel{
    flex:0 0 154px!important;
    min-height:154px!important;
    overflow:hidden!important;
  }
}

/* Premium scrollbar: beyaz/kaba çubuk yerine neon ince görünüm */
@media (min-width: 981px){
  body.room-v8 .user-list,
  body.room-v8 #users.user-list,
  body.room-v8 .chat-stream,
  body.room-v8 #messages.chat-stream,
  body.room-v8 .vt-room-mini-grid,
  body.room-v8 .vt-room-right-panel,
  body.room-v8 .vt-side-card,
  body.room-v8 .vt-live-users{
    scrollbar-width:thin!important;
    scrollbar-color:rgba(168,85,247,.82) rgba(15,23,42,.34)!important;
  }

  body.room-v8 .user-list::-webkit-scrollbar,
  body.room-v8 #users.user-list::-webkit-scrollbar,
  body.room-v8 .chat-stream::-webkit-scrollbar,
  body.room-v8 #messages.chat-stream::-webkit-scrollbar,
  body.room-v8 .vt-room-mini-grid::-webkit-scrollbar,
  body.room-v8 .vt-room-right-panel::-webkit-scrollbar,
  body.room-v8 .vt-side-card::-webkit-scrollbar,
  body.room-v8 .vt-live-users::-webkit-scrollbar{
    width:9px!important;
    height:9px!important;
  }

  body.room-v8 .user-list::-webkit-scrollbar-track,
  body.room-v8 #users.user-list::-webkit-scrollbar-track,
  body.room-v8 .chat-stream::-webkit-scrollbar-track,
  body.room-v8 #messages.chat-stream::-webkit-scrollbar-track,
  body.room-v8 .vt-room-mini-grid::-webkit-scrollbar-track,
  body.room-v8 .vt-room-right-panel::-webkit-scrollbar-track,
  body.room-v8 .vt-side-card::-webkit-scrollbar-track,
  body.room-v8 .vt-live-users::-webkit-scrollbar-track{
    background:rgba(15,23,42,.34)!important;
    border-radius:999px!important;
  }

  body.room-v8 .user-list::-webkit-scrollbar-thumb,
  body.room-v8 #users.user-list::-webkit-scrollbar-thumb,
  body.room-v8 .chat-stream::-webkit-scrollbar-thumb,
  body.room-v8 #messages.chat-stream::-webkit-scrollbar-thumb,
  body.room-v8 .vt-room-mini-grid::-webkit-scrollbar-thumb,
  body.room-v8 .vt-room-right-panel::-webkit-scrollbar-thumb,
  body.room-v8 .vt-side-card::-webkit-scrollbar-thumb,
  body.room-v8 .vt-live-users::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,#22d3ee,#a855f7,#db2777)!important;
    border:2px solid rgba(15,23,42,.68)!important;
    border-radius:999px!important;
    box-shadow:0 0 16px rgba(168,85,247,.38)!important;
  }

  body.room-v8 .user-list::-webkit-scrollbar-thumb:hover,
  body.room-v8 #users.user-list::-webkit-scrollbar-thumb:hover,
  body.room-v8 .chat-stream::-webkit-scrollbar-thumb:hover,
  body.room-v8 #messages.chat-stream::-webkit-scrollbar-thumb:hover,
  body.room-v8 .vt-room-mini-grid::-webkit-scrollbar-thumb:hover,
  body.room-v8 .vt-room-right-panel::-webkit-scrollbar-thumb:hover,
  body.room-v8 .vt-side-card::-webkit-scrollbar-thumb:hover,
  body.room-v8 .vt-live-users::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,#67e8f9,#c084fc,#f472b6)!important;
  }
}

/* V8.92.49 - Sağ panel profesyonel oda kartları + modern üye tanıtım alanı */
@media (min-width: 901px){
  .vt-room-right-panel{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    padding:14px!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .vt-side-card{
    background:linear-gradient(180deg,rgba(13,18,35,.92),rgba(6,10,22,.96))!important;
    border:1px solid rgba(148,163,184,.18)!important;
    border-radius:24px!important;
    box-shadow:0 24px 80px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  .vt-room-cards-panel{
    padding:18px!important;
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .vt-panel-title-row{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:0 0 14px!important;
    padding:0!important;
    min-height:36px!important;
  }
  .vt-panel-title-row b{
    font-size:22px!important;
    letter-spacing:-.02em!important;
    color:#fff!important;
  }
  .vt-panel-title-row span{
    white-space:nowrap!important;
    font-size:12px!important;
    color:#c4b5fd!important;
    background:rgba(124,58,237,.18)!important;
    border:1px solid rgba(168,85,247,.32)!important;
    padding:7px 12px!important;
    border-radius:999px!important;
    font-weight:800!important;
  }
  .vt-room-mini-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    max-height:calc(100dvh - 330px)!important;
    min-height:250px!important;
    overflow:auto!important;
    padding:2px 4px 8px 2px!important;
    scrollbar-width:thin!important;
    scrollbar-color:#8b5cf6 #0b1224!important;
  }
  .vt-room-mini-grid::-webkit-scrollbar{width:8px!important}.vt-room-mini-grid::-webkit-scrollbar-track{background:#0b1224!important;border-radius:20px!important}.vt-room-mini-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22d3ee,#a855f7)!important;border-radius:20px!important}
  .vt-room-mini-card{
    display:block!important;
    position:relative!important;
    min-height:166px!important;
    border-radius:18px!important;
    overflow:hidden!important;
    text-decoration:none!important;
    color:#fff!important;
    background:#080f20!important;
    border:1px solid rgba(148,163,184,.16)!important;
    box-shadow:0 12px 40px rgba(0,0,0,.28)!important;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
  }
  .vt-room-mini-card:hover{transform:translateY(-2px)!important;border-color:rgba(34,211,238,.5)!important;box-shadow:0 18px 54px rgba(34,211,238,.12)!important}
  .vt-room-mini-card.is-current{border-color:#22d3ee!important;box-shadow:0 0 0 1px rgba(34,211,238,.32),0 18px 50px rgba(34,211,238,.12)!important}
  .vt-room-mini-cover{
    display:block!important;
    height:82px!important;
    position:relative!important;
    background-size:cover!important;
    background-position:center!important;
    border-radius:16px 16px 0 0!important;
    overflow:hidden!important;
  }
  .vt-room-mini-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(2,6,23,.66))!important}
  .vt-room-mini-card.no-cover[data-room="geneloda"] .vt-room-mini-cover{background:radial-gradient(circle at 20% 20%,#22d3ee 0,#2563eb 28%,transparent 54%),linear-gradient(135deg,#192457,#6d28d9 55%,#0f172a)!important}
  .vt-room-mini-card.no-cover[data-room="muzik"] .vt-room-mini-cover,.vt-room-mini-card.no-cover[data-room="muzik-odasi"] .vt-room-mini-cover{background:radial-gradient(circle at 25% 30%,#fbbf24 0,#f97316 26%,transparent 54%),linear-gradient(135deg,#301a04,#7c2d12 58%,#111827)!important}
  .vt-room-mini-card.no-cover[data-room="serbest"] .vt-room-mini-cover,.vt-room-mini-card.no-cover[data-room="serbest-kursu"] .vt-room-mini-cover{background:radial-gradient(circle at 30% 35%,#fb7185 0,#be123c 28%,transparent 56%),linear-gradient(135deg,#2b1118,#7f1d1d 58%,#0f172a)!important}
  .vt-room-mini-card.no-cover[data-room="oyun"] .vt-room-mini-cover,.vt-room-mini-card.no-cover[data-room="oyun-sohbet"] .vt-room-mini-cover{background:radial-gradient(circle at 65% 35%,#22d3ee 0,#7c3aed 28%,transparent 58%),linear-gradient(135deg,#111827,#312e81 58%,#020617)!important}
  .vt-room-mini-card.no-cover[data-room="edebiyat"] .vt-room-mini-cover,.vt-room-mini-card.no-cover[data-room="edebiyat-kosesi"] .vt-room-mini-cover{background:radial-gradient(circle at 70% 20%,#f59e0b 0,#854d0e 26%,transparent 56%),linear-gradient(135deg,#25130a,#422006 58%,#111827)!important}
  .vt-room-mini-card.no-cover .vt-room-mini-cover{background:radial-gradient(circle at 30% 25%,#a855f7 0,#334155 30%,transparent 58%),linear-gradient(135deg,#0f172a,#1e1b4b 60%,#020617)!important}
  .vt-room-mini-card.no-cover .vt-room-mini-cover:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.12),transparent 30%),radial-gradient(circle at 78% 32%,rgba(255,255,255,.18),transparent 20%);z-index:1}
  .vt-room-mini-cover em{position:absolute!important;right:10px!important;top:10px!important;z-index:3!important;background:rgba(15,23,42,.78)!important;border:1px solid rgba(168,85,247,.35)!important;border-radius:999px!important;padding:5px 9px!important;font-style:normal!important;font-size:12px!important;font-weight:900!important;color:#e9d5ff!important}
  .vt-live-dot{position:absolute!important;left:10px!important;top:10px!important;z-index:3!important;background:rgba(239,68,68,.95)!important;color:#fff!important;border-radius:999px!important;padding:4px 8px!important;font-style:normal!important;font-size:10px!important;font-weight:900!important;letter-spacing:.04em!important}
  .vt-room-card-body{display:block!important;padding:12px!important;position:relative!important;z-index:2!important;background:linear-gradient(180deg,rgba(8,15,32,.86),rgba(8,15,32,.98))!important;min-height:84px!important}
  .vt-room-mini-card strong{display:block!important;font-size:15px!important;line-height:1.2!important;margin:0 0 6px!important;color:#fff!important;white-space:normal!important;overflow:hidden!important;text-overflow:clip!important}
  .vt-room-mini-card small{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:#cbd5e1!important;font-size:12px!important;line-height:1.35!important;max-width:100%!important;white-space:normal!important}
  .vt-new-members-panel{flex:0 0 auto!important;padding:18px!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(33,18,57,.9),rgba(8,13,26,.96))!important}
  .vt-member-carousel-lite{display:flex!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:4px 2px 8px!important;scrollbar-width:thin!important;scrollbar-color:#8b5cf6 #0b1224!important}
  .vt-new-member{flex:0 0 76px!important;text-align:center!important;background:transparent!important;border:0!important;padding:0!important;color:#fff!important;min-width:76px!important}
  .vt-new-member img{width:62px!important;height:62px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid #d946ef!important;box-shadow:0 0 0 4px rgba(168,85,247,.16)!important;background:#0f172a!important}
  .vt-new-member b{display:block!important;margin-top:8px!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .vt-new-member small{display:block!important;font-size:11px!important;color:#c4b5fd!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}
@media (min-width:901px) and (max-width:1450px){
  .vt-room-mini-grid{grid-template-columns:1fr!important;max-height:calc(100dvh - 320px)!important}
  .vt-room-mini-card{min-height:136px!important;display:grid!important;grid-template-columns:116px 1fr!important}
  .vt-room-mini-cover{height:100%!important;border-radius:16px 0 0 16px!important}
  .vt-room-card-body{min-height:auto!important;padding:14px 12px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
}

/* V8.92.51 - Sağ oda paneli premium okunabilir kart tasarımı */
@media (min-width: 981px){
  body.room-v8 .vt-room-right-panel{
    width: clamp(350px, 24vw, 430px) !important;
    min-width: 350px !important;
    gap: 18px !important;
  }
  body.room-v8 .vt-room-cards-panel{
    padding: 20px !important;
    border-radius: 28px !important;
    background:
      radial-gradient(circle at 10% 0%, rgba(34,211,238,.10), transparent 38%),
      radial-gradient(circle at 95% 12%, rgba(168,85,247,.16), transparent 34%),
      rgba(8,14,30,.86) !important;
    border: 1px solid rgba(148,163,184,.20) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04) !important;
  }
  body.room-v8 .vt-rooms-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    margin-bottom:16px !important;
    padding-bottom:14px !important;
    border-bottom:1px solid rgba(148,163,184,.12) !important;
  }
  body.room-v8 .vt-rooms-head b{
    font-size:24px !important;
    letter-spacing:-.02em !important;
  }
  body.room-v8 .vt-room-count-badge{
    min-width: auto !important;
    padding: 8px 13px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(124,58,237,.95), rgba(34,211,238,.20)) !important;
    border: 1px solid rgba(168,85,247,.36) !important;
    color:#f4e8ff !important;
    font-size:12px !important;
    font-weight:1000 !important;
    box-shadow:0 10px 28px rgba(124,58,237,.22) !important;
  }
  body.room-v8 .vt-room-mini-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    height:auto !important;
    max-height: min(58vh, 560px) !important;
    overflow:auto !important;
    padding: 1px 5px 1px 1px !important;
  }
  body.room-v8 .vt-room-mini-card{
    display:grid !important;
    grid-template-columns: 128px minmax(0,1fr) auto !important;
    align-items:stretch !important;
    min-height:112px !important;
    border-radius:22px !important;
    overflow:hidden !important;
    position:relative !important;
    background: linear-gradient(135deg, rgba(15,23,42,.96), rgba(17,24,39,.74)) !important;
    border:1px solid rgba(148,163,184,.16) !important;
    box-shadow: 0 15px 40px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035) !important;
    text-decoration:none !important;
    isolation:isolate !important;
  }
  body.room-v8 .vt-room-mini-card:before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(90deg, rgba(168,85,247,.10), transparent 45%, rgba(34,211,238,.08)) !important;
    opacity:.0 !important;
    transition:.18s ease !important;
    pointer-events:none !important;
  }
  body.room-v8 .vt-room-mini-card:hover{
    transform:translateY(-2px) !important;
    border-color:rgba(168,85,247,.62) !important;
    box-shadow:0 20px 55px rgba(124,58,237,.20), inset 0 1px 0 rgba(255,255,255,.06) !important;
  }
  body.room-v8 .vt-room-mini-card:hover:before{opacity:1 !important;}
  body.room-v8 .vt-room-mini-card.is-current{
    border-color:#22d3ee !important;
    box-shadow:0 0 0 1px rgba(34,211,238,.38), 0 20px 58px rgba(34,211,238,.13) !important;
  }
  body.room-v8 .vt-room-mini-card.is-current:after{
    content:"Aktif" !important;
    position:absolute !important;
    left:12px !important;
    top:10px !important;
    z-index:4 !important;
    padding:5px 9px !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,#22d3ee,#2563eb) !important;
    color:white !important;
    font-size:11px !important;
    font-weight:1000 !important;
    box-shadow:0 10px 24px rgba(34,211,238,.28) !important;
  }
  body.room-v8 .vt-room-mini-cover{
    height:112px !important;
    min-height:112px !important;
    width:128px !important;
    border-radius:0 !important;
    background-size:cover !important;
    background-position:center !important;
    position:relative !important;
    display:block !important;
  }
  body.room-v8 .vt-room-mini-cover:after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:
      linear-gradient(90deg, rgba(2,6,23,.05), rgba(2,6,23,.48)),
      linear-gradient(180deg, rgba(0,0,0,.06), rgba(2,6,23,.64)) !important;
  }
  body.room-v8 .vt-room-mini-cover .vt-live-dot,
  body.room-v8 .vt-room-mini-cover i.vt-live-dot{
    position:absolute !important;
    left:10px !important;
    bottom:10px !important;
    top:auto !important;
    z-index:3 !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    padding:5px 9px !important;
    border-radius:999px !important;
    background:rgba(239,68,68,.94) !important;
    color:#fff !important;
    font-style:normal !important;
    font-size:10px !important;
    font-weight:1000 !important;
    letter-spacing:.03em !important;
    box-shadow:0 10px 20px rgba(239,68,68,.20) !important;
  }
  body.room-v8 .vt-room-mini-cover em{
    position:absolute !important;
    right:-192px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:5 !important;
    min-width:42px !important;
    height:34px !important;
    display:inline-flex !important;
    justify-content:center !important;
    align-items:center !important;
    border-radius:999px !important;
    background:rgba(88,28,135,.72) !important;
    border:1px solid rgba(168,85,247,.32) !important;
    color:#ede9fe !important;
    font-size:12px !important;
    font-weight:1000 !important;
    font-style:normal !important;
    backdrop-filter: blur(10px) !important;
  }
  body.room-v8 .vt-room-card-body{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    min-width:0 !important;
    padding:16px 58px 16px 16px !important;
  }
  body.room-v8 .vt-room-mini-card strong{
    padding:0 !important;
    margin:0 0 7px !important;
    font-size:16px !important;
    line-height:1.15 !important;
    color:#fff !important;
    font-weight:1000 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  body.room-v8 .vt-room-mini-card small{
    padding:0 !important;
    margin:0 !important;
    color:#cbd5e1 !important;
    font-size:12px !important;
    line-height:1.35 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }
  body.room-v8 .vt-room-mini-card.no-cover[data-room] .vt-room-mini-cover:before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background-image:
      radial-gradient(circle at 22% 25%, rgba(255,255,255,.22) 0 2px, transparent 3px),
      radial-gradient(circle at 72% 68%, rgba(255,255,255,.16) 0 2px, transparent 3px),
      linear-gradient(135deg, rgba(255,255,255,.10), transparent 40%) !important;
    opacity:.75 !important;
  }
  body.room-v8 .vt-new-members-panel{
    padding:18px !important;
    border-radius:26px !important;
    background:radial-gradient(circle at 12% 0%,rgba(217,70,239,.14),transparent 38%),rgba(9,14,30,.88)!important;
    border:1px solid rgba(148,163,184,.17)!important;
    min-height:142px !important;
    flex:0 0 auto !important;
  }
  body.room-v8 .vt-members-head{margin-bottom:13px!important;align-items:center!important}
  body.room-v8 .vt-members-head b{font-size:20px!important}
  body.room-v8 .vt-members-head span{font-size:12px!important;padding:7px 10px!important;border-radius:999px!important;background:rgba(88,28,135,.45)!important;border:1px solid rgba(168,85,247,.32)!important;color:#d8b4fe!important;font-weight:1000!important}
  body.room-v8 .vt-member-carousel-lite{display:flex!important;gap:12px!important;overflow:auto!important;padding-bottom:4px!important;align-items:stretch!important;min-height:92px!important}
  body.room-v8 .vt-new-member{min-width:72px!important;max-width:82px!important;text-align:center!important;border-radius:18px!important;padding:10px 8px!important;background:rgba(15,23,42,.64)!important;border:1px solid rgba(148,163,184,.13)!important}
  body.room-v8 .vt-new-member img{width:48px!important;height:48px!important;border-radius:50%!important;border:2px solid rgba(217,70,239,.86)!important;box-shadow:0 0 22px rgba(217,70,239,.18)!important}
  body.room-v8 .vt-new-member b{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;margin-top:6px!important}
  body.room-v8 .vt-new-member small{font-size:10px!important;color:#a5b4fc!important}
}

@media (min-width:981px) and (max-width:1280px){
  body.room-v8 .vt-room-right-panel{width:360px!important;min-width:360px!important;}
  body.room-v8 .vt-room-mini-card{grid-template-columns:112px minmax(0,1fr) auto!important;min-height:104px!important;}
  body.room-v8 .vt-room-mini-cover{width:112px!important;height:104px!important;min-height:104px!important;}
  body.room-v8 .vt-room-mini-cover em{right:-178px!important;}
  body.room-v8 .vt-room-card-body{padding:14px 52px 14px 14px!important;}
}

/* V8.92.52 - Sağ panel oda kart hover estetik düzeltme */
@media (min-width:981px){
  body.room-v8 .vt-room-mini-card{
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
    background:
      linear-gradient(135deg,rgba(15,23,42,.96),rgba(10,16,31,.92))!important;
  }
  body.room-v8 .vt-room-mini-card:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:
      linear-gradient(90deg,rgba(34,211,238,.08),transparent 34%,rgba(168,85,247,.07))!important;
    opacity:0!important;
    transition:opacity .18s ease!important;
    pointer-events:none!important;
    z-index:0!important;
  }
  body.room-v8 .vt-room-mini-card:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(34,211,238,.45)!important;
    box-shadow:0 16px 44px rgba(0,0,0,.30),0 0 0 1px rgba(34,211,238,.10)!important;
    background:linear-gradient(135deg,rgba(17,24,39,.98),rgba(12,20,38,.96))!important;
  }
  body.room-v8 .vt-room-mini-card:hover:before{opacity:1!important;}
  body.room-v8 .vt-room-mini-card.is-current:hover{
    border-color:#22d3ee!important;
    box-shadow:0 0 0 1px rgba(34,211,238,.42),0 18px 48px rgba(34,211,238,.14)!important;
  }
  body.room-v8 .vt-room-mini-cover,
  body.room-v8 .vt-room-card-body{
    position:relative!important;
    z-index:2!important;
  }
  body.room-v8 .vt-room-mini-cover:after{
    background:
      linear-gradient(90deg,rgba(2,6,23,.10),rgba(2,6,23,.46)),
      linear-gradient(180deg,rgba(0,0,0,.04),rgba(2,6,23,.62))!important;
  }
  body.room-v8 .vt-room-mini-card:hover .vt-room-mini-cover:after{
    background:
      linear-gradient(90deg,rgba(2,6,23,.02),rgba(2,6,23,.38)),
      linear-gradient(180deg,rgba(0,0,0,.02),rgba(2,6,23,.55))!important;
  }
  body.room-v8 .vt-room-mini-card:hover strong{color:#ffffff!important;}
  body.room-v8 .vt-room-mini-card:hover small{color:#dbeafe!important;}
  body.room-v8 .vt-room-mini-card.no-cover .vt-room-mini-cover{
    background-size:cover!important;
    background-position:center!important;
  }
  body.room-v8 .vt-room-mini-card.no-cover:hover .vt-room-mini-cover{
    filter:saturate(1.06) brightness(1.03)!important;
  }
}


/* V8.92.53 - Sağ panel modern oda kartları + oda içi arka plan görünürlük düzeltmesi */
@media (min-width:981px){
  body.room-v8{
    background-image:
      radial-gradient(circle at 10% 0%,rgba(168,85,247,.20),transparent 32%),
      radial-gradient(circle at 90% 5%,rgba(34,211,238,.12),transparent 28%),
      linear-gradient(rgba(2,6,23,.62),rgba(2,6,23,.84)),
      var(--room-bg)!important;
    background-size:cover!important;
    background-position:center!important;
    background-attachment:fixed!important;
  }
  body.room-v8 .room-shell{background:rgba(2,6,23,.50)!important;}
  body.room-v8 .chat-stream,
  body.room-v8 .mic-stage{
    background:linear-gradient(180deg,rgba(5,10,25,.62),rgba(5,10,25,.72))!important;
    backdrop-filter:blur(14px)!important;
  }

  body.room-v8 .vt-room-right-panel{
    width:clamp(380px,25vw,470px)!important;
    min-width:380px!important;
    padding:14px!important;
    gap:16px!important;
    overflow:hidden!important;
  }
  body.room-v8 .vt-room-cards-panel{
    padding:18px!important;
    border-radius:28px!important;
    background:
      radial-gradient(circle at 14% 0%,rgba(34,211,238,.13),transparent 34%),
      radial-gradient(circle at 92% 10%,rgba(168,85,247,.18),transparent 34%),
      rgba(7,12,28,.92)!important;
    border:1px solid rgba(148,163,184,.18)!important;
    box-shadow:0 24px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  body.room-v8 .vt-rooms-head{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    padding:0 0 14px!important;margin:0 0 14px!important;border-bottom:1px solid rgba(148,163,184,.13)!important;
  }
  body.room-v8 .vt-rooms-head b{font-size:24px!important;color:#fff!important;letter-spacing:-.02em!important;}
  body.room-v8 .vt-room-count-badge{font-size:12px!important;padding:7px 12px!important;border-radius:999px!important;background:rgba(124,58,237,.22)!important;border:1px solid rgba(168,85,247,.36)!important;color:#e9d5ff!important;box-shadow:none!important;}
  body.room-v8 .vt-room-mini-grid{
    display:flex!important;flex-direction:column!important;gap:12px!important;
    max-height:min(58vh,570px)!important;overflow:auto!important;padding:2px 5px 4px 1px!important;
    scrollbar-width:thin!important;scrollbar-color:#a855f7 #0b1120!important;
  }
  body.room-v8 .vt-room-mini-grid::-webkit-scrollbar{width:8px!important;}
  body.room-v8 .vt-room-mini-grid::-webkit-scrollbar-track{background:#0b1120!important;border-radius:20px!important;}
  body.room-v8 .vt-room-mini-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22d3ee,#a855f7)!important;border-radius:20px!important;}

  body.room-v8 .vt-room-mini-card{
    display:grid!important;grid-template-columns:132px minmax(0,1fr) 48px!important;align-items:stretch!important;
    min-height:116px!important;border-radius:22px!important;overflow:hidden!important;position:relative!important;
    background:linear-gradient(135deg,rgba(11,18,36,.96),rgba(10,15,31,.92))!important;
    border:1px solid rgba(148,163,184,.17)!important;color:#fff!important;text-decoration:none!important;
    box-shadow:0 14px 42px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)!important;
    transform:none!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
  }
  body.room-v8 .vt-room-mini-card:before{display:none!important;}
  body.room-v8 .vt-room-mini-card:hover{
    transform:none!important;background:linear-gradient(135deg,rgba(15,24,48,.98),rgba(13,20,40,.95))!important;
    border-color:rgba(34,211,238,.48)!important;box-shadow:0 18px 46px rgba(0,0,0,.32),0 0 0 1px rgba(34,211,238,.12)!important;
  }
  body.room-v8 .vt-room-mini-card.is-current{border-color:#22d3ee!important;box-shadow:0 0 0 1px rgba(34,211,238,.35),0 18px 48px rgba(34,211,238,.12)!important;}
  body.room-v8 .vt-room-mini-card.is-current:after{
    content:"Aktif"!important;left:12px!important;top:12px!important;right:auto!important;bottom:auto!important;z-index:6!important;
    position:absolute!important;padding:5px 9px!important;border-radius:999px!important;background:linear-gradient(135deg,#22d3ee,#2563eb)!important;color:#fff!important;font-size:11px!important;font-weight:1000!important;
  }
  body.room-v8 .vt-room-mini-cover{
    width:132px!important;height:116px!important;min-height:116px!important;border-radius:0!important;display:block!important;position:relative!important;overflow:hidden!important;
    background-size:cover!important;background-position:center!important;filter:saturate(1.08) contrast(1.04)!important;
  }
  body.room-v8 .vt-room-mini-cover:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(2,6,23,.04),rgba(2,6,23,.42)),linear-gradient(180deg,rgba(0,0,0,.03),rgba(2,6,23,.58))!important;}
  body.room-v8 .vt-live-dot{left:10px!important;bottom:10px!important;top:auto!important;z-index:5!important;background:rgba(239,68,68,.94)!important;font-size:10px!important;padding:5px 9px!important;border-radius:999px!important;}
  body.room-v8 .vt-room-mini-cover em{
    position:static!important;transform:none!important;align-self:center!important;justify-self:center!important;z-index:3!important;
    grid-column:3!important;grid-row:1!important;min-width:48px!important;height:32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
    margin:auto 10px auto 0!important;border-radius:999px!important;background:rgba(88,28,135,.64)!important;border:1px solid rgba(168,85,247,.32)!important;color:#ede9fe!important;font-size:12px!important;font-style:normal!important;font-weight:1000!important;backdrop-filter:blur(10px)!important;
  }
  body.room-v8 .vt-room-card-body{grid-column:2!important;min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:16px 10px 16px 16px!important;background:transparent!important;position:relative!important;z-index:2!important;}
  body.room-v8 .vt-room-card-body strong,body.room-v8 .vt-room-mini-card strong{font-size:17px!important;line-height:1.15!important;margin:0 0 8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#fff!important;}
  body.room-v8 .vt-room-card-body small,body.room-v8 .vt-room-mini-card small{font-size:12.5px!important;line-height:1.35!important;color:#cbd5e1!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important;}

  body.room-v8 .vt-room-mini-card.no-cover[data-room="geneloda"] .vt-room-mini-cover{background:linear-gradient(135deg,#061b3d,#163e82 45%,#7c3aed)!important;}
  body.room-v8 .vt-room-mini-card.no-cover[data-room="muzik"] .vt-room-mini-cover{background:linear-gradient(135deg,#2a1202,#7c2d12 50%,#f59e0b)!important;}
  body.room-v8 .vt-room-mini-card.no-cover[data-room="serbest"] .vt-room-mini-cover{background:linear-gradient(135deg,#2b1118,#7f1d1d 50%,#f43f5e)!important;}
  body.room-v8 .vt-room-mini-card.no-cover[data-room="oyun"] .vt-room-mini-cover{background:linear-gradient(135deg,#061127,#172554 48%,#06b6d4)!important;}
  body.room-v8 .vt-room-mini-card.no-cover[data-room="edebiyat"] .vt-room-mini-cover{background:linear-gradient(135deg,#25130a,#422006 52%,#a16207)!important;}
  body.room-v8 .vt-room-mini-card.no-cover .vt-room-mini-cover{background:linear-gradient(135deg,#111827,#312e81 52%,#a855f7)!important;}
  body.room-v8 .vt-room-mini-card.no-cover .vt-room-mini-cover:before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 24% 28%,rgba(255,255,255,.18),transparent 20%),radial-gradient(circle at 80% 72%,rgba(255,255,255,.12),transparent 22%),linear-gradient(135deg,rgba(255,255,255,.12),transparent 44%)!important;z-index:1!important;}
  body.room-v8 .vt-new-members-panel{border-radius:26px!important;min-height:150px!important;background:radial-gradient(circle at 12% 0%,rgba(217,70,239,.14),transparent 38%),rgba(9,14,30,.90)!important;}
}
@media (min-width:981px) and (max-width:1280px){
  body.room-v8 .vt-room-right-panel{width:370px!important;min-width:370px!important;}
  body.room-v8 .vt-room-mini-card{grid-template-columns:118px minmax(0,1fr) 44px!important;min-height:108px!important;}
  body.room-v8 .vt-room-mini-cover{width:118px!important;height:108px!important;min-height:108px!important;}
  body.room-v8 .vt-room-card-body{padding:14px 8px 14px 14px!important;}
}


/* V8.92.54 - Sağ panel profesyonel oda kartları ve yeni üyeler düzeni */
@media (min-width: 901px){
  .room-shell{grid-template-columns:344px minmax(520px,1fr) 424px!important;gap:16px!important;align-items:stretch!important;}
  .vt-room-right-panel{height:calc(100vh - 24px)!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;gap:14px!important;padding:0!important;}
  .vt-side-card{border-radius:26px!important;background:linear-gradient(180deg,rgba(10,18,34,.96),rgba(5,10,22,.98))!important;border:1px solid rgba(148,163,184,.18)!important;box-shadow:0 26px 80px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.05)!important;}
  .vt-room-cards-panel{flex:1 1 auto!important;min-height:0!important;padding:20px!important;overflow:hidden!important;}
  .vt-panel-title-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin:0 0 16px!important;padding:0 0 14px!important;border-bottom:1px solid rgba(148,163,184,.14)!important;}
  .vt-panel-title-row b{font-size:23px!important;line-height:1!important;letter-spacing:-.02em!important;color:#fff!important;}
  .vt-room-count-badge{flex:0 0 auto!important;border-radius:999px!important;padding:8px 12px!important;background:rgba(124,58,237,.18)!important;border:1px solid rgba(168,85,247,.42)!important;color:#d8b4fe!important;font-weight:950!important;font-size:13px!important;white-space:nowrap!important;}
  .vt-room-mini-grid{height:calc(100% - 58px)!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;gap:12px!important;padding:2px 6px 2px 2px!important;scrollbar-width:thin!important;scrollbar-color:#8b5cf6 rgba(15,23,42,.55)!important;}
  .vt-room-mini-grid::-webkit-scrollbar{width:8px!important}.vt-room-mini-grid::-webkit-scrollbar-track{background:rgba(15,23,42,.62)!important;border-radius:999px!important}.vt-room-mini-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22d3ee,#a855f7)!important;border-radius:999px!important;box-shadow:0 0 14px rgba(168,85,247,.45)!important}
  .vt-room-mini-card{position:relative!important;display:grid!important;grid-template-columns:132px minmax(0,1fr) 48px!important;gap:14px!important;align-items:center!important;min-height:104px!important;padding:12px!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(8,13,26,.98))!important;border:1px solid rgba(148,163,184,.18)!important;text-decoration:none!important;color:#fff!important;overflow:hidden!important;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;}
  .vt-room-mini-card:before{content:''!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 18% 8%,rgba(34,211,238,.10),transparent 34%),radial-gradient(circle at 100% 100%,rgba(168,85,247,.10),transparent 38%)!important;opacity:.7!important;pointer-events:none!important;}
  .vt-room-mini-card:hover{transform:translateY(-2px)!important;border-color:rgba(34,211,238,.52)!important;box-shadow:0 18px 44px rgba(0,0,0,.32),0 0 0 1px rgba(34,211,238,.10)!important;background:linear-gradient(135deg,rgba(16,25,46,.98),rgba(9,15,31,.98))!important;}
  .vt-room-mini-card.is-current{border-color:#22d3ee!important;box-shadow:0 0 0 1px rgba(34,211,238,.35),0 16px 44px rgba(34,211,238,.10)!important;}
  .vt-room-mini-cover{position:relative!important;z-index:1!important;width:132px!important;height:78px!important;border-radius:16px!important;background-size:cover!important;background-position:center!important;overflow:hidden!important;display:block!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 12px 28px rgba(0,0,0,.26)!important;}
  .vt-room-mini-cover:after{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(2,6,23,.10),rgba(2,6,23,.30))!important;}
  .vt-live-dot{position:absolute!important;left:8px!important;bottom:8px!important;top:auto!important;z-index:3!important;display:inline-flex!important;align-items:center!important;height:24px!important;padding:0 9px!important;border-radius:999px!important;background:linear-gradient(135deg,#ef4444,#f97316)!important;color:#fff!important;font-size:11px!important;font-weight:1000!important;letter-spacing:.03em!important;box-shadow:0 10px 20px rgba(239,68,68,.24)!important;}
  .vt-room-mini-cover em{position:absolute!important;right:8px!important;top:8px!important;z-index:3!important;height:25px!important;min-width:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:rgba(15,23,42,.72)!important;border:1px solid rgba(255,255,255,.14)!important;color:#e9d5ff!important;font-size:12px!important;font-style:normal!important;font-weight:950!important;}
  .vt-room-card-body{position:relative!important;z-index:1!important;display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important;padding:0!important;}
  .vt-room-card-body strong{font-size:17px!important;line-height:1.15!important;letter-spacing:-.01em!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .vt-room-card-body small{font-size:12.5px!important;line-height:1.4!important;color:#b6c4d8!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  .vt-room-mini-card:after{content:'Geç'!important;position:relative!important;z-index:1!important;justify-self:end!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:38px!important;border-radius:13px!important;background:rgba(124,58,237,.20)!important;border:1px solid rgba(168,85,247,.34)!important;color:#d8b4fe!important;font-size:12px!important;font-weight:1000!important;transition:.18s ease!important;}
  .vt-room-mini-card:hover:after{background:linear-gradient(135deg,#7c3aed,#06b6d4)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 28px rgba(124,58,237,.26)!important;}
  .vt-room-mini-card.is-current:after{content:'Aktif'!important;background:linear-gradient(135deg,#06b6d4,#2563eb)!important;color:#fff!important;border-color:transparent!important;}
  .vt-new-members-panel{flex:0 0 176px!important;padding:18px!important;overflow:hidden!important;}
  .vt-members-head{margin:0 0 12px!important;padding-bottom:12px!important}.vt-members-head span{flex:0 0 auto!important;border-radius:999px!important;padding:7px 11px!important;background:rgba(124,58,237,.20)!important;border:1px solid rgba(168,85,247,.38)!important;color:#d8b4fe!important;font-size:12px!important;font-weight:950!important;white-space:nowrap!important;}
  .vt-member-carousel-lite{display:flex!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 2px 8px!important;scrollbar-width:thin!important;scrollbar-color:#8b5cf6 rgba(15,23,42,.55)!important;}
  .vt-member-carousel-lite::-webkit-scrollbar{height:7px!important}.vt-member-carousel-lite::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#22d3ee,#a855f7)!important;border-radius:999px!important}
  .vt-new-member{flex:0 0 86px!important;min-width:86px!important;text-align:center!important;border-radius:18px!important;padding:10px 8px!important;background:rgba(15,23,42,.60)!important;border:1px solid rgba(148,163,184,.14)!important;}
  .vt-new-member img{width:52px!important;height:52px!important;border-radius:17px!important;border:2px solid #d946ef!important;background:#1d4ed8!important;object-fit:cover!important;}
  .vt-new-member b{display:block!important;margin-top:7px!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#fff!important;}.vt-new-member small{display:block!important;color:#aab7c8!important;font-size:10.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
}
@media (min-width:901px) and (max-width:1480px){
  .room-shell{grid-template-columns:320px minmax(500px,1fr) 390px!important;gap:14px!important;}
  .vt-room-mini-card{grid-template-columns:116px minmax(0,1fr) 40px!important;gap:12px!important;min-height:94px!important;padding:10px!important;border-radius:20px!important;}
  .vt-room-mini-cover{width:116px!important;height:72px!important;border-radius:15px!important;}
  .vt-room-card-body strong{font-size:16px!important}.vt-room-card-body small{font-size:12px!important}.vt-room-mini-card:after{width:48px!important;height:34px!important;font-size:11px!important}
}
@media (max-width:900px){
  .vt-room-right-panel{display:none!important;}
}

/* V8.92.55 - Sağ panel başlık/kart hizası + oda içi arka plan kesin uygulama */
@media (min-width:901px){
  body.room-v8{
    min-height:100dvh!important;
    overflow:hidden!important;
    background-color:#020617!important;
    background-image:
      radial-gradient(circle at 6% 8%, rgba(168,85,247,.16), transparent 34%),
      radial-gradient(circle at 92% 6%, rgba(34,211,238,.10), transparent 30%),
      linear-gradient(rgba(2,6,23,.74), rgba(2,6,23,.86)),
      var(--room-bg)!important;
    background-size:cover!important;
    background-position:center!important;
    background-attachment:fixed!important;
  }
  body.room-v8 .room-shell{
    position:relative!important;
    isolation:isolate!important;
    height:100dvh!important;
    min-height:0!important;
    overflow:hidden!important;
    grid-template-columns:344px minmax(0,1fr) 426px!important;
    grid-template-rows:92px minmax(0,1fr) 104px!important;
    gap:14px!important;
    padding:16px!important;
    box-sizing:border-box!important;
    background:rgba(2,6,23,.42)!important;
  }
  body.room-v8 .room-shell::before{
    content:""!important;
    position:absolute!important;
    inset:92px 454px 122px 364px!important;
    border-radius:28px!important;
    background:
      linear-gradient(rgba(3,7,18,.70),rgba(3,7,18,.76)),
      var(--room-bg)!important;
    background-size:cover!important;
    background-position:center!important;
    filter:saturate(1.04)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 24px 90px rgba(0,0,0,.32)!important;
    z-index:-1!important;
    pointer-events:none!important;
  }
  body.room-v8 .room-shell::after{
    content:""!important;
    position:absolute!important;
    inset:92px 454px 122px 364px!important;
    border-radius:28px!important;
    background:
      radial-gradient(circle at 24% 14%,rgba(168,85,247,.16),transparent 34%),
      radial-gradient(circle at 82% 82%,rgba(34,211,238,.08),transparent 32%)!important;
    z-index:-1!important;
    pointer-events:none!important;
  }
  body.room-v8 .room-header{grid-area:head!important;margin:0!important;min-width:0!important;align-self:stretch!important;}
  body.room-v8 .user-drawer{grid-area:side!important;margin:0!important;height:auto!important;min-height:0!important;overflow:hidden!important;}
  body.room-v8 .chat-stream,#messages.chat-stream{grid-area:stage!important;position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;width:auto!important;max-width:none!important;max-height:none!important;height:auto!important;margin:0!important;overflow:auto!important;pointer-events:auto!important;background:transparent!important;border-radius:28px!important;padding:22px!important;box-sizing:border-box!important;z-index:2!important;}
  body.room-v8 .modern-chatbar,body.room-v8 footer.composer.modern-chatbar{grid-area:composer!important;position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;width:auto!important;min-width:0!important;height:104px!important;min-height:104px!important;margin:0!important;border-radius:24px!important;z-index:5!important;align-self:stretch!important;}
  body.room-v8 .vt-room-right-panel{
    grid-column:3!important;grid-row:1 / span 3!important;
    width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;
    display:flex!important;flex-direction:column!important;gap:14px!important;padding:0!important;overflow:hidden!important;
  }
  body.room-v8 .vt-room-cards-panel{
    flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;
    padding:20px!important;border-radius:28px!important;
    background:
      radial-gradient(circle at 16% 0%,rgba(34,211,238,.13),transparent 34%),
      radial-gradient(circle at 92% 8%,rgba(168,85,247,.16),transparent 32%),
      linear-gradient(180deg,rgba(9,16,34,.96),rgba(4,9,20,.98))!important;
    border:1px solid rgba(148,163,184,.18)!important;
  }
  body.room-v8 .vt-rooms-head,
  body.room-v8 .vt-panel-title-row.vt-rooms-head{
    height:38px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
    margin:0 0 14px!important;padding:0 0 14px!important;border-bottom:1px solid rgba(148,163,184,.13)!important;box-sizing:content-box!important;
  }
  body.room-v8 .vt-rooms-head b{font-size:24px!important;line-height:1!important;color:#fff!important;letter-spacing:-.02em!important;margin:0!important;white-space:nowrap!important;}
  body.room-v8 .vt-room-count-badge{position:static!important;flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:auto!important;height:30px!important;padding:0 12px!important;border-radius:999px!important;background:rgba(124,58,237,.22)!important;border:1px solid rgba(168,85,247,.38)!important;color:#e9d5ff!important;font-size:12px!important;font-weight:950!important;white-space:nowrap!important;}
  body.room-v8 .vt-room-mini-grid{
    height:calc(100% - 66px)!important;max-height:none!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
    display:flex!important;flex-direction:column!important;gap:12px!important;padding:2px 7px 2px 2px!important;
  }
  body.room-v8 .vt-room-mini-card{
    display:grid!important;grid-template-columns:132px minmax(0,1fr) 46px!important;grid-template-rows:auto!important;gap:13px!important;align-items:center!important;
    min-height:104px!important;height:auto!important;padding:12px!important;border-radius:22px!important;overflow:hidden!important;position:relative!important;
    background:linear-gradient(135deg,rgba(12,20,39,.96),rgba(7,12,27,.98))!important;border:1px solid rgba(148,163,184,.16)!important;
    box-shadow:0 14px 40px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)!important;color:#fff!important;text-decoration:none!important;
  }
  body.room-v8 .vt-room-mini-card:hover{transform:translateY(-2px)!important;border-color:rgba(34,211,238,.50)!important;box-shadow:0 20px 50px rgba(0,0,0,.36),0 0 0 1px rgba(34,211,238,.10)!important;background:linear-gradient(135deg,rgba(16,25,48,.98),rgba(8,14,30,.98))!important;}
  body.room-v8 .vt-room-mini-card.is-current{border-color:#22d3ee!important;box-shadow:0 0 0 1px rgba(34,211,238,.34),0 18px 48px rgba(34,211,238,.10)!important;}
  body.room-v8 .vt-room-mini-card:before{display:none!important;}
  body.room-v8 .vt-room-mini-cover{grid-column:1!important;position:relative!important;width:132px!important;height:80px!important;min-height:80px!important;border-radius:17px!important;background-size:cover!important;background-position:center!important;overflow:hidden!important;display:block!important;filter:saturate(1.06) contrast(1.04)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 12px 30px rgba(0,0,0,.28)!important;}
  body.room-v8 .vt-room-mini-cover:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(2,6,23,.06),rgba(2,6,23,.32)),linear-gradient(180deg,rgba(0,0,0,.02),rgba(2,6,23,.42))!important;}
  body.room-v8 .vt-room-mini-card.no-cover .vt-room-mini-cover{background:linear-gradient(135deg,#0ea5e9,#312e81 56%,#a855f7)!important;}
  body.room-v8 .vt-room-mini-card.no-cover .vt-room-mini-cover:before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.25),transparent 25%),radial-gradient(circle at 80% 75%,rgba(34,211,238,.18),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.12),transparent 45%)!important;z-index:1!important;}
  body.room-v8 .vt-live-dot{position:absolute!important;left:8px!important;bottom:8px!important;top:auto!important;z-index:4!important;height:23px!important;padding:0 9px!important;display:inline-flex!important;align-items:center!important;border-radius:999px!important;background:linear-gradient(135deg,#ef4444,#fb7185)!important;color:#fff!important;font-size:10px!important;font-weight:1000!important;letter-spacing:.03em!important;box-shadow:0 10px 22px rgba(239,68,68,.28)!important;}
  body.room-v8 .vt-room-mini-cover em{position:static!important;grid-column:3!important;justify-self:end!important;align-self:center!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:42px!important;min-width:42px!important;height:34px!important;margin:0!important;border-radius:13px!important;background:rgba(88,28,135,.46)!important;border:1px solid rgba(168,85,247,.31)!important;color:#e9d5ff!important;font-size:12px!important;font-style:normal!important;font-weight:950!important;}
  body.room-v8 .vt-room-card-body{grid-column:2!important;position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important;padding:0!important;margin:0!important;}
  body.room-v8 .vt-room-card-body strong{font-size:17px!important;line-height:1.15!important;color:#fff!important;letter-spacing:-.01em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important;}
  body.room-v8 .vt-room-card-body small{font-size:12.5px!important;line-height:1.35!important;color:#cbd5e1!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:0!important;}
  body.room-v8 .vt-room-mini-card:after{content:"Geç"!important;position:static!important;grid-column:3!important;justify-self:end!important;align-self:end!important;width:42px!important;height:32px!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:rgba(124,58,237,.18)!important;border:1px solid rgba(168,85,247,.33)!important;color:#d8b4fe!important;font-size:11px!important;font-weight:1000!important;}
  body.room-v8 .vt-room-mini-card:hover:after{background:linear-gradient(135deg,#7c3aed,#06b6d4)!important;color:#fff!important;border-color:transparent!important;}
  body.room-v8 .vt-room-mini-card.is-current:after{content:"Aktif"!important;background:linear-gradient(135deg,#06b6d4,#2563eb)!important;color:#fff!important;border-color:transparent!important;}
  body.room-v8 .vt-new-members-panel{flex:0 0 164px!important;min-height:164px!important;max-height:164px!important;overflow:hidden!important;border-radius:26px!important;padding:18px!important;background:radial-gradient(circle at 16% 0%,rgba(217,70,239,.16),transparent 36%),linear-gradient(180deg,rgba(10,16,34,.96),rgba(5,10,22,.98))!important;}
  body.room-v8 .vt-members-head{height:32px!important;margin:0 0 12px!important;padding:0 0 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid rgba(148,163,184,.11)!important;}
  body.room-v8 .vt-members-head b{font-size:20px!important;line-height:1!important;color:#fff!important;white-space:nowrap!important;}
  body.room-v8 .vt-members-head span{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;max-width:150px!important;height:28px!important;padding:0 11px!important;border-radius:999px!important;background:rgba(124,58,237,.20)!important;border:1px solid rgba(168,85,247,.36)!important;color:#d8b4fe!important;font-size:12px!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
}

@media (min-width:901px) and (max-width:1480px){
  body.room-v8 .room-shell{grid-template-columns:320px minmax(0,1fr) 392px!important;grid-template-rows:86px minmax(0,1fr) 100px!important;gap:12px!important;padding:14px!important;}
  body.room-v8 .room-shell::before,body.room-v8 .room-shell::after{inset:86px 420px 114px 334px!important;}
  body.room-v8 .vt-room-cards-panel{padding:16px!important;}
  body.room-v8 .vt-room-mini-card{grid-template-columns:116px minmax(0,1fr) 40px!important;gap:12px!important;min-height:94px!important;padding:10px!important;border-radius:20px!important;}
  body.room-v8 .vt-room-mini-cover{width:116px!important;height:72px!important;border-radius:15px!important;}
  body.room-v8 .vt-room-card-body strong{font-size:16px!important;}
  body.room-v8 .vt-room-card-body small{font-size:12px!important;}
  body.room-v8 .vt-room-mini-cover em,body.room-v8 .vt-room-mini-card:after{width:48px!important;min-width:48px!important;font-size:10.5px!important;}
}

/* V8.92.56 - Sag panel estetik son duzen */
@media (min-width:901px){
  body.room-v8 .vt-room-right-panel{
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
    min-width:370px!important;
    width:clamp(370px,24vw,450px)!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body.room-v8 .vt-room-cards-panel,
  body.room-v8 .vt-new-members-panel{
    border-radius:28px!important;
    border:1px solid rgba(148,163,184,.16)!important;
    background:
      radial-gradient(circle at 12% 0%,rgba(34,211,238,.10),transparent 32%),
      radial-gradient(circle at 88% 0%,rgba(168,85,247,.15),transparent 34%),
      linear-gradient(180deg,rgba(8,15,32,.96),rgba(4,9,20,.98))!important;
    box-shadow:0 22px 70px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  body.room-v8 .vt-room-cards-panel{flex:1 1 auto!important;min-height:0!important;padding:20px!important;overflow:hidden!important;}
  body.room-v8 .vt-panel-title-row.vt-rooms-head,
  body.room-v8 .vt-panel-title-row.vt-members-head{
    height:auto!important;
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:0 0 16px!important;
    padding:0 0 14px!important;
    border-bottom:1px solid rgba(148,163,184,.14)!important;
  }
  body.room-v8 .vt-rooms-head b,
  body.room-v8 .vt-members-head b{
    font-size:22px!important;
    line-height:1!important;
    letter-spacing:-.02em!important;
    color:#fff!important;
    white-space:nowrap!important;
    margin:0!important;
  }
  body.room-v8 .vt-room-count-badge,
  body.room-v8 .vt-members-head span{
    position:static!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:30px!important;
    max-width:150px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    color:#e9d5ff!important;
    background:rgba(124,58,237,.18)!important;
    border:1px solid rgba(168,85,247,.33)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
    font-size:12px!important;
    font-weight:900!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.room-v8 .vt-room-mini-grid{
    height:calc(100% - 66px)!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    gap:13px!important;
    padding:2px 8px 8px 2px!important;
    scrollbar-width:thin!important;
    scrollbar-color:#a855f7 rgba(15,23,42,.75)!important;
  }
  body.room-v8 .vt-room-mini-grid::-webkit-scrollbar{width:8px!important;}
  body.room-v8 .vt-room-mini-grid::-webkit-scrollbar-track{background:rgba(15,23,42,.72)!important;border-radius:999px!important;}
  body.room-v8 .vt-room-mini-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22d3ee,#a855f7)!important;border-radius:999px!important;border:2px solid rgba(15,23,42,.72)!important;}
  body.room-v8 .vt-room-mini-card{
    position:relative!important;
    display:grid!important;
    grid-template-columns:118px minmax(0,1fr) auto!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    gap:14px!important;
    min-height:96px!important;
    height:auto!important;
    padding:11px 12px!important;
    border-radius:23px!important;
    background:linear-gradient(135deg,rgba(13,22,43,.96),rgba(7,13,30,.98))!important;
    border:1px solid rgba(148,163,184,.16)!important;
    box-shadow:0 16px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.045)!important;
    color:#fff!important;
    text-decoration:none!important;
    overflow:hidden!important;
    transform:none!important;
    transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease!important;
  }
  body.room-v8 .vt-room-mini-card:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(34,211,238,.45)!important;
    background:linear-gradient(135deg,rgba(17,28,54,.98),rgba(8,15,34,.98))!important;
    box-shadow:0 20px 55px rgba(0,0,0,.34),0 0 0 1px rgba(34,211,238,.08)!important;
  }
  body.room-v8 .vt-room-mini-card.is-current{
    border-color:#22d3ee!important;
    box-shadow:0 0 0 1px rgba(34,211,238,.36),0 18px 52px rgba(34,211,238,.10)!important;
  }
  body.room-v8 .vt-room-mini-card:before{display:none!important;}
  body.room-v8 .vt-room-mini-cover{
    grid-column:1!important;
    width:118px!important;
    height:74px!important;
    min-height:74px!important;
    border-radius:18px!important;
    display:block!important;
    position:relative!important;
    overflow:hidden!important;
    background-size:cover!important;
    background-position:center!important;
    filter:saturate(1.05) contrast(1.05)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 10px 26px rgba(0,0,0,.28)!important;
  }
  body.room-v8 .vt-room-mini-cover:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(90deg,rgba(2,6,23,.04),rgba(2,6,23,.22)),linear-gradient(180deg,rgba(0,0,0,0),rgba(2,6,23,.34))!important;
    z-index:1!important;
  }
  body.room-v8 .vt-room-mini-card.no-cover .vt-room-mini-cover{
    background:radial-gradient(circle at 20% 20%,rgba(34,211,238,.50),transparent 28%),linear-gradient(135deg,#10213f,#2a1764 62%,#7c2cff)!important;
  }
  body.room-v8 .vt-live-dot{
    position:absolute!important;
    left:8px!important;
    bottom:8px!important;
    top:auto!important;
    z-index:4!important;
    height:22px!important;
    padding:0 9px!important;
    display:inline-flex!important;
    align-items:center!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#ef4444,#fb7185)!important;
    color:#fff!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:1000!important;
    letter-spacing:.035em!important;
    box-shadow:0 10px 22px rgba(239,68,68,.28)!important;
  }
  body.room-v8 .vt-room-mini-cover em{
    position:absolute!important;
    right:8px!important;
    top:8px!important;
    left:auto!important;
    bottom:auto!important;
    z-index:4!important;
    height:24px!important;
    min-width:40px!important;
    width:auto!important;
    padding:0 8px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    background:rgba(15,23,42,.76)!important;
    border:1px solid rgba(168,85,247,.35)!important;
    color:#e9d5ff!important;
    font-size:11px!important;
    font-weight:950!important;
    font-style:normal!important;
    backdrop-filter:blur(10px)!important;
  }
  body.room-v8 .vt-room-card-body{
    grid-column:2!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:7px!important;
    padding:0!important;
    margin:0!important;
    position:relative!important;
    z-index:2!important;
  }
  body.room-v8 .vt-room-card-body strong{
    font-size:17px!important;
    line-height:1.1!important;
    color:#fff!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    margin:0!important;
  }
  body.room-v8 .vt-room-card-body small{
    font-size:12.5px!important;
    line-height:1.34!important;
    color:#c7d2fe!important;
    margin:0!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  body.room-v8 .vt-room-mini-card:after{
    content:"Geç"!important;
    grid-column:3!important;
    position:static!important;
    width:42px!important;
    height:32px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    justify-self:end!important;
    border-radius:13px!important;
    background:rgba(124,58,237,.18)!important;
    border:1px solid rgba(168,85,247,.34)!important;
    color:#d8b4fe!important;
    font-size:11px!important;
    font-weight:1000!important;
    box-shadow:none!important;
  }
  body.room-v8 .vt-room-mini-card:hover:after{background:linear-gradient(135deg,#7c3aed,#06b6d4)!important;color:#fff!important;border-color:transparent!important;}
  body.room-v8 .vt-room-mini-card.is-current:after{content:"Aktif"!important;background:linear-gradient(135deg,#06b6d4,#2563eb)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 28px rgba(34,211,238,.20)!important;}
  body.room-v8 .vt-new-members-panel{
    flex:0 0 158px!important;
    min-height:158px!important;
    max-height:158px!important;
    overflow:hidden!important;
    padding:18px!important;
  }
  body.room-v8 .vt-member-carousel-lite{display:flex!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 2px 6px!important;scrollbar-width:thin!important;scrollbar-color:#a855f7 transparent!important;}
  body.room-v8 .vt-new-member{min-width:74px!important;width:74px!important;text-align:center!important;border:1px solid rgba(148,163,184,.14)!important;background:rgba(15,23,42,.55)!important;border-radius:18px!important;padding:9px 7px!important;}
  body.room-v8 .vt-new-member img{width:46px!important;height:46px!important;border-radius:50%!important;border:2px solid #d946ef!important;object-fit:cover!important;}
  body.room-v8 .vt-new-member b{display:block!important;font-size:11px!important;line-height:1.1!important;margin-top:6px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.room-v8 .vt-new-member small{display:block!important;font-size:10px!important;color:#cbd5e1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
}

@media (min-width:901px) and (max-width:1480px){
  body.room-v8 .vt-room-right-panel{min-width:350px!important;width:350px!important;}
  body.room-v8 .vt-room-cards-panel{padding:16px!important;}
  body.room-v8 .vt-room-mini-card{grid-template-columns:104px minmax(0,1fr) 38px!important;gap:11px!important;min-height:88px!important;padding:10px!important;border-radius:20px!important;}
  body.room-v8 .vt-room-mini-cover{width:104px!important;height:66px!important;border-radius:15px!important;}
  body.room-v8 .vt-room-card-body strong{font-size:15.5px!important;}
  body.room-v8 .vt-room-card-body small{font-size:11.5px!important;-webkit-line-clamp:2!important;}
  body.room-v8 .vt-room-mini-card:after{width:48px!important;height:30px!important;font-size:10.5px!important;}
  body.room-v8 .vt-rooms-head b,body.room-v8 .vt-members-head b{font-size:21px!important;}
}

/* V8.92.57 - Sağ panel oda listesi: daha estetik, 5 oda görünür, yeni üyeler geniş alan */
body.room-v8 .vt-room-right-panel{
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.room-v8 .vt-side-card{
  box-sizing:border-box!important;
}
body.room-v8 .vt-room-cards-panel{
  flex:0 0 min(61vh, 635px)!important;
  min-height:430px!important;
  max-height:min(61vh, 635px)!important;
  overflow:hidden!important;
  padding:20px 20px 18px!important;
}
body.room-v8 .vt-panel-title-row.vt-rooms-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 14px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid rgba(148,163,184,.14)!important;
}
body.room-v8 .vt-rooms-head b{
  font-size:24px!important;
  line-height:1!important;
  color:#fff!important;
  letter-spacing:-.02em!important;
}
body.room-v8 .vt-room-count-badge{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:32px!important;
  min-width:58px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:rgba(124,58,237,.24)!important;
  border:1px solid rgba(168,85,247,.42)!important;
  color:#ddd6fe!important;
  font-size:13px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}
body.room-v8 .vt-room-mini-grid{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  max-height:calc(100% - 56px)!important;
  overflow-y:auto!important;
  padding:2px 8px 4px 2px!important;
  scrollbar-width:thin!important;
  scrollbar-color:#a855f7 rgba(15,23,42,.25)!important;
}
body.room-v8 .vt-room-mini-grid::-webkit-scrollbar{width:7px!important}
body.room-v8 .vt-room-mini-grid::-webkit-scrollbar-track{background:rgba(15,23,42,.28)!important;border-radius:99px!important}
body.room-v8 .vt-room-mini-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22d3ee,#a855f7)!important;border-radius:99px!important}
body.room-v8 .vt-room-mini-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:128px minmax(0,1fr) 54px!important;
  align-items:center!important;
  gap:14px!important;
  min-height:96px!important;
  padding:10px!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(15,23,42,.78),rgba(3,7,18,.92))!important;
  border:1px solid rgba(148,163,184,.17)!important;
  color:#fff!important;
  text-decoration:none!important;
  overflow:hidden!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
body.room-v8 .vt-room-mini-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(34,211,238,.50)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 0 1px rgba(168,85,247,.10) inset!important;
  background:linear-gradient(135deg,rgba(18,28,48,.88),rgba(9,14,26,.96))!important;
}
body.room-v8 .vt-room-mini-card.is-current{
  border-color:#22d3ee!important;
  box-shadow:0 0 0 1px rgba(34,211,238,.35) inset,0 16px 38px rgba(34,211,238,.10)!important;
}
body.room-v8 .vt-room-mini-cover{
  position:relative!important;
  display:block!important;
  width:128px!important;
  height:76px!important;
  border-radius:15px!important;
  background-size:cover!important;
  background-position:center!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
  box-shadow:inset 0 -48px 60px rgba(2,6,23,.62)!important;
}
body.room-v8 .vt-room-mini-card.no-cover .vt-room-mini-cover{
  background:radial-gradient(circle at 20% 0%,rgba(34,211,238,.34),transparent 38%),radial-gradient(circle at 80% 30%,rgba(168,85,247,.26),transparent 42%),linear-gradient(135deg,#0f172a,#111827 52%,#020617)!important;
}
body.room-v8 .vt-room-mini-cover:after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(2,6,23,.10),rgba(2,6,23,.36))!important;
}
body.room-v8 .vt-room-user-count{
  position:absolute!important;
  z-index:2!important;
  top:7px!important;
  left:7px!important;
  height:25px!important;
  min-width:45px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  background:rgba(30,18,60,.80)!important;
  border:1px solid rgba(168,85,247,.42)!important;
  color:#ddd6fe!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:1000!important;
  backdrop-filter:blur(10px)!important;
}
body.room-v8 .vt-live-dot{display:none!important}
body.room-v8 .vt-room-card-body{
  display:flex!important;
  min-width:0!important;
  flex-direction:column!important;
  gap:5px!important;
  padding:0!important;
}
body.room-v8 .vt-room-card-body strong{
  display:block!important;
  font-size:18px!important;
  line-height:1.12!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#fff!important;
  letter-spacing:-.01em!important;
}
body.room-v8 .vt-room-card-body small{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  color:#cbd5e1!important;
  font-size:13px!important;
  line-height:1.35!important;
}
body.room-v8 .vt-room-action-mark{
  justify-self:end!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:46px!important;
  height:38px!important;
  border-radius:14px!important;
  background:rgba(88,28,135,.36)!important;
  border:1px solid rgba(168,85,247,.48)!important;
  color:#f5d0fe!important;
  font-size:13px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}
body.room-v8 .vt-room-mini-card.is-current .vt-room-action-mark{
  min-width:42px!important;
  width:42px!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#22d3ee,#7c3aed)!important;
  color:#fff!important;
  box-shadow:0 0 24px rgba(34,211,238,.35)!important;
  font-size:18px!important;
}
body.room-v8 .vt-new-members-panel{
  flex:1 1 auto!important;
  min-height:190px!important;
  overflow:hidden!important;
  padding:20px!important;
}
body.room-v8 .vt-members-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 14px!important;
  padding-bottom:12px!important;
  border-bottom:1px solid rgba(148,163,184,.14)!important;
}
body.room-v8 .vt-members-head b{font-size:22px!important;color:#fff!important;line-height:1!important;white-space:nowrap!important}
body.room-v8 .vt-members-head span{
  max-width:160px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:rgba(124,58,237,.22)!important;
  border:1px solid rgba(168,85,247,.4)!important;
  color:#ddd6fe!important;
  font-size:13px!important;
  font-weight:1000!important;
}
body.room-v8 .vt-member-carousel-lite{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(82px,1fr))!important;
  gap:12px!important;
  max-height:calc(100% - 54px)!important;
  overflow-y:auto!important;
  padding:2px 4px 4px 0!important;
}
body.room-v8 .vt-new-member{
  min-width:0!important;
  padding:10px 8px!important;
  border-radius:18px!important;
  background:rgba(15,23,42,.62)!important;
  border:1px solid rgba(148,163,184,.16)!important;
  text-align:center!important;
}
body.room-v8 .vt-new-member img{width:52px!important;height:52px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid #d946ef!important;box-shadow:0 0 20px rgba(217,70,239,.22)!important}
body.room-v8 .vt-new-member b{display:block!important;margin-top:7px!important;font-size:12px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#fff!important}
body.room-v8 .vt-new-member small{display:block!important;margin-top:3px!important;font-size:11px!important;color:#cbd5e1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
@media(max-width:1380px){
  body.room-v8 .vt-room-mini-card{grid-template-columns:108px minmax(0,1fr) 46px!important;gap:11px!important;min-height:88px!important;padding:9px!important}
  body.room-v8 .vt-room-mini-cover{width:108px!important;height:68px!important}
  body.room-v8 .vt-room-card-body strong{font-size:16px!important}
  body.room-v8 .vt-room-card-body small{font-size:12px!important}
  body.room-v8 .vt-room-action-mark{min-width:40px!important;height:34px!important;font-size:12px!important}
}

/* V8.92.59 - V8.92.57 temiz taban: sadece aktif etiketi ve oda içi arka plan düzeltmesi */
@media (min-width:981px){
  body.room-v8 .vt-room-mini-card.is-current:after{
    content:""!important;
    display:none!important;
  }
  body.room-v8 .vt-room-mini-card.is-current .vt-room-action-mark{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:42px!important;
    width:42px!important;
    height:38px!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,rgba(34,211,238,.95),rgba(124,58,237,.92))!important;
    color:#fff!important;
    box-shadow:0 0 22px rgba(34,211,238,.28)!important;
    font-size:18px!important;
    line-height:1!important;
  }
  body.room-v8 #messages.chat-stream,
  body.room-v8 .chat-stream{
    background:
      radial-gradient(circle at 22% 10%,rgba(168,85,247,.17),transparent 36%),
      radial-gradient(circle at 82% 78%,rgba(34,211,238,.10),transparent 34%),
      linear-gradient(rgba(3,7,18,.74),rgba(3,7,18,.84)),
      var(--room-bg)!important;
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    border:1px solid rgba(148,163,184,.15)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 22px 70px rgba(0,0,0,.28)!important;
  }
}


/* V8.92.60 - Oda içi arka plan yükleme kesin bağlantı
   Not: --room-bg artık room.php tarafından kök-dizinli URL olarak verilir. */
@media (min-width:981px){
  body.room-v8 #messages.chat-stream,
  body.room-v8 .chat-stream{
    background-image:
      radial-gradient(circle at 22% 10%,rgba(168,85,247,.14),transparent 36%),
      radial-gradient(circle at 82% 78%,rgba(34,211,238,.08),transparent 34%),
      linear-gradient(rgba(3,7,18,.76),rgba(3,7,18,.86)),
      var(--room-bg)!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }
  body.room-v8 .room-shell::before{
    background-image:
      linear-gradient(rgba(3,7,18,.72),rgba(3,7,18,.80)),
      var(--room-bg)!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }
}

/* V8.92.63 - Oda arka planı sadece sohbet penceresinde görünsün */
@media (min-width:901px){
  body.room-v8{
    background-image:
      radial-gradient(circle at 8% 0%, rgba(168,85,247,.18), transparent 30%),
      radial-gradient(circle at 92% 4%, rgba(34,211,238,.10), transparent 28%),
      linear-gradient(135deg,#020617 0%,#07111f 45%,#020617 100%)!important;
    background-size:cover!important;
    background-position:center!important;
    background-attachment:fixed!important;
  }
  body.room-v8 .room-shell{
    background:rgba(2,6,23,.48)!important;
  }
  body.room-v8 .room-shell::before,
  body.room-v8 .room-shell::after{
    display:none!important;
    content:none!important;
    background:none!important;
  }
  body.room-v8 #messages.chat-stream,
  body.room-v8 .chat-stream{
    background-image:
      radial-gradient(circle at 22% 10%,rgba(168,85,247,.14),transparent 36%),
      radial-gradient(circle at 82% 78%,rgba(34,211,238,.08),transparent 34%),
      linear-gradient(rgba(3,7,18,.76),rgba(3,7,18,.86)),
      var(--room-bg)!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }
}

/* V8.92.64 - Oda arka planı sadece sohbet akış panelinde görünür.
   Amaç: panelden yüklenen background_image site geneline değil, #messages kutusunun içine cam efektli şekilde basılır. */
@media (min-width:901px){
  body.room-v8{
    background-image:
      radial-gradient(circle at 8% 0%, rgba(168,85,247,.18), transparent 30%),
      radial-gradient(circle at 92% 4%, rgba(34,211,238,.10), transparent 28%),
      linear-gradient(135deg,#020617 0%,#07111f 45%,#020617 100%)!important;
    background-size:cover!important;
    background-position:center!important;
    background-attachment:fixed!important;
  }
  body.room-v8 #messages.chat-stream,
  body.room-v8 .chat-stream{
    position:relative!important;
    isolation:isolate!important;
    overflow:auto!important;
    background:rgba(5,10,25,.62)!important;
    border:1px solid rgba(148,163,184,.16)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 22px 70px rgba(0,0,0,.28)!important;
  }
  body.room-v8 #messages.chat-stream::before,
  body.room-v8 .chat-stream::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-2!important;
    pointer-events:none!important;
    background-image:var(--room-bg)!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    opacity:.46!important;
    filter:saturate(1.08) contrast(1.04) brightness(.92)!important;
  }
  body.room-v8 #messages.chat-stream::after,
  body.room-v8 .chat-stream::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-1!important;
    pointer-events:none!important;
    background:
      radial-gradient(circle at 22% 10%,rgba(168,85,247,.18),transparent 36%),
      radial-gradient(circle at 82% 78%,rgba(34,211,238,.10),transparent 34%),
      linear-gradient(rgba(3,7,18,.54),rgba(3,7,18,.68))!important;
  }
}


/* V8.92.65 - Mobil oda çekmecesi ve mobil chat temizliği */
.vt-mobile-rooms-drawer{display:none;}
@media (max-width:900px){
  body.room-v8 .vt-room-right-panel{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.room-v8 .room-header .vt-room-top-actions .vt-admin-top-btn{
    display:none!important;
  }
  body.room-v8 #roomsBtn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
  }
  body.room-v8 #roomsBtn::after{
    content:'Odalar';
    position:absolute;
    bottom:calc(100% + 7px);
    left:50%;
    transform:translateX(-50%);
    padding:4px 8px;
    border-radius:999px;
    background:rgba(15,23,42,.92);
    border:1px solid rgba(34,211,238,.28);
    color:#bae6fd;
    font-size:10px;
    font-weight:900;
    letter-spacing:.02em;
    white-space:nowrap;
    opacity:0;
    pointer-events:none;
    transition:.18s ease;
  }
  body.room-v8 #roomsBtn:active::after,
  body.room-v8 #roomsBtn:hover::after{opacity:1;}
  .vt-mobile-rooms-drawer.hidden{display:none!important;}
  .vt-mobile-rooms-drawer{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:46000!important;
    pointer-events:auto!important;
  }
  .vt-mrooms-backdrop{
    position:absolute!important;
    inset:0!important;
    background:rgba(2,6,23,.62)!important;
    backdrop-filter:blur(10px)!important;
  }
  .vt-mrooms-panel{
    position:absolute!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:min(86vw,360px)!important;
    background:linear-gradient(180deg,rgba(8,13,31,.98),rgba(7,12,28,.96))!important;
    border-right:1px solid rgba(34,211,238,.22)!important;
    box-shadow:24px 0 80px rgba(0,0,0,.55), inset -1px 0 0 rgba(168,85,247,.16)!important;
    padding:calc(16px + env(safe-area-inset-top)) 14px calc(var(--vt-mobile-chatbar-h,132px) + env(safe-area-inset-bottom) + 14px)!important;
    transform:translateX(0)!important;
    animation:vtRoomsSlideIn .22s ease both!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
  }
  @keyframes vtRoomsSlideIn{from{transform:translateX(-102%)}to{transform:translateX(0)}}
  .vt-mrooms-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:12px 12px!important;
    border-radius:22px!important;
    background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(168,85,247,.14))!important;
    border:1px solid rgba(148,163,184,.18)!important;
  }
  .vt-mrooms-head b{display:block!important;color:#fff!important;font-size:20px!important;line-height:1!important;font-weight:1000!important;}
  .vt-mrooms-head small{display:block!important;color:#94a3b8!important;margin-top:4px!important;font-size:12px!important;font-weight:800!important;}
  #mobileRoomsClose{
    width:40px!important;height:40px!important;border-radius:16px!important;border:1px solid rgba(248,113,113,.32)!important;
    background:linear-gradient(135deg,rgba(244,63,94,.92),rgba(190,24,93,.88))!important;color:#fff!important;font-size:24px!important;font-weight:900!important;
    cursor:pointer!important;box-shadow:0 12px 28px rgba(244,63,94,.20)!important;
  }
  .vt-mrooms-list{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    padding:2px 4px 4px 0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(168,85,247,.82) rgba(15,23,42,.28)!important;
  }
  .vt-mrooms-list::-webkit-scrollbar{width:7px!important}.vt-mrooms-list::-webkit-scrollbar-track{background:rgba(15,23,42,.35)!important;border-radius:20px!important}.vt-mrooms-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22d3ee,#a855f7)!important;border-radius:20px!important}
  .vt-mroom-item{
    display:grid!important;
    grid-template-columns:78px minmax(0,1fr) 44px!important;
    align-items:center!important;
    gap:10px!important;
    min-height:82px!important;
    padding:9px!important;
    border-radius:22px!important;
    text-decoration:none!important;
    color:#fff!important;
    background:rgba(15,23,42,.74)!important;
    border:1px solid rgba(148,163,184,.16)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  .vt-mroom-item.is-current{border-color:#22d3ee!important;box-shadow:0 0 0 1px rgba(34,211,238,.26),0 16px 42px rgba(34,211,238,.10)!important;background:linear-gradient(135deg,rgba(15,23,42,.86),rgba(30,41,59,.72))!important;}
  .vt-mroom-cover{
    width:78px!important;height:64px!important;border-radius:17px!important;display:block!important;overflow:hidden!important;
    background-size:cover!important;background-position:center!important;position:relative!important;
    box-shadow:inset 0 -35px 45px rgba(2,6,23,.44)!important;
  }
  .vt-mroom-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(2,6,23,.52))!important;}
  .vt-mroom-item.no-cover[data-room="geneloda"] .vt-mroom-cover{background:radial-gradient(circle at 20% 20%,#22d3ee 0,#2563eb 28%,transparent 54%),linear-gradient(135deg,#192457,#6d28d9 55%,#0f172a)!important}
  .vt-mroom-item.no-cover[data-room="muzik"], .vt-mroom-item.no-cover[data-room="muzik-odasi"]{}
  .vt-mroom-item.no-cover[data-room="muzik"] .vt-mroom-cover,.vt-mroom-item.no-cover[data-room="muzik-odasi"] .vt-mroom-cover{background:radial-gradient(circle at 25% 30%,#fbbf24 0,#f97316 26%,transparent 54%),linear-gradient(135deg,#301a04,#7c2d12 58%,#111827)!important}
  .vt-mroom-item.no-cover[data-room="serbest"] .vt-mroom-cover,.vt-mroom-item.no-cover[data-room="serbest-kursu"] .vt-mroom-cover{background:radial-gradient(circle at 30% 35%,#fb7185 0,#be123c 28%,transparent 56%),linear-gradient(135deg,#2b1118,#7f1d1d 58%,#0f172a)!important}
  .vt-mroom-item.no-cover[data-room="oyun"] .vt-mroom-cover,.vt-mroom-item.no-cover[data-room="oyun-sohbet"] .vt-mroom-cover{background:radial-gradient(circle at 65% 35%,#22d3ee 0,#7c3aed 28%,transparent 58%),linear-gradient(135deg,#111827,#312e81 58%,#020617)!important}
  .vt-mroom-item.no-cover .vt-mroom-cover{background:radial-gradient(circle at 30% 25%,#a855f7 0,#334155 30%,transparent 58%),linear-gradient(135deg,#0f172a,#1e1b4b 60%,#020617)!important}
  .vt-mroom-info{min-width:0!important;display:block!important;}
  .vt-mroom-info strong{display:block!important;color:#fff!important;font-size:15px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-weight:1000!important;}
  .vt-mroom-info small{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:#cbd5e1!important;font-size:12px!important;line-height:1.25!important;margin-top:5px!important;}
  .vt-mroom-meta{width:48px!important;height:34px!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:rgba(88,28,135,.42)!important;border:1px solid rgba(168,85,247,.40)!important;color:#f5d0fe!important;font-size:12px!important;font-weight:1000!important;}
  .vt-mroom-item.is-current .vt-mroom-meta{background:linear-gradient(135deg,#22d3ee,#7c3aed)!important;color:#fff!important;font-size:18px!important;box-shadow:0 0 22px rgba(34,211,238,.26)!important;}
  body.vt-mobile-rooms-open{overflow:hidden!important;}
}
@media (min-width:901px){
  .vt-mobile-rooms-drawer{display:none!important;}
}


/* V8.92.67 - Güvenli mobil oda butonu yerleşimi */
body.room-v8 .vt-mobile-rooms-top-btn{display:none!important;}
@media (min-width:901px){
  body.room-v8 #roomsBtn, body.room-v8 .vt-mobile-rooms-top-btn{display:none!important;}
}
@media (max-width:900px){
  body.room-v8 .vt-room-top-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;}
  body.room-v8 .vt-mobile-rooms-top-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;min-width:42px!important;border-radius:15px!important;border:1px solid rgba(34,211,238,.32)!important;background:linear-gradient(135deg,rgba(14,165,233,.18),rgba(168,85,247,.18))!important;color:#e0f2fe!important;font-size:20px!important;box-shadow:0 10px 26px rgba(34,211,238,.10), inset 0 1px 0 rgba(255,255,255,.07)!important;}
  body.room-v8 .vt-mobile-rooms-drawer:not(.hidden){display:block!important;opacity:1!important;visibility:visible!important;}
  body.room-v8 .vt-mobile-rooms-drawer:not(.hidden) .vt-mrooms-panel{display:flex!important;opacity:1!important;visibility:visible!important;transform:translateX(0)!important;}
  body.room-v8 .vt-mobile-rooms-drawer:not(.hidden) .vt-mrooms-list{display:flex!important;opacity:1!important;visibility:visible!important;min-height:180px!important;}
  body.room-v8 .vt-mobile-rooms-drawer:not(.hidden) .vt-mroom-item{display:grid!important;}
}

/* V8.92.68 - Mobil üst buton premium görünüm */
@media (max-width:900px){
  body.room-v8 .room-header{
    gap:10px!important;
    padding:10px 12px!important;
  }
  body.room-v8 .vt-room-top-actions{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    flex-wrap:nowrap!important;
    padding:5px!important;
    border-radius:20px!important;
    background:linear-gradient(135deg,rgba(15,23,42,.76),rgba(30,41,59,.56))!important;
    border:1px solid rgba(148,163,184,.18)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }
  body.room-v8 .vt-room-top-actions .round-btn,
  body.room-v8 .vt-room-top-actions .vt-mobile-rooms-top-btn,
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    padding:0!important;
    margin:0!important;
    border-radius:15px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-decoration:none!important;
    line-height:1!important;
    font-size:0!important;
    letter-spacing:0!important;
    overflow:hidden!important;
    position:relative!important;
    border:1px solid rgba(148,163,184,.18)!important;
    background:rgba(15,23,42,.62)!important;
    color:#e2e8f0!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
    transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  body.room-v8 .vt-room-top-actions .round-btn:active,
  body.room-v8 .vt-room-top-actions .vt-mobile-rooms-top-btn:active,
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn:active{
    transform:scale(.94)!important;
  }
  body.room-v8 .vt-room-top-actions .round-btn:hover,
  body.room-v8 .vt-room-top-actions .vt-mobile-rooms-top-btn:hover{
    border-color:rgba(34,211,238,.38)!important;
    background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(168,85,247,.13))!important;
    box-shadow:0 10px 26px rgba(34,211,238,.12), inset 0 1px 0 rgba(255,255,255,.07)!important;
  }
  body.room-v8 #usersToggle::before{
    content:'👥'!important;
    font-size:17px!important;
    line-height:1!important;
    filter:drop-shadow(0 4px 10px rgba(34,211,238,.20));
  }
  body.room-v8 #roomsBtn::before{
    content:'▦'!important;
    font-size:22px!important;
    font-weight:900!important;
    line-height:1!important;
    color:#c4b5fd!important;
    text-shadow:0 0 18px rgba(168,85,247,.40)!important;
  }
  body.room-v8 #roomsBtn::after,
  body.room-v8 .vt-mobile-rooms-top-btn::after{
    content:none!important;
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
  }
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn{
    border-color:rgba(248,113,113,.24)!important;
    background:linear-gradient(135deg,rgba(127,29,29,.66),rgba(88,28,135,.34))!important;
    color:#fecaca!important;
  }
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn::before{
    content:'×'!important;
    display:block!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:28px!important;
    font-weight:300!important;
    line-height:38px!important;
    color:#fee2e2!important;
    text-shadow:0 0 18px rgba(248,113,113,.45)!important;
  }
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn:hover{
    border-color:rgba(248,113,113,.50)!important;
    background:linear-gradient(135deg,rgba(220,38,38,.68),rgba(124,58,237,.32))!important;
    box-shadow:0 10px 28px rgba(248,113,113,.14), inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  body.room-v8 .vt-room-top-actions .vt-live-command-btn::before{
    content:'🛡️'!important;
    font-size:17px!important;
    line-height:1!important;
  }
  body.room-v8 .vt-room-top-actions .vt-live-command-btn{
    color:transparent!important;
  }
}
@media (min-width:901px){
  body.room-v8 .vt-mobile-rooms-top-btn{display:none!important;}
}

/* V8.92.69 - Mobil üst buton estetik + oda ilk açılış düzeltmesi */
@media (max-width:900px){
  body.room-v8 .vt-room-top-actions{
    gap:7px!important;
    padding:6px!important;
    border-radius:22px!important;
    background:rgba(8,13,30,.72)!important;
    border:1px solid rgba(148,163,184,.16)!important;
    box-shadow:0 16px 38px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06)!important;
  }
  body.room-v8 .vt-room-top-actions .round-btn,
  body.room-v8 .vt-room-top-actions .vt-mobile-rooms-top-btn,
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn{
    width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;
    border-radius:16px!important;
    font-size:0!important;
    color:transparent!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:linear-gradient(135deg,rgba(15,23,42,.88),rgba(30,41,59,.70))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 24px rgba(0,0,0,.16)!important;
  }
  body.room-v8 #usersToggle::before{content:'👥'!important;font-size:18px!important;color:#e0f2fe!important;filter:drop-shadow(0 0 12px rgba(34,211,238,.28))!important;}
  body.room-v8 #roomsBtn::before{content:'▦'!important;font-size:22px!important;color:#ddd6fe!important;text-shadow:0 0 18px rgba(168,85,247,.42)!important;}
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn::before{content:'×'!important;font-size:30px!important;font-weight:300!important;line-height:1!important;color:#fecaca!important;text-shadow:0 0 16px rgba(248,113,113,.40)!important;}
  body.room-v8 #roomsBtn::after,
  body.room-v8 .vt-mobile-rooms-top-btn::after,
  body.room-v8 .vt-room-top-actions .round-btn::after,
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn::after{
    content:none!important;display:none!important;opacity:0!important;visibility:hidden!important;
  }
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn{
    background:linear-gradient(135deg,rgba(127,29,29,.72),rgba(76,29,149,.40))!important;
    border-color:rgba(248,113,113,.24)!important;
  }
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn:hover,
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn:active{
    background:linear-gradient(135deg,rgba(220,38,38,.72),rgba(124,58,237,.36))!important;
    border-color:rgba(248,113,113,.45)!important;
  }
  body.room-v8 .vt-mobile-rooms-drawer:not(.hidden),
  body.room-v8 .vt-mobile-rooms-drawer.is-open{display:block!important;opacity:1!important;visibility:visible!important;}
  body.room-v8 .vt-mobile-rooms-drawer:not(.hidden) .vt-mrooms-list,
  body.room-v8 .vt-mobile-rooms-drawer.is-open .vt-mrooms-list{display:flex!important;opacity:1!important;visibility:visible!important;}
  body.room-v8 .vt-mobile-rooms-drawer:not(.hidden) .vt-mroom-item,
  body.room-v8 .vt-mobile-rooms-drawer.is-open .vt-mroom-item{display:grid!important;opacity:1!important;visibility:visible!important;}
}

/* V8.92.70 - Mobil üst butonlar premium kapsül ve oda ilk açılış kesin görünüm */
@media (max-width:900px){
  body.room-v8 .vt-room-top-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    padding:6px!important;
    border-radius:24px!important;
    background:linear-gradient(135deg,rgba(15,23,42,.76),rgba(30,27,75,.58))!important;
    border:1px solid rgba(148,163,184,.18)!important;
    box-shadow:0 16px 36px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08)!important;
    backdrop-filter:blur(14px)!important;
  }
  body.room-v8 .vt-room-top-actions .round-btn,
  body.room-v8 .vt-room-top-actions .vt-mobile-rooms-top-btn,
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn{
    width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;
    padding:0!important;margin:0!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    border-radius:17px!important;
    font-size:0!important;line-height:1!important;text-indent:0!important;
    color:transparent!important;overflow:hidden!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(15,23,42,.72)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.18)!important;
    transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  body.room-v8 .vt-room-top-actions .round-btn:active,
  body.room-v8 .vt-room-top-actions .vt-mobile-rooms-top-btn:active,
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn:active{transform:scale(.93)!important;}
  body.room-v8 #usersToggle{background:linear-gradient(135deg,rgba(14,165,233,.24),rgba(37,99,235,.18))!important;border-color:rgba(56,189,248,.30)!important;}
  body.room-v8 #usersToggle::before{content:'👥'!important;font-size:18px!important;color:#e0f2fe!important;filter:drop-shadow(0 0 12px rgba(56,189,248,.36))!important;}
  body.room-v8 #roomsBtn{background:linear-gradient(135deg,rgba(168,85,247,.24),rgba(99,102,241,.18))!important;border-color:rgba(196,181,253,.32)!important;}
  body.room-v8 #roomsBtn::before{content:'▦'!important;font-size:23px!important;font-weight:900!important;color:#ede9fe!important;text-shadow:0 0 16px rgba(168,85,247,.42)!important;}
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn{background:linear-gradient(135deg,rgba(239,68,68,.22),rgba(190,24,93,.16))!important;border-color:rgba(248,113,113,.30)!important;}
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn::before{content:'×'!important;font-family:Arial,Helvetica,sans-serif!important;font-size:32px!important;font-weight:300!important;line-height:1!important;color:#fee2e2!important;text-shadow:0 0 18px rgba(248,113,113,.42)!important;}
  body.room-v8 #roomsBtn::after,
  body.room-v8 .vt-mobile-rooms-top-btn::after,
  body.room-v8 .vt-room-top-actions .round-btn::after,
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn::after{content:none!important;display:none!important;opacity:0!important;visibility:hidden!important;}
  body.room-v8 .vt-mobile-rooms-drawer:not(.hidden),
  body.room-v8 .vt-mobile-rooms-drawer.is-open{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
  body.room-v8 .vt-mobile-rooms-drawer:not(.hidden) .vt-mrooms-panel,
  body.room-v8 .vt-mobile-rooms-drawer.is-open .vt-mrooms-panel{display:flex!important;opacity:1!important;visibility:visible!important;transform:translateX(0)!important;}
  body.room-v8 .vt-mobile-rooms-drawer:not(.hidden) .vt-mrooms-list,
  body.room-v8 .vt-mobile-rooms-drawer.is-open .vt-mrooms-list{display:flex!important;opacity:1!important;visibility:visible!important;min-height:220px!important;}
  body.room-v8 .vt-mroom-cover em{
    position:absolute!important;left:7px!important;top:7px!important;z-index:2!important;
    min-width:26px!important;height:22px!important;padding:0 7px!important;border-radius:999px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    background:rgba(2,6,23,.62)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;
    font-size:11px!important;font-style:normal!important;font-weight:900!important;backdrop-filter:blur(8px)!important;
  }
}
@media (min-width:901px){body.room-v8 #roomsBtn,body.room-v8 .vt-mobile-rooms-top-btn{display:none!important;}}


/* V8.92.72 - Mobil kamera butonu kesin eşitleme ve profesyonel ikon */
.camera-pro-icon{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:0!important;
  overflow:hidden!important;
}
.camera-pro-icon .camera-pro-glyph{
  width:20px!important;
  height:20px!important;
  display:inline-block!important;
  position:relative!important;
  border:2px solid currentColor!important;
  border-radius:6px!important;
  color:#fff!important;
  box-sizing:border-box!important;
  font-size:0!important;
  line-height:0!important;
}
.camera-pro-icon .camera-pro-glyph::before{
  content:""!important;
  position:absolute!important;
  right:-8px!important;
  top:5px!important;
  width:7px!important;
  height:8px!important;
  background:currentColor!important;
  clip-path:polygon(0 18%,100% 0,100% 100%,0 82%)!important;
  border-radius:2px!important;
}
.camera-pro-icon .camera-pro-glyph::after{
  content:""!important;
  position:absolute!important;
  left:5px!important;
  top:5px!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:currentColor!important;
  opacity:.92!important;
}
.camera-pro-icon.active .camera-pro-glyph,
.camera-pro-icon.active .camera-pro-glyph::before,
.camera-pro-icon.active .camera-pro-glyph::after{color:#bbf7d0!important;}

@media(max-width:840px){
  body.room-v8 .modern-chatbar .icon-strip .mini-icon,
  body.room-v8 .modern-chatbar .icon-strip #cam,
  body.room-v8 .modern-chatbar .icon-strip .camera-pro-icon,
  body.room-v8 .modern-chatbar .icon-strip #mic,
  body.room-v8 .modern-chatbar .icon-strip #hand,
  body.room-v8 .modern-chatbar .icon-strip #statusBtn,
  body.room-v8 .modern-chatbar .icon-strip #emoji,
  body.room-v8 .modern-chatbar .icon-strip #anim,
  body.room-v8 .modern-chatbar .icon-strip #styleBtn,
  body.room-v8 .modern-chatbar .icon-strip #settings,
  body.room-v8 .modern-chatbar .icon-strip #volumeBtn{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    flex:0 0 40px!important;
    border-radius:14px!important;
    font-size:18px!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    line-height:1!important;
  }
  body.room-v8 .modern-chatbar .icon-strip .camera-pro-icon{font-size:0!important;}
  body.room-v8 .modern-chatbar .icon-strip .camera-pro-icon .camera-pro-glyph{
    width:18px!important;
    height:18px!important;
    border-radius:5px!important;
  }
  body.room-v8 .modern-chatbar .icon-strip .camera-pro-icon .camera-pro-glyph::before{
    right:-7px!important;
    top:5px!important;
    width:6px!important;
    height:7px!important;
  }
  body.room-v8 .modern-chatbar .icon-strip .camera-pro-icon .camera-pro-glyph::after{
    left:5px!important;
    top:5px!important;
    width:5px!important;
    height:5px!important;
  }
}
@media(max-width:380px){
  body.room-v8 .modern-chatbar .icon-strip .mini-icon,
  body.room-v8 .modern-chatbar .icon-strip #cam,
  body.room-v8 .modern-chatbar .icon-strip .camera-pro-icon{
    width:48px!important;height:38px!important;min-width:48px!important;max-width:48px!important;flex-basis:38px!important;
  }
}

/* V8.92.74 - PC/Mobil kişi kartları responsive/pro düzeltme
   Amaç: uzun nick/rol yazılarında simgeler kaymasın, kartlar modern ve esnek kalsın. */
.user-list{
  overflow-x:hidden!important;
}
.user-row.vt-user-card{
  position:relative!important;
  isolation:isolate!important;
}
.user-row.vt-user-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:radial-gradient(circle at 18% 20%,rgba(34,211,238,.08),transparent 34%),radial-gradient(circle at 88% 10%,rgba(168,85,247,.11),transparent 38%)!important;
  pointer-events:none!important;
  z-index:-1!important;
}
.vt-user-info b,
.vt-user-info small{
  min-width:0!important;
}
.vt-user-icons{
  flex-shrink:0!important;
}
.vt-state{
  user-select:none!important;
}
.vt-avatar-btn{
  flex-shrink:0!important;
}

@media (min-width:841px){
  .user-row.vt-user-card{
    grid-template-columns:64px minmax(0,1fr)!important;
    grid-template-areas:"avatar body"!important;
    gap:12px!important;
    padding:12px 13px!important;
    min-height:92px!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  .vt-avatar-btn{
    grid-area:avatar!important;
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    border-radius:17px!important;
  }
  .vt-avatar-btn .vt-member-avatar,
  .user-row.vt-user-card .vt-member-avatar{
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    border-radius:17px!important;
  }
  .vt-user-main{
    grid-area:body!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    width:100%!important;
  }
  .vt-user-info{
    min-width:0!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
    padding-right:2px!important;
    overflow:hidden!important;
  }
  .vt-user-info b{
    font-size:clamp(18px,1.35vw,23px)!important;
    line-height:1.05!important;
    max-width:100%!important;
    display:block!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .vt-user-info small{
    font-size:clamp(12px,1vw,15px)!important;
    max-width:100%!important;
    display:inline-block!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    color:#c084fc!important;
    letter-spacing:.2px!important;
  }
  .vt-user-icons{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:6px!important;
    overflow:hidden!important;
  }
  .vt-state{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    flex:0 0 30px!important;
    border-radius:10px!important;
    font-size:14px!important;
  }
  .vt-status-dot:before{
    width:17px!important;
    height:17px!important;
  }
}

@media (min-width:841px) and (max-width:1180px){
  .user-row.vt-user-card{
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:10px!important;
    padding:10px!important;
    min-height:84px!important;
  }
  .vt-avatar-btn,
  .vt-avatar-btn .vt-member-avatar,
  .user-row.vt-user-card .vt-member-avatar{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    border-radius:15px!important;
  }
  .vt-user-main{gap:7px!important;}
  .vt-state{width:27px!important;height:27px!important;min-width:27px!important;max-width:27px!important;flex-basis:27px!important;font-size:13px!important;}
  .vt-user-icons{gap:4px!important;}
}

@media (max-width:840px){
  .user-row.vt-user-card{
    grid-template-columns:54px minmax(0,1fr)!important;
    grid-template-areas:"avatar body"!important;
    align-items:center!important;
    gap:10px!important;
    min-height:78px!important;
    padding:10px!important;
    overflow:hidden!important;
  }
  .vt-avatar-btn{
    grid-area:avatar!important;
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    border-radius:14px!important;
  }
  .vt-avatar-btn .vt-member-avatar,
  .user-row.vt-user-card .vt-member-avatar{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    border-radius:14px!important;
  }
  .vt-user-main{
    grid-area:body!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    gap:5px 8px!important;
    min-width:0!important;
    width:100%!important;
  }
  .vt-user-info{
    grid-column:1 / 2!important;
    grid-row:1 / 3!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .vt-user-info b{
    font-size:18px!important;
    line-height:1.08!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .vt-user-info small{
    font-size:13px!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .vt-user-icons{
    grid-column:2 / 3!important;
    grid-row:1 / 3!important;
    justify-content:flex-end!important;
    align-self:center!important;
    gap:4px!important;
    min-width:auto!important;
    max-width:none!important;
    overflow:visible!important;
  }
  .vt-state{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    flex:0 0 28px!important;
    border-radius:9px!important;
    font-size:13px!important;
  }
  .vt-status-dot:before{width:16px!important;height:16px!important;}
}

@media (max-width:420px){
  .user-row.vt-user-card{
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:8px!important;
    min-height:74px!important;
    padding:9px!important;
  }
  .vt-avatar-btn,
  .vt-avatar-btn .vt-member-avatar,
  .user-row.vt-user-card .vt-member-avatar{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    border-radius:13px!important;
  }
  .vt-user-info b{font-size:16px!important;}
  .vt-user-info small{font-size:12px!important;}
  .vt-user-icons{gap:3px!important;}
  .vt-state{width:25px!important;height:25px!important;min-width:25px!important;max-width:25px!important;font-size:12px!important;border-radius:8px!important;}
  .vt-status-dot:before{width:14px!important;height:14px!important;}
}

/* V8.92.75 - PC responsive layout sistemi
   Amaç: PC tam ekran / yarım pencere / dar pencere fark etmeden chat bar, paneller ve oda listesi kaymadan çalışsın.
   Not: Mobil mekaniklere dokunmaz; sadece 901px+ PC/tablet-yatay davranışını güçlendirir. */
@media (min-width:901px){
  html, body.room-v8{
    width:100%!important;
    height:100%!important;
    min-height:100dvh!important;
    overflow:hidden!important;
  }
  body.room-v8 .room-shell{
    width:100vw!important;
    height:100dvh!important;
    min-height:0!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-columns:clamp(260px,18.5vw,344px) minmax(420px,1fr) clamp(330px,24vw,440px)!important;
    grid-template-rows:clamp(72px,8vh,92px) minmax(0,1fr) clamp(86px,11vh,112px)!important;
    grid-template-areas:
      "side head right"
      "side stage right"
      "side composer right"!important;
    gap:clamp(10px,1vw,16px)!important;
    padding:clamp(10px,1vw,16px)!important;
    box-sizing:border-box!important;
  }
  body.room-v8 .room-header{
    grid-area:head!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  body.room-v8 .vt-room-title-block{
    min-width:0!important;
    overflow:hidden!important;
  }
  body.room-v8 .vt-room-title-block strong,
  body.room-v8 .vt-room-title-block small{
    display:block!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.room-v8 .user-drawer{
    grid-area:side!important;
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    transform:none!important;
  }
  body.room-v8 .vt-chat-logo-block,
  body.room-v8 .vt-member-title-row,
  body.room-v8 .left-brand{
    flex:0 0 auto!important;
  }
  body.room-v8 #users.user-list{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-right:5px!important;
    scrollbar-width:thin!important;
    scrollbar-color:#a855f7 rgba(15,23,42,.72)!important;
  }
  body.room-v8 #users.user-list::-webkit-scrollbar,
  body.room-v8 .chat-stream::-webkit-scrollbar,
  body.room-v8 .vt-room-mini-grid::-webkit-scrollbar{width:8px!important;height:8px!important;}
  body.room-v8 #users.user-list::-webkit-scrollbar-track,
  body.room-v8 .chat-stream::-webkit-scrollbar-track,
  body.room-v8 .vt-room-mini-grid::-webkit-scrollbar-track{background:rgba(15,23,42,.72)!important;border-radius:999px!important;}
  body.room-v8 #users.user-list::-webkit-scrollbar-thumb,
  body.room-v8 .chat-stream::-webkit-scrollbar-thumb,
  body.room-v8 .vt-room-mini-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22d3ee,#a855f7)!important;border-radius:999px!important;border:2px solid rgba(15,23,42,.72)!important;}
  body.room-v8 .chat-stream,
  body.room-v8 #messages.chat-stream{
    grid-area:stage!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    z-index:1!important;
    pointer-events:auto!important;
    padding:clamp(18px,2vw,28px)!important;
    box-sizing:border-box!important;
  }
  body.room-v8 .modern-chatbar,
  body.room-v8 .composer.modern-chatbar{
    grid-area:composer!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    top:auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:112px!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-rows:auto 1fr!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:10px 12px!important;
  }
  body.room-v8 .modern-chatbar .icon-strip{
    min-width:0!important;
    width:100%!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
  }
  body.room-v8 .modern-chatbar .icon-strip .self-info{
    margin-left:auto!important;
    min-width:0!important;
    max-width:42%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.room-v8 .message-strip{
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    min-height:42px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) clamp(86px,7vw,116px)!important;
    align-items:center!important;
    gap:10px!important;
    overflow:hidden!important;
  }
  body.room-v8 .message-strip input{
    min-width:0!important;
    width:100%!important;
    height:clamp(42px,5.5vh,52px)!important;
  }
  body.room-v8 .message-strip .send-btn{
    width:100%!important;
    min-width:0!important;
    height:clamp(42px,5.5vh,52px)!important;
    padding:0 12px!important;
  }
  body.room-v8 .vt-room-right-panel{
    grid-area:right!important;
    position:relative!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
  }
  body.room-v8 .vt-room-cards-panel{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.room-v8 .vt-new-members-panel{
    flex:0 0 clamp(128px,18vh,180px)!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  body.room-v8 .vt-room-mini-grid{
    height:calc(100% - 58px)!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
}

/* Orta/küçük PC penceresi: sağ panel daralır, kartlar kompaktlaşır */
@media (min-width:901px) and (max-width:1320px){
  body.room-v8 .room-shell{
    grid-template-columns:clamp(238px,22vw,300px) minmax(390px,1fr) clamp(280px,27vw,350px)!important;
    grid-template-rows:76px minmax(0,1fr) 96px!important;
    gap:10px!important;
    padding:10px!important;
  }
  body.room-v8 .vt-room-mini-card{
    grid-template-columns:92px minmax(0,1fr) auto!important;
    min-height:78px!important;
    padding:9px!important;
    gap:10px!important;
    border-radius:18px!important;
  }
  body.room-v8 .vt-room-mini-cover{width:92px!important;height:58px!important;border-radius:14px!important;}
  body.room-v8 .vt-room-card-body strong{font-size:15px!important;}
  body.room-v8 .vt-room-card-body small{font-size:11.5px!important;-webkit-line-clamp:2!important;}
  body.room-v8 .vt-room-action-mark{min-width:34px!important;height:30px!important;font-size:11px!important;}
  body.room-v8 .vt-room-count-badge{height:28px!important;font-size:11px!important;}
  body.room-v8 .vt-new-members-panel{flex-basis:130px!important;}
  body.room-v8 .vt-member-carousel-lite{gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;}
  body.room-v8 .vt-new-member{min-width:72px!important;}
  body.room-v8 .vt-new-member img{width:48px!important;height:48px!important;}
  body.room-v8 .modern-chatbar .icon-strip .mini-icon{width:31px!important;height:31px!important;min-width:31px!important;}
  body.room-v8 .modern-chatbar .icon-strip{gap:5px!important;}
}

/* Çok dar PC / yarım pencere: sağ panel gizlenir, chat ve kullanıcı alanı korunur. Odalar mobil çekmece butonundan açılır. */
@media (min-width:901px) and (max-width:1080px){
  body.room-v8 .room-shell{
    grid-template-columns:clamp(236px,28vw,292px) minmax(0,1fr)!important;
    grid-template-rows:74px minmax(0,1fr) 96px!important;
    grid-template-areas:
      "side head"
      "side stage"
      "side composer"!important;
  }
  body.room-v8 .vt-room-right-panel{display:none!important;}
  body.room-v8 #roomsBtn,
  body.room-v8 .vt-mobile-rooms-top-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.room-v8 .vt-room-top-actions{gap:7px!important;}
  body.room-v8 .vt-admin-top-btn{max-width:160px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
}

/* Kısa ekran: bar ve paneller sıkışmasın */
@media (min-width:901px) and (max-height:760px){
  body.room-v8 .room-shell{
    grid-template-rows:66px minmax(0,1fr) 86px!important;
    padding:8px!important;
    gap:8px!important;
  }
  body.room-v8 .vt-chat-logo-block{transform:scale(.92)!important;transform-origin:top center!important;margin-bottom:0!important;}
  body.room-v8 .vt-member-title-row{margin:0!important;padding-top:0!important;padding-bottom:0!important;}
  body.room-v8 .left-brand{padding:8px!important;}
  body.room-v8 .left-brand .brand-logo b{font-size:17px!important;}
  body.room-v8 .left-brand button{padding:8px!important;font-size:17px!important;}
  body.room-v8 .modern-chatbar{padding:8px 10px!important;gap:5px!important;}
  body.room-v8 .message-strip input,
  body.room-v8 .message-strip .send-btn{height:42px!important;}
  body.room-v8 .chat-stream{padding:16px!important;}
  body.room-v8 .vt-new-members-panel{flex-basis:118px!important;}
}

/* V8.92.76 - PC küçük pencere oda butonu temizliği
   PC görünümünde pencere küçülünce çıkan ev/oda butonu kullanılmıyordu ve tasarımı bozuyordu.
   Mobil oda çekmecesi korunur; sadece 901px+ PC/tablet-yatay görünümde gizlenir. */
@media (min-width:901px){
  body.room-v8 #roomsBtn,
  body.room-v8 .vt-mobile-rooms-top-btn{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.room-v8 .vt-room-top-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    min-width:0!important;
  }
  body.room-v8 .vt-admin-top-btn,
  body.room-v8 .vt-live-command-btn,
  body.room-v8 .vt-logout-top-btn,
  body.room-v8 .logout-btn,
  body.room-v8 .round-btn{
    flex:0 0 auto!important;
  }
}

/* Mobilde oda butonu çalışmaya devam eder, fakat görünüm daha dengeli kalsın. */
@media (max-width:900px){
  body.room-v8 .vt-mobile-rooms-top-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

/* V8.92.95 - SADECE Aktif Mikrofonlar alanı. Odalar bölümüne selector yok. */
@media (min-width:901px){
  body.room-v8 .vt-active-mic-panel{
    flex:0 0 clamp(228px,28vh,296px)!important;
    min-height:228px!important;
    max-height:296px!important;
    padding:16px!important;
    overflow:hidden!important;
    border-radius:24px!important;
    background:radial-gradient(circle at 92% 0%,rgba(168,85,247,.24),transparent 42%),linear-gradient(180deg,rgba(10,18,34,.96),rgba(5,10,22,.98))!important;
  }
  body.room-v8 .vt-active-mic-head{
    margin:0 0 10px!important;
    padding-bottom:10px!important;
  }
  body.room-v8 .vt-active-mic-head b{
    font-size:clamp(19px,1.65vw,24px)!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  body.room-v8 .vt-active-mic-head span{
    height:30px!important;
    padding:0 12px!important;
    font-size:12px!important;
    max-width:132px!important;
  }
  body.room-v8 .vt-active-mic-summary{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    height:20px!important;
    margin:0 0 9px!important;
    color:#e5e7eb!important;
    font-size:13px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  body.room-v8 .vt-active-mic-summary b{color:#d946ef!important;}
  body.room-v8 .vt-active-mic-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    height:calc(100% - 82px)!important;
    min-height:126px!important;
    overflow:hidden!important;
  }
  body.room-v8 .vt-active-mic-slot{
    position:relative!important;
    min-width:0!important;
    height:100%!important;
    min-height:58px!important;
    border-radius:15px!important;
    padding:7px 6px 6px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    background:linear-gradient(180deg,rgba(15,23,42,.62),rgba(6,12,26,.78))!important;
    border:1px solid rgba(148,163,184,.13)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
    overflow:hidden!important;
  }
  body.room-v8 .vt-active-mic-slot.is-live{
    border-color:rgba(168,85,247,.32)!important;
    background:radial-gradient(circle at 50% 12%,rgba(168,85,247,.10),transparent 38%),linear-gradient(180deg,rgba(15,23,42,.76),rgba(6,12,26,.88))!important;
  }
  body.room-v8 .vt-am-avatar{
    position:relative!important;
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    display:grid!important;
    place-items:center!important;
    margin:0 auto 1px!important;
  }
  body.room-v8 .vt-am-avatar img{
    position:relative!important;
    z-index:3!important;
    width:34px!important;
    height:34px!important;
    border-radius:50%!important;
    object-fit:cover!important;
    background:#172554!important;
    border:1px solid rgba(34,211,238,.45)!important;
  }
  body.room-v8 .vt-active-mic-slot.is-empty .vt-am-avatar{opacity:.42!important;}
  body.room-v8 .vt-am-ring,
  body.room-v8 .vt-am-wave{
    position:absolute!important;
    inset:1px!important;
    border-radius:50%!important;
    pointer-events:none!important;
  }
  body.room-v8 .vt-am-ring{
    z-index:1!important;
    border:2px solid rgba(168,85,247,.55)!important;
    box-shadow:0 0 calc(8px + (var(--lvl,0) * 20px)) rgba(168,85,247,.34)!important;
    transform:scale(calc(1 + (var(--lvl,0) * .18)))!important;
    transition:transform .12s linear, box-shadow .12s linear!important;
  }
  body.room-v8 .vt-am-wave{
    z-index:0!important;
    border:1px solid rgba(34,211,238,.22)!important;
    transform:scale(calc(1.10 + (var(--lvl,0) * .48)))!important;
    opacity:calc(.16 + (var(--lvl,0) * .62))!important;
    box-shadow:0 0 calc(10px + (var(--lvl,0) * 30px)) rgba(34,211,238,.26)!important;
    transition:transform .12s linear, opacity .12s linear!important;
  }
  body.room-v8 .vt-active-mic-slot b{
    display:block!important;
    width:100%!important;
    color:#fff!important;
    font-size:11px!important;
    line-height:1.05!important;
    font-weight:1000!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.room-v8 .vt-active-mic-slot small{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    width:100%!important;
    color:#cbd5e1!important;
    font-size:9.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.room-v8 .vt-active-mic-slot.is-empty b{color:#cbd5e1!important;opacity:.78!important;}
  body.room-v8 .vt-active-mic-slot.is-empty small{opacity:.52!important;}
  body.room-v8 .vt-active-mic-slot small em{
    width:7px!important;height:7px!important;border-radius:50%!important;background:#22c55e!important;box-shadow:0 0 9px rgba(34,197,94,.55)!important;display:inline-block!important;flex:0 0 7px!important;
  }
  body.room-v8 .vt-am-bars{
    height:11px!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    gap:3px!important;
    width:58px!important;
    margin-top:2px!important;
    opacity:.92!important;
  }
  body.room-v8 .vt-am-bars i{
    display:block!important;
    width:4px!important;
    height:3px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#22d3ee,#a855f7)!important;
    opacity:calc(.24 + (var(--lvl,0) * .70))!important;
    transform-origin:bottom!important;
    transform:scaleY(calc(.50 + (var(--lvl,0) * 2.4)))!important;
    transition:transform .12s linear, opacity .12s linear!important;
  }
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-bars i:nth-child(1){height:5px!important}
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-bars i:nth-child(2){height:9px!important}
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-bars i:nth-child(3){height:7px!important}
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-bars i:nth-child(4){height:11px!important}
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-bars i:nth-child(5){height:8px!important}
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-bars i:nth-child(6){height:6px!important}
  body.room-v8 .vt-active-mic-slot.is-empty .vt-am-bars i{
    background:#64748b!important;
    opacity:.16!important;
    transform:scaleY(.45)!important;
  }
}
@media (min-width:901px) and (max-width:1320px){
  body.room-v8 .vt-active-mic-panel{flex-basis:220px!important;min-height:220px!important;max-height:220px!important;padding:14px!important;}
  body.room-v8 .vt-active-mic-head b{font-size:18px!important;}
  body.room-v8 .vt-active-mic-head span{height:27px!important;font-size:10.5px!important;max-width:118px!important;}
  body.room-v8 .vt-active-mic-summary{font-size:11.5px!important;margin-bottom:7px!important;}
  body.room-v8 .vt-active-mic-grid{gap:7px!important;height:calc(100% - 74px)!important;}
  body.room-v8 .vt-am-avatar{width:36px!important;height:36px!important;flex-basis:36px!important;}
  body.room-v8 .vt-am-avatar img{width:29px!important;height:29px!important;}
  body.room-v8 .vt-active-mic-slot{border-radius:13px!important;padding:6px 5px!important;}
  body.room-v8 .vt-active-mic-slot b{font-size:10px!important;}
  body.room-v8 .vt-active-mic-slot small{font-size:8.5px!important;}
  body.room-v8 .vt-am-bars{height:9px!important;width:48px!important;gap:2px!important;}
  body.room-v8 .vt-am-bars i{width:3px!important;}
}

/* V8.92.96 - Oda ekranı kalkan/canlı komuta modalı izolasyonlu stil */
.vt-shield-live-modal.hidden{display:none!important}.vt-shield-live-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center}.vt-shield-backdrop{position:absolute;inset:0;background:rgba(1,7,18,.72);backdrop-filter:blur(8px)}.vt-shield-card{position:relative;width:min(1180px,94vw);max-height:88vh;overflow:auto;border:1px solid rgba(139,92,246,.38);border-radius:28px;background:linear-gradient(135deg,rgba(8,18,36,.98),rgba(28,13,54,.98));box-shadow:0 28px 90px rgba(0,0,0,.55);padding:22px}.vt-shield-x{position:absolute;right:18px;top:14px;width:42px;height:42px;border-radius:15px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;font-size:26px}.vt-shield-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px}.vt-shield-head b{display:block;color:#fff;font-size:24px}.vt-shield-head small{color:#b8c4d8}.vt-shield-head button,.vt-shield-tools button{border:1px solid rgba(168,85,247,.45);background:rgba(95,38,157,.55);color:#fff;border-radius:14px;padding:10px 14px;font-weight:900}.vt-shield-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.vt-shield-tools label{flex:1;min-width:260px;border:1px solid rgba(255,255,255,.12);border-radius:15px;padding:10px 12px;background:rgba(255,255,255,.06);color:#dbeafe}.vt-shield-tools input{width:calc(100% - 30px);background:transparent;border:0;outline:0;color:#fff;font-weight:800}.vt-shield-room{border:1px solid rgba(255,255,255,.11);border-radius:20px;background:rgba(2,10,26,.42);margin:12px 0;overflow:hidden}.vt-shield-room-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;background:rgba(255,255,255,.035)}.vt-shield-room-head b{color:#fff;font-size:18px}.vt-shield-room-head small{display:block;color:#9fb0ca;margin-top:4px}.vt-shield-room-head span{color:#c4b5fd;font-weight:900}.vt-shield-users{padding:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.vt-shield-room.is-collapsed .vt-shield-users{display:none}.vt-shield-user{border:1px solid rgba(255,255,255,.10);border-radius:18px;background:linear-gradient(135deg,rgba(15,23,42,.88),rgba(30,20,55,.72));padding:12px}.vt-shield-user.is-root{border-color:rgba(251,191,36,.45)}.vt-shield-user-main{display:flex;gap:10px;align-items:center}.vt-shield-user-main img{width:48px;height:48px;border-radius:16px;object-fit:cover;background:#111827}.vt-shield-user-main b{display:block;color:#fff}.vt-shield-user-main small,.vt-shield-user-main em{display:block;color:#9fb0ca;font-size:12px}.vt-shield-pills{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.vt-shield-pills span{font-size:11px;border-radius:999px;padding:4px 8px;color:#fff;background:rgba(239,68,68,.32);border:1px solid rgba(248,113,113,.35)}.vt-shield-pills small{color:#9fb0ca}.vt-shield-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.vt-shield-actions button{border:0;border-radius:12px;padding:9px 8px;color:#fff;font-weight:900;background:rgba(51,65,85,.86);cursor:pointer}.vt-shield-actions button.is-ban{background:linear-gradient(135deg,#7c3aed,#2563eb)}.vt-shield-actions button.is-open{background:linear-gradient(135deg,#059669,#0d9488)}.vt-shield-actions button.is-danger{background:linear-gradient(135deg,#ef4444,#be123c)}.vt-shield-actions button.is-move{background:linear-gradient(135deg,#0ea5e9,#7c3aed)}.vt-shield-protect{border-radius:14px;padding:12px;background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.35);color:#fde68a;font-weight:900}
@media(max-width:900px){.vt-shield-card{width:96vw;max-height:92vh;padding:16px}.vt-shield-actions{grid-template-columns:1fr}.vt-shield-users{grid-template-columns:1fr}}

/* V8.92.97 - PC Emoji / Animasyon popup merkez hizalama fix
   Sadece masaüstü görünümde emoji ve animasyon pencerelerini ekranın ortasına alır.
   Mobil davranışa dokunmaz. */
@media (min-width: 841px){
  body.room-v8 #emojiBox.emoji-popup-pro,
  body.room-v8 #animBox.anim-popup-pro,
  body.room-v8 .emoji-popup-pro,
  body.room-v8 .anim-popup-pro{
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    width: min(680px, calc(100vw - 64px)) !important;
    max-width: calc(100vw - 64px) !important;
    max-height: min(620px, calc(100dvh - 90px)) !important;
    z-index: 2147483600 !important;
  }
  body.room-v8 #emojiBox .emoji-popup-body.active{
    max-height: min(430px, calc(100dvh - 235px)) !important;
  }
  body.room-v8 #animBox #animList,
  body.room-v8 #animBox .anim-popup-grid{
    max-height: min(470px, calc(100dvh - 190px)) !important;
  }
}

/* V8.92.98 - PC Emoji / Animasyon popup dikey hizalama düzeltmesi
   Popup artık ayarlar penceresi gibi ekranda daha aşağı ve dengeli açılır.
   Mobil davranışa dokunmaz. */
@media (min-width: 841px){
  body.room-v8 #emojiBox.emoji-popup-pro,
  body.room-v8 #animBox.anim-popup-pro,
  body.room-v8 .emoji-popup-pro,
  body.room-v8 .anim-popup-pro{
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    top: 56% !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    width: min(680px, calc(100vw - 64px)) !important;
    max-width: calc(100vw - 64px) !important;
    max-height: min(560px, calc(100dvh - 185px)) !important;
    overflow: hidden !important;
    z-index: 2147483600 !important;
  }
  body.room-v8 #emojiBox .emoji-popup-body.active{
    max-height: min(360px, calc(100dvh - 300px)) !important;
    overflow-y: auto !important;
  }
  body.room-v8 #animBox #animList,
  body.room-v8 #animBox .anim-popup-grid{
    max-height: min(390px, calc(100dvh - 260px)) !important;
    overflow-y: auto !important;
  }
}

/* V8.92.99 - PC Emoji / Animasyon popup ayarlar penceresi hizası ve stili
   Sadece masaüstünde emoji/animasyon pencereleri ayarlar popup mantığıyla açılır.
   Mobil, odalar, aktif mikrofonlar ve admin alanlarına dokunmaz. */
@media (min-width: 841px){
  body.room-v8 #emojiBox.emoji-popup-pro,
  body.room-v8 #animBox.anim-popup-pro{
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: 106px !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    width: min(860px, 95vw) !important;
    max-width: 95vw !important;
    max-height: min(620px, 74vh) !important;
    overflow: hidden !important;
    border: 2px solid #64748b !important;
    border-radius: 18px !important;
    background: #f3f4f6 !important;
    color: #111827 !important;
    box-shadow: 0 30px 100px rgba(0,0,0,.62) !important;
    z-index: 2147483600 !important;
  }

  body.room-v8 #emojiBox .emoji-popup-head,
  body.room-v8 #animBox .anim-popup-head{
    height: 48px !important;
    min-height: 48px !important;
    background: linear-gradient(#f8fafc,#e5e7eb) !important;
    color: #111827 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 12px 0 16px !important;
    border-bottom: 1px solid #cbd5e1 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 5 !important;
  }

  body.room-v8 #emojiBox .emoji-popup-head b,
  body.room-v8 #animBox .anim-popup-head b{
    color: #111827 !important;
    font-size: 18px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
  }

  body.room-v8 #emojiBox .emoji-popup-head small,
  body.room-v8 #animBox .anim-popup-head small{
    display: block !important;
    color: #64748b !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    margin-top: 2px !important;
  }

  body.room-v8 #closeEmojiBox,
  body.room-v8 #closeAnimBox,
  body.room-v8 #emojiBox .emoji-popup-head button,
  body.room-v8 #animBox .anim-popup-head button{
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border: 1px solid #94a3b8 !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    color: #475569 !important;
    font-size: 24px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
  }

  body.room-v8 #emojiBox .emoji-popup-tabs{
    position: sticky !important;
    top: 48px !important;
    z-index: 4 !important;
    display: flex !important;
    gap: 8px !important;
    padding: 10px !important;
    background: #eef2f7 !important;
    border-bottom: 1px solid #cbd5e1 !important;
    overflow-x: auto !important;
  }

  body.room-v8 #emojiBox .emoji-popup-tabs button{
    height: 44px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #333 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    padding: 0 18px !important;
    cursor: pointer !important;
    flex: 0 0 auto !important;
  }

  body.room-v8 #emojiBox .emoji-popup-tabs button.active{
    background: #3498db !important;
    color: #fff !important;
    border-color: #2383bd !important;
  }

  body.room-v8 #emojiBox .emoji-popup-body.active{
    display: grid !important;
    grid-template-columns: repeat(8, 1fr) !important;
    gap: 12px !important;
    padding: 16px 24px 20px !important;
    background: #f8fafc !important;
    max-height: min(420px, calc(74vh - 108px)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  body.room-v8 #emojiBox .emoji-popup-body button{
    width: 54px !important;
    height: 54px !important;
    border-radius: 13px !important;
    background: #fff !important;
    border: 1px solid #d1d5db !important;
    color: #111827 !important;
    font-size: 28px !important;
    box-shadow: 0 2px 0 rgba(0,0,0,.06) !important;
    transition: transform .12s ease, border-color .12s ease, background .12s ease !important;
  }

  body.room-v8 #emojiBox .emoji-popup-body button:hover{
    transform: translateY(-2px) scale(1.04) !important;
    border-color: #93c5fd !important;
    background: #eff6ff !important;
  }

  body.room-v8 #animBox .anim-popup-grid,
  body.room-v8 #animBox #animList{
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 12px !important;
    padding: 16px !important;
    background: #f8fafc !important;
    max-height: min(510px, calc(74vh - 50px)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  body.room-v8 #animBox .anim-item,
  body.room-v8 #animBox .quick-anim{
    background: #fff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 12px !important;
    color: #111827 !important;
    box-shadow: 0 2px 0 rgba(0,0,0,.06) !important;
    overflow: hidden !important;
  }
}


/* V8.93.05 - Oda arka planı sabit katman düzeltmesi
   PC: admin panelden yüklenen oda arka planı chat sahnesinin bağımsız katmanı olur.
   Mesajlar scroll olsa bile bu katman scroll içine girmediği için yukarı akmaz.
   Mobil: admin yüklenen ağır oda arka planı gösterilmez; hafif otomatik tema kullanılır. */
.vt-chat-bg-layer{display:none;}
@media (min-width:981px){
  body.room-v8 .vt-chat-bg-layer{
    grid-area:stage!important;
    display:block!important;
    position:relative!important;
    z-index:3!important;
    min-width:0!important;
    min-height:0!important;
    width:auto!important;
    height:auto!important;
    border:1px solid rgba(148,163,184,.17)!important;
    border-radius:28px!important;
    overflow:hidden!important;
    pointer-events:none!important;
    background-image:
      linear-gradient(180deg,rgba(3,7,18,.38),rgba(3,7,18,.72)),
      radial-gradient(circle at 16% 10%,rgba(168,85,247,.16),transparent 35%),
      var(--room-bg)!important;
    background-size:cover,cover,cover!important;
    background-position:center,center,center!important;
    background-repeat:no-repeat!important;
    box-shadow:0 22px 70px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04)!important;
    transform:translateZ(0)!important;
  }
  body.room-v8 .vt-chat-bg-layer::after{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(90deg,rgba(2,6,23,.62) 0%,rgba(2,6,23,.24) 45%,rgba(2,6,23,.62) 100%),
      linear-gradient(180deg,rgba(2,6,23,.18),rgba(2,6,23,.74));
    pointer-events:none;
  }
  body.room-v8 section#messages.chat-stream,
  body.room-v8 #messages.chat-stream,
  body.room-v8 .chat-stream{
    grid-area:stage!important;
    position:relative!important;
    z-index:4!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}
@media (max-width:980px){
  body.room-v8 .vt-chat-bg-layer{display:none!important;}
  body.room-v8,
  body.room-v8 .room-shell{
    background-image:
      radial-gradient(circle at 20% 0%,rgba(124,58,237,.18),transparent 35%),
      radial-gradient(circle at 92% 20%,rgba(34,211,238,.10),transparent 32%),
      linear-gradient(135deg,#050816 0%,#07111f 52%,#050713 100%)!important;
    background-size:cover!important;
    background-position:center!important;
  }
  body.room-v8 section#messages.chat-stream,
  body.room-v8 #messages.chat-stream,
  body.room-v8 .chat-stream{
    background-image:none!important;
  }
}


/* V8.93.06 - PC oda arka planı scroll'dan tamamen ayrıldı
   Problem: Eski sürümlerde .chat-stream::before/::after katmanları scroll alanının içinde kaldığı için
   mesaj yazıldıkça oda arka planı yukarı akıyordu. Bu son katman sadece chat panelinin kendisine
   background olarak basılır; pseudo katmanlar kapatılır. Mobilde admin yüklenen ağır arka plan gösterilmez. */
@media (min-width:981px){
  body.room-v8 .vt-chat-bg-layer{
    display:none!important;
    background:none!important;
  }
  body.room-v8 section#messages.chat-stream,
  body.room-v8 #messages.chat-stream,
  body.room-v8 .chat-stream{
    position:relative!important;
    isolation:isolate!important;
    grid-area:stage!important;
    z-index:4!important;
    overflow:auto!important;
    background-color:rgba(3,7,18,.66)!important;
    background-image:
      linear-gradient(90deg,rgba(2,6,23,.66) 0%,rgba(2,6,23,.28) 42%,rgba(2,6,23,.68) 100%),
      linear-gradient(180deg,rgba(2,6,23,.18) 0%,rgba(2,6,23,.76) 100%),
      radial-gradient(circle at 18% 10%,rgba(168,85,247,.16),transparent 34%),
      radial-gradient(circle at 84% 78%,rgba(34,211,238,.10),transparent 36%),
      var(--room-bg)!important;
    background-size:cover,cover,cover,cover,cover!important;
    background-position:center center,center center,center center,center center,center center!important;
    background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat!important;
    background-attachment:scroll!important;
    border:1px solid rgba(148,163,184,.17)!important;
    border-radius:28px!important;
    box-shadow:0 22px 70px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.room-v8 section#messages.chat-stream::before,
  body.room-v8 section#messages.chat-stream::after,
  body.room-v8 #messages.chat-stream::before,
  body.room-v8 #messages.chat-stream::after,
  body.room-v8 .chat-stream::before,
  body.room-v8 .chat-stream::after{
    display:none!important;
    content:none!important;
    background:none!important;
  }
  body.room-v8 .chat-bubble,
  body.room-v8 #messages .chat-bubble{
    position:relative!important;
    z-index:2!important;
  }
}
@media (max-width:980px){
  body.room-v8 .vt-chat-bg-layer{display:none!important;}
  body.room-v8 section#messages.chat-stream,
  body.room-v8 #messages.chat-stream,
  body.room-v8 .chat-stream{
    background-image:
      radial-gradient(circle at 18% 0%,rgba(124,58,237,.18),transparent 35%),
      radial-gradient(circle at 90% 12%,rgba(34,211,238,.10),transparent 32%),
      linear-gradient(135deg,#050816 0%,#07111f 52%,#050713 100%)!important;
    background-size:cover!important;
    background-position:center!important;
  }
  body.room-v8 section#messages.chat-stream::before,
  body.room-v8 section#messages.chat-stream::after,
  body.room-v8 #messages.chat-stream::before,
  body.room-v8 #messages.chat-stream::after,
  body.room-v8 .chat-stream::before,
  body.room-v8 .chat-stream::after{
    display:none!important;
    content:none!important;
  }
}

/* V8.93.11 - Aktif Mikrofonlar nick + kart içine sığan hassas soft wave (SADECE active mic) */
@media (min-width:901px){
  body.room-v8 .vt-active-mic-slot{
    height:100%!important;
    min-height:54px!important;
    padding:7px 8px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-rows:1fr 10px!important;
    column-gap:9px!important;
    row-gap:3px!important;
    align-items:center!important;
    justify-content:initial!important;
    overflow:hidden!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-avatar{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
    margin:0!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-avatar img{
    width:31px!important;
    height:31px!important;
    display:block!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-info{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:3px!important;
    overflow:hidden!important;
  }
  body.room-v8 .vt-active-mic-slot b{
    text-align:left!important;
    font-size:12px!important;
    line-height:1.05!important;
    max-width:100%!important;
  }
  body.room-v8 .vt-active-mic-slot small{
    justify-content:flex-start!important;
    text-align:left!important;
    font-size:9px!important;
    opacity:.82!important;
    max-width:100%!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-bars{
    grid-column:2!important;
    grid-row:2!important;
    width:100%!important;
    max-width:86px!important;
    height:9px!important;
    margin:0!important;
    justify-content:flex-start!important;
    gap:2px!important;
    align-self:start!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-bars i{
    width:3px!important;
    min-width:3px!important;
    height:3px!important;
    opacity:calc(.18 + (var(--lvl,0) * .82))!important;
    transform:scaleY(calc(.65 + (var(--lvl,0) * 2.6)))!important;
  }
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-bars i:nth-child(1){height:4px!important}
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-bars i:nth-child(2){height:7px!important}
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-bars i:nth-child(3){height:9px!important}
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-bars i:nth-child(4){height:6px!important}
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-bars i:nth-child(5){height:10px!important}
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-bars i:nth-child(6){height:5px!important}
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-bars i:nth-child(7){height:8px!important}
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-bars i:nth-child(8){height:4px!important}
  body.room-v8 .vt-active-mic-slot.is-empty .vt-am-info b{
    text-align:left!important;
    font-size:11px!important;
    opacity:.52!important;
  }
  body.room-v8 .vt-active-mic-slot.is-empty .vt-am-info small{opacity:.35!important;}
  body.room-v8 .vt-active-mic-slot.is-empty .vt-am-bars i{opacity:.10!important;transform:scaleY(.45)!important;}
  body.room-v8 .vt-active-mic-slot.is-live .vt-am-ring{
    inset:2px!important;
    border:2px solid rgba(56,189,248,calc(.35 + (var(--lvl,0) * .38)))!important;
    box-shadow:0 0 calc(6px + (var(--lvl,0) * 15px)) rgba(56,189,248,.32),0 0 calc(10px + (var(--lvl,0) * 16px)) rgba(168,85,247,.18)!important;
    transform:scale(calc(1 + (var(--lvl,0) * .11)))!important;
  }
  body.room-v8 .vt-active-mic-slot.is-live .vt-am-wave{
    inset:-2px!important;
    border:1px solid rgba(168,85,247,.28)!important;
    opacity:calc(.10 + (var(--lvl,0) * .46))!important;
    transform:scale(calc(1.02 + (var(--lvl,0) * .20)))!important;
    box-shadow:0 0 calc(5px + (var(--lvl,0) * 18px)) rgba(168,85,247,.20)!important;
  }
  body.room-v8 .vt-active-mic-slot.is-speaking{
    border-color:rgba(56,189,248,.36)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 calc(8px + (var(--lvl,0) * 20px)) rgba(34,211,238,.08)!important;
  }
}
@media (min-width:901px) and (max-width:1320px){
  body.room-v8 .vt-active-mic-slot{grid-template-columns:36px minmax(0,1fr)!important;column-gap:7px!important;padding:6px 7px!important;}
  body.room-v8 .vt-active-mic-slot .vt-am-avatar{width:35px!important;height:35px!important;flex-basis:35px!important;}
  body.room-v8 .vt-active-mic-slot .vt-am-avatar img{width:28px!important;height:28px!important;}
  body.room-v8 .vt-active-mic-slot b{font-size:10.5px!important;}
  body.room-v8 .vt-active-mic-slot small{font-size:8px!important;}
}


/* V8.93.14 - Aktif Mikrofonlar durum yazısı: Mikrofon Açık... */
@media (min-width:901px){
  body.room-v8 .vt-active-mic-slot .vt-am-status.vt-am-seste{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:1px!important;
    max-width:92px!important;
    width:auto!important;
    min-width:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    font-size:9px!important;
    line-height:1!important;
    letter-spacing:.05px!important;
    color:#bff7ff!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-status.vt-am-seste span{
    display:inline-block!important;
    min-width:auto!important;
    max-width:none!important;
    overflow:visible!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-status.vt-am-seste i{
    display:inline-block!important;
    font-style:normal!important;
    width:3px!important;
    opacity:.18!important;
    transform:translateY(-.5px);
    animation:vtSesteDots 1.15s infinite ease-in-out;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-status.vt-am-seste i:nth-child(4){animation-delay:.16s}
  body.room-v8 .vt-active-mic-slot .vt-am-status.vt-am-seste i:nth-child(5){animation-delay:.32s}
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-status.vt-am-seste{
    text-shadow:0 0 7px rgba(34,211,238,.36)!important;
  }
  @keyframes vtSesteDots{
    0%,100%{opacity:.16; transform:translateY(0)}
    45%{opacity:1; transform:translateY(-1px)}
  }
}
@media (min-width:901px) and (max-width:1320px){
  body.room-v8 .vt-active-mic-slot .vt-am-status.vt-am-seste{font-size:8px!important;max-width:118px!important;}
  body.room-v8 .vt-active-mic-slot .vt-am-status.vt-am-seste i{width:2.5px!important;}
}


/* v1.04 - Unified media/action buttons: same hover/active logic everywhere, modern webcam icon */
body.room-v8 .modern-chatbar .icon-strip{
  align-items:center!important;
  gap:7px!important;
  overflow:visible!important;
}
body.room-v8 .modern-chatbar .icon-strip .mini-icon,
body.room-v8 .vt-user-icons .vt-state{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  transform:none!important;
  outline:0!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease,opacity .16s ease,filter .16s ease!important;
}
body.room-v8 .modern-chatbar .icon-strip .mini-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  flex-basis:34px!important;
  border-radius:12px!important;
  border:1px solid rgba(148,163,184,.30)!important;
  background:linear-gradient(145deg,rgba(24,34,56,.92),rgba(11,18,34,.94))!important;
  color:#eaf2ff!important;
  font-size:17px!important;
  line-height:1!important;
  padding:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.24)!important;
}
body.room-v8 .modern-chatbar .icon-strip .mini-icon:hover,
body.room-v8 .vt-user-icons .vt-state:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(96,239,255,.75)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(96,239,255,.18),0 10px 24px rgba(0,0,0,.28),0 0 18px rgba(96,239,255,.18)!important;
}
body.room-v8 .modern-chatbar .icon-strip .mini-icon:active,
body.room-v8 .vt-user-icons .vt-state:active{
  transform:translateY(0) scale(.96)!important;
}
body.room-v8 .modern-chatbar .icon-strip .mini-icon.active,
body.room-v8 .modern-chatbar .icon-strip .mini-icon.on,
body.room-v8 .modern-chatbar .icon-strip .mini-icon[aria-pressed="true"],
body.room-v8 .vt-user-icons .vt-state.on{
  opacity:1!important;
  filter:none!important;
  color:#ffffff!important;
  background:linear-gradient(135deg,#10d8ff 0%,#7c4dff 54%,#d946ef 100%)!important;
  border-color:rgba(144,244,255,.92)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 2px rgba(34,211,238,.16),0 10px 26px rgba(124,77,255,.28),0 0 22px rgba(16,216,255,.24)!important;
}
body.room-v8 .modern-chatbar .icon-strip .mini-icon.limit-full,
body.room-v8 .modern-chatbar .icon-strip .mini-icon:disabled,
body.room-v8 .vt-user-icons .vt-state.off{
  opacity:.46!important;
  filter:grayscale(.65)!important;
}
body.room-v8 .vt-user-icons .vt-state{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  flex-basis:30px!important;
  border-radius:10px!important;
  border:1px solid rgba(148,163,184,.28)!important;
  background:linear-gradient(145deg,rgba(24,34,56,.90),rgba(12,18,32,.94))!important;
  color:#dbeafe!important;
  font-size:14px!important;
  padding:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 7px 16px rgba(0,0,0,.22)!important;
}
body.room-v8 .vt-user-icons .vt-state.vt-status-symbol.status-online,
body.room-v8 .vt-user-icons .vt-state.vt-status-symbol.online,
body.room-v8 .status-control.active,
body.room-v8 #statusBtn.active{
  background:linear-gradient(135deg,#34d399,#059669)!important;
  border-color:rgba(74,222,128,.82)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 18px rgba(34,197,94,.24)!important;
}
body.room-v8 .vt-user-icons .vt-state.hand.on,
body.room-v8 #hand.active{background:linear-gradient(135deg,#f59e0b,#b45309)!important;border-color:rgba(251,191,36,.82)!important;}
body.room-v8 .vt-user-icons .vt-state.mic.on,
body.room-v8 #mic.active{background:linear-gradient(135deg,#14b8a6,#0f766e)!important;border-color:rgba(45,212,191,.82)!important;}
body.room-v8 .vt-user-icons .vt-state.cam.on,
body.room-v8 #cam.active{background:linear-gradient(135deg,#38bdf8,#6366f1)!important;border-color:rgba(125,211,252,.88)!important;}
body.room-v8 .vt-state.cam:hover,
body.room-v8 .vt-state.cam.on:hover,
body.room-v8 .camera-pro-icon:hover{
  outline:0!important;
}
body.room-v8 .camera-pro-glyph{display:none!important;}
body.room-v8 .vt-camera-svg{
  width:17px!important;
  height:17px!important;
  display:block!important;
  flex:0 0 17px!important;
  background:currentColor!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7.2 7.25h7.15c1.78 0 3.15 1.37 3.15 3.15v3.2c0 1.78-1.37 3.15-3.15 3.15H7.2c-1.78 0-3.15-1.37-3.15-3.15v-3.2c0-1.78 1.37-3.15 3.15-3.15Zm11.1 3.25 2.15-1.48c.67-.46 1.55.02 1.55.83v4.3c0 .81-.88 1.29-1.55.83L18.3 13.5v-3Zm-10.95-.05a1.05 1.05 0 1 0 0 2.1 1.05 1.05 0 0 0 0-2.1Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7.2 7.25h7.15c1.78 0 3.15 1.37 3.15 3.15v3.2c0 1.78-1.37 3.15-3.15 3.15H7.2c-1.78 0-3.15-1.37-3.15-3.15v-3.2c0-1.78 1.37-3.15 3.15-3.15Zm11.1 3.25 2.15-1.48c.67-.46 1.55.02 1.55.83v4.3c0 .81-.88 1.29-1.55.83L18.3 13.5v-3Zm-10.95-.05a1.05 1.05 0 1 0 0 2.1 1.05 1.05 0 0 0 0-2.1Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
body.room-v8 .modern-chatbar .icon-strip #cam,
body.room-v8 .vt-user-icons .vt-state.cam{
  font-size:0!important;
}
body.room-v8 .modern-chatbar .icon-strip #cam:not(.active){
  color:#cbd5e1!important;
}
body.room-v8 .modern-chatbar .icon-strip #cam.active,
body.room-v8 .vt-user-icons .vt-state.cam.on{
  color:#ffffff!important;
}
@media (max-width: 768px){
  body.room-v8 .modern-chatbar .icon-strip .mini-icon{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;flex-basis:32px!important;border-radius:11px!important;font-size:16px!important;}
  body.room-v8 .vt-user-icons .vt-state{width:27px!important;height:27px!important;min-width:27px!important;max-width:27px!important;flex-basis:27px!important;border-radius:9px!important;}
  body.room-v8 .vt-camera-svg{width:15px!important;height:15px!important;flex-basis:15px!important;}
}


/* v1.05 - Unified camera/button polish: same behavior everywhere, centered camera icon */
body.room-v8 .modern-chatbar .icon-strip .mini-icon,
body.room-v8 .modern-chatbar .icon-strip #hand,
body.room-v8 .modern-chatbar .icon-strip #statusBtn,
body.room-v8 .modern-chatbar .icon-strip #mic,
body.room-v8 .modern-chatbar .icon-strip #cam,
body.room-v8 .modern-chatbar .icon-strip #emoji,
body.room-v8 .modern-chatbar .icon-strip #anim,
body.room-v8 .modern-chatbar .icon-strip #styleBtn,
body.room-v8 .modern-chatbar .icon-strip #settings,
body.room-v8 .modern-chatbar .icon-strip #volumeBtn,
body.room-v8 .vt-user-icons .vt-state{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  flex:0 0 36px!important;
  padding:0!important;
  margin:0!important;
  border-radius:13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:middle!important;
  position:relative!important;
  overflow:hidden!important;
  text-indent:0!important;
  color:#eaf2ff!important;
  font-size:17px!important;
  line-height:1!important;
  border:1px solid rgba(148,163,184,.28)!important;
  background:linear-gradient(180deg,rgba(30,41,59,.94),rgba(10,16,28,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 8px 18px rgba(0,0,0,.25)!important;
  transform:none!important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease, filter .16s ease!important;
}

body.room-v8 .modern-chatbar .icon-strip .mini-icon:hover:not(:disabled),
body.room-v8 .vt-user-icons .vt-state:hover:not(:disabled){
  transform:translateY(-2px)!important;
  border-color:rgba(125,211,252,.72)!important;
  background:linear-gradient(180deg,rgba(51,65,85,.98),rgba(15,23,42,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 3px rgba(56,189,248,.12),0 12px 24px rgba(0,0,0,.32)!important;
  filter:brightness(1.08)!important;
}

body.room-v8 .modern-chatbar .icon-strip .mini-icon:active,
body.room-v8 .vt-user-icons .vt-state:active{
  transform:translateY(0) scale(.97)!important;
}

body.room-v8 .modern-chatbar .icon-strip .mini-icon.active,
body.room-v8 .modern-chatbar .icon-strip #cam.active,
body.room-v8 .modern-chatbar .icon-strip #mic.active,
body.room-v8 .vt-user-icons .vt-state.on,
body.room-v8 .vt-user-icons .vt-state.active{
  border-color:rgba(45,212,191,.82)!important;
  background:linear-gradient(135deg,#10b981 0%,#06b6d4 48%,#6366f1 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 3px rgba(16,185,129,.18),0 0 22px rgba(34,211,238,.25)!important;
}

body.room-v8 .modern-chatbar .icon-strip #cam,
body.room-v8 .modern-chatbar .icon-strip .cam-control,
body.room-v8 .vt-user-icons .vt-state.cam{
  border-radius:13px!important;
  color:transparent!important;
  font-size:0!important;
}

body.room-v8 .modern-chatbar .icon-strip #cam::before,
body.room-v8 .modern-chatbar .icon-strip #cam::after,
body.room-v8 .modern-chatbar .icon-strip .cam-control::before,
body.room-v8 .modern-chatbar .icon-strip .cam-control::after,
body.room-v8 .vt-user-icons .vt-state.cam::before,
body.room-v8 .vt-user-icons .vt-state.cam::after,
body.room-v8 button[title*="Kamera" i]::before,
body.room-v8 button[title*="Kamera" i]::after,
body.room-v8 button[class*="cam" i]::before,
body.room-v8 button[class*="cam" i]::after{
  content:none!important;
  display:none!important;
}

body.room-v8 #cam > *,
body.room-v8 .cam-control > *,
body.room-v8 .vt-user-icons .vt-state.cam > *,
body.room-v8 .vt-camera-svg{
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
}

body.room-v8 .vt-camera-svg{
  width:18px!important;
  height:14px!important;
  min-width:18px!important;
  min-height:14px!important;
  position:relative!important;
  flex:0 0 18px!important;
  border-radius:5px!important;
  background:linear-gradient(180deg,#f8fbff,#c7d2fe)!important;
  box-shadow:inset 0 -2px 0 rgba(15,23,42,.22),0 0 0 1px rgba(255,255,255,.25)!important;
  transform:none!important;
}
body.room-v8 .vt-camera-svg::before{
  content:""!important;
  position:absolute!important;
  left:5px!important;
  top:3px!important;
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
  background:radial-gradient(circle at 35% 35%,#e0f2fe 0 20%,#38bdf8 21% 52%,#1d4ed8 53% 100%)!important;
  box-shadow:0 0 0 2px rgba(15,23,42,.5)!important;
}
body.room-v8 .vt-camera-svg::after{
  content:""!important;
  position:absolute!important;
  right:-5px!important;
  top:4px!important;
  width:0!important;
  height:0!important;
  border-top:3px solid transparent!important;
  border-bottom:3px solid transparent!important;
  border-left:6px solid #c7d2fe!important;
  filter:drop-shadow(0 0 4px rgba(56,189,248,.25))!important;
}

body.room-v8 .modern-chatbar .icon-strip #cam.active .vt-camera-svg,
body.room-v8 .vt-user-icons .vt-state.cam.on .vt-camera-svg,
body.room-v8 .vt-user-icons .vt-state.cam.active .vt-camera-svg{
  background:linear-gradient(180deg,#ffffff,#dbeafe)!important;
  box-shadow:inset 0 -2px 0 rgba(15,23,42,.22),0 0 14px rgba(125,211,252,.6)!important;
}

@media(max-width:840px){
  body.room-v8 .modern-chatbar .icon-strip .mini-icon,
  body.room-v8 .modern-chatbar .icon-strip #hand,
  body.room-v8 .modern-chatbar .icon-strip #statusBtn,
  body.room-v8 .modern-chatbar .icon-strip #mic,
  body.room-v8 .modern-chatbar .icon-strip #cam,
  body.room-v8 .modern-chatbar .icon-strip #emoji,
  body.room-v8 .modern-chatbar .icon-strip #anim,
  body.room-v8 .modern-chatbar .icon-strip #styleBtn,
  body.room-v8 .modern-chatbar .icon-strip #settings,
  body.room-v8 .modern-chatbar .icon-strip #volumeBtn,
  body.room-v8 .vt-user-icons .vt-state{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    flex-basis:34px!important;
    border-radius:12px!important;
  }
  body.room-v8 .vt-camera-svg{width:17px!important;height:13px!important;min-width:17px!important;min-height:13px!important;}
}


/* v1.06 - Final unified button system: no overflow, centered modern camera icon */
body.room-v8 .modern-chatbar .icon-strip{
  align-items:center!important;
  gap:8px!important;
  overflow:visible!important;
}
body.room-v8 .vt-user-icons{
  align-items:center!important;
  gap:8px!important;
  overflow:visible!important;
}
body.room-v8 .modern-chatbar .icon-strip .mini-icon,
body.room-v8 .modern-chatbar .icon-strip #hand,
body.room-v8 .modern-chatbar .icon-strip #statusBtn,
body.room-v8 .modern-chatbar .icon-strip #mic,
body.room-v8 .modern-chatbar .icon-strip #cam,
body.room-v8 .modern-chatbar .icon-strip #emoji,
body.room-v8 .modern-chatbar .icon-strip #anim,
body.room-v8 .modern-chatbar .icon-strip #styleBtn,
body.room-v8 .modern-chatbar .icon-strip #settings,
body.room-v8 .modern-chatbar .icon-strip #volumeBtn,
body.room-v8 .vt-user-icons .vt-state{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  flex:0 0 34px!important;
  box-sizing:border-box!important;
  padding:0!important;
  margin:0!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  place-items:center!important;
  line-height:1!important;
  font-size:16px!important;
  color:#e9f2ff!important;
  text-indent:0!important;
  overflow:hidden!important;
  position:relative!important;
  transform:none!important;
  outline:0!important;
  border:1px solid rgba(148,163,184,.26)!important;
  background:linear-gradient(180deg,rgba(31,42,65,.95),rgba(12,18,31,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 7px 16px rgba(0,0,0,.22)!important;
  transition:filter .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease!important;
}
body.room-v8 .vt-user-icons .vt-state{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  flex-basis:30px!important;
  border-radius:10px!important;
  font-size:14px!important;
}
body.room-v8 .modern-chatbar .icon-strip .mini-icon:hover:not(:disabled),
body.room-v8 .modern-chatbar .icon-strip #hand:hover:not(:disabled),
body.room-v8 .modern-chatbar .icon-strip #statusBtn:hover:not(:disabled),
body.room-v8 .modern-chatbar .icon-strip #mic:hover:not(:disabled),
body.room-v8 .modern-chatbar .icon-strip #cam:hover:not(:disabled),
body.room-v8 .modern-chatbar .icon-strip #emoji:hover:not(:disabled),
body.room-v8 .modern-chatbar .icon-strip #anim:hover:not(:disabled),
body.room-v8 .modern-chatbar .icon-strip #styleBtn:hover:not(:disabled),
body.room-v8 .modern-chatbar .icon-strip #settings:hover:not(:disabled),
body.room-v8 .modern-chatbar .icon-strip #volumeBtn:hover:not(:disabled),
body.room-v8 .vt-user-icons .vt-state:hover:not(:disabled){
  transform:none!important;
  filter:brightness(1.13)!important;
  border-color:rgba(96,239,255,.62)!important;
  background:linear-gradient(180deg,rgba(43,56,84,.98),rgba(16,25,43,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px rgba(96,239,255,.15),0 0 15px rgba(96,239,255,.16)!important;
}
body.room-v8 .modern-chatbar .icon-strip .mini-icon:active,
body.room-v8 .vt-user-icons .vt-state:active{
  transform:none!important;
  filter:brightness(.96)!important;
}
body.room-v8 .modern-chatbar .icon-strip .mini-icon.active,
body.room-v8 .modern-chatbar .icon-strip #hand.active,
body.room-v8 .modern-chatbar .icon-strip #statusBtn.active,
body.room-v8 .modern-chatbar .icon-strip #mic.active,
body.room-v8 .modern-chatbar .icon-strip #cam.active,
body.room-v8 .vt-user-icons .vt-state.on,
body.room-v8 .vt-user-icons .vt-state.active,
body.room-v8 .vt-user-icons .vt-state.vt-status-symbol.status-online{
  opacity:1!important;
  filter:none!important;
  color:#ffffff!important;
  border-color:rgba(83,255,190,.74)!important;
  background:linear-gradient(135deg,#22c55e 0%,#10b981 45%,#22d3ee 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 2px rgba(34,197,94,.18),0 0 16px rgba(34,211,238,.22)!important;
}
body.room-v8 .modern-chatbar .icon-strip #hand.active,
body.room-v8 .vt-user-icons .vt-state.hand.on{
  background:linear-gradient(135deg,#f59e0b,#b45309)!important;
  border-color:rgba(251,191,36,.70)!important;
}
body.room-v8 .modern-chatbar .icon-strip #cam.active,
body.room-v8 .vt-user-icons .vt-state.cam.on,
body.room-v8 .vt-user-icons .vt-state.cam.active{
  background:linear-gradient(135deg,#38bdf8 0%,#2563eb 55%,#8b5cf6 100%)!important;
  border-color:rgba(125,211,252,.78)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 2px rgba(56,189,248,.18),0 0 16px rgba(56,189,248,.25)!important;
}
body.room-v8 .modern-chatbar .icon-strip #cam,
body.room-v8 .modern-chatbar .icon-strip .cam-control,
body.room-v8 .vt-user-icons .vt-state.cam{
  color:#e9f2ff!important;
  font-size:0!important;
}
body.room-v8 .modern-chatbar .icon-strip #cam > *,
body.room-v8 .modern-chatbar .icon-strip .cam-control > *,
body.room-v8 .vt-user-icons .vt-state.cam > *,
body.room-v8 .vt-camera-svg,
body.room-v8 .camera-pro-glyph{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
body.room-v8 .modern-chatbar .icon-strip #cam::before,
body.room-v8 .modern-chatbar .icon-strip .cam-control::before,
body.room-v8 .vt-user-icons .vt-state.cam::before{
  content:""!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  background:currentColor!important;
  transform:none!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4.5 8.25A2.75 2.75 0 0 1 7.25 5.5h6.5a2.75 2.75 0 0 1 2.75 2.75v7.5a2.75 2.75 0 0 1-2.75 2.75h-6.5a2.75 2.75 0 0 1-2.75-2.75v-7.5Zm14.25 1.25 2.25-1.35c.67-.4 1.5.08 1.5.86v5.98c0 .78-.83 1.26-1.5.86l-2.25-1.35v-5ZM8.2 8.4a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4.5 8.25A2.75 2.75 0 0 1 7.25 5.5h6.5a2.75 2.75 0 0 1 2.75 2.75v7.5a2.75 2.75 0 0 1-2.75 2.75h-6.5a2.75 2.75 0 0 1-2.75-2.75v-7.5Zm14.25 1.25 2.25-1.35c.67-.4 1.5.08 1.5.86v5.98c0 .78-.83 1.26-1.5.86l-2.25-1.35v-5ZM8.2 8.4a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
body.room-v8 .vt-user-icons .vt-state.cam::before{
  width:15px!important;
  height:15px!important;
}
body.room-v8 .modern-chatbar .icon-strip #cam::after,
body.room-v8 .modern-chatbar .icon-strip .cam-control::after,
body.room-v8 .vt-user-icons .vt-state.cam::after{
  content:none!important;
  display:none!important;
}
@media(max-width:840px){
  body.room-v8 .modern-chatbar .icon-strip .mini-icon,
  body.room-v8 .modern-chatbar .icon-strip #hand,
  body.room-v8 .modern-chatbar .icon-strip #statusBtn,
  body.room-v8 .modern-chatbar .icon-strip #mic,
  body.room-v8 .modern-chatbar .icon-strip #cam,
  body.room-v8 .modern-chatbar .icon-strip #emoji,
  body.room-v8 .modern-chatbar .icon-strip #anim,
  body.room-v8 .modern-chatbar .icon-strip #styleBtn,
  body.room-v8 .modern-chatbar .icon-strip #settings,
  body.room-v8 .modern-chatbar .icon-strip #volumeBtn{
    width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;flex-basis:32px!important;border-radius:11px!important;
  }
  body.room-v8 .vt-user-icons .vt-state{width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;flex-basis:28px!important;border-radius:9px!important;}
  body.room-v8 .modern-chatbar .icon-strip #cam::before{width:17px!important;height:17px!important;}
  body.room-v8 .vt-user-icons .vt-state.cam::before{width:14px!important;height:14px!important;}
}

/* v1.14 - Kullanıcı odaklı UI polish: online üye kartları + chat panel modern görünüm
   Sadece görsel katman. JS/işlev/id yapısına dokunmaz. */
body.room-v8{
  background:
    radial-gradient(circle at 10% 0%, rgba(30,144,255,.16), transparent 34%),
    radial-gradient(circle at 95% 12%, rgba(168,85,247,.16), transparent 32%),
    linear-gradient(135deg,#08111f 0%,#0b1222 48%,#111827 100%)!important;
}

body.room-v8 .left-panel{
  background:linear-gradient(180deg,rgba(9,19,34,.96),rgba(8,15,29,.98))!important;
  border-right:1px solid rgba(148,163,184,.16)!important;
}

/* Online üye listesi: daha fazla kişi sığsın ama avatar güçlü kalsın */
body.room-v8 #users,
body.room-v8 .user-list,
body.room-v8 .vt-scrollable-users{
  gap:9px!important;
}

body.room-v8 .user-row.vt-user-card{
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  min-height:94px!important;
  padding:10px 14px!important;
  border-radius:22px!important;
  border:1px solid rgba(139,92,246,.42)!important;
  background:
    linear-gradient(135deg,rgba(15,34,55,.92) 0%,rgba(28,25,54,.88) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 12px 28px rgba(0,0,0,.20)!important;
  overflow:hidden!important;
}
body.room-v8 .user-row.vt-user-card:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(34,211,238,.56)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 0 1px rgba(34,211,238,.14),
    0 16px 34px rgba(0,0,0,.27)!important;
}

body.room-v8 .vt-avatar-btn{
  width:78px!important;
  height:78px!important;
  min-width:78px!important;
  border-radius:22px!important;
  padding:0!important;
  border:1px solid rgba(56,189,248,.20)!important;
  background:linear-gradient(145deg,rgba(15,23,42,.66),rgba(30,64,175,.24))!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.22)!important;
  overflow:hidden!important;
}
body.room-v8 .vt-avatar-btn img,
body.room-v8 .vt-avatar-btn .vt-member-avatar,
body.room-v8 .user-row.vt-user-card .vt-member-avatar{
  width:78px!important;
  height:78px!important;
  min-width:78px!important;
  border-radius:22px!important;
  object-fit:cover!important;
  display:block!important;
}

body.room-v8 .user-row.vt-user-card .vt-user-main{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:8px!important;
}
body.room-v8 .user-row.vt-user-card .vt-user-info{
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  gap:1px!important;
}
body.room-v8 .user-row.vt-user-card .vt-user-info b{
  font-size:23px!important;
  line-height:1.02!important;
  font-weight:950!important;
  color:#fff!important;
  letter-spacing:.1px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 2px 0 rgba(0,0,0,.20)!important;
}
body.room-v8 .user-row.vt-user-card .vt-user-info small{
  font-size:15px!important;
  line-height:1.1!important;
  font-weight:850!important;
  color:#c084fc!important;
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.room-v8 .user-row.vt-user-card .vt-user-icons{
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  max-width:100%!important;
  flex-wrap:nowrap!important;
}
body.room-v8 .user-row.vt-user-card .vt-user-icons .vt-state{
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  max-width:31px!important;
  flex:0 0 31px!important;
  border-radius:11px!important;
  font-size:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
body.room-v8 .user-row.vt-user-card .vt-user-icons .vt-state:hover{
  transform:translateY(-1px)!important;
}
body.room-v8 .user-row.vt-user-card .vt-user-icons .vt-state.cam::before{
  width:15px!important;
  height:15px!important;
}

/* Aktif durumlarda kartın kendisi değil sadece zarif vurgu */
body.room-v8 .user-row.vt-user-card.has-mic{
  border-color:rgba(34,197,94,.42)!important;
}
body.room-v8 .user-row.vt-user-card.has-cam{
  border-color:rgba(56,189,248,.44)!important;
}
body.room-v8 .user-row.vt-user-card.has-hand{
  border-color:rgba(251,191,36,.46)!important;
}

/* Chat paneli: iskelet aynı, karanlık düz kutu hissi yumuşatıldı */
body.room-v8 .chat-panel,
body.room-v8 .chat-area,
body.room-v8 #messages,
body.room-v8 .messages{
  border-color:rgba(148,163,184,.14)!important;
}
body.room-v8 #messages{
  background:
    linear-gradient(180deg,rgba(10,18,33,.22),rgba(9,14,28,.52)),
    radial-gradient(circle at 76% 18%,rgba(56,189,248,.08),transparent 30%),
    radial-gradient(circle at 20% 0%,rgba(168,85,247,.08),transparent 34%)!important;
}
body.room-v8 .modern-chatbar{
  background:linear-gradient(135deg,rgba(15,23,42,.86),rgba(17,24,39,.78))!important;
  border:1px solid rgba(148,163,184,.15)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.04)!important;
}

/* Desktop dar ekranlerde daha çok kullanıcı sığdır */
@media (max-width:1500px) and (min-width:841px){
  body.room-v8 .user-row.vt-user-card{
    grid-template-columns:82px minmax(0,1fr)!important;
    min-height:86px!important;
    padding:9px 12px!important;
    gap:12px!important;
    border-radius:20px!important;
  }
  body.room-v8 .vt-avatar-btn,
  body.room-v8 .vt-avatar-btn img,
  body.room-v8 .vt-avatar-btn .vt-member-avatar,
  body.room-v8 .user-row.vt-user-card .vt-member-avatar{
    width:70px!important;
    height:70px!important;
    min-width:70px!important;
    border-radius:20px!important;
  }
  body.room-v8 .user-row.vt-user-card .vt-user-info b{font-size:21px!important;}
  body.room-v8 .user-row.vt-user-card .vt-user-info small{font-size:14px!important;}
  body.room-v8 .user-row.vt-user-card .vt-user-icons .vt-state{
    width:29px!important;height:29px!important;min-width:29px!important;max-width:29px!important;flex-basis:29px!important;border-radius:10px!important;
  }
}

/* Mobil: iskeleti bozma, sadece taşmayı engelle */
@media (max-width:840px){
  body.room-v8 .user-row.vt-user-card{
    grid-template-columns:56px minmax(0,1fr)!important;
    min-height:74px!important;
    gap:9px!important;
    padding:8px 10px!important;
    border-radius:16px!important;
  }
  body.room-v8 .vt-avatar-btn,
  body.room-v8 .vt-avatar-btn img,
  body.room-v8 .vt-avatar-btn .vt-member-avatar,
  body.room-v8 .user-row.vt-user-card .vt-member-avatar{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    border-radius:14px!important;
  }
  body.room-v8 .user-row.vt-user-card .vt-user-info b{font-size:18px!important;}
  body.room-v8 .user-row.vt-user-card .vt-user-info small{font-size:12px!important;}
  body.room-v8 .user-row.vt-user-card .vt-user-icons{gap:5px!important;}
  body.room-v8 .user-row.vt-user-card .vt-user-icons .vt-state{
    width:27px!important;height:27px!important;min-width:27px!important;max-width:27px!important;flex-basis:27px!important;border-radius:9px!important;
  }
}

/* v1.15 - Sol panel yerleşim polish: logo yukarı, online başlık kibar, daha fazla üye alanı
   Sadece görsel CSS. JS/id/işlev değişmez. */
body.room-v8 #userDrawer,
body.room-v8 .user-drawer{
  padding-top:10px!important;
}

/* Logo bloğunu daha yukarı ve daha kompakt konumlandır */
body.room-v8 .vt-chat-logo-block{
  margin-top:2px!important;
  margin-bottom:10px!important;
  min-height:74px!important;
  padding:8px 12px!important;
  border-radius:24px!important;
}
body.room-v8 .vt-chat-logo-block img{
  max-height:78px!important;
  width:auto!important;
  object-fit:contain!important;
}

/* Online üyeler başlığı daha kibar: az yer kaplar, modern pill */
body.room-v8 .drawer-head.vt-member-title-row{
  min-height:34px!important;
  margin:4px 0 10px!important;
  padding:0!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  border:0!important;
}
body.room-v8 .drawer-head.vt-member-title-row b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  min-height:30px!important;
  padding:6px 18px!important;
  border-radius:999px!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  color:#eaf3ff!important;
  background:linear-gradient(135deg,rgba(15,23,42,.82),rgba(30,41,59,.68))!important;
  border:1px solid rgba(148,163,184,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 18px rgba(0,0,0,.18)!important;
}
body.room-v8 .drawer-head.vt-member-title-row b:before{
  content:''!important;
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
  background:#22c55e!important;
  box-shadow:0 0 12px rgba(34,197,94,.85)!important;
}
body.room-v8 .drawer-head.vt-member-title-row:after{
  content:''!important;
  display:block!important;
  position:absolute!important;
  left:20px!important;
  right:20px!important;
  bottom:-10px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(148,163,184,.22),transparent)!important;
}

/* Üye listesi başlık/ara boşlukları azaltıldı: ilk ekranda daha fazla kart görünür */
body.room-v8 #users,
body.room-v8 .user-list,
body.room-v8 .vt-scrollable-users{
  gap:8px!important;
  padding-top:8px!important;
}

/* Kart güzel yapıyı korur; hafif daha verimli yükseklik */
body.room-v8 .user-row.vt-user-card{
  min-height:88px!important;
  padding:9px 13px!important;
  border-radius:21px!important;
}
body.room-v8 .vt-avatar-btn,
body.room-v8 .vt-avatar-btn img,
body.room-v8 .vt-avatar-btn .vt-member-avatar,
body.room-v8 .user-row.vt-user-card .vt-member-avatar{
  width:74px!important;
  height:74px!important;
  min-width:74px!important;
  border-radius:21px!important;
}
body.room-v8 .user-row.vt-user-card{
  grid-template-columns:86px minmax(0,1fr)!important;
  gap:13px!important;
}
body.room-v8 .user-row.vt-user-card .vt-user-info b{
  font-size:22px!important;
}
body.room-v8 .user-row.vt-user-card .vt-user-info small{
  font-size:14px!important;
}
body.room-v8 .user-row.vt-user-card .vt-user-icons .vt-state{
  width:29px!important;
  height:29px!important;
  min-width:29px!important;
  max-width:29px!important;
  flex-basis:29px!important;
}

/* Sol alt marka kartı çok aşağı taşmadan, listeye alan bırakır */
body.room-v8 .left-brand,
body.room-v8 #leftBrandBox{
  margin-top:auto!important;
}

@media (max-width:1500px) and (min-width:841px){
  body.room-v8 .vt-chat-logo-block{
    margin-top:0!important;
    margin-bottom:8px!important;
    min-height:68px!important;
    padding:7px 10px!important;
  }
  body.room-v8 .vt-chat-logo-block img{max-height:52px!important;}
  body.room-v8 .drawer-head.vt-member-title-row{min-height:30px!important;margin:2px 0 8px!important;}
  body.room-v8 .drawer-head.vt-member-title-row b{font-size:12px!important;min-height:28px!important;padding:5px 15px!important;letter-spacing:.16em!important;}
  body.room-v8 .user-row.vt-user-card{
    grid-template-columns:76px minmax(0,1fr)!important;
    min-height:78px!important;
    padding:8px 11px!important;
    gap:10px!important;
    border-radius:19px!important;
  }
  body.room-v8 .vt-avatar-btn,
  body.room-v8 .vt-avatar-btn img,
  body.room-v8 .vt-avatar-btn .vt-member-avatar,
  body.room-v8 .user-row.vt-user-card .vt-member-avatar{
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    border-radius:18px!important;
  }
  body.room-v8 .user-row.vt-user-card .vt-user-info b{font-size:20px!important;}
  body.room-v8 .user-row.vt-user-card .vt-user-info small{font-size:13px!important;}
  body.room-v8 .user-row.vt-user-card .vt-user-icons{gap:6px!important;}
  body.room-v8 .user-row.vt-user-card .vt-user-icons .vt-state{
    width:27px!important;height:27px!important;min-width:27px!important;max-width:27px!important;flex-basis:27px!important;border-radius:9px!important;
  }
}

@media (max-width:840px){
  body.room-v8 .vt-chat-logo-block{margin:6px 10px 8px!important;min-height:58px!important;padding:6px 10px!important;}
  body.room-v8 .vt-chat-logo-block img{max-height:48px!important;}
  body.room-v8 .drawer-head.vt-member-title-row{margin:0 0 7px!important;min-height:28px!important;}
  body.room-v8 .drawer-head.vt-member-title-row b{font-size:11px!important;padding:5px 12px!important;letter-spacing:.13em!important;}
}

/* v1.16 - PC online user list density polish (avatar size preserved) */
@media (min-width: 901px){
  .user-drawer{
    padding-top:10px!important;
    padding-bottom:10px!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .user-drawer .drawer-head{
    margin:0 0 6px!important;
    padding:6px 8px!important;
    min-height:34px!important;
    flex:0 0 auto!important;
  }
  .user-drawer .drawer-head h3,
  .user-drawer .drawer-head b,
  .side-title{
    font-size:13px!important;
    line-height:1!important;
    letter-spacing:.2px!important;
    margin:0!important;
    padding:5px 10px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.06)!important;
    border:1px solid rgba(148,163,184,.18)!important;
    color:#dbeafe!important;
    width:max-content!important;
  }
  .user-list,
  .vt-scrollable-users{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    gap:6px!important;
    padding:4px 6px 10px!important;
    scrollbar-width:thin!important;
  }
  .user-row.vt-member-card{
    min-height:88px!important;
    height:88px!important;
    grid-template-columns:88px minmax(0,1fr) auto!important;
    gap:10px!important;
    padding:6px 9px!important;
    border-radius:19px!important;
    align-items:center!important;
  }
  .user-row.vt-member-card .vt-member-avatar,
  .user-row.vt-member-card>img{
    width:84px!important;
    height:84px!important;
    border-radius:18px!important;
    justify-self:start!important;
  }
  .user-row.vt-member-card .vt-member-info{
    gap:4px!important;
    justify-content:center!important;
  }
  .user-row.vt-member-card .vt-member-info b{
    font-size:22px!important;
    line-height:1.02!important;
  }
  .user-row.vt-member-card .vt-member-info small{
    font-size:14px!important;
    line-height:1!important;
    padding:3px 7px!important;
  }
  .vt-user-icons{
    gap:5px!important;
    margin-left:2px!important;
  }
  .vt-status-icon{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    font-size:13px!important;
    border-radius:10px!important;
  }
  .vt-status-icon.online:before{
    width:16px!important;
    height:16px!important;
  }
  .left-brand{
    flex:0 0 auto!important;
    margin-top:8px!important;
    padding:7px!important;
  }
}

/* v1.19 - PC genel görünüm %20 küçültme (v1.16 kaynak üzerinden)
   Sadece desktop oda ekranında uygulanır. Mobil görünüm ve çalışma mantığına dokunmaz.
   Ana room-shell 125% alana yayılıp 0.8 zoom ile ölçeklenir: görsel alan yine ekranı doldurur, tüm UI elemanları %20 küçülür. */
@media (min-width: 901px){
  html:has(body.room-v8),
  body.room-v8,
  body.room-v8 .chat-room{
    width:100vw!important;
    height:100dvh!important;
    overflow:hidden!important;
  }

  body.room-v8 .room-shell{
    width:125vw!important;
    height:125dvh!important;
    max-width:none!important;
    max-height:none!important;
    transform-origin:top left!important;
    zoom:.8!important;
  }

  /* zoom desteklemeyen tarayıcılar için yedek */
  @supports not (zoom: 1){
    body.room-v8 .room-shell{
      transform:scale(.8)!important;
      transform-origin:top left!important;
    }
  }
}

/* v1.29 - PC sol alt VoiceTalky/Konuşma kartı gerçek alt hizalama
   Kaynak: 1(3) / v1.19 ölçek sistemi. Sadece desktop sol panel yüksekliği ve liste alanı düzenlenir. */
@media (min-width: 901px){
  body.room-v8 aside#userDrawer.user-drawer,
  body.room-v8 .user-drawer{
    height:125dvh!important;
    min-height:125dvh!important;
    max-height:125dvh!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body.room-v8 #users.user-list,
  body.room-v8 .user-list{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-bottom:12px!important;
  }

  body.room-v8 #leftBrandBox.left-brand,
  body.room-v8 .left-brand{
    flex:0 0 auto!important;
    margin-top:auto!important;
    margin-bottom:10px!important;
    position:relative!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    width:auto!important;
  }
}

/* v1.31 - Sağ kolon dengeli hizalama
   Kaynak: v1.29. Sadece PC sağ panel düzeni değişir.
   Odalar bölümü içerik arttıkça aşağı doğru alan kullanır; aşırı büyüyüp Aktif Mikrofonlar'ı alta itmez. */
@media (min-width:901px){
  body.room-v8 .vt-room-right-panel{
    grid-area:right!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    overflow:hidden!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
  }

  body.room-v8 .vt-room-cards-panel{
    flex:0 1 58%!important;
    min-height:360px!important;
    max-height:58%!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }

  body.room-v8 .vt-room-mini-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-bottom:10px!important;
    scroll-behavior:smooth!important;
  }

  body.room-v8 .vt-active-mic-panel,
  body.room-v8 .vt-new-members-panel.vt-active-mic-panel{
    flex:0 0 clamp(190px,21%,235px)!important;
    min-height:190px!important;
    max-height:235px!important;
    margin-top:0!important;
    overflow:hidden!important;
  }
}

@media (min-width:901px) and (max-height:760px){
  body.room-v8 .vt-room-right-panel{gap:10px!important;}
  body.room-v8 .vt-room-cards-panel{
    min-height:330px!important;
    max-height:56%!important;
    flex-basis:56%!important;
  }
  body.room-v8 .vt-active-mic-panel,
  body.room-v8 .vt-new-members-panel.vt-active-mic-panel{
    flex-basis:170px!important;
    min-height:170px!important;
    max-height:185px!important;
  }
}

/* v1.32 - Sağ odalar paneli +2 oda alanı ve admin scroll fix
   Kaynak: v1.31. Sadece PC sağ kolon yüksekliği ve admin sayfa scroll davranışı düzenlenir. */
@media (min-width:901px){
  body.room-v8 .vt-room-right-panel{
    height:100%!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    overflow:hidden!important;
    align-self:stretch!important;
  }

  body.room-v8 .vt-room-cards-panel{
    flex:1 1 auto!important;
    min-height:430px!important;
    max-height:calc(100% - 215px)!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }

  body.room-v8 .vt-room-mini-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-bottom:12px!important;
  }

  body.room-v8 .vt-active-mic-panel,
  body.room-v8 .vt-new-members-panel.vt-active-mic-panel{
    flex:0 0 200px!important;
    min-height:190px!important;
    max-height:210px!important;
    margin-top:0!important;
    overflow:hidden!important;
  }
}

@media (min-width:901px) and (max-height:760px){
  body.room-v8 .vt-room-right-panel{gap:10px!important;}
  body.room-v8 .vt-room-cards-panel{
    min-height:390px!important;
    max-height:calc(100% - 188px)!important;
  }
  body.room-v8 .vt-active-mic-panel,
  body.room-v8 .vt-new-members-panel.vt-active-mic-panel{
    flex-basis:176px!important;
    min-height:168px!important;
    max-height:182px!important;
  }
}

/* Admin panel sayfa kaydırma kilidi düzeltmesi */
html:has(body.admin-pro),
html:has(body.vt-admin-modern),
body.admin-pro,
body.vt-admin-modern,
body.admin-page{
  height:auto!important;
  min-height:100vh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}

body.admin-pro .admin-main,
body.vt-admin-modern .admin-main,
body.admin-page main{
  min-height:100vh!important;
  height:auto!important;
  overflow:visible!important;
}

/* Modal açıkken sadece arka sayfa kilitlenir; modal içeriği kayabilir. */
body.admin-pro.modal-open,
body.vt-admin-modern.modal-open{
  overflow-y:auto!important;
}

body.admin-pro .room-edit-modal,
body.vt-admin-modern .room-edit-modal{
  overflow-y:auto!important;
  align-items:flex-start!important;
  padding-top:24px!important;
  padding-bottom:24px!important;
}

body.admin-pro .room-edit-box,
body.vt-admin-modern .room-edit-box{
  max-height:none!important;
  overflow:visible!important;
}

/* v1.33 - Admin panel kök scroll/yan kayma düzeltmesi
   Amaç: panel işlevlerine dokunmadan sadece admin yerleşimini sabitlemek.
   - Sidebar artık sabit sol kolon gibi davranır, yarım/eksik duvar görünümü vermez.
   - Admin ana içerik yatay kaymaz.
   - Yetkiler sayfasındaki sağ bilgi kartı taşma/kilitlenme üretmez.
   - Uzun tablolar kendi içinde yatay kayar; sayfanın tamamını sağa itmez.
*/
body.admin-pro.vt-admin-modern,
body.admin-pro{
  display:block!important;
  min-height:100dvh!important;
  width:100%!important;
  margin:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:#eef2f7!important;
}

body.admin-pro.vt-admin-modern .vt-pro-sidebar,
body.admin-pro .vt-pro-sidebar,
body.admin-pro.vt-admin-modern .admin-sidebar,
body.admin-pro .admin-sidebar{
  position:fixed!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:280px!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
  z-index:1000!important;
  flex-shrink:0!important;
  background:linear-gradient(180deg,#020617,#0f172a 45%,#111827)!important;
  border-right:1px solid rgba(148,163,184,.18)!important;
  box-shadow:18px 0 60px rgba(2,6,23,.16)!important;
}

body.admin-pro.vt-admin-modern .admin-main,
body.admin-pro .admin-main{
  margin-left:280px!important;
  width:calc(100vw - 280px)!important;
  max-width:calc(100vw - 280px)!important;
  min-width:0!important;
  min-height:100dvh!important;
  height:auto!important;
  overflow-x:hidden!important;
  overflow-y:visible!important;
  box-sizing:border-box!important;
  padding:26px!important;
  background:linear-gradient(135deg,#eef2f7,#f8fafc)!important;
}

body.admin-pro .admin-card,
body.admin-pro .vt-admin-hero,
body.admin-pro .vt-dashboard-command,
body.admin-pro .vt-role-builder,
body.admin-pro .vt-role-help-card,
body.admin-pro .vt-role-list-card,
body.admin-pro .vt-live-room-card,
body.admin-pro .vt-live-toolbar{
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

body.admin-pro .vt-admin-hero{
  overflow:hidden!important;
}
body.admin-pro .vt-admin-hero > *,
body.admin-pro .vt-card-title > *,
body.admin-pro .vt-live-room-head > *,
body.admin-pro .vt-live-user-head > *{
  min-width:0!important;
}

body.admin-pro .vt-card-title h2,
body.admin-pro .vt-card-title span,
body.admin-pro .vt-admin-hero h1,
body.admin-pro .vt-admin-hero p,
body.admin-pro .vt-role-help-card p,
body.admin-pro .vt-role-help-card li{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

/* Yetkiler sayfası: sağdaki “Rol değil, güç yönetimi” kartı sayfayı sağa itmesin. */
body.admin-pro.vt-roles-page .vt-role-builder-grid{
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(250px,320px)!important;
  gap:18px!important;
  align-items:start!important;
  overflow:visible!important;
}
body.admin-pro.vt-roles-page .vt-role-help-card{
  position:relative!important;
  top:auto!important;
  align-self:start!important;
  overflow:hidden!important;
}
body.admin-pro.vt-roles-page .vt-perm-groups,
body.admin-pro.vt-roles-page .vt-role-meta-grid{
  min-width:0!important;
  max-width:100%!important;
}
body.admin-pro.vt-roles-page .vt-perm-toggle,
body.admin-pro.vt-roles-page .vt-perm-text,
body.admin-pro.vt-roles-page .vt-perm-text b,
body.admin-pro.vt-roles-page .vt-perm-text small{
  min-width:0!important;
  max-width:100%!important;
}

/* Uzun tablolar sayfanın tamamını kilitlemesin; sadece tablo alanı kayar. */
body.admin-pro .vt-table-wrap,
body.admin-pro .admin-table-wrap,
body.admin-pro .table-wrap,
body.admin-pro .room-admin-list,
body.admin-pro .vt-modern-table{
  max-width:100%!important;
}
body.admin-pro .vt-table-wrap,
body.admin-pro .admin-table-wrap,
body.admin-pro .table-wrap{
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch!important;
}
body.admin-pro table{
  max-width:100%!important;
}

/* Admin modal: arka sayfayı bozma, modalın kendi içi kayabilsin. */
body.admin-pro.modal-open,
body.vt-admin-modern.modal-open{
  overflow:hidden!important;
}
body.admin-pro .room-edit-modal,
body.vt-admin-modern .room-edit-modal,
body.admin-pro .vt-live-command-modal,
body.vt-admin-modern .vt-live-command-modal{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  align-items:flex-start!important;
  padding:24px!important;
}
body.admin-pro .room-edit-box,
body.vt-admin-modern .room-edit-box,
body.admin-pro .vt-live-command-card,
body.vt-admin-modern .vt-live-command-card{
  max-height:calc(100dvh - 48px)!important;
  overflow:auto!important;
}

@media(max-width:1100px){
  body.admin-pro.vt-roles-page .vt-role-builder-grid{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:900px){
  body.admin-pro.vt-admin-modern,
  body.admin-pro{
    display:block!important;
    overflow-x:hidden!important;
  }
  body.admin-pro.vt-admin-modern .vt-pro-sidebar,
  body.admin-pro .vt-pro-sidebar,
  body.admin-pro.vt-admin-modern .admin-sidebar,
  body.admin-pro .admin-sidebar{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:auto!important;
    max-height:none!important;
    display:block!important;
    border-right:0!important;
    border-bottom:1px solid rgba(148,163,184,.22)!important;
  }
  body.admin-pro.vt-admin-modern .admin-main,
  body.admin-pro .admin-main{
    margin-left:0!important;
    width:100%!important;
    max-width:100%!important;
    padding:14px!important;
  }
}


/* v1.34 - Yetkiler sayfası sadeleştirme
   Sağdaki “Profesyonel Mantık / Rol değil, güç yönetimi” bilgi kartı kaldırıldı.
   Yetki oluşturma ve düzenleme içerikleri sayfayı kilitlemeden daha geniş ve okunabilir hale getirildi.
   İşlev/POST/form alanlarına dokunulmadı. */
body.admin-pro.vt-roles-page .vt-role-builder-grid{
  grid-template-columns:1fr!important;
  gap:18px!important;
  width:100%!important;
  max-width:100%!important;
}
body.admin-pro.vt-roles-page .vt-role-help-card{
  display:none!important;
}
body.admin-pro.vt-roles-page .vt-role-builder,
body.admin-pro.vt-roles-page .vt-role-edit-card{
  max-width:100%!important;
  overflow:hidden!important;
}
body.admin-pro.vt-roles-page .vt-perm-groups{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
body.admin-pro.vt-roles-page .vt-perm-group-card{
  min-width:0!important;
}
body.admin-pro.vt-roles-page .vt-perm-toggle{
  min-height:54px!important;
  padding:10px!important;
}
body.admin-pro.vt-roles-page .vt-role-list-card{
  margin-top:18px!important;
}
body.admin-pro.vt-roles-page .vt-modern-table th,
body.admin-pro.vt-roles-page .vt-modern-table td{
  white-space:nowrap!important;
}
@media(max-width:1400px){
  body.admin-pro.vt-roles-page .vt-perm-groups{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:900px){
  body.admin-pro.vt-roles-page .vt-perm-groups{
    grid-template-columns:1fr!important;
  }
  body.admin-pro.vt-roles-page .vt-role-meta-grid{
    grid-template-columns:1fr!important;
  }
}

/* v1.35 - Sağ kolon ince oran düzeltmesi
   Kaynak: v1.34. Sadece PC sağ kolon yüksekliği ayarı yapılır.
   Odalar paneli yaklaşık 1 oda kadar kısaltılır, Aktif Mikrofonlar alt sınıra dengeli oturtulur.
   Sol panel, chat alanı, mobil ve işlevler değiştirilmez. */
@media (min-width:901px){
  body.room-v8 .vt-room-right-panel{
    height:100%!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    overflow:hidden!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
  }

  body.room-v8 .vt-room-cards-panel{
    flex:0 1 calc(100% - 262px)!important;
    min-height:0!important;
    max-height:calc(100% - 262px)!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }

  body.room-v8 .vt-room-mini-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-bottom:10px!important;
  }

  body.room-v8 .vt-active-mic-panel,
  body.room-v8 .vt-new-members-panel.vt-active-mic-panel{
    flex:0 0 238px!important;
    min-height:218px!important;
    max-height:238px!important;
    margin-top:0!important;
    overflow:hidden!important;
  }
}

@media (min-width:901px) and (max-height:760px){
  body.room-v8 .vt-room-right-panel{gap:10px!important;}
  body.room-v8 .vt-room-cards-panel{
    flex-basis:calc(100% - 228px)!important;
    max-height:calc(100% - 228px)!important;
  }
  body.room-v8 .vt-active-mic-panel,
  body.room-v8 .vt-new-members-panel.vt-active-mic-panel{
    flex-basis:208px!important;
    min-height:190px!important;
    max-height:208px!important;
  }
}

/* v1.36 - PC/Laptop/Tablet adaptive layout safety
   Kaynak: v1.35. Amaç: eski laptop, düşük çözünürlük ve geniş ekranlarda oda panelinin nizami kalması.
   İşlev, JS, LiveKit, admin mantığı ve mobil iskeletine dokunulmaz. */
@media (min-width:901px){
  body.room-v8{
    --vt-desktop-scale:.80;
    --vt-desktop-inverse:125;
  }
  body.room-v8 .room-shell{
    width:calc(100vw * (100 / (var(--vt-desktop-scale) * 100)))!important;
    height:calc(100dvh * (100 / (var(--vt-desktop-scale) * 100)))!important;
    zoom:var(--vt-desktop-scale)!important;
    transform-origin:top left!important;
    overflow:hidden!important;
  }
  body.room-v8 aside#userDrawer.user-drawer,
  body.room-v8 .user-drawer{
    height:calc(100dvh * (100 / (var(--vt-desktop-scale) * 100)))!important;
    min-height:calc(100dvh * (100 / (var(--vt-desktop-scale) * 100)))!important;
    max-height:calc(100dvh * (100 / (var(--vt-desktop-scale) * 100)))!important;
  }
  body.room-v8 .modern-chatbar,
  body.room-v8 .vt-room-right-panel,
  body.room-v8 .chat-stream,
  body.room-v8 .user-drawer{
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body.room-v8 .modern-chatbar .icon-strip{
    min-width:0!important;
    overflow:hidden!important;
  }
  body.room-v8 .modern-chatbar .message-strip{
    min-width:0!important;
  }
}

/* 1366 civarı ve eski laptoplar: tüm PC görünümü biraz daha küçülür, kolonlar taşmaz. */
@media (min-width:901px) and (max-width:1450px){
  body.room-v8{--vt-desktop-scale:.72;}
  body.room-v8 .room-shell{
    grid-template-columns:320px minmax(0,1fr) 392px!important;
    grid-template-rows:86px minmax(0,1fr) 100px!important;
    gap:12px!important;
    padding:14px!important;
  }
  body.room-v8 .user-row.vt-user-card{
    min-height:76px!important;
    padding:7px 10px!important;
    gap:10px!important;
  }
  body.room-v8 .user-row.vt-user-card .vt-user-info b,
  body.room-v8 .user-row.vt-member-card .vt-member-info b{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.room-v8 .vt-room-mini-card{
    min-height:96px!important;
  }
  body.room-v8 .vt-room-card-body strong,
  body.room-v8 .vt-room-card-body small{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.room-v8 .self-info{
    max-width:38%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

/* 1280 ve altı PC/laptop: daha güvenli kompakt desktop ölçeği. */
@media (min-width:901px) and (max-width:1280px){
  body.room-v8{--vt-desktop-scale:.68;}
  body.room-v8 .room-shell{
    grid-template-columns:310px minmax(0,1fr) 370px!important;
    grid-template-rows:82px minmax(0,1fr) 94px!important;
    gap:10px!important;
    padding:12px!important;
  }
  body.room-v8 .vt-chat-logo-block{
    min-height:62px!important;
    margin-bottom:6px!important;
  }
  body.room-v8 .vt-chat-logo-block img{max-height:48px!important;}
  body.room-v8 .drawer-head.vt-member-title-row{margin-bottom:6px!important;}
  body.room-v8 .user-row.vt-user-card{
    min-height:72px!important;
    padding:6px 9px!important;
    border-radius:18px!important;
  }
  body.room-v8 .vt-avatar-btn,
  body.room-v8 .vt-avatar-btn img,
  body.room-v8 .vt-avatar-btn .vt-member-avatar,
  body.room-v8 .user-row.vt-user-card .vt-member-avatar{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    border-radius:17px!important;
  }
  body.room-v8 .user-row.vt-user-card{
    grid-template-columns:72px minmax(0,1fr)!important;
  }
  body.room-v8 .user-row.vt-user-card .vt-user-icons .vt-state,
  body.room-v8 .vt-status-icon{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    max-width:26px!important;
    flex-basis:26px!important;
  }
  body.room-v8 .modern-chatbar .icon-strip .mini-icon,
  body.room-v8 .modern-chatbar .icon-strip #hand,
  body.room-v8 .modern-chatbar .icon-strip #statusBtn,
  body.room-v8 .modern-chatbar .icon-strip #mic,
  body.room-v8 .modern-chatbar .icon-strip #cam,
  body.room-v8 .modern-chatbar .icon-strip #emoji,
  body.room-v8 .modern-chatbar .icon-strip #anim,
  body.room-v8 .modern-chatbar .icon-strip #styleBtn,
  body.room-v8 .modern-chatbar .icon-strip #settings,
  body.room-v8 .modern-chatbar .icon-strip #volumeBtn{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    flex-basis:30px!important;
  }
}

/* Çok kısa yükseklikli laptop ekranları: alt bar ve mikrofon alanı kaymasın. */
@media (min-width:901px) and (max-height:720px){
  body.room-v8{--vt-desktop-scale:.66;}
  body.room-v8 .room-shell{
    grid-template-rows:78px minmax(0,1fr) 90px!important;
    gap:9px!important;
    padding:10px!important;
  }
  body.room-v8 .vt-room-cards-panel{
    flex-basis:calc(100% - 205px)!important;
    max-height:calc(100% - 205px)!important;
  }
  body.room-v8 .vt-active-mic-panel,
  body.room-v8 .vt-new-members-panel.vt-active-mic-panel{
    flex-basis:188px!important;
    min-height:178px!important;
    max-height:190px!important;
  }
  body.room-v8 .left-brand,
  body.room-v8 #leftBrandBox.left-brand{
    margin-bottom:6px!important;
  }
}

/* Orta-büyük masaüstü: mevcut v1.35 dengesi korunur, ama 4K'da devleşme engellenir. */
@media (min-width:1900px){
  body.room-v8{--vt-desktop-scale:.80;}
  body.room-v8 .room-shell{
    max-width:none!important;
  }
}

/* Tablet yatay / küçük PC: mobil iskelete geçmeden önce güvenli desktop sıkıştırma. */
@media (min-width:841px) and (max-width:1050px){
  body.room-v8{--vt-desktop-scale:.62;}
  body.room-v8 .room-shell{
    grid-template-columns:300px minmax(0,1fr) 350px!important;
    grid-template-rows:76px minmax(0,1fr) 88px!important;
    gap:9px!important;
    padding:10px!important;
  }
}


/* v1.37 - Bottom chatbar golden-ratio fit + status/hand order polish
   Sadece görsel/hizalama: çalışma prensipleri ve JS id'leri korunur. */
body.room-v8 .modern-chatbar{
  overflow:hidden!important;
  box-sizing:border-box!important;
  padding:8px 12px!important;
  gap:8px!important;
}
body.room-v8 .modern-chatbar .icon-strip{
  min-height:38px!important;
  height:38px!important;
  max-height:38px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:0 0 3px 0!important;
  overflow:hidden!important;
  flex-wrap:nowrap!important;
  border-bottom:1px solid rgba(148,163,184,.18)!important;
}
body.room-v8 .modern-chatbar .icon-strip #statusBtn{order:1!important;}
body.room-v8 .modern-chatbar .icon-strip #hand{order:2!important;}
body.room-v8 .modern-chatbar .icon-strip #mic{order:3!important;}
body.room-v8 .modern-chatbar .icon-strip #cam{order:4!important;}
body.room-v8 .modern-chatbar .icon-strip #emoji{order:5!important;}
body.room-v8 .modern-chatbar .icon-strip #anim{order:6!important;}
body.room-v8 .modern-chatbar .icon-strip #styleBtn{order:7!important;}
body.room-v8 .modern-chatbar .icon-strip #settings{order:8!important;}
body.room-v8 .modern-chatbar .icon-strip #volumeBtn{order:9!important;}
body.room-v8 .modern-chatbar .icon-strip #selfInfo,
body.room-v8 .modern-chatbar .icon-strip .self-info{
  order:10!important;
  margin-left:auto!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  padding-left:10px!important;
}
body.room-v8 .modern-chatbar .icon-strip .mini-icon,
body.room-v8 .modern-chatbar .icon-strip #hand,
body.room-v8 .modern-chatbar .icon-strip #statusBtn,
body.room-v8 .modern-chatbar .icon-strip #mic,
body.room-v8 .modern-chatbar .icon-strip #cam,
body.room-v8 .modern-chatbar .icon-strip #emoji,
body.room-v8 .modern-chatbar .icon-strip #anim,
body.room-v8 .modern-chatbar .icon-strip #styleBtn,
body.room-v8 .modern-chatbar .icon-strip #settings,
body.room-v8 .modern-chatbar .icon-strip #volumeBtn{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  flex:0 0 30px!important;
  border-radius:11px!important;
  font-size:14px!important;
  margin:0!important;
  transform:none!important;
  box-sizing:border-box!important;
}
body.room-v8 .modern-chatbar .icon-strip .mini-icon:hover:not(:disabled),
body.room-v8 .modern-chatbar .icon-strip #hand:hover:not(:disabled),
body.room-v8 .modern-chatbar .icon-strip #statusBtn:hover:not(:disabled),
body.room-v8 .modern-chatbar .icon-strip #mic:hover:not(:disabled),
body.room-v8 .modern-chatbar .icon-strip #cam:hover:not(:disabled),
body.room-v8 .modern-chatbar .icon-strip #emoji:hover:not(:disabled),
body.room-v8 .modern-chatbar .icon-strip #anim:hover:not(:disabled),
body.room-v8 .modern-chatbar .icon-strip #styleBtn:hover:not(:disabled),
body.room-v8 .modern-chatbar .icon-strip #settings:hover:not(:disabled),
body.room-v8 .modern-chatbar .icon-strip #volumeBtn:hover:not(:disabled){
  transform:none!important;
  filter:brightness(1.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px rgba(96,239,255,.17),0 0 13px rgba(96,239,255,.17)!important;
}
body.room-v8 .modern-chatbar .message-strip{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  min-height:38px!important;
  overflow:hidden!important;
}
body.room-v8 .modern-chatbar .message-strip input,
body.room-v8 .modern-chatbar #msg{
  height:38px!important;
  min-height:38px!important;
  border-radius:15px!important;
  font-size:14px!important;
  padding:0 14px!important;
  min-width:0!important;
}
body.room-v8 .modern-chatbar .send-btn,
body.room-v8 .modern-chatbar #send{
  height:38px!important;
  min-height:38px!important;
  min-width:84px!important;
  padding:0 18px!important;
  border-radius:15px!important;
  font-size:15px!important;
}
body.room-v8 .modern-chatbar .icon-strip #cam::before,
body.room-v8 .modern-chatbar .icon-strip .cam-control::before{
  width:16px!important;
  height:16px!important;
}
@media(max-width:840px){
  body.room-v8 .modern-chatbar{
    padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
  }
  body.room-v8 .modern-chatbar .icon-strip{
    gap:5px!important;
    height:36px!important;
    max-height:36px!important;
  }
  body.room-v8 .modern-chatbar .icon-strip .mini-icon,
  body.room-v8 .modern-chatbar .icon-strip #hand,
  body.room-v8 .modern-chatbar .icon-strip #statusBtn,
  body.room-v8 .modern-chatbar .icon-strip #mic,
  body.room-v8 .modern-chatbar .icon-strip #cam,
  body.room-v8 .modern-chatbar .icon-strip #emoji,
  body.room-v8 .modern-chatbar .icon-strip #anim,
  body.room-v8 .modern-chatbar .icon-strip #styleBtn,
  body.room-v8 .modern-chatbar .icon-strip #settings,
  body.room-v8 .modern-chatbar .icon-strip #volumeBtn{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    flex-basis:30px!important;
    border-radius:10px!important;
    font-size:14px!important;
  }
  body.room-v8 .modern-chatbar .message-strip input,
  body.room-v8 .modern-chatbar #msg{
    height:36px!important;
    min-height:36px!important;
  }
  body.room-v8 .modern-chatbar .send-btn,
  body.room-v8 .modern-chatbar #send{
    height:36px!important;
    min-height:36px!important;
    min-width:70px!important;
    padding:0 12px!important;
  }
}

/* v1.39 - Admin Dashboard / Canlı Komuta kullanılabilirlik düzeltmesi */
body.vt-dashboard-live-page .vt-dashboard-command{
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
body.vt-dashboard-live-page .vt-live-admin-root{
  overflow:visible!important;
  width:100%!important;
  max-width:100%!important;
}
body.vt-dashboard-live-page .vt-live-room-card{
  overflow:visible!important;
  padding:14px!important;
}
body.vt-dashboard-live-page .vt-live-users-wrap{
  overflow:visible!important;
}
body.vt-dashboard-live-page .vt-live-users-compact,
body.vt-dashboard-live-page .vt-live-users{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  max-height:min(560px,60vh)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:4px 6px 8px 2px!important;
}
body.vt-dashboard-live-page .vt-live-user-mini{
  display:grid!important;
  grid-template-columns:minmax(310px,1.05fr) minmax(190px,.5fr) minmax(150px,.36fr)!important;
  align-items:center!important;
  gap:14px!important;
  min-width:0!important;
  width:100%!important;
  padding:10px 12px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(15,23,42,.94),rgba(17,24,39,.72))!important;
  border:1px solid rgba(148,163,184,.16)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.16)!important;
}
body.vt-dashboard-live-page .vt-live-user-mini:hover{
  border-color:rgba(56,189,248,.28)!important;
  box-shadow:0 14px 34px rgba(14,165,233,.12)!important;
}
body.vt-dashboard-live-page .vt-live-user-head{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-width:0!important;
}
body.vt-dashboard-live-page .vt-live-user-head img{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  flex:0 0 42px!important;
}
body.vt-dashboard-live-page .vt-live-user-head b{
  color:#fff!important;
  font-size:14px!important;
  line-height:1.15!important;
}
body.vt-dashboard-live-page .vt-live-user-head small,
body.vt-dashboard-live-page .vt-live-user-head em{
  font-size:11px!important;
  line-height:1.25!important;
  color:#94a3b8!important;
}
body.vt-dashboard-live-page .vt-live-pills{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  justify-content:flex-start!important;
}
body.vt-dashboard-live-page .vt-live-pills small{
  color:#94a3b8!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
body.vt-dashboard-live-page .vt-live-pills span{
  max-width:110px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.vt-dashboard-live-page .vt-live-action-details{
  position:relative!important;
  min-width:0!important;
  justify-self:stretch!important;
}
body.vt-dashboard-live-page .vt-live-action-details>summary{
  height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  list-style:none!important;
  cursor:pointer!important;
  border:1px solid rgba(96,165,250,.28)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#38bdf8,#6366f1)!important;
  color:#fff!important;
  font-weight:950!important;
  padding:0 14px!important;
  box-shadow:0 10px 24px rgba(59,130,246,.18)!important;
}
body.vt-dashboard-live-page .vt-live-action-details>summary::-webkit-details-marker{display:none!important}
body.vt-dashboard-live-page .vt-live-action-details>summary i{
  font-style:normal!important;
  opacity:.86!important;
  transition:transform .18s ease!important;
}
body.vt-dashboard-live-page .vt-live-action-details[open]>summary i{transform:rotate(180deg)!important}
body.vt-dashboard-live-page .vt-live-action-details[open]{
  grid-column:1/-1!important;
}
body.vt-dashboard-live-page .vt-live-action-details[open] .vt-live-actions{
  position:static!important;
  width:100%!important;
  margin-top:10px!important;
  padding:12px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(2,6,23,.96),rgba(15,23,42,.9))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 44px rgba(0,0,0,.22)!important;
}
body.vt-dashboard-live-page .vt-action-group{
  min-width:0!important;
  padding:9px!important;
  border-radius:15px!important;
  background:rgba(15,23,42,.66)!important;
  border:1px solid rgba(148,163,184,.12)!important;
}
body.vt-dashboard-live-page .vt-action-group>b{
  display:block!important;
  color:#93c5fd!important;
  font-size:11px!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  margin:0 0 7px!important;
}
body.vt-dashboard-live-page .vt-action-group>div{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
}
body.vt-dashboard-live-page .vt-live-actions button{
  min-height:36px!important;
  border-radius:12px!important;
  padding:8px 9px!important;
  font-size:11px!important;
  line-height:1.1!important;
  white-space:normal!important;
  text-align:center!important;
}
body.vt-dashboard-live-page .vt-live-pagebar{
  position:sticky!important;
  top:0!important;
  z-index:3!important;
  backdrop-filter:blur(12px)!important;
}
@media(max-width:1180px){
  body.vt-dashboard-live-page .vt-live-user-mini{grid-template-columns:1fr!important;gap:9px!important}
  body.vt-dashboard-live-page .vt-live-action-details[open] .vt-live-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  body.vt-dashboard-live-page .vt-live-users-compact,body.vt-dashboard-live-page .vt-live-users{max-height:56vh!important}
  body.vt-dashboard-live-page .vt-live-action-details[open] .vt-live-actions{grid-template-columns:1fr!important}
}

/* v1.40 - Admin Canlı Komuta: açık işlem paneli korunur, üst kontrol sabit kalır */
body.vt-dashboard-live-page .vt-live-toolbar{
  position:sticky!important;
  top:0!important;
  z-index:80!important;
  margin-bottom:12px!important;
  backdrop-filter:blur(14px)!important;
}
body.vt-dashboard-live-page .vt-scale-smartbar,
body.vt-dashboard-live-page .vt-live-smartbar{
  position:sticky!important;
  top:74px!important;
  z-index:70!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:0 18px 32px rgba(15,23,42,.12)!important;
}
body.vt-dashboard-live-page .vt-live-pagebar{
  top:154px!important;
  z-index:60!important;
}
body.vt-dashboard-live-page .vt-live-user-card.is-action-focus{
  border-color:rgba(56,189,248,.55)!important;
  box-shadow:0 0 0 1px rgba(56,189,248,.22),0 18px 44px rgba(14,165,233,.18)!important;
}
body.vt-dashboard-live-page .vt-live-action-details[open]>summary{
  background:linear-gradient(135deg,#22c55e,#06b6d4)!important;
  border-color:rgba(34,197,94,.42)!important;
  box-shadow:0 12px 32px rgba(34,197,94,.22)!important;
}
body.vt-dashboard-live-page .vt-live-action-details[open] .vt-live-actions{
  animation:vtAdminActionOpen .16s ease both;
}
@keyframes vtAdminActionOpen{
  from{opacity:.4;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:900px){
  body.vt-dashboard-live-page .vt-scale-smartbar,
  body.vt-dashboard-live-page .vt-live-smartbar,
  body.vt-dashboard-live-page .vt-live-toolbar,
  body.vt-dashboard-live-page .vt-live-pagebar{position:relative!important;top:auto!important}
}

/* v1.42 avatar picker large list fix */
.avatar-card{max-height:86vh!important;overflow-y:auto!important;overscroll-behavior:contain!important;}
.avatar-grid{max-height:62vh!important;overflow-y:auto!important;padding-right:8px!important;}
@media(max-width:700px){.avatar-card{max-height:88vh!important}.avatar-grid{max-height:64vh!important}}

/* v1.43 - Giriş paneli avatar seçimi: çok avatar için gerçek scroll + tüm ekranlarda kullanışlı modal */
body.login-pro .avatar-modal{
  position:fixed!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  padding:clamp(12px,2vw,28px)!important;
  background:rgba(2,6,23,.78)!important;
  backdrop-filter:blur(14px)!important;
  z-index:99999!important;
  overflow:hidden!important;
}
body.login-pro .avatar-modal.hidden{display:none!important;}
body.login-pro .avatar-card{
  width:min(860px,calc(100vw - 28px))!important;
  height:min(760px,calc(100dvh - 38px))!important;
  max-height:calc(100dvh - 38px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  padding:22px!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.96))!important;
  border:1px solid rgba(148,163,184,.25)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 45px rgba(99,102,241,.16)!important;
}
body.login-pro .avatar-card h2{flex:0 0 auto!important;margin:0 52px 6px 0!important;}
body.login-pro .avatar-card p{flex:0 0 auto!important;margin:0 52px 14px 0!important;color:#cbd5e1!important;}
body.login-pro .avatar-close{z-index:3!important;}
body.login-pro .avatar-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  padding:4px 8px 10px 2px!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(104px,1fr))!important;
  gap:12px!important;
  align-content:start!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(125,211,252,.7) rgba(15,23,42,.55)!important;
}
body.login-pro .avatar-grid::-webkit-scrollbar{width:10px!important;}
body.login-pro .avatar-grid::-webkit-scrollbar-track{background:rgba(15,23,42,.55)!important;border-radius:999px!important;}
body.login-pro .avatar-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#60a5fa,#a78bfa)!important;border-radius:999px!important;border:2px solid rgba(15,23,42,.65)!important;}
body.login-pro .avatar-choice{
  aspect-ratio:1/1!important;
  border-radius:18px!important;
  background:rgba(15,23,42,.92)!important;
  border:1px solid rgba(148,163,184,.25)!important;
  padding:8px!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
body.login-pro .avatar-choice:hover{transform:translateY(-2px)!important;border-color:rgba(96,165,250,.75)!important;box-shadow:0 12px 30px rgba(59,130,246,.22)!important;}
body.login-pro .avatar-choice.selected{border-color:#7dd3fc!important;box-shadow:0 0 0 3px rgba(125,211,252,.18),0 18px 38px rgba(125,211,252,.14)!important;}
body.login-pro .avatar-choice img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:14px!important;display:block!important;}
body.login-pro .avatar-choice img[src$=".svg"]{object-fit:contain!important;padding:4px!important;background:rgba(255,255,255,.03)!important;}
@media(max-width:720px){
  body.login-pro .avatar-card{width:calc(100vw - 20px)!important;height:calc(100dvh - 24px)!important;padding:18px!important;border-radius:22px!important;}
  body.login-pro .avatar-grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr))!important;gap:10px!important;}
}


/* v1.44 - Login avatar picker: fixed, non-overlapping, scrollable grid */
.avatar-modal{
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:clamp(12px,2vw,24px)!important;
  overflow:hidden!important;
  background:rgba(2,6,23,.78)!important;
  backdrop-filter:blur(10px)!important;
}
.avatar-modal.hidden{display:none!important;}
.avatar-card{
  width:min(1120px,96vw)!important;
  max-height:calc(100vh - 42px)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(3,7,18,.98))!important;
  border:1px solid rgba(148,163,184,.28)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.45)!important;
}
.avatar-card h2,.avatar-card p{flex:0 0 auto!important;}
.avatar-close{z-index:3!important;}
.avatar-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(116px,1fr))!important;
  gap:14px!important;
  align-content:start!important;
  padding:2px 8px 10px 2px!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
}
.avatar-choice{
  width:100%!important;
  aspect-ratio:1/1!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:rgba(15,23,42,.86)!important;
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.18)!important;
}
.avatar-choice img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:inherit!important;
}
.avatar-choice img[src$='.svg']{object-fit:contain!important;padding:8px!important;}
.avatar-choice.selected{border-color:#38bdf8!important;box-shadow:0 0 0 2px rgba(56,189,248,.55),0 0 26px rgba(56,189,248,.18)!important;}
@media(max-width:700px){
  .avatar-card{width:96vw!important;max-height:calc(100vh - 24px)!important;padding:18px!important;border-radius:22px!important;}
  .avatar-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))!important;gap:10px!important;}
}


/* v1.46 - Avatar picker FINAL: PC/Mobile stable flex grid, no overlap, real wheel scroll */
body.login-pro .avatar-modal{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:clamp(12px,2vw,26px)!important;
  overflow:hidden!important;
  background:rgba(2,6,23,.80)!important;
  backdrop-filter:blur(12px)!important;
}
body.login-pro .avatar-modal.hidden{display:none!important;}
body.login-pro .avatar-card{
  width:min(1120px,calc(100vw - 34px))!important;
  height:min(820px,calc(100dvh - 44px))!important;
  max-height:calc(100dvh - 44px)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  padding:24px!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.98))!important;
  border:1px solid rgba(148,163,184,.28)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.50),0 0 55px rgba(99,102,241,.14)!important;
}
body.login-pro .avatar-card h2,
body.login-pro .avatar-card p{flex:0 0 auto!important;margin-right:64px!important;}
body.login-pro .avatar-close{
  position:absolute!important;
  top:22px!important;
  right:22px!important;
  z-index:5!important;
}
body.login-pro .avatar-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-content:flex-start!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:14px!important;
  padding:4px 14px 18px 4px!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(125,211,252,.75) rgba(15,23,42,.60)!important;
}
body.login-pro .avatar-grid::-webkit-scrollbar{width:11px!important;}
body.login-pro .avatar-grid::-webkit-scrollbar-track{background:rgba(15,23,42,.58)!important;border-radius:999px!important;}
body.login-pro .avatar-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#60a5fa,#a78bfa)!important;border-radius:999px!important;border:2px solid rgba(15,23,42,.70)!important;}
body.login-pro .avatar-choice{
  flex:0 0 clamp(104px,8.2vw,132px)!important;
  width:clamp(104px,8.2vw,132px)!important;
  height:clamp(104px,8.2vw,132px)!important;
  max-width:132px!important;
  max-height:132px!important;
  min-width:104px!important;
  min-height:104px!important;
  margin:0!important;
  padding:8px!important;
  position:relative!important;
  inset:auto!important;
  float:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:rgba(15,23,42,.92)!important;
  border:1px solid rgba(148,163,184,.26)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
  transform:none!important;
}
body.login-pro .avatar-choice:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(96,165,250,.78)!important;
  box-shadow:0 14px 30px rgba(59,130,246,.18), inset 0 0 0 1px rgba(125,211,252,.16)!important;
}
body.login-pro .avatar-choice img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:13px!important;
  margin:0!important;
  position:static!important;
}
body.login-pro .avatar-choice img[src$='.svg']{
  object-fit:contain!important;
  padding:6px!important;
  background:rgba(255,255,255,.025)!important;
}
body.login-pro .avatar-choice.selected{
  border-color:#7dd3fc!important;
  box-shadow:0 0 0 3px rgba(125,211,252,.18),0 16px 36px rgba(125,211,252,.14)!important;
}
@media(max-width:720px){
  body.login-pro .avatar-card{
    width:calc(100vw - 18px)!important;
    height:calc(100dvh - 18px)!important;
    max-height:calc(100dvh - 18px)!important;
    padding:18px!important;
    border-radius:22px!important;
  }
  body.login-pro .avatar-card h2{font-size:24px!important;margin-right:56px!important;}
  body.login-pro .avatar-card p{font-size:14px!important;line-height:1.35!important;margin-right:56px!important;}
  body.login-pro .avatar-grid{gap:10px!important;padding:4px 10px 16px 2px!important;}
  body.login-pro .avatar-choice{
    flex-basis:calc((100% - 20px)/3)!important;
    width:calc((100% - 20px)/3)!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    border-radius:15px!important;
    padding:6px!important;
  }
  body.login-pro .avatar-choice img{border-radius:11px!important;}
}

/* v1.47 Avatar seçim ekranı: çok avatar yüklenince üst üste binme ve scroll sorunu kesin düzeltme */
.login-pro .avatar-modal{
  position:fixed!important;inset:0!important;z-index:99999!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:clamp(12px,2vw,28px)!important;background:rgba(2,6,23,.72)!important;
  overflow:hidden!important;
}
.login-pro .avatar-modal.hidden{display:none!important;}
.login-pro .avatar-card{
  position:relative!important;width:min(1120px,96vw)!important;height:min(820px,88vh)!important;
  max-height:88vh!important;display:flex!important;flex-direction:column!important;
  overflow:hidden!important;border-radius:28px!important;padding:28px!important;
  background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(3,7,18,.98))!important;
  border:1px solid rgba(148,163,184,.22)!important;box-shadow:0 28px 90px rgba(0,0,0,.55)!important;
}
.login-pro .avatar-card h2{margin:0 70px 8px 0!important;flex:0 0 auto!important;}
.login-pro .avatar-card p{margin:0 70px 18px 0!important;flex:0 0 auto!important;color:#cbd5e1!important;}
.login-pro .avatar-close{position:absolute!important;top:22px!important;right:22px!important;z-index:3!important;}
.login-pro .avatar-grid{
  flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
  display:grid!important;grid-template-columns:repeat(auto-fill,minmax(118px,1fr))!important;
  gap:16px!important;align-content:start!important;padding:4px 12px 18px 4px!important;
  scroll-behavior:smooth!important;overscroll-behavior:contain!important;
}
.login-pro .avatar-choice{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;height:132px!important;min-height:132px!important;margin:0!important;padding:9px!important;
  border-radius:20px!important;background:rgba(15,23,42,.92)!important;border:1px solid rgba(148,163,184,.22)!important;
  overflow:hidden!important;transform:none!important;box-shadow:none!important;
}
.login-pro .avatar-choice img{
  width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:15px!important;
  position:static!important;max-width:none!important;max-height:none!important;transform:none!important;
}
.login-pro .avatar-choice[data-avatar^="assets/avatars/"] img,
.login-pro .avatar-choice[data-avatar="assets/default-avatar.svg"] img{object-fit:contain!important;padding:8px!important;background:rgba(30,41,59,.75)!important;}
@media(max-width:700px){
  .login-pro .avatar-modal{align-items:flex-end!important;padding:10px!important;}
  .login-pro .avatar-card{width:100%!important;height:82vh!important;max-height:82vh!important;border-radius:22px!important;padding:20px!important;}
  .login-pro .avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding-right:6px!important;}
  .login-pro .avatar-choice{height:104px!important;min-height:104px!important;border-radius:16px!important;padding:7px!important;}
}


/* v1.56 - Bağımsız profil/avatar penceresi ve sağlam avatar grid */
.vt-member-avatar-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:22px;background:rgba(2,6,23,.72);backdrop-filter:blur(10px)}
.vt-member-avatar-modal.hidden{display:none!important}
.vt-member-avatar-card{width:min(980px,96vw);height:min(820px,92vh);background:linear-gradient(180deg,#0f172a,#050816);border:1px solid rgba(148,163,184,.28);border-radius:28px;box-shadow:0 35px 120px rgba(0,0,0,.65);display:flex;flex-direction:column;overflow:hidden;color:#e5e7eb}
.vt-member-avatar-backdrop{position:absolute;inset:0;z-index:-1}.vt-member-avatar-head{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;border-bottom:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.82)}
.vt-member-avatar-head b{font-size:26px}.vt-member-avatar-head small{display:block;color:#94a3b8;margin-top:4px}.vt-member-avatar-x{width:48px;height:48px;border:0;border-radius:16px;background:#334155;color:#fff;font-size:30px;font-weight:900;cursor:pointer}.vt-member-avatar-body{flex:1;min-height:0;overflow-y:auto;padding:22px 26px 28px;overscroll-behavior:contain}.vt-member-avatar-body::-webkit-scrollbar,.vt-member-avatar-grid::-webkit-scrollbar{width:10px}.vt-member-avatar-body::-webkit-scrollbar-thumb,.vt-member-avatar-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#38bdf8,#8b5cf6);border-radius:999px}
.vt-member-avatar-current{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(168,85,247,.12));border:1px solid rgba(148,163,184,.20);border-radius:22px;padding:16px;margin-bottom:16px}.vt-member-avatar-current img{width:86px;height:86px;border-radius:22px;object-fit:cover;background:#0b1220;border:1px solid rgba(125,211,252,.35)}.vt-member-avatar-current b{font-size:22px}.vt-member-avatar-current span{display:block;color:#cbd5e1;margin-top:6px}.vt-member-avatar-msg{border-radius:16px;padding:13px 15px;margin:12px 0;font-weight:800}.vt-member-avatar-msg.hidden{display:none}.vt-member-avatar-msg.ok{background:rgba(22,163,74,.18);color:#bbf7d0}.vt-member-avatar-msg.bad{background:rgba(239,68,68,.18);color:#fecaca}.vt-member-avatar-msg.info{background:rgba(59,130,246,.18);color:#bfdbfe}.vt-member-avatar-upload{border:1px solid rgba(148,163,184,.20);border-radius:22px;padding:18px;margin:14px 0;background:rgba(255,255,255,.035)}.vt-member-avatar-upload h3,.vt-member-avatar-library h3{margin:0 0 6px}.vt-member-avatar-upload p{margin:0 0 14px;color:#9fb0c8}.vt-member-avatar-upload form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.vt-member-avatar-upload input[type=file]{flex:1;min-width:260px;background:#0b1220;border:1px solid rgba(148,163,184,.25);border-radius:16px;color:#e5e7eb;padding:13px}.vt-member-avatar-upload button,.vt-member-avatar-choice{cursor:pointer}.vt-member-avatar-upload button{border:0;border-radius:16px;padding:14px 22px;font-weight:900;color:#fff;background:linear-gradient(135deg,#2563eb,#8b5cf6);box-shadow:0 18px 38px rgba(37,99,235,.24)}.vt-member-avatar-library-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:20px 0 12px}.vt-member-avatar-library-title small{color:#9fb0c8}.vt-member-avatar-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(118px,1fr))!important;gap:14px!important;max-height:380px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:4px 12px 18px 2px!important;align-items:start!important}.vt-member-avatar-choice{height:128px!important;min-height:128px!important;border-radius:20px!important;background:rgba(15,23,42,.9)!important;border:1px solid rgba(148,163,184,.24)!important;padding:8px!important;overflow:hidden!important;display:block!important;position:relative!important;transform:none!important}.vt-member-avatar-choice:hover{border-color:#7dd3fc!important;box-shadow:0 14px 30px rgba(56,189,248,.18)!important;transform:translateY(-2px)!important}.vt-member-avatar-choice img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:14px!important;display:block!important;position:static!important}.vt-member-avatar-choice img[src$='.svg']{object-fit:contain!important;background:rgba(255,255,255,.03)!important;padding:8px!important}.vt-member-avatar-loading{grid-column:1/-1;color:#cbd5e1;padding:22px;text-align:center;background:rgba(255,255,255,.04);border-radius:18px}
body.login-pro .avatar-card{display:flex!important;flex-direction:column!important;overflow:hidden!important;max-height:92vh!important}.login-pro .avatar-card h2,.login-pro .avatar-card p{flex:0 0 auto!important}.login-pro .avatar-grid{flex:1!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(112px,1fr))!important;grid-auto-rows:124px!important;gap:14px!important;overflow-y:auto!important;overflow-x:hidden!important;align-items:start!important;align-content:start!important;padding:4px 14px 18px 2px!important}.login-pro .avatar-choice{height:124px!important;min-height:124px!important;max-height:124px!important;position:relative!important;display:block!important;overflow:hidden!important;transform:none!important}.login-pro .avatar-choice img{position:static!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.login-pro .avatar-choice img[src$='.svg']{object-fit:contain!important;padding:8px!important}
@media(max-width:700px){.vt-member-avatar-modal{padding:10px;place-items:end center}.vt-member-avatar-card{width:100%;height:88vh;border-radius:22px}.vt-member-avatar-head{padding:16px}.vt-member-avatar-head b{font-size:21px}.vt-member-avatar-body{padding:14px}.vt-member-avatar-current img{width:72px;height:72px;border-radius:18px}.vt-member-avatar-upload form{display:block}.vt-member-avatar-upload input[type=file],.vt-member-avatar-upload button{width:100%;min-width:0;margin-top:10px}.vt-member-avatar-library-title{display:block}.vt-member-avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;max-height:44vh!important}.vt-member-avatar-choice{height:102px!important;min-height:102px!important}.login-pro .avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:108px!important}.login-pro .avatar-choice{height:108px!important;min-height:108px!important;max-height:108px!important}}

.vt-avatar-approval-list{display:grid;gap:14px}.vt-avatar-approval-row{display:grid;grid-template-columns:86px 1fr auto;gap:16px;align-items:center;background:rgba(15,23,42,.82);border:1px solid rgba(148,163,184,.22);border-radius:22px;padding:14px}.vt-avatar-approval-row img{width:86px;height:86px;object-fit:cover;border-radius:18px;background:#0b1220}.vt-avatar-approval-row b{display:block;font-size:20px}.vt-avatar-approval-row small{color:#94a3b8}.vt-avatar-approval-row form{display:flex;gap:10px}.vt-avatar-approval-row .save,.vt-avatar-approval-row .danger{border:0;border-radius:14px;padding:12px 18px;font-weight:900;color:#fff}.vt-avatar-approval-row .save{background:linear-gradient(135deg,#22c55e,#2563eb)}.vt-avatar-approval-row .danger{background:linear-gradient(135deg,#ef4444,#be123c)}@media(max-width:800px){.vt-avatar-approval-row{grid-template-columns:72px 1fr}.vt-avatar-approval-row form{grid-column:1/-1}.vt-avatar-approval-row img{width:72px;height:72px}}

/* v1.57 - Avatar kütüphanesi hızlı seçim ve akıcı grid optimizasyonu */
.vt-member-avatar-library-title small{color:#b7c7df!important}
.vt-member-avatar-grid{
  grid-template-columns:repeat(auto-fill,minmax(92px,1fr))!important;
  gap:10px!important;
  max-height:430px!important;
  contain:layout paint size!important;
  will-change:scroll-position!important;
  scrollbar-gutter:stable!important;
}
.vt-member-avatar-choice{
  height:102px!important;
  min-height:102px!important;
  border-radius:16px!important;
  padding:6px!important;
  contain:content!important;
  content-visibility:auto!important;
  contain-intrinsic-size:102px 102px!important;
}
.vt-member-avatar-choice img{border-radius:11px!important;transform:translateZ(0)!important}
.vt-member-avatar-choice::after{content:'Seç';position:absolute;right:7px;bottom:7px;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;color:#e0f2fe;background:rgba(15,23,42,.72);border:1px solid rgba(125,211,252,.28);opacity:0;transition:.15s}
.vt-member-avatar-choice:hover::after{opacity:1}
.vt-member-avatar-upload p::after{content:' · Kütüphane seçimleri onaysız direkt aktif olur.';color:#93c5fd}
@media(max-width:700px){
  .vt-member-avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;max-height:48vh!important}
  .vt-member-avatar-choice{height:82px!important;min-height:82px!important;border-radius:13px!important;padding:5px!important}
  .vt-member-avatar-choice::after{display:none!important}
}


/* v1.58 - Avatar yönetim paneli düzeltme: akıcı grid, bağımsız scroll, patlama/boşluk fix */
body.vt-member-avatar-open{overflow:hidden!important;}
.vt-member-avatar-modal{
  position:fixed!important; inset:0!important; z-index:99999!important;
  display:flex!important; align-items:center!important; justify-content:center!important;
  padding:18px!important; overflow:hidden!important;
  background:rgba(2,6,23,.78)!important; backdrop-filter:blur(10px)!important;
}
.vt-member-avatar-modal.hidden{display:none!important;}
.vt-member-avatar-card{
  width:min(1120px,96vw)!important;
  height:min(820px,92vh)!important;
  max-height:92vh!important;
  display:flex!important; flex-direction:column!important;
  overflow:hidden!important;
  border-radius:26px!important;
}
.vt-member-avatar-head{
  flex:0 0 auto!important;
  padding:18px 24px!important;
}
.vt-member-avatar-head b{font-size:25px!important;line-height:1.1!important;}
.vt-member-avatar-head small{font-size:14px!important;line-height:1.35!important;}
.vt-member-avatar-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:18px 24px 24px!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
.vt-member-avatar-current{
  padding:12px 14px!important;
  margin-bottom:10px!important;
  border-radius:18px!important;
}
.vt-member-avatar-current img{width:68px!important;height:68px!important;border-radius:18px!important;}
.vt-member-avatar-current b{font-size:20px!important;}
.vt-member-avatar-current span{font-size:14px!important;margin-top:3px!important;}
.vt-member-avatar-msg{margin:8px 0!important;padding:10px 12px!important;border-radius:14px!important;}
.vt-member-avatar-upload{
  padding:12px 14px!important;
  margin:10px 0 12px!important;
  border-radius:18px!important;
}
.vt-member-avatar-upload h3{font-size:19px!important;margin-bottom:4px!important;}
.vt-member-avatar-upload p{font-size:13px!important;margin-bottom:10px!important;}
.vt-member-avatar-upload form{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;align-items:center!important;}
.vt-member-avatar-upload input[type=file]{min-width:0!important;width:100%!important;padding:10px 12px!important;border-radius:14px!important;}
.vt-member-avatar-upload button{padding:11px 18px!important;border-radius:14px!important;white-space:nowrap!important;}
.vt-member-avatar-library{min-height:0!important;display:flex!important;flex-direction:column!important;}
.vt-member-avatar-library-title{
  flex:0 0 auto!important;
  margin:10px 0 10px!important;
  align-items:center!important;
}
.vt-member-avatar-library-title h3{font-size:20px!important;margin:0!important;}
.vt-member-avatar-library-title small{font-size:13px!important;color:#93c5fd!important;}
.vt-member-avatar-grid{
  flex:1 1 auto!important;
  min-height:230px!important;
  max-height:calc(92vh - 360px)!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(92px,1fr))!important;
  grid-auto-rows:104px!important;
  gap:10px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  align-content:start!important;
  align-items:start!important;
  padding:4px 12px 16px 2px!important;
  contain:none!important;
  content-visibility:visible!important;
  will-change:auto!important;
  scrollbar-gutter:stable!important;
}
.vt-member-avatar-choice{
  width:100%!important;
  height:104px!important;
  min-height:104px!important;
  max-height:104px!important;
  display:block!important;
  position:relative!important;
  padding:6px!important;
  border-radius:15px!important;
  overflow:hidden!important;
  transform:none!important;
  contain:none!important;
  content-visibility:visible!important;
  contain-intrinsic-size:auto!important;
}
.vt-member-avatar-choice img{
  width:100%!important;height:100%!important;display:block!important;
  object-fit:cover!important;position:static!important;border-radius:10px!important;
  transform:none!important;
}
.vt-member-avatar-choice img[src$='.svg']{object-fit:contain!important;padding:8px!important;background:rgba(255,255,255,.03)!important;}
.vt-member-avatar-choice:hover{transform:translateY(-2px)!important;}
.vt-member-avatar-upload p::after{content:''!important;}
@media (min-width:980px) and (max-height:760px){
  .vt-member-avatar-card{height:94vh!important;}
  .vt-member-avatar-head{padding:14px 20px!important;}
  .vt-member-avatar-body{padding:14px 20px 18px!important;}
  .vt-member-avatar-current img{width:56px!important;height:78px!important;}
  .vt-member-avatar-upload{padding:10px 12px!important;}
  .vt-member-avatar-grid{max-height:calc(94vh - 300px)!important;grid-template-columns:repeat(auto-fill,minmax(82px,1fr))!important;grid-auto-rows:92px!important;min-height:210px!important;}
  .vt-member-avatar-choice{height:92px!important;min-height:92px!important;max-height:92px!important;}
}
@media (max-width:700px){
  .vt-member-avatar-modal{padding:8px!important;align-items:flex-end!important;}
  .vt-member-avatar-card{width:100%!important;height:90vh!important;max-height:90vh!important;border-radius:22px 22px 0 0!important;}
  .vt-member-avatar-head{padding:14px 16px!important;}
  .vt-member-avatar-head b{font-size:21px!important;}
  .vt-member-avatar-head small{font-size:12px!important;}
  .vt-member-avatar-body{padding:12px 14px 16px!important;}
  .vt-member-avatar-current{gap:10px!important;padding:10px!important;}
  .vt-member-avatar-current img{width:58px!important;height:58px!important;border-radius:15px!important;}
  .vt-member-avatar-current b{font-size:17px!important;}
  .vt-member-avatar-current span{font-size:12px!important;}
  .vt-member-avatar-upload form{display:block!important;}
  .vt-member-avatar-upload input[type=file],.vt-member-avatar-upload button{width:100%!important;margin-top:8px!important;}
  .vt-member-avatar-library-title{display:block!important;}
  .vt-member-avatar-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:96px!important;
    gap:8px!important;
    max-height:42vh!important;
    min-height:180px!important;
  }
  .vt-member-avatar-choice{height:96px!important;min-height:96px!important;max-height:96px!important;border-radius:13px!important;padding:5px!important;}
  .vt-member-avatar-choice::after{display:none!important;}
}


/* v1.59 - Avatar onay logları + onaylı özel avatar geri kullanımı */
.vt-approved-custom-wrap{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.24);border-radius:18px;padding:12px;margin:10px 0 14px}
.vt-approved-custom-wrap.hidden{display:none!important}.vt-approved-custom-wrap img{width:58px;height:58px;border-radius:15px;object-fit:cover;background:#0b1220}.vt-approved-custom-wrap b{display:block;color:#dcfce7}.vt-approved-custom-wrap span{display:block;color:#b7c7df;font-size:13px;margin-top:3px}.vt-approved-custom-wrap button{border:0;border-radius:14px;padding:11px 15px;font-weight:900;color:#052e16;background:linear-gradient(135deg,#22c55e,#86efac);cursor:pointer;white-space:nowrap}
.vt-avatar-tabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vt-avatar-tabs a{display:inline-flex;gap:8px;align-items:center;padding:10px 14px;border-radius:14px;background:#101827;border:1px solid rgba(148,163,184,.22);color:#dbeafe;text-decoration:none;font-weight:900}.vt-avatar-tabs a.active{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff}.vt-avatar-tabs form{display:inline-flex;margin:0}.vt-avatar-approval-row{display:grid;grid-template-columns:76px 1fr auto;gap:14px;align-items:center;padding:14px;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(30,41,59,.68));margin-bottom:12px}.vt-avatar-approval-row>img{width:76px;height:76px;border-radius:18px;object-fit:cover;background:#0b1220;border:1px solid rgba(125,211,252,.22)}.vt-avatar-approval-info b{display:block;font-size:18px;color:#fff}.vt-avatar-approval-info small{display:block;color:#94a3b8;margin-top:4px}.vt-avatar-approval-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.vt-avatar-approval-actions button,.vt-avatar-tabs button{border:0;border-radius:12px;padding:11px 15px;font-weight:900;cursor:pointer}.vt-avatar-status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:9px 13px;font-weight:900}.vt-avatar-status-badge.approved{background:rgba(22,163,74,.18);color:#bbf7d0}.vt-avatar-status-badge.rejected{background:rgba(239,68,68,.18);color:#fecaca}
@media(max-width:760px){.vt-approved-custom-wrap{grid-template-columns:48px 1fr;}.vt-approved-custom-wrap button{grid-column:1/-1;width:100%}.vt-avatar-approval-row{grid-template-columns:56px 1fr}.vt-avatar-approval-row>img{width:56px;height:56px}.vt-avatar-approval-actions,.vt-avatar-status-badge{grid-column:1/-1;width:100%;}.vt-avatar-approval-actions button{flex:1}.vt-avatar-tabs a{flex:1;justify-content:center}.vt-avatar-tabs form{width:100%}.vt-avatar-tabs button{width:100%}}

/* v1.60 - Admin users approved avatar removal */
.vt-approved-avatar-box{margin:16px 0;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(88,28,135,.35));display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 16px 40px rgba(2,6,23,.20)}
.vt-approved-avatar-info{display:flex;align-items:center;gap:13px;min-width:0}.vt-approved-avatar-info img{width:64px;height:64px;object-fit:cover;border-radius:18px;border:1px solid rgba(125,211,252,.35);box-shadow:0 0 22px rgba(56,189,248,.18)}.vt-approved-avatar-info strong{display:block;color:#fff;font-weight:900;font-size:15px}.vt-approved-avatar-info span{display:block;color:rgba(226,232,240,.78);font-size:13px;line-height:1.35;max-width:520px}.vt-danger-soft{border:0;border-radius:14px;padding:12px 16px;white-space:nowrap;background:linear-gradient(135deg,#ef4444,#be123c);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 10px 25px rgba(239,68,68,.25)}.vt-danger-soft:hover{filter:brightness(1.08);transform:translateY(-1px)}
@media(max-width:760px){.vt-approved-avatar-box{flex-direction:column;align-items:stretch}.vt-danger-soft{width:100%}.vt-approved-avatar-info img{width:56px;height:56px}}


/* v1.04 - Eski modern buton sistemi geri alındı; sadece Çevrimiçi göstergesi font/emoji bağımsız çizilir */
.left-brand .online-box .vt-online-label,
#leftBrandBox .online-box .vt-online-label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  font-weight:900!important;
  color:#fff!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}
.left-brand .online-box .vt-online-dot,
#leftBrandBox .online-box .vt-online-dot{
  display:inline-block!important;
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  border-radius:999px!important;
  background:#22c55e!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.16),0 0 10px rgba(34,197,94,.75)!important;
  vertical-align:middle!important;
  font-size:0!important;
  line-height:0!important;
}
.left-brand .online-box .vt-current-status-label,
.left-brand .online-box .online-status-icon,
.left-brand .online-box .online-status-text,
#leftBrandBox .online-box .vt-current-status-label,
#leftBrandBox .online-box .online-status-icon,
#leftBrandBox .online-box .online-status-text{
  display:none!important;
}

/* v1.06 - Sağ panel oda alanı küçültme + Aktif Mikrofonlar büyütme
   Sadece PC/tablet sağ kolon yerleşimi ve aktif mikrofon kart boyutları düzenlendi.
   Oda sistemi, LiveKit, JS ve veritabanı yapısına dokunulmadı. */
@media (min-width:901px){
  body.room-v8 .vt-room-right-panel{
    gap:12px!important;
  }
  /* Odalar alanı yaklaşık 1 oda kartı kadar küçültüldü. */
  body.room-v8 .vt-room-cards-panel{
    flex:0 1 calc(100% - 320px)!important;
    min-height:300px!important;
    max-height:calc(100% - 320px)!important;
  }
  /* Aktif Mikrofonlar alanı yukarı doğru büyütüldü. */
  body.room-v8 .vt-active-mic-panel,
  body.room-v8 .vt-new-members-panel.vt-active-mic-panel{
    flex:0 0 308px!important;
    min-height:292px!important;
    max-height:320px!important;
    padding:18px!important;
    overflow:hidden!important;
  }
  body.room-v8 .vt-active-mic-head{
    margin-bottom:12px!important;
    padding-bottom:12px!important;
  }
  body.room-v8 .vt-active-mic-head b{
    font-size:22px!important;
  }
  body.room-v8 .vt-active-mic-head span{
    height:30px!important;
    font-size:12px!important;
    max-width:145px!important;
  }
  body.room-v8 .vt-active-mic-summary{
    font-size:13px!important;
    margin-bottom:12px!important;
  }
  body.room-v8 .vt-active-mic-grid{
    height:calc(100% - 88px)!important;
    gap:10px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-content:start!important;
  }
  body.room-v8 .vt-active-mic-slot{
    min-height:78px!important;
    padding:9px 8px!important;
    border-radius:17px!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    column-gap:9px!important;
  }
  /* Mikrofon alanı ikon/avatarları büyütüldü. */
  body.room-v8 .vt-active-mic-slot .vt-am-avatar{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    flex-basis:44px!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-avatar img{
    width:36px!important;
    height:36px!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-ring,
  body.room-v8 .vt-active-mic-slot .vt-am-wave{
    inset:-5px!important;
  }
  body.room-v8 .vt-active-mic-slot b{
    font-size:12px!important;
    line-height:1.05!important;
  }
  body.room-v8 .vt-active-mic-slot small,
  body.room-v8 .vt-active-mic-slot .vt-am-status.vt-am-seste{
    font-size:9.5px!important;
    max-width:92px!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-bars{
    height:16px!important;
    gap:2px!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-bars i{
    width:3px!important;
  }
}

@media (min-width:901px) and (max-height:760px){
  body.room-v8 .vt-room-cards-panel{
    flex-basis:calc(100% - 278px)!important;
    max-height:calc(100% - 278px)!important;
    min-height:280px!important;
  }
  body.room-v8 .vt-active-mic-panel,
  body.room-v8 .vt-new-members-panel.vt-active-mic-panel{
    flex-basis:266px!important;
    min-height:248px!important;
    max-height:278px!important;
    padding:16px!important;
  }
  body.room-v8 .vt-active-mic-grid{
    gap:8px!important;
  }
  body.room-v8 .vt-active-mic-slot{
    min-height:68px!important;
    grid-template-columns:42px minmax(0,1fr)!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-avatar{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    flex-basis:40px!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-avatar img{
    width:32px!important;
    height:32px!important;
  }
}

@media (min-width:901px) and (max-width:1450px){
  body.room-v8 .vt-room-cards-panel{
    flex-basis:calc(100% - 292px)!important;
    max-height:calc(100% - 292px)!important;
  }
  body.room-v8 .vt-active-mic-panel,
  body.room-v8 .vt-new-members-panel.vt-active-mic-panel{
    flex-basis:280px!important;
    min-height:260px!important;
    max-height:292px!important;
  }
}

/* v1.07 - Sağ panel kesin yerleşim: Odalar 1 kart küçültüldü, Aktif Mikrofonlar yukarı büyütüldü
   Sadece PC/tablet sağ kolon ve aktif mikrofon görsel alanı. Mobil ve veritabanına dokunmaz. */
@media (min-width:901px){
  body.room-v8 .vt-room-right-panel{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(360px, calc(100% - 350px)) minmax(320px, 350px)!important;
    gap:12px!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.room-v8 .vt-room-cards-panel{
    min-height:0!important;
    height:100%!important;
    max-height:none!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }
  body.room-v8 .vt-room-mini-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-right:4px!important;
  }
  body.room-v8 .vt-active-mic-panel,
  body.room-v8 .vt-new-members-panel.vt-active-mic-panel{
    min-height:0!important;
    height:100%!important;
    max-height:none!important;
    flex:none!important;
    padding:18px!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }
  body.room-v8 .vt-active-mic-head{
    flex:0 0 auto!important;
    margin:0 0 12px!important;
    padding-bottom:12px!important;
  }
  body.room-v8 .vt-active-mic-head b{font-size:23px!important;}
  body.room-v8 .vt-active-mic-summary{
    flex:0 0 auto!important;
    height:auto!important;
    margin:0 0 12px!important;
    font-size:13.5px!important;
  }
  body.room-v8 .vt-active-mic-grid{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    gap:11px!important;
    overflow:hidden!important;
  }
  body.room-v8 .vt-active-mic-slot{
    min-height:0!important;
    height:100%!important;
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    grid-template-rows:1fr auto!important;
    align-items:center!important;
    justify-items:stretch!important;
    column-gap:10px!important;
    row-gap:4px!important;
    padding:10px!important;
    border-radius:18px!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-avatar{
    grid-column:1!important;
    grid-row:1 / 3!important;
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    flex:0 0 58px!important;
    margin:0!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-avatar img{
    width:48px!important;
    height:48px!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-ring,
  body.room-v8 .vt-active-mic-slot .vt-am-wave{inset:-4px!important;}
  body.room-v8 .vt-active-mic-slot .vt-am-info{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    align-self:center!important;
  }
  body.room-v8 .vt-active-mic-slot b{
    text-align:left!important;
    font-size:13px!important;
    line-height:1.1!important;
  }
  body.room-v8 .vt-active-mic-slot small,
  body.room-v8 .vt-active-mic-slot .vt-am-status.vt-am-seste{
    justify-content:flex-start!important;
    font-size:10.5px!important;
    max-width:100%!important;
    margin-top:4px!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-bars{
    grid-column:2!important;
    grid-row:2!important;
    justify-content:flex-start!important;
    width:74px!important;
    height:18px!important;
    gap:3px!important;
    margin:0!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-bars i{width:4px!important;}
}

@media (min-width:901px) and (max-width:1450px){
  body.room-v8 .vt-room-right-panel{
    grid-template-rows:minmax(330px, calc(100% - 326px)) minmax(300px, 326px)!important;
  }
  body.room-v8 .vt-active-mic-grid{gap:9px!important;}
  body.room-v8 .vt-active-mic-slot{grid-template-columns:52px minmax(0,1fr)!important;padding:9px!important;column-gap:8px!important;}
  body.room-v8 .vt-active-mic-slot .vt-am-avatar{width:52px!important;height:52px!important;min-width:52px!important;flex-basis:52px!important;}
  body.room-v8 .vt-active-mic-slot .vt-am-avatar img{width:42px!important;height:42px!important;}
  body.room-v8 .vt-active-mic-slot b{font-size:12px!important;}
  body.room-v8 .vt-active-mic-slot small{font-size:9.5px!important;}
}

@media (min-width:901px) and (max-height:760px){
  body.room-v8 .vt-room-right-panel{
    grid-template-rows:minmax(285px, calc(100% - 285px)) minmax(260px, 285px)!important;
    gap:10px!important;
  }
  body.room-v8 .vt-active-mic-panel,
  body.room-v8 .vt-new-members-panel.vt-active-mic-panel{padding:14px!important;}
  body.room-v8 .vt-active-mic-head{margin-bottom:8px!important;padding-bottom:8px!important;}
  body.room-v8 .vt-active-mic-summary{margin-bottom:8px!important;font-size:12px!important;}
  body.room-v8 .vt-active-mic-grid{gap:8px!important;}
  body.room-v8 .vt-active-mic-slot{grid-template-columns:46px minmax(0,1fr)!important;padding:7px!important;}
  body.room-v8 .vt-active-mic-slot .vt-am-avatar{width:46px!important;height:46px!important;min-width:46px!important;flex-basis:46px!important;}
  body.room-v8 .vt-active-mic-slot .vt-am-avatar img{width:37px!important;height:37px!important;}
}


/* v1.02 - Windows 10 güvenli durum ikonları + sol alt durum sayacı düzeltmesi */
.vt-safe-status-dot{
  display:inline-block!important;
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
  border-radius:999px!important;
  vertical-align:middle!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.10),0 0 12px currentColor!important;
  background:currentColor!important;
}
.vt-safe-status-online{color:#22c55e!important;}
.vt-safe-status-busy{color:#f97316!important;}
.status-menu-pro{
  width:210px!important;
  max-width:min(88vw,240px)!important;
  padding:10px!important;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(7,12,28,.98))!important;
  border:1px solid rgba(148,163,184,.35)!important;
  border-radius:18px!important;
  box-shadow:0 24px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.status-menu-head{
  height:42px!important;
  padding:0 10px!important;
  margin-bottom:8px!important;
  background:rgba(15,23,42,.92)!important;
  color:#fff!important;
  border:1px solid rgba(148,163,184,.25)!important;
  border-radius:14px!important;
}
.status-menu-head b{font-size:18px!important;font-weight:900!important;}
#closeStatusMenu{
  width:34px!important;height:34px!important;border-radius:11px!important;
  background:rgba(71,85,105,.85)!important;color:#fff!important;border:0!important;font-size:22px!important;
}
.status-menu-pro > button:not(#closeStatusMenu){
  height:42px!important;
  display:flex!important;align-items:center!important;gap:10px!important;
  background:rgba(15,23,42,.78)!important;
  color:#f8fafc!important;
  border:1px solid rgba(148,163,184,.22)!important;
  border-radius:14px!important;
  margin:7px 0!important;
  padding:0 12px!important;
  font-weight:900!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.status-menu-pro > button:not(#closeStatusMenu):hover{
  background:rgba(30,41,59,.96)!important;
  border-color:rgba(168,85,247,.45)!important;
  transform:none!important;
}
.status-option-icon{
  width:28px!important;height:28px!important;min-width:28px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:999px!important;background:rgba(255,255,255,.94)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.25)!important;
  font-size:16px!important;line-height:1!important;
}
.status-option-label{font-size:15px!important;color:#f8fafc!important;font-weight:900!important;}
.left-brand .online-box{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  padding:8px 10px!important;
  min-height:58px!important;
  cursor:pointer!important;
}
.left-brand .online-box .vt-current-status-label,
.left-brand .online-box .vt-online-label{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  color:#fff!important;font-weight:900!important;font-size:15px!important;line-height:1.1!important;
  white-space:nowrap!important;
}
.left-brand .online-box .vt-current-status-count,
.left-brand .online-box #leftOnlineCount{
  display:block!important;
  color:#facc15!important;
  font-weight:900!important;
  font-size:14px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
#statusBtn.status-control{font-size:0!important;}
#statusBtn.status-control .vt-safe-status-dot{width:17px!important;height:17px!important;min-width:17px!important;}
.vt-state.vt-status-symbol{font-size:0!important;}
.vt-state.vt-status-symbol .vt-safe-status-dot{width:13px!important;height:13px!important;min-width:13px!important;}
.vt-status-badge{font-size:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.vt-status-badge .vt-safe-status-dot{width:12px!important;height:12px!important;min-width:12px!important;}

/* v1.03 - Windows 10 SVG durum ikonları + sol alt çevrimiçi/sayaç kutusu */
.vt-safe-status-svg{display:block!important;width:18px!important;height:18px!important;min-width:18px!important;overflow:visible!important;filter:drop-shadow(0 0 8px rgba(255,255,255,.14));}
.status-option-icon .vt-safe-status-svg{width:22px!important;height:22px!important;min-width:22px!important;}
#statusBtn .vt-safe-status-svg{width:18px!important;height:18px!important;min-width:18px!important;}
.status-menu-pro > button[data-status] .status-option-icon{background:rgba(255,255,255,.96)!important;color:inherit!important;}
.status-menu-pro > button[data-status="online"] .status-option-icon,
.status-menu-pro > button[data-status="busy"] .status-option-icon{background:rgba(255,255,255,.96)!important;}
.left-brand .online-box.vt-fixed-online-box,
#leftBrandBox .online-box.vt-fixed-online-box{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;
  min-height:58px!important;padding:7px 12px!important;text-align:center!important;
}
.left-brand .online-box.vt-fixed-online-box .vt-current-status-label,
#leftBrandBox .online-box.vt-fixed-online-box .vt-current-status-label{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  color:#f8fafc!important;font-size:14px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;
}
.left-brand .online-box.vt-fixed-online-box .vt-current-status-count,
#leftBrandBox .online-box.vt-fixed-online-box .vt-current-status-count{
  display:block!important;color:#facc15!important;font-size:14px!important;font-weight:900!important;line-height:1.05!important;white-space:nowrap!important;
}
.left-brand .online-box.vt-fixed-online-box .vt-bottom-dot .vt-safe-status-svg,
#leftBrandBox .online-box.vt-fixed-online-box .vt-bottom-dot .vt-safe-status-svg{width:16px!important;height:16px!important;min-width:16px!important;}

/* v1.03 - Mobil mikrofon/kamera anlık durum görünümü güvenli düzeltme */
@media (max-width: 900px){
  body.room-v8 .modern-chatbar .icon-strip #mic,
  body.room-v8 .modern-chatbar .icon-strip #cam{
    position:relative!important;
    transition:background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .12s ease, opacity .16s ease!important;
    opacity:.88!important;
  }
  body.room-v8 .modern-chatbar .icon-strip #mic.vt-media-on,
  body.room-v8 .modern-chatbar .icon-strip #mic.active,
  body.room-v8.vt-mic-live .modern-chatbar .icon-strip #mic{
    background:linear-gradient(145deg,#16a34a,#22c55e)!important;
    border-color:rgba(134,239,172,.95)!important;
    color:#fff!important;
    opacity:1!important;
    box-shadow:0 0 0 2px rgba(34,197,94,.38),0 0 18px rgba(34,197,94,.55)!important;
    transform:translateY(-1px) scale(1.04)!important;
  }
  body.room-v8 .modern-chatbar .icon-strip #cam.vt-media-on,
  body.room-v8 .modern-chatbar .icon-strip #cam.active,
  body.room-v8.vt-cam-live .modern-chatbar .icon-strip #cam{
    background:linear-gradient(145deg,#2563eb,#7c3aed)!important;
    border-color:rgba(191,219,254,.95)!important;
    color:#fff!important;
    opacity:1!important;
    box-shadow:0 0 0 2px rgba(96,165,250,.36),0 0 18px rgba(124,58,237,.52)!important;
    transform:translateY(-1px) scale(1.04)!important;
  }
  body.room-v8 .modern-chatbar .icon-strip #mic.vt-media-on::after,
  body.room-v8.vt-mic-live .modern-chatbar .icon-strip #mic::after,
  body.room-v8 .modern-chatbar .icon-strip #cam.vt-media-on::after,
  body.room-v8.vt-cam-live .modern-chatbar .icon-strip #cam::after{
    content:""!important;
    position:absolute!important;
    right:5px!important;
    top:5px!important;
    width:8px!important;
    height:8px!important;
    border-radius:999px!important;
    background:#dcfce7!important;
    box-shadow:0 0 0 2px rgba(15,23,42,.78),0 0 10px rgba(220,252,231,.75)!important;
    display:block!important;
  }
  body.room-v8 .modern-chatbar .icon-strip #cam.vt-media-on::after,
  body.room-v8.vt-cam-live .modern-chatbar .icon-strip #cam::after{
    background:#dbeafe!important;
  }
  body.room-v8 .modern-chatbar .icon-strip #mic.vt-media-off:not(.limit-full),
  body.room-v8 .modern-chatbar .icon-strip #cam.vt-media-off:not(.limit-full){
    filter:saturate(.82)!important;
  }
  body.room-v8 .modern-chatbar .icon-strip #mic.vt-media-pending,
  body.room-v8 .modern-chatbar .icon-strip #cam.vt-media-pending{
    animation:vtMediaPendingPulse .55s ease-in-out infinite alternate!important;
  }
}
@keyframes vtMediaPendingPulse{from{filter:brightness(1)}to{filter:brightness(1.25)}}


/* v1.04 - Mobil üst bar ve oda çekmecesi mikro düzeltme
   Not: Çalışan mikrofon/kamera state senkronuna dokunmaz. Sadece mobil navigasyon ikonları,
   canlı komuta ikon boşluğu ve oda kartı yazı taşması düzeltilir. */
@media (max-width:900px){
  body.room-v8 .room-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    overflow:hidden!important;
  }
  body.room-v8 .vt-room-title-block{
    min-width:0!important;
    overflow:hidden!important;
    padding-right:2px!important;
  }
  body.room-v8 .vt-room-title-block strong,
  body.room-v8 .vt-room-title-block small,
  body.room-v8 .room-header strong,
  body.room-v8 .room-header small{
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.room-v8 .vt-room-top-actions{
    max-width:min(52vw,232px)!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    padding:5px!important;
    border-radius:18px!important;
    background:rgba(8,13,30,.68)!important;
    border:1px solid rgba(148,163,184,.16)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06)!important;
  }
  body.room-v8 .vt-room-top-actions::-webkit-scrollbar{display:none!important;}
  body.room-v8 .vt-room-top-actions .round-btn,
  body.room-v8 .vt-room-top-actions .vt-mobile-rooms-top-btn,
  body.room-v8 .vt-room-top-actions .vt-live-command-btn,
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn{
    width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;
    padding:0!important;margin:0!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    border-radius:15px!important;
    font-size:0!important;line-height:1!important;color:transparent!important;text-indent:0!important;
    overflow:hidden!important;position:relative!important;
    border:1px solid rgba(255,255,255,.13)!important;
    background:linear-gradient(135deg,rgba(15,23,42,.88),rgba(30,41,59,.70))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 20px rgba(0,0,0,.16)!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  body.room-v8 .vt-room-top-actions .round-btn::before,
  body.room-v8 .vt-room-top-actions .vt-mobile-rooms-top-btn::before,
  body.room-v8 .vt-room-top-actions .vt-live-command-btn::before,
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn::before{
    content:''!important;
    width:21px!important;height:21px!important;display:block!important;
    background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;
    opacity:.98!important;filter:drop-shadow(0 0 10px rgba(34,211,238,.20))!important;
  }
  body.room-v8 #usersToggle{background:linear-gradient(135deg,rgba(14,165,233,.22),rgba(37,99,235,.16))!important;border-color:rgba(56,189,248,.28)!important;}
  body.room-v8 #usersToggle::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e0f2fe' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")!important;
  }
  body.room-v8 #roomsBtn{background:linear-gradient(135deg,rgba(168,85,247,.22),rgba(99,102,241,.16))!important;border-color:rgba(196,181,253,.30)!important;}
  body.room-v8 #roomsBtn::before,
  body.room-v8 .vt-mobile-rooms-top-btn::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ede9fe' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='2'/%3E%3Crect x='14' y='3' width='7' height='7' rx='2'/%3E%3Crect x='3' y='14' width='7' height='7' rx='2'/%3E%3Crect x='14' y='14' width='7' height='7' rx='2'/%3E%3C/svg%3E")!important;
  }
  body.room-v8 .vt-room-top-actions .vt-live-command-btn{background:linear-gradient(135deg,rgba(34,197,94,.20),rgba(14,165,233,.14))!important;border-color:rgba(74,222,128,.28)!important;}
  body.room-v8 .vt-room-top-actions .vt-live-command-btn::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bbf7d0' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z'/%3E%3Cpath d='M9 12l2 2 4-5'/%3E%3C/svg%3E")!important;
    filter:drop-shadow(0 0 10px rgba(74,222,128,.24))!important;
  }
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn{background:linear-gradient(135deg,rgba(239,68,68,.20),rgba(190,24,93,.14))!important;border-color:rgba(248,113,113,.30)!important;}
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn::before{
    width:22px!important;height:22px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fee2e2' stroke-width='2.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E")!important;
    filter:drop-shadow(0 0 10px rgba(248,113,113,.28))!important;
  }
  body.room-v8 #roomsBtn::after,
  body.room-v8 .vt-mobile-rooms-top-btn::after,
  body.room-v8 .vt-room-top-actions .round-btn::after,
  body.room-v8 .vt-room-top-actions .vt-live-command-btn::after,
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn::after{
    content:none!important;display:none!important;opacity:0!important;visibility:hidden!important;
  }

  body.room-v8 .vt-mrooms-panel{
    width:min(92vw,420px)!important;
    max-width:420px!important;
  }
  body.room-v8 .vt-mroom-item{
    grid-template-columns:64px minmax(0,1fr) 42px!important;
    gap:9px!important;
    min-height:76px!important;
    padding:8px!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  body.room-v8 .vt-mroom-cover{width:64px!important;height:78px!important;border-radius:16px!important;min-width:64px!important;}
  body.room-v8 .vt-mroom-info{min-width:0!important;overflow:hidden!important;display:block!important;}
  body.room-v8 .vt-mroom-info strong{
    font-size:14px!important;line-height:1.15!important;max-width:100%!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  body.room-v8 .vt-mroom-info small{
    font-size:11.5px!important;line-height:1.22!important;max-width:100%!important;
    display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
    overflow:hidden!important;word-break:break-word!important;
  }
  body.room-v8 .vt-mroom-meta{
    width:48px!important;min-width:48px!important;height:32px!important;
    font-size:11px!important;border-radius:13px!important;align-self:center!important;
  }
}
@media (max-width:390px){
  body.room-v8 .vt-room-top-actions{max-width:50vw!important;gap:5px!important;padding:4px!important;}
  body.room-v8 .vt-room-top-actions .round-btn,
  body.room-v8 .vt-room-top-actions .vt-mobile-rooms-top-btn,
  body.room-v8 .vt-room-top-actions .vt-live-command-btn,
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn{width:48px!important;height:38px!important;min-width:48px!important;max-width:48px!important;border-radius:14px!important;}
  body.room-v8 .vt-mroom-item{grid-template-columns:56px minmax(0,1fr) 38px!important;gap:7px!important;}
  body.room-v8 .vt-mroom-cover{width:56px!important;height:52px!important;min-width:56px!important;}
}


/* Chat Güvenlik Merkezi */
.vt-chat-security-page .vt-sec-main{max-width:1680px}.vt-sec-hero{background:linear-gradient(135deg,#101b31,#172448 55%,#251653);border:1px solid rgba(124,58,237,.28);box-shadow:0 18px 45px rgba(15,23,42,.12)}.vt-sec-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.vt-sec-stats>div{background:#fff;border:1px solid #dbe5f4;border-radius:22px;padding:18px;box-shadow:0 14px 35px rgba(15,23,42,.08)}.vt-sec-stats b{display:block;font-size:26px;color:#0f172a}.vt-sec-stats span{display:block;color:#64748b;font-weight:800;margin-top:4px}.vt-sec-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:stretch}.vt-sec-card{border-radius:24px}.vt-sec-card h2,.vt-sec-table-card h2,.vt-sec-log-card h2{margin:0 0 12px;color:#0f172a}.vt-sec-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.vt-sec-switches label{display:flex;align-items:center;gap:10px;background:#f8fbff;border:1px solid #dce7f7;border-radius:16px;padding:12px;font-weight:900;color:#172033}.vt-sec-switches input{width:20px;height:20px;accent-color:#2563eb}.vt-sec-formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vt-sec-formgrid.two{grid-template-columns:1fr 120px}.vt-sec-card label{font-weight:900;color:#172033}.vt-sec-card input,.vt-sec-card select,.vt-sec-list-head input{width:100%;margin-top:8px;border:1px solid #cbd8ea;border-radius:14px;padding:13px 14px;background:#f8fbff;font-weight:800}.vt-sec-hint{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;border-radius:16px;padding:12px;font-weight:800}.vt-sec-card button.save{margin-top:16px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:white;border:0;border-radius:14px;padding:13px 18px;font-weight:900;box-shadow:0 12px 28px rgba(37,99,235,.25)}.vt-sec-table-card,.vt-sec-log-card{margin-top:16px;border-radius:24px}.vt-sec-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.vt-sec-list-head p{margin:3px 0 0;color:#64748b;font-weight:800}.vt-sec-list-head form{display:flex;gap:8px;align-items:center}.vt-sec-list-head button,.vt-sec-actions button{border:0;border-radius:12px;padding:10px 13px;font-weight:900;background:#2563eb;color:white}.vt-sec-list-head .danger,.vt-sec-actions .danger{background:#ef4444}.vt-sec-table-wrap{overflow:auto;border-radius:18px;border:1px solid #dbe5f4}.vt-sec-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}.vt-sec-table th{background:#eef3fa;color:#334155;text-align:left;padding:13px;font-size:12px;letter-spacing:.05em}.vt-sec-table td{padding:13px;border-top:1px solid #e6edf7;font-weight:800;color:#0f172a}.vt-sec-table td small{display:block;color:#64748b;margin-top:4px}.vt-pill{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.vt-pill.ok{background:#dcfce7;color:#15803d}.vt-pill.off{background:#fee2e2;color:#b91c1c}.vt-sec-actions form{display:flex;gap:8px;flex-wrap:wrap}.vt-sec-log-list{display:grid;gap:10px}.vt-sec-log-list>div{background:#f8fbff;border:1px solid #dbe5f4;border-radius:16px;padding:12px}.vt-sec-log-list b{color:#2563eb;text-transform:uppercase}.vt-sec-log-list span{display:block;color:#64748b;font-weight:800;margin:3px 0}.vt-sec-log-list p{margin:0;color:#172033;word-break:break-word}@media(max-width:900px){.vt-sec-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.vt-sec-grid{grid-template-columns:1fr}.vt-sec-switches,.vt-sec-formgrid{grid-template-columns:1fr}.vt-sec-list-head{align-items:stretch;flex-direction:column}.vt-sec-list-head form{width:100%}}@media(max-width:520px){.vt-sec-stats{grid-template-columns:1fr}.vt-sec-table th:nth-child(2),.vt-sec-table td:nth-child(2),.vt-sec-table th:nth-child(3),.vt-sec-table td:nth-child(3){display:none}}

/* v1.02 - Mobil klavye aç/kapat sonrası Safari/Android zoom ve viewport toparlama */
@media (max-width:900px){
  html, body{
    max-width:100vw!important;
    overflow-x:hidden!important;
  }
  body.room-v8 #msg,
  body.room-v8 .modern-chatbar #msg,
  body.room-v8 .modern-chatbar .message-strip input{
    font-size:16px!important; /* iOS Safari input auto-zoom engeli */
    line-height:1.25!important;
    transform:none!important;
  }
  body.room-v8 .modern-chatbar,
  body.room-v8 .chat-shell,
  body.room-v8 .chat-main,
  body.room-v8 .main-chat{
    max-width:100vw!important;
  }
  body.room-v8.vt-mobile-keyboard-open{
    overflow-x:hidden!important;
  }
}

/* v1.01 - Chat Güvenliği kullanıcı dostu admin arayüzü */
.vt-chat-security-page{background:#f4f7fb!important;}
.vt-chat-security-page .vt-sec-main{max-width:1540px;padding-bottom:34px;}
.vt-sec-hero-v2{position:relative;overflow:hidden;border-radius:28px!important;padding:24px!important;background:radial-gradient(circle at 10% 20%,rgba(96,165,250,.30),transparent 26%),radial-gradient(circle at 88% 0%,rgba(167,139,250,.34),transparent 30%),linear-gradient(135deg,#0f172a,#1e3a8a 58%,#312e81)!important;color:#fff!important;}
.vt-sec-hero-v2:after{content:"";position:absolute;right:-60px;bottom:-80px;width:260px;height:260px;border-radius:999px;background:rgba(255,255,255,.10);pointer-events:none;}
.vt-sec-hero-v2 h1{font-size:34px;letter-spacing:-.04em;margin:6px 0 8px;color:#fff!important;}
.vt-sec-hero-v2 p{max-width:760px;color:rgba(255,255,255,.82)!important;font-weight:800;}
.vt-sec-hero-v2 .vt-kicker{color:#bfdbfe!important;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);padding:7px 11px;border-radius:999px;display:inline-flex;font-weight:950;}
.vt-sec-hero-v2>a{position:relative;z-index:2;background:#fff!important;color:#1d4ed8!important;border-radius:15px!important;padding:12px 16px!important;font-weight:950;text-decoration:none;box-shadow:0 16px 35px rgba(15,23,42,.22);}
.vt-sec-hero-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px;}
.vt-sec-hero-badges span{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.20);background:rgba(255,255,255,.12);color:#fff;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:950;backdrop-filter:blur(10px);}
.vt-sec-toast{border-radius:18px!important;border:1px solid #bbf7d0!important;background:#ecfdf5!important;color:#166534!important;font-weight:950!important;box-shadow:0 14px 30px rgba(22,101,52,.08)!important;}
.vt-sec-stats-v2{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0!important;}
.vt-sec-stats-v2>div{position:relative;overflow:hidden;border-radius:24px!important;border:1px solid #e2e8f0!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;box-shadow:0 16px 38px rgba(15,23,42,.07)!important;}
.vt-sec-stats-v2>div:after{content:"";position:absolute;right:-20px;top:-22px;width:84px;height:84px;border-radius:999px;background:#eff6ff;}
.vt-sec-stats-v2 i{position:relative;z-index:1;display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:15px;background:#eef6ff;font-style:normal;font-size:21px;margin-bottom:12px;}
.vt-sec-stats-v2 b,.vt-sec-stats-v2 span{position:relative;z-index:1;}
.vt-sec-grid-v2{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)!important;gap:18px!important;align-items:start!important;}
.vt-sec-card{border:1px solid #e2e8f0!important;background:#fff!important;box-shadow:0 18px 45px rgba(15,23,42,.07)!important;}
.vt-sec-card-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;}
.vt-sec-card-title span{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#dbeafe,#ede9fe);color:#1d4ed8;font-weight:950;margin-bottom:10px;}
.vt-sec-card-title h2{margin:0 0 5px!important;font-size:24px!important;letter-spacing:-.03em;color:#0f172a!important;}
.vt-sec-card-title p{margin:0;color:#64748b;font-weight:800;}
.vt-sec-switches-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
.vt-sec-switches-v2 label{position:relative;align-items:flex-start!important;border-radius:20px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;padding:15px!important;transition:.18s ease;}
.vt-sec-switches-v2 label:hover{transform:translateY(-1px);border-color:#bfdbfe!important;box-shadow:0 12px 26px rgba(37,99,235,.08);}
.vt-sec-switches-v2 input{flex:0 0 auto;margin-top:2px;accent-color:#2563eb!important;}
.vt-sec-switches-v2 b{display:block;color:#0f172a;font-weight:950;}
.vt-sec-switches-v2 small{display:block;color:#64748b;font-size:12px;font-weight:800;line-height:1.35;margin-top:3px;}
.vt-sec-formgrid-v2 label{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:12px;color:#0f172a!important;}
.vt-sec-formgrid-v2 label small{display:inline-block;margin-left:5px;color:#94a3b8;font-size:11px;font-weight:900;text-transform:uppercase;}
.vt-sec-formgrid-v2 input,.vt-sec-card select,.vt-sec-add-card input[name="word"]{background:#fff!important;border-color:#d8e2f0!important;border-radius:14px!important;box-shadow:inset 0 1px 0 rgba(15,23,42,.03);}
.vt-sec-primary{width:100%;min-height:48px;border-radius:16px!important;cursor:pointer;}
.vt-sec-hint{background:linear-gradient(135deg,#eff6ff,#f5f3ff)!important;border-color:#dbeafe!important;color:#1e40af!important;line-height:1.45;}
.vt-sec-table-card-v2,.vt-sec-log-card-v2{border:1px solid #e2e8f0!important;background:#fff!important;box-shadow:0 18px 45px rgba(15,23,42,.07)!important;}
.vt-sec-mini-title{display:inline-flex;margin-bottom:6px;border-radius:999px;background:#eff6ff;color:#1d4ed8;padding:6px 10px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;}
.vt-sec-list-head-v2 h2{font-size:24px!important;letter-spacing:-.03em;}
.vt-sec-search input{min-width:260px;background:#f8fafc!important;border:1px solid #dbe5f4!important;border-radius:15px!important;}
.vt-sec-search button,.vt-sec-list-head-v2 button,.vt-sec-actions button{cursor:pointer;box-shadow:0 10px 20px rgba(37,99,235,.14);}
.vt-sec-list-head-v2 .danger,.vt-sec-actions .danger{box-shadow:0 10px 20px rgba(239,68,68,.15);}
.vt-sec-table-wrap{border-radius:22px!important;border:1px solid #e2e8f0!important;background:#fff;}
.vt-sec-table-v2 th{background:#f1f5f9!important;color:#475569!important;text-transform:uppercase;font-size:11px!important;white-space:nowrap;}
.vt-sec-table-v2 td{vertical-align:middle;}
.vt-sec-table-v2 tr:hover td{background:#f8fbff;}
.vt-severity{display:inline-flex;align-items:center;border-radius:999px;background:#fef3c7;color:#92400e;padding:6px 10px;font-size:12px;font-weight:950;}
.vt-sec-empty{text-align:center;color:#64748b!important;padding:22px!important;}
.vt-sec-log-list-v2>div{border-radius:18px!important;background:#f8fafc!important;border-color:#e2e8f0!important;}
.vt-sec-log-list-v2 b{display:inline-flex;border-radius:999px;background:#dbeafe;color:#1d4ed8!important;padding:5px 9px;font-size:11px;}
.vt-sec-log-list-v2 p{line-height:1.45;}
@media(max-width:1050px){.vt-sec-grid-v2{grid-template-columns:1fr!important}.vt-sec-stats-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.vt-sec-hero-v2{align-items:flex-start!important;flex-direction:column!important}.vt-sec-hero-v2>a{width:100%;text-align:center}}
@media(max-width:720px){.vt-chat-security-page .vt-sec-main{padding-left:12px!important;padding-right:12px!important}.vt-sec-hero-v2{border-radius:22px!important;padding:19px!important}.vt-sec-hero-v2 h1{font-size:27px}.vt-sec-hero-badges span{width:100%;justify-content:center}.vt-sec-stats-v2{grid-template-columns:1fr!important}.vt-sec-switches-v2,.vt-sec-formgrid-v2,.vt-sec-formgrid.two{grid-template-columns:1fr!important}.vt-sec-list-head-v2{gap:14px}.vt-sec-search{display:grid!important;grid-template-columns:1fr auto;width:100%}.vt-sec-search input{min-width:0!important}.vt-sec-table-wrap{border:0!important;overflow:visible!important}.vt-sec-table-v2,.vt-sec-table-v2 thead,.vt-sec-table-v2 tbody,.vt-sec-table-v2 th,.vt-sec-table-v2 td,.vt-sec-table-v2 tr{display:block;width:100%}.vt-sec-table-v2 thead{display:none}.vt-sec-table-v2 tr{border:1px solid #e2e8f0;border-radius:20px;margin-bottom:12px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.06);overflow:hidden}.vt-sec-table-v2 td{display:flex!important;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #eef2f7!important;padding:12px 14px!important}.vt-sec-table-v2 td:first-child{border-top:0!important;align-items:flex-start}.vt-sec-table-v2 td:before{content:attr(data-label);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-weight:950;flex:0 0 auto}.vt-sec-table-v2 td:first-child:before{padding-top:3px}.vt-sec-actions form{justify-content:flex-end}.vt-sec-actions button{padding:9px 11px!important}.vt-sec-card-title h2,.vt-sec-list-head-v2 h2{font-size:21px!important}}
@media(max-width:420px){.vt-sec-search{grid-template-columns:1fr}.vt-sec-search button{width:100%}.vt-sec-actions form{width:100%;display:grid!important;grid-template-columns:1fr 1fr}.vt-sec-actions button{width:100%}.vt-sec-table-v2 td{align-items:flex-start;flex-direction:column}.vt-sec-table-v2 td:before{margin-bottom:2px}}


/* v1.02 - Chat Güvenliği koruma kartları okunabilirlik düzeltmesi */
.vt-chat-security-page .vt-sec-switches-v2{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(260px,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
.vt-chat-security-page .vt-sec-switches-v2 label{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  grid-template-areas:"text check"!important;
  align-items:flex-start!important;
  gap:14px!important;
  min-height:auto!important;
  height:auto!important;
  padding:16px 16px 16px 18px!important;
  overflow:hidden!important;
}
.vt-chat-security-page .vt-sec-switches-v2 label > span{
  grid-area:text!important;
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
  white-space:normal!important;
  word-break:normal!important;
}
.vt-chat-security-page .vt-sec-switches-v2 label > span b{
  display:block!important;
  margin:0 0 5px!important;
  color:#0f172a!important;
  font-size:15px!important;
  line-height:1.2!important;
  white-space:normal!important;
}
.vt-chat-security-page .vt-sec-switches-v2 label > span small{
  display:block!important;
  color:#64748b!important;
  font-size:12.5px!important;
  line-height:1.38!important;
  font-weight:800!important;
  white-space:normal!important;
}
.vt-chat-security-page .vt-sec-switches-v2 input[type="checkbox"]{
  grid-area:check!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  flex:0 0 22px!important;
  margin:1px 0 0 0!important;
  padding:0!important;
  border-radius:7px!important;
  accent-color:#2563eb!important;
  transform:none!important;
  display:block!important;
}
.vt-chat-security-page .vt-sec-settings-card{
  overflow:hidden!important;
}
.vt-chat-security-page .vt-sec-add-card{
  align-self:start!important;
}
.vt-chat-security-page .vt-sec-card input:not([type="checkbox"]),
.vt-chat-security-page .vt-sec-card select,
.vt-chat-security-page .vt-sec-list-head input{
  box-sizing:border-box!important;
  max-width:100%!important;
}
.vt-chat-security-page .vt-sec-formgrid.two{
  grid-template-columns:minmax(0,1fr) 120px!important;
}
@media(max-width:1180px){
  .vt-chat-security-page .vt-sec-switches-v2{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:720px){
  .vt-chat-security-page .vt-sec-switches-v2{
    grid-template-columns:1fr!important;
  }
  .vt-chat-security-page .vt-sec-switches-v2 label{
    grid-template-columns:1fr auto!important;
    padding:15px!important;
  }
  .vt-chat-security-page .vt-sec-formgrid.two{
    grid-template-columns:1fr!important;
  }
}


/* v1.01 - El kaldır butonu aktif/pasif göstergesi: mikrofon/kamera gibi net beyaz nokta */
body.room-v8 .modern-chatbar .icon-strip #hand{position:relative!important;}
body.room-v8 .modern-chatbar .icon-strip #hand.vt-hand-on,
body.room-v8 .modern-chatbar .icon-strip #hand.active{
  background:linear-gradient(145deg,#f59e0b,#d97706)!important;
  border-color:rgba(253,230,138,.95)!important;
  color:#fff!important;
  opacity:1!important;
  box-shadow:0 0 0 2px rgba(245,158,11,.32),0 0 18px rgba(245,158,11,.48)!important;
  transform:translateY(-1px) scale(1.04)!important;
}
body.room-v8 .modern-chatbar .icon-strip #hand.vt-hand-on::after,
body.room-v8 .modern-chatbar .icon-strip #hand.active::after{
  content:""!important;
  position:absolute!important;
  right:5px!important;
  top:5px!important;
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
  background:#fff7ed!important;
  box-shadow:0 0 0 2px rgba(15,23,42,.78),0 0 10px rgba(255,247,237,.82)!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
}
body.room-v8 .modern-chatbar .icon-strip #hand.vt-hand-pressed{filter:brightness(1.22)!important;}
body.room-v8 .modern-chatbar .icon-strip #hand.vt-hand-off::after{content:none!important;display:none!important;}
@media (max-width:900px){
  body.room-v8 .vt-mobile-rooms-drawer.is-open,
  body.room-v8 .vt-mobile-rooms-drawer:not(.hidden){display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
  body.room-v8 .vt-mobile-rooms-drawer.is-open .vt-mrooms-panel,
  body.room-v8 .vt-mobile-rooms-drawer:not(.hidden) .vt-mrooms-panel{display:flex!important;opacity:1!important;visibility:visible!important;transform:translateX(0)!important;pointer-events:auto!important;}
  body.room-v8 .vt-mobile-rooms-drawer.is-open .vt-mrooms-list,
  body.room-v8 .vt-mobile-rooms-drawer:not(.hidden) .vt-mrooms-list{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
  body.room-v8 .vt-mobile-rooms-drawer.is-open .vt-mroom-item,
  body.room-v8 .vt-mobile-rooms-drawer:not(.hidden) .vt-mroom-item{display:grid!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
}

/* v1.11 - Baştan temiz sanal bot paneli */
.vt-bots-main .vt-bot-error{background:#991b1b;color:#fff;border-radius:14px;padding:14px 16px;margin:0 0 16px;font-weight:800}.vt-bot-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) 180px;gap:14px;align-items:end}.vt-bot-form label b{display:block;margin:0 0 8px;color:#0f172a}.vt-bot-form input[type=text],.vt-bot-form input:not([type]),.vt-bot-form select,.vt-bot-edit-row input,.vt-bot-edit-row select{width:100%;border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;border-radius:14px;padding:13px 14px;font-weight:800;min-height:48px}.vt-bot-active{background:#f8fafc;border:1px solid #cbd5e1;border-radius:16px;min-height:64px;display:flex!important;align-items:center;justify-content:center;gap:10px}.vt-bot-avatar-pick{grid-column:1/-1;border:1px solid #e2e8f0;border-radius:18px;padding:12px;background:#f8fafc}.vt-bot-avatar-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.vt-bot-avatar-head b{font-size:18px}.vt-bot-avatar-head small{color:#64748b;font-weight:800}.vt-bot-avatar-strip{display:flex;gap:10px;overflow-x:auto;padding:4px 4px 10px;scrollbar-width:thin}.vt-bot-avatar-option{flex:0 0 92px;cursor:pointer}.vt-bot-avatar-option input{display:none}.vt-bot-avatar-option span{height:104px;border:2px solid #cbd5e1;border-radius:16px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:7px;transition:.15s}.vt-bot-avatar-option input:checked+span{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.18)}.vt-bot-avatar-option img{width:58px;height:58px;border-radius:14px;object-fit:cover;background:#e2e8f0}.vt-bot-avatar-option em{font-style:normal;color:#334155;font-weight:900;font-size:11px;max-width:72px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vt-bot-submit{width:max-content;border:0;background:#2563eb;color:#fff;border-radius:14px;padding:14px 22px;font-weight:900}.vt-bot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}.vt-bot-admin-card{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #dbe3ef;border-radius:22px;padding:16px;box-shadow:0 14px 34px rgba(15,23,42,.08);min-width:0}.vt-bot-admin-card.is-off{opacity:.68}.vt-bot-card-top{display:flex;gap:14px;align-items:center;margin-bottom:14px;min-width:0}.vt-bot-card-top img{width:76px;height:76px;border-radius:20px;object-fit:cover;background:#e2e8f0;flex:0 0 auto}.vt-bot-card-top div{min-width:0}.vt-bot-card-top b{display:block;color:#0f172a;font-size:24px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vt-bot-card-top small{display:block;color:#2563eb;font-weight:900;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vt-bot-card-top em{display:inline-flex;margin-top:8px;background:#dcfce7;color:#166534;border-radius:999px;padding:5px 10px;font-style:normal;font-weight:900;font-size:12px}.vt-bot-admin-card.is-off .vt-bot-card-top em{background:#fee2e2;color:#991b1b}.vt-bot-edit-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.vt-bot-active-mini{display:inline-flex;align-items:center;gap:8px;color:#0f172a;font-weight:900;margin:0 0 10px}.vt-bot-card-avatars{display:flex;gap:8px;overflow-x:auto;padding:8px 2px 12px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;scrollbar-width:thin}.vt-bot-card-avatars label{flex:0 0 auto;cursor:pointer}.vt-bot-card-avatars input{display:none}.vt-bot-card-avatars img{width:46px;height:46px;border-radius:13px;object-fit:cover;border:2px solid transparent;background:#e2e8f0}.vt-bot-card-avatars input:checked+img{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}.vt-bot-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.vt-bot-actions form{display:flex;gap:8px;flex-wrap:wrap}.vt-bot-actions button{border:0;border-radius:12px;padding:11px 14px;background:#2563eb;color:#fff;font-weight:900}.vt-bot-actions .secondary{background:#475569}.vt-bot-actions .danger{background:#ef4444}.vt-virtual-bot{--bot-safe:1}.vt-virtual-bot .vt-user-icons button,.vt-virtual-bot .vt-user-icons span{pointer-events:none}@media(max-width:760px){.vt-bot-form{grid-template-columns:1fr}.vt-bot-avatar-head{display:block}.vt-bot-grid{grid-template-columns:1fr}.vt-bot-edit-row{grid-template-columns:1fr}.vt-bot-card-top b{font-size:21px}}

/* v1.12 - Online üye kartları sıkışma düzeltmesi (PC 8. kullanıcı + mobil genel) */
body.room-v8 .user-drawer,
body.room-v8 .user-list,
body.room-v8 #users{
  box-sizing:border-box!important;
}
body.room-v8 .user-list,
body.room-v8 #users{
  width:100%!important;
  max-width:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable!important;
  padding-right:8px!important;
}
body.room-v8 .user-row.vt-user-card,
body.room-v8 .user-row.vt-user-card.vt-virtual-bot{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:8px 0!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  grid-template-areas:"avatar body"!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px!important;
  overflow:hidden!important;
}
body.room-v8 .user-row.vt-user-card .vt-avatar-btn,
body.room-v8 .user-row.vt-user-card .vt-member-avatar{
  grid-area:avatar!important;
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  border-radius:17px!important;
  object-fit:cover!important;
}
body.room-v8 .user-row.vt-user-card .vt-user-main{
  grid-area:body!important;
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  gap:7px!important;
  overflow:hidden!important;
}
body.room-v8 .user-row.vt-user-card .vt-user-info{
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  overflow:hidden!important;
}
body.room-v8 .user-row.vt-user-card .vt-user-info b,
body.room-v8 .user-row.vt-user-card .vt-user-info small{
  display:block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.room-v8 .user-row.vt-user-card .vt-user-icons{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
  overflow:hidden!important;
}
body.room-v8 .user-row.vt-user-card .vt-state{
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  border-radius:10px!important;
}
body.room-v8 .user-row.vt-user-card:hover,
body.room-v8 .user-row.vt-user-card.vt-virtual-bot:hover{
  transform:translateY(-1px)!important;
}

@media (max-width:900px){
  body.room-v8 .user-drawer{
    width:min(96vw,430px)!important;
    max-width:96vw!important;
    min-width:0!important;
  }
  body.room-v8 .user-list,
  body.room-v8 #users{
    padding-right:6px!important;
    scrollbar-gutter:auto!important;
  }
  body.room-v8 .user-row.vt-user-card,
  body.room-v8 .user-row.vt-user-card.vt-virtual-bot{
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:10px!important;
    min-height:96px!important;
    padding:11px!important;
    margin:8px 0!important;
  }
  body.room-v8 .user-row.vt-user-card .vt-avatar-btn,
  body.room-v8 .user-row.vt-user-card .vt-member-avatar{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    border-radius:15px!important;
  }
  body.room-v8 .user-row.vt-user-card .vt-user-main{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:7px!important;
  }
  body.room-v8 .user-row.vt-user-card .vt-user-info{
    grid-column:1!important;
    grid-row:auto!important;
  }
  body.room-v8 .user-row.vt-user-card .vt-user-info b{
    font-size:20px!important;
    line-height:1.05!important;
  }
  body.room-v8 .user-row.vt-user-card .vt-user-info small{
    font-size:14px!important;
    line-height:1.05!important;
  }
  body.room-v8 .user-row.vt-user-card .vt-user-icons{
    grid-column:1!important;
    grid-row:auto!important;
    justify-content:flex-start!important;
    align-self:auto!important;
    gap:5px!important;
    overflow:hidden!important;
  }
  body.room-v8 .user-row.vt-user-card .vt-state{
    flex:0 0 30px!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    border-radius:10px!important;
  }
}

@media (max-width:420px){
  body.room-v8 .user-row.vt-user-card,
  body.room-v8 .user-row.vt-user-card.vt-virtual-bot{
    grid-template-columns:52px minmax(0,1fr)!important;
    min-height:90px!important;
    padding:10px!important;
    gap:9px!important;
  }
  body.room-v8 .user-row.vt-user-card .vt-avatar-btn,
  body.room-v8 .user-row.vt-user-card .vt-member-avatar{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    border-radius:14px!important;
  }
  body.room-v8 .user-row.vt-user-card .vt-user-info b{font-size:18px!important;}
  body.room-v8 .user-row.vt-user-card .vt-user-info small{font-size:13px!important;}
  body.room-v8 .user-row.vt-user-card .vt-user-icons{gap:4px!important;}
  body.room-v8 .user-row.vt-user-card .vt-state{
    flex:0 0 28px!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    border-radius:9px!important;
  }
}

/* v1.13 Bot panel sadeleştirme: mevcut botlarda avatar seçici yok, butonlar her durumda aktif görünür */
.vt-bots-page .vt-bot-admin-card.is-off{opacity:1!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;}
.vt-bots-page .vt-bot-admin-card.is-off .vt-bot-card-top img{filter:grayscale(.12);opacity:.88;}
.vt-bots-page .vt-bot-admin-card.is-off .vt-bot-card-top b,
.vt-bots-page .vt-bot-admin-card.is-off .vt-bot-card-top small{opacity:.78;}
.vt-bots-page .vt-bot-card-avatars{display:none!important;}
.vt-bots-page .vt-bot-actions{margin-top:14px!important;}
.vt-bots-page .vt-bot-actions button{opacity:1!important;filter:none!important;cursor:pointer!important;}
.vt-bots-page .vt-bot-actions .secondary{background:#2563eb!important;color:#fff!important;}
.vt-bots-page .vt-bot-admin-card.is-on .vt-bot-actions .secondary{background:#475569!important;}
.vt-bots-page .vt-bot-active-mini{margin:4px 0 12px!important;}
.vt-bots-page .vt-bot-card-top{padding-bottom:6px;border-bottom:1px solid #e2e8f0;}

/* v1.14 - Mobil Online Üyeler panel yüksekliği düzeltmesi
   Sadece mobil kullanıcı drawer/list alanına dokunur. Odalar, chat alt bar, bot, LiveKit JS ve veritabanı değişmez. */
@media (max-width:900px){
  body.room-v8 aside#userDrawer.user-drawer,
  body.room-v8 .user-drawer{
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:calc(var(--vt-mobile-chatbar-h,128px) + env(safe-area-inset-bottom))!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - var(--vt-mobile-chatbar-h,128px) - env(safe-area-inset-bottom))!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body.room-v8 aside#userDrawer.user-drawer.open,
  body.room-v8 .user-drawer.open,
  body.vt-drawer-open.room-v8 aside#userDrawer.user-drawer{
    transform:translateX(0)!important;
  }

  body.room-v8 .vt-chat-logo-block,
  body.room-v8 .drawer-head.vt-member-title-row,
  body.room-v8 #leftBrandBox.left-brand,
  body.room-v8 .left-brand{
    flex:0 0 auto!important;
  }

  body.room-v8 #users.user-list,
  body.room-v8 #users,
  body.room-v8 .user-list,
  body.room-v8 .vt-scrollable-users{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    padding-bottom:14px!important;
  }
}

@media (max-width:420px){
  body.room-v8 aside#userDrawer.user-drawer,
  body.room-v8 .user-drawer{
    bottom:calc(122px + env(safe-area-inset-bottom))!important;
    max-height:calc(100dvh - 122px - env(safe-area-inset-bottom))!important;
  }
}

/* v1.17 - Mobil canlı komuta penceresi üst buton hizası düzeltmesi
   Sadece mobil Yönetim / Canlı Komuta modalındaki kapat ve yenile yerleşimine dokunur. */
@media (max-width:720px){
  body.room-v8 #vtLiveCommandModal .vt-live-command-card{
    position:relative!important;
    padding-top:14px!important;
  }
  body.room-v8 #vtLiveCommandModal .vt-live-close{
    position:absolute!important;
    top:12px!important;
    right:12px!important;
    float:none!important;
    z-index:30!important;
    flex:0 0 auto!important;
  }
  body.room-v8 #vtLiveCommandModal .vt-live-title{
    padding:4px 54px 14px 4px!important;
    min-height:44px!important;
  }
  body.room-v8 #vtLiveCommandModal .vt-live-toolbar{
    position:relative!important;
    top:auto!important;
    z-index:1!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
    padding:13px!important;
    margin-top:2px!important;
  }
  body.room-v8 #vtLiveCommandModal .vt-live-toolbar > div{
    min-width:0!important;
  }
  body.room-v8 #vtLiveCommandModal .vt-live-toolbar button[data-live-refresh]{
    width:100%!important;
    min-height:42px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}


/* v1.18 - Mobil Canlı Oda ve Kullanıcı Yönetimi üst buton kesin düzeltme
   Gerçek kullanılan vt-shield modal yapısına uygulanır. Yenile butonu kapatma çarpısı ile çakışmaz. */
@media (max-width:720px){
  body.room-v8 #vtShieldLiveModal.vt-shield-live-modal{
    align-items:flex-start!important;
    justify-content:center!important;
    padding:10px!important;
    box-sizing:border-box!important;
  }
  body.room-v8 #vtShieldLiveModal .vt-shield-card{
    position:relative!important;
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
    padding:14px!important;
    padding-top:16px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }
  body.room-v8 #vtShieldLiveModal .vt-shield-x{
    position:absolute!important;
    top:10px!important;
    right:10px!important;
    width:48px!important;
    height:38px!important;
    min-width:48px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0!important;
    z-index:50!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
  }
  body.room-v8 #vtShieldLiveModal .vt-shield-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding:0!important;
    margin:0 0 12px 0!important;
    min-width:0!important;
  }
  body.room-v8 #vtShieldLiveModal .vt-shield-head > div{
    min-width:0!important;
    width:100%!important;
    padding-right:48px!important;
    box-sizing:border-box!important;
  }
  body.room-v8 #vtShieldLiveModal .vt-shield-head b,
  body.room-v8 #vtShieldLiveModal .vt-shield-head small{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }
  body.room-v8 #vtShieldLiveModal .vt-shield-head > button[data-vt-shield-refresh]{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    width:100%!important;
    min-height:42px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    z-index:1!important;
  }
  body.room-v8 #vtShieldLiveModal .vt-shield-tools{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:9px!important;
  }
  body.room-v8 #vtShieldLiveModal .vt-shield-tools label,
  body.room-v8 #vtShieldLiveModal .vt-shield-tools button{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}


/* v1.19 - Mobil çıkış butonu anlık geri bildirim/loading durumu */
@media(max-width:760px){
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn.is-leaving{
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
    padding:0 10px 0 34px!important;
    font-size:12px!important;
    line-height:1!important;
    color:#fee2e2!important;
    text-indent:0!important;
    pointer-events:none!important;
    opacity:.92!important;
    background:linear-gradient(135deg,rgba(239,68,68,.30),rgba(190,24,93,.22))!important;
    border-color:rgba(248,113,113,.42)!important;
  }
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn.is-leaving::before{
    content:''!important;
    position:absolute!important;
    left:11px!important;
    bottom:22px!important;
    width:15px!important;
    height:15px!important;
    margin-top:-7.5px!important;
    border:2px solid rgba(254,226,226,.35)!important;
    border-top-color:#fee2e2!important;
    border-radius:999px!important;
    background:none!important;
    animation:vtLogoutSpin .75s linear infinite!important;
    filter:none!important;
  }
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn.is-leaving::after{
    content:'Çıkılıyor...'!important;
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    color:#fee2e2!important;
    font-size:12px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
}
@keyframes vtLogoutSpin{to{transform:rotate(360deg)}}


/* v1.20 - Mobil Canlı Oda/Kullanıcı Yönetimi kullanıcı işlem butonları açılır-kapanır
   Sadece oda içi kalkan/yönetim modalının mobil görünümüne dokunur. Masaüstü ve diğer modüller değişmez. */
body.room-v8 #vtShieldLiveModal .vt-shield-action-toggle{
  display:none;
}
@media(max-width:900px){
  body.room-v8 #vtShieldLiveModal .vt-shield-user{
    overflow:hidden!important;
  }
  body.room-v8 #vtShieldLiveModal .vt-shield-action-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    width:100%!important;
    min-height:42px!important;
    margin:8px 0 0!important;
    padding:10px 12px!important;
    border:1px solid rgba(168,85,247,.36)!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,rgba(124,58,237,.42),rgba(37,99,235,.34))!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:950!important;
    text-align:left!important;
    box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  }
  body.room-v8 #vtShieldLiveModal .vt-shield-action-toggle i{
    font-style:normal!important;
    transition:transform .18s ease!important;
    opacity:.9!important;
  }
  body.room-v8 #vtShieldLiveModal .vt-shield-user.is-actions-open .vt-shield-action-toggle i{
    transform:rotate(180deg)!important;
  }
  body.room-v8 #vtShieldLiveModal .vt-shield-actions{
    display:none!important;
    margin-top:8px!important;
    grid-template-columns:1fr!important;
  }
  body.room-v8 #vtShieldLiveModal .vt-shield-user.is-actions-open .vt-shield-actions{
    display:grid!important;
  }
  body.room-v8 #vtShieldLiveModal .vt-shield-actions button{
    min-height:40px!important;
    padding:10px 9px!important;
    font-size:12px!important;
  }
}

/* V1.23 - güvenli profesyonel giriş/üyelik düzeni (profil vitrini kaldırıldı, mobil çakışma fix) */
body.login-pro.vt-login-v123{
  min-height:100dvh!important;
  min-height:var(--vt-vvh,100dvh)!important;
  overflow:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:28px 14px!important;
  box-sizing:border-box!important;
  background:radial-gradient(circle at 18% 0%,rgba(37,99,235,.32),transparent 34%),radial-gradient(circle at 92% 82%,rgba(168,85,247,.26),transparent 34%),#060b17!important;
}
.vt-login-v123 .vt-login-shell-v123{width:min(760px,100%)!important;margin:0 auto!important;display:block!important;box-sizing:border-box!important;}
.vt-login-v123 .vt-join-card-v123{width:100%!important;box-sizing:border-box!important;border-radius:30px!important;padding:30px!important;background:linear-gradient(180deg,rgba(17,24,39,.94),rgba(8,13,25,.98))!important;border:1px solid rgba(148,163,184,.22)!important;box-shadow:0 34px 120px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04)!important;}
.vt-login-v123 .vt-login-badge-v123{display:inline-flex!important;align-items:center!important;border-radius:999px!important;padding:8px 14px!important;background:rgba(14,165,233,.16)!important;border:1px solid rgba(125,211,252,.25)!important;color:#bfdbfe!important;font-size:12px!important;font-weight:1000!important;letter-spacing:.12em!important;}
.vt-login-v123 .vt-login-head-v123 h1{margin:14px 0 6px!important;font-size:clamp(38px,6vw,58px)!important;line-height:.96!important;letter-spacing:-.05em!important;color:#fff!important;}
.vt-login-v123 .vt-login-head-v123 p{margin:0 0 22px!important;color:#cbd5e1!important;font-size:17px!important;}
.vt-login-v123 .vt-login-tabs-v123{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-bottom:18px!important;}
.vt-login-v123 .vt-login-tabs-v123 button{height:62px!important;border-radius:20px!important;border:1px solid rgba(148,163,184,.22)!important;background:rgba(30,41,59,.74)!important;color:#e5e7eb!important;font-size:18px!important;font-weight:1000!important;cursor:pointer!important;}
.vt-login-v123 .vt-login-tabs-v123 button.active{background:linear-gradient(135deg,#3b82f6,#7c3aed)!important;border-color:rgba(147,197,253,.55)!important;color:#fff!important;box-shadow:0 16px 34px rgba(59,130,246,.18)!important;}
.vt-login-v123 .vt-form-v123.hide{display:none!important;}
.vt-login-v123 .vt-form-v123{display:block!important;position:relative!important;z-index:1!important;}
.vt-login-v123 .vt-form-v123 label:not(.remember-row){display:block!important;margin:14px 0 8px!important;color:#eaf2ff!important;font-size:14px!important;font-weight:1000!important;}
.vt-login-v123 .vt-input-v123{height:62px!important;border-radius:20px!important;background:rgba(15,23,42,.68)!important;border:1px solid rgba(148,163,184,.22)!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0 18px!important;box-sizing:border-box!important;}
.vt-login-v123 .vt-input-v123 span{font-size:23px!important;opacity:.75!important;}
.vt-login-v123 .vt-input-v123 input{height:100%!important;min-width:0!important;flex:1!important;border:0!important;background:transparent!important;color:#fff!important;outline:0!important;font-size:17px!important;padding:0!important;margin:0!important;}
.vt-login-v123 .vt-input-v123 input::placeholder{color:#94a3b8!important;}
.vt-login-v123 .vt-gender-v123{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;}
.vt-login-v123 .vt-gender-v123 .gender-btn{min-width:0!important;height:86px!important;border-radius:20px!important;border:1px solid rgba(148,163,184,.22)!important;background:linear-gradient(180deg,rgba(51,65,85,.72),rgba(30,41,59,.78))!important;color:#fff!important;font-size:24px!important;font-weight:1000!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;cursor:pointer!important;}
.vt-login-v123 .vt-gender-v123 .gender-btn b{font-size:14px!important;letter-spacing:.04em!important;}
.vt-login-v123 .vt-gender-v123 .gender-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border-color:#60a5fa!important;box-shadow:0 14px 34px rgba(37,99,235,.22)!important;}
.vt-login-v123 .vt-remember-v123{height:58px!important;margin:16px 0!important;border-radius:18px!important;background:rgba(30,41,59,.72)!important;border:1px solid rgba(148,163,184,.18)!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0 18px!important;color:#fff!important;font-weight:900!important;box-sizing:border-box!important;}
.vt-login-v123 .vt-remember-v123 input{width:24px!important;height:24px!important;accent-color:#60a5fa!important;margin:0!important;}
.vt-login-v123 .vt-start-v123{width:100%!important;height:66px!important;border:0!important;border-radius:20px!important;background:linear-gradient(135deg,#60a5fa,#8b5cf6,#e879f9)!important;color:#fff!important;font-weight:1000!important;font-size:18px!important;letter-spacing:.02em!important;box-shadow:0 22px 54px rgba(124,58,237,.28)!important;cursor:pointer!important;}
.vt-login-v123 .vt-register-cta-v123{width:max-content!important;max-width:100%!important;margin:16px auto 0!important;min-height:46px!important;padding:0 22px!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;text-decoration:none!important;color:#fff!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.16)!important;font-weight:1000!important;box-sizing:border-box!important;position:relative!important;z-index:2!important;}
.vt-login-v123 .vt-register-success-v123{display:grid!important;gap:4px!important;margin:0 0 18px!important;border-radius:20px!important;padding:16px 18px!important;background:rgba(16,185,129,.12)!important;border:1px solid rgba(52,211,153,.35)!important;color:#d1fae5!important;font-weight:900!important;}
.vt-login-v123 .vt-register-success-v123 b{font-size:18px!important;color:#fff!important;}
body.vt-register-v123{min-height:100dvh!important;overflow:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px 12px!important;box-sizing:border-box!important;background:radial-gradient(circle at 15% 0,rgba(37,99,235,.30),transparent 36%),radial-gradient(circle at 88% 86%,rgba(236,72,153,.22),transparent 34%),#060b17!important;color:#fff!important;}
.vt-register-wrap-v123{width:min(620px,100%)!important;margin:auto!important;}
.vt-register-card-v123{position:relative!important;border-radius:30px!important;padding:30px!important;background:linear-gradient(180deg,rgba(17,24,39,.96),rgba(8,13,25,.99))!important;border:1px solid rgba(148,163,184,.22)!important;box-shadow:0 34px 120px rgba(0,0,0,.42)!important;box-sizing:border-box!important;}
.vt-register-close-v123{position:absolute!important;right:18px!important;top:18px!important;width:52px!important;height:52px!important;border-radius:18px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;text-decoration:none!important;display:grid!important;place-items:center!important;font-size:32px!important;font-weight:1000!important;}
.vt-register-card-v123 h1{margin:14px 70px 8px 0!important;font-size:clamp(36px,6vw,54px)!important;line-height:1!important;letter-spacing:-.05em!important;}
.vt-register-card-v123 p{margin:0 70px 22px 0!important;color:#cbd5e1!important;font-size:16px!important;line-height:1.45!important;}
.vt-register-form-v123 label{display:block!important;margin:14px 0 8px!important;font-weight:1000!important;color:#f8fafc!important;}
.vt-register-form-v123 input{width:100%!important;height:60px!important;border-radius:18px!important;border:1px solid rgba(148,163,184,.22)!important;background:rgba(15,23,42,.72)!important;color:#fff!important;outline:0!important;padding:0 18px!important;font-size:17px!important;box-sizing:border-box!important;}
.vt-register-gender-v123{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;}
.vt-register-gender-v123 button{height:58px!important;border-radius:18px!important;border:1px solid rgba(148,163,184,.22)!important;background:rgba(30,41,59,.78)!important;color:#fff!important;font-weight:1000!important;font-size:18px!important;}
.vt-register-gender-v123 button.active{background:linear-gradient(135deg,#8b5cf6,#ec4899)!important;border-color:rgba(244,114,182,.55)!important;}
.vt-register-submit-v123{width:100%!important;height:64px!important;margin-top:20px!important;border:0!important;border-radius:20px!important;background:linear-gradient(135deg,#8b5cf6,#ec4899,#38bdf8)!important;color:#fff!important;font-weight:1000!important;font-size:18px!important;}
.vt-register-back-v123{display:flex!important;justify-content:center!important;margin-top:16px!important;color:#bfdbfe!important;font-weight:900!important;text-decoration:none!important;}
.vt-form-alert-v123{border-radius:16px!important;padding:14px 16px!important;background:rgba(239,68,68,.12)!important;border:1px solid rgba(248,113,113,.32)!important;color:#fecaca!important;font-weight:900!important;margin:14px 0!important;}
@media(max-width:760px){
  body.login-pro.vt-login-v123{align-items:flex-start!important;padding:calc(12px + env(safe-area-inset-top)) 10px calc(18px + env(safe-area-inset-bottom))!important;}
  .vt-login-v123 .vt-join-card-v123{padding:18px!important;border-radius:24px!important;}
  .vt-login-v123 .vt-login-head-v123 h1{font-size:38px!important;}
  .vt-login-v123 .vt-login-head-v123 p{font-size:14px!important;margin-bottom:16px!important;}
  .vt-login-v123 .vt-login-tabs-v123{gap:8px!important;margin-bottom:14px!important;}
  .vt-login-v123 .vt-login-tabs-v123 button{height:54px!important;border-radius:16px!important;font-size:16px!important;}
  .vt-login-v123 .vt-form-v123 label:not(.remember-row){margin:11px 0 7px!important;}
  .vt-login-v123 .vt-input-v123{height:78px!important;border-radius:17px!important;}
  .vt-login-v123 .vt-gender-v123{grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;}
  .vt-login-v123 .vt-gender-v123 .gender-btn{height:70px!important;border-radius:16px!important;font-size:20px!important;}
  .vt-login-v123 .vt-gender-v123 .gender-btn b{font-size:12px!important;}
  .vt-login-v123 .vt-remember-v123{height:52px!important;margin:12px 0!important;}
  .vt-login-v123 .vt-start-v123{height:58px!important;border-radius:18px!important;font-size:16px!important;}
  .vt-login-v123 .vt-register-cta-v123{width:100%!important;min-height:50px!important;margin-top:12px!important;white-space:normal!important;}
  body.vt-register-v123{align-items:flex-start!important;padding:calc(12px + env(safe-area-inset-top)) 10px calc(18px + env(safe-area-inset-bottom))!important;}
  .vt-register-card-v123{padding:18px!important;border-radius:24px!important;}
  .vt-register-close-v123{width:48px!important;height:48px!important;right:14px!important;top:14px!important;}
  .vt-register-card-v123 h1{font-size:38px!important;margin-right:58px!important;}
  .vt-register-card-v123 p{font-size:14px!important;margin-right:58px!important;margin-bottom:16px!important;}
  .vt-register-form-v123 input{height:78px!important;}
  .vt-register-submit-v123{height:58px!important;}
}

/* v1.24 - Login avatar seçim ekranı profesyonel kompakt düzen (PC + mobil) */
body.login-pro.vt-login-v123 .avatar-modal{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:22px!important;
  box-sizing:border-box!important;
  background:rgba(2,6,23,.74)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
body.login-pro.vt-login-v123 .avatar-modal.hidden{display:none!important;}
body.login-pro.vt-login-v123 .avatar-card{
  width:min(620px,calc(100vw - 44px))!important;
  height:auto!important;
  max-height:min(760px,86dvh)!important;
  padding:22px!important;
  border-radius:26px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(17,24,39,.98),rgba(7,12,24,.99))!important;
  border:1px solid rgba(148,163,184,.26)!important;
  box-shadow:0 36px 120px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body.login-pro.vt-login-v123 .avatar-card h2{
  margin:0 64px 5px 0!important;
  font-size:30px!important;
  line-height:1!important;
  letter-spacing:-.03em!important;
  color:#fff!important;
  flex:0 0 auto!important;
}
body.login-pro.vt-login-v123 .avatar-card p{
  margin:0 64px 16px 0!important;
  color:#b6c3d8!important;
  font-size:14px!important;
  line-height:1.4!important;
  flex:0 0 auto!important;
}
body.login-pro.vt-login-v123 .avatar-close{
  position:absolute!important;
  right:18px!important;
  top:18px!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(51,65,85,.74)!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1!important;
  font-weight:900!important;
  cursor:pointer!important;
}
body.login-pro.vt-login-v123 .avatar-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:560px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-rows:112px!important;
  gap:12px!important;
  padding:4px 8px 4px 0!important;
  align-items:start!important;
  align-content:start!important;
  scrollbar-width:thin!important;
}
body.login-pro.vt-login-v123 .avatar-choice{
  width:100%!important;
  height:112px!important;
  min-height:112px!important;
  max-height:112px!important;
  padding:8px!important;
  border-radius:20px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(30,41,59,.82),rgba(15,23,42,.92))!important;
  border:1px solid rgba(148,163,184,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  transform:none!important;
  cursor:pointer!important;
}
body.login-pro.vt-login-v123 .avatar-choice img{
  position:static!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:14px!important;
  padding:0!important;
}
body.login-pro.vt-login-v123 .avatar-choice img[src$='.svg']{
  object-fit:contain!important;
  padding:8px!important;
  background:rgba(37,99,235,.18)!important;
}
body.login-pro.vt-login-v123 .avatar-choice.selected{
  border-color:#60a5fa!important;
  box-shadow:0 0 0 3px rgba(96,165,250,.16),0 16px 34px rgba(37,99,235,.20)!important;
}
@media(max-width:700px){
  body.login-pro.vt-login-v123 .avatar-modal{
    align-items:flex-end!important;
    justify-content:center!important;
    padding:10px!important;
  }
  body.login-pro.vt-login-v123 .avatar-card{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:78dvh!important;
    border-radius:24px 24px 14px 14px!important;
    padding:18px!important;
  }
  body.login-pro.vt-login-v123 .avatar-card h2{
    font-size:24px!important;
    margin:0 56px 5px 0!important;
  }
  body.login-pro.vt-login-v123 .avatar-card p{
    font-size:13px!important;
    margin:0 56px 13px 0!important;
  }
  body.login-pro.vt-login-v123 .avatar-close{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    right:14px!important;
    top:14px!important;
    border-radius:15px!important;
  }
  body.login-pro.vt-login-v123 .avatar-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:96px!important;
    gap:9px!important;
    max-height:calc(78dvh - 112px)!important;
    padding:3px 4px 8px 0!important;
  }
  body.login-pro.vt-login-v123 .avatar-choice{
    height:96px!important;
    min-height:96px!important;
    max-height:96px!important;
    border-radius:16px!important;
    padding:6px!important;
  }
  body.login-pro.vt-login-v123 .avatar-choice img{border-radius:12px!important;}
}
@media(max-width:380px){
  body.login-pro.vt-login-v123 .avatar-card{max-height:80dvh!important;padding:15px!important;}
  body.login-pro.vt-login-v123 .avatar-grid{grid-auto-rows:84px!important;gap:8px!important;max-height:calc(80dvh - 104px)!important;}
  body.login-pro.vt-login-v123 .avatar-choice{height:84px!important;min-height:84px!important;max-height:84px!important;}
}

/* v1.25 - Mobil avatar seçim ekranı altın oran / profesyonel denge düzeltmesi
   PC görünümü korunur; sadece 700px altı giriş avatar popup hedeflenir. */
@media (max-width:700px){
  body.login-pro.vt-login-v123 #avatarModal.avatar-modal:not(.hidden){
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:calc(14px + env(safe-area-inset-top)) 12px calc(14px + env(safe-area-inset-bottom))!important;
    background:rgba(2,6,23,.78)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    overflow:hidden!important;
    z-index:2147483647!important;
  }
  body.login-pro.vt-login-v123 #avatarModal.avatar-modal.hidden{display:none!important;}
  body.login-pro.vt-login-v123 #avatarModal .avatar-card{
    position:relative!important;
    width:min(94vw,430px)!important;
    max-width:min(94vw,430px)!important;
    height:auto!important;
    max-height:min(82dvh,620px)!important;
    margin:0 auto!important;
    padding:0!important;
    border-radius:28px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,rgba(17,24,39,.98),rgba(8,13,26,.98))!important;
    border:1px solid rgba(148,163,184,.24)!important;
    box-shadow:0 28px 90px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.06)!important;
    transform:none!important;
  }
  body.login-pro.vt-login-v123 #avatarModal .avatar-card h2{
    position:sticky!important;
    top:0!important;
    z-index:3!important;
    min-height:70px!important;
    display:flex!important;
    align-items:flex-end!important;
    margin:0!important;
    padding:18px 72px 4px 18px!important;
    font-size:25px!important;
    line-height:1.05!important;
    letter-spacing:-.03em!important;
    background:linear-gradient(180deg,rgba(17,24,39,.98),rgba(17,24,39,.92))!important;
  }
  body.login-pro.vt-login-v123 #avatarModal .avatar-card p{
    position:sticky!important;
    top:70px!important;
    z-index:3!important;
    margin:0!important;
    padding:0 72px 14px 18px!important;
    font-size:13.5px!important;
    line-height:1.35!important;
    color:#cbd5e1!important;
    background:linear-gradient(180deg,rgba(17,24,39,.92),rgba(15,23,42,.88))!important;
    border-bottom:1px solid rgba(148,163,184,.16)!important;
  }
  body.login-pro.vt-login-v123 #avatarModal .avatar-close{
    position:absolute!important;
    right:14px!important;
    top:14px!important;
    z-index:5!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border-radius:16px!important;
    background:rgba(51,65,85,.92)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 12px 32px rgba(0,0,0,.32)!important;
    font-size:27px!important;
    line-height:1!important;
  }
  body.login-pro.vt-login-v123 #avatarModal .avatar-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:auto!important;
    gap:10px!important;
    width:100%!important;
    max-height:calc(min(82dvh,620px) - 122px)!important;
    padding:14px 14px 18px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    box-sizing:border-box!important;
  }
  body.login-pro.vt-login-v123 #avatarModal .avatar-choice{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1/1!important;
    border-radius:18px!important;
    padding:7px!important;
    background:linear-gradient(180deg,rgba(30,41,59,.88),rgba(15,23,42,.96))!important;
    border:1px solid rgba(148,163,184,.22)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  body.login-pro.vt-login-v123 #avatarModal .avatar-choice img{
    width:100%!important;
    height:100%!important;
    border-radius:14px!important;
    object-fit:cover!important;
  }
  body.login-pro.vt-login-v123 #avatarModal .avatar-choice img[src$='.svg']{
    object-fit:contain!important;
    padding:9px!important;
    box-sizing:border-box!important;
  }
}
@media (max-width:380px){
  body.login-pro.vt-login-v123 #avatarModal .avatar-card{width:94vw!important;max-height:84dvh!important;border-radius:24px!important;}
  body.login-pro.vt-login-v123 #avatarModal .avatar-card h2{min-height:64px!important;font-size:23px!important;padding-left:15px!important;}
  body.login-pro.vt-login-v123 #avatarModal .avatar-card p{top:64px!important;font-size:12.5px!important;padding-left:15px!important;padding-bottom:12px!important;}
  body.login-pro.vt-login-v123 #avatarModal .avatar-grid{gap:8px!important;padding:12px!important;max-height:calc(84dvh - 112px)!important;}
  body.login-pro.vt-login-v123 #avatarModal .avatar-choice{border-radius:15px!important;padding:6px!important;}
}

/* v1.26 - Login input autofill/autocomplete white background fix (PC + mobile) */
body.login-pro .input-icon input,
body.login-pro .join-form input,
body.login-pro input[name="username"],
body.login-pro input[name="password"]{
  background:transparent!important;
  color:#fff!important;
  caret-color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
}
body.login-pro .input-icon input:-webkit-autofill,
body.login-pro .input-icon input:-webkit-autofill:hover,
body.login-pro .input-icon input:-webkit-autofill:focus,
body.login-pro .input-icon input:-webkit-autofill:active,
body.login-pro input[name="username"]:-webkit-autofill,
body.login-pro input[name="password"]:-webkit-autofill{
  -webkit-text-fill-color:#fff!important;
  caret-color:#fff!important;
  box-shadow:0 0 0 1000px rgba(17,24,39,.98) inset!important;
  -webkit-box-shadow:0 0 0 1000px rgba(17,24,39,.98) inset!important;
  border-radius:0 18px 18px 0!important;
  transition:background-color 9999s ease-in-out 0s!important;
}
body.login-pro .input-icon:focus-within{
  border-color:rgba(96,165,250,.75)!important;
  box-shadow:0 0 0 4px rgba(96,165,250,.16)!important;
}

/* v1.28 - DÜZELTME: v1.26 giriş/üyelik paneli korunarak sadece mobil avatar popup toparlandı */
@media (max-width:700px){
  body.login-pro.vt-login-v123 #avatarModal.avatar-modal:not(.hidden){
    position:fixed!important; inset:0!important; width:100vw!important; height:100dvh!important;
    display:flex!important; align-items:center!important; justify-content:center!important;
    padding:14px 12px!important; margin:0!important; overflow:hidden!important;
    background:rgba(2,6,23,.82)!important; z-index:2147483647!important;
    backdrop-filter:blur(12px)!important; -webkit-backdrop-filter:blur(12px)!important;
  }
  body.login-pro.vt-login-v123 #avatarModal.avatar-modal.hidden{display:none!important;}
  body.login-pro.vt-login-v123 #avatarModal .avatar-card{
    position:relative!important; display:flex!important; flex-direction:column!important;
    width:min(92vw,420px)!important; max-width:min(92vw,420px)!important;
    height:auto!important; max-height:82dvh!important; margin:0 auto!important;
    padding:0!important; overflow:hidden!important; border-radius:26px!important;
    transform:none!important; box-sizing:border-box!important;
    background:linear-gradient(180deg,rgba(17,24,39,.98),rgba(7,12,24,.99))!important;
    border:1px solid rgba(148,163,184,.26)!important;
    box-shadow:0 28px 90px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
  body.login-pro.vt-login-v123 #avatarModal .avatar-card h2{
    flex:0 0 auto!important; position:static!important; margin:0!important;
    padding:18px 70px 4px 18px!important; min-height:auto!important;
    font-size:24px!important; line-height:1.08!important; letter-spacing:-.03em!important;
    color:#fff!important; background:transparent!important;
  }
  body.login-pro.vt-login-v123 #avatarModal .avatar-card p{
    flex:0 0 auto!important; position:static!important; margin:0!important;
    padding:0 70px 14px 18px!important; font-size:13px!important; line-height:1.35!important;
    color:#cbd5e1!important; background:transparent!important;
    border-bottom:1px solid rgba(148,163,184,.16)!important;
  }
  body.login-pro.vt-login-v123 #avatarModal .avatar-close{
    position:absolute!important; top:14px!important; right:14px!important; z-index:4!important;
    width:44px!important; height:44px!important; min-width:44px!important;
    border-radius:15px!important; display:grid!important; place-items:center!important;
    background:rgba(51,65,85,.92)!important; border:1px solid rgba(255,255,255,.10)!important;
    color:#fff!important; font-size:28px!important; line-height:1!important; font-weight:900!important;
    box-shadow:none!important; transform:none!important;
  }
  body.login-pro.vt-login-v123 #avatarModal .avatar-grid{
    flex:1 1 auto!important; min-height:0!important; width:100%!important; height:auto!important;
    max-height:none!important; overflow-y:auto!important; overflow-x:hidden!important;
    display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:auto!important; gap:10px!important; padding:14px!important;
    align-items:start!important; align-content:start!important; box-sizing:border-box!important;
    -webkit-overflow-scrolling:touch!important; overscroll-behavior:contain!important;
  }
  body.login-pro.vt-login-v123 #avatarModal .avatar-choice{
    position:relative!important; width:100%!important; height:auto!important;
    min-width:0!important; min-height:0!important; max-height:none!important;
    aspect-ratio:1/1!important; padding:7px!important; margin:0!important;
    border-radius:17px!important; display:flex!important; align-items:center!important; justify-content:center!important;
    background:linear-gradient(180deg,rgba(30,41,59,.88),rgba(15,23,42,.96))!important;
    border:1px solid rgba(148,163,184,.22)!important; overflow:hidden!important; transform:none!important;
  }
  body.login-pro.vt-login-v123 #avatarModal .avatar-choice img{
    position:static!important; display:block!important; width:100%!important; height:100%!important;
    border-radius:13px!important; object-fit:cover!important; padding:0!important; margin:0!important; transform:none!important;
  }
  body.login-pro.vt-login-v123 #avatarModal .avatar-choice img[src$='.svg']{
    object-fit:contain!important; padding:8px!important; box-sizing:border-box!important;
  }
}
@media (max-width:380px){
  body.login-pro.vt-login-v123 #avatarModal .avatar-card{width:94vw!important;max-height:84dvh!important;border-radius:24px!important;}
  body.login-pro.vt-login-v123 #avatarModal .avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:12px!important;}
  body.login-pro.vt-login-v123 #avatarModal .avatar-choice{padding:6px!important;border-radius:15px!important;}
}

/* v1.29 - Mobil avatar seçim ekranı kesin düzeltme: üst üste binme yok, sabit satır yüksekliği */
@media (max-width:700px){
  body.login-pro #avatarModal.avatar-modal:not(.hidden){
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:12px!important;
    margin:0!important;
    overflow:hidden!important;
    z-index:2147483647!important;
    background:rgba(2,6,23,.84)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }
  body.login-pro #avatarModal.avatar-modal.hidden{display:none!important;}
  body.login-pro #avatarModal .avatar-card{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    width:min(92vw,430px)!important;
    max-width:min(92vw,430px)!important;
    height:82dvh!important;
    max-height:82dvh!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:26px!important;
    box-sizing:border-box!important;
    background:linear-gradient(180deg,rgba(17,24,39,.98),rgba(7,12,24,.99))!important;
    border:1px solid rgba(148,163,184,.28)!important;
    box-shadow:0 28px 90px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
  body.login-pro #avatarModal .avatar-card h2{
    flex:0 0 auto!important;
    position:relative!important;
    margin:0!important;
    padding:18px 70px 4px 18px!important;
    min-height:0!important;
    font-size:24px!important;
    line-height:1.1!important;
    color:#fff!important;
    background:transparent!important;
  }
  body.login-pro #avatarModal .avatar-card p{
    flex:0 0 auto!important;
    position:relative!important;
    margin:0!important;
    padding:0 70px 14px 18px!important;
    font-size:13px!important;
    line-height:1.35!important;
    color:#cbd5e1!important;
    background:transparent!important;
    border-bottom:1px solid rgba(148,163,184,.16)!important;
  }
  body.login-pro #avatarModal .avatar-close{
    position:absolute!important;
    top:14px!important;
    right:14px!important;
    z-index:10!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    border-radius:15px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    margin:0!important;
    background:rgba(51,65,85,.95)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    color:#fff!important;
    font-size:28px!important;
    line-height:1!important;
    font-weight:900!important;
    transform:none!important;
  }
  body.login-pro #avatarModal .avatar-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    width:100%!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:96px!important;
    gap:10px!important;
    align-items:start!important;
    align-content:start!important;
    justify-items:stretch!important;
    padding:14px!important;
    box-sizing:border-box!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }
  body.login-pro #avatarModal .avatar-choice{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:96px!important;
    min-width:0!important;
    min-height:96px!important;
    max-height:96px!important;
    aspect-ratio:auto!important;
    padding:6px!important;
    margin:0!important;
    float:none!important;
    inset:auto!important;
    border-radius:16px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    transform:none!important;
    background:linear-gradient(180deg,rgba(30,41,59,.90),rgba(15,23,42,.97))!important;
    border:1px solid rgba(148,163,184,.24)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  body.login-pro #avatarModal .avatar-choice img{
    position:static!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:cover!important;
    border-radius:12px!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  body.login-pro #avatarModal .avatar-choice img[src$='.svg']{
    object-fit:contain!important;
    padding:8px!important;
    background:rgba(255,255,255,.03)!important;
  }
}
@media (max-width:380px){
  body.login-pro #avatarModal .avatar-card{width:94vw!important;height:84dvh!important;max-height:84dvh!important;border-radius:24px!important;}
  body.login-pro #avatarModal .avatar-grid{grid-auto-rows:86px!important;gap:8px!important;padding:12px!important;}
  body.login-pro #avatarModal .avatar-choice{height:86px!important;min-height:86px!important;max-height:86px!important;border-radius:14px!important;padding:5px!important;}
}

/* v1.30 - Kesin mobil avatar düzeltmesi + cache sürüm yenileme
   Grid çakışmalarını tamamen bypass eder: mobilde flex satır sistemi kullanır. */
@media (max-width:700px){
  html body.login-pro.vt-login-v123 #avatarModal.avatar-modal:not(.hidden){
    position:fixed!important; inset:0!important; width:100vw!important; height:100dvh!important;
    display:flex!important; align-items:center!important; justify-content:center!important;
    padding:12px!important; margin:0!important; overflow:hidden!important;
    background:rgba(2,6,23,.86)!important; z-index:2147483647!important;
    backdrop-filter:blur(12px)!important; -webkit-backdrop-filter:blur(12px)!important;
  }
  html body.login-pro.vt-login-v123 #avatarModal.avatar-modal.hidden{display:none!important;}
  html body.login-pro.vt-login-v123 #avatarModal .avatar-card{
    position:relative!important; display:flex!important; flex-direction:column!important;
    width:min(94vw,430px)!important; max-width:min(94vw,430px)!important;
    height:82dvh!important; max-height:82dvh!important; min-height:0!important;
    padding:0!important; margin:0!important; overflow:hidden!important;
    border-radius:26px!important; box-sizing:border-box!important;
    background:linear-gradient(180deg,rgba(17,24,39,.98),rgba(7,12,24,.99))!important;
    border:1px solid rgba(148,163,184,.28)!important;
    box-shadow:0 28px 90px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
  html body.login-pro.vt-login-v123 #avatarModal .avatar-card h2{
    flex:0 0 auto!important; margin:0!important; padding:18px 70px 4px 18px!important;
    font-size:24px!important; line-height:1.08!important; color:#fff!important; background:transparent!important;
    position:relative!important; top:auto!important; min-height:0!important; z-index:2!important;
  }
  html body.login-pro.vt-login-v123 #avatarModal .avatar-card p{
    flex:0 0 auto!important; margin:0!important; padding:0 70px 14px 18px!important;
    font-size:13px!important; line-height:1.35!important; color:#cbd5e1!important;
    background:transparent!important; border-bottom:1px solid rgba(148,163,184,.16)!important;
    position:relative!important; top:auto!important; z-index:2!important;
  }
  html body.login-pro.vt-login-v123 #avatarModal .avatar-close{
    position:absolute!important; top:14px!important; right:14px!important; z-index:10!important;
    width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important;
    display:grid!important; place-items:center!important; padding:0!important; margin:0!important;
    border-radius:15px!important; background:rgba(51,65,85,.95)!important;
    border:1px solid rgba(255,255,255,.10)!important; color:#fff!important;
    font-size:28px!important; line-height:1!important; font-weight:900!important; transform:none!important;
  }
  html body.login-pro.vt-login-v123 #avatarModal .avatar-grid{
    flex:1 1 auto!important; min-height:0!important; width:100%!important; height:auto!important;
    display:flex!important; flex-wrap:wrap!important; align-content:flex-start!important; align-items:flex-start!important;
    gap:10px!important; padding:14px!important; box-sizing:border-box!important;
    overflow-y:auto!important; overflow-x:hidden!important; max-height:none!important;
    -webkit-overflow-scrolling:touch!important; overscroll-behavior:contain!important;
  }
  html body.login-pro.vt-login-v123 #avatarModal .avatar-choice{
    flex:0 0 calc((100% - 20px) / 3)!important; width:calc((100% - 20px) / 3)!important;
    height:98px!important; min-height:98px!important; max-height:98px!important;
    display:flex!important; align-items:center!important; justify-content:center!important;
    position:relative!important; inset:auto!important; float:none!important;
    padding:6px!important; margin:0!important; box-sizing:border-box!important;
    border-radius:16px!important; overflow:hidden!important; transform:none!important;
    background:linear-gradient(180deg,rgba(30,41,59,.90),rgba(15,23,42,.97))!important;
    border:1px solid rgba(148,163,184,.24)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  html body.login-pro.vt-login-v123 #avatarModal .avatar-choice img{
    position:static!important; display:block!important; width:100%!important; height:100%!important;
    max-width:100%!important; max-height:100%!important; object-fit:cover!important;
    border-radius:12px!important; padding:0!important; margin:0!important; transform:none!important; box-sizing:border-box!important;
  }
  html body.login-pro.vt-login-v123 #avatarModal .avatar-choice img[src$='.svg']{
    object-fit:contain!important; padding:8px!important; background:rgba(255,255,255,.03)!important;
  }
}
@media (max-width:380px){
  html body.login-pro.vt-login-v123 #avatarModal .avatar-card{width:94vw!important;height:84dvh!important;max-height:84dvh!important;border-radius:24px!important;}
  html body.login-pro.vt-login-v123 #avatarModal .avatar-grid{gap:8px!important;padding:12px!important;}
  html body.login-pro.vt-login-v123 #avatarModal .avatar-choice{flex-basis:calc((100% - 16px) / 3)!important;width:calc((100% - 16px) / 3)!important;height:88px!important;min-height:88px!important;max-height:88px!important;border-radius:14px!important;padding:5px!important;}
}

/* v1.36 - Online üye kartı 7+ kişi sıkışma final düzeltme
   Sadece oda içindeki kullanıcı kartı/listesi yerleşimini etkiler. Chat, LiveKit, bot, ses/kamera JS akışına dokunmaz. */
body.room-v8 aside#userDrawer.user-drawer,
body.room-v8 .user-drawer{
  min-width:0!important;
  overflow-x:hidden!important;
}
body.room-v8 #users.user-list,
body.room-v8 .user-list{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable!important;
  padding:8px 8px 18px 0!important;
  box-sizing:border-box!important;
}
body.room-v8 #users.user-list .user-row.vt-user-card,
body.room-v8 .user-list .user-row.vt-user-card{
  flex:0 0 auto!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:96px!important;
  margin:0!important;
  padding:12px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  column-gap:12px!important;
  row-gap:0!important;
  border-radius:20px!important;
  overflow:hidden!important;
}
body.room-v8 #users.user-list .user-row.vt-user-card .vt-avatar-btn,
body.room-v8 #users.user-list .user-row.vt-user-card .vt-avatar-btn .vt-member-avatar,
body.room-v8 #users.user-list .user-row.vt-user-card > img.vt-member-avatar,
body.room-v8 .user-list .user-row.vt-user-card .vt-avatar-btn,
body.room-v8 .user-list .user-row.vt-user-card .vt-avatar-btn .vt-member-avatar,
body.room-v8 .user-list .user-row.vt-user-card > img.vt-member-avatar{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  flex:0 0 64px!important;
  border-radius:16px!important;
  object-fit:cover!important;
  display:block!important;
}
body.room-v8 #users.user-list .user-row.vt-user-card .vt-user-main,
body.room-v8 .user-list .user-row.vt-user-card .vt-user-main{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  gap:7px!important;
  overflow:hidden!important;
}
body.room-v8 #users.user-list .user-row.vt-user-card .vt-user-info,
body.room-v8 .user-list .user-row.vt-user-card .vt-user-info{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
body.room-v8 #users.user-list .user-row.vt-user-card .vt-user-info b,
body.room-v8 .user-list .user-row.vt-user-card .vt-user-info b{
  font-size:21px!important;
  line-height:1.05!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.room-v8 #users.user-list .user-row.vt-user-card .vt-user-info small,
body.room-v8 .user-list .user-row.vt-user-card .vt-user-info small{
  font-size:14px!important;
  line-height:1.05!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.room-v8 #users.user-list .user-row.vt-user-card .vt-user-icons,
body.room-v8 .user-list .user-row.vt-user-card .vt-user-icons{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  flex-wrap:nowrap!important;
  overflow:hidden!important;
  margin:0!important;
}
body.room-v8 #users.user-list .user-row.vt-user-card .vt-state,
body.room-v8 .user-list .user-row.vt-user-card .vt-state{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  flex:0 0 30px!important;
  border-radius:10px!important;
  font-size:14px!important;
  padding:0!important;
}
body.room-v8 #users.vt-users-compact-mode .user-row.vt-user-card,
body.room-v8 #users.vt-users-ultra-compact-mode .user-row.vt-user-card{
  min-height:90px!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  padding:10px!important;
}
body.room-v8 #users.vt-users-compact-mode .user-row.vt-user-card .vt-avatar-btn,
body.room-v8 #users.vt-users-compact-mode .user-row.vt-user-card .vt-member-avatar,
body.room-v8 #users.vt-users-ultra-compact-mode .user-row.vt-user-card .vt-avatar-btn,
body.room-v8 #users.vt-users-ultra-compact-mode .user-row.vt-user-card .vt-member-avatar{
  width:58px!important;height:58px!important;min-width:58px!important;max-width:58px!important;
}
@media (min-width:841px){
  body.room-v8 #users.user-list .user-row.vt-user-card,
  body.room-v8 .user-list .user-row.vt-user-card{
    min-height:96px!important;
    grid-template-columns:64px minmax(0,1fr)!important;
  }
}
@media (max-width:840px){
  body.room-v8 #users.user-list,
  body.room-v8 .user-list{
    gap:10px!important;
    padding:8px 8px 22px!important;
    scrollbar-gutter:auto!important;
  }
  body.room-v8 #users.user-list .user-row.vt-user-card,
  body.room-v8 .user-list .user-row.vt-user-card{
    min-height:92px!important;
    grid-template-columns:56px minmax(0,1fr)!important;
    padding:10px!important;
    border-radius:18px!important;
  }
  body.room-v8 #users.user-list .user-row.vt-user-card .vt-avatar-btn,
  body.room-v8 #users.user-list .user-row.vt-user-card .vt-avatar-btn .vt-member-avatar,
  body.room-v8 .user-list .user-row.vt-user-card .vt-avatar-btn,
  body.room-v8 .user-list .user-row.vt-user-card .vt-avatar-btn .vt-member-avatar{
    width:56px!important;height:78px!important;min-width:56px!important;max-width:56px!important;border-radius:15px!important;
  }
  body.room-v8 #users.user-list .user-row.vt-user-card .vt-user-info b,
  body.room-v8 .user-list .user-row.vt-user-card .vt-user-info b{font-size:19px!important;}
  body.room-v8 #users.user-list .user-row.vt-user-card .vt-user-info small,
  body.room-v8 .user-list .user-row.vt-user-card .vt-user-info small{font-size:13px!important;}
  body.room-v8 #users.user-list .user-row.vt-user-card .vt-state,
  body.room-v8 .user-list .user-row.vt-user-card .vt-state{
    width:29px!important;height:29px!important;min-width:29px!important;max-width:29px!important;flex-basis:29px!important;
  }
}
@media (max-width:390px){
  body.room-v8 #users.user-list .user-row.vt-user-card,
  body.room-v8 .user-list .user-row.vt-user-card{
    min-height:86px!important;
    grid-template-columns:50px minmax(0,1fr)!important;
    gap:8px!important;
    padding:9px!important;
  }
  body.room-v8 #users.user-list .user-row.vt-user-card .vt-avatar-btn,
  body.room-v8 #users.user-list .user-row.vt-user-card .vt-avatar-btn .vt-member-avatar,
  body.room-v8 .user-list .user-row.vt-user-card .vt-avatar-btn,
  body.room-v8 .user-list .user-row.vt-user-card .vt-avatar-btn .vt-member-avatar{
    width:50px!important;height:50px!important;min-width:50px!important;max-width:50px!important;border-radius:14px!important;
  }
  body.room-v8 #users.user-list .user-row.vt-user-card .vt-user-info b,
  body.room-v8 .user-list .user-row.vt-user-card .vt-user-info b{font-size:17px!important;}
  body.room-v8 #users.user-list .user-row.vt-user-card .vt-user-icons,
  body.room-v8 .user-list .user-row.vt-user-card .vt-user-icons{gap:4px!important;}
  body.room-v8 #users.user-list .user-row.vt-user-card .vt-state,
  body.room-v8 .user-list .user-row.vt-user-card .vt-state{
    width:27px!important;height:27px!important;min-width:27px!important;max-width:27px!important;flex-basis:27px!important;
  }
}

/* v1.70 - Chat Güvenliği admin modern kart düzeni */
.vt-chat-security-page .vt-sec-subtitle{margin-top:22px!important;border-top:1px solid #eef2f7;padding-top:18px!important}
.vt-chat-security-page .vt-sec-master-grid{margin-bottom:18px!important}
.vt-chat-security-page .vt-switch-card.primary{background:linear-gradient(135deg,#eff6ff,#f5f3ff)!important;border-color:#bfdbfe!important}
.vt-chat-security-page .vt-limit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:10px 0 4px}
.vt-chat-security-page .vt-limit-card{border:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fafc);border-radius:22px;padding:15px;box-shadow:0 12px 28px rgba(15,23,42,.055)}
.vt-chat-security-page .vt-limit-card-head{display:flex;flex-direction:column;gap:5px;margin-bottom:13px;padding-bottom:11px;border-bottom:1px solid #edf2f7}
.vt-chat-security-page .vt-limit-card-head strong{font-size:16px;color:#0f172a;font-weight:950;letter-spacing:-.02em}
.vt-chat-security-page .vt-limit-card-head small{font-size:12px;line-height:1.35;color:#64748b;font-weight:800}
.vt-chat-security-page .vt-limit-card label{display:block;background:#fff;border:1px solid #e6edf7;border-radius:15px;padding:10px;margin-top:9px;color:#334155!important;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.035em}
.vt-chat-security-page .vt-limit-card label small{color:#94a3b8;text-transform:none;letter-spacing:0;font-size:11px}
.vt-chat-security-page .vt-limit-card input{margin-top:7px!important;background:#f8fafc!important;border-radius:12px!important;padding:11px 12px!important;font-size:15px!important;color:#0f172a!important}
.vt-chat-security-page .vt-danger-wide{width:100%;margin-top:16px;border:0;border-radius:16px;padding:14px 18px;background:#ef4444;color:#fff;font-weight:950;cursor:pointer;box-shadow:0 12px 26px rgba(239,68,68,.18)}
.vt-chat-security-page .vt-sec-card-title{gap:12px}
.vt-chat-security-page .vt-sec-card-title>div{min-width:0}
.vt-chat-security-page .vt-sec-card-title span{flex:0 0 38px}
@media(max-width:1180px){.vt-chat-security-page .vt-limit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.vt-chat-security-page .vt-limit-grid{grid-template-columns:1fr}.vt-chat-security-page .vt-sec-card{border-radius:20px!important}.vt-chat-security-page .vt-sec-card-title{margin-bottom:12px!important}.vt-chat-security-page .vt-sec-card-title h2{font-size:20px!important}.vt-chat-security-page .vt-limit-card{border-radius:20px;padding:13px}.vt-chat-security-page .vt-sec-primary{position:sticky;bottom:10px;z-index:4}}

/* v1.71 - Chat Güvenliği admin switch + mobil/PC ayar çalışma düzeltmesi */
.vt-chat-security-page .vt-switch-card{cursor:pointer!important;user-select:none!important;}
.vt-chat-security-page .vt-switch-card input[type="checkbox"]{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important;}
.vt-chat-security-page .vt-switch-card .vt-switch-ui{grid-area:check!important;position:relative!important;display:block!important;width:54px!important;height:30px!important;border-radius:999px!important;background:#cbd5e1!important;box-shadow:inset 0 2px 6px rgba(15,23,42,.16)!important;transition:.18s ease!important;margin-top:0!important;flex:0 0 54px!important;}
.vt-chat-security-page .vt-switch-card .vt-switch-ui:before{content:"";position:absolute;left:4px;top:4px;width:22px;height:22px;border-radius:999px;background:#fff;box-shadow:0 4px 10px rgba(15,23,42,.22);transition:.18s ease;}
.vt-chat-security-page .vt-switch-card input[type="checkbox"]:checked + .vt-switch-ui{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;}
.vt-chat-security-page .vt-switch-card input[type="checkbox"]:checked + .vt-switch-ui:before{transform:translateX(24px)!important;}
.vt-chat-security-page .vt-switch-card:has(input[type="checkbox"]:checked){border-color:rgba(37,99,235,.45)!important;background:#f4f8ff!important;}
@media(max-width:720px){.vt-chat-security-page .vt-switch-card .vt-switch-ui{width:50px!important;height:28px!important}.vt-chat-security-page .vt-switch-card .vt-switch-ui:before{width:20px;height:20px}.vt-chat-security-page .vt-switch-card input[type="checkbox"]:checked + .vt-switch-ui:before{transform:translateX(22px)!important}}

/* v1.83 - Chat scroll stabilizasyonu: yazı/emoji/animasyon eklenince PC ve mobilde aşağı konum korunur */
.chat-stream{
  overflow-anchor: none;
  overscroll-behavior: contain;
}
.chat-bubble img{
  display:block;
}

/* v1.86 - Canlı Oda/Kullanıcı Yönetimi UX + oda chat temizleme */
body.room-v8 #vtShieldLiveModal .vt-shield-card{
  padding-top:22px!important;
}
body.room-v8 #vtShieldLiveModal .vt-shield-head{
  padding-right:70px!important;
  margin-bottom:12px!important;
}
body.room-v8 #vtShieldLiveModal .vt-shield-head > button[data-vt-shield-refresh]{
  position:static!important;
  right:auto!important;
  top:auto!important;
}
body.room-v8 #vtShieldLiveModal .vt-shield-tools{
  align-items:stretch!important;
}
body.room-v8 #vtShieldLiveModal .vt-shield-tools button[data-vt-shield-refresh]{
  background:linear-gradient(135deg,rgba(37,99,235,.72),rgba(124,58,237,.72))!important;
  border-color:rgba(147,197,253,.38)!important;
}
body.room-v8 #vtShieldLiveModal .vt-shield-room-head{
  cursor:default!important;
  padding:12px 16px!important;
}
body.room-v8 #vtShieldLiveModal .vt-shield-room-toggle{
  flex:1 1 auto!important;
  min-width:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  padding:0!important;
  text-align:left!important;
  cursor:pointer!important;
}
body.room-v8 #vtShieldLiveModal .vt-shield-room-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex:0 0 auto!important;
}
body.room-v8 #vtShieldLiveModal .vt-clear-room-chat{
  min-height:38px!important;
  border-radius:999px!important;
  padding:0 14px!important;
  border:1px solid rgba(251,191,36,.38)!important;
  background:linear-gradient(135deg,rgba(245,158,11,.20),rgba(239,68,68,.18))!important;
  color:#fde68a!important;
  font-weight:1000!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
body.room-v8 #vtShieldLiveModal .vt-clear-room-chat:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(251,191,36,.70)!important;
}
@media(max-width:900px){
  body.room-v8 #vtShieldLiveModal .vt-shield-head{padding-right:56px!important;}
  body.room-v8 #vtShieldLiveModal .vt-shield-room-head{align-items:flex-start!important;}
  body.room-v8 #vtShieldLiveModal .vt-shield-room-actions{flex-direction:column!important;align-items:flex-end!important;gap:8px!important;}
  body.room-v8 #vtShieldLiveModal .vt-clear-room-chat{min-height:34px!important;padding:0 12px!important;font-size:12px!important;}
}
@media(max-width:520px){
  body.room-v8 #vtShieldLiveModal .vt-shield-room-head{gap:8px!important;}
  body.room-v8 #vtShieldLiveModal .vt-clear-room-chat{font-size:0!important;width:42px!important;min-width:42px!important;padding:0!important;}
  body.room-v8 #vtShieldLiveModal .vt-clear-room-chat::before{content:'🧹';font-size:17px!important;}
}


/* v1.89 - Gizli giriş paneli */
.vt-ghost-login-modal.hidden{display:none!important}.vt-ghost-login-modal{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:center;justify-content:center;padding:22px}.vt-ghost-backdrop{position:absolute;inset:0;background:radial-gradient(circle at top,rgba(124,58,237,.28),transparent 34%),rgba(2,6,23,.82);backdrop-filter:blur(12px)}.vt-ghost-card{position:relative;width:min(620px,96vw);border:1px solid rgba(168,85,247,.42);border-radius:30px;background:linear-gradient(145deg,rgba(15,23,42,.99),rgba(24,18,52,.98));box-shadow:0 34px 100px rgba(0,0,0,.62);padding:26px;color:#fff;overflow:hidden}.vt-ghost-card:before{content:'';position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#22c55e,#06b6d4,#8b5cf6)}.vt-ghost-head b{display:block;font-size:32px;font-weight:1000;letter-spacing:-.5px}.vt-ghost-head small{display:block;color:#cbd5e1;margin-top:7px;font-weight:700}.vt-ghost-user{margin:20px 0;padding:17px;border-radius:22px;background:rgba(15,23,42,.76);border:1px solid rgba(148,163,184,.22);display:flex;align-items:center;justify-content:space-between;gap:14px}.vt-ghost-user strong{font-size:24px;line-height:1.1}.vt-ghost-user span{color:#d8b4fe;font-weight:1000;background:rgba(124,58,237,.16);border:1px solid rgba(216,180,254,.22);border-radius:999px;padding:8px 12px;white-space:nowrap}.vt-ghost-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vt-ghost-btn{border:0;border-radius:20px;padding:18px 14px;font-weight:1000;font-size:18px;cursor:pointer;color:#fff;min-height:76px;box-shadow:0 14px 34px rgba(0,0,0,.32)}.vt-ghost-btn.primary{background:linear-gradient(135deg,#16a34a,#0891b2)}.vt-ghost-btn.ghost{background:linear-gradient(135deg,#7c3aed,#312e81);border:1px solid rgba(216,180,254,.45)}.vt-ghost-btn:disabled{opacity:.6;cursor:wait}.vt-ghost-note{color:#cbd5e1;font-size:14px;margin:17px 2px 0;line-height:1.55;font-weight:700}body.vt-ghost-prompt-open{overflow:hidden!important}body.vt-ghost-mode .message-strip,body.vt-ghost-mode #emojiBox,body.vt-ghost-mode #animBox{filter:grayscale(.3);opacity:.72}body.vt-ghost-mode .vt-ghost-disabled{cursor:not-allowed!important;opacity:.55!important}#statusMenu button[data-ghost-mode]{border-color:rgba(168,85,247,.65);background:rgba(88,28,135,.35)}@media(max-width:640px){.vt-ghost-login-modal{align-items:flex-end;padding:12px}.vt-ghost-card{width:100%;padding:22px 18px 20px;border-radius:26px 26px 18px 18px}.vt-ghost-actions{grid-template-columns:1fr}.vt-ghost-head b{font-size:27px}.vt-ghost-user{align-items:flex-start;flex-direction:column}.vt-ghost-user strong{font-size:22px}.vt-ghost-btn{min-height:64px;font-size:17px}}

/* v1.92 - Gizli giriş seçim popup tıklama düzeltmesi */
.vt-ghost-login-modal{pointer-events:auto!important;}
.vt-ghost-backdrop{z-index:1;pointer-events:none!important;}
.vt-ghost-card{z-index:2;pointer-events:auto!important;}
.vt-ghost-actions,.vt-ghost-btn{position:relative;z-index:3;pointer-events:auto!important;touch-action:manipulation;user-select:none;-webkit-user-select:none;}

/* v1.96 - Gizli mod sol alt durum görünümü */
.left-brand .online-box.vt-ghost-online-box,
#leftBrandBox .online-box.vt-ghost-online-box{
  background:linear-gradient(145deg,rgba(124,58,237,.25),rgba(15,23,42,.65))!important;
  border-color:rgba(168,85,247,.55)!important;
}
.left-brand .online-box .vt-ghost-status-label,
#leftBrandBox .online-box .vt-ghost-status-label{
  color:#e9d5ff!important;
}
.left-brand .online-box .vt-ghost-eye,
#leftBrandBox .online-box .vt-ghost-eye,
#statusBtn .vt-status-ghost-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  font-size:16px!important;
  line-height:1!important;
}


/* v1.97 - Gizli mod kendi kartı: kart yapısı bozulmadan hayalet görünüm */
.user-row.vt-user-card.vt-ghost-user-card{
  opacity:.58!important;
  filter:saturate(.45) brightness(.88)!important;
  border-color:rgba(148,163,184,.42)!important;
  background:linear-gradient(135deg,rgba(15,23,42,.62),rgba(76,29,149,.26))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.18)!important;
}
.user-row.vt-user-card.vt-ghost-user-card::after{
  content:'Gizli';
  position:absolute;
  right:12px;
  top:8px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
  color:rgba(226,232,240,.88);
  background:rgba(15,23,42,.72);
  border:1px solid rgba(148,163,184,.35);
  border-radius:999px;
  padding:3px 7px;
  pointer-events:none;
}
.user-row.vt-user-card.vt-ghost-user-card .vt-member-avatar{
  opacity:.72!important;
  filter:grayscale(.35) saturate(.55)!important;
}
.user-row.vt-user-card.vt-ghost-user-card .vt-user-info b,
.user-row.vt-user-card.vt-ghost-user-card .vt-user-info small{
  opacity:.78!important;
}
.user-row.vt-user-card.vt-ghost-user-card .vt-state:not(.vt-status-symbol){
  opacity:.38!important;
  filter:grayscale(.75)!important;
}
.user-row.vt-user-card.vt-ghost-user-card:hover{
  transform:none!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.18)!important;
}

/* v1.99 - Canlı yönetimde görünmez kullanıcıları gösterme yetkisi */
.vt-live-user-card.is-ghost-live-user{
  border-color:rgba(168,85,247,.38)!important;
  background:linear-gradient(180deg,rgba(30,27,75,.58),rgba(15,23,42,.48))!important;
  opacity:.78!important;
  filter:saturate(.78)!important;
  box-shadow:0 18px 50px rgba(88,28,135,.14)!important;
}
.vt-live-user-card.is-ghost-live-user .vt-live-user-head img{opacity:.72!important;filter:grayscale(.22)!important;}
.vt-live-user-card.is-ghost-live-user .vt-live-user-head b:before{content:'👁️ ';}
.vt-live-user-card.is-ghost-live-user .vt-live-user-head small:after{content:' · Gizli Mod';color:#d8b4fe;font-weight:900;}
.vt-live-pills .vt-ghost-pill,.vt-ghost-count{background:rgba(124,58,237,.18)!important;color:#e9d5ff!important;border:1px solid rgba(216,180,254,.3)!important;border-radius:999px!important;font-weight:900!important;}

/* v2.08 - Admin üyeler listesi performans/sayfalama */
.vt-users-list-head{align-items:flex-start!important;gap:14px!important;flex-wrap:wrap!important}
.vt-users-count{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-weight:900;font-size:13px;padding:8px 12px;white-space:nowrap}
.vt-users-list-card .vt-table-wrap{border-radius:18px;overflow:auto;border:1px solid rgba(226,232,240,.9)}
.vt-users-list-card table tr:nth-child(even) td{background:rgba(248,250,252,.72)}
.vt-users-list-card table tr:hover td{background:#eef6ff!important}
.vt-users-list-card .mini-avatar{box-shadow:0 8px 18px rgba(15,23,42,.10);background:#e2e8f0}
.vt-users-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid #e2e8f0}
.vt-users-pagination a,.vt-users-pagination span{display:inline-flex;align-items:center;justify-content:center;min-height:38px;min-width:38px;border-radius:13px;text-decoration:none;font-weight:900}
.vt-users-pagination>a{padding:0 14px;background:#f8fafc;border:1px solid #dbeafe;color:#1d4ed8}
.vt-page-numbers{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}
.vt-page-numbers a{background:#f8fafc;border:1px solid #e2e8f0;color:#334155}
.vt-page-numbers a.active{background:linear-gradient(135deg,#2563eb,#4f46e5);border-color:#2563eb;color:#fff;box-shadow:0 10px 22px rgba(37,99,235,.22)}
.vt-users-pagination a.disabled{pointer-events:none;opacity:.45;filter:grayscale(.5)}
@media(max-width:720px){.vt-users-count{width:100%;justify-content:flex-start}.vt-users-pagination{justify-content:center}.vt-users-pagination>a{flex:1;min-width:125px}.vt-page-numbers{order:3;width:100%}.vt-users-list-card .btn-small{white-space:nowrap}}


/* v2.15 - Chat logosuna tıklayınca sayfa yenileme hissi */
body.room-v8 .vt-logo-reload{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;}
body.room-v8 .vt-logo-reload:active{transform:scale(.985);}
body.room-v8 .vt-logo-reload:focus-visible{outline:2px solid rgba(56,189,248,.9);outline-offset:4px;}

/* v2.16 - Mobil yatay mod profesyonel dik konum yönlendirmesi */
.vt-portrait-only-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  background:radial-gradient(circle at 50% 42%,rgba(30,41,59,.86),rgba(2,6,23,.98) 58%,#000 100%)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  color:#fff!important;
  text-align:center!important;
  overflow:hidden!important;
}
.vt-mobile-landscape-lock .vt-portrait-only-overlay{display:flex!important;}
.vt-rotate-card{
  width:min(420px,86vw)!important;
  min-height:220px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:22px!important;
  border-radius:34px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:linear-gradient(145deg,rgba(15,23,42,.72),rgba(2,6,23,.56))!important;
  box-shadow:0 34px 110px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.10)!important;
  padding:28px 24px!important;
}
.vt-rotate-card strong{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(22px,4.5vw,34px)!important;
  line-height:1.18!important;
  font-weight:1000!important;
  letter-spacing:-.02em!important;
  color:#fff!important;
  text-shadow:0 10px 34px rgba(0,0,0,.45)!important;
}
.vt-rotate-icon{
  position:relative!important;
  width:190px!important;
  height:150px!important;
  display:grid!important;
  place-items:center!important;
}
.vt-rotate-phone{
  position:relative!important;
  width:74px!important;
  height:122px!important;
  border:4px solid rgba(255,255,255,.92)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(15,23,42,.55),rgba(0,0,0,.78))!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 34px rgba(255,255,255,.22)!important;
  animation:vtPhoneRotateHint 1.85s ease-in-out infinite!important;
}
.vt-rotate-phone:before{
  content:''!important;
  position:absolute!important;
  top:8px!important;
  left:50%!important;
  width:28px!important;
  height:4px!important;
  border-radius:99px!important;
  transform:translateX(-50%)!important;
  background:rgba(255,255,255,.65)!important;
}
.vt-rotate-phone:after{
  content:''!important;
  position:absolute!important;
  bottom:8px!important;
  left:50%!important;
  width:24px!important;
  height:4px!important;
  border-radius:99px!important;
  transform:translateX(-50%)!important;
  background:rgba(255,255,255,.45)!important;
}
.vt-rotate-phone i{
  position:absolute!important;
  inset:18px 7px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(14,165,233,.10),rgba(168,85,247,.10))!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.vt-rotate-arrow{
  position:absolute!important;
  width:58px!important;
  height:92px!important;
  border:4px solid rgba(255,255,255,.82)!important;
  opacity:.92!important;
  filter:drop-shadow(0 0 18px rgba(255,255,255,.20))!important;
  animation:vtArrowPulse 1.85s ease-in-out infinite!important;
}
.vt-rotate-arrow-left{
  left:6px!important;
  top:30px!important;
  border-right:0!important;
  border-top:0!important;
  border-radius:0 0 0 64px!important;
  transform:rotate(-10deg)!important;
}
.vt-rotate-arrow-left:after{
  content:''!important;
  position:absolute!important;
  right:-4px!important;
  bottom:-7px!important;
  width:14px!important;
  height:14px!important;
  border-right:4px solid rgba(255,255,255,.9)!important;
  border-bottom:4px solid rgba(255,255,255,.9)!important;
  transform:rotate(22deg)!important;
}
.vt-rotate-arrow-right{
  right:6px!important;
  top:30px!important;
  border-left:0!important;
  border-bottom:0!important;
  border-radius:0 64px 0 0!important;
  transform:rotate(-10deg)!important;
  animation-delay:.18s!important;
}
.vt-rotate-arrow-right:after{
  content:''!important;
  position:absolute!important;
  left:-6px!important;
  top:-7px!important;
  width:14px!important;
  height:14px!important;
  border-left:4px solid rgba(255,255,255,.9)!important;
  border-top:4px solid rgba(255,255,255,.9)!important;
  transform:rotate(22deg)!important;
}
@keyframes vtPhoneRotateHint{
  0%,100%{transform:rotate(-90deg) scale(.96);opacity:.86;}
  45%,65%{transform:rotate(0deg) scale(1);opacity:1;}
}
@keyframes vtArrowPulse{
  0%,100%{opacity:.32;transform:scale(.94) rotate(-10deg);}
  45%,65%{opacity:.96;transform:scale(1.03) rotate(-10deg);}
}
@media (prefers-reduced-motion: reduce){
  .vt-rotate-phone,.vt-rotate-arrow{animation:none!important;}
}

/* v2.23 - PC/Mobil yeni mesaj rozeti konum düzeltmesi */
html, body{
  overscroll-behavior-y:none;
}
#messages.chat-stream,
section#messages{
  overscroll-behavior:contain;
}
.vt-new-messages-btn{
  position:fixed;
  left:50%;
  bottom:calc(156px + env(safe-area-inset-bottom, 0px));
  transform:translate(-50%,16px) scale(.98);
  z-index:2147483000;
  display:none;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:999px;
  padding:10px 17px;
  min-width:134px;
  background:linear-gradient(135deg, rgba(124,58,237,.96), rgba(37,99,235,.96));
  color:#fff;
  font-weight:950;
  font-size:13px;
  letter-spacing:.01em;
  box-shadow:0 16px 42px rgba(37,99,235,.30), 0 12px 30px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.20);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease, box-shadow .18s ease;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.vt-new-messages-btn:hover{
  box-shadow:0 18px 48px rgba(37,99,235,.36), 0 14px 34px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,255,255,.24);
}
.vt-new-messages-btn.is-visible{
  opacity:1;
  pointer-events:auto;
  transform:translate(-50%,0) scale(1);
}
@media (min-width:901px){
  .vt-new-messages-btn{
    /* PC'de chat alanının görsel merkezine alınır; alt kontrol barına değmeden bir tık daha aşağıda durur. */
    left:calc(50% + 225px);
    bottom:138px;
    padding:11px 19px;
    min-width:150px;
    font-size:14px;
  }
}
@media (max-width:900px){
  .vt-new-messages-btn{
    bottom:calc(152px + env(safe-area-inset-bottom, 0px));
    max-width:calc(100vw - 32px);
  }
}
@media (min-width:901px) and (max-width:1280px){
  .vt-new-messages-btn{
    left:calc(50% + 140px);
    bottom:132px;
  }
}

/* v2.24 - Bot Kontrol Paneli UI polish */
.vt-bots-page .vt-bots-main{background:linear-gradient(135deg,#eef3f9 0%,#f8fbff 100%)!important;}
.vt-bots-page .vt-bot-hero{align-items:center!important;padding:26px 28px!important;border-radius:26px!important;overflow:hidden;position:relative;}
.vt-bots-page .vt-bot-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 12%,rgba(56,189,248,.16),transparent 32%),radial-gradient(circle at 92% 18%,rgba(99,102,241,.18),transparent 36%);pointer-events:none;}
.vt-bots-page .vt-bot-hero>div,.vt-bots-page .vt-bot-hero>a{position:relative;z-index:1;}
.vt-bots-page .vt-bot-hero h1{font-size:32px!important;line-height:1.08!important;letter-spacing:-.03em!important;}
.vt-bots-page .vt-bot-hero p{max-width:980px!important;line-height:1.55!important;font-size:15px!important;color:#dbeafe!important;}
.vt-bots-page .vt-admin-hero>a{white-space:nowrap!important;box-shadow:0 14px 30px rgba(37,99,235,.24)!important;}
.vt-bots-page .admin-card{padding:24px!important;margin-bottom:20px!important;overflow:hidden;}
.vt-bots-page .vt-card-title{align-items:flex-start!important;margin-bottom:18px!important;}
.vt-bots-page .vt-bot-section-title h2{font-size:27px!important;letter-spacing:-.025em!important;}
.vt-bots-page .vt-bot-section-title span{color:#53657e!important;}
.vt-bots-page .vt-bot-status-pill{display:inline-flex!important;align-items:center;gap:7px;border-radius:999px;padding:8px 12px;font-weight:900!important;font-size:13px!important;}
.vt-bots-page .vt-bot-status-pill:before{content:"";width:9px;height:9px;border-radius:999px;background:currentColor;box-shadow:0 0 0 4px rgba(34,197,94,.12);}
.vt-bots-page .vt-bot-status-pill.is-active{background:#dcfce7;color:#15803d!important;}
.vt-bots-page .vt-bot-status-pill.is-passive{background:#fee2e2;color:#b91c1c!important;}
.vt-bots-page .vt-bot-master-card .vt-bot-form{grid-template-columns:minmax(280px,520px) minmax(320px,1fr) auto!important;align-items:center!important;}
.vt-bots-page .vt-bot-form{gap:16px!important;}
.vt-bots-page .vt-bot-active{justify-content:flex-start!important;padding:0 18px!important;background:linear-gradient(180deg,#f8fbff,#f1f5f9)!important;border-color:#d7e1ee!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;}
.vt-bots-page .vt-bot-active input{width:18px!important;height:18px!important;margin:0!important;flex:0 0 auto!important;}
.vt-bots-page .vt-bot-active b{font-size:16px!important;line-height:1.25!important;color:#102033!important;}
.vt-bots-page .vt-sec-hint{margin:0!important;background:linear-gradient(135deg,#eef2ff,#f0f9ff)!important;border:1px solid #dbeafe!important;border-radius:18px!important;color:#1e3a8a!important;font-weight:850!important;line-height:1.5!important;padding:15px 18px!important;}
.vt-bots-page .vt-bot-submit{min-height:52px!important;border-radius:15px!important;background:linear-gradient(135deg,#2563eb,#4f46e5)!important;box-shadow:0 18px 34px rgba(37,99,235,.22)!important;transition:transform .15s ease,box-shadow .15s ease!important;}
.vt-bots-page .vt-bot-submit:hover{transform:translateY(-1px);box-shadow:0 22px 44px rgba(37,99,235,.28)!important;}
.vt-bots-page .vt-bot-form label b{font-size:15px!important;color:#172033!important;}
.vt-bots-page .vt-bot-form input[type=text],
.vt-bots-page .vt-bot-form input:not([type]),
.vt-bots-page .vt-bot-form select,
.vt-bots-page .vt-bot-edit-row input,
.vt-bots-page .vt-bot-edit-row select{background:#f8fbff!important;border-color:#ccd8e8!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;}
.vt-bots-page .vt-bot-avatar-pick{padding:16px!important;border-radius:20px!important;background:linear-gradient(180deg,#f8fbff,#f3f7fc)!important;border-color:#d7e1ee!important;}
.vt-bots-page .vt-bot-avatar-head b{font-size:19px!important;color:#0f172a!important;}
.vt-bots-page .vt-bot-avatar-head small{color:#64748b!important;font-size:13px!important;}
.vt-bots-page .vt-bot-avatar-strip{gap:12px!important;padding:6px 6px 12px!important;}
.vt-bots-page .vt-bot-avatar-option span{border-color:#cbd8e8!important;box-shadow:0 8px 20px rgba(15,23,42,.05)!important;}
.vt-bots-page .vt-bot-avatar-option input:checked+span{border-color:#2563eb!important;background:#eff6ff!important;box-shadow:0 0 0 4px rgba(37,99,235,.16),0 12px 26px rgba(37,99,235,.12)!important;}
.vt-bots-page .vt-bot-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))!important;}
.vt-bots-page .vt-bot-admin-card{border-color:#d9e4f2!important;border-radius:24px!important;box-shadow:0 16px 40px rgba(15,23,42,.08)!important;}
.vt-bots-page .vt-bot-card-top{align-items:center!important;}
.vt-bots-page .vt-bot-card-top img{border:1px solid #d8e3f1!important;box-shadow:0 10px 24px rgba(15,23,42,.1)!important;}
.vt-bots-page .vt-bot-card-top em{font-size:12px!important;}
.vt-bots-page .vt-bot-actions button{min-height:42px!important;}
@media(max-width:900px){
  .vt-bots-page .vt-bot-hero{padding:22px!important;}
  .vt-bots-page .vt-bot-hero h1{font-size:28px!important;}
  .vt-bots-page .vt-bot-master-card .vt-bot-form{grid-template-columns:1fr!important;}
  .vt-bots-page .vt-sec-hint{font-size:14px!important;}
  .vt-bots-page .vt-bot-grid{grid-template-columns:1fr!important;}
}
@media(max-width:560px){
  .vt-bots-page .admin-card{padding:18px!important;border-radius:22px!important;}
  .vt-bots-page .vt-bot-hero h1{font-size:25px!important;}
  .vt-bots-page .vt-bot-hero p{font-size:14px!important;}
  .vt-bots-page .vt-card-title{display:block!important;}
  .vt-bots-page .vt-card-title small{margin-top:8px!important;}
  .vt-bots-page .vt-bot-submit{width:100%!important;}
  .vt-bots-page .vt-bot-avatar-option{flex-basis:86px!important;}
  .vt-bots-page .vt-bot-avatar-option span{height:98px!important;}
}


/* v2.25 - Admin panel tüm sayfalarda doğal scroll optimizasyonu
   Amaç: Admin sayfalarında içerik alanı mouse wheel / touchpad / mobil parmak kaydırma ile normal aksın.
   Chat, oda, LiveKit ve mobil chat pull-to-refresh davranışına dokunmaz. */
html:has(body.admin-pro),
html:has(body.vt-admin-modern),
body.admin-pro,
body.vt-admin-modern{
  height:auto!important;
  min-height:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:auto!important;
  scroll-behavior:auto!important;
}
body.admin-pro .admin-main,
body.vt-admin-modern .admin-main{
  min-height:100dvh!important;
  height:auto!important;
  overflow:visible!important;
  overscroll-behavior-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
}
body.admin-pro .admin-card,
body.vt-admin-modern .admin-card{
  touch-action:pan-y!important;
}
body.admin-pro .vt-table-wrap,
body.admin-pro .admin-table-wrap,
body.admin-pro .table-wrap,
body.vt-admin-modern .vt-table-wrap,
body.vt-admin-modern .admin-table-wrap,
body.vt-admin-modern .table-wrap{
  overflow-x:auto!important;
  overflow-y:visible!important;
  overscroll-behavior:auto!important;
}
@media (min-width:851px){
  body.admin-pro .admin-sidebar,
  body.vt-admin-modern .admin-sidebar{
    max-height:100dvh!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
  }
}
@media (max-width:850px){
  body.admin-pro,
  body.vt-admin-modern{
    display:block!important;
    touch-action:pan-y!important;
  }
  body.admin-pro .admin-sidebar,
  body.vt-admin-modern .admin-sidebar{
    position:relative!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}

/* v2.26 - Site Ayarları okunurluk ve kontrollü yayın limiti görünüm hijyeni */
.vt-settings-modern h2{color:#0f172a!important;letter-spacing:-.02em!important;margin-top:22px!important;margin-bottom:10px!important}
.vt-settings-modern label{color:#1e293b!important;font-weight:900!important}
.vt-settings-modern small,.vt-settings-help{color:#64748b!important;font-weight:800!important;line-height:1.45!important}
.vt-settings-modern input,.vt-settings-modern select{color:#0f172a!important;background:#f8fafc!important;border:1px solid #cbd5e1!important}
.vt-settings-grid>div{background:#f8fafc!important;border:1px solid #dbe5f0!important;border-radius:18px!important;padding:16px!important;box-shadow:0 10px 30px rgba(15,23,42,.05)!important}
.vt-settings-help{display:block;background:#eef6ff!important;border:1px solid #bfdbfe!important;border-radius:14px!important;padding:12px 14px!important;margin:4px 0 14px!important}

/* v2.28 - Giriş/Çıkış Raporları okunurluk ve performans UI hijyeni */
.vt-access-logs-page .vt-admin-hero{background:linear-gradient(135deg,#0f172a,#1e293b)!important;}
.vt-access-logs-page .vt-report-stats>div{background:linear-gradient(135deg,#ffffff,#f1f5f9)!important;border:1px solid #dbe4ef!important;box-shadow:0 18px 42px rgba(15,23,42,.08)!important;}
.vt-access-logs-page .vt-report-stats b{color:#0f172a!important;text-shadow:none!important;}
.vt-access-logs-page .vt-report-stats span{color:#64748b!important;font-weight:800!important;}
.vt-access-logs-page .vt-security-insight-card,
.vt-access-logs-page .vt-report-card{background:#fff!important;color:#0f172a!important;border-color:#dbe4ef!important;}
.vt-access-logs-page .vt-section-title h2,
.vt-access-logs-page .vt-report-card h2{color:#0f172a!important;}
.vt-access-logs-page .vt-section-title p{color:#475569!important;}
.vt-access-logs-page .vt-kicker{color:#0369a1!important;background:#e0f2fe!important;border-color:#bae6fd!important;}
.vt-access-logs-page .vt-report-filter label{color:#334155!important;font-weight:900!important;}
.vt-access-logs-page .vt-report-filter input,
.vt-access-logs-page .vt-report-filter select{background:#f8fafc!important;color:#0f172a!important;border:1px solid #cbd5e1!important;box-shadow:none!important;}
.vt-access-logs-page .vt-report-filter input::placeholder{color:#64748b!important;}
.vt-access-logs-page .vt-check-line{color:#334155!important;align-self:center;}
.vt-access-logs-page .vt-check-line input{accent-color:#2563eb;}
.vt-access-logs-page .vt-retention-box{background:#ecfdf5!important;color:#166534!important;border-color:#86efac!important;font-weight:800!important;}
.vt-access-logs-page .vt-access-table th{background:#eef2f7!important;color:#243044!important;font-weight:950!important;white-space:nowrap;}
.vt-access-logs-page .vt-access-table td{color:#0f172a!important;vertical-align:top;}
.vt-access-logs-page .vt-access-table small{color:#64748b!important;}
.vt-access-logs-page .vt-access-table code{color:#4f46e5!important;background:#eef2ff;border-radius:8px;padding:2px 5px;}
.vt-access-logs-page .vt-log-chip{color:#334155!important;background:#f1f5f9!important;border-color:#cbd5e1!important;}
.vt-access-logs-page .vt-log-type-login{color:#166534!important;background:#dcfce7!important;border-color:#86efac!important;}
.vt-access-logs-page .vt-log-type-logout{color:#991b1b!important;background:#fee2e2!important;border-color:#fecaca!important;}
.vt-access-logs-page .vt-log-type-room_enter{color:#1d4ed8!important;background:#dbeafe!important;border-color:#bfdbfe!important;}
.vt-access-logs-page .vt-log-type-room_leave{color:#92400e!important;background:#fef3c7!important;border-color:#fde68a!important;}
.vt-access-logs-page .vt-pagination{color:#334155!important;font-weight:900!important;}
.vt-access-logs-page .vt-suspect-card h3{color:#0f172a!important;}
.vt-access-logs-page .vt-suspect-top b{color:#0f172a!important;}
.vt-access-logs-page .vt-suspect-meta{color:#475569!important;}
.vt-access-logs-page .vt-suspect-device{color:#334155!important;background:#eef2f7!important;}
@media(max-width:760px){
  .vt-access-logs-page .vt-report-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .vt-access-logs-page .vt-report-filter{grid-template-columns:1fr!important;}
  .vt-access-logs-page .vt-section-title .btn-small{width:100%;}
}

/* v2.30 - Admin sol menü minimal modern imza/footer kartı */
body.admin-pro .admin-sidebar .vt-site-return,
body.vt-admin-modern .admin-sidebar .vt-site-return{
  margin-top:auto;
}
body.admin-pro .vt-admin-signature-footer,
body.vt-admin-modern .vt-admin-signature-footer{
  position:relative;
  overflow:hidden;
  margin-top:10px;
  padding:10px 11px;
  border-radius:16px;
  color:#eaf2ff;
  background:
    radial-gradient(circle at 12% 0%, rgba(56,189,248,.18), transparent 34%),
    radial-gradient(circle at 88% 100%, rgba(168,85,247,.16), transparent 38%),
    linear-gradient(145deg, rgba(15,23,42,.86), rgba(17,24,39,.68));
  border:1px solid rgba(96,165,250,.20);
  box-shadow:0 12px 28px rgba(2,6,23,.20), inset 0 1px 0 rgba(255,255,255,.06);
  isolation:isolate;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  grid-template-areas:
    "logo title"
    "logo sub"
    "credit credit"
    "status status";
  column-gap:9px;
  row-gap:2px;
  align-items:center;
}
body.admin-pro .vt-admin-signature-footer:before,
body.vt-admin-modern .vt-admin-signature-footer:before{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(56,189,248,.75), rgba(168,85,247,.75), transparent);
  z-index:-1;
}
body.admin-pro .vt-admin-signature-glow,
body.vt-admin-modern .vt-admin-signature-glow{
  position:absolute;
  inset:auto -40px -64px;
  height:92px;
  background:radial-gradient(circle, rgba(59,130,246,.16), transparent 64%);
  z-index:-1;
  pointer-events:none;
}
body.admin-pro .vt-admin-signature-logo,
body.vt-admin-modern .vt-admin-signature-logo{
  grid-area:logo;
  width:34px;
  height:34px;
  margin:0;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:linear-gradient(135deg, rgba(14,165,233,.88), rgba(124,58,237,.86));
  box-shadow:0 10px 22px rgba(59,130,246,.18), inset 0 1px 0 rgba(255,255,255,.20);
  font-size:17px;
}
body.admin-pro .vt-admin-signature-title,
body.vt-admin-modern .vt-admin-signature-title{
  grid-area:title;
  min-width:0;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.01em;
  line-height:1.05;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.admin-pro .vt-admin-signature-sub,
body.vt-admin-modern .vt-admin-signature-sub{
  grid-area:sub;
  min-width:0;
  margin-top:1px;
  font-size:8.5px;
  font-weight:900;
  color:#9fb2db;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.admin-pro .vt-admin-signature-line,
body.vt-admin-modern .vt-admin-signature-line{
  display:none;
}
body.admin-pro .vt-admin-signature-credit,
body.vt-admin-modern .vt-admin-signature-credit{
  grid-area:credit;
  margin-top:7px;
  padding-top:7px;
  border-top:1px solid rgba(148,163,184,.16);
  font-size:8.5px;
  font-weight:900;
  color:#8ea2c8;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-align:center;
}
body.admin-pro .vt-admin-signature-name,
body.vt-admin-modern .vt-admin-signature-name{
  grid-area:credit;
  align-self:end;
  margin-top:22px;
  padding-top:17px;
  font-size:11px;
  line-height:1.05;
  font-weight:1000;
  color:#f7d36f;
  text-align:center;
  text-shadow:0 0 14px rgba(250,204,21,.18);
}
body.admin-pro .vt-admin-signature-status,
body.vt-admin-modern .vt-admin-signature-status{
  grid-area:status;
  justify-self:center;
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:7px;
  padding:4px 8px;
  border-radius:999px;
  font-size:8.5px;
  font-weight:1000;
  color:#dbeafe;
  background:rgba(15,23,42,.46);
  border:1px solid rgba(148,163,184,.16);
  white-space:nowrap;
}
body.admin-pro .vt-admin-signature-status span,
body.vt-admin-modern .vt-admin-signature-status span{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 4px rgba(34,197,94,.08), 0 0 14px rgba(34,197,94,.42);
}
body.admin-pro .vt-admin-signature-footer:hover,
body.vt-admin-modern .vt-admin-signature-footer:hover{
  border-color:rgba(125,211,252,.34);
  transform:translateY(-1px);
  transition:.18s ease;
}
@media(max-width:850px){
  body.admin-pro .admin-sidebar .vt-site-return,
  body.vt-admin-modern .admin-sidebar .vt-site-return{
    margin-top:0;
  }
  body.admin-pro .vt-admin-signature-footer,
  body.vt-admin-modern .vt-admin-signature-footer{
    grid-column:1/-1;
    grid-template-columns:32px minmax(0,1fr) auto;
    grid-template-areas:
      "logo title status"
      "logo sub status";
    padding:9px 10px;
    border-radius:14px;
    margin-top:8px;
  }
  body.admin-pro .vt-admin-signature-logo,
  body.vt-admin-modern .vt-admin-signature-logo{
    width:32px;
    height:32px;
    border-radius:11px;
  }
  body.admin-pro .vt-admin-signature-title,
  body.vt-admin-modern .vt-admin-signature-title{
    font-size:12px;
  }
  body.admin-pro .vt-admin-signature-sub,
  body.vt-admin-modern .vt-admin-signature-sub{
    font-size:8px;
  }
  body.admin-pro .vt-admin-signature-credit,
  body.admin-pro .vt-admin-signature-name,
  body.vt-admin-modern .vt-admin-signature-credit,
  body.vt-admin-modern .vt-admin-signature-name{
    display:none;
  }
  body.admin-pro .vt-admin-signature-status,
  body.vt-admin-modern .vt-admin-signature-status{
    grid-area:status;
    margin-top:0;
    align-self:center;
  }
}


/* v2.31 - Admin sol menü footer altın oran düzeltmesi */
body.admin-pro .admin-sidebar .vt-site-return,
body.vt-admin-modern .admin-sidebar .vt-site-return{
  margin-top:auto!important;
}
body.admin-pro .vt-admin-signature-footer,
body.vt-admin-modern .vt-admin-signature-footer{
  position:relative!important;
  overflow:hidden!important;
  margin:14px 0 0!important;
  padding:12px 13px!important;
  min-height:auto!important;
  border-radius:18px!important;
  color:#edf4ff!important;
  background:
    radial-gradient(circle at 16% 18%, rgba(56,189,248,.18), transparent 34%),
    radial-gradient(circle at 92% 88%, rgba(168,85,247,.16), transparent 42%),
    linear-gradient(145deg, rgba(15,23,42,.94), rgba(30,41,59,.74))!important;
  border:1px solid rgba(96,165,250,.26)!important;
  box-shadow:0 14px 34px rgba(2,6,23,.24), inset 0 1px 0 rgba(255,255,255,.07)!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  grid-template-areas:
    "logo title"
    "logo credit"
    "status status"!important;
  column-gap:11px!important;
  row-gap:4px!important;
  align-items:center!important;
  isolation:isolate!important;
}
body.admin-pro .vt-admin-signature-footer:before,
body.vt-admin-modern .vt-admin-signature-footer:before{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  top:0!important;
  height:1px!important;
  background:linear-gradient(90deg, transparent, rgba(56,189,248,.85), rgba(168,85,247,.75), transparent)!important;
  z-index:-1!important;
}
body.admin-pro .vt-admin-signature-logo,
body.vt-admin-modern .vt-admin-signature-logo{
  grid-area:logo!important;
  width:42px!important;
  height:42px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#22c1f1,#7c3aed)!important;
  box-shadow:0 12px 26px rgba(59,130,246,.22), inset 0 1px 0 rgba(255,255,255,.24)!important;
  font-size:20px!important;
}
body.admin-pro .vt-admin-signature-title,
body.vt-admin-modern .vt-admin-signature-title{
  grid-area:title!important;
  font-size:15px!important;
  line-height:1.05!important;
  font-weight:1000!important;
  letter-spacing:.01em!important;
  color:#fff!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.admin-pro .vt-admin-signature-sub,
body.vt-admin-modern .vt-admin-signature-sub{
  display:none!important;
}
body.admin-pro .vt-admin-signature-line,
body.vt-admin-modern .vt-admin-signature-line{
  display:none!important;
}
body.admin-pro .vt-admin-signature-credit,
body.vt-admin-modern .vt-admin-signature-credit{
  grid-area:credit!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  font-size:9px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  text-align:left!important;
  color:#8fa4c8!important;
}
body.admin-pro .vt-admin-signature-name,
body.vt-admin-modern .vt-admin-signature-name{
  grid-area:credit!important;
  align-self:end!important;
  justify-self:start!important;
  margin:14px 0 0!important;
  padding:0!important;
  font-size:12px!important;
  line-height:1.1!important;
  font-weight:1000!important;
  text-align:left!important;
  color:#f8d36c!important;
  text-shadow:0 0 16px rgba(250,204,21,.20)!important;
}
body.admin-pro .vt-admin-signature-status,
body.vt-admin-modern .vt-admin-signature-status{
  grid-area:status!important;
  justify-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:9px 0 0!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:1000!important;
  color:#dbeafe!important;
  background:rgba(15,23,42,.50)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  white-space:nowrap!important;
}
body.admin-pro .vt-admin-signature-status span,
body.vt-admin-modern .vt-admin-signature-status span{
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#22c55e!important;
  box-shadow:0 0 0 4px rgba(34,197,94,.08), 0 0 14px rgba(34,197,94,.42)!important;
}
body.admin-pro .vt-admin-signature-glow,
body.vt-admin-modern .vt-admin-signature-glow{
  position:absolute!important;
  inset:auto -48px -58px!important;
  height:94px!important;
  background:radial-gradient(circle, rgba(59,130,246,.18), transparent 66%)!important;
  z-index:-1!important;
  pointer-events:none!important;
}
@media(max-width:850px){
  body.admin-pro .vt-admin-signature-footer,
  body.vt-admin-modern .vt-admin-signature-footer{
    grid-column:1/-1!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
    grid-template-areas:
      "logo title status"
      "logo credit status"!important;
    padding:10px 11px!important;
    border-radius:16px!important;
    margin-top:8px!important;
  }
  body.admin-pro .vt-admin-signature-logo,
  body.vt-admin-modern .vt-admin-signature-logo{width:48px!important;height:38px!important;border-radius:14px!important;font-size:18px!important;}
  body.admin-pro .vt-admin-signature-title,
  body.vt-admin-modern .vt-admin-signature-title{font-size:14px!important;}
  body.admin-pro .vt-admin-signature-credit,
  body.vt-admin-modern .vt-admin-signature-credit{font-size:8px!important;}
  body.admin-pro .vt-admin-signature-name,
  body.vt-admin-modern .vt-admin-signature-name{display:none!important;}
  body.admin-pro .vt-admin-signature-status,
  body.vt-admin-modern .vt-admin-signature-status{justify-self:end!important;align-self:center!important;margin:0!important;}
}


/* v2.33 - Admin sol menü footer premium metin ve oran düzeltmesi */
body.admin-pro .vt-admin-signature-footer,
body.vt-admin-modern .vt-admin-signature-footer{
  position:relative!important;
  overflow:hidden!important;
  margin:12px 0 0!important;
  padding:11px 12px!important;
  border-radius:18px!important;
  min-height:92px!important;
  color:#edf4ff!important;
  background:
    radial-gradient(circle at 12% 12%, rgba(56,189,248,.16), transparent 36%),
    radial-gradient(circle at 100% 100%, rgba(124,58,237,.14), transparent 42%),
    linear-gradient(145deg, rgba(12,18,32,.96), rgba(23,31,49,.84))!important;
  border:1px solid rgba(96,165,250,.24)!important;
  box-shadow:0 13px 30px rgba(2,6,23,.24), inset 0 1px 0 rgba(255,255,255,.07)!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  grid-template-areas:
    "logo copy"
    "status status"!important;
  column-gap:10px!important;
  row-gap:8px!important;
  align-items:center!important;
  isolation:isolate!important;
}
body.admin-pro .vt-admin-signature-footer:before,
body.vt-admin-modern .vt-admin-signature-footer:before{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  top:0!important;
  height:1px!important;
  background:linear-gradient(90deg, transparent, rgba(56,189,248,.74), rgba(168,85,247,.60), transparent)!important;
  z-index:-1!important;
}
body.admin-pro .vt-admin-signature-logo,
body.vt-admin-modern .vt-admin-signature-logo{
  grid-area:logo!important;
  width:34px!important;
  height:34px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#1fb6e9,#6d28d9)!important;
  box-shadow:0 10px 22px rgba(59,130,246,.18), inset 0 1px 0 rgba(255,255,255,.22)!important;
  font-size:16px!important;
}
body.admin-pro .vt-admin-signature-copy,
body.vt-admin-modern .vt-admin-signature-copy{
  grid-area:copy!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}
body.admin-pro .vt-admin-signature-title,
body.vt-admin-modern .vt-admin-signature-title{
  font-size:14px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.01em!important;
  color:#fff!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.admin-pro .vt-admin-signature-sub,
body.vt-admin-modern .vt-admin-signature-sub{
  display:block!important;
  font-size:8.5px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:.045em!important;
  text-transform:none!important;
  color:#9fb3d4!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.admin-pro .vt-admin-signature-credit,
body.vt-admin-modern .vt-admin-signature-credit{
  display:block!important;
  margin:3px 0 0!important;
  padding:6px 0 0!important;
  border-top:1px solid rgba(148,163,184,.12)!important;
  font-size:9px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  text-align:left!important;
  color:#f2c96b!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  text-shadow:0 0 14px rgba(250,204,21,.14)!important;
}
body.admin-pro .vt-admin-signature-name,
body.vt-admin-modern .vt-admin-signature-name,
body.admin-pro .vt-admin-signature-line,
body.vt-admin-modern .vt-admin-signature-line{
  display:none!important;
}
body.admin-pro .vt-admin-signature-status,
body.vt-admin-modern .vt-admin-signature-status{
  grid-area:status!important;
  justify-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:1000!important;
  color:#dbeafe!important;
  background:rgba(15,23,42,.48)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  white-space:nowrap!important;
}
body.admin-pro .vt-admin-signature-status span,
body.vt-admin-modern .vt-admin-signature-status span{
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#22c55e!important;
  box-shadow:0 0 0 4px rgba(34,197,94,.08), 0 0 14px rgba(34,197,94,.42)!important;
}
body.admin-pro .vt-admin-signature-glow,
body.vt-admin-modern .vt-admin-signature-glow{
  position:absolute!important;
  inset:auto -48px -60px!important;
  height:96px!important;
  background:radial-gradient(circle, rgba(59,130,246,.16), transparent 66%)!important;
  z-index:-1!important;
  pointer-events:none!important;
}
@media(max-width:850px){
  body.admin-pro .vt-admin-signature-footer,
  body.vt-admin-modern .vt-admin-signature-footer{
    grid-column:1/-1!important;
    min-height:auto!important;
    grid-template-columns:32px minmax(0,1fr) auto!important;
    grid-template-areas:"logo copy status"!important;
    padding:10px 11px!important;
    border-radius:16px!important;
    margin-top:8px!important;
  }
  body.admin-pro .vt-admin-signature-logo,
  body.vt-admin-modern .vt-admin-signature-logo{width:32px!important;height:32px!important;border-radius:12px!important;font-size:15px!important;}
  body.admin-pro .vt-admin-signature-title,
  body.vt-admin-modern .vt-admin-signature-title{font-size:13px!important;}
  body.admin-pro .vt-admin-signature-sub,
  body.vt-admin-modern .vt-admin-signature-sub{font-size:8px!important;}
  body.admin-pro .vt-admin-signature-credit,
  body.vt-admin-modern .vt-admin-signature-credit{font-size:8.5px!important;padding-top:4px!important;margin-top:2px!important;}
  body.admin-pro .vt-admin-signature-status,
  body.vt-admin-modern .vt-admin-signature-status{justify-self:end!important;align-self:center!important;margin:0!important;}
}


/* v2.34 - Admin sol menü kompakt/premium düzen ve footer metin düzeltmesi */
body.admin-pro.vt-admin-modern .vt-pro-sidebar,
body.admin-pro.vt-admin-modern .admin-sidebar,
body.admin-pro .admin-sidebar{
  width:270px!important;
  padding:14px 14px 16px!important;
  gap:6px!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(148,163,184,.42) transparent!important;
}
body.admin-pro.vt-admin-modern .admin-main,
body.admin-pro .admin-main{
  margin-left:270px!important;
  width:calc(100vw - 270px)!important;
  max-width:calc(100vw - 270px)!important;
}
body.admin-pro.vt-admin-modern .vt-pro-sidebar .admin-brand,
body.admin-pro .admin-sidebar .admin-brand{
  font-size:18px!important;
  line-height:1.1!important;
  padding:8px 8px 12px!important;
  margin:0 0 10px!important;
  letter-spacing:.01em!important;
}
body.admin-pro.vt-admin-modern .vt-pro-sidebar .admin-brand small,
body.admin-pro .admin-sidebar .admin-brand small{
  font-size:10px!important;
  margin-top:2px!important;
  letter-spacing:.14em!important;
}
body.admin-pro .vt-admin-nav,
body.vt-admin-modern .vt-admin-nav{
  gap:3px!important;
}
body.admin-pro.vt-admin-modern .vt-pro-sidebar a,
body.admin-pro .admin-sidebar a,
body.vt-admin-modern .admin-sidebar a{
  min-height:36px!important;
  padding:8px 10px!important;
  margin:2px 0!important;
  border-radius:13px!important;
  font-size:14px!important;
  line-height:1.14!important;
  letter-spacing:.005em!important;
  gap:9px!important;
}
body.admin-pro .admin-sidebar a span,
body.vt-admin-modern .admin-sidebar a span{
  width:22px!important;
  min-width:22px!important;
  display:inline-grid!important;
  place-items:center!important;
  font-size:16px!important;
}
body.admin-pro .admin-sidebar a b,
body.vt-admin-modern .admin-sidebar a b{
  font-size:14px!important;
  line-height:1.14!important;
  font-weight:900!important;
  white-space:normal!important;
}
body.admin-pro .admin-sidebar a.active,
body.vt-admin-modern .admin-sidebar a.active{
  border-color:rgba(56,189,248,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 22px rgba(14,165,233,.08)!important;
}
body.admin-pro .admin-sidebar .vt-site-return,
body.vt-admin-modern .admin-sidebar .vt-site-return{
  margin-top:10px!important;
  min-height:38px!important;
  padding:8px 10px!important;
  font-size:14px!important;
  border-radius:14px!important;
  background:rgba(15,23,42,.28)!important;
  border-color:rgba(148,163,184,.18)!important;
  color:#dbeafe!important;
}
body.admin-pro .vt-admin-signature-footer,
body.vt-admin-modern .vt-admin-signature-footer{
  margin:10px 0 0!important;
  padding:9px 10px!important;
  min-height:70px!important;
  border-radius:16px!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  grid-template-areas:"logo copy" "status status"!important;
  column-gap:9px!important;
  row-gap:5px!important;
  background:
    radial-gradient(circle at 12% 15%, rgba(56,189,248,.13), transparent 35%),
    radial-gradient(circle at 100% 100%, rgba(124,58,237,.12), transparent 42%),
    linear-gradient(145deg, rgba(10,16,29,.95), rgba(21,28,44,.82))!important;
}
body.admin-pro .vt-admin-signature-logo,
body.vt-admin-modern .vt-admin-signature-logo{
  width:30px!important;
  height:30px!important;
  border-radius:11px!important;
  font-size:14px!important;
}
body.admin-pro .vt-admin-signature-title,
body.vt-admin-modern .vt-admin-signature-title{
  font-size:13px!important;
  line-height:1.05!important;
}
body.admin-pro .vt-admin-signature-sub,
body.vt-admin-modern .vt-admin-signature-sub{
  font-size:9px!important;
  line-height:1.05!important;
  letter-spacing:.02em!important;
  color:#a9bbd8!important;
  text-transform:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.admin-pro .vt-admin-signature-credit,
body.vt-admin-modern .vt-admin-signature-credit{
  margin:2px 0 0!important;
  padding:4px 0 0!important;
  font-size:9px!important;
  line-height:1.1!important;
  color:#f3cf74!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.admin-pro .vt-admin-signature-status,
body.vt-admin-modern .vt-admin-signature-status{
  justify-self:start!important;
  margin:1px 0 0!important;
  padding:4px 8px!important;
  font-size:8.5px!important;
  opacity:.92!important;
}
@media(max-width:900px){
  body.admin-pro.vt-admin-modern .vt-pro-sidebar,
  body.admin-pro.vt-admin-modern .admin-sidebar,
  body.admin-pro .admin-sidebar{
    width:100%!important;
    padding:12px!important;
  }
  body.admin-pro.vt-admin-modern .admin-main,
  body.admin-pro .admin-main{
    margin-left:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  body.admin-pro .vt-admin-nav,
  body.vt-admin-modern .vt-admin-nav{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  body.admin-pro .vt-admin-signature-footer,
  body.vt-admin-modern .vt-admin-signature-footer{
    grid-column:1/-1!important;
    min-height:auto!important;
    grid-template-columns:30px minmax(0,1fr) auto!important;
    grid-template-areas:"logo copy status"!important;
  }
  body.admin-pro .vt-admin-signature-credit,
  body.vt-admin-modern .vt-admin-signature-credit{display:none!important;}
}

/* v2.35 Admin panel genel scroll iyileştirmesi */
body.admin-pro, body.vt-admin-modern, body.admin-page, body.vt-admin-standalone {
  min-height:100vh !important;
  height:auto !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch;
}
body.admin-pro .admin-main, body.vt-admin-modern .admin-main, body.admin-page main, body.vt-admin-standalone .admin-wrap {
  min-height:100vh;
  overflow:visible !important;
}
body.admin-pro .admin-sidebar, body.vt-admin-modern .admin-sidebar {
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
body.vt-admin-media-page .grid, body.vt-admin-media-page .avatar-grid, body.vt-admin-media-page .anim-grid {
  max-height:none !important;
  overflow:visible !important;
}
body.vt-admin-media-page .admin-wrap {
  padding-bottom:190px !important;
}
.vt-table-wrap {
  overflow-x:auto;
  overflow-y:visible;
  -webkit-overflow-scrolling:touch;
}

/* v2.38 - PC Canlı Oda/Kullanıcı Yönetimi: hafif kullanıcı kartı + açılır işlem paneli */
body.room-v8 #vtShieldLiveModal .vt-shield-pills span{
  font-size:11px!important;
  border-radius:999px!important;
  padding:4px 9px!important;
  color:#fecaca!important;
  background:rgba(239,68,68,.16)!important;
  border:1px solid rgba(248,113,113,.28)!important;
  font-weight:900!important;
}
body.room-v8 #vtShieldLiveModal .vt-shield-pills small{
  color:#aebbd0!important;
  font-weight:700!important;
}
body.room-v8 #vtShieldLiveModal .vt-shield-actions{
  display:none!important;
  margin-top:9px!important;
}
body.room-v8 #vtShieldLiveModal .vt-shield-user.is-actions-open .vt-shield-actions{
  display:grid!important;
}
@media(min-width:901px){
  body.room-v8 #vtShieldLiveModal .vt-shield-users{
    grid-template-columns:repeat(auto-fit,minmax(310px,1fr))!important;
    gap:12px!important;
  }
  body.room-v8 #vtShieldLiveModal .vt-shield-user{
    padding:13px!important;
    border-radius:18px!important;
  }
  body.room-v8 #vtShieldLiveModal .vt-shield-action-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:42px!important;
    margin-top:9px!important;
    padding:10px 13px!important;
    border:1px solid rgba(96,165,250,.28)!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,rgba(15,23,42,.88),rgba(30,41,79,.72))!important;
    color:#dbeafe!important;
    font-size:13px!important;
    font-weight:950!important;
    cursor:pointer!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 22px rgba(0,0,0,.14)!important;
  }
  body.room-v8 #vtShieldLiveModal .vt-shield-action-toggle:hover{
    border-color:rgba(34,211,238,.45)!important;
    color:#fff!important;
    background:linear-gradient(135deg,rgba(30,64,175,.42),rgba(88,28,135,.38))!important;
  }
  body.room-v8 #vtShieldLiveModal .vt-shield-action-toggle i{
    font-style:normal!important;
    transition:transform .16s ease!important;
    opacity:.85!important;
  }
  body.room-v8 #vtShieldLiveModal .vt-shield-user.is-actions-open .vt-shield-action-toggle i{
    transform:rotate(180deg)!important;
  }
  body.room-v8 #vtShieldLiveModal .vt-shield-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.room-v8 #vtShieldLiveModal .vt-shield-actions button{
    min-height:40px!important;
    padding:10px 9px!important;
    font-size:12px!important;
  }
}

/* v2.43 - PC Aktif Mikrofonlar paneli premium ses alanı
   Sadece 901px+ PC görünümünü etkiler. Mobil ve LiveKit çalışma mantığı korunur. */
@media (min-width:901px){
  body.room-v8 .vt-room-right-panel{
    gap:12px!important;
  }
  body.room-v8 .vt-room-cards-panel{
    flex:1 1 auto!important;
    min-height:0!important;
  }
  body.room-v8 .vt-active-mic-panel{
    flex:0 0 clamp(300px,34vh,390px)!important;
    min-height:300px!important;
    max-height:390px!important;
    padding:18px!important;
    border-radius:28px!important;
    background:
      radial-gradient(circle at 12% 0%,rgba(34,211,238,.16),transparent 34%),
      radial-gradient(circle at 92% 10%,rgba(168,85,247,.24),transparent 42%),
      linear-gradient(180deg,rgba(9,16,34,.97),rgba(4,8,20,.99))!important;
    border:1px solid rgba(148,163,184,.22)!important;
    box-shadow:0 26px 80px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.055)!important;
  }
  body.room-v8 .vt-active-mic-head{
    margin-bottom:12px!important;
    padding-bottom:12px!important;
    border-bottom:1px solid rgba(148,163,184,.12)!important;
  }
  body.room-v8 .vt-active-mic-head b{
    font-size:clamp(20px,1.45vw,25px)!important;
    letter-spacing:-.02em!important;
  }
  body.room-v8 .vt-active-mic-head span{
    height:30px!important;
    border-radius:999px!important;
    background:rgba(34,211,238,.10)!important;
    color:#c9f7ff!important;
    border:1px solid rgba(34,211,238,.22)!important;
  }
  body.room-v8 .vt-active-mic-summary{
    height:24px!important;
    margin:0 0 12px!important;
    font-size:13px!important;
    color:#dbeafe!important;
  }
  body.room-v8 .vt-active-mic-summary b{
    color:#67e8f9!important;
    text-shadow:0 0 12px rgba(34,211,238,.24)!important;
  }
  body.room-v8 .vt-active-mic-grid{
    height:calc(100% - 92px)!important;
    min-height:188px!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    overflow:hidden!important;
  }
  body.room-v8 .vt-active-mic-slot{
    min-height:58px!important;
    padding:9px 10px!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    grid-template-rows:1fr 13px!important;
    column-gap:10px!important;
    row-gap:5px!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,rgba(15,23,42,.78),rgba(13,19,38,.92))!important;
    border:1px solid rgba(148,163,184,.15)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 26px rgba(0,0,0,.12)!important;
  }
  body.room-v8 .vt-active-mic-slot.is-live{
    border-color:rgba(34,211,238,.26)!important;
    background:
      radial-gradient(circle at 14% 50%,rgba(34,211,238,calc(.06 + (var(--lvl,0) * .16))),transparent 42%),
      linear-gradient(135deg,rgba(13,23,45,.88),rgba(10,14,30,.96))!important;
  }
  body.room-v8 .vt-active-mic-slot.is-speaking{
    border-color:rgba(103,232,249,.48)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 calc(10px + (var(--lvl,0) * 28px)) rgba(34,211,238,.12)!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-avatar{
    width:52px!important;
    height:52px!important;
    flex-basis:52px!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-avatar img{
    width:43px!important;
    height:43px!important;
    border:2px solid rgba(103,232,249,.38)!important;
    box-shadow:0 0 calc(8px + (var(--lvl,0) * 18px)) rgba(34,211,238,.18)!important;
  }
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-avatar img{
    border-color:rgba(103,232,249,.72)!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-ring{
    inset:1px!important;
    border-width:2px!important;
    border-color:rgba(103,232,249,calc(.28 + (var(--lvl,0) * .48)))!important;
    transform:scale(calc(1 + (var(--lvl,0) * .18)))!important;
    box-shadow:0 0 calc(7px + (var(--lvl,0) * 22px)) rgba(34,211,238,.28)!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-wave{
    inset:-3px!important;
    border-color:rgba(168,85,247,.24)!important;
    opacity:calc(.10 + (var(--lvl,0) * .62))!important;
    transform:scale(calc(1.03 + (var(--lvl,0) * .34)))!important;
    box-shadow:0 0 calc(8px + (var(--lvl,0) * 34px)) rgba(168,85,247,.24)!important;
  }
  body.room-v8 .vt-active-mic-slot b{
    font-size:13px!important;
    line-height:1.08!important;
    color:#fff!important;
  }
  body.room-v8 .vt-active-mic-slot small,
  body.room-v8 .vt-active-mic-slot .vt-am-status.vt-am-seste{
    font-size:9.5px!important;
    color:#bae6fd!important;
    max-width:112px!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-bars{
    height:13px!important;
    max-width:112px!important;
    gap:3px!important;
    align-items:center!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-bars i{
    width:4px!important;
    min-width:4px!important;
    height:4px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#e0f2fe,#22d3ee 46%,#a855f7)!important;
    opacity:calc(.20 + (var(--lvl,0) * .80))!important;
    transform-origin:bottom center!important;
    transform:scaleY(calc(.70 + (var(--lvl,0) * 3.2)))!important;
    transition:height .10s linear, transform .10s linear, opacity .10s linear!important;
  }
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-bars i{
    animation:vtMicEqualizer .62s infinite ease-in-out!important;
  }
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-bars i:nth-child(1){height:5px!important;animation-delay:0s!important}
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-bars i:nth-child(2){height:11px!important;animation-delay:.05s!important}
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-bars i:nth-child(3){height:8px!important;animation-delay:.10s!important}
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-bars i:nth-child(4){height:13px!important;animation-delay:.15s!important}
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-bars i:nth-child(5){height:9px!important;animation-delay:.20s!important}
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-bars i:nth-child(6){height:12px!important;animation-delay:.25s!important}
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-bars i:nth-child(7){height:7px!important;animation-delay:.30s!important}
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-bars i:nth-child(8){height:10px!important;animation-delay:.35s!important}
  body.room-v8 .vt-active-mic-slot.is-empty{
    opacity:.68!important;
  }
  body.room-v8 .vt-active-mic-slot.is-empty .vt-am-avatar{
    width:46px!important;
    height:46px!important;
  }
  body.room-v8 .vt-active-mic-slot.is-empty .vt-am-avatar img{
    width:36px!important;
    height:36px!important;
    opacity:.48!important;
  }
  body.room-v8 .vt-active-mic-slot.is-empty .vt-am-bars i{
    height:3px!important;
    opacity:.09!important;
    animation:none!important;
  }
  @keyframes vtMicEqualizer{
    0%,100%{transform:scaleY(calc(.72 + (var(--lvl,0) * 2.4)))}
    48%{transform:scaleY(calc(1.05 + (var(--lvl,0) * 3.5)))}
  }
}
@media (min-width:901px) and (max-width:1320px){
  body.room-v8 .vt-active-mic-panel{
    flex-basis:clamp(270px,32vh,338px)!important;
    min-height:270px!important;
    padding:15px!important;
  }
  body.room-v8 .vt-active-mic-grid{gap:8px!important;height:calc(100% - 86px)!important;}
  body.room-v8 .vt-active-mic-slot{
    grid-template-columns:46px minmax(0,1fr)!important;
    padding:8px!important;
    column-gap:8px!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-avatar{width:44px!important;height:44px!important;flex-basis:44px!important;}
  body.room-v8 .vt-active-mic-slot .vt-am-avatar img{width:36px!important;height:36px!important;}
  body.room-v8 .vt-active-mic-slot b{font-size:11.2px!important;}
  body.room-v8 .vt-active-mic-slot small,
  body.room-v8 .vt-active-mic-slot .vt-am-status.vt-am-seste{font-size:8.4px!important;max-width:84px!important;}
  body.room-v8 .vt-active-mic-slot .vt-am-bars{max-width:84px!important;gap:2px!important;}
  body.room-v8 .vt-active-mic-slot .vt-am-bars i{width:3px!important;min-width:3px!important;}
}

.vt-limit-note{font-size:12px;font-weight:700;color:#93c5fd;opacity:.95;}

/* v2.50 Modern SaaS / Chat Portal Login */
.vt-portal-page{margin:0;min-height:100vh;background:#050a1a;color:#f8fafc;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}
.vt-portal-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 18% 15%,rgba(56,189,248,.25),transparent 28%),radial-gradient(circle at 82% 16%,rgba(168,85,247,.22),transparent 30%),linear-gradient(180deg,#061027 0%,#070817 58%,#050816 100%);pointer-events:none;z-index:-2}
.vt-portal-page:after{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 82%);pointer-events:none;z-index:-1}
.vt-portal-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:28px 0 38px}
.vt-portal-nav{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:50px}
.vt-portal-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-size:26px;font-weight:950;letter-spacing:-.04em}.vt-portal-brand strong{background:linear-gradient(90deg,#38bdf8,#a855f7,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}.vt-portal-logo{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#071427,#15122f);border:1px solid rgba(125,211,252,.34);box-shadow:0 0 28px rgba(56,189,248,.18)}
.vt-portal-links{display:flex;align-items:center;gap:28px}.vt-portal-links a{color:#cbd5e1;text-decoration:none;font-size:14px;font-weight:800}.vt-portal-links a:hover{color:#fff}.vt-portal-online{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.2);font-weight:850;color:#e2e8f0}.vt-portal-online i{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 12px #22c55e}
.vt-portal-hero{display:grid;grid-template-columns:minmax(0,1.05fr) 300px minmax(340px,.72fr);align-items:center;gap:24px;margin-bottom:34px}.vt-portal-copy{min-width:0}.vt-portal-badge{display:inline-flex;padding:9px 14px;border-radius:999px;background:linear-gradient(90deg,rgba(14,165,233,.18),rgba(168,85,247,.16));border:1px solid rgba(125,211,252,.22);color:#93c5fd;font-size:13px;font-weight:900}.vt-portal-copy h1{font-size:clamp(44px,6vw,76px);line-height:.98;margin:26px 0 18px;letter-spacing:-.065em;color:#fff}.vt-portal-copy p{max-width:560px;color:#cbd5e1;font-size:18px;line-height:1.75;margin:0 0 34px}.vt-portal-actions{display:flex;gap:16px;flex-wrap:wrap}.vt-portal-primary,.vt-portal-secondary{display:inline-flex;align-items:center;gap:10px;padding:16px 22px;border-radius:999px;text-decoration:none;font-weight:950}.vt-portal-primary{color:#fff;background:linear-gradient(135deg,#c026d3,#2563eb,#22d3ee);box-shadow:0 18px 50px rgba(37,99,235,.28)}.vt-portal-secondary{color:#e2e8f0;background:rgba(15,23,42,.78);border:1px solid rgba(148,163,184,.2)}
.vt-portal-mic{position:relative;width:290px;height:350px;display:grid;place-items:center}.vt-mic-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.25),rgba(168,85,247,.1),transparent 65%);filter:blur(2px)}.vt-mic-body{position:relative;width:170px;height:220px;border-radius:72px 72px 54px 54px;display:grid;place-items:center;font-size:96px;background:linear-gradient(180deg,#0b1734,#080b1f);border:1px solid rgba(125,211,252,.26);box-shadow:inset 0 0 30px rgba(255,255,255,.04),0 0 80px rgba(56,189,248,.14)}.vt-wave{position:absolute;border:1px solid rgba(56,189,248,.22);border-radius:50%;animation:vtPortalWave 3.2s ease-in-out infinite}.vt-wave-1{width:250px;height:250px}.vt-wave-2{width:330px;height:330px;animation-delay:.7s}@keyframes vtPortalWave{0%,100%{transform:scale(.88);opacity:.45}50%{transform:scale(1.04);opacity:.8}}
.vt-portal-login-card{width:auto;margin:0;background:linear-gradient(180deg,rgba(15,23,42,.9),rgba(20,16,50,.86));border:1px solid rgba(125,211,252,.22);box-shadow:0 30px 90px rgba(0,0,0,.38)}.vt-portal-login-card .join-tabs button{min-height:64px}.vt-portal-login-card .start-chat{background:linear-gradient(135deg,#9333ea,#2563eb,#22d3ee)}
.vt-portal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.vt-portal-stats div,.vt-feature-grid article,.vt-room-cards article,.vt-portal-announcement{background:rgba(15,23,42,.66);border:1px solid rgba(148,163,184,.16);border-radius:22px;box-shadow:0 18px 60px rgba(0,0,0,.18);backdrop-filter:blur(14px)}.vt-portal-stats div{padding:24px}.vt-portal-stats b{display:block;font-size:36px;line-height:1;color:#fff}.vt-portal-stats span{display:block;margin-top:8px;color:#cbd5e1;font-weight:750}.vt-portal-announcement{display:flex;align-items:center;gap:22px;padding:20px 24px;margin:24px 0 38px}.vt-portal-announcement strong{font-size:20px}.vt-portal-announcement span{color:#cbd5e1;line-height:1.6}.vt-portal-section{margin:36px 0}.vt-portal-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.vt-portal-section h2{font-size:28px;margin:0;color:#fff}.vt-portal-section-head a{color:#dbeafe;text-decoration:none;font-weight:850;background:rgba(15,23,42,.68);border:1px solid rgba(148,163,184,.18);border-radius:999px;padding:12px 16px}.vt-room-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.vt-room-cards article{padding:16px;min-height:190px;display:flex;flex-direction:column}.vt-room-art{height:84px;border-radius:18px;display:grid;place-items:center;font-size:42px;background:linear-gradient(135deg,rgba(236,72,153,.38),rgba(37,99,235,.42));margin-bottom:14px}.vt-room-cards h3{margin:0 0 8px;color:#fff}.vt-room-cards p{color:#cbd5e1;font-size:13px;line-height:1.55;flex:1}.vt-room-cards span{display:inline-flex;align-items:center;gap:7px;color:#86efac;font-weight:900}.vt-room-cards span i{width:8px;height:8px;border-radius:50%;background:#22c55e}.vt-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.vt-feature-grid article{padding:22px}.vt-feature-grid b{display:block;color:#fff;font-size:17px;margin-bottom:8px}.vt-feature-grid p{margin:0;color:#cbd5e1;line-height:1.6}.vt-portal-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(148,163,184,.15);margin-top:36px;padding:24px 4px;color:#94a3b8}.vt-portal-footer strong{color:#fff}.vt-portal-footer span{color:#93c5fd;font-weight:850}
.vt-settings-modern textarea{width:100%;border:1px solid #cbd5e1;border-radius:16px;padding:14px 16px;background:#f8fafc;color:#0f172a;font-weight:700;resize:vertical}.vt-settings-modern select{width:100%;border:1px solid #cbd5e1;border-radius:16px;padding:14px 16px;background:#f8fafc;color:#0f172a;font-weight:800}
@media(max-width:1120px){.vt-portal-hero{grid-template-columns:1fr minmax(330px,.8fr)}.vt-portal-mic{display:none}.vt-room-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.vt-portal-wrap{width:min(100% - 24px,560px);padding-top:18px}.vt-portal-nav{margin-bottom:26px}.vt-portal-links{display:none}.vt-portal-hero{grid-template-columns:1fr}.vt-portal-copy h1{font-size:42px}.vt-portal-copy p{font-size:15px}.vt-portal-stats,.vt-feature-grid,.vt-room-cards{grid-template-columns:1fr}.vt-portal-announcement{align-items:flex-start;flex-direction:column}.vt-portal-footer{flex-direction:column;gap:8px}.vt-portal-login-card{order:2}}

/* v2.51 - Modern portal scroll and login-card polish */
html:has(body.vt-portal-page),
body.vt-portal-page{
  height:auto!important;
  min-height:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:auto!important;
  touch-action:auto!important;
}
body.vt-portal-page .vt-portal-wrap{
  min-height:auto!important;
  padding-bottom:72px!important;
}
body.vt-portal-page .vt-portal-hero{
  align-items:center!important;
}
body.vt-portal-page .vt-portal-login-card{
  width:min(430px,100%)!important;
  min-width:0!important;
  padding:28px!important;
  border-radius:28px!important;
  overflow:visible!important;
}
body.vt-portal-page .vt-login-tabs-v123{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  margin:0 0 22px!important;
}
body.vt-portal-page .vt-login-tabs-v123 button{
  min-width:0!important;
  min-height:76px!important;
  height:auto!important;
  padding:14px 10px!important;
  border-radius:20px!important;
  border:1px solid rgba(148,163,184,.22)!important;
  background:rgba(30,41,59,.82)!important;
  color:#f8fafc!important;
  font-size:18px!important;
  font-weight:950!important;
  line-height:1.22!important;
  white-space:normal!important;
  cursor:pointer!important;
}
body.vt-portal-page .vt-login-tabs-v123 button.active{
  background:linear-gradient(135deg,#3b82f6,#8b5cf6,#c026d3)!important;
  border-color:rgba(147,197,253,.62)!important;
  box-shadow:0 16px 42px rgba(59,130,246,.26)!important;
}
body.vt-portal-page .vt-form-v123.hide{display:none!important;}
body.vt-portal-page .vt-form-v123{display:block!important;}
body.vt-portal-page .vt-form-v123 label:not(.remember-row){
  display:block!important;
  margin:14px 0 8px!important;
  color:#eaf2ff!important;
  font-size:14px!important;
  font-weight:950!important;
}
body.vt-portal-page .vt-input-v123{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  align-items:center!important;
  min-height:58px!important;
  border-radius:18px!important;
  border:1px solid rgba(148,163,184,.24)!important;
  background:rgba(15,23,42,.72)!important;
  overflow:hidden!important;
}
body.vt-portal-page .vt-input-v123 span{
  display:grid!important;
  place-items:center!important;
  width:54px!important;
  font-size:22px!important;
  opacity:.9!important;
}
body.vt-portal-page .vt-input-v123 input{
  width:100%!important;
  min-width:0!important;
  height:58px!important;
  padding:0 16px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:16px!important;
  box-shadow:none!important;
}
body.vt-portal-page .vt-input-v123 input::placeholder{color:rgba(226,232,240,.58)!important;}
body.vt-portal-page .vt-gender-v123{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
body.vt-portal-page .vt-gender-v123 .gender-btn{
  min-width:0!important;
  height:78px!important;
  padding:10px 6px!important;
  border-radius:18px!important;
  border:1px solid rgba(148,163,184,.24)!important;
  background:linear-gradient(180deg,rgba(51,65,85,.76),rgba(30,41,59,.82))!important;
  color:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  font-size:22px!important;
  font-weight:950!important;
  line-height:1!important;
  cursor:pointer!important;
}
body.vt-portal-page .vt-gender-v123 .gender-btn b{
  font-size:13px!important;
  letter-spacing:.03em!important;
  white-space:nowrap!important;
}
body.vt-portal-page .vt-gender-v123 .gender-btn.active{
  background:linear-gradient(135deg,#2563eb,#8b5cf6)!important;
  border-color:rgba(147,197,253,.65)!important;
  box-shadow:0 14px 32px rgba(37,99,235,.22)!important;
}
body.vt-portal-page .vt-remember-v123{
  min-height:54px!important;
  margin:16px 0 18px!important;
  padding:12px 14px!important;
  border-radius:17px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  color:#f1f5f9!important;
  font-weight:900!important;
  background:rgba(30,41,59,.82)!important;
  border:1px solid rgba(148,163,184,.22)!important;
}
body.vt-portal-page .vt-remember-v123 input{
  width:22px!important;
  height:22px!important;
  margin:0!important;
  flex:0 0 auto!important;
}
body.vt-portal-page .vt-start-v123{
  width:100%!important;
  min-height:60px!important;
  border-radius:20px!important;
  border:0!important;
  font-size:18px!important;
  font-weight:1000!important;
  letter-spacing:.02em!important;
}
body.vt-portal-page .vt-register-cta-v123{
  display:block!important;
  margin-top:12px!important;
  color:#93c5fd!important;
  text-align:center!important;
  font-size:15px!important;
  line-height:1.4!important;
  text-decoration:none!important;
  white-space:normal!important;
}
@media(max-width:1120px){
  body.vt-portal-page .vt-portal-hero{grid-template-columns:1fr minmax(330px,430px)!important;}
}
@media(max-width:780px){
  html:has(body.vt-portal-page),body.vt-portal-page{overflow-y:auto!important;}
  body.vt-portal-page .vt-portal-wrap{width:min(100% - 22px,560px)!important;padding-bottom:58px!important;}
  body.vt-portal-page .vt-portal-login-card{width:100%!important;padding:20px!important;border-radius:24px!important;}
  body.vt-portal-page .vt-login-tabs-v123{gap:9px!important;margin-bottom:16px!important;}
  body.vt-portal-page .vt-login-tabs-v123 button{min-height:62px!important;font-size:15px!important;border-radius:17px!important;}
  body.vt-portal-page .vt-gender-v123{gap:8px!important;}
  body.vt-portal-page .vt-gender-v123 .gender-btn{height:66px!important;border-radius:15px!important;font-size:19px!important;}
  body.vt-portal-page .vt-gender-v123 .gender-btn b{font-size:11px!important;}
  body.vt-portal-page .vt-input-v123{grid-template-columns:48px minmax(0,1fr)!important;min-height:54px!important;}
  body.vt-portal-page .vt-input-v123 span{width:48px!important;font-size:20px!important;}
  body.vt-portal-page .vt-input-v123 input{height:54px!important;font-size:15px!important;}
  body.vt-portal-page .vt-start-v123{min-height:78px!important;font-size:16px!important;}
}


/* v2.53 portal/mobile/logo/favicon polish */
.vt-portal-logo{overflow:hidden;background:rgba(15,23,42,.62)!important;padding:6px;}
.vt-portal-logo img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 10px 20px rgba(56,189,248,.2));}
.vt-portal-brand strong{white-space:nowrap;}
@media(max-width:780px){
  body.login-pro.vt-login-v123{overflow-y:auto!important;}
}

/* v2.55 - Modern portal desktop hero alignment */
@media (min-width: 981px){
  body.vt-portal-page .vt-portal-wrap{
    width:min(1360px, calc(100% - 72px))!important;
    padding-top:22px!important;
  }
  body.vt-portal-page .vt-portal-nav{
    margin-bottom:42px!important;
    align-items:flex-start!important;
  }
  body.vt-portal-page .vt-portal-brand{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:258px!important;
    min-height:82px!important;
    padding:10px 16px!important;
    border-radius:22px!important;
    background:linear-gradient(135deg,rgba(8,18,38,.74),rgba(23,18,54,.62))!important;
    border:1px solid rgba(125,211,252,.24)!important;
    box-shadow:0 18px 48px rgba(0,0,0,.22),0 0 0 1px rgba(168,85,247,.12), inset 0 1px 0 rgba(255,255,255,.05)!important;
    backdrop-filter:blur(14px)!important;
    overflow:hidden!important;
  }
  body.vt-portal-page .vt-portal-brand strong{display:none!important;}
  body.vt-portal-page .vt-portal-logo{
    width:100%!important;
    height:60px!important;
    border:0!important;
    border-radius:16px!important;
    background:transparent!important;
    padding:0!important;
    box-shadow:none!important;
  }
  body.vt-portal-page .vt-portal-logo img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:left center!important;
    filter:drop-shadow(0 12px 22px rgba(56,189,248,.18))!important;
  }
  body.vt-portal-page .vt-portal-links{
    padding-top:22px!important;
    gap:34px!important;
  }
  body.vt-portal-page .vt-portal-links a{
    font-size:15px!important;
    color:#eef4ff!important;
  }
  body.vt-portal-page .vt-portal-online{
    margin-top:7px!important;
    padding:13px 18px!important;
  }
  body.vt-portal-page .vt-portal-hero{
    grid-template-columns:minmax(470px,.92fr) minmax(260px,.52fr) minmax(500px,.92fr)!important;
    gap:38px!important;
    align-items:start!important;
    margin-top:34px!important;
    margin-bottom:28px!important;
  }
  body.vt-portal-page .vt-portal-copy{
    padding-top:10px!important;
    transform:translateY(-10px)!important;
  }
  body.vt-portal-page .vt-portal-badge{
    padding:10px 16px!important;
    font-size:14px!important;
  }
  body.vt-portal-page .vt-portal-copy h1{
    font-size:clamp(62px,5.4vw,82px)!important;
    line-height:.98!important;
    margin:26px 0 20px!important;
    max-width:620px!important;
  }
  body.vt-portal-page .vt-portal-copy p{
    max-width:590px!important;
    font-size:18px!important;
    line-height:1.72!important;
    margin-bottom:34px!important;
  }
  body.vt-portal-page .vt-portal-mic{
    width:310px!important;
    height:390px!important;
    align-self:center!important;
    transform:translateY(18px)!important;
  }
  body.vt-portal-page .vt-mic-body{
    width:166px!important;
    height:218px!important;
    font-size:90px!important;
    border-color:rgba(56,189,248,.42)!important;
    box-shadow:inset 0 0 32px rgba(255,255,255,.045),0 0 70px rgba(168,85,247,.18)!important;
  }
  body.vt-portal-page .vt-wave-1{width:265px!important;height:265px!important;}
  body.vt-portal-page .vt-wave-2{width:350px!important;height:350px!important;}
  body.vt-portal-page .vt-portal-login-card{
    width:min(540px,100%)!important;
    padding:34px!important;
    border-radius:32px!important;
    border-color:rgba(56,189,248,.42)!important;
    box-shadow:0 34px 100px rgba(0,0,0,.42),0 0 42px rgba(168,85,247,.16)!important;
    justify-self:end!important;
  }
  body.vt-portal-page .vt-login-tabs-v123 button{
    min-height:76px!important;
    font-size:19px!important;
  }
  body.vt-portal-page .vt-input-v123{min-height:64px!important;}
  body.vt-portal-page .vt-input-v123 input{height:64px!important;font-size:17px!important;}
  body.vt-portal-page .vt-gender-v123 .gender-btn{height:86px!important;}
  body.vt-portal-page .vt-start-v123{min-height:66px!important;font-size:20px!important;}
}
@media (min-width: 981px) and (max-width: 1240px){
  body.vt-portal-page .vt-portal-wrap{width:min(100% - 48px,1180px)!important;}
  body.vt-portal-page .vt-portal-hero{grid-template-columns:minmax(430px,1fr) minmax(420px,.85fr)!important;}
  body.vt-portal-page .vt-portal-mic{display:none!important;}
  body.vt-portal-page .vt-portal-login-card{width:min(500px,100%)!important;}
}


/* v2.56 - PC modern portal hero: recent members + real host visual */
@media (min-width: 981px){
  body.vt-portal-page .vt-portal-wrap{
    width:min(1460px,calc(100% - 58px))!important;
    padding-top:18px!important;
  }
  body.vt-portal-page .vt-portal-nav{
    margin-bottom:24px!important;
  }
  body.vt-portal-page .vt-portal-hero-v256{
    display:grid!important;
    grid-template-columns:238px minmax(560px,1fr) minmax(430px,520px)!important;
    gap:26px!important;
    align-items:stretch!important;
    margin-top:18px!important;
    margin-bottom:22px!important;
    min-height:650px!important;
  }
  body.vt-portal-page .vt-recent-members{
    align-self:stretch!important;
    min-height:640px!important;
    max-height:760px!important;
    border-radius:24px!important;
    background:linear-gradient(180deg,rgba(15,23,42,.74),rgba(7,10,26,.82))!important;
    border:1px solid rgba(125,211,252,.18)!important;
    box-shadow:0 28px 80px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04)!important;
    overflow:hidden!important;
    backdrop-filter:blur(16px)!important;
  }
  body.vt-portal-page .vt-recent-head{
    height:58px!important;
    padding:0 18px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    color:#f8fafc!important;
    border-bottom:1px solid rgba(148,163,184,.13)!important;
    background:linear-gradient(90deg,rgba(14,165,233,.09),rgba(168,85,247,.08))!important;
  }
  body.vt-portal-page .vt-recent-head span{filter:drop-shadow(0 0 10px rgba(168,85,247,.6));}
  body.vt-portal-page .vt-recent-head strong{font-size:15px!important;font-weight:950!important;letter-spacing:.01em!important;}
  body.vt-portal-page .vt-recent-list{
    display:flex!important;
    flex-direction:column!important;
    gap:9px!important;
    padding:14px 14px 16px!important;
    max-height:690px!important;
    overflow:hidden!important;
  }
  body.vt-portal-page .vt-recent-item{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 9px!important;
    gap:10px!important;
    align-items:center!important;
    min-height:50px!important;
    padding:6px 8px!important;
    border-radius:16px!important;
    background:rgba(15,23,42,.34)!important;
    border:1px solid rgba(148,163,184,.08)!important;
  }
  body.vt-portal-page .vt-recent-item img{
    width:44px!important;
    height:44px!important;
    border-radius:50%!important;
    object-fit:cover!important;
    border:2px solid rgba(56,189,248,.45)!important;
    box-shadow:0 0 18px rgba(56,189,248,.18)!important;
  }
  body.vt-portal-page .vt-recent-item b{
    display:block!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:900!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.vt-portal-page .vt-recent-item small{
    display:block!important;
    margin-top:2px!important;
    color:#94a3b8!important;
    font-size:11px!important;
    font-weight:700!important;
  }
  body.vt-portal-page .vt-recent-item i{
    width:8px!important;
    height:8px!important;
    border-radius:50%!important;
    background:#22c55e!important;
    box-shadow:0 0 12px #22c55e!important;
  }
  body.vt-portal-page .vt-recent-empty{
    color:#94a3b8!important;
    font-size:13px!important;
    line-height:1.5!important;
    padding:16px!important;
    text-align:center!important;
  }
  body.vt-portal-page .vt-portal-stage{
    position:relative!important;
    min-height:650px!important;
    display:grid!important;
    grid-template-columns:minmax(350px,.92fr) minmax(320px,.92fr)!important;
    align-items:center!important;
    gap:12px!important;
    overflow:visible!important;
  }
  body.vt-portal-page .vt-portal-copy{
    position:relative!important;
    z-index:3!important;
    padding-top:18px!important;
    transform:translateY(-28px)!important;
  }
  body.vt-portal-page .vt-portal-copy h1{
    font-size:clamp(48px,4.6vw,72px)!important;
    line-height:1.02!important;
    max-width:560px!important;
    margin:22px 0 20px!important;
    letter-spacing:-.06em!important;
    text-shadow:0 12px 40px rgba(0,0,0,.35)!important;
  }
  body.vt-portal-page .vt-portal-copy h1::first-line{color:#fff!important;}
  body.vt-portal-page .vt-portal-copy p{
    max-width:470px!important;
    font-size:16px!important;
    line-height:1.74!important;
    margin-bottom:22px!important;
  }
  body.vt-portal-page .vt-portal-actions{display:none!important;}
  body.vt-portal-page .vt-portal-mini-features{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
    max-width:480px!important;
    margin-top:28px!important;
  }
  body.vt-portal-page .vt-portal-mini-features span{
    min-height:78px!important;
    border-radius:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    padding:12px!important;
    color:#eaf2ff!important;
    font-size:13px!important;
    font-weight:900!important;
    background:linear-gradient(180deg,rgba(15,23,42,.66),rgba(15,23,42,.38))!important;
    border:1px solid rgba(125,211,252,.16)!important;
    box-shadow:0 18px 50px rgba(0,0,0,.22)!important;
  }
  body.vt-portal-page .vt-portal-host{
    position:relative!important;
    z-index:2!important;
    height:650px!important;
    min-width:330px!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  body.vt-portal-page .vt-portal-host img{
    position:relative!important;
    z-index:3!important;
    height:100%!important;
    max-width:620px!important;
    width:auto!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    filter:drop-shadow(0 32px 68px rgba(0,0,0,.58)) drop-shadow(0 0 28px rgba(168,85,247,.28))!important;
    border-radius:34px!important;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,rgba(0,0,0,.86) 86%,transparent 100%)!important;
    mask-image:linear-gradient(to bottom,#000 0%,#000 76%,rgba(0,0,0,.86) 86%,transparent 100%)!important;
  }
  body.vt-portal-page .vt-portal-host:before{
    content:""!important;
    position:absolute!important;
    inset:55px -20px 30px -20px!important;
    z-index:1!important;
    border-radius:42px!important;
    background:
      radial-gradient(circle at 48% 35%,rgba(236,72,153,.22),transparent 34%),
      radial-gradient(circle at 62% 48%,rgba(56,189,248,.23),transparent 38%),
      linear-gradient(180deg,rgba(15,23,42,.05),rgba(15,23,42,.34))!important;
    filter:blur(.2px)!important;
  }
  body.vt-portal-page .vt-host-wave{
    position:absolute!important;
    z-index:2!important;
    left:50%!important;
    top:42%!important;
    transform:translate(-50%,-50%)!important;
    border-radius:50%!important;
    border:1px solid rgba(56,189,248,.28)!important;
    box-shadow:0 0 34px rgba(168,85,247,.16)!important;
    animation:vtHostWave 3.8s ease-in-out infinite!important;
  }
  body.vt-portal-page .vt-host-wave-1{width:310px!important;height:310px!important;}
  body.vt-portal-page .vt-host-wave-2{width:430px!important;height:430px!important;animation-delay:.85s!important;border-color:rgba(217,70,239,.24)!important;}
  body.vt-portal-page .vt-host-eq{
    position:absolute!important;
    z-index:4!important;
    left:48%!important;
    bottom:48px!important;
    width:390px!important;
    height:80px!important;
    border-radius:50%!important;
    background:
      repeating-linear-gradient(90deg,rgba(56,189,248,.0) 0 9px,rgba(56,189,248,.38) 9px 12px,rgba(217,70,239,.35) 12px 15px,rgba(0,0,0,0) 15px 24px)!important;
    filter:blur(.3px) drop-shadow(0 0 18px rgba(56,189,248,.5))!important;
    opacity:.52!important;
    transform:translateX(-50%) skewX(-12deg)!important;
    mask-image:linear-gradient(to top,transparent 0%,#000 35%,transparent 100%)!important;
    animation:vtEqPulse 1.8s ease-in-out infinite!important;
  }
  @keyframes vtHostWave{
    0%,100%{opacity:.24;transform:translate(-50%,-50%) scale(.88)}
    50%{opacity:.72;transform:translate(-50%,-50%) scale(1.04)}
  }
  @keyframes vtEqPulse{
    0%,100%{opacity:.34;transform:translateX(-50%) skewX(-12deg) scaleY(.82)}
    50%{opacity:.64;transform:translateX(-50%) skewX(-12deg) scaleY(1.05)}
  }
  body.vt-portal-page .vt-portal-mic{display:none!important;}
  body.vt-portal-page .vt-portal-login-card{
    align-self:center!important;
    justify-self:end!important;
    width:min(500px,100%)!important;
    padding:32px!important;
    border-radius:32px!important;
  }
  body.vt-portal-page .vt-portal-stats,
  body.vt-portal-page .vt-portal-announcement,
  body.vt-portal-page .vt-portal-section{display:none!important;}
  body.vt-portal-page .vt-portal-footer{
    margin-top:18px!important;
    padding:18px 4px!important;
  }
}
@media (min-width:981px) and (max-width:1280px){
  body.vt-portal-page .vt-portal-hero-v256{
    grid-template-columns:210px minmax(480px,1fr) minmax(390px,440px)!important;
    gap:18px!important;
  }
  body.vt-portal-page .vt-portal-host{height:600px!important;}
  body.vt-portal-page .vt-portal-copy h1{font-size:58px!important;}
  body.vt-portal-page .vt-portal-login-card{width:min(440px,100%)!important;padding:26px!important;}
}

/* v2.57 - Modern portal layout polish: no overlap, premium hero/footer */
@media (min-width:981px){
  body.vt-portal-page .vt-portal-wrap{
    width:min(1540px,calc(100% - 70px))!important;
    padding-top:18px!important;
    padding-bottom:28px!important;
  }
  body.vt-portal-page .vt-portal-nav{
    margin-bottom:22px!important;
  }
  body.vt-portal-page .vt-portal-brand{
    width:248px!important;
    min-height:78px!important;
    border-radius:24px!important;
    background:linear-gradient(135deg,rgba(8,20,42,.82),rgba(18,13,44,.68))!important;
    border:1px solid rgba(56,189,248,.26)!important;
    box-shadow:0 18px 54px rgba(0,0,0,.34),0 0 34px rgba(168,85,247,.12),inset 0 1px 0 rgba(255,255,255,.06)!important;
  }
  body.vt-portal-page .vt-portal-logo{height:78px!important;}
  body.vt-portal-page .vt-portal-hero-v256{
    grid-template-columns:250px minmax(630px,1fr) minmax(420px,520px)!important;
    gap:28px!important;
    min-height:690px!important;
    align-items:stretch!important;
    margin-top:10px!important;
  }
  body.vt-portal-page .vt-recent-members{
    min-height:690px!important;
    max-height:690px!important;
    border-radius:28px!important;
    background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(7,11,28,.9))!important;
    border:1px solid rgba(125,211,252,.2)!important;
  }
  body.vt-portal-page .vt-recent-list{max-height:626px!important;}
  body.vt-portal-page .vt-portal-stage{
    position:relative!important;
    min-height:690px!important;
    display:block!important;
    overflow:hidden!important;
    border-radius:36px!important;
    isolation:isolate!important;
    background:
      radial-gradient(circle at 70% 40%,rgba(168,85,247,.19),transparent 42%),
      radial-gradient(circle at 82% 62%,rgba(56,189,248,.12),transparent 40%),
      linear-gradient(135deg,rgba(6,13,31,.12),rgba(16,10,34,.2))!important;
  }
  body.vt-portal-page .vt-portal-stage:before{
    content:""!important;
    position:absolute!important;
    inset:18px 20px 24px 0!important;
    z-index:1!important;
    border-radius:34px!important;
    background:linear-gradient(90deg,rgba(5,8,22,.94) 0%,rgba(5,8,22,.72) 36%,rgba(5,8,22,.18) 56%,transparent 100%)!important;
    pointer-events:none!important;
  }
  body.vt-portal-page .vt-portal-stage:after{
    content:""!important;
    position:absolute!important;
    left:41%!important;
    bottom:22px!important;
    width:50%!important;
    height:110px!important;
    z-index:3!important;
    opacity:.56!important;
    background:
      repeating-linear-gradient(90deg,transparent 0 11px,rgba(56,189,248,.42) 11px 14px,rgba(217,70,239,.38) 14px 17px,transparent 17px 28px)!important;
    filter:drop-shadow(0 0 18px rgba(56,189,248,.4)) blur(.2px)!important;
    transform:skewX(-13deg)!important;
    mask-image:linear-gradient(to top,transparent 0%,#000 32%,#000 66%,transparent 100%)!important;
    animation:vtEqPulse 1.65s ease-in-out infinite!important;
    pointer-events:none!important;
  }
  body.vt-portal-page .vt-portal-copy{
    position:relative!important;
    z-index:5!important;
    width:min(520px,52%)!important;
    padding:58px 0 0 26px!important;
    transform:none!important;
  }
  body.vt-portal-page .vt-portal-badge{
    padding:10px 16px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,rgba(14,165,233,.23),rgba(168,85,247,.22))!important;
    border-color:rgba(56,189,248,.34)!important;
    color:#bde7ff!important;
  }
  body.vt-portal-page .vt-portal-copy h1{
    font-size:clamp(48px,4vw,68px)!important;
    line-height:1.05!important;
    max-width:510px!important;
    margin:28px 0 22px!important;
    letter-spacing:-.058em!important;
  }
  body.vt-portal-page .vt-portal-copy p{
    max-width:440px!important;
    font-size:16px!important;
    line-height:1.72!important;
    color:rgba(226,232,240,.9)!important;
  }
  body.vt-portal-page .vt-portal-mini-features{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    max-width:430px!important;
    gap:10px!important;
    margin-top:26px!important;
  }
  body.vt-portal-page .vt-portal-mini-features span{
    min-height:72px!important;
    border-radius:18px!important;
    font-size:12px!important;
    background:linear-gradient(180deg,rgba(15,23,42,.72),rgba(15,23,42,.42))!important;
    border-color:rgba(125,211,252,.18)!important;
    backdrop-filter:blur(12px)!important;
  }
  body.vt-portal-page .vt-portal-host{
    position:absolute!important;
    z-index:2!important;
    right:0!important;
    top:24px!important;
    bottom:0!important;
    width:62%!important;
    height:auto!important;
    min-width:0!important;
    align-items:flex-end!important;
    justify-content:flex-end!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  body.vt-portal-page .vt-portal-host img{
    height:100%!important;
    width:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center bottom!important;
    border-radius:34px!important;
    opacity:.98!important;
    filter:drop-shadow(0 34px 70px rgba(0,0,0,.62)) drop-shadow(0 0 28px rgba(168,85,247,.28))!important;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.7) 12%,#000 30%,#000 100%),linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%)!important;
    mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.7) 12%,#000 30%,#000 100%),linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%)!important;
  }
  body.vt-portal-page .vt-portal-host:before{
    inset:70px 2% 48px 8%!important;
    border-radius:50%!important;
    background:
      radial-gradient(circle at 52% 42%,rgba(217,70,239,.22),transparent 33%),
      radial-gradient(circle at 44% 38%,rgba(56,189,248,.24),transparent 34%)!important;
  }
  body.vt-portal-page .vt-host-wave{
    left:50%!important;
    top:42%!important;
    z-index:4!important;
    opacity:.55!important;
  }
  body.vt-portal-page .vt-host-wave-1{width:300px!important;height:300px!important;}
  body.vt-portal-page .vt-host-wave-2{width:430px!important;height:430px!important;}
  body.vt-portal-page .vt-host-eq{display:none!important;}
  body.vt-portal-page .vt-portal-login-card{
    position:relative!important;
    z-index:10!important;
    align-self:center!important;
    justify-self:stretch!important;
    width:100%!important;
    max-width:520px!important;
    padding:34px!important;
    border-radius:32px!important;
    background:linear-gradient(180deg,rgba(8,13,31,.93),rgba(15,10,40,.9))!important;
    border:1px solid rgba(56,189,248,.48)!important;
    box-shadow:0 34px 110px rgba(0,0,0,.52),0 0 50px rgba(168,85,247,.23), inset 0 1px 0 rgba(255,255,255,.06)!important;
  }
  body.vt-portal-page .vt-portal-footer{
    margin-top:20px!important;
    padding:18px 24px!important;
    min-height:72px!important;
    border:1px solid rgba(125,211,252,.12)!important;
    border-radius:22px!important;
    background:linear-gradient(90deg,rgba(7,12,28,.88),rgba(15,23,42,.62),rgba(24,16,54,.72))!important;
    box-shadow:0 20px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05)!important;
    color:#cbd5e1!important;
  }
  body.vt-portal-page .vt-portal-footer strong{font-size:16px!important;letter-spacing:.01em!important;}
  body.vt-portal-page .vt-portal-footer span{font-size:15px!important;color:#93c5fd!important;font-weight:950!important;}
}
@media (min-width:981px) and (max-width:1320px){
  body.vt-portal-page .vt-portal-wrap{width:min(100% - 44px,1240px)!important;}
  body.vt-portal-page .vt-portal-hero-v256{grid-template-columns:220px minmax(520px,1fr) minmax(390px,440px)!important;gap:18px!important;}
  body.vt-portal-page .vt-portal-copy{width:55%!important;padding-left:20px!important;}
  body.vt-portal-page .vt-portal-copy h1{font-size:54px!important;}
  body.vt-portal-page .vt-portal-login-card{padding:26px!important;}
  body.vt-portal-page .vt-portal-host{width:60%!important;}
}


/* v2.62 - Portal rebuild to reference layout: DJ hero, wave effects, stronger footer */
@media (min-width:981px){
  body.vt-portal-page{
    background:
      radial-gradient(circle at 8% 28%,rgba(14,165,233,.18),transparent 30%),
      radial-gradient(circle at 86% 16%,rgba(168,85,247,.22),transparent 28%),
      linear-gradient(180deg,#030713 0%,#050817 54%,#03050d 100%)!important;
    overflow-x:hidden!important;
  }
  body.vt-portal-page:before,
  body.vt-portal-page:after{
    content:""!important;
    position:fixed!important;
    z-index:0!important;
    top:235px!important;
    width:220px!important;
    height:260px!important;
    pointer-events:none!important;
    opacity:.7!important;
    background:
      repeating-linear-gradient(90deg,transparent 0 11px,rgba(217,70,239,.0) 11px 16px,rgba(217,70,239,.65) 16px 19px,transparent 19px 29px)!important;
    filter:drop-shadow(0 0 18px rgba(217,70,239,.55)) blur(.2px)!important;
    mask-image:linear-gradient(to top,transparent 4%,#000 38%,#000 62%,transparent 96%)!important;
    animation:vtSideEq 2.2s ease-in-out infinite!important;
  }
  body.vt-portal-page:before{left:-34px!important;}
  body.vt-portal-page:after{right:-34px!important;background:
      repeating-linear-gradient(90deg,transparent 0 11px,rgba(56,189,248,.0) 11px 16px,rgba(56,189,248,.65) 16px 19px,transparent 19px 29px)!important;}
  @keyframes vtSideEq{0%,100%{transform:scaleY(.82);opacity:.45}50%{transform:scaleY(1.08);opacity:.86}}
  body.vt-portal-page .vt-portal-wrap{
    position:relative!important;
    z-index:1!important;
    width:min(1640px,calc(100% - 72px))!important;
    padding-top:16px!important;
    padding-bottom:26px!important;
  }
  body.vt-portal-page .vt-portal-nav{
    height:82px!important;
    display:grid!important;
    grid-template-columns:260px 1fr 160px!important;
    align-items:center!important;
    margin-bottom:18px!important;
    gap:24px!important;
  }
  body.vt-portal-page .vt-portal-brand{
    width:240px!important;
    min-height:66px!important;
    padding:8px 14px!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,rgba(8,15,35,.9),rgba(11,9,30,.78))!important;
    border:1px solid rgba(217,70,239,.36)!important;
    box-shadow:0 16px 46px rgba(0,0,0,.38),0 0 28px rgba(217,70,239,.14)!important;
  }
  body.vt-portal-page .vt-portal-brand strong{display:none!important;}
  body.vt-portal-page .vt-portal-logo{
    height:48px!important;
    width:100%!important;
    background:none!important;
    box-shadow:none!important;
    border:0!important;
    padding:0!important;
    display:flex!important;
    justify-content:flex-start!important;
  }
  body.vt-portal-page .vt-portal-logo img{
    height:48px!important;
    max-width:190px!important;
    width:auto!important;
    object-fit:contain!important;
  }
  body.vt-portal-page .vt-portal-links{
    display:flex!important;
    justify-content:center!important;
    gap:42px!important;
  }
  body.vt-portal-page .vt-portal-links a{
    position:relative!important;
    color:#f8fafc!important;
    font-size:16px!important;
    font-weight:950!important;
    text-decoration:none!important;
    padding:12px 0!important;
  }
  body.vt-portal-page .vt-portal-links a.active:after,
  body.vt-portal-page .vt-portal-links a:hover:after{
    content:""!important;
    position:absolute!important;
    left:0!important;right:0!important;bottom:1px!important;
    height:2px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#2563eb,#d946ef)!important;
    box-shadow:0 0 18px rgba(217,70,239,.75)!important;
  }
  body.vt-portal-page .vt-portal-online{
    justify-self:end!important;
    min-width:136px!important;
    justify-content:center!important;
    padding:13px 18px!important;
    border-radius:999px!important;
    background:rgba(6,10,24,.82)!important;
    border:1px solid rgba(148,163,184,.22)!important;
    box-shadow:0 14px 36px rgba(0,0,0,.28)!important;
    color:#fff!important;
    font-size:18px!important;
    font-weight:950!important;
  }
  body.vt-portal-page .vt-portal-hero-v256{
    display:grid!important;
    grid-template-columns:240px minmax(780px,1fr) 420px!important;
    gap:28px!important;
    align-items:stretch!important;
    min-height:520px!important;
    margin:8px 0 24px!important;
  }
  body.vt-portal-page .vt-recent-members{
    min-height:520px!important;
    max-height:520px!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,rgba(10,17,38,.88),rgba(5,8,20,.9))!important;
    border:1px solid rgba(125,211,252,.14)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  body.vt-portal-page .vt-recent-head{
    height:60px!important;
    padding:0 18px!important;
    background:linear-gradient(90deg,rgba(217,70,239,.15),rgba(56,189,248,.05))!important;
    border-bottom:1px solid rgba(148,163,184,.12)!important;
  }
  body.vt-portal-page .vt-recent-list{max-height:400px!important;padding:14px 14px 10px!important;gap:10px!important;overflow:hidden!important;}
  body.vt-portal-page .vt-recent-item{
    min-height:54px!important;
    grid-template-columns:46px minmax(0,1fr) 9px!important;
    padding:7px 8px!important;
    border-radius:16px!important;
    background:rgba(9,15,33,.62)!important;
    border:1px solid rgba(148,163,184,.1)!important;
  }
  body.vt-portal-page .vt-recent-item img{width:46px!important;height:46px!important;border:2px solid rgba(56,189,248,.34)!important;}
  body.vt-portal-page .vt-recent-all{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    width:150px!important;
    margin:14px auto 0!important;
    height:40px!important;
    border-radius:999px!important;
    color:#fff!important;
    text-decoration:none!important;
    font-weight:900!important;
    background:rgba(8,13,31,.8)!important;
    border:1px solid rgba(217,70,239,.5)!important;
    box-shadow:0 0 22px rgba(217,70,239,.16)!important;
  }
  body.vt-portal-page .vt-portal-stage{
    min-height:520px!important;
    height:520px!important;
    display:block!important;
    position:relative!important;
    overflow:hidden!important;
    border-radius:28px!important;
    background:
      linear-gradient(90deg,rgba(3,7,18,.98) 0%,rgba(3,7,18,.9) 34%,rgba(3,7,18,.3) 56%,rgba(3,7,18,.05) 100%),
      radial-gradient(circle at 66% 42%,rgba(217,70,239,.18),transparent 34%),
      #050813!important;
    border:1px solid rgba(217,70,239,.2)!important;
    box-shadow:0 28px 80px rgba(0,0,0,.46),0 0 38px rgba(56,189,248,.08)!important;
    isolation:isolate!important;
  }
  body.vt-portal-page .vt-portal-stage:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    pointer-events:none!important;
    background:
      linear-gradient(90deg,rgba(3,7,18,.82) 0%,rgba(3,7,18,.62) 31%,rgba(3,7,18,.14) 52%,rgba(3,7,18,.04) 100%),
      linear-gradient(0deg,rgba(3,7,18,.44),transparent 34%)!important;
  }
  body.vt-portal-page .vt-portal-stage:after{
    content:""!important;
    position:absolute!important;
    z-index:6!important;
    left:35px!important;right:24px!important;bottom:0!important;
    height:84px!important;
    background:
      repeating-linear-gradient(90deg,transparent 0 8px,rgba(217,70,239,.86) 8px 11px,rgba(56,189,248,.88) 11px 14px,transparent 14px 21px)!important;
    filter:drop-shadow(0 0 16px rgba(217,70,239,.56)) drop-shadow(0 0 18px rgba(56,189,248,.35))!important;
    mask-image:linear-gradient(to top,#000 0%,#000 70%,transparent 100%)!important;
    opacity:.78!important;
    animation:vtHeroEq 1.45s ease-in-out infinite!important;
  }
  @keyframes vtHeroEq{0%,100%{transform:scaleY(.76);opacity:.58}50%{transform:scaleY(1.05);opacity:.9}}
  body.vt-portal-page .vt-portal-copy{
    position:relative!important;
    z-index:7!important;
    width:43%!important;
    min-width:360px!important;
    padding:34px 0 0 34px!important;
    transform:none!important;
  }
  body.vt-portal-page .vt-portal-badge{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    color:#e0f2fe!important;
    font-size:13px!important;
    background:linear-gradient(90deg,rgba(217,70,239,.24),rgba(14,165,233,.18))!important;
    border:1px solid rgba(56,189,248,.42)!important;
    box-shadow:0 0 20px rgba(56,189,248,.14)!important;
  }
  body.vt-portal-page .vt-portal-badge:before{content:"〰"!important;color:#f0abfc!important;font-weight:950!important;}
  body.vt-portal-page .vt-portal-copy h1{
    font-size:clamp(46px,4.1vw,62px)!important;
    line-height:1.02!important;
    letter-spacing:-.055em!important;
    margin:26px 0 20px!important;
    max-width:510px!important;
    color:#fff!important;
    text-shadow:0 14px 36px rgba(0,0,0,.62)!important;
  }
  body.vt-portal-page .vt-portal-copy h1{
    background:linear-gradient(180deg,#fff 0%,#fff 38%,#2da8ff 58%,#d946ef 85%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
  }
  body.vt-portal-page .vt-portal-copy p{
    max-width:430px!important;
    color:#e5e7eb!important;
    font-size:16px!important;
    line-height:1.68!important;
    margin-bottom:24px!important;
    text-shadow:0 10px 30px rgba(0,0,0,.6)!important;
  }
  body.vt-portal-page .vt-portal-mini-features{
    display:grid!important;
    grid-template-columns:repeat(3,110px)!important;
    gap:14px!important;
    max-width:none!important;
    margin-top:26px!important;
  }
  body.vt-portal-page .vt-portal-mini-features span{
    min-height:86px!important;
    padding:12px 8px!important;
    border-radius:16px!important;
    color:#fff!important;
    font-size:12px!important;
    line-height:1.2!important;
    background:rgba(7,12,28,.68)!important;
    border:1px solid rgba(148,163,184,.18)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.03)!important;
    backdrop-filter:blur(12px)!important;
  }
  body.vt-portal-page .vt-portal-host{
    position:absolute!important;
    z-index:2!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    width:68%!important;
    height:100%!important;
    min-width:0!important;
    display:block!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  body.vt-portal-page .vt-portal-host img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    border-radius:0!important;
    opacity:1!important;
    filter:saturate(1.12) contrast(1.04) brightness(.98)!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  body.vt-portal-page .vt-portal-host:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:4!important;
    border-radius:0!important;
    background:
      radial-gradient(circle at 67% 45%,transparent 0 25%,rgba(3,7,18,.06) 46%,rgba(3,7,18,.28) 78%),
      linear-gradient(90deg,rgba(3,7,18,.68) 0%,rgba(3,7,18,.22) 24%,transparent 54%)!important;
  }
  body.vt-portal-page .vt-host-wave{
    z-index:5!important;
    left:68%!important;
    top:42%!important;
    border-color:rgba(217,70,239,.42)!important;
    box-shadow:0 0 42px rgba(217,70,239,.24)!important;
  }
  body.vt-portal-page .vt-host-wave-1{width:340px!important;height:340px!important;}
  body.vt-portal-page .vt-host-wave-2{width:470px!important;height:470px!important;border-color:rgba(56,189,248,.32)!important;}
  body.vt-portal-page .vt-host-eq{display:none!important;}
  body.vt-portal-page .vt-portal-login-card{
    align-self:stretch!important;
    width:100%!important;
    max-width:none!important;
    padding:34px!important;
    border-radius:28px!important;
    background:linear-gradient(180deg,rgba(6,10,25,.94),rgba(10,9,29,.94))!important;
    border:1px solid rgba(56,189,248,.34)!important;
    box-shadow:0 30px 90px rgba(0,0,0,.45),0 0 44px rgba(37,99,235,.12),inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  body.vt-portal-page .vt-portal-announcement-v262{
    min-height:58px!important;
    margin:26px 0 12px!important;
    padding:12px 24px!important;
    display:grid!important;
    grid-template-columns:48px 150px 1fr auto!important;
    align-items:center!important;
    gap:18px!important;
    border-radius:20px!important;
    background:linear-gradient(90deg,rgba(8,13,31,.92),rgba(12,21,48,.74),rgba(9,14,31,.9))!important;
    border:1px solid rgba(56,189,248,.24)!important;
    box-shadow:0 18px 50px rgba(0,0,0,.3),0 0 28px rgba(217,70,239,.1)!important;
  }
  body.vt-portal-page .vt-ann-icon{
    width:42px!important;height:42px!important;border-radius:14px!important;display:grid!important;place-items:center!important;
    background:linear-gradient(135deg,rgba(250,204,21,.26),rgba(217,70,239,.18))!important;font-size:24px!important;
  }
  body.vt-portal-page .vt-portal-announcement-v262 strong{color:#f0abfc!important;font-size:20px!important;font-weight:950!important;}
  body.vt-portal-page .vt-portal-announcement-v262 p{margin:0!important;color:#e5e7eb!important;font-size:15px!important;}
  body.vt-portal-page .vt-portal-announcement-v262 a{
    display:inline-flex!important;align-items:center!important;gap:8px!important;
    padding:10px 18px!important;border-radius:999px!important;text-decoration:none!important;color:#bfdbfe!important;font-weight:900!important;
    border:1px solid rgba(96,165,250,.24)!important;background:rgba(7,12,28,.56)!important;
  }
  body.vt-portal-page .vt-portal-footer-v262{
    display:grid!important;
    grid-template-columns:1.25fr .8fr .8fr 1fr 1.2fr!important;
    gap:28px!important;
    margin-top:12px!important;
    padding:28px 34px!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,rgba(9,14,30,.94),rgba(5,8,18,.96))!important;
    border:1px solid rgba(125,211,252,.13)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.32)!important;
    color:#cbd5e1!important;
    align-items:start!important;
  }
  body.vt-portal-page .vt-portal-footer-v262 img{max-width:180px!important;height:46px!important;object-fit:contain!important;display:block!important;margin-bottom:12px!important;}
  body.vt-portal-page .vt-portal-footer-v262 h4{margin:0 0 12px!important;color:#a78bfa!important;font-size:14px!important;letter-spacing:.04em!important;font-weight:950!important;}
  body.vt-portal-page .vt-portal-footer-v262 p{margin:0 0 12px!important;color:#cbd5e1!important;line-height:1.55!important;font-size:14px!important;}
  body.vt-portal-page .vt-portal-footer-v262 a{display:block!important;color:#bfdbfe!important;text-decoration:none!important;margin:8px 0!important;font-size:14px!important;}
  body.vt-portal-page .vt-footer-social{display:flex!important;gap:10px!important;margin-top:12px!important;}
  body.vt-portal-page .vt-footer-social span{width:32px!important;height:32px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(15,23,42,.8)!important;color:#93c5fd!important;border:1px solid rgba(148,163,184,.16)!important;}
  body.vt-portal-page .vt-footer-wave{
    width:190px!important;height:48px!important;margin-top:16px!important;
    background:repeating-linear-gradient(90deg,transparent 0 8px,#d946ef 8px 11px,#38bdf8 11px 14px,transparent 14px 22px)!important;
    mask-image:linear-gradient(to top,transparent 0%,#000 35%,#000 70%,transparent 100%)!important;
    filter:drop-shadow(0 0 12px rgba(217,70,239,.5))!important;
    animation:vtHeroEq 1.55s ease-in-out infinite!important;
  }
  body.vt-portal-page .vt-portal-copyline{
    text-align:center!important;
    color:#94a3b8!important;
    font-size:13px!important;
    margin-top:8px!important;
  }
  body.vt-portal-page .vt-portal-footer:not(.vt-portal-footer-v262){display:none!important;}
}
@media (min-width:981px) and (max-width:1360px){
  body.vt-portal-page .vt-portal-wrap{width:min(100% - 42px,1260px)!important;}
  body.vt-portal-page .vt-portal-hero-v256{grid-template-columns:220px minmax(640px,1fr) 380px!important;gap:18px!important;}
  body.vt-portal-page .vt-portal-stage{height:500px!important;min-height:500px!important;}
  body.vt-portal-page .vt-portal-copy{width:45%!important;min-width:330px!important;padding-left:28px!important;}
  body.vt-portal-page .vt-portal-copy h1{font-size:50px!important;}
  body.vt-portal-page .vt-portal-mini-features{grid-template-columns:repeat(3,94px)!important;}
  body.vt-portal-page .vt-portal-login-card{padding:26px!important;}
}


/* v2.63 - Portal footer cleanup */
@media (min-width:981px){
  body.vt-portal-page .vt-portal-announcement-v262{
    margin:26px 0 18px!important;
    min-height:70px!important;
    padding:14px 24px!important;
    grid-template-columns:48px 150px minmax(0,1fr) auto!important;
    overflow:hidden!important;
  }
  body.vt-portal-page .vt-portal-announcement-v262 p{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.vt-portal-page .vt-portal-footer-v262{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1.35fr .78fr .78fr 1fr 1.12fr!important;
    gap:22px!important;
    margin-top:0!important;
    padding:24px 28px 22px!important;
    border-radius:24px!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 10% 0%,rgba(217,70,239,.12),transparent 34%),
      radial-gradient(circle at 88% 15%,rgba(56,189,248,.10),transparent 35%),
      linear-gradient(180deg,rgba(8,13,30,.96),rgba(3,6,15,.98))!important;
    border:1px solid rgba(125,211,252,.18)!important;
    box-shadow:0 22px 70px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  body.vt-portal-page .vt-portal-footer-v262:before{
    content:""!important;
    position:absolute!important;
    left:0!important;right:0!important;top:0!important;height:2px!important;
    background:linear-gradient(90deg,#d946ef,#38bdf8,#8b5cf6)!important;
    opacity:.72!important;
  }
  body.vt-portal-page .vt-portal-footer-v262 > div{
    min-width:0!important;
    position:relative!important;
    z-index:1!important;
  }
  body.vt-portal-page .vt-footer-brand img{
    max-width:170px!important;
    height:42px!important;
    object-fit:contain!important;
    margin:0 0 12px!important;
    border-radius:10px!important;
  }
  body.vt-portal-page .vt-portal-footer-v262 h4{
    margin:2px 0 12px!important;
    color:#c4b5fd!important;
    font-size:13px!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
  }
  body.vt-portal-page .vt-portal-footer-v262 p{
    max-width:340px!important;
    color:#cbd5e1!important;
    line-height:1.6!important;
    font-size:13px!important;
  }
  body.vt-portal-page .vt-portal-footer-v262 a{
    color:#cfe8ff!important;
    margin:7px 0!important;
    font-size:13px!important;
    line-height:1.25!important;
    opacity:.92!important;
  }
  body.vt-portal-page .vt-portal-footer-v262 a:hover{color:#fff!important;opacity:1!important;}
  body.vt-portal-page .vt-footer-social{gap:8px!important;margin-top:12px!important;}
  body.vt-portal-page .vt-footer-social span{
    width:30px!important;height:30px!important;
    background:rgba(15,23,42,.75)!important;
    border:1px solid rgba(148,163,184,.16)!important;
    color:#93c5fd!important;
    box-shadow:0 8px 22px rgba(0,0,0,.2)!important;
  }
  body.vt-portal-page .vt-footer-wave{
    width:100%!important;max-width:220px!important;height:46px!important;margin-top:12px!important;
    opacity:.9!important;
  }
  body.vt-portal-page .vt-portal-copyline{
    position:static!important;
    display:block!important;
    clear:both!important;
    width:100%!important;
    margin:12px 0 0!important;
    padding:12px 0 0!important;
    border-top:1px solid rgba(148,163,184,.10)!important;
    text-align:center!important;
    color:#94a3b8!important;
    font-size:12px!important;
    line-height:1.4!important;
    pointer-events:none!important;
  }
}
@media (max-width:980px){
  body.vt-portal-page .vt-portal-footer-v262{
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:24px!important;
    border-radius:22px!important;
  }
  body.vt-portal-page .vt-portal-copyline{
    position:static!important;
    margin:12px 0 0!important;
    text-align:center!important;
  }
}

/* v2.65 - Portal: sade, responsive ve temiz footer */
body.vt-portal-page .vt-portal-footer-v262,
body.vt-portal-page .vt-portal-copyline,
body.vt-portal-page .vt-footer-clean-wave{
  display:none!important;
}
body.vt-portal-page .vt-portal-footer-clean-v264{
  width:100%!important;
  margin:18px 0 28px!important;
  padding:22px 26px 18px!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:24px!important;
  border:1px solid rgba(56,189,248,.20)!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(217,70,239,.12),transparent 34%),
    radial-gradient(circle at 92% 0%,rgba(14,165,233,.12),transparent 32%),
    linear-gradient(180deg,rgba(8,13,28,.94),rgba(4,8,18,.98))!important;
  box-shadow:0 24px 80px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.055)!important;
  display:grid!important;
  grid-template-columns:minmax(300px,1.25fr) minmax(300px,.9fr) minmax(260px,.85fr)!important;
  gap:22px!important;
  align-items:center!important;
}
body.vt-portal-page .vt-portal-footer-clean-v264:before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,#22d3ee,#d946ef,transparent)!important;
  opacity:.72!important;
}
body.vt-portal-page .vt-footer-clean-brand{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  min-width:0!important;
}
body.vt-portal-page .vt-footer-clean-brand img{
  width:150px!important;
  max-width:42%!important;
  height:46px!important;
  object-fit:contain!important;
  display:block!important;
  padding:6px 10px!important;
  border-radius:14px!important;
  background:rgba(2,6,23,.44)!important;
  border:1px solid rgba(148,163,184,.12)!important;
  flex:0 0 auto!important;
}
body.vt-portal-page .vt-footer-clean-brand p{
  margin:0!important;
  color:#cbd5e1!important;
  font-size:14px!important;
  line-height:1.55!important;
  max-width:430px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
body.vt-portal-page .vt-footer-clean-stats{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:10px!important;
}
body.vt-portal-page .vt-footer-clean-stats span{
  min-height:64px!important;
  border-radius:17px!important;
  border:1px solid rgba(148,163,184,.14)!important;
  background:rgba(15,23,42,.55)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
body.vt-portal-page .vt-footer-clean-stats b{
  font-size:22px!important;
  line-height:1!important;
  font-weight:950!important;
  background:linear-gradient(135deg,#38bdf8,#d946ef)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
body.vt-portal-page .vt-footer-clean-stats small{
  margin-top:6px!important;
  color:#cbd5e1!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
}
body.vt-portal-page .vt-footer-clean-links{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
body.vt-portal-page .vt-footer-clean-links a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:0 12px!important;
  border-radius:14px!important;
  color:#dbeafe!important;
  text-decoration:none!important;
  font-weight:850!important;
  font-size:13px!important;
  background:rgba(15,23,42,.42)!important;
  border:1px solid rgba(148,163,184,.12)!important;
  transition:transform .18s ease,border-color .18s ease,color .18s ease!important;
}
body.vt-portal-page .vt-footer-clean-links a:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(56,189,248,.38)!important;
  color:#fff!important;
}
body.vt-portal-page .vt-footer-clean-bottom{
  grid-column:1/-1!important;
  position:relative!important;
  z-index:1!important;
  border-top:1px solid rgba(148,163,184,.12)!important;
  margin-top:0!important;
  padding-top:14px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  color:#94a3b8!important;
  font-size:13px!important;
}
body.vt-portal-page .vt-footer-clean-bottom strong{color:#dbeafe!important;font-weight:800!important;}
body.vt-portal-page .vt-footer-clean-bottom span{color:#93c5fd!important;font-weight:950!important;letter-spacing:.02em!important;}
@media(max-width:1200px){
  body.vt-portal-page .vt-portal-footer-clean-v264{grid-template-columns:1fr!important;gap:16px!important;}
  body.vt-portal-page .vt-footer-clean-brand{justify-content:center!important;text-align:center!important;flex-direction:column!important;}
  body.vt-portal-page .vt-footer-clean-brand img{max-width:220px!important;width:180px!important;}
  body.vt-portal-page .vt-footer-clean-brand p{max-width:650px!important;}
  body.vt-portal-page .vt-footer-clean-links{grid-template-columns:repeat(4,1fr)!important;}
  body.vt-portal-page .vt-footer-clean-bottom{flex-direction:column!important;gap:6px!important;text-align:center!important;}
}
@media(max-width:640px){
  body.vt-portal-page .vt-portal-footer-clean-v264{padding:16px!important;border-radius:20px!important;}
  body.vt-portal-page .vt-footer-clean-stats{grid-template-columns:1fr!important;}
  body.vt-portal-page .vt-footer-clean-links{grid-template-columns:1fr 1fr!important;}
}

/* v2.66 - Portal responsive dengeleme ve duyurular altını sadeleştirme */
body.vt-portal-page .vt-portal-footer-clean-v264,
body.vt-portal-page .vt-portal-footer-v262,
body.vt-portal-page .vt-portal-footer,
body.vt-portal-page .vt-portal-copyline,
body.vt-portal-page .vt-footer-clean-wave,
body.vt-portal-page .vt-footer-wave{
  display:none!important;
}
body.vt-portal-page .vt-portal-announcement-v262{
  margin-bottom:34px!important;
}

@media (min-width:981px){
  body.vt-portal-page .vt-portal-wrap{
    width:min(1640px,calc(100% - 72px))!important;
    padding-bottom:38px!important;
  }
  body.vt-portal-page .vt-portal-hero-v256{
    box-sizing:border-box!important;
    width:100%!important;
  }
  body.vt-portal-page .vt-portal-stage,
  body.vt-portal-page .vt-recent-members,
  body.vt-portal-page .vt-portal-login-card{
    box-sizing:border-box!important;
    min-width:0!important;
  }
}

@media (min-width:1441px){
  body.vt-portal-page .vt-portal-hero-v256{
    grid-template-columns:240px minmax(760px,1fr) 420px!important;
  }
}

@media (min-width:1281px) and (max-width:1440px){
  body.vt-portal-page .vt-portal-wrap{
    width:min(100% - 48px,1360px)!important;
  }
  body.vt-portal-page .vt-portal-nav{
    grid-template-columns:230px 1fr 145px!important;
    gap:18px!important;
  }
  body.vt-portal-page .vt-portal-brand{
    width:220px!important;
  }
  body.vt-portal-page .vt-portal-links{
    gap:28px!important;
  }
  body.vt-portal-page .vt-portal-hero-v256{
    grid-template-columns:218px minmax(560px,1fr) 382px!important;
    gap:20px!important;
    min-height:500px!important;
  }
  body.vt-portal-page .vt-recent-members{
    min-height:500px!important;
    max-height:500px!important;
  }
  body.vt-portal-page .vt-portal-stage{
    height:500px!important;
    min-height:500px!important;
  }
  body.vt-portal-page .vt-portal-copy{
    width:46%!important;
    min-width:310px!important;
    padding:28px 0 0 28px!important;
  }
  body.vt-portal-page .vt-portal-copy h1{
    font-size:48px!important;
  }
  body.vt-portal-page .vt-portal-copy p{
    font-size:15px!important;
    max-width:390px!important;
  }
  body.vt-portal-page .vt-portal-mini-features{
    grid-template-columns:repeat(3,92px)!important;
    gap:10px!important;
  }
  body.vt-portal-page .vt-portal-login-card{
    padding:24px!important;
    border-radius:26px!important;
  }
  body.vt-portal-page .vt-login-tabs-v123 button{
    min-height:64px!important;
    font-size:16px!important;
  }
}

@media (min-width:1121px) and (max-width:1280px){
  body.vt-portal-page .vt-portal-wrap{
    width:min(100% - 36px,1220px)!important;
  }
  body.vt-portal-page .vt-portal-nav{
    grid-template-columns:205px 1fr 132px!important;
    gap:14px!important;
    height:72px!important;
  }
  body.vt-portal-page .vt-portal-brand{
    width:198px!important;
    min-height:60px!important;
    padding:7px 12px!important;
  }
  body.vt-portal-page .vt-portal-logo,
  body.vt-portal-page .vt-portal-logo img{
    height:42px!important;
  }
  body.vt-portal-page .vt-portal-links{
    gap:20px!important;
  }
  body.vt-portal-page .vt-portal-links a{
    font-size:14px!important;
  }
  body.vt-portal-page .vt-portal-online{
    min-width:118px!important;
    font-size:15px!important;
    padding:11px 12px!important;
  }
  body.vt-portal-page .vt-portal-hero-v256{
    grid-template-columns:196px minmax(520px,1fr) 350px!important;
    gap:14px!important;
    min-height:470px!important;
  }
  body.vt-portal-page .vt-recent-members{
    min-height:470px!important;
    max-height:470px!important;
  }
  body.vt-portal-page .vt-recent-list{
    max-height:350px!important;
    gap:8px!important;
  }
  body.vt-portal-page .vt-recent-item{
    grid-template-columns:40px minmax(0,1fr) 8px!important;
    min-height:48px!important;
  }
  body.vt-portal-page .vt-recent-item img{
    width:40px!important;height:40px!important;
  }
  body.vt-portal-page .vt-portal-stage{
    height:470px!important;
    min-height:470px!important;
  }
  body.vt-portal-page .vt-portal-copy{
    width:48%!important;
    min-width:285px!important;
    padding:24px 0 0 24px!important;
  }
  body.vt-portal-page .vt-portal-copy h1{
    font-size:42px!important;
    margin:20px 0 14px!important;
  }
  body.vt-portal-page .vt-portal-copy p{
    font-size:14px!important;
    line-height:1.58!important;
    max-width:340px!important;
  }
  body.vt-portal-page .vt-portal-mini-features{
    grid-template-columns:1fr!important;
    max-width:250px!important;
    gap:8px!important;
    margin-top:16px!important;
  }
  body.vt-portal-page .vt-portal-mini-features span{
    min-height:42px!important;
    justify-content:flex-start!important;
    padding:8px 12px!important;
  }
  body.vt-portal-page .vt-portal-host{width:64%!important;}
  body.vt-portal-page .vt-portal-login-card{
    padding:20px!important;
    border-radius:24px!important;
  }
  body.vt-portal-page .vt-login-tabs-v123 button{
    min-height:58px!important;
    font-size:15px!important;
  }
  body.vt-portal-page .vt-input-v123,
  body.vt-portal-page .vt-input-v123 input{
    min-height:52px!important;
    height:52px!important;
    font-size:14px!important;
  }
  body.vt-portal-page .vt-gender-v123 .gender-btn{
    height:64px!important;
  }
  body.vt-portal-page .vt-start-v123{
    min-height:54px!important;
    font-size:16px!important;
  }
}

@media (min-width:981px) and (max-width:1120px){
  body.vt-portal-page .vt-portal-wrap{
    width:min(100% - 28px,1040px)!important;
  }
  body.vt-portal-page .vt-portal-nav{
    grid-template-columns:190px 1fr 120px!important;
    gap:12px!important;
    height:auto!important;
    margin-bottom:16px!important;
  }
  body.vt-portal-page .vt-portal-brand{
    width:184px!important;
    min-height:58px!important;
  }
  body.vt-portal-page .vt-portal-logo,
  body.vt-portal-page .vt-portal-logo img{height:40px!important;}
  body.vt-portal-page .vt-portal-links{gap:15px!important;}
  body.vt-portal-page .vt-portal-links a{font-size:13px!important;}
  body.vt-portal-page .vt-portal-online{font-size:13px!important;min-width:108px!important;padding:10px!important;}
  body.vt-portal-page .vt-portal-hero-v256{
    grid-template-columns:190px minmax(0,1fr)!important;
    gap:16px!important;
    min-height:0!important;
    align-items:start!important;
  }
  body.vt-portal-page .vt-recent-members{
    min-height:480px!important;
    max-height:480px!important;
  }
  body.vt-portal-page .vt-portal-stage{
    height:480px!important;
    min-height:480px!important;
  }
  body.vt-portal-page .vt-portal-login-card{
    grid-column:1/-1!important;
    justify-self:center!important;
    width:min(560px,100%)!important;
    margin-top:4px!important;
    padding:24px!important;
  }
  body.vt-portal-page .vt-portal-copy{
    width:48%!important;
    min-width:280px!important;
    padding:26px 0 0 24px!important;
  }
  body.vt-portal-page .vt-portal-copy h1{font-size:42px!important;}
  body.vt-portal-page .vt-portal-mini-features{grid-template-columns:repeat(3,84px)!important;}
  body.vt-portal-page .vt-portal-mini-features span{font-size:11px!important;min-height:64px!important;}
  body.vt-portal-page .vt-portal-announcement-v262{
    grid-template-columns:44px 120px 1fr!important;
  }
  body.vt-portal-page .vt-portal-announcement-v262 a{display:none!important;}
}

@media (max-width:980px){
  body.vt-portal-page .vt-portal-footer-clean-v264{display:none!important;}
  body.vt-portal-page .vt-portal-announcement-v262{margin-bottom:24px!important;}
}

/* v2.67 - Portal hero görsel temizliği: yazısız sesli chat sunucusu görseli */
body.vt-portal-page .vt-portal-host img{
  object-position:64% center!important;
}
@media (min-width:1281px){
  body.vt-portal-page .vt-portal-host{width:64%!important;}
  body.vt-portal-page .vt-portal-stage:before{
    background:
      linear-gradient(90deg,rgba(3,7,18,.88) 0%,rgba(3,7,18,.62) 32%,rgba(3,7,18,.20) 52%,rgba(3,7,18,.03) 100%),
      linear-gradient(0deg,rgba(3,7,18,.52),transparent 34%)!important;
  }
}

/* v2.68 - Portal Rebuild: responsive PC landing, working menu sections, portal admin */
body.vt-portal-page{min-height:100vh;overflow-x:hidden;background:#030713 radial-gradient(circle at 12% 0%,rgba(14,165,233,.18),transparent 34%),radial-gradient(circle at 82% 0%,rgba(168,85,247,.20),transparent 38%);}
.vt-portal-wrap{width:min(1700px,calc(100vw - 48px));margin:0 auto;padding:18px 0 28px;display:grid;gap:22px;color:#fff;}
.vt-portal-nav{height:78px;display:grid;grid-template-columns:280px 1fr 170px;align-items:center;gap:24px;position:relative;z-index:5;}
.vt-portal-brand{width:max-content;max-width:280px;height:68px;padding:10px 20px;border-radius:24px;background:linear-gradient(135deg,rgba(12,20,42,.88),rgba(36,20,70,.56));border:1px solid rgba(125,211,252,.22);box-shadow:0 0 32px rgba(168,85,247,.14), inset 0 0 18px rgba(255,255,255,.035);display:flex;align-items:center;text-decoration:none;overflow:hidden;}
.vt-portal-brand strong{display:none!important}.vt-portal-logo{display:block;width:210px;max-width:210px;height:50px}.vt-portal-logo img{width:100%;height:100%;object-fit:contain;display:block;}
.vt-portal-links{display:flex;align-items:center;justify-content:center;gap:38px}.vt-portal-links a{font-weight:900;color:#fff;text-decoration:none;letter-spacing:.01em;position:relative;padding:13px 2px}.vt-portal-links a:after{content:"";position:absolute;left:15%;right:15%;bottom:2px;height:2px;border-radius:99px;background:linear-gradient(90deg,#0ea5ff,#e633ff);opacity:0;transform:scaleX(.4);transition:.2s}.vt-portal-links a:hover:after,.vt-portal-links a.active:after{opacity:1;transform:scaleX(1)}
.vt-portal-online{justify-self:end;display:inline-flex;align-items:center;gap:10px;padding:13px 24px;border-radius:999px;background:rgba(8,13,29,.82);border:1px solid rgba(255,255,255,.11);box-shadow:0 0 24px rgba(0,0,0,.22);font-weight:900}.vt-portal-online i{width:11px;height:11px;border-radius:50%;background:#16e875;box-shadow:0 0 14px rgba(22,232,117,.9)}
.vt-portal-hero.vt-portal-rebuild-v268{display:grid!important;grid-template-columns:260px minmax(650px,1fr) minmax(360px,430px)!important;gap:26px!important;align-items:stretch!important;min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;}
.vt-recent-members{height:535px!important;border-radius:28px;background:linear-gradient(180deg,rgba(18,27,51,.86),rgba(6,11,24,.88));border:1px solid rgba(125,211,252,.15);box-shadow:0 22px 70px rgba(0,0,0,.26);overflow:hidden;display:flex!important;flex-direction:column;}
.vt-recent-head{padding:22px 24px!important;background:linear-gradient(90deg,rgba(168,85,247,.22),rgba(14,165,233,.06));border-bottom:1px solid rgba(255,255,255,.08);font-size:16px;gap:10px;display:flex;align-items:center}.vt-recent-list{padding:16px 14px;display:grid;gap:12px;overflow:hidden}.vt-recent-item{height:62px!important;border-radius:18px!important;background:rgba(8,14,32,.58)!important;border:1px solid rgba(255,255,255,.07)!important;padding:8px 12px!important;display:grid!important;grid-template-columns:44px 1fr 10px;gap:12px;align-items:center}.vt-recent-item img{width:44px!important;height:44px!important;border-radius:50%;object-fit:cover;border:2px solid rgba(56,189,248,.42)}.vt-recent-item b{font-size:14px}.vt-recent-item small{color:#b9c6dc}.vt-recent-item i{width:9px;height:9px;border-radius:50%;background:#19e67a;box-shadow:0 0 12px rgba(25,230,122,.8)}.vt-recent-all{margin:auto 20px 20px;height:44px;border-radius:999px;border:1px solid rgba(236,72,153,.5);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-weight:900;background:rgba(10,16,36,.75)}
.vt-portal-stage{position:relative;height:535px!important;min-height:535px!important;border-radius:30px;overflow:hidden;background:#050815!important;border:1px solid rgba(56,189,248,.20);box-shadow:0 30px 85px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.03) inset;display:block!important;}
.vt-portal-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,16,.98) 0%,rgba(4,7,16,.84) 34%,rgba(4,7,16,.26) 58%,rgba(4,7,16,.04) 100%);z-index:2;pointer-events:none}.vt-portal-stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:92px;background:linear-gradient(180deg,transparent,rgba(4,7,16,.78));z-index:3;pointer-events:none}
.vt-portal-host{position:absolute!important;inset:0!important;z-index:1!important;overflow:hidden!important;border-radius:30px}.vt-portal-host img{position:absolute!important;right:0!important;top:0!important;width:63%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important;filter:saturate(1.12) contrast(1.05) brightness(.93);opacity:1!important}.vt-portal-host:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 73% 40%,rgba(236,72,153,.16),transparent 28%),radial-gradient(circle at 76% 58%,rgba(14,165,233,.14),transparent 34%);z-index:2;pointer-events:none}
.vt-host-wave{position:absolute!important;right:13%!important;top:8%!important;width:420px!important;height:420px!important;border-radius:50%;border:1px solid rgba(56,189,248,.26);z-index:4;animation:vtPortalPulse268 4.8s ease-in-out infinite;box-shadow:0 0 55px rgba(56,189,248,.10)}.vt-host-wave-2{right:18%!important;top:13%!important;width:330px!important;height:330px!important;border-color:rgba(236,72,153,.22);animation-delay:.8s}.vt-host-eq{position:absolute!important;left:45%!important;right:3%!important;bottom:0!important;height:70px!important;z-index:5!important;background:repeating-linear-gradient(90deg,rgba(236,72,153,.9) 0 4px, transparent 4px 18px),linear-gradient(90deg,rgba(236,72,153,.45),rgba(14,165,233,.55));clip-path:polygon(0 80%,3% 42%,6% 75%,9% 28%,12% 70%,15% 50%,18% 84%,21% 34%,24% 72%,27% 46%,30% 77%,33% 36%,36% 76%,39% 48%,42% 80%,45% 32%,48% 72%,51% 42%,54% 83%,57% 36%,60% 75%,63% 50%,66% 84%,69% 26%,72% 72%,75% 48%,78% 82%,81% 38%,84% 74%,87% 44%,90% 80%,93% 30%,96% 75%,100% 52%,100% 100%,0 100%);opacity:.78;filter:drop-shadow(0 0 16px rgba(14,165,233,.4));}
@keyframes vtPortalPulse268{0%,100%{transform:scale(.92);opacity:.42}50%{transform:scale(1.06);opacity:.85}}
.vt-portal-copy{position:relative!important;z-index:6!important;width:49%!important;height:100%;display:flex!important;flex-direction:column;justify-content:center!important;padding:42px 24px 54px 34px!important}.vt-portal-badge{width:max-content;max-width:100%;font-size:14px!important;border-color:rgba(56,189,248,.45)!important;background:rgba(14,165,233,.15)!important;box-shadow:0 0 28px rgba(14,165,233,.10)}.vt-portal-copy h1{font-size:clamp(44px,4vw,64px)!important;line-height:1.04!important;letter-spacing:-.055em!important;margin:30px 0 20px!important;text-shadow:0 12px 34px rgba(0,0,0,.55)}.vt-portal-copy h1::first-line{color:#fff}.vt-portal-copy h1{background:linear-gradient(180deg,#fff 0%,#fff 45%,#50b7ff 63%,#de36ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.vt-portal-copy p{font-size:17px!important;line-height:1.75!important;color:#d9e4f5!important;max-width:520px;margin:0 0 22px!important}.vt-portal-mini-features{display:flex!important;gap:13px!important;flex-wrap:wrap;position:relative;z-index:8}.vt-portal-mini-features span{min-width:106px;height:70px;border-radius:16px;display:grid;place-items:center;text-align:center;padding:9px 12px;background:rgba(8,13,30,.72);border:1px solid rgba(255,255,255,.14);font-size:12px;font-weight:900;line-height:1.25;box-shadow:inset 0 0 18px rgba(255,255,255,.025)}
.vt-portal-login-card{height:535px!important;min-height:535px!important;width:100%!important;margin:0!important;border-radius:30px!important;background:rgba(7,10,28,.86)!important;border:1px solid rgba(56,189,248,.28)!important;box-shadow:0 25px 90px rgba(0,0,0,.30),0 0 42px rgba(168,85,247,.12)!important;padding:32px!important;display:flex!important;flex-direction:column;justify-content:center!important}.vt-portal-login-card .join-tabs{grid-template-columns:1fr 1fr!important;gap:12px!important;margin-bottom:26px!important}.vt-portal-login-card .join-tabs button{min-height:72px!important;border-radius:18px!important;font-size:20px!important}.vt-portal-login-card .vt-form-v123 label{margin-top:13px}.vt-portal-login-card .vt-input-v123{height:60px!important}.vt-portal-login-card .gender-grid{gap:13px}.vt-portal-login-card .gender-btn{height:84px!important;border-radius:16px!important}.vt-portal-login-card .start-chat{height:66px!important;border-radius:18px!important;font-size:22px!important;margin-top:28px!important}
.vt-portal-announcement-v262{height:84px!important;margin:0!important;padding:0 30px!important;border-radius:22px!important;background:rgba(8,13,30,.78)!important;border:1px solid rgba(56,189,248,.22)!important;box-shadow:none!important;display:grid!important;grid-template-columns:64px auto 1fr auto!important;gap:20px;align-items:center}.vt-ann-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(236,72,153,.35),rgba(14,165,233,.16));}.vt-portal-announcement-v262 strong{font-size:22px!important;color:#f0abfc!important}.vt-portal-announcement-v262 p{font-size:15px;color:#e5edf9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vt-portal-announcement-v262 a{height:46px;border-radius:999px;padding:0 22px;display:flex;align-items:center;gap:8px;background:rgba(8,13,30,.72);border:1px solid rgba(255,255,255,.12);text-decoration:none;color:#dceafe;font-weight:900}
.vt-portal-info-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.vt-portal-info-card{min-height:120px;border-radius:22px;background:rgba(8,13,30,.62);border:1px solid rgba(255,255,255,.09);padding:22px;box-shadow:0 20px 55px rgba(0,0,0,.16)}.vt-portal-info-card span{font-size:24px}.vt-portal-info-card h2{margin:8px 0 8px;color:#fff;font-size:20px}.vt-portal-info-card p{margin:0;color:#b9c6dc;line-height:1.65;font-size:14px}.vt-portal-footer-v268{min-height:70px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:12px 4px 0;color:#b9c6dc}.vt-portal-footer-brand{display:flex;align-items:center;gap:12px;font-weight:900;color:#fff}.vt-portal-footer-brand img{width:120px;height:38px;object-fit:contain}.vt-portal-footer-brand span{display:none}.vt-portal-footer-links{display:flex;gap:20px}.vt-portal-footer-links a{color:#cfe1ff;text-decoration:none;font-weight:800;font-size:13px}.vt-portal-footer-copy{justify-self:end;font-size:13px}
@media (max-width:1500px){.vt-portal-wrap{width:min(1480px,calc(100vw - 36px));gap:18px}.vt-portal-hero.vt-portal-rebuild-v268{grid-template-columns:235px minmax(560px,1fr) minmax(340px,390px)!important;gap:22px!important}.vt-portal-stage,.vt-recent-members,.vt-portal-login-card{height:500px!important;min-height:500px!important}.vt-portal-copy{padding-left:28px!important;width:52%!important}.vt-portal-copy h1{font-size:clamp(38px,3.6vw,56px)!important}.vt-portal-login-card{padding:26px!important}.vt-portal-login-card .join-tabs button{font-size:18px!important;min-height:66px!important}.vt-portal-login-card .gender-btn{height:78px!important}.vt-portal-host img{width:61%!important}.vt-recent-members{height:500px!important}.vt-recent-item:nth-child(n+5){display:none!important}}
@media (max-width:1200px){.vt-portal-nav{grid-template-columns:240px 1fr 150px}.vt-portal-logo{width:180px}.vt-portal-hero.vt-portal-rebuild-v268{grid-template-columns:1fr minmax(330px,380px)!important}.vt-recent-members{display:none!important}.vt-portal-stage,.vt-portal-login-card{height:520px!important;min-height:520px!important}.vt-portal-copy{width:55%!important}.vt-portal-host img{width:58%!important}.vt-portal-info-sections{grid-template-columns:1fr}.vt-portal-footer-v268{grid-template-columns:1fr;justify-items:center;text-align:center}.vt-portal-footer-copy{justify-self:center}}
@media (max-width:960px){.vt-portal-nav{grid-template-columns:1fr;justify-items:center;height:auto;gap:12px}.vt-portal-links{order:2}.vt-portal-online{justify-self:center}.vt-portal-hero.vt-portal-rebuild-v268{grid-template-columns:1fr!important}.vt-portal-stage{height:560px!important;min-height:560px!important}.vt-portal-login-card{height:auto!important;min-height:auto!important}.vt-portal-copy{width:70%!important}.vt-portal-host img{width:62%!important}.vt-portal-announcement-v262{grid-template-columns:52px auto!important;height:auto!important;min-height:92px}.vt-portal-announcement-v262 p{grid-column:2 / -1;white-space:normal}.vt-portal-announcement-v262 a{display:none}}
.vt-portal-admin-card textarea{resize:vertical}.vt-portal-admin-hero{display:grid;grid-template-columns:320px 1fr;gap:20px;margin:14px 0 24px}.vt-portal-admin-hero>div,.vt-portal-admin-hero>label{border:1px solid rgba(15,23,42,.12);border-radius:18px;background:#f8fafc;padding:16px;display:flex;flex-direction:column;gap:10px}.vt-portal-admin-hero img{width:100%;max-height:190px;object-fit:cover;border-radius:14px;background:#0f172a}.vt-portal-admin-hero input{padding:14px;border:1px dashed #94a3b8;border-radius:14px;background:#fff}.vt-portal-admin-hero em{font-style:normal;color:#2563eb;font-weight:900}


/* v2.69 - Portal gerçek responsive rebuild: temiz hero, çalışan menüler, modern footer */
body.vt-portal-page{
  background:#030712!important;
  color:#fff!important;
  overflow-x:hidden!important;
}
body.vt-portal-page::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(circle at 12% 8%,rgba(14,165,233,.18),transparent 32%),
    radial-gradient(circle at 88% 10%,rgba(168,85,247,.18),transparent 34%),
    linear-gradient(180deg,#061225 0%,#040816 55%,#030712 100%)!important;
}
body.vt-portal-page::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px)!important;
  background-size:58px 58px!important;
  opacity:.75!important;
}
body.vt-portal-page .vt-portal-wrap{
  width:min(1660px,calc(100vw - 48px))!important;
  margin:0 auto!important;
  padding:18px 0 30px!important;
  display:grid!important;
  gap:22px!important;
}
body.vt-portal-page .vt-portal-nav{
  height:76px!important;
  display:grid!important;
  grid-template-columns:280px 1fr 160px!important;
  gap:22px!important;
  align-items:center!important;
  margin:0!important;
}
body.vt-portal-page .vt-portal-brand{
  width:250px!important;height:68px!important;padding:10px 18px!important;border-radius:24px!important;
  background:linear-gradient(135deg,rgba(10,20,42,.86),rgba(28,16,58,.62))!important;
  border:1px solid rgba(56,189,248,.24)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.28),0 0 28px rgba(168,85,247,.13),inset 0 1px 0 rgba(255,255,255,.07)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;
}
body.vt-portal-page .vt-portal-brand strong{display:none!important;}
body.vt-portal-page .vt-portal-logo{width:205px!important;max-width:205px!important;height:48px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
body.vt-portal-page .vt-portal-logo img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;}
body.vt-portal-page .vt-portal-links{display:flex!important;justify-content:center!important;align-items:center!important;gap:38px!important;}
body.vt-portal-page .vt-portal-links a{font-size:15px!important;font-weight:900!important;color:#eaf2ff!important;text-decoration:none!important;padding:14px 0!important;position:relative!important;}
body.vt-portal-page .vt-portal-links a::after{content:""!important;position:absolute!important;left:14%!important;right:14%!important;bottom:2px!important;height:2px!important;border-radius:99px!important;background:linear-gradient(90deg,#1da1ff,#e83aff)!important;opacity:0!important;transform:scaleX(.55)!important;transition:.18s!important;}
body.vt-portal-page .vt-portal-links a:hover::after,body.vt-portal-page .vt-portal-links a.active::after{opacity:1!important;transform:scaleX(1)!important;}
body.vt-portal-page .vt-portal-online{justify-self:end!important;display:inline-flex!important;align-items:center!important;gap:10px!important;height:50px!important;padding:0 22px!important;border-radius:999px!important;background:rgba(8,13,29,.82)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 18px 44px rgba(0,0,0,.22)!important;font-size:17px!important;font-weight:950!important;color:#fff!important;}
body.vt-portal-page .vt-portal-online i{width:10px!important;height:10px!important;border-radius:50%!important;background:#18e77a!important;box-shadow:0 0 14px rgba(24,231,122,.95)!important;}
body.vt-portal-page .vt-portal-hero.vt-portal-rebuild-v268{
  display:grid!important;
  grid-template-columns:250px minmax(690px,1fr) minmax(390px,430px)!important;
  gap:26px!important;align-items:stretch!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;
}
body.vt-portal-page .vt-recent-members{
  height:565px!important;min-height:565px!important;max-height:565px!important;border-radius:28px!important;overflow:hidden!important;
  display:flex!important;flex-direction:column!important;background:linear-gradient(180deg,rgba(18,27,51,.86),rgba(6,11,24,.92))!important;
  border:1px solid rgba(125,211,252,.16)!important;box-shadow:0 22px 70px rgba(0,0,0,.26)!important;
}
body.vt-portal-page .vt-recent-head{height:64px!important;padding:0 22px!important;display:flex!important;align-items:center!important;gap:10px!important;background:linear-gradient(90deg,rgba(168,85,247,.22),rgba(14,165,233,.06))!important;border-bottom:1px solid rgba(255,255,255,.08)!important;}
body.vt-portal-page .vt-recent-list{padding:16px!important;display:flex!important;flex-direction:column!important;gap:10px!important;max-height:410px!important;overflow:hidden!important;}
body.vt-portal-page .vt-recent-item{display:grid!important;grid-template-columns:50px minmax(0,1fr) 9px!important;align-items:center!important;gap:12px!important;min-height:58px!important;padding:7px 10px!important;border-radius:17px!important;background:rgba(15,23,42,.38)!important;border:1px solid rgba(148,163,184,.10)!important;}
body.vt-portal-page .vt-recent-item img{width:50px!important;height:50px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid rgba(56,189,248,.45)!important;}
body.vt-portal-page .vt-recent-item b{font-size:13px!important;font-weight:950!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.vt-portal-page .vt-recent-item small{font-size:11px!important;font-weight:750!important;color:#b6c3d8!important;}
body.vt-portal-page .vt-recent-item i{width:9px!important;height:9px!important;border-radius:50%!important;background:#19e67a!important;box-shadow:0 0 13px rgba(25,230,122,.85)!important;}
body.vt-portal-page .vt-recent-all{margin:auto 20px 20px!important;height:44px!important;border-radius:999px!important;border:1px solid rgba(236,72,153,.48)!important;color:#fff!important;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important;background:rgba(10,16,36,.76)!important;}
body.vt-portal-page .vt-portal-stage{
  position:relative!important;height:565px!important;min-height:565px!important;border-radius:30px!important;overflow:hidden!important;
  background:#050815!important;border:1px solid rgba(56,189,248,.22)!important;box-shadow:0 30px 90px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.03) inset!important;display:block!important;isolation:isolate!important;
}
body.vt-portal-page .vt-portal-host{position:absolute!important;inset:0!important;z-index:1!important;border-radius:30px!important;overflow:hidden!important;}
body.vt-portal-page .vt-portal-host img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important;border-radius:0!important;filter:saturate(1.12) contrast(1.06) brightness(.98)!important;opacity:1!important;}
body.vt-portal-page .vt-portal-stage::before{content:""!important;position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(3,7,18,.96) 0%,rgba(3,7,18,.82) 34%,rgba(3,7,18,.38) 55%,rgba(3,7,18,.08) 100%),linear-gradient(0deg,rgba(3,7,18,.50) 0%,transparent 36%)!important;}
body.vt-portal-page .vt-portal-stage::after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:78px!important;z-index:4!important;pointer-events:none!important;background:repeating-linear-gradient(90deg,rgba(236,72,153,.85) 0 3px,transparent 3px 16px),linear-gradient(90deg,rgba(236,72,153,.35),rgba(14,165,233,.50))!important;clip-path:polygon(0 75%,3% 46%,6% 80%,9% 30%,12% 72%,15% 52%,18% 84%,21% 34%,24% 70%,27% 46%,30% 78%,33% 36%,36% 76%,39% 48%,42% 80%,45% 32%,48% 72%,51% 42%,54% 83%,57% 36%,60% 75%,63% 50%,66% 84%,69% 26%,72% 72%,75% 48%,78% 82%,81% 38%,84% 74%,87% 44%,90% 80%,93% 30%,96% 75%,100% 52%,100% 100%,0 100%)!important;opacity:.75!important;filter:drop-shadow(0 0 16px rgba(14,165,233,.38))!important;}
body.vt-portal-page .vt-host-wave{display:none!important;}
body.vt-portal-page .vt-host-eq{display:none!important;}
body.vt-portal-page .vt-portal-copy{position:relative!important;z-index:5!important;width:48%!important;min-width:380px!important;height:100%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:36px 20px 74px 34px!important;}
body.vt-portal-page .vt-portal-badge{width:max-content!important;max-width:100%!important;font-size:13px!important;font-weight:950!important;border:1px solid rgba(56,189,248,.46)!important;background:rgba(14,165,233,.16)!important;color:#c7e9ff!important;box-shadow:0 0 26px rgba(14,165,233,.12)!important;}
body.vt-portal-page .vt-portal-copy h1{font-size:clamp(46px,3.95vw,66px)!important;line-height:1.03!important;letter-spacing:-.055em!important;margin:24px 0 20px!important;text-shadow:0 14px 38px rgba(0,0,0,.58)!important;background:linear-gradient(180deg,#fff 0%,#fff 44%,#56baff 64%,#de36ff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;}
body.vt-portal-page .vt-portal-copy p{max-width:490px!important;margin:0 0 24px!important;color:#e4edf9!important;font-size:16px!important;line-height:1.72!important;text-shadow:0 8px 22px rgba(0,0,0,.54)!important;}
body.vt-portal-page .vt-portal-mini-features{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:6px!important;position:relative!important;z-index:6!important;}
body.vt-portal-page .vt-portal-mini-features span{width:112px!important;min-width:112px!important;min-height:72px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:10px!important;background:rgba(8,13,30,.76)!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:inset 0 0 18px rgba(255,255,255,.025)!important;color:#fff!important;font-size:12px!important;font-weight:950!important;line-height:1.25!important;}
body.vt-portal-page .vt-portal-login-card{height:565px!important;min-height:565px!important;width:100%!important;margin:0!important;border-radius:30px!important;background:rgba(7,10,28,.88)!important;border:1px solid rgba(56,189,248,.28)!important;box-shadow:0 25px 90px rgba(0,0,0,.30),0 0 42px rgba(168,85,247,.12)!important;padding:32px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;overflow:hidden!important;}
body.vt-portal-page .vt-portal-login-card .join-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-bottom:26px!important;}
body.vt-portal-page .vt-portal-login-card .join-tabs button{min-height:72px!important;border-radius:18px!important;font-size:19px!important;}
body.vt-portal-page .vt-portal-login-card .vt-input-v123{height:60px!important;min-height:60px!important;}
body.vt-portal-page .vt-portal-login-card .vt-input-v123 input{height:60px!important;font-size:16px!important;}
body.vt-portal-page .vt-portal-login-card .gender-btn{height:82px!important;border-radius:16px!important;}
body.vt-portal-page .vt-portal-login-card .start-chat{height:64px!important;min-height:64px!important;border-radius:18px!important;font-size:21px!important;margin-top:26px!important;}
body.vt-portal-page .vt-portal-announcement-v262{height:84px!important;margin:0!important;padding:0 28px!important;border-radius:22px!important;background:rgba(8,13,30,.80)!important;border:1px solid rgba(56,189,248,.22)!important;box-shadow:0 18px 50px rgba(0,0,0,.18)!important;display:grid!important;grid-template-columns:58px auto 1fr auto!important;gap:18px!important;align-items:center!important;}
body.vt-portal-page .vt-ann-icon{width:44px!important;height:44px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,rgba(236,72,153,.35),rgba(14,165,233,.16))!important;}
body.vt-portal-page .vt-portal-announcement-v262 strong{font-size:22px!important;color:#f0abfc!important;}
body.vt-portal-page .vt-portal-announcement-v262 p{font-size:15px!important;color:#e5edf9!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.vt-portal-page .vt-portal-announcement-v262 a{height:46px!important;border-radius:999px!important;padding:0 22px!important;display:flex!important;align-items:center!important;gap:8px!important;background:rgba(8,13,30,.72)!important;border:1px solid rgba(255,255,255,.12)!important;text-decoration:none!important;color:#dceafe!important;font-weight:900!important;}
body.vt-portal-page .vt-portal-info-sections{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px!important;margin-top:0!important;}
body.vt-portal-page .vt-portal-info-card{min-height:120px!important;border-radius:22px!important;background:rgba(8,13,30,.62)!important;border:1px solid rgba(255,255,255,.09)!important;padding:22px!important;box-shadow:0 20px 55px rgba(0,0,0,.16)!important;}
body.vt-portal-page .vt-portal-footer-v268{min-height:58px!important;border-top:1px solid rgba(255,255,255,.08)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;padding:14px 0 0!important;color:#95a5bd!important;}
body.vt-portal-page .vt-portal-footer-brand,body.vt-portal-page .vt-portal-footer-links{display:none!important;}
body.vt-portal-page .vt-portal-footer-copy{font-size:14px!important;text-align:center!important;justify-self:center!important;}
@media (max-width:1500px){
  body.vt-portal-page .vt-portal-wrap{width:min(1450px,calc(100vw - 36px))!important;gap:18px!important;}
  body.vt-portal-page .vt-portal-hero.vt-portal-rebuild-v268{grid-template-columns:230px minmax(560px,1fr) minmax(350px,390px)!important;gap:20px!important;}
  body.vt-portal-page .vt-portal-stage,body.vt-portal-page .vt-recent-members,body.vt-portal-page .vt-portal-login-card{height:510px!important;min-height:510px!important;max-height:510px!important;}
  body.vt-portal-page .vt-portal-copy{width:50%!important;min-width:330px!important;padding-left:28px!important;}
  body.vt-portal-page .vt-portal-copy h1{font-size:clamp(38px,3.55vw,56px)!important;}
  body.vt-portal-page .vt-portal-copy p{font-size:14px!important;max-width:390px!important;}
  body.vt-portal-page .vt-portal-mini-features span{width:96px!important;min-width:96px!important;min-height:64px!important;font-size:11px!important;}
  body.vt-portal-page .vt-recent-item:nth-child(n+5){display:none!important;}
}
@media (max-width:1280px){
  body.vt-portal-page .vt-portal-nav{grid-template-columns:220px 1fr 135px!important;gap:14px!important;}
  body.vt-portal-page .vt-portal-brand{width:210px!important;height:60px!important;}
  body.vt-portal-page .vt-portal-logo{width:172px!important;height:42px!important;}
  body.vt-portal-page .vt-portal-links{gap:22px!important;}
  body.vt-portal-page .vt-portal-hero.vt-portal-rebuild-v268{grid-template-columns:1fr minmax(330px,380px)!important;gap:18px!important;}
  body.vt-portal-page .vt-recent-members{display:none!important;}
  body.vt-portal-page .vt-portal-stage,body.vt-portal-page .vt-portal-login-card{height:500px!important;min-height:500px!important;}
  body.vt-portal-page .vt-portal-copy{width:54%!important;min-width:310px!important;}
  body.vt-portal-page .vt-portal-copy h1{font-size:44px!important;}
  body.vt-portal-page .vt-portal-login-card{padding:24px!important;}
}
@media (max-width:980px){
  body.vt-portal-page .vt-portal-wrap{width:min(100% - 24px,720px)!important;}
  body.vt-portal-page .vt-portal-nav{height:auto!important;grid-template-columns:1fr!important;justify-items:center!important;gap:12px!important;}
  body.vt-portal-page .vt-portal-links{gap:18px!important;flex-wrap:wrap!important;}
  body.vt-portal-page .vt-portal-online{justify-self:center!important;}
  body.vt-portal-page .vt-portal-hero.vt-portal-rebuild-v268{grid-template-columns:1fr!important;}
  body.vt-portal-page .vt-portal-stage{height:520px!important;min-height:520px!important;}
  body.vt-portal-page .vt-portal-copy{width:70%!important;min-width:0!important;}
  body.vt-portal-page .vt-portal-copy h1{font-size:42px!important;}
  body.vt-portal-page .vt-portal-login-card{height:auto!important;min-height:auto!important;max-height:none!important;}
  body.vt-portal-page .vt-portal-announcement-v262{grid-template-columns:50px 1fr!important;height:auto!important;min-height:88px!important;padding:18px!important;}
  body.vt-portal-page .vt-portal-announcement-v262 p{grid-column:2/-1!important;white-space:normal!important;}
  body.vt-portal-page .vt-portal-announcement-v262 a{display:none!important;}
  body.vt-portal-page .vt-portal-info-sections{grid-template-columns:1fr!important;}
}

/* v2.70 - Portal clean rebuild override: simple, responsive PC landing page */
body.vt-portal-page{
  --vt-p-bg:#050814;
  --vt-p-card:rgba(9,14,31,.82);
  --vt-p-line:rgba(96,165,250,.22);
  --vt-p-text:#f8fafc;
  --vt-p-muted:#b7c4d8;
  --vt-p-cyan:#22d3ee;
  --vt-p-pink:#d946ef;
  --vt-p-blue:#3b82f6;
  background:#050814!important;
  overflow-x:hidden!important;
}
body.vt-portal-page:before{
  background:
    radial-gradient(circle at 8% 25%,rgba(14,165,233,.18),transparent 26%),
    radial-gradient(circle at 88% 18%,rgba(168,85,247,.18),transparent 30%),
    linear-gradient(180deg,#061222 0%,#050814 52%,#040713 100%)!important;
}
body.vt-portal-page .vt-portal-wrap{
  width:min(1540px,calc(100% - 56px))!important;
  margin:0 auto!important;
  padding:22px 0 34px!important;
}
body.vt-portal-page .vt-portal-nav{
  display:grid!important;
  grid-template-columns:260px 1fr 150px!important;
  align-items:center!important;
  gap:20px!important;
  margin-bottom:26px!important;
}
body.vt-portal-page .vt-portal-brand{
  width:230px!important;
  min-height:66px!important;
  display:flex!important;
  justify-content:center!important;
  padding:10px 18px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(15,23,42,.74),rgba(17,24,39,.58))!important;
  border:1px solid rgba(168,85,247,.38)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,255,255,.035)!important;
}
body.vt-portal-page .vt-portal-brand strong{display:none!important;}
body.vt-portal-page .vt-portal-logo{
  width:190px!important;height:48px!important;border-radius:14px!important;padding:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
body.vt-portal-page .vt-portal-logo img{width:100%!important;height:100%!important;object-fit:contain!important;}
body.vt-portal-page .vt-portal-links{justify-content:center!important;gap:42px!important;display:flex!important;}
body.vt-portal-page .vt-portal-links a{position:relative;color:#e5edf7!important;font-size:15px!important;font-weight:950!important;text-shadow:0 8px 22px rgba(0,0,0,.5)!important;}
body.vt-portal-page .vt-portal-links a.active:after,
body.vt-portal-page .vt-portal-links a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:3px;border-radius:999px;background:linear-gradient(90deg,#2563eb,#d946ef)!important;box-shadow:0 0 18px rgba(217,70,239,.55)}
body.vt-portal-page .vt-portal-online{justify-self:end!important;min-width:120px!important;justify-content:center!important;padding:12px 18px!important;border-radius:999px!important;background:rgba(6,10,24,.72)!important;border:1px solid rgba(148,163,184,.18)!important;}

body.vt-portal-page .vt-portal-hero{
  display:grid!important;
  grid-template-columns:230px minmax(620px,1fr) 380px!important;
  gap:24px!important;
  align-items:stretch!important;
  margin:0 0 22px!important;
}
body.vt-portal-page .vt-recent-members{
  height:510px!important;border-radius:24px!important;overflow:hidden!important;
  background:linear-gradient(180deg,rgba(16,24,45,.9),rgba(7,12,27,.84))!important;
  border:1px solid rgba(125,211,252,.18)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
body.vt-portal-page .vt-recent-head{height:58px!important;padding:0 18px!important;background:linear-gradient(90deg,rgba(168,85,247,.25),rgba(59,130,246,.08))!important;border-bottom:1px solid rgba(148,163,184,.12)!important;}
body.vt-portal-page .vt-recent-list{padding:14px!important;gap:10px!important;max-height:350px!important;overflow:hidden!important;}
body.vt-portal-page .vt-recent-item{height:62px!important;border-radius:16px!important;padding:9px 12px!important;background:rgba(15,23,42,.54)!important;border:1px solid rgba(148,163,184,.12)!important;}
body.vt-portal-page .vt-recent-item img{width:44px!important;height:44px!important;border-radius:50%!important;}
body.vt-portal-page .vt-recent-item b{font-size:13px!important;color:#fff!important;}
body.vt-portal-page .vt-recent-item small{font-size:11px!important;color:#aebbd0!important;}
body.vt-portal-page .vt-recent-all{left:26px!important;right:26px!important;bottom:24px!important;height:42px!important;border-radius:999px!important;background:rgba(15,23,42,.7)!important;border:1px solid rgba(217,70,239,.34)!important;color:#fff!important;font-weight:950!important;}

body.vt-portal-page .vt-portal-stage{
  position:relative!important;height:510px!important;min-height:510px!important;overflow:hidden!important;border-radius:26px!important;
  display:block!important;background:#050816!important;border:1px solid rgba(56,189,248,.20)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
body.vt-portal-page .vt-portal-stage:before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(3,7,18,.96) 0%,rgba(3,7,18,.78) 42%,rgba(3,7,18,.2) 68%,rgba(3,7,18,.02) 100%),
    linear-gradient(0deg,rgba(3,7,18,.34),transparent 42%)!important;
}
body.vt-portal-page .vt-portal-stage:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:76px;z-index:3;opacity:.92;pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(34,211,238,.0) 0 12px,rgba(34,211,238,.75) 12px 15px,rgba(217,70,239,.9) 15px 18px,rgba(34,211,238,.0) 18px 29px);
  clip-path:polygon(0 82%,4% 34%,8% 70%,12% 22%,16% 86%,20% 44%,24% 72%,28% 16%,32% 80%,36% 38%,40% 64%,44% 24%,48% 78%,52% 48%,56% 70%,60% 18%,64% 84%,68% 42%,72% 68%,76% 28%,80% 78%,84% 46%,88% 70%,92% 30%,96% 82%,100% 58%,100% 100%,0 100%);
  filter:drop-shadow(0 0 16px rgba(34,211,238,.45));
}
body.vt-portal-page .vt-portal-host{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important;overflow:hidden!important;border-radius:26px!important;}
body.vt-portal-page .vt-portal-host img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;display:block!important;opacity:.96!important;filter:saturate(1.08) contrast(1.05)!important;}
body.vt-portal-page .vt-host-wave{display:none!important;}
body.vt-portal-page .vt-host-eq{display:none!important;}
body.vt-portal-page .vt-portal-copy{position:relative!important;z-index:4!important;width:48%!important;height:100%!important;padding:44px 0 34px 42px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;}
body.vt-portal-page .vt-portal-badge{font-size:12px!important;font-weight:950!important;color:#b7e7ff!important;padding:9px 14px!important;border-radius:999px!important;background:rgba(14,165,233,.16)!important;border:1px solid rgba(34,211,238,.32)!important;margin-bottom:22px!important;}
body.vt-portal-page .vt-portal-copy h1{font-size:clamp(42px,4.4vw,68px)!important;line-height:1.02!important;letter-spacing:-.055em!important;margin:0 0 24px!important;color:#fff!important;max-width:520px!important;}
body.vt-portal-page .vt-portal-copy h1::first-line{color:#fff!important;}
body.vt-portal-page .vt-portal-copy p{font-size:15px!important;line-height:1.75!important;max-width:465px!important;margin:0 0 24px!important;color:#dbe7f5!important;}
body.vt-portal-page .vt-portal-mini-features{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:auto!important;}
body.vt-portal-page .vt-portal-mini-features span{width:102px!important;min-height:60px!important;padding:10px!important;border-radius:14px!important;background:rgba(15,23,42,.68)!important;border:1px solid rgba(148,163,184,.16)!important;color:#fff!important;text-align:center!important;font-size:11px!important;line-height:1.2!important;box-shadow:0 12px 26px rgba(0,0,0,.22)!important;}

body.vt-portal-page .vt-portal-login-card{align-self:center!important;width:100%!important;min-height:500px!important;padding:28px!important;border-radius:26px!important;background:linear-gradient(180deg,rgba(8,13,31,.92),rgba(12,10,32,.88))!important;border:1px solid rgba(34,211,238,.22)!important;box-shadow:0 28px 90px rgba(0,0,0,.36),0 0 0 1px rgba(217,70,239,.07) inset!important;}
body.vt-portal-page .vt-login-tabs-v123{grid-template-columns:1fr 1fr!important;gap:12px!important;margin-bottom:22px!important;}
body.vt-portal-page .vt-login-tabs-v123 button{min-height:66px!important;border-radius:16px!important;font-size:18px!important;}
body.vt-portal-page .vt-input-v123{min-height:58px!important;border-radius:15px!important;}
body.vt-portal-page .vt-input-v123 input{height:58px!important;font-size:16px!important;}
body.vt-portal-page .vt-gender-v123{gap:10px!important;}
body.vt-portal-page .vt-gender-v123 .gender-btn{height:78px!important;border-radius:16px!important;}
body.vt-portal-page .vt-start-v123{min-height:62px!important;border-radius:16px!important;font-size:18px!important;}

body.vt-portal-page .vt-portal-announcement-v262{display:flex!important;align-items:center!important;gap:20px!important;height:78px!important;margin:0 0 20px!important;padding:0 24px!important;border-radius:20px!important;background:rgba(8,13,31,.76)!important;border:1px solid rgba(56,189,248,.18)!important;box-shadow:0 18px 50px rgba(0,0,0,.22)!important;}
body.vt-portal-page .vt-ann-icon{width:44px!important;height:44px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,rgba(217,70,239,.35),rgba(37,99,235,.22))!important;}
body.vt-portal-page .vt-portal-announcement-v262 strong{font-size:20px!important;color:#f0abfc!important;text-transform:uppercase!important;}
body.vt-portal-page .vt-portal-announcement-v262 p{margin:0!important;color:#e2e8f0!important;font-size:14px!important;}
body.vt-portal-page .vt-portal-info-sections{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px!important;margin:0 0 22px!important;}
body.vt-portal-page .vt-portal-info-card{min-height:128px!important;padding:20px!important;border-radius:20px!important;background:rgba(8,13,31,.62)!important;border:1px solid rgba(148,163,184,.13)!important;}
body.vt-portal-page .vt-portal-info-card h2{font-size:20px!important;margin:8px 0 8px!important;color:#fff!important;}
body.vt-portal-page .vt-portal-info-card p{font-size:13px!important;line-height:1.55!important;color:#b9c6d8!important;margin:0!important;}
body.vt-portal-page .vt-portal-footer-v268{height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#94a3b8!important;font-size:13px!important;border-top:1px solid rgba(148,163,184,.12)!important;margin:4px 0 0!important;padding:0!important;background:transparent!important;}
body.vt-portal-page .vt-portal-footer-brand,
body.vt-portal-page .vt-portal-footer-links{display:none!important;}
body.vt-portal-page .vt-portal-footer-copy{display:block!important;color:#94a3b8!important;}

@media(max-width:1320px){
  body.vt-portal-page .vt-portal-wrap{width:min(100% - 36px,1220px)!important;}
  body.vt-portal-page .vt-portal-hero{grid-template-columns:210px minmax(560px,1fr) 340px!important;gap:18px!important;}
  body.vt-portal-page .vt-portal-stage{height:480px!important;min-height:480px!important;}
  body.vt-portal-page .vt-recent-members{height:480px!important;}
  body.vt-portal-page .vt-portal-copy h1{font-size:52px!important;}
  body.vt-portal-page .vt-portal-copy{padding-left:32px!important;width:50%!important;}
}
@media(max-width:1120px){
  body.vt-portal-page .vt-portal-nav{grid-template-columns:220px 1fr 130px!important;}
  body.vt-portal-page .vt-portal-hero{grid-template-columns:minmax(0,1fr) 340px!important;}
  body.vt-portal-page .vt-recent-members{display:none!important;}
  body.vt-portal-page .vt-portal-copy h1{font-size:48px!important;}
}
@media(max-width:900px){
  body.vt-portal-page .vt-portal-nav{grid-template-columns:1fr auto!important;}
  body.vt-portal-page .vt-portal-links{display:none!important;}
  body.vt-portal-page .vt-portal-hero{grid-template-columns:1fr!important;}
  body.vt-portal-page .vt-portal-stage{height:auto!important;min-height:0!important;}
  body.vt-portal-page .vt-portal-host{position:relative!important;height:260px!important;display:block!important;}
  body.vt-portal-page .vt-portal-copy{width:auto!important;height:auto!important;padding:26px!important;}
  body.vt-portal-page .vt-portal-copy h1{font-size:42px!important;}
  body.vt-portal-page .vt-portal-info-sections{grid-template-columns:1fr!important;}
}


/* v2.71 - Portal responsive + SEO-safe clean layout override */
body.vt-portal-page{
  overflow-x:hidden!important;
  min-width:0!important;
}
body.vt-portal-page .vt-portal-wrap{
  width:min(1500px,calc(100vw - 32px))!important;
  max-width:1500px!important;
  box-sizing:border-box!important;
}
body.vt-portal-page .vt-portal-nav,
body.vt-portal-page .vt-portal-hero,
body.vt-portal-page .vt-portal-stage,
body.vt-portal-page .vt-portal-login-card,
body.vt-portal-page .vt-recent-members,
body.vt-portal-page .vt-portal-announcement-v262,
body.vt-portal-page .vt-portal-info-sections{
  box-sizing:border-box!important;
  min-width:0!important;
}
body.vt-portal-page .vt-portal-nav{
  grid-template-columns:minmax(190px,240px) minmax(280px,1fr) minmax(118px,150px)!important;
  gap:18px!important;
}
body.vt-portal-page .vt-portal-brand{width:230px!important;max-width:100%!important;}
body.vt-portal-page .vt-portal-logo{max-width:100%!important;}
body.vt-portal-page .vt-portal-hero.vt-portal-rebuild-v268,
body.vt-portal-page .vt-portal-hero{
  grid-template-columns:minmax(210px,240px) minmax(520px,1fr) minmax(340px,390px)!important;
  gap:22px!important;
  align-items:start!important;
}
body.vt-portal-page .vt-portal-stage{
  width:100%!important;
  max-width:100%!important;
  height:500px!important;
  min-height:500px!important;
}
body.vt-portal-page .vt-recent-members{height:500px!important;min-height:500px!important;}
body.vt-portal-page .vt-portal-login-card{
  width:100%!important;
  max-width:390px!important;
  justify-self:stretch!important;
  min-height:500px!important;
}
body.vt-portal-page .vt-portal-host img{
  object-position:center right!important;
}
body.vt-portal-page .vt-portal-copy{
  width:min(48%,480px)!important;
  min-width:310px!important;
}
body.vt-portal-page .vt-portal-copy h1{
  font-size:clamp(42px,3.4vw,64px)!important;
}
body.vt-portal-page .vt-portal-copy p{
  max-width:440px!important;
}
@media(max-width:1400px){
  body.vt-portal-page .vt-portal-wrap{width:min(1280px,calc(100vw - 28px))!important;}
  body.vt-portal-page .vt-portal-hero.vt-portal-rebuild-v268,
  body.vt-portal-page .vt-portal-hero{
    grid-template-columns:minmax(0,1fr) minmax(330px,380px)!important;
    gap:20px!important;
  }
  body.vt-portal-page .vt-recent-members{display:none!important;}
  body.vt-portal-page .vt-portal-stage{height:500px!important;}
  body.vt-portal-page .vt-portal-login-card{max-width:380px!important;min-height:500px!important;}
}
@media(max-width:1180px){
  body.vt-portal-page .vt-portal-wrap{width:min(960px,calc(100vw - 28px))!important;}
  body.vt-portal-page .vt-portal-nav{
    grid-template-columns:220px 1fr 130px!important;
    gap:14px!important;
  }
  body.vt-portal-page .vt-portal-links{gap:24px!important;}
  body.vt-portal-page .vt-portal-hero.vt-portal-rebuild-v268,
  body.vt-portal-page .vt-portal-hero{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  body.vt-portal-page .vt-portal-stage{height:500px!important;min-height:500px!important;}
  body.vt-portal-page .vt-portal-login-card{
    max-width:720px!important;
    width:100%!important;
    justify-self:center!important;
    min-height:auto!important;
    height:auto!important;
  }
  body.vt-portal-page .vt-portal-copy{width:52%!important;min-width:320px!important;}
}
@media(max-width:860px){
  body.vt-portal-page .vt-portal-wrap{width:min(100% - 22px,680px)!important;padding-top:16px!important;}
  body.vt-portal-page .vt-portal-nav{grid-template-columns:1fr!important;justify-items:center!important;margin-bottom:18px!important;}
  body.vt-portal-page .vt-portal-links{display:none!important;}
  body.vt-portal-page .vt-portal-online{justify-self:center!important;}
  body.vt-portal-page .vt-portal-stage{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;}
  body.vt-portal-page .vt-portal-stage:before{background:linear-gradient(180deg,rgba(3,7,18,.92),rgba(3,7,18,.42))!important;}
  body.vt-portal-page .vt-portal-host{position:relative!important;height:280px!important;order:1!important;}
  body.vt-portal-page .vt-portal-host img{object-position:center center!important;}
  body.vt-portal-page .vt-portal-copy{order:2!important;width:auto!important;min-width:0!important;height:auto!important;padding:24px!important;}
  body.vt-portal-page .vt-portal-copy h1{font-size:clamp(34px,9vw,44px)!important;}
  body.vt-portal-page .vt-portal-mini-features span{width:auto!important;min-width:96px!important;flex:1 1 96px!important;}
  body.vt-portal-page .vt-portal-announcement-v262{height:auto!important;min-height:82px!important;display:grid!important;grid-template-columns:48px 1fr!important;padding:18px!important;}
  body.vt-portal-page .vt-portal-announcement-v262 p{grid-column:2/-1!important;white-space:normal!important;}
  body.vt-portal-page .vt-portal-announcement-v262 a{display:none!important;}
  body.vt-portal-page .vt-portal-info-sections{grid-template-columns:1fr!important;}
}

/* v3.00 SEO / Blog Yönetimi */
.vt-seo-page-block{border:1px solid rgba(148,163,184,.25);border-radius:18px;padding:18px;margin:16px 0;background:rgba(15,23,42,.35)}
.vt-seo-page-block h3{margin:0 0 14px;color:#e2e8f0;font-size:18px}
.vt-seo-admin-card textarea,.vt-blog-editor textarea{width:100%;resize:vertical}
.vt-public-blog-page{min-height:100vh;background:radial-gradient(circle at top left,rgba(124,58,237,.28),transparent 30%),linear-gradient(135deg,#050816,#0b1024 55%,#19092f);color:#e5e7eb}
.vt-public-blog-shell{width:min(1180px,calc(100% - 42px));margin:32px auto 48px}.vt-public-blog-head{border:1px solid rgba(255,255,255,.12);background:rgba(15,23,42,.62);backdrop-filter:blur(18px);border-radius:28px;padding:34px;margin-bottom:24px;box-shadow:0 24px 70px rgba(0,0,0,.25)}
.vt-public-blog-head h1,.vt-public-post h1{margin:0 0 10px;font-size:clamp(32px,5vw,56px);line-height:1.05;color:white}.vt-public-blog-head p,.vt-public-post-summary{color:#b6c5dd;font-size:17px;line-height:1.6}.vt-public-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.vt-public-blog-card{display:block;text-decoration:none;color:inherit;border:1px solid rgba(255,255,255,.12);background:rgba(15,23,42,.58);border-radius:24px;padding:18px;min-height:240px;transition:.2s}.vt-public-blog-card:hover{transform:translateY(-3px);border-color:rgba(168,85,247,.48);box-shadow:0 18px 50px rgba(124,58,237,.22)}.vt-public-blog-card img{width:100%;height:140px;object-fit:cover;border-radius:18px;margin-bottom:14px}.vt-public-blog-card h2{font-size:20px;margin:0 0 8px;color:white}.vt-public-blog-card p{color:#aebddb;line-height:1.5}.vt-public-blog-card span{color:#c084fc;font-weight:800}.vt-public-post{width:min(940px,100%);margin:0 auto;border:1px solid rgba(255,255,255,.12);background:rgba(15,23,42,.68);border-radius:30px;padding:28px;box-shadow:0 28px 80px rgba(0,0,0,.3)}.vt-public-post-cover{width:100%;max-height:420px;object-fit:cover;border-radius:24px;margin:12px 0 22px}.vt-public-post-content{color:#e5e7eb;font-size:17px;line-height:1.8}.vt-public-empty{border:1px dashed rgba(255,255,255,.18);border-radius:22px;padding:28px;color:#cbd5e1}.vt-info-link{display:inline-flex;margin-top:12px;color:#c084fc;font-weight:900;text-decoration:none}.vt-portal-copyline{width:min(1180px,calc(100% - 42px));margin:0 auto 30px;padding:16px 0;border-top:1px solid rgba(255,255,255,.1);color:#94a3b8;text-align:center;font-size:13px}
@media(max-width:980px){.vt-public-blog-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.vt-public-blog-grid{grid-template-columns:1fr}.vt-public-blog-shell{width:min(100% - 24px,680px)}}


/* v3.01 Sayfa Yönetimi / SEO sayfa düzeni */
.vt-public-page-shell{max-width:980px;margin:34px auto;padding:0 18px;}
.vt-public-page-card{background:rgba(9,13,33,.72);border:1px solid rgba(255,255,255,.10);border-radius:28px;padding:34px;box-shadow:0 28px 80px rgba(0,0,0,.35);color:#eaf0ff;}
.vt-public-page-card h1{font-size:clamp(28px,4vw,48px);margin:0 0 18px;color:#fff;letter-spacing:-.04em;}
.vt-public-page-content{font-size:16px;line-height:1.8;color:rgba(234,240,255,.84);white-space:normal;word-break:break-word;}
.vt-pages-admin-page textarea{resize:vertical;}
.vt-page-editor .remember-row{display:inline-flex;margin-right:16px;align-items:center;gap:8px;}
@media(max-width:900px){.vt-public-page-card{padding:24px;border-radius:22px}.vt-public-page-shell{margin:20px auto}}

/* v3.02 Sayfa Yönetimi ve SEO Yönetimi temizlikleri */
.vt-page-toggle-grid-v302{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  margin:18px 0 20px!important;
}
.vt-page-toggle-card-v302{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-height:78px!important;
  padding:16px 18px!important;
  border:1px solid #dbe7f5!important;
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
  border-radius:18px!important;
  box-shadow:0 10px 26px rgba(15,23,42,.06)!important;
  color:#0f172a!important;
  cursor:pointer!important;
}
.vt-page-toggle-card-v302 input{
  flex:0 0 auto!important;
  width:24px!important;
  height:24px!important;
  accent-color:#2563eb!important;
}
.vt-page-toggle-card-v302 span{display:flex!important;flex-direction:column!important;gap:4px!important;line-height:1.25!important;min-width:0!important;}
.vt-page-toggle-card-v302 b{font-size:16px!important;color:#102033!important;font-weight:1000!important;}
.vt-page-toggle-card-v302 small{font-size:13px!important;color:#64748b!important;font-weight:800!important;}
.vt-page-toggle-card-v302:hover{border-color:#93c5fd!important;box-shadow:0 16px 34px rgba(37,99,235,.12)!important;}
.vt-seo-note-v302{
  background:#f8fbff!important;
  border:1px solid #dbeafe!important;
  color:#475569!important;
  border-radius:16px!important;
  padding:12px 14px!important;
  margin:0 0 16px!important;
  font-weight:800!important;
  line-height:1.5!important;
}
@media(max-width:760px){.vt-page-toggle-grid-v302{grid-template-columns:1fr!important}.vt-page-toggle-card-v302{min-height:72px!important}}

/* v3.05 - Portal hero sade premium özellik kartları */
@media (min-width:981px){
  body.vt-portal-page .vt-portal-stage:after{
    content:""!important;
    position:absolute!important;
    left:34px!important;
    right:34px!important;
    bottom:24px!important;
    height:3px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,rgba(56,189,248,.05),rgba(56,189,248,.85),rgba(217,70,239,.9),rgba(56,189,248,.12))!important;
    box-shadow:0 0 22px rgba(56,189,248,.34),0 0 30px rgba(217,70,239,.24)!important;
    filter:none!important;
    mask-image:none!important;
    opacity:.92!important;
    animation:vtPortalGlowLine 2.8s ease-in-out infinite!important;
    z-index:7!important;
  }
  @keyframes vtPortalGlowLine{
    0%,100%{opacity:.55;transform:scaleX(.94)}
    50%{opacity:1;transform:scaleX(1)}
  }
  body.vt-portal-page .vt-host-wave,
  body.vt-portal-page .vt-host-wave-1,
  body.vt-portal-page .vt-host-wave-2,
  body.vt-portal-page .vt-host-eq{
    display:none!important;
  }
  body.vt-portal-page .vt-portal-mini-features{
    display:flex!important;
    align-items:stretch!important;
    gap:10px!important;
    width:min(100%,420px)!important;
    max-width:420px!important;
    margin:20px 0 0!important;
    padding:0!important;
    position:relative!important;
    z-index:9!important;
  }
  body.vt-portal-page .vt-portal-mini-features span{
    flex:1 1 0!important;
    min-width:0!important;
    min-height:48px!important;
    height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    word-break:normal!important;
    padding:8px 10px!important;
    border-radius:15px!important;
    color:#eaf6ff!important;
    font-size:12px!important;
    font-weight:950!important;
    line-height:1.15!important;
    letter-spacing:-.01em!important;
    background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(7,11,26,.66))!important;
    border:1px solid rgba(125,211,252,.20)!important;
    box-shadow:0 12px 26px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.04)!important;
    backdrop-filter:blur(10px)!important;
  }
  body.vt-portal-page .vt-portal-mini-features span:nth-child(2){border-color:rgba(167,139,250,.22)!important;}
  body.vt-portal-page .vt-portal-mini-features span:nth-child(3){border-color:rgba(244,114,182,.22)!important;}
}
@media (min-width:981px) and (max-width:1360px){
  body.vt-portal-page .vt-portal-mini-features{
    width:min(100%,390px)!important;
    gap:8px!important;
  }
  body.vt-portal-page .vt-portal-mini-features span{
    font-size:11px!important;
    padding:7px 8px!important;
  }
}

/* v3.06 - Portal mini feature music wave polish */
@media (min-width:981px){
  body.vt-portal-page .vt-portal-stage:after{
    display:none!important;
    content:none!important;
  }
  body.vt-portal-page .vt-portal-mini-features{
    margin:18px 0 32px!important;
    padding-bottom:26px!important;
    overflow:visible!important;
  }
  body.vt-portal-page .vt-portal-mini-features span{
    position:relative!important;
    overflow:hidden!important;
  }
  body.vt-portal-page .vt-portal-mini-features span:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,.08),transparent)!important;
    transform:translateX(-120%)!important;
    animation:vtFeatureSheen 4.2s ease-in-out infinite!important;
    pointer-events:none!important;
  }
  @keyframes vtFeatureSheen{
    0%,58%{transform:translateX(-120%)}
    75%,100%{transform:translateX(120%)}
  }
  body.vt-portal-page .vt-portal-mini-features:after{
    content:""!important;
    position:absolute!important;
    left:4px!important;
    right:4px!important;
    bottom:0!important;
    height:18px!important;
    border-radius:999px!important;
    background:
      linear-gradient(90deg,rgba(34,211,238,.20),rgba(168,85,247,.38),rgba(244,114,182,.30),rgba(34,211,238,.18)),
      repeating-linear-gradient(90deg,
        rgba(34,211,238,.95) 0 3px,transparent 3px 10px,
        rgba(168,85,247,.95) 10px 14px,transparent 14px 22px,
        rgba(244,114,182,.85) 22px 26px,transparent 26px 34px
      )!important;
    -webkit-mask-image:linear-gradient(0deg,transparent 0 12%,#000 12% 100%),linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)!important;
    mask-image:linear-gradient(0deg,transparent 0 12%,#000 12% 100%),linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)!important;
    background-size:100% 100%,120px 100%!important;
    box-shadow:0 0 18px rgba(34,211,238,.28),0 0 26px rgba(168,85,247,.24)!important;
    opacity:.86!important;
    animation:vtMiniMusicWave 1.6s linear infinite, vtMiniMusicPulse 2.8s ease-in-out infinite!important;
    pointer-events:none!important;
  }
  body.vt-portal-page .vt-portal-mini-features:before{
    content:""!important;
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    bottom:8px!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(125,211,252,.8),rgba(217,70,239,.75),transparent)!important;
    box-shadow:0 0 16px rgba(56,189,248,.35)!important;
    pointer-events:none!important;
  }
  @keyframes vtMiniMusicWave{
    from{background-position:0 0,0 0}
    to{background-position:0 0,120px 0}
  }
  @keyframes vtMiniMusicPulse{
    0%,100%{filter:saturate(1);opacity:.68;transform:scaleY(.82)}
    50%{filter:saturate(1.45);opacity:1;transform:scaleY(1)}
  }
}
@media (min-width:981px) and (max-width:1360px){
  body.vt-portal-page .vt-portal-mini-features{padding-bottom:24px!important;margin-bottom:28px!important;}
  body.vt-portal-page .vt-portal-mini-features:after{height:16px!important;}
}

/* v3.07 - Portal feature area final cleanup: remove old image-bottom EQ and add clean music waveform */
@media (min-width:981px){
  body.vt-portal-page .vt-host-eq,
  body.vt-portal-page .vt-portal-stage:after,
  body.vt-portal-page .vt-portal-stage:before{
    display:none!important;
    content:none!important;
    opacity:0!important;
  }
  body.vt-portal-page .vt-portal-mini-features{
    position:relative!important;
    display:flex!important;
    align-items:stretch!important;
    gap:12px!important;
    width:min(100%,430px)!important;
    margin:18px 0 0!important;
    padding:0 0 48px!important;
    overflow:visible!important;
    z-index:12!important;
  }
  body.vt-portal-page .vt-portal-mini-features span{
    flex:1 1 0!important;
    min-width:0!important;
    height:58px!important;
    min-height:58px!important;
    padding:9px 10px!important;
    border-radius:16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    color:#f8fbff!important;
    font-size:12px!important;
    font-weight:950!important;
    line-height:1.18!important;
    background:linear-gradient(180deg,rgba(16,23,42,.86),rgba(7,11,26,.72))!important;
    border:1px solid rgba(125,211,252,.22)!important;
    box-shadow:0 14px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05)!important;
    overflow:hidden!important;
  }
  body.vt-portal-page .vt-portal-mini-features span:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,.075),transparent)!important;
    transform:translateX(-130%)!important;
    animation:vtFeatureSheen307 5s ease-in-out infinite!important;
    pointer-events:none!important;
  }
  body.vt-portal-page .vt-portal-mini-features span:nth-child(1){border-color:rgba(251,146,60,.28)!important;}
  body.vt-portal-page .vt-portal-mini-features span:nth-child(2){border-color:rgba(96,165,250,.28)!important;}
  body.vt-portal-page .vt-portal-mini-features span:nth-child(3){border-color:rgba(217,70,239,.28)!important;}
  body.vt-portal-page .vt-portal-mini-features:before{
    content:""!important;
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    bottom:17px!important;
    height:1px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,transparent,rgba(34,211,238,.85),rgba(168,85,247,.95),rgba(244,114,182,.85),transparent)!important;
    box-shadow:0 0 16px rgba(34,211,238,.24),0 0 26px rgba(217,70,239,.18)!important;
    pointer-events:none!important;
  }
  body.vt-portal-page .vt-portal-mini-features:after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:-2px!important;
    height:38px!important;
    border-radius:999px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 90' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1' y1='0' y2='0'%3E%3Cstop stop-color='%2322d3ee'/%3E%3Cstop offset='.5' stop-color='%238b5cf6'/%3E%3Cstop offset='1' stop-color='%23ec4899'/%3E%3C/linearGradient%3E%3Cfilter id='f' x='-20%25' y='-80%25' width='140%25' height='260%25'%3E%3CfeGaussianBlur stdDeviation='2.8' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M0 45 L28 45 L42 36 L56 54 L70 28 L84 62 L98 45 L126 45 L140 22 L154 68 L168 37 L182 53 L196 45 L224 45 L238 18 L252 72 L266 34 L280 56 L294 45 L322 45 L336 27 L350 63 L364 40 L378 50 L392 45 L420 45 L434 16 L448 74 L462 32 L476 58 L490 45 L518 45 L532 24 L546 66 L560 38 L574 52 L588 45 L616 45 L630 20 L644 70 L658 35 L672 55 L686 45 L714 45 L728 30 L742 60 L756 42 L770 48 L784 45 L812 45 L826 26 L840 64 L854 40 L868 50 L900 45' fill='none' stroke='url(%23g)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round' filter='url(%23f)'/%3E%3Cpath d='M0 45 H900' stroke='%23ffffff' stroke-opacity='.08'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:100% 100%!important;
    opacity:.95!important;
    filter:drop-shadow(0 0 10px rgba(34,211,238,.22)) drop-shadow(0 0 16px rgba(217,70,239,.20))!important;
    animation:vtWaveFloat307 3.4s ease-in-out infinite!important;
    pointer-events:none!important;
  }
  @keyframes vtFeatureSheen307{
    0%,62%{transform:translateX(-130%)}
    82%,100%{transform:translateX(130%)}
  }
  @keyframes vtWaveFloat307{
    0%,100%{transform:translateY(0) scaleY(.94);opacity:.82;}
    50%{transform:translateY(-2px) scaleY(1.08);opacity:1;}
  }
}
@media (min-width:981px) and (max-width:1360px){
  body.vt-portal-page .vt-portal-mini-features{width:min(100%,390px)!important;gap:9px!important;padding-bottom:42px!important;}
  body.vt-portal-page .vt-portal-mini-features span{height:54px!important;min-height:54px!important;font-size:11px!important;}
  body.vt-portal-page .vt-portal-mini-features:after{height:32px!important;}
}

/* v3.08 - Portal feature cards + music wave final safe override */
@media (min-width:981px){
  body.vt-portal-page .vt-host-eq,
  body.vt-portal-page .vt-host-wave,
  body.vt-portal-page .vt-host-wave-1,
  body.vt-portal-page .vt-host-wave-2,
  body.vt-portal-page .vt-portal-stage:after{
    display:none!important;
    content:none!important;
    opacity:0!important;
  }
  body.vt-portal-page .vt-portal-mini-features{
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
    width:min(100%,430px)!important;
    max-width:430px!important;
    margin:18px 0 0!important;
    padding:0 0 46px!important;
    z-index:20!important;
    overflow:visible!important;
  }
  body.vt-portal-page .vt-portal-mini-features span{
    position:relative!important;
    width:auto!important;
    min-width:0!important;
    height:58px!important;
    min-height:58px!important;
    padding:9px 10px!important;
    border-radius:16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    color:#f8fbff!important;
    font-size:12px!important;
    font-weight:950!important;
    line-height:1.18!important;
    background:linear-gradient(180deg,rgba(16,23,42,.88),rgba(7,11,26,.74))!important;
    border:1px solid rgba(125,211,252,.22)!important;
    box-shadow:0 14px 30px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.055)!important;
    overflow:hidden!important;
    backdrop-filter:blur(10px)!important;
  }
  body.vt-portal-page .vt-portal-mini-features span:before{
    display:none!important;
    content:none!important;
  }
  body.vt-portal-page .vt-portal-mini-features span:nth-child(1){border-color:rgba(251,146,60,.32)!important;box-shadow:0 14px 30px rgba(0,0,0,.30),0 0 16px rgba(251,146,60,.08)!important;}
  body.vt-portal-page .vt-portal-mini-features span:nth-child(2){border-color:rgba(96,165,250,.32)!important;box-shadow:0 14px 30px rgba(0,0,0,.30),0 0 16px rgba(96,165,250,.08)!important;}
  body.vt-portal-page .vt-portal-mini-features span:nth-child(3){border-color:rgba(217,70,239,.32)!important;box-shadow:0 14px 30px rgba(0,0,0,.30),0 0 16px rgba(217,70,239,.08)!important;}
  body.vt-portal-page .vt-portal-mini-features:before{
    content:""!important;
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    bottom:15px!important;
    height:2px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,transparent,rgba(34,211,238,.75),rgba(168,85,247,.90),rgba(236,72,153,.78),transparent)!important;
    box-shadow:0 0 18px rgba(34,211,238,.24),0 0 28px rgba(217,70,239,.20)!important;
    pointer-events:none!important;
  }
  body.vt-portal-page .vt-portal-mini-features:after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:-1px!important;
    height:34px!important;
    pointer-events:none!important;
    opacity:.92!important;
    background:
      radial-gradient(circle at 50% 100%,rgba(168,85,247,.20),transparent 62%),
      linear-gradient(90deg,rgba(34,211,238,.18),rgba(168,85,247,.20),rgba(236,72,153,.18)),
      repeating-linear-gradient(90deg,
        transparent 0 9px,
        rgba(34,211,238,.85) 9px 12px,
        transparent 12px 20px,
        rgba(168,85,247,.88) 20px 23px,
        transparent 23px 31px,
        rgba(236,72,153,.78) 31px 34px,
        transparent 34px 42px
      )!important;
    background-size:100% 100%,100% 100%,126px 100%!important;
    background-position:center,center,0 0!important;
    clip-path:polygon(0 58%,3% 48%,6% 64%,9% 34%,12% 78%,15% 42%,18% 66%,21% 24%,24% 70%,27% 40%,30% 80%,33% 30%,36% 68%,39% 45%,42% 74%,45% 22%,48% 84%,51% 38%,54% 70%,57% 44%,60% 78%,63% 30%,66% 72%,69% 40%,72% 84%,75% 28%,78% 74%,81% 42%,84% 68%,87% 36%,90% 78%,93% 46%,96% 64%,100% 52%,100% 100%,0 100%)!important;
    filter:drop-shadow(0 0 10px rgba(34,211,238,.25)) drop-shadow(0 0 16px rgba(217,70,239,.18))!important;
    animation:vtFeatureWave308 2.6s linear infinite, vtFeaturePulse308 3.4s ease-in-out infinite!important;
  }
  @keyframes vtFeatureWave308{from{background-position:center,center,0 0}to{background-position:center,center,126px 0}}
  @keyframes vtFeaturePulse308{0%,100%{transform:translateY(0) scaleY(.88);opacity:.72}50%{transform:translateY(-2px) scaleY(1.08);opacity:1}}
}
@media (min-width:981px) and (max-width:1360px){
  body.vt-portal-page .vt-portal-mini-features{width:min(100%,390px)!important;gap:9px!important;padding-bottom:42px!important;}
  body.vt-portal-page .vt-portal-mini-features span{height:54px!important;min-height:54px!important;font-size:11px!important;padding:8px 7px!important;}
  body.vt-portal-page .vt-portal-mini-features:after{height:30px!important;}
}
@media (max-width:980px){
  body.vt-portal-page .vt-portal-mini-features:before,
  body.vt-portal-page .vt-portal-mini-features:after{display:none!important;content:none!important;}
}

/* v3.09 - Portal hero final alignment: badge fix + visible music waveform */
@media (min-width:981px){
  body.vt-portal-page .vt-portal-stage{
    overflow:hidden!important;
  }
  body.vt-portal-page .vt-portal-copy{
    position:relative!important;
    z-index:30!important;
    justify-content:flex-start!important;
    width:min(48%,470px)!important;
    min-width:300px!important;
    padding:54px 24px 42px 34px!important;
  }
  body.vt-portal-page .vt-portal-badge{
    display:inline-flex!important;
    align-items:center!important;
    max-width:100%!important;
    margin:0 0 22px!important;
    transform:none!important;
    position:relative!important;
    top:auto!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }
  body.vt-portal-page .vt-portal-copy h1{
    font-size:clamp(40px,3.15vw,58px)!important;
    line-height:1.04!important;
    margin:0 0 20px!important;
    max-width:460px!important;
  }
  body.vt-portal-page .vt-portal-copy p{
    font-size:15px!important;
    line-height:1.68!important;
    max-width:430px!important;
    margin:0 0 22px!important;
  }
  body.vt-portal-page .vt-portal-mini-features{
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:min(100%,410px)!important;
    max-width:410px!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
    z-index:35!important;
  }
  body.vt-portal-page .vt-portal-mini-features span{
    height:78px!important;
    min-height:78px!important;
    border-radius:15px!important;
    font-size:11.5px!important;
    padding:8px 9px!important;
  }
  body.vt-portal-page .vt-portal-mini-features:before,
  body.vt-portal-page .vt-portal-mini-features:after{
    display:none!important;
    content:none!important;
  }
  body.vt-portal-page .vt-portal-copy:after{
    content:""!important;
    position:absolute!important;
    left:34px!important;
    bottom:18px!important;
    width:min(420px,calc(100% - 48px))!important;
    height:46px!important;
    z-index:25!important;
    pointer-events:none!important;
    opacity:.98!important;
    background:
      radial-gradient(circle at 50% 100%,rgba(168,85,247,.22),transparent 64%),
      linear-gradient(90deg,rgba(34,211,238,.14),rgba(168,85,247,.22),rgba(236,72,153,.16)),
      repeating-linear-gradient(90deg,
        transparent 0 8px,
        rgba(34,211,238,.95) 8px 11px,
        transparent 11px 18px,
        rgba(96,165,250,.95) 18px 21px,
        transparent 21px 28px,
        rgba(168,85,247,.95) 28px 31px,
        transparent 31px 38px,
        rgba(236,72,153,.88) 38px 41px,
        transparent 41px 49px
      )!important;
    background-size:100% 100%,100% 100%,147px 100%!important;
    background-position:center,center,0 0!important;
    clip-path:polygon(0 62%,3% 52%,6% 68%,9% 36%,12% 78%,15% 42%,18% 70%,21% 22%,24% 76%,27% 46%,30% 84%,33% 32%,36% 70%,39% 48%,42% 78%,45% 24%,48% 88%,51% 40%,54% 72%,57% 46%,60% 80%,63% 30%,66% 74%,69% 42%,72% 86%,75% 30%,78% 76%,81% 44%,84% 70%,87% 38%,90% 80%,93% 48%,96% 66%,100% 54%,100% 100%,0 100%)!important;
    filter:drop-shadow(0 0 10px rgba(34,211,238,.28)) drop-shadow(0 0 18px rgba(217,70,239,.24))!important;
    animation:vtPortalMusicWave309 2.4s linear infinite, vtPortalMusicPulse309 3s ease-in-out infinite!important;
  }
  @keyframes vtPortalMusicWave309{from{background-position:center,center,0 0}to{background-position:center,center,147px 0}}
  @keyframes vtPortalMusicPulse309{0%,100%{transform:translateY(0) scaleY(.86);opacity:.74}50%{transform:translateY(-2px) scaleY(1.08);opacity:1}}
}
@media (min-width:981px) and (max-width:1360px){
  body.vt-portal-page .vt-portal-copy{padding:44px 20px 38px 28px!important;width:min(50%,430px)!important;}
  body.vt-portal-page .vt-portal-copy h1{font-size:clamp(38px,3.3vw,50px)!important;max-width:400px!important;}
  body.vt-portal-page .vt-portal-mini-features{width:min(100%,350px)!important;gap:8px!important;}
  body.vt-portal-page .vt-portal-mini-features span{height:52px!important;min-height:52px!important;font-size:10.5px!important;}
  body.vt-portal-page .vt-portal-copy:after{left:28px!important;bottom:14px!important;width:min(350px,calc(100% - 42px))!important;height:38px!important;}
}

/* v3.10 - Feature cards + WOW music visual: real element, not hidden behind hero image */
@media (min-width:981px){
  body.vt-portal-page .vt-host-eq,
  body.vt-portal-page .vt-host-wave,
  body.vt-portal-page .vt-host-wave-1,
  body.vt-portal-page .vt-host-wave-2,
  body.vt-portal-page .vt-portal-stage:after,
  body.vt-portal-page .vt-portal-copy:after,
  body.vt-portal-page .vt-portal-mini-features:before,
  body.vt-portal-page .vt-portal-mini-features:after{
    display:none!important;
    content:none!important;
    opacity:0!important;
  }
  body.vt-portal-page .vt-portal-copy{
    overflow:visible!important;
    padding-bottom:38px!important;
  }
  body.vt-portal-page .vt-portal-mini-features{
    position:relative!important;
    z-index:50!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:min(100%,430px)!important;
    max-width:430px!important;
    gap:12px!important;
    margin:0 0 16px!important;
    padding:0!important;
  }
  body.vt-portal-page .vt-portal-mini-features span{
    height:62px!important;
    min-height:62px!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(19,28,51,.86),rgba(8,12,27,.82))!important;
    border:1px solid rgba(255,255,255,.16)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:950!important;
    line-height:1.16!important;
    box-shadow:0 18px 34px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.06)!important;
    backdrop-filter:blur(12px)!important;
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease!important;
  }
  body.vt-portal-page .vt-portal-mini-features span:hover{
    transform:translateY(-3px)!important;
    box-shadow:0 22px 44px rgba(0,0,0,.38),0 0 24px rgba(34,211,238,.10)!important;
  }
  body.vt-portal-page .vt-portal-mini-features span:nth-child(1){border-color:rgba(251,146,60,.36)!important;}
  body.vt-portal-page .vt-portal-mini-features span:nth-child(2){border-color:rgba(96,165,250,.36)!important;}
  body.vt-portal-page .vt-portal-mini-features span:nth-child(3){border-color:rgba(217,70,239,.36)!important;}
  body.vt-portal-page .vt-portal-music-wow{
    position:relative!important;
    z-index:49!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    width:min(100%,430px)!important;
    max-width:430px!important;
    height:74px!important;
    margin:0!important;
    padding:10px 14px 13px!important;
    border-radius:0 0 24px 24px!important;
    background:
      radial-gradient(circle at 50% 86%,rgba(168,85,247,.22),transparent 58%),
      linear-gradient(180deg,rgba(7,11,25,.02),rgba(7,11,25,.56))!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  body.vt-portal-page .vt-portal-music-wow:before{
    content:""!important;
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    bottom:22px!important;
    height:2px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,transparent,rgba(34,211,238,.85),rgba(139,92,246,.92),rgba(236,72,153,.86),transparent)!important;
    box-shadow:0 0 18px rgba(34,211,238,.32),0 0 28px rgba(236,72,153,.22)!important;
  }
  body.vt-portal-page .vt-portal-music-wow:after{
    content:""!important;
    position:absolute!important;
    left:8%!important;
    right:8%!important;
    bottom:4px!important;
    height:34px!important;
    border-radius:50%!important;
    background:radial-gradient(ellipse at center,rgba(34,211,238,.16),rgba(168,85,247,.10) 42%,transparent 70%)!important;
    filter:blur(8px)!important;
  }
  body.vt-portal-page .vt-portal-music-wow i{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    width:5px!important;
    height:var(--h)!important;
    min-height:10px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#22d3ee 0%,#60a5fa 35%,#a855f7 67%,#f472b6 100%)!important;
    box-shadow:0 0 10px rgba(34,211,238,.46),0 0 18px rgba(168,85,247,.30)!important;
    transform-origin:center!important;
    animation:vtMusicBar310 1.05s ease-in-out infinite!important;
    animation-delay:calc(var(--d) * -1)!important;
    opacity:.94!important;
  }
  body.vt-portal-page .vt-portal-music-wow i:nth-child(3n){background:linear-gradient(180deg,#60a5fa,#a855f7,#f472b6)!important;}
  body.vt-portal-page .vt-portal-music-wow i:nth-child(4n){background:linear-gradient(180deg,#38bdf8,#2563eb,#a855f7)!important;}
  body.vt-portal-page .vt-portal-music-wow i:nth-child(5n){background:linear-gradient(180deg,#f0abfc,#d946ef,#22d3ee)!important;}
  @keyframes vtMusicBar310{
    0%,100%{transform:scaleY(.45);opacity:.60;filter:saturate(.9)}
    38%{transform:scaleY(1.08);opacity:1;filter:saturate(1.35)}
    62%{transform:scaleY(.72);opacity:.82;filter:saturate(1.05)}
  }
}
@media (min-width:981px) and (max-width:1360px){
  body.vt-portal-page .vt-portal-mini-features,
  body.vt-portal-page .vt-portal-music-wow{width:min(100%,360px)!important;max-width:360px!important;}
  body.vt-portal-page .vt-portal-mini-features{gap:8px!important;margin-bottom:12px!important;}
  body.vt-portal-page .vt-portal-mini-features span{height:78px!important;min-height:78px!important;font-size:10.5px!important;padding:8px 7px!important;}
  body.vt-portal-page .vt-portal-music-wow{height:58px!important;gap:4px!important;padding:8px 10px 10px!important;}
  body.vt-portal-page .vt-portal-music-wow i{width:4px!important;max-height:42px!important;}
}
@media (max-width:980px){
  body.vt-portal-page .vt-portal-music-wow{display:none!important;}
}


/* v3.11 - Portal hero visible WOW music wave fix */
@media (min-width:981px){
  body.vt-portal-page .vt-portal-stage{
    overflow:hidden!important;
  }
  body.vt-portal-page .vt-portal-stage:after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:24px!important;
    right:24px!important;
    bottom:10px!important;
    height:48px!important;
    z-index:74!important;
    pointer-events:none!important;
    opacity:1!important;
    background:
      radial-gradient(ellipse at center,rgba(34,211,238,.20),rgba(168,85,247,.14) 42%,transparent 72%),
      repeating-linear-gradient(90deg,
        transparent 0 8px,
        rgba(34,211,238,.98) 8px 11px,
        transparent 11px 17px,
        rgba(96,165,250,.96) 17px 20px,
        transparent 20px 27px,
        rgba(168,85,247,.98) 27px 30px,
        transparent 30px 37px,
        rgba(236,72,153,.94) 37px 40px,
        transparent 40px 48px
      )!important;
    background-size:100% 100%,144px 100%!important;
    background-position:center,0 0!important;
    clip-path:polygon(0 74%,2% 54%,4% 78%,6% 38%,8% 70%,10% 52%,12% 82%,14% 28%,16% 76%,18% 42%,20% 84%,22% 36%,24% 72%,26% 50%,28% 86%,30% 25%,32% 76%,34% 44%,36% 82%,38% 34%,40% 74%,42% 50%,44% 88%,46% 28%,48% 80%,50% 35%,52% 84%,54% 46%,56% 76%,58% 30%,60% 86%,62% 42%,64% 78%,66% 50%,68% 82%,70% 26%,72% 74%,74% 46%,76% 84%,78% 34%,80% 76%,82% 52%,84% 82%,86% 30%,88% 72%,90% 48%,92% 80%,94% 38%,96% 74%,98% 56%,100% 70%,100% 100%,0 100%)!important;
    filter:drop-shadow(0 0 12px rgba(34,211,238,.55)) drop-shadow(0 0 24px rgba(217,70,239,.38))!important;
    animation:vtHeroWowWave311 1.9s linear infinite, vtHeroWowPulse311 2.8s ease-in-out infinite!important;
  }
  body.vt-portal-page .vt-portal-stage:before{
    z-index:2!important;
  }
  body.vt-portal-page .vt-portal-copy,
  body.vt-portal-page .vt-portal-mini-features,
  body.vt-portal-page .vt-portal-mini-features span{
    position:relative!important;
  }
  body.vt-portal-page .vt-portal-copy{z-index:80!important;}
  body.vt-portal-page .vt-portal-mini-features{z-index:86!important;margin-bottom:18px!important;}
  body.vt-portal-page .vt-portal-mini-features span{z-index:88!important;}
  body.vt-portal-page .vt-portal-music-wow{display:none!important;}
  @keyframes vtHeroWowWave311{from{background-position:center,0 0}to{background-position:center,144px 0}}
  @keyframes vtHeroWowPulse311{0%,100%{transform:translateY(0) scaleY(.86);opacity:.78}50%{transform:translateY(-3px) scaleY(1.16);opacity:1}}
}
@media (min-width:981px) and (max-width:1360px){
  body.vt-portal-page .vt-portal-stage:after{left:20px!important;right:20px!important;height:40px!important;bottom:8px!important;}
  body.vt-portal-page .vt-portal-mini-features{margin-bottom:14px!important;}
}


/* v3.12 - Portal feature area final: visible animated music waveform under cards */
@media (min-width:981px){
  body.vt-portal-page .vt-portal-stage:after,
  body.vt-portal-page .vt-host-eq,
  body.vt-portal-page .vt-host-wave,
  body.vt-portal-page .vt-host-wave-1,
  body.vt-portal-page .vt-host-wave-2{
    display:none!important;
    content:none!important;
    opacity:0!important;
  }
  body.vt-portal-page .vt-portal-copy{
    overflow:visible!important;
    padding-bottom:34px!important;
  }
  body.vt-portal-page .vt-portal-mini-features{
    position:relative!important;
    z-index:90!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:min(100%,430px)!important;
    max-width:430px!important;
    gap:12px!important;
    margin:0 0 12px!important;
  }
  body.vt-portal-page .vt-portal-mini-features span{
    height:60px!important;
    min-height:60px!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,rgba(17,26,48,.92),rgba(8,12,28,.86))!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 14px 30px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.07)!important;
  }
  body.vt-portal-page .vt-portal-mini-features span:nth-child(1){border-color:rgba(251,146,60,.46)!important;box-shadow:0 14px 30px rgba(0,0,0,.34),0 0 18px rgba(251,146,60,.10)!important;}
  body.vt-portal-page .vt-portal-mini-features span:nth-child(2){border-color:rgba(96,165,250,.46)!important;box-shadow:0 14px 30px rgba(0,0,0,.34),0 0 18px rgba(96,165,250,.10)!important;}
  body.vt-portal-page .vt-portal-mini-features span:nth-child(3){border-color:rgba(217,70,239,.48)!important;box-shadow:0 14px 30px rgba(0,0,0,.34),0 0 18px rgba(217,70,239,.12)!important;}
  body.vt-portal-page .vt-portal-music-wow{
    display:flex!important;
    position:relative!important;
    z-index:86!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    width:min(100%,430px)!important;
    max-width:430px!important;
    height:62px!important;
    margin:0!important;
    padding:8px 14px!important;
    border-radius:22px!important;
    border:1px solid rgba(99,102,241,.28)!important;
    background:
      radial-gradient(circle at 50% 50%,rgba(34,211,238,.16),transparent 62%),
      linear-gradient(180deg,rgba(6,11,25,.78),rgba(10,15,34,.56))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.06),
      0 0 28px rgba(34,211,238,.12),
      0 0 44px rgba(217,70,239,.10)!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  body.vt-portal-page .vt-portal-music-wow:before{
    content:""!important;
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    bottom:22px!important;
    height:2px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,transparent,rgba(34,211,238,.82),rgba(99,102,241,.9),rgba(217,70,239,.82),transparent)!important;
    box-shadow:0 0 14px rgba(34,211,238,.42),0 0 28px rgba(217,70,239,.26)!important;
  }
  body.vt-portal-page .vt-portal-music-wow:after{
    content:""!important;
    position:absolute!important;
    inset:auto 10% 6px 10%!important;
    height:18px!important;
    border-radius:50%!important;
    background:radial-gradient(ellipse at center,rgba(34,211,238,.20),rgba(168,85,247,.14) 45%,transparent 75%)!important;
    filter:blur(8px)!important;
    animation:vtMusicGlow312 2.2s ease-in-out infinite!important;
  }
  body.vt-portal-page .vt-portal-music-wow i{
    display:block!important;
    position:relative!important;
    z-index:2!important;
    width:5px!important;
    height:clamp(12px,var(--h),48px)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#22d3ee 0%,#60a5fa 36%,#a855f7 66%,#f472b6 100%)!important;
    box-shadow:0 0 10px rgba(34,211,238,.62),0 0 20px rgba(168,85,247,.36)!important;
    transform-origin:center!important;
    opacity:.96!important;
    animation:vtMusicBar312 820ms ease-in-out infinite!important;
    animation-delay:calc(var(--d) * -1)!important;
  }
  body.vt-portal-page .vt-portal-music-wow i:nth-child(2n){animation-duration:960ms!important;}
  body.vt-portal-page .vt-portal-music-wow i:nth-child(3n){animation-duration:720ms!important;background:linear-gradient(180deg,#60a5fa,#a855f7,#f472b6)!important;}
  body.vt-portal-page .vt-portal-music-wow i:nth-child(4n){animation-duration:1120ms!important;background:linear-gradient(180deg,#38bdf8,#2563eb,#a855f7)!important;}
  body.vt-portal-page .vt-portal-music-wow i:nth-child(5n){animation-duration:640ms!important;background:linear-gradient(180deg,#f0abfc,#d946ef,#22d3ee)!important;}
  @keyframes vtMusicBar312{
    0%,100%{transform:scaleY(.34);opacity:.50;filter:saturate(.85)}
    35%{transform:scaleY(1.25);opacity:1;filter:saturate(1.45)}
    62%{transform:scaleY(.68);opacity:.82;filter:saturate(1.05)}
  }
  @keyframes vtMusicGlow312{
    0%,100%{opacity:.42;transform:scaleX(.86)}
    50%{opacity:1;transform:scaleX(1.08)}
  }
}
@media (min-width:981px) and (max-width:1360px){
  body.vt-portal-page .vt-portal-mini-features,
  body.vt-portal-page .vt-portal-music-wow{width:min(100%,360px)!important;max-width:360px!important;}
  body.vt-portal-page .vt-portal-mini-features{gap:8px!important;margin-bottom:10px!important;}
  body.vt-portal-page .vt-portal-mini-features span{height:54px!important;min-height:54px!important;font-size:10.5px!important;padding:8px 7px!important;}
  body.vt-portal-page .vt-portal-music-wow{height:54px!important;gap:3px!important;padding:7px 10px!important;}
  body.vt-portal-page .vt-portal-music-wow i{width:4px!important;height:clamp(9px,var(--h),38px)!important;}
}
@media (max-width:980px){
  body.vt-portal-page .vt-portal-music-wow{display:none!important;}
}


/* v3.13 - hero text lift + public page/blog portal layout */
@media (min-width:981px){
  body.vt-portal-page .vt-portal-copy{padding-top:34px!important;}
  body.vt-portal-page .vt-portal-badge{margin-bottom:18px!important;}
  body.vt-portal-page .vt-portal-copy h1{margin-bottom:18px!important;}
}
body.vt-public-layout-v313{min-height:100vh;background:radial-gradient(circle at top left,rgba(14,165,233,.20),transparent 30%),radial-gradient(circle at top right,rgba(168,85,247,.24),transparent 34%),linear-gradient(135deg,#030712,#071226 52%,#130722);color:#eaf0ff;}
.vt-public-grid-v313{display:grid;grid-template-columns:260px minmax(0,1fr) 390px;gap:24px;align-items:start;width:min(1560px,calc(100vw - 72px));margin:28px auto 36px;}
.vt-public-side{border:1px solid rgba(125,211,252,.14);background:linear-gradient(180deg,rgba(15,23,42,.80),rgba(6,10,24,.72));border-radius:26px;box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden;min-height:420px;}
.vt-public-side-title{height:64px;display:flex;align-items:center;gap:10px;padding:0 20px;background:linear-gradient(90deg,rgba(139,92,246,.22),rgba(14,165,233,.06));border-bottom:1px solid rgba(255,255,255,.08);font-weight:950;color:#fff;}
.vt-public-recent-list{display:grid;gap:12px;padding:16px;}
.vt-public-recent-item{display:grid;grid-template-columns:46px 1fr 10px;align-items:center;gap:11px;padding:10px;border-radius:16px;background:rgba(8,13,30,.52);border:1px solid rgba(255,255,255,.08);}
.vt-public-recent-item img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid rgba(34,211,238,.36);}
.vt-public-recent-item b{display:block;color:#fff;font-size:13px;line-height:1.1;}.vt-public-recent-item small{color:#aebddb;font-size:12px}.vt-public-recent-item i{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 14px rgba(34,197,94,.75)}
.vt-public-empty-mini{color:#94a3b8;padding:18px;text-align:center}
.vt-public-content-card-v313{min-height:520px;border:1px solid rgba(125,211,252,.16);background:linear-gradient(180deg,rgba(12,18,38,.82),rgba(5,8,20,.76));border-radius:28px;padding:34px;box-shadow:0 28px 85px rgba(0,0,0,.34);overflow:hidden;}
.vt-public-kicker{display:inline-flex;align-items:center;border:1px solid rgba(34,211,238,.35);background:rgba(14,165,233,.12);color:#b9efff;border-radius:999px;padding:9px 16px;font-weight:950;font-size:13px;margin-bottom:20px;}
.vt-public-content-card-v313 h1{font-size:clamp(34px,4vw,58px);line-height:1.04;margin:0 0 20px;letter-spacing:-.045em;color:#fff;}
.vt-public-page-content,.vt-public-post-content{font-size:17px;line-height:1.85;color:rgba(234,240,255,.86);white-space:normal;word-break:break-word;}
.vt-public-join{position:sticky;top:22px;width:auto!important;min-height:auto!important;height:auto!important;padding:28px!important;border-radius:28px!important;}
.vt-public-join .join-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.vt-public-join .join-tabs button{min-height:64px;border-radius:18px;font-size:18px;font-weight:950}.vt-public-join .input-icon{height:58px;border-radius:16px}.vt-public-join .gender-grid{grid-template-columns:repeat(3,1fr);gap:10px}.vt-public-join .gender-btn{height:78px;border-radius:16px}.vt-public-join .start-chat{height:64px;border-radius:18px;margin-top:20px;font-size:19px}.vt-public-join .remember-row{height:54px;border-radius:15px}
.vt-public-blog-head-v313{margin-bottom:22px}.vt-public-blog-head-v313 h1{background:linear-gradient(90deg,#fff,#60a5fa,#d946ef);-webkit-background-clip:text;background-clip:text;color:transparent;}
.vt-public-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.vt-public-blog-card{display:block;text-decoration:none;color:inherit;border:1px solid rgba(255,255,255,.12);background:rgba(15,23,42,.58);border-radius:24px;padding:16px;min-height:260px;transition:.2s;box-shadow:0 18px 45px rgba(0,0,0,.20)}
.vt-public-blog-card:hover{transform:translateY(-3px);border-color:rgba(168,85,247,.48);box-shadow:0 24px 60px rgba(124,58,237,.22)}.vt-public-blog-card img{width:100%;height:150px;object-fit:cover;border-radius:18px;margin-bottom:14px}.vt-public-blog-card h2{font-size:20px;margin:0 0 8px;color:white}.vt-public-blog-card p{color:#aebddb;line-height:1.5;margin:0 0 10px}.vt-public-blog-card span,.vt-back-link-v313{color:#c084fc;font-weight:900;text-decoration:none}.vt-public-post-cover{width:100%;max-height:360px;object-fit:cover;border-radius:22px;margin:14px 0 22px}.vt-public-post-summary{color:#b6c5dd;font-size:17px;line-height:1.6}.vt-portal-copyline{width:min(1560px,calc(100vw - 72px));margin:0 auto 28px;padding:16px 0;border-top:1px solid rgba(255,255,255,.10);color:#94a3b8;text-align:center;font-size:13px;}
@media(max-width:1320px){.vt-public-grid-v313{grid-template-columns:minmax(0,1fr) 370px}.vt-public-side{display:none}.vt-public-content-card-v313{min-height:480px}.vt-public-blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:980px){.vt-public-grid-v313{grid-template-columns:1fr;width:min(100vw - 28px,780px);gap:18px}.vt-public-join{position:relative;top:auto}.vt-public-content-card-v313{padding:24px;border-radius:24px}.vt-public-blog-grid{grid-template-columns:1fr}.vt-portal-copyline{width:min(100vw - 28px,780px)}}
@media(max-width:620px){.vt-public-join .gender-grid{grid-template-columns:1fr}.vt-public-join .join-tabs{grid-template-columns:1fr}.vt-public-content-card-v313 h1{font-size:34px}.vt-public-page-content,.vt-public-post-content{font-size:15px}}


/* v3.14 - Portal hero polish + page/blog public layout fixes */
@media (min-width:981px){
  body.vt-portal-page .vt-portal-copy{
    justify-content:flex-start!important;
    padding-top:34px!important;
  }
  body.vt-portal-page .vt-portal-badge{
    margin-bottom:18px!important;
  }
  body.vt-portal-page .vt-portal-copy h1{
    margin-top:0!important;
  }
  body.vt-portal-page .vt-portal-mini-features{
    margin-top:18px!important;
    margin-bottom:0!important;
    padding-bottom:0!important;
    transform:translateY(-2px)!important;
  }
  body.vt-portal-page .vt-portal-music-wow{
    position:relative!important;
    z-index:8!important;
    display:flex!important;
    align-items:flex-end!important;
    gap:4px!important;
    width:min(100%,410px)!important;
    height:34px!important;
    margin:10px 0 0!important;
    padding:0 8px!important;
    opacity:.95!important;
    pointer-events:none!important;
  }
  body.vt-portal-page .vt-portal-music-wow:before{
    content:""!important;
    position:absolute!important;
    left:0;right:0;bottom:11px;height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(56,189,248,.75),rgba(217,70,239,.75),transparent)!important;
    box-shadow:0 0 18px rgba(56,189,248,.35)!important;
  }
  body.vt-portal-page .vt-portal-music-wow i{
    display:block!important;
    flex:1 1 0!important;
    max-width:7px!important;
    min-width:3px!important;
    height:var(--h,22px)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#22d3ee,#3b82f6 50%,#d946ef)!important;
    box-shadow:0 0 12px rgba(34,211,238,.42),0 0 16px rgba(217,70,239,.28)!important;
    transform-origin:center bottom!important;
    animation:vtMusicBarsV314 1.08s ease-in-out infinite!important;
    animation-delay:var(--d,0s)!important;
  }
  @keyframes vtMusicBarsV314{
    0%,100%{transform:scaleY(.34);opacity:.55;filter:saturate(.9)}
    45%{transform:scaleY(1.04);opacity:1;filter:saturate(1.45)}
    72%{transform:scaleY(.58);opacity:.75}
  }
}
.vt-public-layout-v313 .vt-portal-nav,
.vt-public-blog-page .vt-portal-nav{margin-bottom:28px!important;}
.vt-public-grid-v313{
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr) minmax(330px,390px)!important;
  gap:24px!important;
  align-items:start!important;
  width:min(1560px,calc(100vw - 72px))!important;
  margin:28px auto 36px!important;
}
.vt-public-content-card-v313{
  min-height:520px!important;
  border:1px solid rgba(125,211,252,.16)!important;
  background:linear-gradient(180deg,rgba(12,18,38,.86),rgba(5,8,20,.78))!important;
  border-radius:28px!important;
  padding:36px!important;
  box-shadow:0 28px 85px rgba(0,0,0,.34)!important;
  overflow:hidden!important;
}
.vt-public-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  color:#9bdcff!important;
  font-weight:950!important;
  background:linear-gradient(90deg,rgba(14,165,233,.18),rgba(168,85,247,.12))!important;
  border:1px solid rgba(125,211,252,.22)!important;
  margin-bottom:18px!important;
}
.vt-public-content-card-v313 h1{
  font-size:clamp(34px,4vw,58px)!important;
  line-height:1.04!important;
  margin:0 0 20px!important;
  letter-spacing:-.045em!important;
  color:#fff!important;
}
.vt-public-page-content,
.vt-public-post-content{
  color:#dbe7f5!important;
  font-size:17px!important;
  line-height:1.85!important;
  white-space:normal!important;
}
.vt-public-blog-head-v313{
  margin-bottom:22px!important;
}
.vt-public-blog-head-v313 p{color:#b9c8df!important;font-size:16px!important;line-height:1.7!important;}
.vt-public-blog-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
.vt-public-blog-card{
  display:block!important;
  text-decoration:none!important;
  color:inherit!important;
  min-height:260px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.76),rgba(5,8,20,.72))!important;
  border-radius:22px!important;
  padding:16px!important;
  box-shadow:0 16px 50px rgba(0,0,0,.24)!important;
  transition:.18s ease!important;
}
.vt-public-blog-card:hover{transform:translateY(-3px)!important;border-color:rgba(168,85,247,.48)!important;box-shadow:0 22px 58px rgba(124,58,237,.20)!important;}
.vt-public-blog-card img{width:100%!important;height:138px!important;object-fit:cover!important;border-radius:16px!important;margin-bottom:14px!important;background:#101827!important;}
.vt-public-blog-card h2{font-size:20px!important;color:#fff!important;margin:0 0 8px!important;line-height:1.25!important;}
.vt-public-blog-card p{font-size:14px!important;line-height:1.55!important;color:#b9c8df!important;margin:0 0 12px!important;}
.vt-public-blog-card span{color:#9bdcff!important;font-weight:950!important;}
@media(max-width:1320px){
  .vt-public-grid-v313{grid-template-columns:minmax(0,1fr) 370px!important;width:min(100vw - 48px,1160px)!important;}
  .vt-public-side{display:none!important;}
}
@media(max-width:980px){
  .vt-public-grid-v313{grid-template-columns:1fr!important;width:min(100vw - 28px,780px)!important;gap:18px!important;}
  .vt-public-blog-grid{grid-template-columns:1fr!important;}
  .vt-public-content-card-v313{padding:24px!important;border-radius:24px!important;min-height:0!important;}
}

/* v3.15 public portal/page refinements */
body.vt-portal-page:not(.vt-public-page):not(.vt-public-blog-page) .vt-portal-copy{
  justify-content:flex-start!important;
  padding-top:34px!important;
}
body.vt-portal-page:not(.vt-public-page):not(.vt-public-blog-page) .vt-portal-badge{margin-bottom:14px!important;}
body.vt-portal-page:not(.vt-public-page):not(.vt-public-blog-page) .vt-portal-copy h1{margin-top:8px!important;}

body.vt-public-page,
body.vt-public-blog-page{
  background:radial-gradient(circle at 8% 0%,rgba(14,165,233,.18),transparent 30%),radial-gradient(circle at 92% 10%,rgba(168,85,247,.20),transparent 32%),#050816!important;
  color:#eef4ff!important;
}
body.vt-public-page .vt-portal-wrap,
body.vt-public-blog-page .vt-portal-wrap{width:min(1780px,calc(100vw - 64px))!important;}
.vt-public-grid-v313{
  display:grid!important;
  grid-template-columns:minmax(230px,280px) minmax(0,1fr) minmax(360px,430px)!important;
  gap:24px!important;
  align-items:stretch!important;
  margin-top:24px!important;
}
.vt-public-side,
.vt-public-content-card-v313,
.vt-public-join{
  border:1px solid rgba(56,189,248,.20)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.90),rgba(3,7,18,.88))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.035)!important;
  border-radius:26px!important;
}
.vt-public-side{min-height:600px!important;overflow:hidden!important;}
.vt-public-side-title{height:66px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0 22px!important;background:linear-gradient(90deg,rgba(168,85,247,.22),rgba(14,165,233,.08))!important;border-bottom:1px solid rgba(148,163,184,.15)!important;font-size:17px!important;color:#fff!important;}
.vt-public-recent-list{display:flex!important;flex-direction:column!important;gap:10px!important;padding:16px!important;max-height:520px!important;overflow:auto!important;scrollbar-width:thin!important;}
.vt-public-recent-item{display:grid!important;grid-template-columns:48px 1fr 10px!important;align-items:center!important;gap:12px!important;min-height:62px!important;padding:9px 10px!important;border:1px solid rgba(148,163,184,.12)!important;background:rgba(15,23,42,.42)!important;border-radius:18px!important;}
.vt-public-recent-item img{width:48px!important;height:48px!important;border-radius:16px!important;object-fit:cover!important;border:1px solid rgba(56,189,248,.35)!important;}
.vt-public-recent-item b{display:block!important;color:#fff!important;font-size:14px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.vt-public-recent-item small{display:block!important;color:#aebddb!important;font-size:12px!important;margin-top:3px!important;}
.vt-public-recent-item i{width:9px!important;height:9px!important;border-radius:50%!important;background:#22c55e!important;box-shadow:0 0 16px rgba(34,197,94,.7)!important;}
.vt-public-content-card-v313{min-height:600px!important;padding:34px!important;position:relative!important;overflow:hidden!important;}
.vt-public-content-card-v313:before{content:"";position:absolute;inset:-35% -20% auto auto;width:420px;height:420px;background:radial-gradient(circle,rgba(168,85,247,.20),transparent 68%);pointer-events:none!important;}
.vt-public-kicker{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:9px 14px!important;border-radius:999px!important;border:1px solid rgba(56,189,248,.32)!important;background:rgba(14,165,233,.12)!important;color:#9bdcff!important;font-size:13px!important;font-weight:950!important;margin-bottom:20px!important;}
.vt-public-kicker:before{content:"~";font-weight:900;color:#f0abfc;}
.vt-public-content-card-v313 h1{margin:0 0 22px!important;font-size:clamp(34px,4.2vw,58px)!important;line-height:1.02!important;letter-spacing:-.055em!important;color:#fff!important;}
.vt-public-page-content,.vt-public-post-content{position:relative!important;z-index:2!important;color:#dbe7f7!important;font-size:17px!important;line-height:1.85!important;white-space:pre-line!important;}
.vt-public-join{min-height:650px!important;height:auto!important;padding:30px!important;align-self:stretch!important;}
.vt-public-join .join-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-bottom:24px!important;}
.vt-public-join .join-tabs button{min-height:72px!important;border-radius:18px!important;font-size:20px!important;font-weight:950!important;}
.vt-public-join .input-icon{height:62px!important;border-radius:16px!important;}
.vt-public-join .gender-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;}
.vt-public-join .gender-btn{height:86px!important;border-radius:18px!important;}
.vt-public-join .remember-row{height:78px!important;border-radius:16px!important;margin:18px 0!important;}
.vt-public-join .start-chat{height:70px!important;border-radius:18px!important;font-size:20px!important;}
.vt-public-avatar-modal{z-index:99999!important;}
.vt-public-avatar-modal .avatar-card{max-width:920px!important;}
.vt-public-blog-head-v313{position:relative!important;z-index:2!important;margin-bottom:24px!important;padding-bottom:18px!important;border-bottom:1px solid rgba(148,163,184,.13)!important;}
.vt-public-blog-head-v313 h1{font-size:clamp(32px,3.8vw,54px)!important;background:linear-gradient(90deg,#fff,#60a5fa,#e879f9)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;}
.vt-public-blog-head-v313 p{color:#b9c8df!important;font-size:16px!important;max-width:760px!important;line-height:1.7!important;}
.vt-public-blog-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}
.vt-public-blog-card{min-height:310px!important;border-radius:22px!important;padding:16px!important;background:rgba(15,23,42,.58)!important;border:1px solid rgba(148,163,184,.14)!important;text-decoration:none!important;color:inherit!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;}
.vt-public-blog-card:hover{transform:translateY(-4px)!important;border-color:rgba(168,85,247,.45)!important;box-shadow:0 24px 60px rgba(124,58,237,.18)!important;}
.vt-public-blog-card img{width:100%!important;height:145px!important;object-fit:cover!important;border-radius:18px!important;margin-bottom:12px!important;background:#111827!important;}
.vt-public-blog-card h2{margin:0 0 8px!important;color:#fff!important;font-size:20px!important;line-height:1.18!important;}
.vt-public-blog-card p{margin:0 0 12px!important;color:#aebddb!important;line-height:1.55!important;font-size:14px!important;}
.vt-public-blog-card span{color:#93c5fd!important;font-weight:900!important;}
.vt-public-post-cover{width:100%!important;max-height:360px!important;object-fit:cover!important;border-radius:22px!important;margin:0 0 22px!important;}
.vt-back-link-v313{display:inline-flex!important;margin-bottom:16px!important;color:#93c5fd!important;text-decoration:none!important;font-weight:900!important;}
body.vt-public-page .vt-portal-copyline,
body.vt-public-blog-page .vt-portal-copyline{margin-top:22px!important;}
@media(max-width:1380px){
  .vt-public-grid-v313{grid-template-columns:minmax(0,1fr) minmax(340px,410px)!important;}
  .vt-public-side{display:none!important;}
  .vt-public-content-card-v313,.vt-public-join{min-height:560px!important;}
}
@media(max-width:980px){
  .vt-public-grid-v313{grid-template-columns:1fr!important;}
  .vt-public-join{min-height:auto!important;}
  .vt-public-blog-grid{grid-template-columns:1fr!important;}
}
@media(max-width:680px){
  body.vt-public-page .vt-portal-wrap,body.vt-public-blog-page .vt-portal-wrap{width:min(100% - 24px,640px)!important;}
  .vt-public-content-card-v313{padding:24px!important;min-height:auto!important;}
  .vt-public-content-card-v313 h1{font-size:34px!important;}
  .vt-public-join{padding:22px!important;}
  .vt-public-join .join-tabs button{font-size:16px!important;min-height:58px!important;}
}


/* v3.16 - Portal hero ve public sayfa düzeni iyileştirme */
@media (min-width:981px){
  body.vt-portal-page:not(.vt-public-page):not(.vt-public-blog-page) .vt-portal-copy{
    transform:translateY(-14px)!important;
    padding-top:34px!important;
  }
  body.vt-portal-page:not(.vt-public-page):not(.vt-public-blog-page) .vt-portal-badge{
    margin-bottom:2px!important;
  }
  body.vt-portal-page:not(.vt-public-page):not(.vt-public-blog-page) .vt-portal-copy h1{
    margin-top:24px!important;
    margin-bottom:18px!important;
  }
  body.vt-portal-page:not(.vt-public-page):not(.vt-public-blog-page) .vt-portal-mini-features{
    margin-top:16px!important;
  }
}

/* İç sayfalar: ana sayfa portal çizgisiyle aynı premium görünüm */
body.vt-public-layout-v313{
  min-height:100vh!important;
  background:
    radial-gradient(circle at 8% 14%,rgba(14,165,233,.22),transparent 28%),
    radial-gradient(circle at 92% 8%,rgba(168,85,247,.25),transparent 30%),
    linear-gradient(135deg,#030712 0%,#07111f 46%,#12051f 100%)!important;
  color:#eaf0ff!important;
  overflow-x:hidden!important;
}
body.vt-public-layout-v313 .vt-portal-wrap{
  width:min(1680px,calc(100vw - 88px))!important;
  margin:0 auto!important;
  padding:24px 0 30px!important;
}
body.vt-public-layout-v313 .vt-public-grid-v313{
  width:100%!important;
  display:grid!important;
  grid-template-columns:270px minmax(0,1fr) minmax(350px,420px)!important;
  gap:24px!important;
  align-items:stretch!important;
  margin:28px 0 32px!important;
}
body.vt-public-layout-v313 .vt-public-side,
body.vt-public-layout-v313 .vt-public-content-card-v313,
body.vt-public-layout-v313 .vt-public-join{
  border:1px solid rgba(125,211,252,.16)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(4,8,19,.72))!important;
  border-radius:28px!important;
  box-shadow:0 26px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
body.vt-public-layout-v313 .vt-public-side{
  min-height:620px!important;
  overflow:hidden!important;
}
body.vt-public-layout-v313 .vt-public-content-card-v313{
  min-height:620px!important;
  padding:38px!important;
  position:relative!important;
  overflow:hidden!important;
}
body.vt-public-layout-v313 .vt-public-content-card-v313:before{
  content:""!important;
  position:absolute!important;
  width:520px!important;height:520px!important;
  right:-160px!important;top:-180px!important;
  background:radial-gradient(circle,rgba(168,85,247,.20),rgba(14,165,233,.08) 42%,transparent 70%)!important;
  pointer-events:none!important;
}
body.vt-public-layout-v313 .vt-public-kicker{
  position:relative!important;
  z-index:1!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:18px!important;
  padding:9px 15px!important;
  border-radius:999px!important;
  color:#a5f3fc!important;
  background:rgba(14,165,233,.12)!important;
  border:1px solid rgba(56,189,248,.28)!important;
  font-weight:950!important;
  font-size:13px!important;
}
body.vt-public-layout-v313 .vt-public-kicker:before{content:"⌁";color:#d946ef;font-weight:1000}
body.vt-public-layout-v313 .vt-public-content-card-v313 h1{
  position:relative!important;
  z-index:1!important;
  font-size:clamp(36px,4vw,62px)!important;
  line-height:1.03!important;
  letter-spacing:-.055em!important;
  margin:0 0 20px!important;
  background:linear-gradient(180deg,#fff 0%,#fff 45%,#60a5fa 70%,#d946ef 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
body.vt-public-layout-v313 .vt-public-page-content,
body.vt-public-layout-v313 .vt-public-post-content{
  position:relative!important;
  z-index:1!important;
  max-width:920px!important;
  font-size:17px!important;
  line-height:1.9!important;
  color:rgba(234,240,255,.86)!important;
}
body.vt-public-layout-v313 .vt-public-page-content br{line-height:2.1!important;}
body.vt-public-layout-v313 .vt-portal-copyline{
  width:100%!important;
  margin:10px 0 0!important;
  padding:18px 0 0!important;
  border-top:1px solid rgba(148,163,184,.12)!important;
  color:#94a3b8!important;
}

/* Blog ana sayfası: 4 örnek/aktif yazı kartı için kibar görünüm */
body.vt-public-blog-page .vt-public-blog-head-v313{
  position:relative!important;
  z-index:1!important;
  margin-bottom:24px!important;
  padding:24px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(14,165,233,.12),rgba(168,85,247,.10))!important;
  border:1px solid rgba(125,211,252,.16)!important;
}
body.vt-public-blog-page .vt-public-blog-head-v313 h1{
  margin:8px 0 8px!important;
  font-size:clamp(34px,3.8vw,56px)!important;
  color:#fff!important;
  letter-spacing:-.05em!important;
}
body.vt-public-blog-page .vt-public-blog-head-v313 p{
  margin:0!important;
  color:#bfd2ef!important;
  line-height:1.65!important;
  font-size:16px!important;
}
body.vt-public-blog-page .vt-public-blog-grid{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
body.vt-public-blog-page .vt-public-blog-card{
  min-height:300px!important;
  padding:16px!important;
  border-radius:22px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.72),rgba(8,12,28,.78))!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24)!important;
  color:#eaf0ff!important;
  text-decoration:none!important;
  overflow:hidden!important;
}
body.vt-public-blog-page .vt-public-blog-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(217,70,239,.42)!important;
  box-shadow:0 26px 65px rgba(168,85,247,.18)!important;
}
body.vt-public-blog-page .vt-public-blog-card img{
  width:100%!important;
  height:145px!important;
  object-fit:cover!important;
  border-radius:17px!important;
  margin-bottom:14px!important;
  background:#0b1020!important;
}
body.vt-public-blog-page .vt-public-blog-card h2{
  margin:0 0 8px!important;
  font-size:20px!important;
  color:#fff!important;
  letter-spacing:-.025em!important;
}
body.vt-public-blog-page .vt-public-blog-card p{
  color:#b8c8e6!important;
  line-height:1.55!important;
  margin:0 0 12px!important;
}
body.vt-public-blog-page .vt-public-blog-card span{
  color:#67e8f9!important;
  font-weight:950!important;
}
body.vt-public-blog-page .vt-public-post-cover{
  width:100%!important;
  max-height:390px!important;
  object-fit:cover!important;
  border-radius:22px!important;
  margin:0 0 22px!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
body.vt-public-blog-page .vt-back-link-v313{
  position:relative!important;
  z-index:1!important;
  display:inline-flex!important;
  margin-bottom:18px!important;
  text-decoration:none!important;
  color:#a5f3fc!important;
  font-weight:950!important;
}

@media(max-width:1320px){
  body.vt-public-layout-v313 .vt-public-grid-v313{grid-template-columns:minmax(0,1fr) minmax(340px,410px)!important;width:min(100vw - 48px,1180px)!important;margin-left:auto!important;margin-right:auto!important;}
  body.vt-public-layout-v313 .vt-public-side{display:none!important;}
  body.vt-public-layout-v313 .vt-public-content-card-v313,
  body.vt-public-layout-v313 .vt-public-join{min-height:560px!important;}
}
@media(max-width:980px){
  body.vt-public-layout-v313 .vt-portal-wrap{width:min(100vw - 28px,780px)!important;}
  body.vt-public-layout-v313 .vt-public-grid-v313{grid-template-columns:1fr!important;width:100%!important;gap:18px!important;}
  body.vt-public-layout-v313 .vt-public-content-card-v313{min-height:auto!important;padding:24px!important;border-radius:24px!important;}
  body.vt-public-layout-v313 .vt-public-join{min-height:auto!important;position:relative!important;top:auto!important;}
  body.vt-public-blog-page .vt-public-blog-grid{grid-template-columns:1fr!important;}
}
@media(max-width:640px){
  body.vt-public-layout-v313 .vt-public-content-card-v313 h1{font-size:34px!important;}
  body.vt-public-layout-v313 .vt-public-page-content,
  body.vt-public-layout-v313 .vt-public-post-content{font-size:15px!important;}
}

/* v3.18 - Portal hero golden-ratio responsive polish + always-visible music waveform
   Scope: only public portal landing page. Chat/LiveKit/admin logic untouched. */
body.vt-portal-page{
  --vt-hero-h:clamp(500px,66vh,640px);
  --vt-hero-radius:28px;
}

@media (min-width:981px){
  body.vt-portal-page .vt-portal-wrap{
    width:min(1560px,calc(100vw - 52px))!important;
    padding-top:18px!important;
    padding-bottom:30px!important;
    gap:20px!important;
  }
  body.vt-portal-page .vt-portal-nav{
    grid-template-columns:clamp(210px,16vw,260px) minmax(0,1fr) clamp(124px,10vw,156px)!important;
    gap:clamp(14px,1.5vw,24px)!important;
    margin-bottom:20px!important;
  }
  body.vt-portal-page .vt-portal-hero.vt-portal-rebuild-v268,
  body.vt-portal-page .vt-portal-hero{
    grid-template-columns:clamp(200px,15vw,240px) minmax(560px,1fr) clamp(350px,25vw,430px)!important;
    gap:clamp(16px,1.6vw,26px)!important;
    align-items:stretch!important;
    margin:0 0 20px!important;
  }
  body.vt-portal-page .vt-recent-members,
  body.vt-portal-page .vt-portal-stage,
  body.vt-portal-page .vt-portal-login-card{
    height:var(--vt-hero-h)!important;
    min-height:var(--vt-hero-h)!important;
    max-height:var(--vt-hero-h)!important;
    box-sizing:border-box!important;
  }
  body.vt-portal-page .vt-portal-stage{
    border-radius:var(--vt-hero-radius)!important;
    isolation:isolate!important;
  }
  body.vt-portal-page .vt-portal-host{
    width:100%!important;
    height:100%!important;
  }
  body.vt-portal-page .vt-portal-host img{
    object-fit:cover!important;
    object-position:62% center!important;
  }
  body.vt-portal-page .vt-portal-stage:before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    pointer-events:none!important;
    background:
      linear-gradient(90deg,rgba(3,7,18,.96) 0%,rgba(3,7,18,.83) 36%,rgba(3,7,18,.34) 58%,rgba(3,7,18,.04) 100%),
      linear-gradient(0deg,rgba(3,7,18,.48),transparent 38%)!important;
  }
  body.vt-portal-page .vt-portal-copy{
    position:relative!important;
    z-index:5!important;
    width:42%!important;
    min-width:310px!important;
    height:100%!important;
    padding:clamp(30px,4vh,46px) 20px 104px clamp(26px,2.4vw,42px)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  body.vt-portal-page .vt-portal-badge{
    max-width:100%!important;
    white-space:normal!important;
    line-height:1.25!important;
    margin:0 0 clamp(14px,1.8vh,20px)!important;
  }
  body.vt-portal-page .vt-portal-copy h1{
    font-size:clamp(38px,3.25vw,58px)!important;
    line-height:1.04!important;
    margin:0 0 clamp(14px,2vh,20px)!important;
    max-width:500px!important;
  }
  body.vt-portal-page .vt-portal-copy p{
    font-size:clamp(14px,1vw,16px)!important;
    line-height:1.68!important;
    max-width:455px!important;
    margin:0 0 clamp(16px,2vh,24px)!important;
  }
  body.vt-portal-page .vt-portal-mini-features{
    width:min(100%,420px)!important;
    max-width:420px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    z-index:7!important;
  }
  body.vt-portal-page .vt-portal-mini-features span{
    min-width:0!important;
    height:clamp(50px,7vh,62px)!important;
    min-height:clamp(50px,7vh,62px)!important;
    border-radius:16px!important;
    font-size:clamp(10.5px,.82vw,12px)!important;
    padding:8px!important;
  }

  /* Music bars are now anchored inside the hero copy area so they are visible on full PC, laptop and tablet-width layouts. */
  body.vt-portal-page .vt-portal-music-wow{
    display:flex!important;
    position:absolute!important;
    left:clamp(26px,2.4vw,42px)!important;
    right:auto!important;
    bottom:clamp(22px,3.2vh,34px)!important;
    z-index:6!important;
    align-items:flex-end!important;
    justify-content:center!important;
    gap:4px!important;
    width:min(420px,calc(100% - 58px))!important;
    max-width:420px!important;
    height:52px!important;
    margin:0!important;
    padding:8px 12px 10px!important;
    border-radius:999px!important;
    border:1px solid rgba(56,189,248,.22)!important;
    background:
      radial-gradient(ellipse at 50% 84%,rgba(34,211,238,.18),transparent 62%),
      linear-gradient(180deg,rgba(7,11,25,.40),rgba(7,11,25,.74))!important;
    box-shadow:0 0 24px rgba(34,211,238,.13),0 0 38px rgba(217,70,239,.10),inset 0 1px 0 rgba(255,255,255,.045)!important;
    overflow:hidden!important;
    pointer-events:none!important;
    opacity:.98!important;
  }
  body.vt-portal-page .vt-portal-music-wow:before{
    content:""!important;
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    bottom:18px!important;
    height:1px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,transparent,rgba(56,189,248,.80),rgba(217,70,239,.78),transparent)!important;
    box-shadow:0 0 18px rgba(56,189,248,.38)!important;
  }
  body.vt-portal-page .vt-portal-music-wow:after{
    content:""!important;
    position:absolute!important;
    left:8%!important;
    right:8%!important;
    bottom:0!important;
    height:24px!important;
    border-radius:50%!important;
    background:radial-gradient(ellipse at center,rgba(34,211,238,.15),rgba(168,85,247,.10) 44%,transparent 70%)!important;
    filter:blur(7px)!important;
  }
  body.vt-portal-page .vt-portal-music-wow i{
    display:block!important;
    position:relative!important;
    z-index:2!important;
    flex:1 1 0!important;
    width:auto!important;
    min-width:3px!important;
    max-width:7px!important;
    height:clamp(10px,var(--h),42px)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#22d3ee,#3b82f6 48%,#d946ef)!important;
    box-shadow:0 0 12px rgba(34,211,238,.42),0 0 16px rgba(217,70,239,.28)!important;
    transform-origin:center bottom!important;
    animation:vtMusicBarsV318 1.08s ease-in-out infinite!important;
    animation-delay:var(--d,0s)!important;
    opacity:.96!important;
  }
  @keyframes vtMusicBarsV318{
    0%,100%{transform:scaleY(.35);opacity:.56;filter:saturate(.92)}
    45%{transform:scaleY(1.06);opacity:1;filter:saturate(1.45)}
    72%{transform:scaleY(.62);opacity:.78}
  }
}

@media (min-width:1281px) and (max-width:1440px){
  body.vt-portal-page{--vt-hero-h:clamp(500px,64vh,590px);}
  body.vt-portal-page .vt-portal-hero.vt-portal-rebuild-v268,
  body.vt-portal-page .vt-portal-hero{grid-template-columns:clamp(200px,15vw,220px) minmax(530px,1fr) clamp(350px,27vw,390px)!important;}
  body.vt-portal-page .vt-portal-copy{width:44%!important;min-width:300px!important;}
}

@media (min-width:981px) and (max-width:1280px){
  body.vt-portal-page{--vt-hero-h:clamp(470px,62vh,540px);}
  body.vt-portal-page .vt-portal-wrap{width:min(100% - 32px,1220px)!important;}
  body.vt-portal-page .vt-portal-nav{grid-template-columns:210px 1fr 132px!important;gap:14px!important;}
  body.vt-portal-page .vt-portal-links{gap:20px!important;}
  body.vt-portal-page .vt-portal-hero.vt-portal-rebuild-v268,
  body.vt-portal-page .vt-portal-hero{grid-template-columns:minmax(0,1fr) minmax(330px,380px)!important;gap:16px!important;}
  body.vt-portal-page .vt-recent-members{display:none!important;}
  body.vt-portal-page .vt-portal-copy{width:48%!important;min-width:285px!important;padding-left:26px!important;padding-bottom:92px!important;}
  body.vt-portal-page .vt-portal-copy h1{font-size:clamp(36px,3.4vw,46px)!important;}
  body.vt-portal-page .vt-portal-mini-features{width:min(100%,360px)!important;gap:8px!important;}
  body.vt-portal-page .vt-portal-music-wow{left:26px!important;bottom:20px!important;width:min(360px,calc(100% - 48px))!important;height:46px!important;}
  body.vt-portal-page .vt-portal-music-wow i{max-height:36px!important;}
}

@media (max-width:980px){
  body.vt-portal-page .vt-portal-stage{overflow:hidden!important;}
  body.vt-portal-page .vt-portal-copy{position:relative!important;padding-bottom:24px!important;}
  body.vt-portal-page .vt-portal-mini-features{margin-top:18px!important;margin-bottom:10px!important;}
  body.vt-portal-page .vt-portal-music-wow{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    gap:4px!important;
    width:100%!important;
    max-width:420px!important;
    height:44px!important;
    margin:8px 0 0!important;
    padding:6px 10px 8px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(7,11,25,.32),rgba(7,11,25,.62))!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  body.vt-portal-page .vt-portal-music-wow i{
    display:block!important;
    flex:1 1 0!important;
    max-width:6px!important;
    min-width:3px!important;
    height:clamp(8px,var(--h),34px)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#22d3ee,#3b82f6 48%,#d946ef)!important;
    box-shadow:0 0 10px rgba(34,211,238,.35),0 0 14px rgba(217,70,239,.20)!important;
    transform-origin:center bottom!important;
    animation:vtMusicBarsV318 1.08s ease-in-out infinite!important;
    animation-delay:var(--d,0s)!important;
  }
}

/* v3.19 - Public page/blog right login panel top alignment fix
   Scope: only SEO portal public pages (Hakkımızda / İletişim / Blog). Chat, LiveKit and admin UI untouched. */
body.vt-public-layout-v313 .vt-public-grid-v313{
  align-items:start!important;
}
body.vt-public-layout-v313 .vt-portal-login-card.vt-public-join,
body.vt-public-layout-v313 .vt-public-join{
  align-self:start!important;
  justify-self:stretch!important;
  margin:0!important;
  transform:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  position:sticky!important;
  top:24px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  padding:30px!important;
  box-sizing:border-box!important;
}
body.vt-public-layout-v313 .vt-public-join .join-tabs{
  margin-top:0!important;
}
@media(max-width:1380px) and (min-width:981px){
  body.vt-public-layout-v313 .vt-public-grid-v313{
    align-items:start!important;
  }
  body.vt-public-layout-v313 .vt-portal-login-card.vt-public-join,
  body.vt-public-layout-v313 .vt-public-join{
    align-self:start!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    top:20px!important;
  }
}
@media(max-width:980px){
  body.vt-public-layout-v313 .vt-portal-login-card.vt-public-join,
  body.vt-public-layout-v313 .vt-public-join{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    min-height:0!important;
  }
}


/* v3.20 - Ultra responsive portal safe-breakpoint fix
   Amaç: PC tarayıcı penceresi küçültülünce hero kartı ve giriş panelinin sıkışmasını/sağ boşluk bırakmasını engellemek.
   Kapsam: sadece modern portal giriş sayfası. Chat, LiveKit, admin ve oda ekranları etkilenmez. */
body.vt-portal-page,
body.vt-portal-page *{box-sizing:border-box;}
body.vt-portal-page .vt-portal-wrap{max-width:1480px!important;}
body.vt-portal-page .vt-portal-hero.vt-portal-rebuild-v268,
body.vt-portal-page .vt-portal-hero{width:100%!important;max-width:100%!important;min-width:0!important;}
body.vt-portal-page .vt-portal-stage,
body.vt-portal-page .vt-portal-login-card{min-width:0!important;max-width:100%!important;}

/* Büyük laptop / küçültülmüş PC penceresi: sağda boşluk ve sıkışma yerine kontrollü tek kolon */
@media (min-width:961px) and (max-width:1320px){
  body.vt-portal-page{overflow-x:hidden!important;}
  body.vt-portal-page .vt-portal-wrap{
    width:min(100% - 32px,1040px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-top:22px!important;
  }
  body.vt-portal-page .vt-portal-nav{
    grid-template-columns:220px 1fr 132px!important;
    gap:14px!important;
    width:100%!important;
  }
  body.vt-portal-page .vt-portal-links{gap:18px!important;justify-content:center!important;}
  body.vt-portal-page .vt-portal-links a{font-size:14px!important;padding:10px 8px!important;}
  body.vt-portal-page .vt-portal-online{min-width:118px!important;padding:13px 16px!important;font-size:14px!important;}
  body.vt-portal-page .vt-portal-hero.vt-portal-rebuild-v268,
  body.vt-portal-page .vt-portal-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
    align-items:start!important;
    justify-items:center!important;
  }
  body.vt-portal-page .vt-recent-members{display:none!important;}
  body.vt-portal-page .vt-portal-stage{
    width:100%!important;
    height:clamp(470px,56vw,560px)!important;
    min-height:clamp(470px,56vw,560px)!important;
    border-radius:26px!important;
    overflow:hidden!important;
  }
  body.vt-portal-page .vt-portal-copy{
    width:52%!important;
    min-width:300px!important;
    max-width:520px!important;
    padding-left:clamp(24px,4vw,42px)!important;
    padding-bottom:88px!important;
  }
  body.vt-portal-page .vt-portal-copy h1{font-size:clamp(38px,5vw,58px)!important;}
  body.vt-portal-page .vt-portal-copy p{font-size:clamp(14px,1.35vw,16px)!important;}
  body.vt-portal-page .vt-portal-host img{
    width:56%!important;
    max-width:620px!important;
    min-width:360px!important;
    object-fit:cover!important;
  }
  body.vt-portal-page .vt-portal-mini-features{width:min(100%,390px)!important;}
  body.vt-portal-page .vt-portal-music-wow{
    left:clamp(24px,4vw,42px)!important;
    bottom:22px!important;
    width:min(390px,calc(100% - 54px))!important;
  }
  body.vt-portal-page .vt-portal-login-card{
    width:min(100%,520px)!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto 8px!important;
    padding:28px!important;
    justify-self:center!important;
    align-self:start!important;
  }
}

/* Dar laptop/tablet yatay: hero içeriği tek kart gibi okunur, giriş alta iner */
@media (min-width:781px) and (max-width:960px){
  body.vt-portal-page{overflow-x:hidden!important;}
  body.vt-portal-page .vt-portal-wrap{width:min(100% - 28px,760px)!important;margin:auto!important;}
  body.vt-portal-page .vt-portal-nav{grid-template-columns:1fr!important;justify-items:center!important;gap:12px!important;}
  body.vt-portal-page .vt-portal-links{order:2!important;display:flex!important;gap:14px!important;flex-wrap:wrap!important;justify-content:center!important;}
  body.vt-portal-page .vt-portal-online{justify-self:center!important;}
  body.vt-portal-page .vt-portal-hero.vt-portal-rebuild-v268,
  body.vt-portal-page .vt-portal-hero{grid-template-columns:1fr!important;gap:18px!important;justify-items:center!important;}
  body.vt-portal-page .vt-recent-members{display:none!important;}
  body.vt-portal-page .vt-portal-stage{width:100%!important;height:auto!important;min-height:0!important;padding:0!important;display:block!important;overflow:hidden!important;}
  body.vt-portal-page .vt-portal-copy{position:relative!important;width:100%!important;min-width:0!important;max-width:none!important;padding:34px 26px 28px!important;}
  body.vt-portal-page .vt-portal-host{display:none!important;}
  body.vt-portal-page .vt-portal-copy h1{font-size:clamp(34px,6vw,48px)!important;max-width:640px!important;}
  body.vt-portal-page .vt-portal-copy p{max-width:620px!important;}
  body.vt-portal-page .vt-portal-mini-features{width:100%!important;max-width:620px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body.vt-portal-page .vt-portal-music-wow{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:620px!important;margin-top:18px!important;}
  body.vt-portal-page .vt-portal-login-card{width:min(100%,520px)!important;margin:0 auto!important;height:auto!important;min-height:0!important;}
}

/* Çok dar pencere: mobil düzene erken geç, yatay taşmayı tamamen kapat */
@media (max-width:780px){
  body.vt-portal-page{overflow-x:hidden!important;}
  body.vt-portal-page .vt-portal-wrap{width:min(100% - 22px,560px)!important;}
  body.vt-portal-page .vt-portal-stage,
  body.vt-portal-page .vt-portal-login-card{width:100%!important;}
}

/* v3.21 - Portal ara pencere responsive düzeltme
   Amaç: PC tarayıcı küçültülünce hero kartının sol tarafta ezilmesini engellemek.
   Kapsam: sadece modern portal ana giriş. Chat/LiveKit/admin dosyaları etkilenmez. */
@media (min-width:1181px) and (max-width:1500px){
  body.vt-portal-page{overflow-x:hidden!important;}
  body.vt-portal-page .vt-portal-wrap{
    width:calc(100vw - 48px)!important;
    max-width:1320px!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.vt-portal-page .vt-portal-nav{
    width:100%!important;
    grid-template-columns:minmax(180px,220px) minmax(360px,1fr) minmax(116px,140px)!important;
    gap:16px!important;
    align-items:center!important;
  }
  body.vt-portal-page .vt-portal-brand{min-width:0!important;max-width:220px!important;}
  body.vt-portal-page .vt-portal-links{gap:18px!important;justify-content:center!important;min-width:0!important;}
  body.vt-portal-page .vt-portal-links a{font-size:14px!important;padding:10px 7px!important;white-space:nowrap!important;}
  body.vt-portal-page .vt-portal-online{justify-self:end!important;min-width:118px!important;padding:13px 16px!important;font-size:14px!important;}

  body.vt-portal-page .vt-portal-hero.vt-portal-rebuild-v268,
  body.vt-portal-page .vt-portal-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(390px,460px)!important;
    gap:22px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    align-items:start!important;
  }
  body.vt-portal-page .vt-recent-members{display:none!important;}
  body.vt-portal-page .vt-portal-stage{
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:clamp(470px,42vw,560px)!important;
    min-height:clamp(470px,42vw,560px)!important;
    overflow:hidden!important;
    border-radius:26px!important;
  }
  body.vt-portal-page .vt-portal-copy{
    width:52%!important;
    min-width:300px!important;
    max-width:510px!important;
    padding-left:clamp(24px,3vw,42px)!important;
    padding-right:12px!important;
    padding-bottom:82px!important;
  }
  body.vt-portal-page .vt-portal-copy h1{font-size:clamp(34px,3.7vw,54px)!important;line-height:1.02!important;}
  body.vt-portal-page .vt-portal-copy p{font-size:clamp(14px,1.1vw,16px)!important;max-width:430px!important;}
  body.vt-portal-page .vt-portal-host{display:block!important;}
  body.vt-portal-page .vt-portal-host img{
    width:58%!important;
    min-width:360px!important;
    max-width:620px!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center right!important;
  }
  body.vt-portal-page .vt-portal-mini-features{
    width:min(100%,380px)!important;
    max-width:380px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.vt-portal-page .vt-portal-mini-features span{font-size:10.5px!important;padding:8px 6px!important;}
  body.vt-portal-page .vt-portal-music-wow{
    position:absolute!important;
    left:clamp(24px,3vw,42px)!important;
    right:auto!important;
    bottom:20px!important;
    width:min(380px,calc(100% - 54px))!important;
    max-width:380px!important;
    height:48px!important;
    margin:0!important;
  }
  body.vt-portal-page .vt-portal-login-card{
    width:100%!important;
    max-width:460px!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:28px!important;
    align-self:start!important;
    justify-self:stretch!important;
  }
  body.vt-portal-page .vt-portal-login-card .join-tabs button{min-height:58px!important;font-size:17px!important;}
  body.vt-portal-page .vt-portal-login-card .gender-grid{gap:10px!important;}
}

@media (min-width:781px) and (max-width:1180px){
  body.vt-portal-page{overflow-x:hidden!important;}
  body.vt-portal-page .vt-portal-wrap{
    width:min(calc(100vw - 36px),900px)!important;
    max-width:900px!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.vt-portal-page .vt-portal-nav{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:14px!important;
  }
  body.vt-portal-page .vt-portal-links{order:2!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:16px!important;}
  body.vt-portal-page .vt-portal-online{justify-self:center!important;}
  body.vt-portal-page .vt-portal-hero.vt-portal-rebuild-v268,
  body.vt-portal-page .vt-portal-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:20px!important;
    justify-items:center!important;
    width:100%!important;
  }
  body.vt-portal-page .vt-recent-members{display:none!important;}
  body.vt-portal-page .vt-portal-stage{
    width:100%!important;
    max-width:900px!important;
    min-width:0!important;
    height:clamp(430px,54vw,520px)!important;
    min-height:clamp(430px,54vw,520px)!important;
    overflow:hidden!important;
  }
  body.vt-portal-page .vt-portal-copy{
    width:56%!important;
    min-width:300px!important;
    max-width:520px!important;
    padding-left:clamp(24px,4vw,38px)!important;
    padding-bottom:76px!important;
  }
  body.vt-portal-page .vt-portal-copy h1{font-size:clamp(34px,5vw,50px)!important;}
  body.vt-portal-page .vt-portal-host{display:block!important;}
  body.vt-portal-page .vt-portal-host img{width:56%!important;min-width:330px!important;height:100%!important;object-fit:cover!important;object-position:center right!important;}
  body.vt-portal-page .vt-portal-mini-features{width:min(100%,390px)!important;gap:8px!important;}
  body.vt-portal-page .vt-portal-music-wow{
    position:absolute!important;
    left:clamp(24px,4vw,38px)!important;
    bottom:18px!important;
    width:min(390px,calc(100% - 54px))!important;
    margin:0!important;
  }
  body.vt-portal-page .vt-portal-login-card{
    width:min(100%,560px)!important;
    max-width:560px!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto 8px!important;
    padding:28px!important;
    justify-self:center!important;
  }
}

@media (max-width:780px){
  body.vt-portal-page .vt-portal-wrap{width:min(calc(100vw - 22px),560px)!important;margin-left:auto!important;margin-right:auto!important;}
  body.vt-portal-page .vt-portal-hero.vt-portal-rebuild-v268,
  body.vt-portal-page .vt-portal-hero{grid-template-columns:1fr!important;gap:16px!important;}
  body.vt-portal-page .vt-recent-members{display:none!important;}
  body.vt-portal-page .vt-portal-stage,
  body.vt-portal-page .vt-portal-login-card{width:100%!important;max-width:100%!important;min-width:0!important;}
}

/* v3.22 - Premium responsive portal stack fix
   Amaç: 1300px ve altı laptop/tablet/küçültülmüş PC pencerelerinde hero ve giriş kartını yan yana sıkıştırmak yerine kaliteli tek kolon düzene almak.
   Kapsam: sadece modern portal ana giriş sayfası. Chat, LiveKit, oda ve admin ekranlarına dokunmaz. */
@media (min-width:781px) and (max-width:1350px){
  body.vt-portal-page,
  body.vt-portal-page *{box-sizing:border-box!important;}
  body.vt-portal-page{overflow-x:hidden!important;}
  body.vt-portal-page .vt-portal-wrap{
    width:min(calc(100vw - 44px),1040px)!important;
    max-width:1040px!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-top:22px!important;
  }
  body.vt-portal-page .vt-portal-nav{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(170px,220px) minmax(330px,1fr) minmax(112px,132px)!important;
    gap:14px!important;
    align-items:center!important;
  }
  body.vt-portal-page .vt-portal-brand{max-width:220px!important;min-width:0!important;}
  body.vt-portal-page .vt-portal-links{gap:18px!important;justify-content:center!important;min-width:0!important;}
  body.vt-portal-page .vt-portal-links a{white-space:nowrap!important;font-size:14px!important;padding:9px 6px!important;}
  body.vt-portal-page .vt-portal-online{justify-self:end!important;min-width:112px!important;padding:12px 14px!important;font-size:14px!important;}

  body.vt-portal-page .vt-portal-hero.vt-portal-rebuild-v268,
  body.vt-portal-page .vt-portal-hero{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
    align-items:start!important;
    justify-items:center!important;
  }
  body.vt-portal-page .vt-recent-members{display:none!important;}

  body.vt-portal-page .vt-portal-stage{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:clamp(500px,52vw,590px)!important;
    min-height:clamp(500px,52vw,590px)!important;
    overflow:hidden!important;
    border-radius:28px!important;
    display:block!important;
  }
  body.vt-portal-page .vt-portal-copy{
    position:relative!important;
    z-index:3!important;
    width:min(54%,520px)!important;
    min-width:320px!important;
    max-width:520px!important;
    padding-left:clamp(28px,4vw,44px)!important;
    padding-right:12px!important;
    padding-bottom:88px!important;
  }
  body.vt-portal-page .vt-portal-copy h1{
    font-size:clamp(38px,5.2vw,58px)!important;
    line-height:1.02!important;
    letter-spacing:-.04em!important;
  }
  body.vt-portal-page .vt-portal-copy p{font-size:clamp(14px,1.45vw,17px)!important;max-width:450px!important;}
  body.vt-portal-page .vt-portal-host{display:block!important;}
  body.vt-portal-page .vt-portal-host img{
    width:58%!important;
    min-width:430px!important;
    max-width:660px!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center right!important;
  }
  body.vt-portal-page .vt-portal-mini-features{
    width:min(100%,410px)!important;
    max-width:410px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;
  }
  body.vt-portal-page .vt-portal-mini-features span{
    min-width:0!important;
    font-size:11px!important;
    padding:9px 7px!important;
  }
  body.vt-portal-page .vt-portal-music-wow{
    position:absolute!important;
    left:clamp(28px,4vw,44px)!important;
    right:auto!important;
    bottom:22px!important;
    width:min(410px,calc(100% - 64px))!important;
    max-width:410px!important;
    height:50px!important;
    margin:0!important;
  }

  body.vt-portal-page .vt-portal-login-card{
    width:min(100%,620px)!important;
    max-width:620px!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto 10px!important;
    padding:30px!important;
    justify-self:center!important;
    align-self:start!important;
    border-radius:28px!important;
  }
}

@media (min-width:781px) and (max-width:1020px){
  body.vt-portal-page .vt-portal-wrap{width:min(calc(100vw - 32px),760px)!important;max-width:760px!important;}
  body.vt-portal-page .vt-portal-nav{grid-template-columns:1fr!important;justify-items:center!important;gap:14px!important;}
  body.vt-portal-page .vt-portal-links{order:2!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:16px!important;}
  body.vt-portal-page .vt-portal-online{justify-self:center!important;}
  body.vt-portal-page .vt-portal-stage{
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    background:linear-gradient(135deg,rgba(15,35,60,.92),rgba(45,23,80,.78))!important;
  }
  body.vt-portal-page .vt-portal-host{display:none!important;}
  body.vt-portal-page .vt-portal-copy{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    padding:34px 28px 30px!important;
  }
  body.vt-portal-page .vt-portal-copy h1{font-size:clamp(36px,6.2vw,50px)!important;max-width:640px!important;}
  body.vt-portal-page .vt-portal-copy p{max-width:620px!important;}
  body.vt-portal-page .vt-portal-mini-features{width:100%!important;max-width:620px!important;}
  body.vt-portal-page .vt-portal-music-wow{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    max-width:620px!important;
    margin-top:18px!important;
  }
  body.vt-portal-page .vt-portal-login-card{width:min(100%,620px)!important;}
}

/* v3.23 - 2026 Premium Fluid Portal: laptop/tablet/window resize safe layout */
@media (max-width: 1320px){
  html:has(body.vt-portal-page),
  body.vt-portal-page{
    overflow-x:hidden!important;
  }
  body.vt-portal-page .vt-portal-wrap{
    width:min(100% - 36px, 1080px)!important;
    padding-top:18px!important;
  }
  body.vt-portal-page .vt-portal-nav{
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    gap:18px!important;
    align-items:center!important;
    margin-bottom:28px!important;
  }
  body.vt-portal-page .vt-portal-brand{
    width:220px!important;
    min-height:64px!important;
  }
  body.vt-portal-page .vt-portal-links{
    justify-self:center!important;
    gap:24px!important;
  }
  body.vt-portal-page .vt-portal-online{
    justify-self:end!important;
    white-space:nowrap!important;
  }
  body.vt-portal-page .vt-portal-hero,
  body.vt-portal-page .vt-portal-hero-v256,
  body.vt-portal-page .vt-portal-rebuild-v268{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:22px!important;
    min-height:0!important;
    margin-top:0!important;
    margin-bottom:28px!important;
  }
  body.vt-portal-page .vt-recent-members{
    display:none!important;
  }
  body.vt-portal-page .vt-portal-stage{
    width:min(100%, 980px)!important;
    min-height:clamp(430px, 48vw, 560px)!important;
    height:auto!important;
    border-radius:32px!important;
    overflow:hidden!important;
    justify-self:center!important;
  }
  body.vt-portal-page .vt-portal-stage:before{
    inset:0!important;
    background:linear-gradient(90deg,rgba(5,8,22,.94) 0%,rgba(5,8,22,.72) 38%,rgba(5,8,22,.16) 64%,transparent 100%)!important;
  }
  body.vt-portal-page .vt-portal-stage:after{
    left:50%!important;
    bottom:18px!important;
    width:min(620px,70%)!important;
    height:86px!important;
  }
  body.vt-portal-page .vt-portal-copy{
    width:min(520px, 54%)!important;
    padding:clamp(28px,4vw,46px) 0 0 clamp(24px,4vw,44px)!important;
  }
  body.vt-portal-page .vt-portal-copy h1{
    font-size:clamp(38px, 5vw, 58px)!important;
    line-height:1.04!important;
    margin:20px 0 16px!important;
  }
  body.vt-portal-page .vt-portal-copy p{
    font-size:clamp(14px,1.45vw,16px)!important;
    line-height:1.62!important;
    max-width:420px!important;
  }
  body.vt-portal-page .vt-portal-mini-features{
    max-width:430px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body.vt-portal-page .vt-portal-mini-features span{
    min-height:78px!important;
    padding:10px 8px!important;
    font-size:11px!important;
    border-radius:16px!important;
  }
  body.vt-portal-page .vt-portal-host{
    right:0!important;
    top:0!important;
    bottom:0!important;
    width:66%!important;
    height:100%!important;
  }
  body.vt-portal-page .vt-portal-host img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center bottom!important;
  }
  body.vt-portal-page .vt-portal-music-wow{
    left:clamp(24px, 4vw, 44px)!important;
    right:auto!important;
    bottom:24px!important;
    width:min(420px, 46vw)!important;
    max-width:calc(100% - 52px)!important;
  }
  body.vt-portal-page .vt-portal-login-card{
    width:min(100%, 640px)!important;
    max-width:640px!important;
    align-self:center!important;
    justify-self:center!important;
    margin:0 auto!important;
    padding:clamp(24px,3vw,34px)!important;
    border-radius:32px!important;
    position:relative!important;
    transform:none!important;
  }
  body.vt-portal-page .vt-login-tabs-v123 button{
    min-height:68px!important;
    font-size:18px!important;
  }
}

@media (max-width: 980px){
  body.vt-portal-page .vt-portal-wrap{
    width:min(100% - 28px, 760px)!important;
  }
  body.vt-portal-page .vt-portal-nav{
    grid-template-columns:1fr auto!important;
    row-gap:16px!important;
  }
  body.vt-portal-page .vt-portal-links{
    grid-column:1 / -1!important;
    grid-row:2!important;
    justify-self:center!important;
    width:100%!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:16px 22px!important;
  }
  body.vt-portal-page .vt-portal-brand{
    width:210px!important;
  }
  body.vt-portal-page .vt-portal-stage{
    min-height:560px!important;
    border-radius:30px!important;
  }
  body.vt-portal-page .vt-portal-stage:before{
    background:linear-gradient(180deg,rgba(5,8,22,.90) 0%,rgba(5,8,22,.68) 42%,rgba(5,8,22,.25) 100%)!important;
  }
  body.vt-portal-page .vt-portal-copy{
    width:auto!important;
    max-width:560px!important;
    padding:30px 26px 0!important;
  }
  body.vt-portal-page .vt-portal-host{
    width:100%!important;
    top:90px!important;
    opacity:.88!important;
  }
  body.vt-portal-page .vt-portal-host img{
    object-position:center bottom!important;
    -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.4) 0%,#000 26%,#000 86%,transparent 100%)!important;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.4) 0%,#000 26%,#000 86%,transparent 100%)!important;
  }
  body.vt-portal-page .vt-portal-mini-features{
    max-width:520px!important;
  }
  body.vt-portal-page .vt-portal-music-wow{
    width:min(520px, calc(100% - 52px))!important;
    left:26px!important;
    bottom:24px!important;
  }
  body.vt-portal-page .vt-portal-login-card{
    width:min(100%, 620px)!important;
  }
}

@media (max-width: 640px){
  body.vt-portal-page .vt-portal-wrap{
    width:calc(100% - 20px)!important;
    padding-top:12px!important;
  }
  body.vt-portal-page .vt-portal-nav{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    gap:12px!important;
    margin-bottom:20px!important;
  }
  body.vt-portal-page .vt-portal-brand{
    width:min(100%, 230px)!important;
    min-height:60px!important;
  }
  body.vt-portal-page .vt-portal-online{
    padding:10px 14px!important;
  }
  body.vt-portal-page .vt-portal-links{
    display:flex!important;
    order:3!important;
    gap:12px 16px!important;
  }
  body.vt-portal-page .vt-portal-links a{
    font-size:12px!important;
  }
  body.vt-portal-page .vt-portal-stage{
    width:100%!important;
    min-height:520px!important;
    border-radius:26px!important;
  }
  body.vt-portal-page .vt-portal-copy{
    padding:24px 18px 0!important;
  }
  body.vt-portal-page .vt-portal-badge{
    max-width:100%!important;
    white-space:normal!important;
    font-size:11px!important;
    padding:8px 11px!important;
  }
  body.vt-portal-page .vt-portal-copy h1{
    font-size:clamp(34px, 11vw, 46px)!important;
    max-width:360px!important;
  }
  body.vt-portal-page .vt-portal-copy p{
    font-size:14px!important;
    max-width:340px!important;
  }
  body.vt-portal-page .vt-portal-mini-features{
    grid-template-columns:1fr!important;
    max-width:210px!important;
    gap:8px!important;
  }
  body.vt-portal-page .vt-portal-mini-features span{
    min-height:42px!important;
  }
  body.vt-portal-page .vt-portal-host{
    top:110px!important;
    width:100%!important;
  }
  body.vt-portal-page .vt-portal-music-wow{
    left:18px!important;
    bottom:18px!important;
    width:calc(100% - 36px)!important;
  }
  body.vt-portal-page .vt-portal-login-card{
    width:100%!important;
    max-width:none!important;
    padding:20px!important;
    border-radius:26px!important;
  }
  body.vt-portal-page .vt-login-tabs-v123{
    gap:10px!important;
  }
  body.vt-portal-page .vt-login-tabs-v123 button{
    min-height:58px!important;
    font-size:15px!important;
    border-radius:18px!important;
  }
  body.vt-portal-page .vt-gender-v123{
    grid-template-columns:1fr!important;
  }
  body.vt-portal-page .vt-gender-v123 .gender-btn{
    height:58px!important;
    flex-direction:row!important;
    gap:10px!important;
  }
}

@media (max-width: 390px){
  body.vt-portal-page .vt-portal-copy h1{font-size:32px!important;}
  body.vt-portal-page .vt-portal-stage{min-height:500px!important;}
  body.vt-portal-page .vt-login-tabs-v123{grid-template-columns:1fr!important;}
}

/* v3.24 - 2026 Fluid Portal Window Safety Fix
   Laptop / small desktop / tablet breakpoints are rebuilt so hero and login never overlap. */
body.vt-portal-page,
body.vt-portal-page *{box-sizing:border-box!important;}
body.vt-portal-page{overflow-x:hidden!important;}
body.vt-portal-page .vt-portal-wrap{max-width:100%!important;}

@media (max-width: 1320px){
  body.vt-portal-page .vt-portal-wrap{
    width:min(100% - 32px, 1040px)!important;
    margin-inline:auto!important;
    padding-top:18px!important;
    padding-bottom:64px!important;
  }
  body.vt-portal-page .vt-portal-nav{
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    gap:16px!important;
    margin:0 0 26px!important;
  }
  body.vt-portal-page .vt-portal-brand{width:220px!important;min-width:0!important;}
  body.vt-portal-page .vt-portal-links{justify-content:center!important;gap:22px!important;min-width:0!important;}
  body.vt-portal-page .vt-portal-links a{white-space:nowrap!important;}
  body.vt-portal-page .vt-portal-online{justify-self:end!important;white-space:nowrap!important;}

  body.vt-portal-page .vt-portal-hero,
  body.vt-portal-page .vt-portal-hero-v256,
  body.vt-portal-page .vt-portal-rebuild-v268{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:26px!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0 0 34px!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.vt-portal-page .vt-recent-members{display:none!important;}

  body.vt-portal-page .vt-portal-stage{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:980px!important;
    min-width:0!important;
    height:auto!important;
    min-height:clamp(500px, 54vw, 610px)!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:30px!important;
    isolation:isolate!important;
  }
  body.vt-portal-page .vt-portal-stage:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    background:
      linear-gradient(90deg,rgba(3,7,18,.96) 0%,rgba(3,7,18,.84) 40%,rgba(3,7,18,.38) 68%,rgba(3,7,18,.86) 100%),
      radial-gradient(circle at 22% 20%,rgba(168,85,247,.18),transparent 40%)!important;
    pointer-events:none!important;
  }
  body.vt-portal-page .vt-portal-stage:after{z-index:4!important;}
  body.vt-portal-page .vt-portal-host{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    width:100%!important;
    height:100%!important;
    opacity:.92!important;
    pointer-events:none!important;
  }
  body.vt-portal-page .vt-portal-host img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
    filter:saturate(1.04) contrast(1.03)!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  body.vt-portal-page .vt-portal-copy{
    position:relative!important;
    z-index:5!important;
    width:min(560px, 62%)!important;
    max-width:560px!important;
    min-width:0!important;
    padding:clamp(30px,4vw,52px) 0 112px clamp(30px,4vw,52px)!important;
    color:#fff!important;
  }
  body.vt-portal-page .vt-portal-copy h1{
    font-size:clamp(40px, 5.2vw, 62px)!important;
    line-height:1.03!important;
    max-width:560px!important;
    margin:22px 0 18px!important;
  }
  body.vt-portal-page .vt-portal-copy p{
    max-width:500px!important;
    font-size:clamp(15px, 1.55vw, 17px)!important;
    line-height:1.65!important;
  }
  body.vt-portal-page .vt-portal-mini-features{
    width:min(100%, 470px)!important;
    max-width:470px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    margin-top:22px!important;
  }
  body.vt-portal-page .vt-portal-mini-features span{
    min-width:0!important;
    min-height:78px!important;
    padding:10px 8px!important;
    border-radius:16px!important;
    font-size:11px!important;
    text-align:center!important;
  }
  body.vt-portal-page .vt-portal-music-wow{
    position:absolute!important;
    z-index:6!important;
    left:clamp(30px,4vw,52px)!important;
    right:auto!important;
    bottom:30px!important;
    width:min(470px, calc(100% - 60px))!important;
    max-width:none!important;
    margin:0!important;
  }

  body.vt-portal-page .vt-portal-login-card{
    position:relative!important;
    z-index:1!important;
    display:block!important;
    width:min(100%, 640px)!important;
    max-width:640px!important;
    min-width:0!important;
    height:auto!important;
    margin:0 auto!important;
    padding:clamp(24px,3vw,34px)!important;
    transform:none!important;
    align-self:center!important;
    justify-self:center!important;
    overflow:visible!important;
    clear:both!important;
    border-radius:30px!important;
  }
}

@media (max-width: 1080px){
  body.vt-portal-page .vt-portal-wrap{width:min(100% - 26px, 760px)!important;}
  body.vt-portal-page .vt-portal-nav{
    grid-template-columns:1fr auto!important;
    row-gap:14px!important;
  }
  body.vt-portal-page .vt-portal-links{
    grid-column:1 / -1!important;
    grid-row:2!important;
    justify-self:center!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:14px 22px!important;
  }
  body.vt-portal-page .vt-portal-stage{
    max-width:760px!important;
    min-height:560px!important;
  }
  body.vt-portal-page .vt-portal-stage:before{
    background:
      linear-gradient(180deg,rgba(3,7,18,.90) 0%,rgba(3,7,18,.66) 44%,rgba(3,7,18,.88) 100%),
      radial-gradient(circle at 22% 16%,rgba(168,85,247,.22),transparent 42%)!important;
  }
  body.vt-portal-page .vt-portal-copy{
    width:100%!important;
    max-width:640px!important;
    padding:30px 28px 120px!important;
  }
  body.vt-portal-page .vt-portal-copy h1{font-size:clamp(38px, 7vw, 56px)!important;max-width:620px!important;}
  body.vt-portal-page .vt-portal-copy p{max-width:560px!important;}
  body.vt-portal-page .vt-portal-host img{object-position:center bottom!important;}
  body.vt-portal-page .vt-portal-music-wow{left:28px!important;width:calc(100% - 56px)!important;}
  body.vt-portal-page .vt-portal-login-card{width:min(100%, 620px)!important;}
}

@media (max-width: 640px){
  body.vt-portal-page .vt-portal-wrap{width:calc(100% - 18px)!important;padding-top:10px!important;}
  body.vt-portal-page .vt-portal-nav{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:12px!important;}
  body.vt-portal-page .vt-portal-brand{width:min(100%,230px)!important;}
  body.vt-portal-page .vt-portal-links{order:3!important;width:100%!important;justify-content:center!important;gap:10px 14px!important;}
  body.vt-portal-page .vt-portal-links a{font-size:12px!important;}
  body.vt-portal-page .vt-portal-stage{min-height:520px!important;border-radius:24px!important;}
  body.vt-portal-page .vt-portal-copy{padding:22px 18px 104px!important;}
  body.vt-portal-page .vt-portal-badge{max-width:100%!important;white-space:normal!important;font-size:11px!important;}
  body.vt-portal-page .vt-portal-copy h1{font-size:clamp(32px, 10vw, 44px)!important;}
  body.vt-portal-page .vt-portal-copy p{font-size:14px!important;}
  body.vt-portal-page .vt-portal-mini-features{grid-template-columns:1fr!important;width:min(230px,100%)!important;gap:8px!important;}
  body.vt-portal-page .vt-portal-mini-features span{min-height:42px!important;}
  body.vt-portal-page .vt-portal-music-wow{left:18px!important;bottom:18px!important;width:calc(100% - 36px)!important;}
  body.vt-portal-page .vt-portal-login-card{width:100%!important;padding:20px!important;border-radius:24px!important;}
  body.vt-portal-page .vt-login-tabs-v123{grid-template-columns:1fr!important;}
  body.vt-portal-page .vt-gender-v123{grid-template-columns:1fr!important;}
}


/* v3.34 - Hero GIF background + clean text layer. Only portal hero visual layer is affected. */
body.vt-portal-page .vt-portal-stage{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#050815!important;
}
body.vt-portal-page .vt-portal-stage::before,
body.vt-portal-page .vt-portal-stage::after{
  content:none!important;
  display:none!important;
  background:none!important;
  opacity:0!important;
}
body.vt-portal-page .vt-portal-host{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:0!important;
  overflow:hidden!important;
  border-radius:inherit!important;
  background:transparent!important;
}
body.vt-portal-page .vt-portal-host::before,
body.vt-portal-page .vt-portal-host::after,
body.vt-portal-page .vt-host-wave,
body.vt-portal-page .vt-host-eq{
  content:none!important;
  display:none!important;
  background:none!important;
  opacity:0!important;
}
body.vt-portal-page .vt-portal-host img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  border-radius:inherit!important;
}
body.vt-portal-page .vt-portal-copy{
  position:relative!important;
  z-index:2!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  outline:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:none!important;
}
body.vt-portal-page .vt-portal-copy::before,
body.vt-portal-page .vt-portal-copy::after{
  content:none!important;
  display:none!important;
  background:none!important;
  opacity:0!important;
}
body.vt-portal-page .vt-portal-copy h1,
body.vt-portal-page .vt-portal-copy p{
  color:#fff!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  text-shadow:0 4px 20px rgba(0,0,0,.72),0 1px 2px rgba(0,0,0,.95)!important;
}
body.vt-portal-page .vt-portal-mini-features{
  margin-top:18px!important;
  transform:translateY(10px)!important;
}
body.vt-portal-page .vt-portal-music-wow{
  display:none!important;
}
@media (max-width:1200px){
  body.vt-portal-page .vt-portal-host img{object-position:center center!important;}
}

/* v3.35 - Duyuru butonu blog link + responsive overlap safety
   Kapsam: sadece modern portal ana giriş sayfası. Chat/LiveKit/admin/oda ekranlarına dokunmaz. */
body.vt-portal-page .vt-portal-announcement-v262 a{
  display:flex!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:3!important;
}
body.vt-portal-page .vt-portal-announcement-v262{
  position:relative!important;
  z-index:1!important;
  clear:both!important;
}
body.vt-portal-page .vt-portal-login-card,
body.vt-portal-page .vt-portal-stage,
body.vt-portal-page .vt-portal-hero{
  min-width:0!important;
}
@media (max-width:1350px){
  body.vt-portal-page{overflow-x:hidden!important;}
  body.vt-portal-page .vt-portal-hero.vt-portal-rebuild-v268,
  body.vt-portal-page .vt-portal-hero{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:26px!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    margin-bottom:30px!important;
  }
  body.vt-portal-page .vt-recent-members{display:none!important;}
  body.vt-portal-page .vt-portal-stage{
    flex:0 0 auto!important;
    width:min(100%,980px)!important;
    max-width:100%!important;
    height:auto!important;
    min-height:clamp(470px,52vw,590px)!important;
    margin:0!important;
    overflow:hidden!important;
  }
  body.vt-portal-page .vt-portal-login-card{
    flex:0 0 auto!important;
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    width:min(100%,620px)!important;
    max-width:620px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    overflow:visible!important;
    align-self:center!important;
    justify-self:center!important;
  }
  body.vt-portal-page .vt-portal-announcement-v262{
    margin-top:0!important;
    margin-bottom:26px!important;
  }
}
@media (max-width:960px){
  body.vt-portal-page .vt-portal-announcement-v262{
    display:grid!important;
    grid-template-columns:52px 1fr!important;
    gap:12px 16px!important;
    height:auto!important;
    min-height:88px!important;
    padding:18px!important;
  }
  body.vt-portal-page .vt-portal-announcement-v262 p{
    grid-column:2/-1!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  body.vt-portal-page .vt-portal-announcement-v262 a{
    grid-column:2/-1!important;
    width:max-content!important;
    max-width:100%!important;
    display:flex!important;
  }
}
@media (max-width:560px){
  body.vt-portal-page .vt-portal-announcement-v262{
    grid-template-columns:1fr!important;
    text-align:left!important;
  }
  body.vt-portal-page .vt-ann-icon,
  body.vt-portal-page .vt-portal-announcement-v262 strong,
  body.vt-portal-page .vt-portal-announcement-v262 p,
  body.vt-portal-page .vt-portal-announcement-v262 a{
    grid-column:1/-1!important;
  }
}

/* v3.36 - Portal hover hareketleri ve hero mini özellik genişliği */
body.vt-portal-page .vt-recent-item{
  cursor:pointer!important;
  transform:translateY(0) scale(1)!important;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease!important;
  will-change:transform!important;
}
body.vt-portal-page .vt-recent-item:hover{
  transform:translateY(-5px) scale(1.025)!important;
  background:linear-gradient(135deg,rgba(88,28,135,.34),rgba(14,165,233,.16),rgba(15,23,42,.58))!important;
  border-color:rgba(125,211,252,.38)!important;
  box-shadow:0 16px 36px rgba(14,165,233,.16),0 0 24px rgba(168,85,247,.18)!important;
}
body.vt-portal-page .vt-recent-item:hover img{
  transform:scale(1.08)!important;
  border-color:rgba(236,72,153,.70)!important;
  box-shadow:0 0 18px rgba(236,72,153,.32),0 0 22px rgba(14,165,233,.26)!important;
}
body.vt-portal-page .vt-recent-item img{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
body.vt-portal-page .vt-recent-item:hover i{
  transform:scale(1.35)!important;
  box-shadow:0 0 18px rgba(25,230,122,1),0 0 28px rgba(25,230,122,.45)!important;
}
body.vt-portal-page .vt-recent-item i{transition:transform .22s ease,box-shadow .22s ease!important;}

body.vt-portal-page .vt-portal-mini-features{
  gap:14px!important;
}
body.vt-portal-page .vt-portal-mini-features span{
  width:128px!important;
  min-width:128px!important;
  min-height:72px!important;
  padding:10px 14px!important;
  white-space:normal!important;
}
body.vt-portal-page .vt-portal-mini-features span:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(125,211,252,.38)!important;
  box-shadow:0 14px 34px rgba(14,165,233,.14), inset 0 0 20px rgba(255,255,255,.035)!important;
}
body.vt-portal-page .vt-portal-mini-features span{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;}

@media (max-width:1500px){
  body.vt-portal-page .vt-portal-mini-features span{width:122px!important;min-width:122px!important;}
}
@media (max-width:1200px){
  body.vt-portal-page .vt-portal-mini-features{justify-content:flex-start!important;}
  body.vt-portal-page .vt-portal-mini-features span{width:126px!important;min-width:126px!important;}
}
@media (max-width:560px){
  body.vt-portal-page .vt-portal-mini-features{gap:10px!important;}
  body.vt-portal-page .vt-portal-mini-features span{width:calc(33.333% - 7px)!important;min-width:0!important;font-size:11px!important;padding:8px 6px!important;}
}

/* v3.37 - Mini özellik altın oran + Son Katılanlar hover tüm public sayfalar
   Kapsam: portal/public CSS. Chat, LiveKit, admin ve oda ekranlarına dokunmaz. */
body.vt-portal-page .vt-portal-mini-features{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
  margin-top:20px!important;
  transform:none!important;
}
body.vt-portal-page .vt-portal-mini-features span{
  width:116px!important;
  min-width:116px!important;
  max-width:116px!important;
  min-height:78px!important;
  height:78px!important;
  padding:8px 10px!important;
  border-radius:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.08!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:-.2px!important;
  white-space:normal!important;
  background:rgba(8,13,30,.58)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.vt-portal-page .vt-portal-mini-features span:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(125,211,252,.42)!important;
  box-shadow:0 10px 28px rgba(14,165,233,.13), inset 0 0 18px rgba(255,255,255,.035)!important;
}
@media (max-width:1500px){
  body.vt-portal-page .vt-portal-mini-features{gap:9px!important;}
  body.vt-portal-page .vt-portal-mini-features span{width:110px!important;min-width:110px!important;max-width:110px!important;height:54px!important;min-height:54px!important;font-size:11.5px!important;padding:7px 8px!important;}
}
@media (max-width:1200px){
  body.vt-portal-page .vt-portal-mini-features{justify-content:flex-start!important;gap:10px!important;}
  body.vt-portal-page .vt-portal-mini-features span{width:116px!important;min-width:116px!important;max-width:116px!important;height:78px!important;min-height:78px!important;font-size:12px!important;}
}
@media (max-width:560px){
  body.vt-portal-page .vt-portal-mini-features{width:100%!important;gap:8px!important;}
  body.vt-portal-page .vt-portal-mini-features span{width:calc(33.333% - 6px)!important;min-width:0!important;max-width:none!important;height:52px!important;min-height:52px!important;font-size:10.5px!important;padding:7px 5px!important;border-radius:14px!important;}
}

/* Son Katılanlar hover - ana sayfa + blog/sayfa/public alanları */
body.vt-public-layout-v313 .vt-public-recent-item,
body.vt-portal-page .vt-public-recent-item,
body.vt-portal-page .vt-recent-item{
  cursor:pointer!important;
  transform:translateY(0) scale(1)!important;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease!important;
  will-change:transform!important;
}
body.vt-public-layout-v313 .vt-public-recent-item:hover,
body.vt-portal-page .vt-public-recent-item:hover,
body.vt-portal-page .vt-recent-item:hover{
  transform:translateY(-4px) scale(1.018)!important;
  background:linear-gradient(135deg,rgba(88,28,135,.30),rgba(14,165,233,.14),rgba(15,23,42,.58))!important;
  border-color:rgba(125,211,252,.38)!important;
  box-shadow:0 14px 32px rgba(14,165,233,.14),0 0 22px rgba(168,85,247,.16)!important;
}
body.vt-public-layout-v313 .vt-public-recent-item img,
body.vt-portal-page .vt-public-recent-item img,
body.vt-portal-page .vt-recent-item img{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
body.vt-public-layout-v313 .vt-public-recent-item:hover img,
body.vt-portal-page .vt-public-recent-item:hover img,
body.vt-portal-page .vt-recent-item:hover img{
  transform:scale(1.06)!important;
  border-color:rgba(236,72,153,.66)!important;
  box-shadow:0 0 16px rgba(236,72,153,.28),0 0 20px rgba(14,165,233,.22)!important;
}
body.vt-public-layout-v313 .vt-public-recent-item i,
body.vt-portal-page .vt-public-recent-item i,
body.vt-portal-page .vt-recent-item i{transition:transform .22s ease,box-shadow .22s ease!important;}
body.vt-public-layout-v313 .vt-public-recent-item:hover i,
body.vt-portal-page .vt-public-recent-item:hover i,
body.vt-portal-page .vt-recent-item:hover i{
  transform:scale(1.28)!important;
  box-shadow:0 0 17px rgba(25,230,122,1),0 0 25px rgba(25,230,122,.42)!important;
}


/* v3.38 - SEO panel footer alanı + modern public footer */
body.vt-portal-page .vt-portal-footer-v268,
body.vt-portal-page .vt-portal-copyline{display:none!important;}
body.vt-portal-page .vt-portal-footer-v338{
  position:relative!important;
  overflow:hidden!important;
  margin:26px 0 0!important;
  padding:18px!important;
  border-radius:26px!important;
  border:1px solid rgba(56,189,248,.18)!important;
  background:linear-gradient(135deg,rgba(8,13,30,.78),rgba(15,23,42,.62),rgba(88,28,135,.18))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05)!important;
  color:#cbd5e1!important;
}
body.vt-portal-page .vt-footer-orb-v338{
  position:absolute!important;
  width:260px!important;height:260px!important;
  right:-90px!important;top:-120px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(168,85,247,.24),rgba(14,165,233,.10),transparent 68%)!important;
  pointer-events:none!important;
}
body.vt-portal-page .vt-footer-main-v338{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(240px,1fr) auto minmax(160px,1fr)!important;
  align-items:center!important;
  gap:22px!important;
}
body.vt-portal-page .vt-footer-brand-v338{
  display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;
}
body.vt-portal-page .vt-footer-brand-v338 img{
  width:142px!important;height:44px!important;object-fit:contain!important;display:block!important;
  filter:drop-shadow(0 0 14px rgba(168,85,247,.20))!important;
}
body.vt-portal-page .vt-footer-brand-v338 b{display:block!important;color:#fff!important;font-size:17px!important;line-height:1.1!important;font-weight:950!important;white-space:nowrap!important;}
body.vt-portal-page .vt-footer-brand-v338 span{display:block!important;color:#93c5fd!important;font-size:12px!important;font-weight:850!important;margin-top:4px!important;}
body.vt-portal-page .vt-footer-links-v338{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;}
body.vt-portal-page .vt-footer-links-v338 a{
  height:38px!important;padding:0 14px!important;border-radius:999px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  color:#dbeafe!important;text-decoration:none!important;font-size:13px!important;font-weight:900!important;
  border:1px solid rgba(148,163,184,.14)!important;background:rgba(15,23,42,.48)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease!important;
}
body.vt-portal-page .vt-footer-links-v338 a:hover{transform:translateY(-2px)!important;border-color:rgba(168,85,247,.45)!important;background:rgba(88,28,135,.24)!important;color:#fff!important;}
body.vt-portal-page .vt-footer-badge-v338{
  justify-self:end!important;height:42px!important;padding:0 16px!important;border-radius:999px!important;
  display:inline-flex!important;align-items:center!important;gap:10px!important;
  background:rgba(2,6,23,.58)!important;border:1px solid rgba(148,163,184,.16)!important;
  color:#fff!important;font-weight:950!important;white-space:nowrap!important;
}
body.vt-portal-page .vt-footer-badge-v338 i{width:10px!important;height:10px!important;border-radius:50%!important;background:#19e67a!important;box-shadow:0 0 14px rgba(25,230,122,.9)!important;}
body.vt-portal-page .vt-footer-bottom-v338{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;
  margin-top:16px!important;padding-top:14px!important;border-top:1px solid rgba(148,163,184,.11)!important;
  color:#94a3b8!important;font-size:13px!important;text-align:center!important;
}
body.vt-portal-page .vt-footer-bottom-v338 strong{color:#c084fc!important;font-weight:950!important;}
@media(max-width:1100px){
  body.vt-portal-page .vt-footer-main-v338{grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;gap:16px!important;}
  body.vt-portal-page .vt-footer-brand-v338{justify-content:center!important;}
  body.vt-portal-page .vt-footer-badge-v338{justify-self:center!important;}
  body.vt-portal-page .vt-footer-bottom-v338{flex-direction:column!important;gap:5px!important;}
}
@media(max-width:560px){
  body.vt-portal-page .vt-portal-footer-v338{border-radius:22px!important;padding:16px 12px!important;margin-top:20px!important;}
  body.vt-portal-page .vt-footer-brand-v338{flex-direction:column!important;gap:8px!important;}
  body.vt-portal-page .vt-footer-brand-v338 img{width:170px!important;max-width:80%!important;}
  body.vt-portal-page .vt-footer-links-v338{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important;}
  body.vt-portal-page .vt-footer-links-v338 a{width:100%!important;padding:0 8px!important;font-size:12px!important;box-sizing:border-box!important;}
}


/* v3.39 - Premium editable footer + admin footer fields */
body.vt-portal-page .vt-portal-footer-v338{display:none!important;}
body.vt-portal-page .vt-portal-footer-v339{
  position:relative!important;overflow:hidden!important;width:100%!important;margin:34px auto 0!important;padding:22px 24px 16px!important;border-radius:30px!important;
  border:1px solid rgba(56,189,248,.18)!important;background:linear-gradient(135deg,rgba(7,12,27,.82),rgba(13,20,42,.72) 48%,rgba(47,18,82,.46))!important;
  box-shadow:0 26px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06)!important;backdrop-filter:blur(18px)!important;
}
body.vt-portal-page .vt-footer-glow-v339{position:absolute!important;inset:auto -8% -65% -8%!important;height:120px!important;background:radial-gradient(circle at 20% 20%,rgba(34,211,238,.22),transparent 42%),radial-gradient(circle at 80% 0,rgba(217,70,239,.24),transparent 46%)!important;pointer-events:none!important;}
body.vt-portal-page .vt-footer-top-v339{position:relative!important;display:grid!important;grid-template-columns:minmax(260px,1fr) auto minmax(190px,1fr)!important;align-items:center!important;gap:22px!important;}
body.vt-portal-page .vt-footer-brand-v339{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;}
body.vt-portal-page .vt-footer-brand-v339 img{width:154px!important;max-width:42vw!important;height:52px!important;object-fit:contain!important;padding:8px 12px!important;border-radius:18px!important;background:rgba(2,6,23,.34)!important;border:1px solid rgba(148,163,184,.14)!important;}
body.vt-portal-page .vt-footer-brand-v339 b{display:block!important;color:#fff!important;font-size:20px!important;line-height:1.05!important;font-weight:950!important;letter-spacing:.01em!important;white-space:nowrap!important;}
body.vt-portal-page .vt-footer-brand-v339 span{display:block!important;margin-top:4px!important;color:#7dd3fc!important;font-size:12px!important;font-weight:850!important;letter-spacing:.02em!important;}
body.vt-portal-page .vt-footer-nav-v339{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important;}
body.vt-portal-page .vt-footer-nav-v339 a{min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 17px!important;border-radius:999px!important;background:rgba(15,23,42,.62)!important;border:1px solid rgba(148,163,184,.15)!important;color:#e5f2ff!important;font-size:13px!important;font-weight:900!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;transition:.22s ease!important;}
body.vt-portal-page .vt-footer-nav-v339 a:hover{transform:translateY(-2px)!important;border-color:rgba(168,85,247,.56)!important;background:rgba(88,28,135,.28)!important;color:#fff!important;box-shadow:0 12px 26px rgba(168,85,247,.14)!important;}
body.vt-portal-page .vt-footer-live-v339{justify-self:end!important;display:grid!important;grid-template-columns:auto auto!important;column-gap:10px!important;align-items:center!important;min-height:52px!important;padding:9px 18px!important;border-radius:999px!important;background:rgba(2,6,23,.50)!important;border:1px solid rgba(148,163,184,.14)!important;color:#fff!important;}
body.vt-portal-page .vt-footer-live-v339 i{grid-row:1/3!important;width:11px!important;height:11px!important;border-radius:50%!important;background:#16f07c!important;box-shadow:0 0 18px rgba(22,240,124,.95)!important;}
body.vt-portal-page .vt-footer-live-v339 strong{font-size:16px!important;font-weight:950!important;line-height:1!important;}
body.vt-portal-page .vt-footer-live-v339 small{color:#94a3b8!important;font-size:11px!important;font-weight:800!important;line-height:1.1!important;}
body.vt-portal-page .vt-footer-mid-v339{position:relative!important;margin:18px auto 0!important;max-width:920px!important;text-align:center!important;}
body.vt-portal-page .vt-footer-mid-v339 p{margin:0!important;color:#cbd5e1!important;font-size:14px!important;line-height:1.65!important;font-weight:650!important;}
body.vt-portal-page .vt-footer-bottom-v339{position:relative!important;margin-top:17px!important;padding-top:14px!important;border-top:1px solid rgba(148,163,184,.11)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;color:#94a3b8!important;font-size:13px!important;}
body.vt-portal-page .vt-footer-bottom-v339 strong{color:#d8b4fe!important;font-weight:950!important;text-align:right!important;}
.vt-admin-modern .vt-footer-admin-grid-v339 .vt-admin-wide-v339{grid-column:1/-1!important;}
@media(max-width:1120px){body.vt-portal-page .vt-footer-top-v339{grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;}body.vt-portal-page .vt-footer-brand-v339{justify-content:center!important;}body.vt-portal-page .vt-footer-live-v339{justify-self:center!important;}body.vt-portal-page .vt-footer-bottom-v339{flex-direction:column!important;text-align:center!important;}body.vt-portal-page .vt-footer-bottom-v339 strong{text-align:center!important;}}
@media(max-width:620px){body.vt-portal-page .vt-portal-footer-v339{padding:18px 14px!important;border-radius:22px!important;margin-top:24px!important;}body.vt-portal-page .vt-footer-brand-v339{flex-direction:column!important;}body.vt-portal-page .vt-footer-brand-v339 img{width:170px!important;}body.vt-portal-page .vt-footer-nav-v339{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;}body.vt-portal-page .vt-footer-nav-v339 a{width:100%!important;padding:0 10px!important;font-size:12px!important;}body.vt-portal-page .vt-footer-mid-v339 p{font-size:13px!important;}}

/* v3.40 - Sade, karizma ve admin panelden düzenlenebilir footer */
body.vt-portal-page .vt-portal-footer-v338,
body.vt-portal-page .vt-portal-footer-v339,
body.vt-portal-page .vt-portal-copyline{display:none!important;}
body.vt-portal-page .vt-clean-footer-v340{
  width:100%!important;
  margin:32px 0 0!important;
  padding:0!important;
  color:#cbd5e1!important;
}
body.vt-portal-page .vt-clean-footer-inner-v340{
  min-height:78px!important;
  padding:16px 22px!important;
  border-radius:28px!important;
  border:1px solid rgba(56,189,248,.20)!important;
  background:linear-gradient(135deg,rgba(7,12,28,.82),rgba(11,18,36,.76))!important;
  box-shadow:0 18px 54px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.05)!important;
  display:grid!important;
  grid-template-columns:minmax(230px,1fr) auto minmax(140px,1fr)!important;
  gap:18px!important;
  align-items:center!important;
}
body.vt-portal-page .vt-clean-footer-brand-v340{
  display:flex!important;align-items:center!important;gap:13px!important;min-width:0!important;
}
body.vt-portal-page .vt-clean-footer-brand-v340 img{
  width:132px!important;height:42px!important;object-fit:contain!important;display:block!important;
  padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
  filter:drop-shadow(0 0 12px rgba(168,85,247,.18))!important;
}
body.vt-portal-page .vt-clean-footer-brand-v340 strong{
  display:block!important;color:#fff!important;font-size:15px!important;line-height:1.1!important;font-weight:950!important;letter-spacing:.01em!important;white-space:nowrap!important;
}
body.vt-portal-page .vt-clean-footer-brand-v340 span{
  display:block!important;margin-top:4px!important;color:#93c5fd!important;font-size:11px!important;font-weight:800!important;line-height:1.15!important;
}
body.vt-portal-page .vt-clean-footer-nav-v340{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important;
}
body.vt-portal-page .vt-clean-footer-nav-v340 a{
  height:36px!important;padding:0 14px!important;border-radius:999px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  color:#dbeafe!important;text-decoration:none!important;font-size:12.5px!important;font-weight:900!important;
  border:1px solid rgba(148,163,184,.13)!important;background:rgba(15,23,42,.40)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease!important;
}
body.vt-portal-page .vt-clean-footer-nav-v340 a.active,
body.vt-portal-page .vt-clean-footer-nav-v340 a:hover{
  transform:translateY(-1px)!important;color:#fff!important;border-color:rgba(168,85,247,.50)!important;background:rgba(88,28,135,.22)!important;
}
body.vt-portal-page .vt-clean-footer-online-v340{
  justify-self:end!important;height:40px!important;padding:0 15px!important;border-radius:999px!important;
  display:inline-flex!important;align-items:center!important;gap:9px!important;
  color:#fff!important;background:rgba(2,6,23,.48)!important;border:1px solid rgba(148,163,184,.14)!important;white-space:nowrap!important;
}
body.vt-portal-page .vt-clean-footer-online-v340 i{width:10px!important;height:10px!important;border-radius:50%!important;background:#18ef7b!important;box-shadow:0 0 16px rgba(24,239,123,.95)!important;}
body.vt-portal-page .vt-clean-footer-online-v340 b{font-size:14px!important;font-weight:950!important;}
body.vt-portal-page .vt-clean-footer-text-v340{
  max-width:980px!important;margin:14px auto 0!important;text-align:center!important;
  color:#94a3b8!important;font-size:13px!important;line-height:1.55!important;font-weight:600!important;
}
body.vt-portal-page .vt-clean-footer-bottom-v340{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;flex-wrap:wrap!important;
  margin-top:10px!important;padding-bottom:8px!important;color:#64748b!important;font-size:12px!important;font-weight:650!important;text-align:center!important;
}
body.vt-portal-page .vt-clean-footer-credit-v340{color:#a78bfa!important;font-weight:850!important;}
@media(max-width:1120px){
  body.vt-portal-page .vt-clean-footer-inner-v340{grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;gap:14px!important;}
  body.vt-portal-page .vt-clean-footer-brand-v340{justify-content:center!important;}
  body.vt-portal-page .vt-clean-footer-online-v340{justify-self:center!important;}
}
@media(max-width:620px){
  body.vt-portal-page .vt-clean-footer-v340{margin-top:24px!important;}
  body.vt-portal-page .vt-clean-footer-inner-v340{padding:16px 12px!important;border-radius:22px!important;}
  body.vt-portal-page .vt-clean-footer-brand-v340{flex-direction:column!important;gap:8px!important;}
  body.vt-portal-page .vt-clean-footer-brand-v340 img{width:150px!important;height:auto!important;}
  body.vt-portal-page .vt-clean-footer-nav-v340{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important;}
  body.vt-portal-page .vt-clean-footer-nav-v340 a{width:100%!important;padding:0 8px!important;box-sizing:border-box!important;font-size:12px!important;}
}

/* v3.41 - Sade, profesyonel ve hatasız footer */
body.vt-portal-page .vt-portal-footer-v338,
body.vt-portal-page .vt-portal-footer-v339,
body.vt-portal-page .vt-clean-footer-v340,
body.vt-portal-page .vt-portal-copyline{display:none!important;}
body.vt-portal-page .vt-clean-footer-v341{
  width:100%!important;
  margin:34px 0 0!important;
  padding:0 0 22px!important;
  color:#cbd5e1!important;
}
body.vt-portal-page .vt-clean-footer-main-v341{
  min-height:74px!important;
  padding:16px 22px!important;
  border-radius:26px!important;
  border:1px solid rgba(56,189,248,.18)!important;
  background:linear-gradient(180deg,rgba(8,13,28,.86),rgba(8,13,28,.58))!important;
  box-shadow:0 22px 60px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045)!important;
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) auto minmax(140px,1fr)!important;
  align-items:center!important;
  gap:18px!important;
}
body.vt-portal-page .vt-clean-footer-brand-v341{min-width:0!important;}
body.vt-portal-page .vt-clean-footer-brand-v341 strong{
  display:block!important;color:#fff!important;font-size:18px!important;line-height:1.05!important;font-weight:950!important;letter-spacing:.01em!important;
}
body.vt-portal-page .vt-clean-footer-brand-v341 span{
  display:block!important;margin-top:6px!important;color:#93c5fd!important;font-size:12px!important;font-weight:800!important;line-height:1.25!important;
}
body.vt-portal-page .vt-clean-footer-nav-v341{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;
}
body.vt-portal-page .vt-clean-footer-nav-v341 a{
  height:36px!important;padding:0 16px!important;border-radius:999px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  color:#dbeafe!important;text-decoration:none!important;font-size:13px!important;font-weight:900!important;
  border:1px solid rgba(148,163,184,.14)!important;background:rgba(15,23,42,.32)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease!important;
}
body.vt-portal-page .vt-clean-footer-nav-v341 a.active,
body.vt-portal-page .vt-clean-footer-nav-v341 a:hover{
  transform:translateY(-1px)!important;color:#fff!important;border-color:rgba(168,85,247,.50)!important;background:rgba(88,28,135,.20)!important;
}
body.vt-portal-page .vt-clean-footer-online-v341{
  justify-self:end!important;height:40px!important;padding:0 16px!important;border-radius:999px!important;
  display:inline-flex!important;align-items:center!important;gap:9px!important;
  color:#fff!important;background:rgba(2,6,23,.46)!important;border:1px solid rgba(148,163,184,.14)!important;white-space:nowrap!important;
}
body.vt-portal-page .vt-clean-footer-online-v341 i{width:10px!important;height:10px!important;border-radius:50%!important;background:#18ef7b!important;box-shadow:0 0 16px rgba(24,239,123,.9)!important;}
body.vt-portal-page .vt-clean-footer-online-v341 b{font-size:14px!important;font-weight:950!important;}
body.vt-portal-page .vt-clean-footer-line-v341{
  width:min(920px,84%)!important;height:1px!important;margin:18px auto 0!important;
  background:linear-gradient(90deg,transparent,rgba(56,189,248,.22),rgba(168,85,247,.26),transparent)!important;
}
body.vt-portal-page .vt-clean-footer-bottom-v341{
  max-width:980px!important;margin:13px auto 0!important;text-align:center!important;
}
body.vt-portal-page .vt-clean-footer-bottom-v341 p{
  margin:0 0 8px!important;color:#94a3b8!important;font-size:13px!important;line-height:1.55!important;font-weight:600!important;
}
body.vt-portal-page .vt-clean-footer-bottom-v341 div{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;flex-wrap:wrap!important;
  color:#64748b!important;font-size:12px!important;font-weight:650!important;
}
body.vt-portal-page .vt-clean-footer-bottom-v341 em{
  font-style:normal!important;color:#a78bfa!important;font-weight:850!important;
}
@media(max-width:1120px){
  body.vt-portal-page .vt-clean-footer-main-v341{grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;gap:14px!important;}
  body.vt-portal-page .vt-clean-footer-online-v341{justify-self:center!important;}
}
@media(max-width:620px){
  body.vt-portal-page .vt-clean-footer-v341{margin-top:24px!important;padding-bottom:16px!important;}
  body.vt-portal-page .vt-clean-footer-main-v341{padding:16px 12px!important;border-radius:22px!important;}
  body.vt-portal-page .vt-clean-footer-nav-v341{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important;}
  body.vt-portal-page .vt-clean-footer-nav-v341 a{width:100%!important;padding:0 8px!important;box-sizing:border-box!important;font-size:12px!important;}
}


/* v3.43 - Karizmatik ortalı sade portal footer */
body.vt-portal-page .vt-clean-footer-v341,
body.vt-portal-page .vt-premium-footer-v342{display:none!important;}
body.vt-portal-page .vt-premium-footer-v343{
  width:min(980px,calc(100% - 28px))!important;
  margin:36px auto 0!important;
  padding:22px 18px 20px!important;
  text-align:center!important;
  color:#cbd5e1!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:24px!important;
  border:1px solid rgba(56,189,248,.12)!important;
  background:linear-gradient(180deg,rgba(5,10,24,.35),rgba(5,10,24,.12))!important;
}
body.vt-portal-page .vt-premium-footer-v343:before{
  content:""!important;
  position:absolute!important;
  left:50%!important;top:0!important;
  transform:translateX(-50%)!important;
  width:72%!important;height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(34,211,238,.44),rgba(168,85,247,.58),transparent)!important;
  opacity:.9!important;
}
body.vt-portal-page .vt-premium-footer-v343:after{
  content:""!important;
  position:absolute!important;
  inset:auto 18% -72px 18%!important;
  height:120px!important;
  background:radial-gradient(circle at 50% 0,rgba(168,85,247,.20),rgba(34,211,238,.08) 42%,transparent 70%)!important;
  filter:blur(20px)!important;
  pointer-events:none!important;
}
body.vt-portal-page .vt-footer-mark-v343{
  position:relative!important;z-index:1!important;
  color:#fff!important;
  font-size:clamp(18px,1.6vw,24px)!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:.015em!important;
  text-shadow:0 0 18px rgba(168,85,247,.22)!important;
}
body.vt-portal-page .vt-footer-line-v343{
  position:relative!important;z-index:1!important;
  width:min(260px,70%)!important;
  height:1px!important;
  margin:10px auto 9px!important;
  background:rgba(148,163,184,.10)!important;
}
body.vt-portal-page .vt-footer-line-v343 span{
  display:block!important;
  width:86px!important;height:2px!important;margin:0 auto!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#22d3ee,#a855f7,#ec4899)!important;
  box-shadow:0 0 18px rgba(168,85,247,.38)!important;
}
body.vt-portal-page .vt-footer-sub-v343{
  position:relative!important;z-index:1!important;
  margin:0!important;
  color:#93c5fd!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:850!important;
  letter-spacing:.025em!important;
}
body.vt-portal-page .vt-footer-text-v343{
  position:relative!important;z-index:1!important;
  max-width:660px!important;
  margin:9px auto 0!important;
  color:#aebbd0!important;
  font-size:13px!important;
  line-height:1.55!important;
  font-weight:650!important;
}
body.vt-portal-page .vt-footer-bottom-v343{
  position:relative!important;z-index:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px 18px!important;
  flex-wrap:wrap!important;
  margin:13px auto 0!important;
  color:#78879b!important;
  font-size:11.5px!important;
  line-height:1.45!important;
  font-weight:700!important;
}
body.vt-portal-page .vt-footer-bottom-v343 em{
  font-style:normal!important;
  color:#b77cff!important;
  font-weight:850!important;
}
@media(max-width:720px){
  body.vt-portal-page .vt-premium-footer-v343{margin-top:26px!important;padding:20px 14px 18px!important;border-radius:20px!important;}
  body.vt-portal-page .vt-footer-bottom-v343{gap:6px!important;flex-direction:column!important;}
}

/* v3.44 - Tek kolon, ortalı, sade ve karizmatik footer */
body.vt-portal-page .vt-portal-footer-v338,
body.vt-portal-page .vt-portal-footer-v339,
body.vt-portal-page .vt-clean-footer-v340,
body.vt-portal-page .vt-clean-footer-v341,
body.vt-portal-page .vt-premium-footer-v342,
body.vt-portal-page .vt-premium-footer-v343{display:none!important;}
body.vt-portal-page .vt-center-footer-v344{
  width:min(1040px,calc(100% - 28px))!important;
  margin:34px auto 0!important;
  padding:22px 18px 20px!important;
  box-sizing:border-box!important;
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-align:center!important;
  border-radius:24px!important;
  border:1px solid rgba(34,211,238,.14)!important;
  background:linear-gradient(180deg,rgba(8,14,31,.58),rgba(5,9,22,.32))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.04)!important;
  min-height:116px!important;
}
body.vt-portal-page .vt-center-footer-v344:before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:0!important;
  transform:translateX(-50%)!important;
  width:min(420px,70%)!important;
  height:2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,#22d3ee,#a855f7,#ec4899,transparent)!important;
  opacity:.75!important;
}
body.vt-portal-page .vt-center-footer-glow-v344{
  position:absolute!important;
  inset:-80px 18% auto 18%!important;
  height:150px!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 50% 0,rgba(168,85,247,.16),rgba(34,211,238,.08) 45%,transparent 72%)!important;
  filter:blur(18px)!important;
}
body.vt-portal-page .vt-center-footer-title-v344{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:clamp(20px,1.8vw,28px)!important;
  line-height:1.12!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  text-shadow:0 0 20px rgba(168,85,247,.22)!important;
}
body.vt-portal-page .vt-center-footer-text-v344{
  position:relative!important;
  z-index:1!important;
  margin:0!important;
  padding:0!important;
  max-width:720px!important;
  color:#aebbd0!important;
  font-size:14px!important;
  line-height:1.55!important;
  font-weight:650!important;
}
body.vt-portal-page .vt-center-footer-copy-v344{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  margin:2px 0 0!important;
  padding:0!important;
  color:#76859a!important;
  font-size:12.5px!important;
  line-height:1.4!important;
  font-weight:700!important;
}
@media(max-width:720px){
  body.vt-portal-page .vt-center-footer-v344{width:calc(100% - 18px)!important;margin-top:26px!important;padding:20px 14px!important;border-radius:20px!important;min-height:108px!important;}
  body.vt-portal-page .vt-center-footer-text-v344{font-size:13px!important;}
  body.vt-portal-page .vt-center-footer-copy-v344{font-size:11.5px!important;}
}

/* v3.45 - Portal son katılanlar yönetimi + kompakt admin menü */
body.vt-portal-page .vt-recent-item,
body.vt-portal-page .vt-public-recent-item{
  transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease!important;
  will-change:transform!important;
}
body.vt-portal-page .vt-recent-item:hover,
body.vt-portal-page .vt-public-recent-item:hover{
  transform:translateY(-4px) scale(1.018)!important;
  border-color:rgba(168,85,247,.45)!important;
  background:rgba(30,41,59,.62)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.34),0 0 22px rgba(168,85,247,.12)!important;
}
body.vt-portal-page .vt-recent-item:hover img,
body.vt-portal-page .vt-public-recent-item:hover img{
  box-shadow:0 0 0 3px rgba(56,189,248,.12),0 0 24px rgba(56,189,248,.26)!important;
}
.vt-portal-user-picker{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:10px 0 22px;max-height:360px;overflow:auto;padding:10px;border-radius:18px;background:rgba(15,23,42,.42);border:1px solid rgba(148,163,184,.16);
}
.vt-portal-user-pick{display:grid!important;grid-template-columns:18px 42px 1fr!important;align-items:center;gap:10px;padding:10px;border-radius:15px;background:rgba(2,6,23,.36);border:1px solid rgba(148,163,184,.13);cursor:pointer;transition:.18s ease;}
.vt-portal-user-pick:hover,.vt-portal-user-pick.is-picked{border-color:rgba(168,85,247,.46);background:rgba(88,28,135,.18);transform:translateY(-2px)}
.vt-portal-user-pick input{width:16px;height:16px;accent-color:#a855f7}.vt-portal-user-pick img{width:42px;height:42px;border-radius:14px;object-fit:cover;border:1px solid rgba(56,189,248,.36)}.vt-portal-user-pick b{display:block;color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vt-portal-user-pick small{display:block;color:#aebddb;font-size:11px;margin-top:2px}.vt-admin-select{height:46px;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:#0f172a;color:#fff;padding:0 14px;font-weight:800;width:100%}
body.admin-pro.vt-admin-modern .admin-sidebar,
body.admin-pro .admin-sidebar,
body.admin-pro.vt-admin-modern .vt-pro-sidebar,
body.admin-pro .vt-pro-sidebar{
  width:230px!important;min-width:230px!important;padding:14px 12px!important;gap:8px!important;overflow-y:auto!important;scrollbar-width:thin!important;
}
body.admin-pro.vt-admin-modern .admin-main,
body.admin-pro .admin-main{margin-left:230px!important;}
body.admin-pro .admin-sidebar .admin-brand,
body.admin-pro.vt-admin-modern .admin-sidebar .admin-brand{font-size:18px!important;padding:12px 12px!important;margin-bottom:8px!important;border-radius:16px!important;}
body.admin-pro .admin-sidebar .admin-brand small,
body.admin-pro.vt-admin-modern .admin-sidebar .admin-brand small{font-size:11px!important;margin-top:2px!important;}
body.admin-pro .admin-sidebar .vt-admin-nav,
body.admin-pro.vt-admin-modern .admin-sidebar .vt-admin-nav{gap:5px!important;}
body.admin-pro .admin-sidebar .vt-admin-nav a,
body.admin-pro.vt-admin-modern .admin-sidebar .vt-admin-nav a,
body.admin-pro .admin-sidebar a:not(.vt-site-return){min-height:38px!important;padding:8px 10px!important;border-radius:12px!important;font-size:13px!important;}
body.admin-pro .admin-sidebar .vt-admin-nav a span,
body.admin-pro.vt-admin-modern .admin-sidebar .vt-admin-nav a span{font-size:16px!important;width:20px!important;}
body.admin-pro .admin-sidebar .vt-admin-nav a b,
body.admin-pro.vt-admin-modern .admin-sidebar .vt-admin-nav a b{font-size:12.5px!important;line-height:1.1!important;}
body.admin-pro .vt-admin-signature-footer{display:none!important;}
body.admin-pro .admin-sidebar .vt-site-return{height:38px!important;margin-top:8px!important;border-radius:12px!important;font-size:12px!important;}
@media(max-width:980px){body.admin-pro.vt-admin-modern .admin-main,body.admin-pro .admin-main{margin-left:0!important}body.admin-pro.vt-admin-modern .admin-sidebar,body.admin-pro .admin-sidebar{width:auto!important;min-width:0!important}}

/* v3.46 - Portal öne çıkarılan üyeler yönetimi okunurluk + performanslı seçim */
.vt-portal-picker-shell{
  margin:10px 0 24px!important;
  border:1px solid #d8e3f2!important;
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
  border-radius:22px!important;
  padding:14px!important;
  box-shadow:0 12px 34px rgba(15,23,42,.06)!important;
}
.vt-portal-picker-toolbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(260px,380px)!important;
  align-items:center!important;
  gap:14px!important;
  margin-bottom:10px!important;
}
.vt-portal-picker-toolbar b{display:block!important;color:#0f172a!important;font-size:15px!important;font-weight:950!important;}
.vt-portal-picker-toolbar small{display:block!important;color:#64748b!important;font-size:12px!important;font-weight:800!important;margin-top:3px!important;}
.vt-portal-picker-search{display:flex!important;align-items:center!important;gap:8px!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:16px!important;padding:0 12px!important;height:46px!important;box-shadow:0 8px 18px rgba(15,23,42,.04)!important;}
.vt-portal-picker-search span{font-size:15px!important;opacity:.75!important;}
.vt-portal-picker-search input{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;width:100%!important;height:auto!important;color:#0f172a!important;font-weight:850!important;outline:0!important;}
.vt-portal-picked-summary{display:inline-flex!important;align-items:center!important;gap:6px!important;margin:0 0 10px!important;padding:7px 10px!important;border-radius:999px!important;background:#eef2ff!important;color:#3730a3!important;border:1px solid #c7d2fe!important;font-size:12px!important;font-weight:950!important;}
.vt-portal-picked-summary span{display:inline-grid!important;place-items:center!important;min-width:22px!important;height:22px!important;border-radius:999px!important;background:#7c3aed!important;color:#fff!important;}
.vt-portal-user-picker{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;
  gap:10px!important;
  max-height:430px!important;
  overflow:auto!important;
  padding:4px 4px 8px!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  scrollbar-width:thin!important;
  contain:content!important;
}
.vt-portal-user-pick{
  display:grid!important;
  grid-template-columns:20px 44px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-height:66px!important;
  padding:10px!important;
  border-radius:18px!important;
  background:#f8fafc!important;
  border:1px solid #d8e3f2!important;
  cursor:pointer!important;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease!important;
  color:#0f172a!important;
}
.vt-portal-user-pick:hover{transform:translateY(-2px)!important;border-color:#93c5fd!important;background:#ffffff!important;box-shadow:0 12px 24px rgba(15,23,42,.08)!important;}
.vt-portal-user-pick.is-picked{border-color:#a855f7!important;background:linear-gradient(135deg,#f5f3ff,#eef2ff)!important;box-shadow:0 12px 28px rgba(124,58,237,.13)!important;}
.vt-portal-user-pick input{width:18px!important;height:18px!important;accent-color:#7c3aed!important;margin:0!important;}
.vt-portal-user-pick img{width:44px!important;height:44px!important;border-radius:15px!important;object-fit:cover!important;border:2px solid #e2e8f0!important;background:#fff!important;}
.vt-portal-user-pick.is-picked img{border-color:#a855f7!important;}
.vt-portal-user-pick b{display:block!important;color:#0f172a!important;font-size:13.5px!important;line-height:1.15!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.vt-portal-user-pick small{display:block!important;color:#475569!important;font-size:11.5px!important;line-height:1.2!important;font-weight:850!important;margin-top:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.vt-portal-user-pick.is-picked small{color:#6d28d9!important;}
@media(max-width:760px){.vt-portal-picker-toolbar{grid-template-columns:1fr!important}.vt-portal-user-picker{grid-template-columns:1fr!important;max-height:360px!important}}

/* v3.46 - kompakt admin menüde imza/footer tekrar görünür ve taşmaz */
body.admin-pro .vt-admin-signature-footer,
body.vt-admin-modern .vt-admin-signature-footer{
  display:grid!important;
  min-height:70px!important;
  margin-top:10px!important;
  padding:10px!important;
  border-radius:16px!important;
  flex:0 0 auto!important;
}
body.admin-pro .admin-sidebar,
body.vt-admin-modern .admin-sidebar,
body.admin-pro .vt-pro-sidebar,
body.vt-admin-modern .vt-pro-sidebar{
  padding-bottom:14px!important;
}
body.admin-pro .vt-admin-signature-credit,
body.vt-admin-modern .vt-admin-signature-credit{font-size:8.5px!important;line-height:1.1!important;}
body.admin-pro .vt-admin-signature-status,
body.vt-admin-modern .vt-admin-signature-status{font-size:8.5px!important;padding:4px 8px!important;margin-top:6px!important;}

/* v3.47 - Portal öne çıkarılacak üyeler sıralama sistemi */
.vt-portal-sort-panel{
  margin:10px 0 14px!important;
  padding:12px!important;
  border:1px solid #ddd6fe!important;
  background:linear-gradient(135deg,#ffffff,#f8f7ff)!important;
  border-radius:18px!important;
  box-shadow:0 10px 22px rgba(88,28,135,.06)!important;
}
.vt-portal-sort-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:10px!important;
}
.vt-portal-sort-head b{color:#111827!important;font-size:14px!important;font-weight:950!important;}
.vt-portal-sort-head small{color:#6d28d9!important;font-size:12px!important;font-weight:900!important;}
.vt-portal-selected-sort{
  display:flex!important;
  gap:8px!important;
  overflow-x:auto!important;
  padding:2px 2px 8px!important;
  scrollbar-width:thin!important;
}
.vt-portal-sort-chip{
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:26px 34px minmax(90px,150px) 44px 30px 30px 30px!important;
  align-items:center!important;
  gap:7px!important;
  min-height:48px!important;
  padding:7px!important;
  border-radius:15px!important;
  background:#fff!important;
  border:1px solid #c4b5fd!important;
  color:#111827!important;
  box-shadow:0 8px 18px rgba(124,58,237,.08)!important;
}
.vt-portal-sort-chip .vt-sort-no{
  display:grid!important;place-items:center!important;width:26px!important;height:26px!important;border-radius:999px!important;
  background:linear-gradient(135deg,#7c3aed,#38bdf8)!important;color:#fff!important;font-size:12px!important;font-weight:950!important;
}
.vt-portal-sort-chip img{width:34px!important;height:34px!important;border-radius:12px!important;object-fit:cover!important;border:2px solid #e9d5ff!important;}
.vt-portal-sort-chip strong{display:block!important;color:#111827!important;font-size:12.5px!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.vt-portal-sort-chip small{display:block!important;color:#6b7280!important;font-size:10.5px!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.vt-portal-sort-chip button{
  width:30px!important;height:30px!important;border-radius:10px!important;border:1px solid #d8b4fe!important;background:#f5f3ff!important;color:#5b21b6!important;
  font-weight:950!important;cursor:pointer!important;padding:0!important;line-height:1!important;transition:.15s ease!important;
}
.vt-portal-sort-chip button:hover{background:#7c3aed!important;color:#fff!important;transform:translateY(-1px)!important;}
.vt-portal-sort-empty{padding:10px 12px!important;border-radius:14px!important;background:#f8fafc!important;border:1px dashed #cbd5e1!important;color:#64748b!important;font-weight:850!important;font-size:12px!important;}
@media(max-width:760px){.vt-portal-sort-chip{grid-template-columns:24px 32px minmax(90px,1fr) 36px 28px 28px 28px!important}.vt-portal-selected-sort{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important}.vt-portal-sort-chip{width:100%!important}}


/* v3.55 - Admin menü gerçek açılır/kapanır kategori sistemi */
body.admin-pro .vt-admin-sidebar-v355,
body.vt-admin-modern .vt-admin-sidebar-v355{
  padding:12px 11px!important;
  gap:7px!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
}

body.admin-pro .vt-admin-brand-v355,
body.vt-admin-modern .vt-admin-brand-v355{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:58px!important;
  margin:0 0 10px!important;
  padding:10px 11px!important;
  border-radius:17px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,rgba(30,41,59,.78),rgba(15,23,42,.58))!important;
  border:1px solid rgba(148,163,184,.16)!important;
  box-shadow:none!important;
}

body.admin-pro .vt-admin-brand-v355 .vt-admin-brand-icon,
body.vt-admin-modern .vt-admin-brand-v355 .vt-admin-brand-icon{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#7c3aed,#06b6d4)!important;
  font-size:18px!important;
}

body.admin-pro .vt-admin-brand-v355 strong,
body.vt-admin-modern .vt-admin-brand-v355 strong{
  display:block!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.08!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.admin-pro .vt-admin-brand-v355 small,
body.vt-admin-modern .vt-admin-brand-v355 small{
  display:block!important;
  margin-top:3px!important;
  color:#93c5fd!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-transform:none!important;
}

body.admin-pro .vt-admin-nav-v355,
body.vt-admin-modern .vt-admin-nav-v355{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  width:100%!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
}

body.admin-pro .vt-admin-menu-group-v355,
body.vt-admin-modern .vt-admin-menu-group-v355{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border-radius:16px!important;
  box-sizing:border-box!important;
  background:rgba(15,23,42,.30)!important;
  border:1px solid rgba(148,163,184,.12)!important;
  overflow:hidden!important;
}

body.admin-pro .vt-admin-menu-group-v355[open],
body.vt-admin-modern .vt-admin-menu-group-v355[open]{
  background:rgba(15,23,42,.38)!important;
  border-color:rgba(99,102,241,.24)!important;
}

body.admin-pro .vt-admin-menu-group-v355 summary,
body.vt-admin-modern .vt-admin-menu-group-v355 summary{
  list-style:none!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  min-height:42px!important;
  padding:10px 11px!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
  color:#dbeafe!important;
  overflow:hidden!important;
  user-select:none!important;
}

body.admin-pro .vt-admin-menu-group-v355 summary::-webkit-details-marker,
body.vt-admin-modern .vt-admin-menu-group-v355 summary::-webkit-details-marker{
  display:none!important;
}

body.admin-pro .vt-admin-menu-group-v355 summary span,
body.vt-admin-modern .vt-admin-menu-group-v355 summary span{
  width:22px!important;
  flex:0 0 22px!important;
  text-align:center!important;
  font-size:16px!important;
}

body.admin-pro .vt-admin-menu-group-v355 summary b,
body.vt-admin-modern .vt-admin-menu-group-v355 summary b{
  min-width:0!important;
  flex:1!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:.45px!important;
  text-transform:uppercase!important;
  color:#93c5fd!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.admin-pro .vt-admin-menu-group-v355 summary em,
body.vt-admin-modern .vt-admin-menu-group-v355 summary em{
  width:17px!important;
  flex:0 0 17px!important;
  font-style:normal!important;
  color:#93c5fd!important;
  text-align:center!important;
  transition:transform .16s ease!important;
}

body.admin-pro .vt-admin-menu-group-v355[open] summary em,
body.vt-admin-modern .vt-admin-menu-group-v355[open] summary em{
  transform:rotate(180deg)!important;
}

body.admin-pro .vt-admin-menu-items-v355,
body.vt-admin-modern .vt-admin-menu-items-v355{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  width:100%!important;
  padding:0 7px 8px 7px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

body.admin-pro .vt-admin-menu-items-v355 a,
body.vt-admin-modern .vt-admin-menu-items-v355 a{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-height:34px!important;
  margin:0!important;
  padding:7px 8px!important;
  border-radius:11px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  color:#dbeafe!important;
  background:transparent!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
}

body.admin-pro .vt-admin-menu-items-v355 a span,
body.vt-admin-modern .vt-admin-menu-items-v355 a span{
  width:21px!important;
  min-width:21px!important;
  flex:0 0 21px!important;
  text-align:center!important;
  font-size:15px!important;
  line-height:1!important;
}

body.admin-pro .vt-admin-menu-items-v355 a b,
body.vt-admin-modern .vt-admin-menu-items-v355 a b{
  min-width:0!important;
  flex:1 1 auto!important;
  font-size:12.5px!important;
  line-height:1.1!important;
  font-weight:850!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.admin-pro .vt-admin-menu-items-v355 a:hover,
body.vt-admin-modern .vt-admin-menu-items-v355 a:hover{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(148,163,184,.10)!important;
}

body.admin-pro .vt-admin-menu-items-v355 a.active,
body.vt-admin-modern .vt-admin-menu-items-v355 a.active{
  background:linear-gradient(135deg,rgba(14,165,233,.28),rgba(124,58,237,.18))!important;
  border-color:rgba(56,189,248,.34)!important;
  color:#fff!important;
}

body.admin-pro .vt-site-return-v355,
body.vt-admin-modern .vt-site-return-v355{
  min-height:36px!important;
  padding:8px 10px!important;
  margin-top:6px!important;
  font-size:12px!important;
}

body.admin-pro .vt-admin-sidebar-v355 .vt-admin-signature-footer,
body.vt-admin-modern .vt-admin-sidebar-v355 .vt-admin-signature-footer{
  margin-top:auto!important;
  padding:8px!important;
  border-radius:15px!important;
  min-height:auto!important;
}

body.admin-pro .vt-admin-sidebar-v355 .vt-admin-signature-logo,
body.vt-admin-modern .vt-admin-sidebar-v355 .vt-admin-signature-logo{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  font-size:15px!important;
}

body.admin-pro .vt-admin-sidebar-v355 .vt-admin-signature-title,
body.vt-admin-modern .vt-admin-sidebar-v355 .vt-admin-signature-title{
  font-size:12px!important;
}

body.admin-pro .vt-admin-sidebar-v355 .vt-admin-signature-sub,
body.vt-admin-modern .vt-admin-sidebar-v355 .vt-admin-signature-sub,
body.admin-pro .vt-admin-sidebar-v355 .vt-admin-signature-credit,
body.vt-admin-modern .vt-admin-sidebar-v355 .vt-admin-signature-credit,
body.admin-pro .vt-admin-sidebar-v355 .vt-admin-signature-status,
body.vt-admin-modern .vt-admin-sidebar-v355 .vt-admin-signature-status{
  font-size:9.5px!important;
  line-height:1.12!important;
}

@media(max-height:760px){
  body.admin-pro .vt-admin-menu-group-v355 summary,
  body.vt-admin-modern .vt-admin-menu-group-v355 summary{
    min-height:38px!important;
    padding:8px 10px!important;
  }
  body.admin-pro .vt-admin-menu-items-v355 a,
  body.vt-admin-modern .vt-admin-menu-items-v355 a{
    min-height:31px!important;
    padding:6px 7px!important;
  }
  body.admin-pro .vt-admin-menu-items-v355 a b,
  body.vt-admin-modern .vt-admin-menu-items-v355 a b{
    font-size:12px!important;
  }
}


/* v3.56 - Admin menü temiz kategori + iç scroll sistemi */
body.admin-pro .vt-admin-sidebar-v356,
body.vt-admin-modern .vt-admin-sidebar-v356{
  padding:12px 10px!important;
  gap:8px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

body.admin-pro .vt-admin-brand-v356,
body.vt-admin-modern .vt-admin-brand-v356{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:78px!important;
  margin:0!important;
  padding:10px!important;
  border-radius:16px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,rgba(30,41,59,.78),rgba(15,23,42,.58))!important;
  border:1px solid rgba(148,163,184,.16)!important;
  flex:0 0 auto!important;
}

body.admin-pro .vt-admin-brand-v356 .vt-admin-brand-icon,
body.vt-admin-modern .vt-admin-brand-v356 .vt-admin-brand-icon{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  border-radius:11px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#7c3aed,#06b6d4)!important;
  font-size:17px!important;
}

body.admin-pro .vt-admin-brand-v356 strong,
body.vt-admin-modern .vt-admin-brand-v356 strong{
  display:block!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.05!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.admin-pro .vt-admin-brand-v356 small,
body.vt-admin-modern .vt-admin-brand-v356 small{
  display:block!important;
  margin-top:3px!important;
  color:#93c5fd!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-transform:none!important;
}

/* Menünün kendisi scroll olur, footer ve çıkış sıkışmaz */
body.admin-pro .vt-admin-nav-v356,
body.vt-admin-modern .vt-admin-nav-v356{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  width:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
  padding-right:3px!important;
  flex:1 1 auto!important;
  min-height:0!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(147,197,253,.45) rgba(15,23,42,.25)!important;
}
body.admin-pro .vt-admin-nav-v356::-webkit-scrollbar,
body.vt-admin-modern .vt-admin-nav-v356::-webkit-scrollbar{width:6px!important;}
body.admin-pro .vt-admin-nav-v356::-webkit-scrollbar-thumb,
body.vt-admin-modern .vt-admin-nav-v356::-webkit-scrollbar-thumb{
  background:rgba(147,197,253,.42)!important;
  border-radius:999px!important;
}
body.admin-pro .vt-admin-nav-v356::-webkit-scrollbar-track,
body.vt-admin-modern .vt-admin-nav-v356::-webkit-scrollbar-track{
  background:rgba(15,23,42,.20)!important;
}

body.admin-pro .vt-admin-menu-group-v356,
body.vt-admin-modern .vt-admin-menu-group-v356{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border-radius:14px!important;
  box-sizing:border-box!important;
  background:rgba(15,23,42,.30)!important;
  border:1px solid rgba(148,163,184,.12)!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
}

body.admin-pro .vt-admin-menu-group-v356[open],
body.vt-admin-modern .vt-admin-menu-group-v356[open]{
  background:rgba(15,23,42,.38)!important;
  border-color:rgba(99,102,241,.24)!important;
}

body.admin-pro .vt-admin-menu-group-v356 summary,
body.vt-admin-modern .vt-admin-menu-group-v356 summary{
  list-style:none!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  min-height:38px!important;
  padding:8px 10px!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
  color:#dbeafe!important;
  overflow:hidden!important;
  user-select:none!important;
}

body.admin-pro .vt-admin-menu-group-v356 summary::-webkit-details-marker,
body.vt-admin-modern .vt-admin-menu-group-v356 summary::-webkit-details-marker{display:none!important;}

body.admin-pro .vt-admin-menu-group-v356 summary span,
body.vt-admin-modern .vt-admin-menu-group-v356 summary span{
  width:21px!important;
  flex:0 0 21px!important;
  text-align:center!important;
  font-size:15px!important;
}

body.admin-pro .vt-admin-menu-group-v356 summary b,
body.vt-admin-modern .vt-admin-menu-group-v356 summary b{
  min-width:0!important;
  flex:1!important;
  font-size:12.5px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:.35px!important;
  text-transform:uppercase!important;
  color:#93c5fd!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.admin-pro .vt-admin-menu-group-v356 summary em,
body.vt-admin-modern .vt-admin-menu-group-v356 summary em{
  width:16px!important;
  flex:0 0 16px!important;
  font-style:normal!important;
  color:#93c5fd!important;
  text-align:center!important;
  transition:transform .16s ease!important;
}

body.admin-pro .vt-admin-menu-group-v356[open] summary em,
body.vt-admin-modern .vt-admin-menu-group-v356[open] summary em{
  transform:rotate(180deg)!important;
}

body.admin-pro .vt-admin-menu-items-v356,
body.vt-admin-modern .vt-admin-menu-items-v356{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  width:100%!important;
  padding:0 7px 8px 7px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

/* Alt menülerde ikon yok: daha temiz ve daha kısa */
body.admin-pro .vt-admin-menu-items-v356 a,
body.vt-admin-modern .vt-admin-menu-items-v356 a{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:30px!important;
  margin:0!important;
  padding:7px 10px 7px 18px!important;
  border-radius:10px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  color:#dbeafe!important;
  background:transparent!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
  position:relative!important;
}
body.admin-pro .vt-admin-menu-items-v356 a:before,
body.vt-admin-modern .vt-admin-menu-items-v356 a:before{
  content:""!important;
  width:5px!important;
  height:5px!important;
  border-radius:999px!important;
  background:rgba(147,197,253,.46)!important;
  position:absolute!important;
  left:8px!important;
  bottom:22px!important;
  transform:none!important;
}

body.admin-pro .vt-admin-menu-items-v356 a b,
body.vt-admin-modern .vt-admin-menu-items-v356 a b{
  min-width:0!important;
  flex:1 1 auto!important;
  font-size:12.5px!important;
  line-height:1.1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.admin-pro .vt-admin-menu-items-v356 a:hover,
body.vt-admin-modern .vt-admin-menu-items-v356 a:hover{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(148,163,184,.10)!important;
}

body.admin-pro .vt-admin-menu-items-v356 a.active,
body.vt-admin-modern .vt-admin-menu-items-v356 a.active{
  background:linear-gradient(135deg,rgba(14,165,233,.28),rgba(124,58,237,.18))!important;
  border-color:rgba(56,189,248,.34)!important;
  color:#fff!important;
}
body.admin-pro .vt-admin-menu-items-v356 a.active:before,
body.vt-admin-modern .vt-admin-menu-items-v356 a.active:before{
  background:#22d3ee!important;
}

/* Çıkış ve imza altta sabit kalır, menü açılınca ezilmez */
body.admin-pro .vt-site-return-v356,
body.vt-admin-modern .vt-site-return-v356{
  min-height:34px!important;
  padding:8px 10px!important;
  margin-top:0!important;
  font-size:12px!important;
  flex:0 0 auto!important;
}

body.admin-pro .vt-admin-signature-v356,
body.vt-admin-modern .vt-admin-signature-v356{
  flex:0 0 auto!important;
  margin-top:0!important;
  padding:8px!important;
  border-radius:14px!important;
  min-height:auto!important;
}

body.admin-pro .vt-admin-signature-v356 .vt-admin-signature-logo,
body.vt-admin-modern .vt-admin-signature-v356 .vt-admin-signature-logo{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  font-size:14px!important;
}

body.admin-pro .vt-admin-signature-v356 .vt-admin-signature-title,
body.vt-admin-modern .vt-admin-signature-v356 .vt-admin-signature-title{
  font-size:12px!important;
}

body.admin-pro .vt-admin-signature-v356 .vt-admin-signature-sub,
body.vt-admin-modern .vt-admin-signature-v356 .vt-admin-signature-sub,
body.admin-pro .vt-admin-signature-v356 .vt-admin-signature-credit,
body.vt-admin-modern .vt-admin-signature-v356 .vt-admin-signature-credit,
body.admin-pro .vt-admin-signature-v356 .vt-admin-signature-status,
body.vt-admin-modern .vt-admin-signature-v356 .vt-admin-signature-status{
  font-size:9px!important;
  line-height:1.1!important;
}

/* Çok alçak ekranlarda footer imzası gizlenir, menü kullanılabilir kalır */
@media(max-height:720px){
  body.admin-pro .vt-admin-signature-v356,
  body.vt-admin-modern .vt-admin-signature-v356{
    display:none!important;
  }
  body.admin-pro .vt-admin-brand-v356,
  body.vt-admin-modern .vt-admin-brand-v356{
    min-height:48px!important;
    padding:8px!important;
  }
  body.admin-pro .vt-admin-brand-v356 strong,
  body.vt-admin-modern .vt-admin-brand-v356 strong{
    font-size:16px!important;
  }
}


/* v3.57 - Kontrol Merkezi direkt sabit menü */
body.admin-pro .vt-dashboard-direct-v357,
body.vt-admin-modern .vt-dashboard-direct-v357{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:40px!important;
  margin:0!important;
  padding:9px 12px 9px 34px!important;
  border-radius:14px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  color:#dbeafe!important;
  background:rgba(15,23,42,.34)!important;
  border:1px solid rgba(148,163,184,.14)!important;
  text-decoration:none!important;
  position:relative!important;
  box-shadow:none!important;
  flex:0 0 auto!important;
}
body.admin-pro .vt-dashboard-direct-v357:before,
body.vt-admin-modern .vt-dashboard-direct-v357:before{
  content:"📊"!important;
  position:absolute!important;
  left:11px!important;
  bottom:22px!important;
  transform:none!important;
  font-size:15px!important;
  line-height:1!important;
}
body.admin-pro .vt-dashboard-direct-v357 b,
body.vt-admin-modern .vt-dashboard-direct-v357 b{
  min-width:0!important;
  flex:1!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.admin-pro .vt-dashboard-direct-v357:hover,
body.vt-admin-modern .vt-dashboard-direct-v357:hover{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(148,163,184,.16)!important;
}
body.admin-pro .vt-dashboard-direct-v357.active,
body.vt-admin-modern .vt-dashboard-direct-v357.active{
  background:linear-gradient(135deg,rgba(14,165,233,.28),rgba(124,58,237,.18))!important;
  border-color:rgba(56,189,248,.34)!important;
  color:#fff!important;
}

body.admin-pro .vt-admin-nav-v357,
body.vt-admin-modern .vt-admin-nav-v357{
  gap:7px!important;
}


/* v3.58 - Admin menü sade başlıklar + alt menü noktasız görünüm */
body.admin-pro .vt-admin-brand-v356 strong,
body.vt-admin-modern .vt-admin-brand-v356 strong{
  font-size:17px!important;
  letter-spacing:.1px!important;
}
body.admin-pro .vt-admin-brand-v356 small,
body.vt-admin-modern .vt-admin-brand-v356 small{
  font-size:11px!important;
  opacity:.95!important;
}

body.admin-pro .vt-admin-menu-group-v356 summary,
body.vt-admin-modern .vt-admin-menu-group-v356 summary{
  min-height:36px!important;
  padding:8px 10px!important;
}

body.admin-pro .vt-admin-menu-group-v356 summary span,
body.vt-admin-modern .vt-admin-menu-group-v356 summary span{
  width:20px!important;
  flex:0 0 20px!important;
  font-size:15px!important;
}

body.admin-pro .vt-admin-menu-group-v356 summary b,
body.vt-admin-modern .vt-admin-menu-group-v356 summary b{
  font-size:13px!important;
  letter-spacing:.25px!important;
  text-transform:none!important;
  color:#bfdbfe!important;
}

/* Alt kategori isimlerinin başındaki nokta sembolünü kaldır */
body.admin-pro .vt-admin-menu-items-v356 a:before,
body.vt-admin-modern .vt-admin-menu-items-v356 a:before{
  display:none!important;
  content:none!important;
}

body.admin-pro .vt-admin-menu-items-v356 a,
body.vt-admin-modern .vt-admin-menu-items-v356 a{
  min-height:29px!important;
  padding:7px 10px!important;
  border-radius:9px!important;
}

body.admin-pro .vt-admin-menu-items-v356 a b,
body.vt-admin-modern .vt-admin-menu-items-v356 a b{
  font-size:12.5px!important;
  font-weight:800!important;
}

/* Kategori kartlarını biraz daha derli toplu yap */
body.admin-pro .vt-admin-menu-group-v356,
body.vt-admin-modern .vt-admin-menu-group-v356{
  border-radius:13px!important;
}

body.admin-pro .vt-admin-menu-items-v356,
body.vt-admin-modern .vt-admin-menu-items-v356{
  padding:0 7px 7px 7px!important;
  gap:2px!important;
}


/* v3.63 - Admin panel üst logo hizalama düzeltmesi */
body.admin-pro .vt-admin-logo-fix-v363,
body.vt-admin-modern .vt-admin-logo-fix-v363{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:74px!important;
  padding:14px 16px!important;
  margin:0 0 14px 0!important;
  border-radius:22px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,rgba(30,41,59,.82),rgba(15,23,42,.62))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:none!important;
  text-align:left!important;
}

body.admin-pro .vt-admin-logo-icon-v363,
body.vt-admin-modern .vt-admin-logo-icon-v363{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  flex:0 0 52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,#7c3aed,#06b6d4)!important;
  font-size:24px!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}

body.admin-pro .vt-admin-logo-text-v363,
body.vt-admin-modern .vt-admin-logo-text-v363{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  min-width:0!important;
  flex:1 1 auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

body.admin-pro .vt-admin-logo-text-v363 strong,
body.vt-admin-modern .vt-admin-logo-text-v363 strong{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:26px!important;
  font-weight:950!important;
  line-height:1.02!important;
  letter-spacing:-.4px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:left!important;
}

body.admin-pro .vt-admin-logo-text-v363 small,
body.vt-admin-modern .vt-admin-logo-text-v363 small{
  display:block!important;
  width:100%!important;
  margin:6px 0 0 0!important;
  padding:0!important;
  color:#a8b3c7!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.05!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:left!important;
}

/* Eski admin-brand kurallarının logo alanını dikey bozmasını engelle */
body.admin-pro .admin-brand.vt-admin-logo-fix-v363 small,
body.vt-admin-modern .admin-brand.vt-admin-logo-fix-v363 small{
  position:static!important;
}

@media(max-width:900px){
  body.admin-pro .vt-admin-logo-text-v363 strong,
  body.vt-admin-modern .vt-admin-logo-text-v363 strong{
    font-size:22px!important;
  }
  body.admin-pro .vt-admin-logo-icon-v363,
  body.vt-admin-modern .vt-admin-logo-icon-v363{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
  }
}


/* v3.64 - Admin üst logo yatay final + Kontrol Merkezi hizası */
/* En son eklenen kurallar olduğu için eski logo CSS'lerini ezer. */

body.admin-pro .admin-sidebar,
body.vt-admin-modern .admin-sidebar,
body.admin-pro .vt-pro-sidebar,
body.vt-admin-modern .vt-pro-sidebar{
  overflow-x:hidden!important;
}

/* Üst logo: mikrofon solda, yazılar sağda */
body.admin-pro .admin-brand.vt-admin-brand-hfinal,
body.vt-admin-modern .admin-brand.vt-admin-brand-hfinal{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:72px!important;
  height:72px!important;
  margin:0 0 14px 0!important;
  padding:12px 14px!important;
  border-radius:20px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,rgba(30,41,59,.82),rgba(15,23,42,.62))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:none!important;
  text-align:left!important;
  line-height:1!important;
}

body.admin-pro .vt-admin-brand-hicon,
body.vt-admin-modern .vt-admin-brand-hicon{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  flex:0 0 44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#7c3aed,#06b6d4)!important;
  font-size:21px!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  position:static!important;
}

body.admin-pro .vt-admin-brand-htext,
body.vt-admin-modern .vt-admin-brand-htext{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  flex:1 1 auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  line-height:1!important;
  position:static!important;
}

body.admin-pro .vt-admin-brand-htext strong,
body.vt-admin-modern .vt-admin-brand-htext strong{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:23px!important;
  font-weight:950!important;
  line-height:1.02!important;
  letter-spacing:-.25px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:left!important;
  text-transform:none!important;
}

body.admin-pro .vt-admin-brand-htext small,
body.vt-admin-modern .vt-admin-brand-htext small,
body.admin-pro .admin-brand.vt-admin-brand-hfinal small,
body.vt-admin-modern .admin-brand.vt-admin-brand-hfinal small{
  display:block!important;
  width:100%!important;
  margin:5px 0 0 0!important;
  padding:0!important;
  color:#a8b3c7!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1.05!important;
  letter-spacing:1.4px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:left!important;
  position:static!important;
}

/* Kaynakta eski logo sınıfları kalırsa yine yatay davranmaya zorla */
body.admin-pro .vt-admin-logo-fix-v363,
body.vt-admin-modern .vt-admin-logo-fix-v363{
  flex-direction:row!important;
  align-items:center!important;
  min-height:72px!important;
  height:72px!important;
}

/* Kontrol Merkezi: ikon yazıya binmesin */
body.admin-pro .vt-dashboard-direct-v357,
body.vt-admin-modern .vt-dashboard-direct-v357,
body.admin-pro .vt-admin-dashboard-final,
body.vt-admin-modern .vt-admin-dashboard-final{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-height:44px!important;
  padding:10px 12px!important;
  margin:0!important;
  border-radius:15px!important;
  overflow:hidden!important;
  text-align:left!important;
  position:relative!important;
}

/* Eski :before ikonunu kapat, gerçek span ikon varsa onu kullan */
body.admin-pro .vt-dashboard-direct-v357:before,
body.vt-admin-modern .vt-dashboard-direct-v357:before{
  display:none!important;
  content:none!important;
}

body.admin-pro .vt-dashboard-direct-v357,
body.vt-admin-modern .vt-dashboard-direct-v357{
  padding-left:12px!important;
}

body.admin-pro .vt-dashboard-direct-v357::after,
body.vt-admin-modern .vt-dashboard-direct-v357::after{
  content:"📊"!important;
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:17px!important;
  line-height:1!important;
  order:0!important;
  position:static!important;
  margin:0!important;
  padding:0!important;
}

body.admin-pro .vt-dashboard-direct-v357 b,
body.vt-admin-modern .vt-dashboard-direct-v357 b,
body.admin-pro .vt-admin-dashboard-final b,
body.vt-admin-modern .vt-admin-dashboard-final b{
  order:1!important;
  min-width:0!important;
  flex:1 1 auto!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  margin:0!important;
  padding:0!important;
}

/* Alt menüde görünen nokta/kayma olmasın */
body.admin-pro .vt-admin-menu-items-v356 a:before,
body.vt-admin-modern .vt-admin-menu-items-v356 a:before,
body.admin-pro .vt-admin-menu-items-v356 a.active:before,
body.vt-admin-modern .vt-admin-menu-items-v356 a.active:before,
body.admin-pro .vt-admin-subitem-final:before,
body.vt-admin-modern .vt-admin-subitem-final:before{
  display:none!important;
  content:none!important;
}

@media(max-width:900px){
  body.admin-pro .vt-admin-brand-htext strong,
  body.vt-admin-modern .vt-admin-brand-htext strong{
    font-size:20px!important;
  }
  body.admin-pro .vt-admin-brand-hicon,
  body.vt-admin-modern .vt-admin-brand-hicon{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    flex-basis:40px!important;
  }
}


/* v3.65 - Admin panel genel logo final fix */
/* Hangi admin sayfası eski class ile gelirse gelsin logo yatay kalır. */

body.admin-pro .admin-sidebar .admin-brand,
body.vt-admin-modern .admin-sidebar .admin-brand,
body.admin-pro .vt-pro-sidebar .admin-brand,
body.vt-admin-modern .vt-pro-sidebar .admin-brand{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:72px!important;
  height:72px!important;
  margin:0 0 14px 0!important;
  padding:12px 14px!important;
  border-radius:20px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,rgba(30,41,59,.82),rgba(15,23,42,.62))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:none!important;
  text-align:left!important;
  line-height:1!important;
  font-size:0!important;
}

body.admin-pro .admin-sidebar .admin-brand.vt-admin-brand-hfinal,
body.vt-admin-modern .admin-sidebar .admin-brand.vt-admin-brand-hfinal{
  display:flex!important;
}

/* Yeni logo ikon */
body.admin-pro .vt-admin-brand-hicon,
body.vt-admin-modern .vt-admin-brand-hicon{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  flex:0 0 44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#7c3aed,#06b6d4)!important;
  font-size:21px!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  position:static!important;
}

/* Yeni logo yazı */
body.admin-pro .vt-admin-brand-htext,
body.vt-admin-modern .vt-admin-brand-htext{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  flex:1 1 auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  line-height:1!important;
  position:static!important;
}

body.admin-pro .vt-admin-brand-htext strong,
body.vt-admin-modern .vt-admin-brand-htext strong{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:23px!important;
  font-weight:950!important;
  line-height:1.02!important;
  letter-spacing:-.25px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:left!important;
  text-transform:none!important;
}

body.admin-pro .vt-admin-brand-htext small,
body.vt-admin-modern .vt-admin-brand-htext small{
  display:block!important;
  width:100%!important;
  margin:5px 0 0 0!important;
  padding:0!important;
  color:#a8b3c7!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1.05!important;
  letter-spacing:1.4px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:left!important;
  position:static!important;
}

/* Eski logo class'ları sayfalarda kalırsa da yatay davranır */
body.admin-pro .vt-admin-logo-fix-v363,
body.vt-admin-modern .vt-admin-logo-fix-v363,
body.admin-pro .vt-admin-brand-v356,
body.vt-admin-modern .vt-admin-brand-v356{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  min-height:72px!important;
  height:72px!important;
  font-size:0!important;
}

/* Eski admin-brand içinde direkt metin kalırsa kırpmayı engelle */
body.admin-pro .admin-sidebar .admin-brand > small,
body.vt-admin-modern .admin-sidebar .admin-brand > small{
  position:static!important;
}

@media(max-width:900px){
  body.admin-pro .vt-admin-brand-htext strong,
  body.vt-admin-modern .vt-admin-brand-htext strong{
    font-size:20px!important;
  }
  body.admin-pro .vt-admin-brand-hicon,
  body.vt-admin-modern .vt-admin-brand-hicon{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    flex-basis:40px!important;
  }
}


/* v3.66 - Kontrol Merkezi global hizalama düzeltmesi */

/* Kontrol Merkezi üzerindeki eski pseudo ikonları tamamen kapat */
body.admin-pro .vt-dashboard-direct-v357::before,
body.admin-pro .vt-dashboard-direct-v357::after,
body.vt-admin-modern .vt-dashboard-direct-v357::before,
body.vt-admin-modern .vt-dashboard-direct-v357::after,
body.admin-pro .vt-admin-dashboard-final::before,
body.admin-pro .vt-admin-dashboard-final::after,
body.vt-admin-modern .vt-admin-dashboard-final::before,
body.vt-admin-modern .vt-admin-dashboard-final::after,
body.admin-pro .admin-sidebar a[href="index.php"]:first-of-type::before,
body.admin-pro .admin-sidebar a[href="index.php"]:first-of-type::after,
body.vt-admin-modern .admin-sidebar a[href="index.php"]:first-of-type::before,
body.vt-admin-modern .admin-sidebar a[href="index.php"]:first-of-type::after{
  display:none!important;
  content:none!important;
}

/* Kontrol Merkezi linkini her admin sayfasında aynı hizaya zorla */
body.admin-pro .vt-dashboard-direct-v357,
body.vt-admin-modern .vt-dashboard-direct-v357,
body.admin-pro .vt-admin-dashboard-final,
body.vt-admin-modern .vt-admin-dashboard-final,
body.admin-pro .vt-admin-nav-final > a[href="index.php"],
body.vt-admin-modern .vt-admin-nav-final > a[href="index.php"],
body.admin-pro .vt-admin-nav-v356 > a[href="index.php"],
body.vt-admin-modern .vt-admin-nav-v356 > a[href="index.php"],
body.admin-pro .vt-admin-nav-v357 > a[href="index.php"],
body.vt-admin-modern .vt-admin-nav-v357 > a[href="index.php"],
body.admin-pro .admin-sidebar a[href="index.php"]:first-of-type,
body.vt-admin-modern .admin-sidebar a[href="index.php"]:first-of-type{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:11px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:46px!important;
  padding:11px 13px!important;
  margin:0!important;
  border-radius:16px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  text-align:left!important;
  position:relative!important;
}

/* Kontrol Merkezi ikon span hizası */
body.admin-pro .vt-dashboard-direct-v357 span,
body.vt-admin-modern .vt-dashboard-direct-v357 span,
body.admin-pro .vt-admin-dashboard-final span,
body.vt-admin-modern .vt-admin-dashboard-final span,
body.admin-pro .admin-sidebar a[href="index.php"]:first-of-type span,
body.vt-admin-modern .admin-sidebar a[href="index.php"]:first-of-type span{
  width:24px!important;
  min-width:24px!important;
  flex:0 0 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:18px!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  transform:none!important;
}

/* Kontrol Merkezi yazısı */
body.admin-pro .vt-dashboard-direct-v357 b,
body.vt-admin-modern .vt-dashboard-direct-v357 b,
body.admin-pro .vt-admin-dashboard-final b,
body.vt-admin-modern .vt-admin-dashboard-final b,
body.admin-pro .admin-sidebar a[href="index.php"]:first-of-type b,
body.vt-admin-modern .admin-sidebar a[href="index.php"]:first-of-type b{
  min-width:0!important;
  flex:1 1 auto!important;
  display:block!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  transform:none!important;
  order:2!important;
}

/* Önceki padding-left kaynaklı yazı kaymasını kapat */
body.admin-pro .vt-dashboard-direct-v357,
body.vt-admin-modern .vt-dashboard-direct-v357{
  padding-left:13px!important;
}


/* v3.67 - Kontrol Merkezi tüm admin sayfalarında aynı sade görünüm */

/* Eski pseudo ikonları kapat */
body.admin-pro .vt-dashboard-direct-v357::before,
body.admin-pro .vt-dashboard-direct-v357::after,
body.vt-admin-modern .vt-dashboard-direct-v357::before,
body.vt-admin-modern .vt-dashboard-direct-v357::after,
body.admin-pro .admin-sidebar a[href="index.php"]:first-of-type::before,
body.admin-pro .admin-sidebar a[href="index.php"]:first-of-type::after,
body.vt-admin-modern .admin-sidebar a[href="index.php"]:first-of-type::before,
body.vt-admin-modern .admin-sidebar a[href="index.php"]:first-of-type::after{
  display:none!important;
  content:none!important;
}

/* Kontrol Merkezi sade ikon + yazı */
body.admin-pro .vt-dashboard-direct-v357,
body.vt-admin-modern .vt-dashboard-direct-v357,
body.admin-pro .admin-sidebar a[href="index.php"]:first-of-type,
body.vt-admin-modern .admin-sidebar a[href="index.php"]:first-of-type{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:13px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:46px!important;
  padding:8px 12px!important;
  margin:0 0 6px 0!important;
  border-radius:14px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  text-decoration:none!important;
  background:transparent!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  color:#cbd5e1!important;
}

/* Aktifken de sade, sadece hafif vurgu */
body.admin-pro .vt-dashboard-direct-v357.active,
body.vt-admin-modern .vt-dashboard-direct-v357.active,
body.admin-pro .admin-sidebar a[href="index.php"]:first-of-type.active,
body.vt-admin-modern .admin-sidebar a[href="index.php"]:first-of-type.active{
  background:rgba(14,165,233,.12)!important;
  border-color:rgba(56,189,248,.22)!important;
  color:#fff!important;
}

/* İkon tam solda, metne binmez */
body.admin-pro .vt-dashboard-direct-v357 span,
body.vt-admin-modern .vt-dashboard-direct-v357 span,
body.admin-pro .admin-sidebar a[href="index.php"]:first-of-type span,
body.vt-admin-modern .admin-sidebar a[href="index.php"]:first-of-type span{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  flex:0 0 34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:22px!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  transform:none!important;
}

/* Yazı screenshot'taki gibi net */
body.admin-pro .vt-dashboard-direct-v357 b,
body.vt-admin-modern .vt-dashboard-direct-v357 b,
body.admin-pro .admin-sidebar a[href="index.php"]:first-of-type b,
body.vt-admin-modern .admin-sidebar a[href="index.php"]:first-of-type b{
  min-width:0!important;
  flex:1 1 auto!important;
  display:block!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1.1!important;
  color:inherit!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  transform:none!important;
}

/* Hover sade */
body.admin-pro .vt-dashboard-direct-v357:hover,
body.vt-admin-modern .vt-dashboard-direct-v357:hover,
body.admin-pro .admin-sidebar a[href="index.php"]:first-of-type:hover,
body.vt-admin-modern .admin-sidebar a[href="index.php"]:first-of-type:hover{
  background:rgba(255,255,255,.05)!important;
  border-color:rgba(148,163,184,.12)!important;
}

/* Eski class ile gelen dashboard final için de aynı görünüm */
body.admin-pro .vt-admin-dashboard-final,
body.vt-admin-modern .vt-admin-dashboard-final{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  min-height:46px!important;
  padding:8px 12px!important;
  background:transparent!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
}
body.admin-pro .vt-admin-dashboard-final span,
body.vt-admin-modern .vt-admin-dashboard-final span{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  flex:0 0 34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:22px!important;
}
body.admin-pro .vt-admin-dashboard-final b,
body.vt-admin-modern .vt-admin-dashboard-final b{
  font-size:17px!important;
  font-weight:900!important;
}


/* v3.68 - Admin sol panel genişlik + Kontrol Merkezi ikon final */

/* Admin panel sol kolon bir tık genişletildi */
body.admin-pro,
body.vt-admin-modern{
  grid-template-columns:300px 1fr!important;
}

/* Sol sidebar içi de yeni genişliğe göre rahatlasın */
body.admin-pro .admin-sidebar,
body.vt-admin-modern .admin-sidebar,
body.admin-pro .vt-pro-sidebar,
body.vt-admin-modern .vt-pro-sidebar{
  width:300px!important;
  min-width:300px!important;
  max-width:300px!important;
  box-sizing:border-box!important;
}

/* Marka kartındaki yazılar artık kesilmesin */
body.admin-pro .vt-admin-brand-htext strong,
body.vt-admin-modern .vt-admin-brand-htext strong,
body.admin-pro .vt-admin-brand-final-text strong,
body.vt-admin-modern .vt-admin-brand-final-text strong,
body.admin-pro .vt-admin-logo-text-v363 strong,
body.vt-admin-modern .vt-admin-logo-text-v363 strong{
  font-size:22px!important;
  letter-spacing:-.35px!important;
}

body.admin-pro .vt-admin-brand-htext small,
body.vt-admin-modern .vt-admin-brand-htext small,
body.admin-pro .vt-admin-brand-final-text small,
body.vt-admin-modern .vt-admin-brand-final-text small,
body.admin-pro .vt-admin-logo-text-v363 small,
body.vt-admin-modern .vt-admin-logo-text-v363 small{
  font-size:11px!important;
  letter-spacing:1px!important;
}

/* Kontrol Merkezi: ikon kesin geri gelir ve yazıya binmez */
body.admin-pro .vt-dashboard-direct-v357::before,
body.admin-pro .vt-dashboard-direct-v357::after,
body.vt-admin-modern .vt-dashboard-direct-v357::before,
body.vt-admin-modern .vt-dashboard-direct-v357::after,
body.admin-pro .vt-admin-dashboard-final::before,
body.admin-pro .vt-admin-dashboard-final::after,
body.vt-admin-modern .vt-admin-dashboard-final::before,
body.vt-admin-modern .vt-admin-dashboard-final::after{
  display:none!important;
  content:none!important;
}

body.admin-pro .vt-dashboard-direct-v357,
body.vt-admin-modern .vt-dashboard-direct-v357,
body.admin-pro .vt-admin-dashboard-final,
body.vt-admin-modern .vt-admin-dashboard-final,
body.admin-pro .admin-sidebar a[href="index.php"]:first-of-type,
body.vt-admin-modern .admin-sidebar a[href="index.php"]:first-of-type{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:13px!important;
  min-height:48px!important;
  padding:10px 14px!important;
  border-radius:16px!important;
  background:rgba(15,23,42,.34)!important;
  border:1px solid rgba(148,163,184,.14)!important;
  box-shadow:none!important;
}

body.admin-pro .vt-dashboard-direct-v357 span,
body.vt-admin-modern .vt-dashboard-direct-v357 span,
body.admin-pro .vt-admin-dashboard-final span,
body.vt-admin-modern .vt-admin-dashboard-final span,
body.admin-pro .admin-sidebar a[href="index.php"]:first-of-type span,
body.vt-admin-modern .admin-sidebar a[href="index.php"]:first-of-type span{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  flex:0 0 34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:22px!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  transform:none!important;
}

body.admin-pro .vt-dashboard-direct-v357 b,
body.vt-admin-modern .vt-dashboard-direct-v357 b,
body.admin-pro .vt-admin-dashboard-final b,
body.vt-admin-modern .vt-admin-dashboard-final b,
body.admin-pro .admin-sidebar a[href="index.php"]:first-of-type b,
body.vt-admin-modern .admin-sidebar a[href="index.php"]:first-of-type b{
  min-width:0!important;
  flex:1 1 auto!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.admin-pro .vt-dashboard-direct-v357.active,
body.vt-admin-modern .vt-dashboard-direct-v357.active,
body.admin-pro .vt-admin-dashboard-final.active,
body.vt-admin-modern .vt-admin-dashboard-final.active,
body.admin-pro .admin-sidebar a[href="index.php"]:first-of-type.active,
body.vt-admin-modern .admin-sidebar a[href="index.php"]:first-of-type.active{
  background:linear-gradient(135deg,rgba(14,165,233,.26),rgba(124,58,237,.18))!important;
  border-color:rgba(56,189,248,.34)!important;
}

/* Mobilde tek kolon yapısı bozulmasın */
@media(max-width:850px){
  body.admin-pro,
  body.vt-admin-modern{
    grid-template-columns:1fr!important;
  }
  body.admin-pro .admin-sidebar,
  body.vt-admin-modern .admin-sidebar,
  body.admin-pro .vt-pro-sidebar,
  body.vt-admin-modern .vt-pro-sidebar{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}


/* v3.74 footer sadeleştirme */
.vt-admin-signature-credit,
.vt-admin-signature-status{
    display:none !important;
}
.vt-admin-signature{
    min-height:72px !important;
    padding:12px !important;
}


/* v3.75 - Sadece admin Kontrol Merkezi UX düzeltmesi */
/* Amaç: üst alanı küçültmek, canlı komutayı yukarı almak, iç içe scrollu kaldırmak. */
body.admin-pro.vt-dashboard-live-page,
body.vt-admin-modern.vt-dashboard-live-page{
  height:auto!important;
  min-height:100vh!important;
  overflow-y:auto!important;
}

body.admin-pro.vt-dashboard-live-page .admin-main,
body.vt-admin-modern.vt-dashboard-live-page .admin-main{
  padding:18px 18px 28px!important;
  min-height:100vh!important;
  overflow:visible!important;
}

/* Üst başlık kompakt */
body.vt-dashboard-live-page .vt-admin-hero{
  min-height:auto!important;
  padding:14px 18px!important;
  margin-bottom:12px!important;
  border-radius:22px!important;
  box-shadow:0 14px 38px rgba(15,23,42,.16)!important;
}
body.vt-dashboard-live-page .vt-admin-hero h1{
  font-size:24px!important;
  line-height:1.05!important;
  margin:3px 0 2px!important;
}
body.vt-dashboard-live-page .vt-admin-hero p{
  font-size:13px!important;
  line-height:1.25!important;
}
body.vt-dashboard-live-page .vt-kicker{
  padding:4px 9px!important;
  font-size:10px!important;
}
body.vt-dashboard-live-page .vt-head-actions button{
  padding:9px 12px!important;
  border-radius:12px!important;
  font-size:12px!important;
}

/* İstatistik kartları tek satır, daha kısa */
body.vt-dashboard-live-page .stat-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin-bottom:12px!important;
}
body.vt-dashboard-live-page .stat-grid div{
  padding:12px 14px!important;
  min-height:58px!important;
  border-radius:16px!important;
  margin-bottom:0!important;
}
body.vt-dashboard-live-page .stat-grid b{
  font-size:26px!important;
  line-height:1!important;
}
body.vt-dashboard-live-page .stat-grid span{
  font-size:12px!important;
}

/* Canlı Komuta yukarı ve kompakt */
body.vt-dashboard-live-page .vt-dashboard-command{
  margin-top:12px!important;
  padding:14px!important;
  border-radius:20px!important;
  overflow:visible!important;
}

body.vt-dashboard-live-page .vt-dashboard-command .vt-card-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding-bottom:10px!important;
  margin-bottom:12px!important;
}
body.vt-dashboard-live-page .vt-dashboard-command .vt-card-title h2{
  font-size:21px!important;
  line-height:1.1!important;
}
body.vt-dashboard-live-page .vt-dashboard-command .vt-card-title span{
  font-size:10px!important;
}
body.vt-dashboard-live-page .vt-dashboard-command .vt-card-title small{
  padding:6px 9px!important;
  font-size:12px!important;
}

/* Sayfa içinde sayfa hissini kaldır: canlı alan kendi içinde scroll yapmasın */
body.vt-dashboard-live-page #vtLiveAdminRoot,
body.vt-dashboard-live-page .vt-live-admin-root{
  overflow:visible!important;
  max-height:none!important;
  height:auto!important;
}

body.vt-dashboard-live-page .vt-live-toolbar{
  position:static!important;
  top:auto!important;
  padding:12px!important;
  border-radius:18px!important;
  margin-bottom:10px!important;
}
body.vt-dashboard-live-page .vt-live-toolbar input,
body.vt-dashboard-live-page .vt-live-toolbar .vt-live-search{
  min-height:42px!important;
}
body.vt-dashboard-live-page .vt-live-toolbar button{
  padding:9px 12px!important;
  border-radius:11px!important;
}

/* Oda kartları daha kompakt */
body.vt-dashboard-live-page .vt-live-room-card{
  padding:10px!important;
  border-radius:18px!important;
  margin-bottom:10px!important;
}
body.vt-dashboard-live-page .vt-live-room-head{
  padding:6px 6px 10px!important;
}
body.vt-dashboard-live-page .vt-live-room-head b{
  font-size:16px!important;
}
body.vt-dashboard-live-page .vt-live-room-head small{
  font-size:11px!important;
}

/* Odalar açıldığında kullanıcı kartları da ana sayfa scrolluna akar */
body.vt-dashboard-live-page .vt-live-users,
body.vt-dashboard-live-page .vt-live-user-list{
  overflow:visible!important;
  max-height:none!important;
  height:auto!important;
}

/* Küçük ekran/laptopta daha da kompakt */
@media(max-height:820px){
  body.vt-dashboard-live-page .vt-admin-hero{
    padding:12px 16px!important;
    margin-bottom:10px!important;
  }
  body.vt-dashboard-live-page .vt-admin-hero h1{
    font-size:22px!important;
  }
  body.vt-dashboard-live-page .stat-grid div{
    padding:10px 12px!important;
    min-height:52px!important;
  }
  body.vt-dashboard-live-page .stat-grid b{
    font-size:23px!important;
  }
  body.vt-dashboard-live-page .vt-dashboard-command{
    padding:12px!important;
    margin-top:10px!important;
  }
}

@media(max-width:720px){
  body.vt-dashboard-live-page .stat-grid{
    grid-template-columns:1fr!important;
  }
  body.vt-dashboard-live-page .vt-dashboard-command .vt-card-title{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}


/* v3.76 - Admin üst logo SEO Yönetimi > Logo ayarından okunur */
body.admin-pro .admin-sidebar .vt-admin-image-brand-v371,
body.vt-admin-modern .admin-sidebar .vt-admin-image-brand-v371,
body.admin-pro .vt-pro-sidebar .vt-admin-image-brand-v371,
body.vt-admin-modern .vt-pro-sidebar .vt-admin-image-brand-v371{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:78px!important;
    min-height:78px!important;
    max-height:78px!important;
    margin:0 0 14px 0!important;
    padding:12px 14px!important;
    border-radius:20px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    background:linear-gradient(135deg,rgba(30,41,59,.82),rgba(15,23,42,.62))!important;
    border:1px solid rgba(148,163,184,.18)!important;
    box-shadow:none!important;
    font-size:0!important;
    line-height:1!important;
}

body.admin-pro .admin-sidebar .vt-admin-image-brand-v371 > img,
body.vt-admin-modern .admin-sidebar .vt-admin-image-brand-v371 > img,
body.admin-pro .vt-pro-sidebar .vt-admin-image-brand-v371 > img,
body.vt-admin-modern .vt-pro-sidebar .vt-admin-image-brand-v371 > img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:82%!important;
    max-height:48px!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0 auto!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    position:static!important;
}

body.admin-pro .vt-admin-logo-text-fallback-v372,
body.vt-admin-modern .vt-admin-logo-text-fallback-v372{
    color:#fff!important;
    font-size:22px!important;
    font-weight:950!important;
    letter-spacing:-.2px!important;
}

@media(max-height:760px){
    body.admin-pro .admin-sidebar .vt-admin-image-brand-v371,
    body.vt-admin-modern .admin-sidebar .vt-admin-image-brand-v371{
        height:70px!important;
        min-height:70px!important;
        max-height:70px!important;
        padding:10px 14px!important;
        margin-bottom:10px!important;
    }
    body.admin-pro .admin-sidebar .vt-admin-image-brand-v371 > img,
    body.vt-admin-modern .admin-sidebar .vt-admin-image-brand-v371 > img{
        max-height:44px!important;
    }
}


/* v3.77 - Admin logo profesyonel oran düzeltmesi */
/* SEO Yönetimi logo dosyası okunur; ama admin sol menüde asla kırpılmaz, taşmaz, büyümez. */

body.admin-pro .admin-sidebar .vt-admin-image-brand-v371,
body.vt-admin-modern .admin-sidebar .vt-admin-image-brand-v371,
body.admin-pro .vt-pro-sidebar .vt-admin-image-brand-v371,
body.vt-admin-modern .vt-pro-sidebar .vt-admin-image-brand-v371{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:74px!important;
    min-height:74px!important;
    max-height:74px!important;
    margin:0 0 14px 0!important;
    padding:12px 16px!important;
    border-radius:20px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    background:linear-gradient(135deg,rgba(30,41,59,.82),rgba(15,23,42,.62))!important;
    border:1px solid rgba(148,163,184,.18)!important;
    box-shadow:none!important;
    font-size:0!important;
    line-height:0!important;
}

/* Görselin gerçek oranı korunur. Geniş logo bile kart içine küçülerek sığar. */
body.admin-pro .admin-sidebar .vt-admin-image-brand-v371 > img,
body.vt-admin-modern .admin-sidebar .vt-admin-image-brand-v371 > img,
body.admin-pro .vt-pro-sidebar .vt-admin-image-brand-v371 > img,
body.vt-admin-modern .vt-pro-sidebar .vt-admin-image-brand-v371 > img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:172px!important;
    max-height:44px!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0 auto!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    position:static!important;
    min-width:0!important;
    min-height:0!important;
}

/* SEO sayfası veya başka admin sayfasındaki genel img kuralları logo kartına işlemeyecek */
body.admin-pro .admin-sidebar .vt-admin-image-brand-v371 img[src],
body.vt-admin-modern .admin-sidebar .vt-admin-image-brand-v371 img[src],
body.admin-pro .vt-pro-sidebar .vt-admin-image-brand-v371 img[src],
body.vt-admin-modern .vt-pro-sidebar .vt-admin-image-brand-v371 img[src]{
    width:auto!important;
    height:auto!important;
    max-width:172px!important;
    max-height:44px!important;
    object-fit:contain!important;
    object-position:center!important;
}

/* Çok küçük yükseklikteki laptop ekranlarında biraz daha kompakt */
@media(max-height:760px){
    body.admin-pro .admin-sidebar .vt-admin-image-brand-v371,
    body.vt-admin-modern .admin-sidebar .vt-admin-image-brand-v371,
    body.admin-pro .vt-pro-sidebar .vt-admin-image-brand-v371,
    body.vt-admin-modern .vt-pro-sidebar .vt-admin-image-brand-v371{
        height:66px!important;
        min-height:66px!important;
        max-height:66px!important;
        padding:10px 14px!important;
        margin-bottom:10px!important;
    }

    body.admin-pro .admin-sidebar .vt-admin-image-brand-v371 > img,
    body.vt-admin-modern .admin-sidebar .vt-admin-image-brand-v371 > img,
    body.admin-pro .vt-pro-sidebar .vt-admin-image-brand-v371 > img,
    body.vt-admin-modern .vt-pro-sidebar .vt-admin-image-brand-v371 > img{
        max-width:158px!important;
        max-height:38px!important;
    }
}

/* Dar admin panelde logo yine kırpılmaz */
@media(max-width:900px){
    body.admin-pro .admin-sidebar .vt-admin-image-brand-v371 > img,
    body.vt-admin-modern .admin-sidebar .vt-admin-image-brand-v371 > img,
    body.admin-pro .vt-pro-sidebar .vt-admin-image-brand-v371 > img,
    body.vt-admin-modern .vt-pro-sidebar .vt-admin-image-brand-v371 > img{
        max-width:150px!important;
        max-height:38px!important;
    }
}


/* v3.78 - Admin logo kesin sabit ölçü: tüm sayfalarda aynı */
/* Çok yüksek specificity + inline style fallback ile sayfadan sayfaya büyüme engellenir. */

html body.admin-pro .admin-sidebar .admin-brand.vt-admin-image-brand-v378,
html body.vt-admin-modern .admin-sidebar .admin-brand.vt-admin-image-brand-v378,
html body.admin-pro .vt-pro-sidebar .admin-brand.vt-admin-image-brand-v378,
html body.vt-admin-modern .vt-pro-sidebar .admin-brand.vt-admin-image-brand-v378,
html body.admin-pro .admin-sidebar div.vt-admin-image-brand-v378,
html body.vt-admin-modern .admin-sidebar div.vt-admin-image-brand-v378{
    width:100%!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    flex:0 0 72px!important;
    margin:0 0 14px 0!important;
    padding:12px 16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    border-radius:20px!important;
    background:linear-gradient(135deg,rgba(30,41,59,.82),rgba(15,23,42,.62))!important;
    border:1px solid rgba(148,163,184,.18)!important;
    box-shadow:none!important;
    font-size:0!important;
    line-height:0!important;
}

html body.admin-pro .admin-sidebar .vt-admin-image-brand-v378 > img.vt-admin-logo-img-v378,
html body.vt-admin-modern .admin-sidebar .vt-admin-image-brand-v378 > img.vt-admin-logo-img-v378,
html body.admin-pro .vt-pro-sidebar .vt-admin-image-brand-v378 > img.vt-admin-logo-img-v378,
html body.vt-admin-modern .vt-pro-sidebar .vt-admin-image-brand-v378 > img.vt-admin-logo-img-v378,
html body.admin-pro .admin-sidebar .vt-admin-image-brand-v378 img,
html body.vt-admin-modern .admin-sidebar .vt-admin-image-brand-v378 img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    max-width:170px!important;
    max-height:42px!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0 auto!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    position:static!important;
    inset:auto!important;
}

/* Eski v371/v372/v377 logo kuralları sayfadan sayfaya farklı davranmasın diye aynı ölçüye çekildi */
html body.admin-pro .admin-sidebar .vt-admin-image-brand-v371,
html body.vt-admin-modern .admin-sidebar .vt-admin-image-brand-v371,
html body.admin-pro .vt-pro-sidebar .vt-admin-image-brand-v371,
html body.vt-admin-modern .vt-pro-sidebar .vt-admin-image-brand-v371{
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    flex:0 0 72px!important;
}
html body.admin-pro .admin-sidebar .vt-admin-image-brand-v371 > img,
html body.vt-admin-modern .admin-sidebar .vt-admin-image-brand-v371 > img,
html body.admin-pro .vt-pro-sidebar .vt-admin-image-brand-v371 > img,
html body.vt-admin-modern .vt-pro-sidebar .vt-admin-image-brand-v371 > img{
    max-width:170px!important;
    max-height:42px!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
}

@media(max-height:760px){
    html body.admin-pro .admin-sidebar .admin-brand.vt-admin-image-brand-v378,
    html body.vt-admin-modern .admin-sidebar .admin-brand.vt-admin-image-brand-v378,
    html body.admin-pro .vt-pro-sidebar .admin-brand.vt-admin-image-brand-v378,
    html body.vt-admin-modern .vt-pro-sidebar .admin-brand.vt-admin-image-brand-v378{
        height:66px!important;
        min-height:66px!important;
        max-height:66px!important;
        flex-basis:66px!important;
        padding:10px 14px!important;
        margin-bottom:10px!important;
    }
    html body.admin-pro .admin-sidebar .vt-admin-image-brand-v378 > img.vt-admin-logo-img-v378,
    html body.vt-admin-modern .admin-sidebar .vt-admin-image-brand-v378 > img.vt-admin-logo-img-v378{
        max-width:158px!important;
        max-height:38px!important;
    }
}

/* v3.81 - Mobil kişi işlem/ceza menüsü scroll ve kilitlenme düzeltmesi
   Sadece #vtMobileUserModal alanına uygulanır; oda, chat, LiveKit ve admin fonksiyonlarına dokunmaz. */
@media(max-width:840px){
  body.vt-mobile-user-actions-open{
    overflow:hidden!important;
    touch-action:none!important;
  }
  #vtMobileUserModal.vt-mobile-user-modal:not(.hidden){
    position:fixed!important;
    inset:0!important;
    z-index:2147483000!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    padding:12px 10px max(12px,env(safe-area-inset-bottom))!important;
    overscroll-behavior:contain!important;
    touch-action:none!important;
  }
  #vtMobileUserModal .vt-mum-backdrop{
    position:fixed!important;
    inset:0!important;
    touch-action:none!important;
  }
  #vtMobileUserModal .vt-mum-card{
    width:min(460px,100%)!important;
    max-height:min(86dvh,calc(100vh - 28px))!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    border-radius:26px 26px 20px 20px!important;
    padding:14px 14px max(14px,env(safe-area-inset-bottom))!important;
    touch-action:auto!important;
  }
  #vtMobileUserModal .vt-mum-head{
    flex:0 0 auto!important;
    margin-bottom:10px!important;
    padding-bottom:12px!important;
  }
  #vtMobileUserModal .vt-mum-actions{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    padding:2px 2px 12px!important;
    touch-action:pan-y!important;
  }
  #vtMobileUserModal .vt-mum-actions button{
    flex:0 0 auto!important;
  }
}
@supports not (height:100dvh){
  @media(max-width:840px){
    #vtMobileUserModal .vt-mum-card{max-height:calc(100vh - 28px)!important;}
  }
}


/* v3.82 - Mobil kişi işlem/ceza menüsü kesin scroll düzeltmesi
   Sadece #vtMobileUserModal alanını etkiler. Amaç: menü açıkken ekran donmasını
   ve en alttaki "Odaya taşı" gibi butonlara erişememe sorununu çözmek. */
@media(max-width:840px){
  body.vt-mobile-user-actions-open{
    overflow:hidden!important;
    position:fixed!important;
    width:100%!important;
    left:0!important;
    right:0!important;
    touch-action:auto!important;
  }
  #vtMobileUserModal.vt-mobile-user-modal:not(.hidden){
    position:fixed!important;
    inset:0!important;
    z-index:2147483640!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    padding:10px 10px max(10px,env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    touch-action:auto!important;
    overscroll-behavior:none!important;
  }
  #vtMobileUserModal .vt-mum-backdrop{
    position:fixed!important;
    inset:0!important;
    touch-action:none!important;
  }
  #vtMobileUserModal .vt-mum-card{
    position:relative!important;
    width:min(460px,100%)!important;
    height:auto!important;
    max-height:calc(100dvh - 20px)!important;
    max-height:calc(100svh - 20px)!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    padding:14px 14px max(14px,env(safe-area-inset-bottom))!important;
    margin:0!important;
    transform:none!important;
    touch-action:auto!important;
    overscroll-behavior:contain!important;
  }
  #vtMobileUserModal .vt-mum-head{
    flex:0 0 auto!important;
    margin-bottom:10px!important;
    padding-bottom:12px!important;
  }
  #vtMobileUserModal .vt-mum-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 132px - env(safe-area-inset-bottom))!important;
    max-height:calc(100svh - 132px - env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
    padding:2px 2px 28px!important;
  }
  #vtMobileUserModal .vt-mum-actions button{
    min-height:78px!important;
    flex:0 0 auto!important;
    touch-action:manipulation!important;
  }
}
@media(max-width:380px), (max-height:680px){
  #vtMobileUserModal .vt-mum-actions{grid-template-columns:1fr!important;}
  #vtMobileUserModal .vt-mum-actions button{min-height:52px!important;}
  #vtMobileUserModal .vt-mum-head img{width:52px!important;height:52px!important;}
}
@supports not (height:100svh){
  @media(max-width:840px){
    #vtMobileUserModal .vt-mum-card{max-height:calc(100vh - 20px)!important;}
    #vtMobileUserModal .vt-mum-actions{max-height:calc(100vh - 132px)!important;}
  }
}


/* V3.87 - Mobil Odaya Taşı: arama alanı kaldırıldı, liste kişi listesi gibi tam kaydırmalı */
.vt-move-tools,.vt-move-search,.vt-move-count{display:none!important}
@media(max-width:640px){
  .vt-move-room-modal{align-items:flex-end!important;justify-content:center!important;padding:0!important;overscroll-behavior:contain!important;}
  .vt-move-card{height:calc(96dvh - env(safe-area-inset-top))!important;max-height:calc(96dvh - env(safe-area-inset-top))!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;}
  .vt-move-head{position:relative!important;top:auto!important;flex:0 0 auto!important;padding-bottom:10px!important;}
  .vt-move-sub{margin-bottom:0!important;}
  .vt-move-list{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior:contain!important;padding-top:4px!important;padding-bottom:calc(34px + env(safe-area-inset-bottom))!important;}
  .vt-move-list button{min-height:52px!important;}
}

/* v4.05 - Kamera popup izleyici sayısı ve küçük self-view */
.vt-camera-viewer-badge{
  position:absolute!important;
  right:14px!important;
  bottom:12px!important;
  z-index:4!important;
  background:rgba(15,23,42,.78)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  padding:6px 12px!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 10px 24px rgba(0,0,0,.35)!important;
  backdrop-filter:blur(10px)!important;
}
.vt-camera-self-view{
  position:absolute!important;
  right:14px!important;
  top:62px!important;
  z-index:4!important;
  width:150px!important;
  height:92px!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#000!important;
  border:2px solid rgba(255,255,255,.78)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.55)!important;
}
.vt-camera-self-view video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  background:#000!important;
}
.vt-camera-self-view span{
  position:absolute!important;
  left:7px!important;
  bottom:6px!important;
  background:rgba(0,0,0,.62)!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:3px 7px!important;
  font-size:11px!important;
  font-weight:900!important;
}
@media(max-width:700px){
  .vt-camera-viewer-badge{
    right:10px!important;
    bottom:10px!important;
    padding:6px 10px!important;
    font-size:12px!important;
  }
  .vt-camera-self-view{
    right:10px!important;
    top:58px!important;
    width:108px!important;
    height:72px!important;
    border-radius:13px!important;
  }
  .video-modal-label{
    max-width:calc(100% - 128px)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}


/* v4.06 - Modern kamera penceresi: PC yatay, mobil kamera oranına göre; self-view mobil görünürlük düzeltmesi */
.video-modal:not(.hidden){
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(0,0,0,.82)!important;
  padding:20px!important;
}
.video-modal-box{
  width:min(980px,94vw)!important;
  aspect-ratio:16/9!important;
  max-height:86svh!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#05070b!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 30px 110px rgba(0,0,0,.82)!important;
  position:relative!important;
}
.video-modal-box.vt-cam-portrait{
  width:min(430px,92vw)!important;
  aspect-ratio:9/16!important;
  max-height:88svh!important;
}
.video-modal-box.vt-cam-square{
  width:min(620px,92vw)!important;
  aspect-ratio:1/1!important;
  max-height:86svh!important;
}
#videoModalContent{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  background:#000!important;
  position:relative!important;
  overflow:hidden!important;
}
#videoModalContent video{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#000!important;
  display:block!important;
}
.video-modal-box.vt-cam-portrait #videoModalContent video{
  object-fit:cover!important;
}
.video-modal-label{
  left:14px!important;
  bottom:14px!important;
  right:auto!important;
  max-width:calc(100% - 150px)!important;
  z-index:8!important;
  background:rgba(0,0,0,.62)!important;
  backdrop-filter:blur(10px)!important;
}
.vt-camera-viewer-badge{
  left:14px!important;
  right:auto!important;
  top:14px!important;
  bottom:auto!important;
  z-index:8!important;
  background:rgba(15,23,42,.72)!important;
}
.vt-camera-self-view{
  right:14px!important;
  bottom:14px!important;
  top:auto!important;
  z-index:9!important;
  width:168px!important;
  height:104px!important;
  border-radius:18px!important;
  border:2px solid rgba(255,255,255,.82)!important;
}
#closeVideoModal{
  z-index:10!important;
  right:14px!important;
  top:14px!important;
  background:rgba(239,68,68,.96)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.35)!important;
}
@media(max-width:700px){
  .video-modal:not(.hidden){
    padding:8px!important;
    padding-top:calc(8px + env(safe-area-inset-top))!important;
    padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;
  }
  .video-modal-box{
    width:96vw!important;
    aspect-ratio:16/10!important;
    max-height:78svh!important;
    border-radius:20px!important;
  }
  .video-modal-box.vt-cam-portrait{
    width:min(94vw,430px)!important;
    height:min(82svh,760px)!important;
    aspect-ratio:9/16!important;
    max-height:82svh!important;
  }
  .video-modal-box.vt-cam-square{
    width:94vw!important;
    aspect-ratio:1/1!important;
    max-height:78svh!important;
  }
  .video-modal-box.vt-cam-portrait #videoModalContent video{
    object-fit:cover!important;
  }
  .vt-camera-self-view{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    right:10px!important;
    bottom:10px!important;
    top:auto!important;
    width:112px!important;
    height:76px!important;
    border-radius:14px!important;
  }
  .vt-camera-viewer-badge{
    left:10px!important;
    top:10px!important;
    right:auto!important;
    bottom:auto!important;
    font-size:12px!important;
    padding:7px 10px!important;
  }
  .video-modal-label{
    left:10px!important;
    bottom:10px!important;
    max-width:calc(100% - 134px)!important;
    font-size:12px!important;
    padding:6px 10px!important;
  }
  #closeVideoModal{
    right:10px!important;
    top:10px!important;
    width:48px!important;
    height:38px!important;
    font-size:24px!important;
  }
}
@media(max-width:700px) and (orientation:landscape){
  .video-modal-box,
  .video-modal-box.vt-cam-portrait,
  .video-modal-box.vt-cam-square{
    width:min(92vw,900px)!important;
    height:min(86svh,520px)!important;
    aspect-ratio:16/9!important;
    max-height:86svh!important;
  }
  #videoModalContent video{object-fit:contain!important;}
  .vt-camera-self-view{width:118px!important;height:74px!important;}
}

/* v4.10 - Kamera UI net düzeltme: izleyici sayısı sol alt/nick üstü, self-view ve fullscreen overlay uyumu */
#videoModalContent .vt-camera-viewer-badge{
  left:14px!important;
  right:auto!important;
  top:auto!important;
  bottom:48px!important;
  z-index:12!important;
  background:rgba(15,23,42,.78)!important;
}
.vt-camera-fullscreen-btn{
  position:absolute!important;
  right:58px!important;
  top:14px!important;
  z-index:13!important;
  width:48px!important;
  height:38px!important;
  border:0!important;
  border-radius:12px!important;
  background:rgba(15,23,42,.82)!important;
  color:#fff!important;
  font-size:20px!important;
  font-weight:900!important;
  line-height:38px!important;
  text-align:center!important;
  cursor:pointer!important;
  box-shadow:0 12px 28px rgba(0,0,0,.35)!important;
  backdrop-filter:blur(10px)!important;
}
.vt-camera-fullscreen-btn:hover{background:rgba(30,41,59,.94)!important;}
.vt-camera-self-view{
  width:118px!important;
  height:178px!important;
  border-radius:18px!important;
}
.video-modal-box:fullscreen,
.video-modal-box:-webkit-full-screen{
  width:100vw!important;
  height:100vh!important;
  max-height:100vh!important;
  aspect-ratio:auto!important;
  border-radius:0!important;
  border:0!important;
}
.video-modal-box:fullscreen #videoModalContent,
.video-modal-box:-webkit-full-screen #videoModalContent{
  width:100%!important;
  height:100%!important;
}
@media(max-width:700px){
  #videoModalContent .vt-camera-viewer-badge{
    left:10px!important;
    right:auto!important;
    top:auto!important;
    bottom:44px!important;
    font-size:12px!important;
    padding:7px 10px!important;
  }
  .vt-camera-self-view{
    width:92px!important;
    height:146px!important;
    right:10px!important;
    bottom:10px!important;
  }
  .vt-camera-fullscreen-btn{
    right:54px!important;
    top:10px!important;
    width:48px!important;
    height:38px!important;
    line-height:38px!important;
  }
}
@media(orientation:landscape){
  .vt-camera-self-view{
    width:138px!important;
    height:86px!important;
  }
}

/* v4.11 - Mobil tam ekran kamera düzeni: iki pencere, ortalama ve self-view koruması */
.video-modal:not(.hidden){
  align-items:center!important;
  justify-content:center!important;
  overscroll-behavior:contain!important;
}
.video-modal-box.vt-has-self-view:fullscreen,
.video-modal-box.vt-has-self-view:-webkit-full-screen{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
  background:#000!important;
}
.video-modal-box.vt-has-self-view:fullscreen #videoModalContent,
.video-modal-box.vt-has-self-view:-webkit-full-screen #videoModalContent{
  flex:1 1 50%!important;
  width:100%!important;
  height:50vh!important;
  min-height:0!important;
}
.video-modal-box.vt-has-self-view:fullscreen .vt-camera-self-view,
.video-modal-box.vt-has-self-view:-webkit-full-screen .vt-camera-self-view{
  position:relative!important;
  inset:auto!important;
  flex:1 1 50%!important;
  width:100%!important;
  height:50vh!important;
  max-width:none!important;
  max-height:none!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.18)!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#000!important;
  z-index:2!important;
}
.video-modal-box.vt-has-self-view:fullscreen .vt-camera-self-view video,
.video-modal-box.vt-has-self-view:-webkit-full-screen .vt-camera-self-view video{
  object-fit:contain!important;
  width:100%!important;
  height:100%!important;
}
.video-modal-box.vt-has-self-view:fullscreen .vt-camera-self-view span,
.video-modal-box.vt-has-self-view:-webkit-full-screen .vt-camera-self-view span{
  left:12px!important;
  bottom:12px!important;
  font-size:12px!important;
}
@media(max-width:700px){
  .video-modal:not(.hidden){
    padding:8px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .video-modal-box:fullscreen,
  .video-modal-box:-webkit-full-screen{
    width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
  }
  .video-modal-box.vt-has-self-view:fullscreen,
  .video-modal-box.vt-has-self-view:-webkit-full-screen{
    padding:0!important;
    border-radius:0!important;
  }
  .video-modal-box.vt-has-self-view:fullscreen #videoModalContent,
  .video-modal-box.vt-has-self-view:-webkit-full-screen #videoModalContent,
  .video-modal-box.vt-has-self-view:fullscreen .vt-camera-self-view,
  .video-modal-box.vt-has-self-view:-webkit-full-screen .vt-camera-self-view{
    height:50dvh!important;
    flex-basis:50dvh!important;
  }
  .video-modal-box.vt-has-self-view:fullscreen #videoModalContent video,
  .video-modal-box.vt-has-self-view:-webkit-full-screen #videoModalContent video,
  .video-modal-box.vt-has-self-view:fullscreen .vt-camera-self-view video,
  .video-modal-box.vt-has-self-view:-webkit-full-screen .vt-camera-self-view video{
    object-fit:contain!important;
  }
  .video-modal-box.vt-has-self-view:fullscreen #closeVideoModal,
  .video-modal-box.vt-has-self-view:-webkit-full-screen #closeVideoModal,
  .video-modal-box.vt-has-self-view:fullscreen .vt-camera-fullscreen-btn,
  .video-modal-box.vt-has-self-view:-webkit-full-screen .vt-camera-fullscreen-btn{
    top:calc(8px + env(safe-area-inset-top))!important;
  }
}
@media(max-width:700px) and (orientation:landscape){
  .video-modal-box.vt-has-self-view:fullscreen,
  .video-modal-box.vt-has-self-view:-webkit-full-screen{
    flex-direction:row!important;
  }
  .video-modal-box.vt-has-self-view:fullscreen #videoModalContent,
  .video-modal-box.vt-has-self-view:-webkit-full-screen #videoModalContent,
  .video-modal-box.vt-has-self-view:fullscreen .vt-camera-self-view,
  .video-modal-box.vt-has-self-view:-webkit-full-screen .vt-camera-self-view{
    width:50vw!important;
    height:100dvh!important;
    flex:1 1 50%!important;
  }
  .video-modal-box.vt-has-self-view:fullscreen .vt-camera-self-view,
  .video-modal-box.vt-has-self-view:-webkit-full-screen .vt-camera-self-view{
    border-top:0!important;
    border-left:1px solid rgba(255,255,255,.18)!important;
  }
}


/* v4.12 - Kamera izleyici rozeti kompakt + mobil tam ekran iki pencere self-view doldurma */
.vt-camera-viewer-badge,
#videoModalContent .vt-camera-viewer-badge{
  font-size:11px!important;
  padding:4px 7px!important;
  line-height:1!important;
  border-radius:999px!important;
  min-width:auto!important;
  letter-spacing:0!important;
  opacity:.92!important;
}
@media(max-width:700px){
  .vt-camera-viewer-badge,
  #videoModalContent .vt-camera-viewer-badge{
    font-size:10px!important;
    padding:3px 6px!important;
    bottom:38px!important;
  }
}
/* Mobil tam ekranda ikiye bölünmüş görünümde alttaki kendi kamera siyah boşluk bırakmadan alanı doldursun */
@media(max-width:700px){
  .video-modal-box.vt-has-self-view:fullscreen .vt-camera-self-view video,
  .video-modal-box.vt-has-self-view:-webkit-full-screen .vt-camera-self-view video{
    object-fit:cover!important;
    width:100%!important;
    height:100%!important;
    background:#000!important;
  }
  .video-modal-box.vt-has-self-view:fullscreen .vt-camera-self-view,
  .video-modal-box.vt-has-self-view:-webkit-full-screen .vt-camera-self-view{
    display:block!important;
    overflow:hidden!important;
    background:#000!important;
  }
}

/* v4.13a - Mobil iOS PiP/ikiye bölme modunda kendi kamera alt alanı tamamen doldursun */
.video-modal-box.vt-camera-pip-mode.vt-has-self-view,
.video-modal-box.vt-camera-presentation-mode.vt-has-self-view{
  position:relative!important;
}
.video-modal-box.vt-camera-pip-mode.vt-has-self-view .vt-camera-self-view{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  z-index:15!important;
  background:#000!important;
}
.video-modal-box.vt-camera-pip-mode.vt-has-self-view .vt-camera-self-view video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  background:#000!important;
}
.video-modal-box.vt-camera-pip-mode.vt-has-self-view .vt-camera-self-view span{
  left:14px!important;
  bottom:14px!important;
  font-size:13px!important;
  padding:5px 10px!important;
  z-index:16!important;
}
.video-modal-box.vt-camera-pip-mode.vt-has-self-view #videoModalContent > video{
  opacity:.01!important;
}
.video-modal-box.vt-camera-pip-mode.vt-has-self-view #videoModalContent .video-modal-label,
.video-modal-box.vt-camera-pip-mode.vt-has-self-view #videoModalContent .vt-camera-viewer-badge{
  display:none!important;
}
@media(max-width:700px){
  .video-modal-box.vt-camera-pip-mode.vt-has-self-view{
    width:96vw!important;
    height:min(56svh,420px)!important;
    max-height:min(56svh,420px)!important;
    aspect-ratio:auto!important;
    margin:auto!important;
    overflow:hidden!important;
  }
  .video-modal-box.vt-camera-pip-mode.vt-has-self-view .vt-camera-self-view{
    border-radius:18px!important;
  }
  .video-modal-box.vt-camera-pip-mode.vt-has-self-view .vt-camera-self-view video{
    object-fit:cover!important;
  }
  .video-modal-box.vt-camera-pip-mode.vt-has-self-view #closeVideoModal{
    z-index:20!important;
  }
}

/* v4.18c - Portal ve chat yatay logo modu: admin panel logosuna dokunmaz */
body.vt-portal-page .vt-portal-nav{
  grid-template-columns:minmax(230px,280px) 1fr 150px!important;
  align-items:center!important;
}
body.vt-portal-page .vt-portal-brand{
  width:260px!important;
  max-width:260px!important;
  min-width:0!important;
  height:82px!important;
  max-height:82px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
}
body.vt-portal-page .vt-portal-brand strong{display:none!important;}
body.vt-portal-page .vt-portal-logo{
  width:260px!important;
  max-width:260px!important;
  height:82px!important;
  max-height:82px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  display:block!important;
  transform:none!important;
}
body.vt-portal-page .vt-portal-logo img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
@media(max-width:1200px){
  body.vt-portal-page .vt-portal-nav{grid-template-columns:minmax(205px,230px) 1fr 135px!important;}
  body.vt-portal-page .vt-portal-brand,
  body.vt-portal-page .vt-portal-logo{width:220px!important;max-width:220px!important;height:70px!important;max-height:70px!important;}
}
@media(max-width:760px){
  body.vt-portal-page .vt-portal-nav{grid-template-columns:1fr!important;justify-items:center!important;gap:10px!important;}
  body.vt-portal-page .vt-portal-brand,
  body.vt-portal-page .vt-portal-logo{width:230px!important;max-width:230px!important;height:72px!important;max-height:72px!important;}
}

body.room-v8 .vt-chat-logo-block{
  margin:4px 12px 10px!important;
  min-height:74px!important;
  height:74px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.room-v8 .vt-chat-logo-block:before{display:none!important;content:none!important;}
body.room-v8 .vt-chat-logo-block img{
  width:220px!important;
  max-width:220px!important;
  height:70px!important;
  max-height:70px!important;
  object-fit:contain!important;
  display:block!important;
  padding:0!important;
  margin:0 auto!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
@media(max-width:900px){
  body.room-v8 .vt-chat-logo-block{height:62px!important;min-height:62px!important;margin:4px 10px 8px!important;}
  body.room-v8 .vt-chat-logo-block img{width:190px!important;max-width:190px!important;height:60px!important;max-height:60px!important;}
}

/* V4.18d - SEO logo/favicon preview information polish */
.vt-seo-page .vt-seo-logo-preview,
.vt-seo-page .vt-seo-favicon-preview{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:150px;
}
.vt-seo-page .vt-seo-logo-preview img{
  width:min(360px,100%);
  height:110px;
  object-fit:contain;
  background:#07111f;
  border-radius:18px;
  padding:14px;
  border:1px solid rgba(15,23,42,.16);
}
.vt-seo-page .vt-seo-favicon-preview img{
  width:86px;
  height:86px;
  object-fit:contain;
  background:#07111f;
  border-radius:22px;
  padding:12px;
  border:1px solid rgba(15,23,42,.16);
  box-shadow:0 14px 34px rgba(15,23,42,.12);
}
.vt-seo-page .vt-seo-media-help{
  display:block;
  color:#64748b;
  font-weight:800;
  line-height:1.45;
  margin-top:2px;
}
@media(max-width:760px){
  .vt-seo-page .vt-seo-logo-preview img{height:92px;padding:10px;border-radius:16px;}
  .vt-seo-page .vt-seo-favicon-preview img{width:74px;height:74px;border-radius:18px;}
}

/* V4.18f - SEO Yönetimi okunurluk düzeltmesi (sadece içerik alanı, sol menüye dokunmaz) */
body.vt-seo-page .admin-main,
body.vt-seo-page .admin-main .admin-card,
body.vt-seo-page .admin-main .vt-seo-admin-card{
  color:#102033!important;
}
body.vt-seo-page .admin-main .admin-head h1,
body.vt-seo-page .admin-main .admin-card h2,
body.vt-seo-page .admin-main .vt-seo-page-block h3,
body.vt-seo-page .admin-main label,
body.vt-seo-page .admin-main .vt-logo-preview-box span{
  color:#0f172a!important;
  text-shadow:none!important;
}
body.vt-seo-page .admin-main .admin-head p,
body.vt-seo-page .admin-main small,
body.vt-seo-page .admin-main .vt-seo-media-help,
body.vt-seo-page .admin-main .vt-seo-admin-card p{
  color:#64748b!important;
  text-shadow:none!important;
}
body.vt-seo-page .admin-main input,
body.vt-seo-page .admin-main textarea,
body.vt-seo-page .admin-main select{
  color:#0f172a!important;
  background:#ffffff!important;
  border-color:#cbd5e1!important;
  caret-color:#2563eb!important;
}
body.vt-seo-page .admin-main input::placeholder,
body.vt-seo-page .admin-main textarea::placeholder{
  color:#94a3b8!important;
  opacity:1!important;
}
body.vt-seo-page .admin-main .vt-seo-page-block,
body.vt-seo-page .admin-main .vt-logo-preview-box,
body.vt-seo-page .admin-main .vt-footer-admin-grid-v339 > div,
body.vt-seo-page .admin-main .vt-footer-admin-grid-v339 > label{
  background:#f8fbff!important;
  border-color:#dbe7f5!important;
  color:#102033!important;
}
body.vt-seo-page .admin-main .vt-seo-page-block{
  box-shadow:0 12px 30px rgba(15,23,42,.05)!important;
}
body.vt-seo-page .admin-main .vt-seo-note-v302,
body.vt-seo-page .admin-main .notice{
  color:#334155!important;
  background:#eef6ff!important;
  border-color:#bfdbfe!important;
}
body.vt-seo-page .admin-main button,
body.vt-seo-page .admin-main .admin-head a{
  color:#ffffff!important;
}
body.vt-seo-page .admin-main input[type="file"]{
  padding:12px!important;
  line-height:1.2!important;
}
body.vt-seo-page .admin-main input[type="file"]::file-selector-button{
  color:#0f172a!important;
  background:#e2e8f0!important;
  border:1px solid #cbd5e1!important;
  border-radius:10px!important;
  padding:8px 12px!important;
  font-weight:800!important;
  margin-right:10px!important;
}
body.vt-seo-page .admin-main b,
body.vt-seo-page .admin-main strong{
  color:#0f172a!important;
}

/* v4.19 - Sayfa/Blog basit zengin editör ve public içerik düzeni */
.vt-rich-editor{margin:10px 0 18px;border:1px solid rgba(148,163,184,.35);border-radius:18px;background:#f8fbff;overflow:hidden;box-shadow:0 12px 30px rgba(15,23,42,.05)}
.vt-rich-toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:12px;background:linear-gradient(135deg,#eef6ff,#f8fbff);border-bottom:1px solid #dbe7f5}
.vt-rich-toolbar button{border:1px solid #c7d8ff!important;background:#ffffff!important;color:#1e3a8a!important;border-radius:12px!important;padding:9px 12px!important;font-size:13px!important;font-weight:900!important;box-shadow:none!important;cursor:pointer}
.vt-rich-toolbar button:hover{background:#eaf2ff!important;color:#0f172a!important;transform:translateY(-1px)}
.vt-rich-surface{min-height:260px;padding:18px 20px;background:#ffffff;color:#0f172a;outline:none;font-size:16px;line-height:1.75;overflow:auto;max-height:520px}
.vt-rich-surface h2{font-size:28px;line-height:1.2;margin:20px 0 12px;color:#0f172a;font-weight:950}
.vt-rich-surface h3{font-size:22px;line-height:1.25;margin:18px 0 10px;color:#1e3a8a;font-weight:950}
.vt-rich-surface p{margin:0 0 14px;color:#334155}
.vt-rich-surface ul,.vt-rich-surface ol{margin:10px 0 16px 24px;color:#334155}
.vt-rich-surface li{margin:7px 0}
.vt-rich-surface blockquote{margin:16px 0;padding:16px 18px;border-left:5px solid #7c3aed;border-radius:14px;background:linear-gradient(135deg,#f5f3ff,#eef6ff);color:#1f2937;font-weight:800}
.vt-rich-surface a{color:#2563eb;font-weight:900;text-decoration:none;border-bottom:1px dashed #60a5fa}
.vt-rich-surface hr{border:0;border-top:1px solid #dbe7f5;margin:22px 0}
.vt-rich-source{display:none!important}.vt-rich-editor small{display:block;padding:0 16px 14px;color:#64748b;font-weight:800}
.vt-public-page-content,.vt-public-post-content{font-size:17px;line-height:1.8;color:#d8e2f4}.vt-public-page-content h2,.vt-public-post-content h2{font-size:30px;line-height:1.18;margin:28px 0 13px;color:#ffffff;font-weight:950}.vt-public-page-content h3,.vt-public-post-content h3{font-size:23px;line-height:1.25;margin:22px 0 10px;color:#bfe9ff;font-weight:950}.vt-public-page-content p,.vt-public-post-content p{margin:0 0 16px}.vt-public-page-content strong,.vt-public-post-content strong,.vt-public-page-content b,.vt-public-post-content b{color:#fff;font-weight:950}.vt-public-page-content ul,.vt-public-post-content ul,.vt-public-page-content ol,.vt-public-post-content ol{margin:12px 0 20px 24px}.vt-public-page-content li,.vt-public-post-content li{margin:8px 0}.vt-public-page-content blockquote,.vt-public-post-content blockquote{margin:22px 0;padding:18px 20px;border:1px solid rgba(168,85,247,.35);border-left:5px solid #a855f7;border-radius:18px;background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(14,165,233,.10));color:#eef6ff;font-weight:800;box-shadow:0 18px 50px rgba(0,0,0,.18)}.vt-public-page-content a,.vt-public-post-content a{color:#7dd3fc;font-weight:900;text-decoration:none;border-bottom:1px dashed rgba(125,211,252,.65)}.vt-public-page-content hr,.vt-public-post-content hr{border:0;border-top:1px solid rgba(148,163,184,.25);margin:28px 0}
@media(max-width:760px){.vt-rich-toolbar{gap:6px;padding:10px}.vt-rich-toolbar button{font-size:12px!important;padding:8px 10px!important}.vt-rich-surface{min-height:220px;max-height:440px;padding:16px}.vt-public-page-content h2,.vt-public-post-content h2{font-size:25px}.vt-public-page-content h3,.vt-public-post-content h3{font-size:20px}}

/* v4.19l - Giriş ekranı BAY / BAYAN / AVATAR seçim belirginliği */
.vt-gender-v123 .gender-btn.vt-choice-male.active,
.vt-public-join .gender-btn.vt-choice-male.active{
  background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;
  border-color:#60a5fa!important;
  box-shadow:0 14px 34px rgba(37,99,235,.25)!important;
}
.vt-gender-v123 .gender-btn.vt-choice-female.active,
.vt-public-join .gender-btn.vt-choice-female.active{
  background:linear-gradient(135deg,#7c2d5d,#be5b97)!important;
  border-color:#f0abfc!important;
  box-shadow:0 14px 34px rgba(190,91,151,.24)!important;
}
.vt-gender-v123 .gender-btn.vt-choice-avatar.avatar-picked,
.vt-public-join .gender-btn.vt-choice-avatar.avatar-picked{
  background:linear-gradient(135deg,#7c5a2a,#5b3b24)!important;
  border-color:#f8d47a!important;
  color:#ffe78a!important;
  box-shadow:0 14px 34px rgba(248,212,122,.18)!important;
}
.vt-gender-v123 .gender-btn.vt-choice-avatar.avatar-picked b,
.vt-public-join .gender-btn.vt-choice-avatar.avatar-picked b{color:#ffe78a!important;}

/* v4.19m - Kişi kartı isim yazısı yumuşatma ve uzun isim ölçeklendirme
   Sadece oda içi kullanıcı kartındaki isim satırını etkiler; kart, avatar ve buton ölçülerine dokunmaz. */
body.room-v8 #users.user-list .user-row.vt-user-card .vt-user-info b,
body.room-v8 .user-list .user-row.vt-user-card .vt-user-info b{
  font-size:19px!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
  padding-bottom:2px!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.room-v8 #users.user-list .user-row.vt-user-card .vt-user-info b.vt-name-md,
body.room-v8 .user-list .user-row.vt-user-card .vt-user-info b.vt-name-md{font-size:17px!important;}
body.room-v8 #users.user-list .user-row.vt-user-card .vt-user-info b.vt-name-sm,
body.room-v8 .user-list .user-row.vt-user-card .vt-user-info b.vt-name-sm{font-size:15px!important;}
body.room-v8 #users.user-list .user-row.vt-user-card .vt-user-info b.vt-name-xs,
body.room-v8 .user-list .user-row.vt-user-card .vt-user-info b.vt-name-xs{font-size:13px!important;}
@media (max-width:840px){
  body.room-v8 #users.user-list .user-row.vt-user-card .vt-user-info b,
  body.room-v8 .user-list .user-row.vt-user-card .vt-user-info b{font-size:18px!important;line-height:1.12!important;padding-bottom:2px!important;}
  body.room-v8 #users.user-list .user-row.vt-user-card .vt-user-info b.vt-name-md,
  body.room-v8 .user-list .user-row.vt-user-card .vt-user-info b.vt-name-md{font-size:16px!important;}
  body.room-v8 #users.user-list .user-row.vt-user-card .vt-user-info b.vt-name-sm,
  body.room-v8 .user-list .user-row.vt-user-card .vt-user-info b.vt-name-sm{font-size:14px!important;}
  body.room-v8 #users.user-list .user-row.vt-user-card .vt-user-info b.vt-name-xs,
  body.room-v8 .user-list .user-row.vt-user-card .vt-user-info b.vt-name-xs{font-size:12px!important;}
}
@media (max-width:390px){
  body.room-v8 #users.user-list .user-row.vt-user-card .vt-user-info b,
  body.room-v8 .user-list .user-row.vt-user-card .vt-user-info b{font-size:16px!important;}
  body.room-v8 #users.user-list .user-row.vt-user-card .vt-user-info b.vt-name-md,
  body.room-v8 .user-list .user-row.vt-user-card .vt-user-info b.vt-name-md{font-size:14px!important;}
  body.room-v8 #users.user-list .user-row.vt-user-card .vt-user-info b.vt-name-sm,
  body.room-v8 .user-list .user-row.vt-user-card .vt-user-info b.vt-name-sm{font-size:12px!important;}
  body.room-v8 #users.user-list .user-row.vt-user-card .vt-user-info b.vt-name-xs,
  body.room-v8 .user-list .user-row.vt-user-card .vt-user-info b.vt-name-xs{font-size:11px!important;}
}

/* v4.19m FIX6 - kişi kartı 3 ince Winamp ses efekti: gerçek LiveKit ses seviyesine duyarlı */
.user-row.vt-user-card{position:relative!important;}
.user-row.vt-user-card.has-mic .vt-user-icons{margin-right:54px!important;}
.vt-card-eq{
  position:absolute!important;
  right:18px!important;
  bottom:22px!important;
  transform:none!important;
  width:48px!important;
  height:78px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:7px!important;
  pointer-events:none!important;
  z-index:3!important;
  opacity:.92!important;
}
.vt-card-eq i{
  display:block!important;
  width:4px!important;
  min-height:8px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#ffd23f 0%,#ff8b3d 34%,#e85dff 66%,#39bdf8 100%)!important;
  box-shadow:0 0 8px rgba(232,93,255,.45),0 0 12px rgba(56,189,248,.22)!important;
  transition:height 90ms linear,opacity 90ms linear,filter 90ms linear!important;
}
.vt-card-eq i:nth-child(1){height:var(--b1,12px)!important;}
.vt-card-eq i:nth-child(2){height:var(--b2,18px)!important;}
.vt-card-eq i:nth-child(3){height:var(--b3,14px)!important;}
.vt-card-eq:not(.is-speaking){opacity:.55!important;filter:saturate(.75) brightness(.9)!important;}
.vt-card-eq.is-speaking{opacity:1!important;filter:saturate(1.25) brightness(1.08)!important;}
@media (min-width:841px) and (max-width:1180px){
  .user-row.vt-user-card.has-mic .vt-user-icons{margin-right:44px!important;}
  .vt-card-eq{right:13px!important;width:32px!important;height:48px!important;gap:6px!important;}
  .vt-card-eq i{width:3px!important;}
}
@media (max-width:840px){
  .user-row.vt-user-card.has-mic .vt-user-icons{margin-right:34px!important;}
  .vt-card-eq{right:9px!important;width:28px!important;height:40px!important;gap:5px!important;}
  .vt-card-eq i{width:3px!important;}
}
@media (max-width:390px){
  .user-row.vt-user-card.has-mic .vt-user-icons{margin-right:0!important;}
  .vt-card-eq{display:none!important;}
}

/* v4.19m FIX8 - PC responsive + mobil ses efekti hizalama düzeltmesi
   Amaç: ses barlarının dip noktası buton başlangıç hizasında kalsın; mobilde sağa/yukarı taşmasın;
   1280x800 / 1366x768 gibi dar PC alanlarında butonların üstüne kaymasın. */
body.room-v8 .user-row.vt-user-card{position:relative!important;container-type:inline-size!important;overflow:hidden!important;}
body.room-v8 .user-row.vt-user-card.has-mic .vt-user-main{padding-right:56px!important;box-sizing:border-box!important;}
body.room-v8 .user-row.vt-user-card.has-mic .vt-user-icons{margin-right:0!important;max-width:calc(100% - 4px)!important;}
body.room-v8 .vt-card-eq{
  right:16px!important;
  bottom:22px!important;
  width:34px!important;
  height:76px!important;
  gap:7px!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:visible!important;
}
body.room-v8 .vt-card-eq i{width:4px!important;border-radius:999px!important;}

/* Dar PC sol panel: kart daralınca efekt küçülür, buton sırasına yaklaşmaz. */
@container (max-width: 250px){
  body.room-v8 .user-row.vt-user-card.has-mic .vt-user-main{padding-right:34px!important;}
  body.room-v8 .vt-card-eq{right:8px!important;bottom:18px!important;width:22px!important;height:48px!important;gap:4px!important;}
  body.room-v8 .vt-card-eq i{width:3px!important;}
  body.room-v8 .user-row.vt-user-card.has-mic .vt-user-icons{gap:4px!important;}
}
@container (max-width: 215px){
  body.room-v8 .user-row.vt-user-card.has-mic .vt-user-main{padding-right:26px!important;}
  body.room-v8 .vt-card-eq{right:6px!important;bottom:17px!important;width:18px!important;height:42px!important;gap:3px!important;}
  body.room-v8 .vt-card-eq i{width:3px!important;}
}

/* Mobil: biraz sola alınır, yükselme azaltılır; dip nokta butonların başladığı alt hizada kalır. */
@media (max-width:840px), (pointer:coarse){
  body.room-v8 .user-row.vt-user-card.has-mic .vt-user-main{padding-right:48px!important;}
  body.room-v8 .vt-card-eq{right:28px!important;bottom:27px!important;width:30px!important;height:50px!important;gap:6px!important;}
  body.room-v8 .vt-card-eq i{width:4px!important;}
}
@media (max-width:430px){
  body.room-v8 .user-row.vt-user-card.has-mic .vt-user-main{padding-right:42px!important;}
  body.room-v8 .vt-card-eq{right:22px!important;bottom:25px!important;width:26px!important;height:46px!important;gap:5px!important;}
  body.room-v8 .vt-card-eq i{width:3px!important;}
}
@media (max-width:390px){
  body.room-v8 .user-row.vt-user-card.has-mic .vt-user-main{padding-right:34px!important;}
  body.room-v8 .vt-card-eq{display:flex!important;right:14px!important;bottom:22px!important;width:22px!important;height:40px!important;gap:4px!important;}
  body.room-v8 .vt-card-eq i{width:3px!important;}
}

/* v4.19m FIX9 PRO - Kişi kartı ses efekti responsive altın oran
   - PC 1024/1280/1366/1920/2K/4K ve zoom durumlarında kart içinde kalır.
   - Mobilde barlar sağdan biraz içeri alınır, maksimum yükseklik azaltılır.
   - Bar dip hizası buton satırının alt başlangıç çizgisine yaklaştırılır. */
body.room-v8 .user-row.vt-user-card{
  position:relative!important;
  container-type:inline-size!important;
  overflow:hidden!important;
}
body.room-v8 .user-row.vt-user-card.has-mic .vt-user-main{
  padding-right:clamp(42px, 18cqw, 74px)!important;
  box-sizing:border-box!important;
  min-width:0!important;
}
body.room-v8 .user-row.vt-user-card.has-mic .vt-user-icons{
  margin-right:0!important;
  max-width:calc(100% - 2px)!important;
  position:relative!important;
  z-index:4!important;
}
body.room-v8 .vt-card-eq{
  display:flex!important;
  position:absolute!important;
  right:clamp(12px, 6cqw, 24px)!important;
  bottom:clamp(14px, 7cqw, 22px)!important;
  width:clamp(24px, 10cqw, 42px)!important;
  height:clamp(42px, 24cqw, 82px)!important;
  gap:clamp(4px, 2.4cqw, 7px)!important;
  align-items:flex-end!important;
  justify-content:center!important;
  pointer-events:none!important;
  z-index:3!important;
  overflow:visible!important;
}
body.room-v8 .vt-card-eq i{
  width:clamp(3px, 1.5cqw, 4px)!important;
  min-height:7px!important;
  border-radius:999px!important;
}

/* Dar PC / düşük çözünürlük: butonlara binmemesi için efekt kompaktlaşır. */
@container (max-width: 255px){
  body.room-v8 .user-row.vt-user-card.has-mic .vt-user-main{padding-right:34px!important;}
  body.room-v8 .vt-card-eq{right:8px!important;bottom:14px!important;width:22px!important;height:46px!important;gap:4px!important;}
  body.room-v8 .vt-card-eq i{width:3px!important;}
}
@container (max-width: 220px){
  body.room-v8 .user-row.vt-user-card.has-mic .vt-user-main{padding-right:26px!important;}
  body.room-v8 .vt-card-eq{right:6px!important;bottom:12px!important;width:18px!important;height:38px!important;gap:3px!important;}
  body.room-v8 .vt-card-eq i{width:3px!important;}
}

/* Mobil: sağdan içeri, daha kısa yükselme, dip noktası buton hizasına yakın. */
@media (max-width:840px), (pointer:coarse){
  body.room-v8 .user-row.vt-user-card.has-mic .vt-user-main{padding-right:54px!important;}
  body.room-v8 .vt-card-eq{
    right:clamp(30px, 7vw, 44px)!important;
    bottom:18px!important;
    width:28px!important;
    height:44px!important;
    gap:5px!important;
  }
  body.room-v8 .vt-card-eq i{width:3px!important;}
}
@media (max-width:430px){
  body.room-v8 .user-row.vt-user-card.has-mic .vt-user-main{padding-right:48px!important;}
  body.room-v8 .vt-card-eq{right:32px!important;bottom:17px!important;width:25px!important;height:40px!important;gap:4px!important;}
  body.room-v8 .vt-card-eq i{width:3px!important;}
}
@media (max-width:390px){
  body.room-v8 .user-row.vt-user-card.has-mic .vt-user-main{padding-right:42px!important;}
  body.room-v8 .vt-card-eq{right:24px!important;bottom:15px!important;width:22px!important;height:36px!important;gap:4px!important;}
  body.room-v8 .vt-card-eq i{width:3px!important;}
}

/* v4.19m FIX10 - PC evrensel responsive son rötuş
   Sorun: tarayıcı elle büyütülüp/küçültülürken bazı oranlarda ses efekti kamera butonuna yaklaşıyor,
   bazı oranlarda da buton alt hizasının altına düşüyordu.
   Çözüm: JS, barın sağ/alt/genişlik/yükseklik değerlerini gerçek kart ve buton ölçüsüne göre --eq-* değişkenleriyle verir.
   CSS sadece bu değişkenleri uygular; kart, LiveKit ve buton sistemi bozulmaz. */
body.room-v8 .user-row.vt-user-card.has-mic .vt-user-main{
  padding-right:var(--vt-eq-reserve, clamp(42px, 18cqw, 74px))!important;
  box-sizing:border-box!important;
  min-width:0!important;
}
body.room-v8 .vt-card-eq{
  display:flex!important;
  position:absolute!important;
  right:var(--eq-right, clamp(10px, 5cqw, 22px))!important;
  bottom:var(--eq-bottom, 14px)!important;
  width:var(--eq-w, clamp(22px, 9cqw, 40px))!important;
  height:var(--eq-h, clamp(38px, 20cqw, 76px))!important;
  gap:var(--eq-gap, clamp(3px, 2cqw, 7px))!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:visible!important;
  pointer-events:none!important;
  z-index:2!important;
  transform:none!important;
}
body.room-v8 .vt-card-eq i{
  width:var(--eq-bar-w, 3px)!important;
  max-height:var(--eq-h, 76px)!important;
}
body.room-v8 .user-row.vt-user-card.has-mic .vt-user-icons{
  position:relative!important;
  z-index:4!important;
}

/* PC dar pencere: kart 250px altına indiğinde çakışma riskini azaltmak için buton aralıkları çok az sıkılaşır. */
@container (max-width: 250px){
  body.room-v8 .user-row.vt-user-card.has-mic .vt-user-icons{gap:4px!important;}
}
@container (max-width: 220px){
  body.room-v8 .user-row.vt-user-card.has-mic .vt-user-icons{gap:3px!important;}
}

/* Mobil: bar tabanı buton alt hizasında kalır, yükseklik kontrollüdür; kart dışına çıkmaz. */
@media (max-width:840px), (pointer:coarse){
  body.room-v8 .vt-card-eq{
    right:var(--eq-right, 26px)!important;
    bottom:var(--eq-bottom, 17px)!important;
    width:var(--eq-w, 26px)!important;
    height:var(--eq-h, 40px)!important;
    gap:var(--eq-gap, 5px)!important;
  }
  body.room-v8 .vt-card-eq i{width:var(--eq-bar-w, 3px)!important;}
}

/* v4.19m FIX11 REAL - Ses efekti akıcı hareket rötuşu
   Sadece bar animasyon hissi güncellendi; FIX10 responsive konumlandırma korunur. */
body.room-v8 .vt-card-eq{
  will-change:contents!important;
  contain:layout paint!important;
}
body.room-v8 .vt-card-eq i{
  transform-origin:bottom center!important;
  transition:height 115ms cubic-bezier(.22,.8,.28,1), opacity 180ms ease, filter 180ms ease!important;
  box-shadow:0 0 7px rgba(232,93,255,.50),0 0 12px rgba(56,189,248,.28),0 0 16px rgba(255,210,63,.16)!important;
}
body.room-v8 .vt-card-eq.is-speaking i{
  filter:saturate(1.28) brightness(1.08)!important;
}
body.room-v8 .vt-card-eq:not(.is-speaking) i{
  filter:saturate(.82) brightness(.88)!important;
}


/* v4.19m FIX13 - Gelişmiş ayarlar: kişi kartı ses animasyonu aç/kapat */
body.room-v8.vt-card-eq-off .vt-card-eq{
  display:none!important;
}
body.room-v8.vt-card-eq-off .user-row.vt-user-card.has-mic .vt-user-main{
  padding-right:0!important;
}

/* v4.19m FIX14 - Gelişmiş ayarlar: Mikrofon/Kamera Kapama kilit görünümü */
body.room-v8 .vt-user-media-locked,
body.room-v8 .vt-user-media-locked.active{
  opacity:.42!important;
  filter:grayscale(1) saturate(.35) brightness(.72)!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
  pointer-events:none!important;
}
body.room-v8.vt-mic-user-closed #mic,
body.room-v8.vt-mic-user-closed #bigTalkBtn,
body.room-v8.vt-camera-user-closed #cam{
  opacity:.42!important;
  filter:grayscale(1) saturate(.35) brightness(.72)!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
}


/* FIX23 - Oda şifre ekranı PC/Mobil merkezleme */
.vt-room-password-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#07111f;color:#fff;}
.vt-room-password-wrap{position:relative;z-index:3;width:100%;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;}
.vt-room-password-card{width:min(420px,92vw);border:1px solid rgba(34,211,238,.28);border-radius:24px;background:linear-gradient(180deg,rgba(10,24,42,.94),rgba(4,10,20,.96));box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 35px rgba(34,211,238,.12);padding:26px;box-sizing:border-box;text-align:center;backdrop-filter:blur(14px);}
.vt-room-password-card h1{margin:0 0 8px;font-size:22px;line-height:1.25;}
.vt-room-password-card p{margin:0 0 18px;color:rgba(226,242,255,.75);font-size:14px;}
.vt-room-password-card input[type=password]{width:100%;height:48px;border-radius:14px;border:1px solid rgba(148,163,184,.28);background:rgba(2,6,23,.74);color:#fff;padding:0 14px;font-size:16px;outline:none;box-sizing:border-box;}
.vt-room-password-card input[type=password]:focus{border-color:rgba(34,211,238,.75);box-shadow:0 0 0 3px rgba(34,211,238,.12);}
.vt-room-password-actions{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:16px;}
.vt-room-password-actions a,.vt-room-password-actions button{height:42px;border-radius:13px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid rgba(148,163,184,.22);font-weight:700;cursor:pointer;}
.vt-room-password-actions a{color:#cbd5e1;background:rgba(15,23,42,.65);}
.vt-room-password-actions button{color:#06111d;background:linear-gradient(135deg,#22d3ee,#a7f3d0);border:0;}
.vt-room-password-error{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:rgba(239,68,68,.15);border:1px solid rgba(248,113,113,.35);color:#fecaca;font-size:13px;}
@media (max-width: 768px){.vt-room-password-wrap{align-items:center;justify-content:center;padding:calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));}.vt-room-password-card{width:min(390px,94vw);padding:22px 18px;border-radius:22px;transform:translateY(0);}}


/* FIX30 - Safari/iOS LiveKit uzaktan ses başlatma butonu */
.vt-safari-audio-unlock{
  position:fixed!important;
  left:50%!important;
  bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;
  transform:translateX(-50%) translateY(18px)!important;
  z-index:2147483000!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid rgba(34,211,238,.45)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,41,59,.96))!important;
  color:#fff!important;
  box-shadow:0 18px 55px rgba(0,0,0,.45),0 0 26px rgba(34,211,238,.22)!important;
  padding:10px 15px!important;
  font-family:inherit!important;
  font-weight:900!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .18s ease, transform .18s ease!important;
}
.vt-safari-audio-unlock.show{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateX(-50%) translateY(0)!important;
}
.vt-safari-audio-unlock b{font-size:14px!important;line-height:1!important;white-space:nowrap!important;}
.vt-safari-audio-unlock span{font-size:11px!important;line-height:1!important;color:#bae6fd!important;white-space:nowrap!important;}
@media(max-width:840px){
  .vt-safari-audio-unlock{bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;max-width:92vw!important;}
}


/* FIX31 - Safari ses başlatma butonu: ortalı ve güvenli dokunma alanı */
.vt-safari-audio-unlock{
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  bottom:auto!important;
  right:auto!important;
  transform:translate(-50%,-50%) scale(.96)!important;
  z-index:999999!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:210px!important;
  max-width:88vw!important;
  min-height:74px!important;
  padding:15px 20px!important;
  border-radius:22px!important;
  border:1px solid rgba(34,211,238,.55)!important;
  background:linear-gradient(135deg,rgba(8,47,73,.96),rgba(17,24,39,.98))!important;
  color:#fff!important;
  box-shadow:0 20px 60px rgba(0,0,0,.48),0 0 30px rgba(34,211,238,.28)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .18s ease, transform .18s ease!important;
}
.vt-safari-audio-unlock.show{opacity:1!important;pointer-events:auto!important;transform:translate(-50%,-50%) scale(1)!important;}
.vt-safari-audio-unlock b{font-size:16px!important;line-height:1!important;white-space:nowrap!important;}
.vt-safari-audio-unlock span{font-size:12px!important;line-height:1.2!important;color:#bae6fd!important;white-space:nowrap!important;}

/* FIX47 - Otomatik Aygıt Algılama sade ayarlar ekranı */
.vt-auto-device-note{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px 14px!important;
  border-radius:14px!important;
  background:#dcfce7!important;
  color:#166534!important;
  border:1px solid #86efac!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.vt-auto-device-help{
  margin:0 0 12px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  background:#f8fafc!important;
  border:1px solid #dbeafe!important;
  color:#475569!important;
  font-weight:800!important;
  line-height:1.35!important;
}
@media(max-width:700px){
  .vt-auto-device-note{white-space:normal!important;text-align:center!important;font-size:13px!important;}
  .vt-auto-device-help{font-size:13px!important;}
}

/* FIX48 - Ayarlar penceresi profesyonel PC + mobil kullanıcı dostu tasarım */
#settingsModal.settings-popup-pro{
  width:min(820px,94vw)!important;
  max-height:min(680px,82vh)!important;
  background:linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%)!important;
  border:1px solid rgba(148,163,184,.9)!important;
  border-radius:22px!important;
  box-shadow:0 32px 110px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.55) inset!important;
}
#settingsModal .settings-popup-head{
  height:58px!important;
  padding:0 16px 0 20px!important;
  background:linear-gradient(135deg,#ffffff,#eaf2fb)!important;
  border-bottom:1px solid rgba(203,213,225,.95)!important;
}
#settingsModal .settings-popup-head b{
  font-size:20px!important;
  letter-spacing:-.02em!important;
  color:#0f172a!important;
}
#settingsModal .settings-popup-head small{
  color:#64748b!important;
  font-size:12px!important;
  font-weight:900!important;
}
#closeSettingsModal{
  width:38px!important;
  height:38px!important;
  border-radius:13px!important;
  border:1px solid #cbd5e1!important;
  background:#fff!important;
  color:#475569!important;
  box-shadow:0 8px 20px rgba(15,23,42,.08)!important;
}
#closeSettingsModal:hover{background:#eff6ff!important;color:#0f172a!important;}

#settingsModal .settings-layout-pro{
  grid-template-columns:150px minmax(0,1fr)!important;
  max-height:calc(min(680px,82vh) - 116px)!important;
  background:#eef4fb!important;
}
#settingsModal .settings-left-tabs{
  padding:14px 12px!important;
  gap:10px!important;
  background:linear-gradient(180deg,#eef6ff,#e6edf7)!important;
  border-right:1px solid rgba(203,213,225,.95)!important;
}
#settingsModal .settings-left-tabs button{
  height:48px!important;
  border-radius:14px!important;
  border:1px solid #d7e1ee!important;
  background:#fff!important;
  color:#334155!important;
  font-size:16px!important;
  font-weight:950!important;
  padding:0 14px!important;
  box-shadow:0 8px 20px rgba(15,23,42,.04)!important;
}
#settingsModal .settings-left-tabs button.active{
  background:linear-gradient(135deg,#1397d9,#2563eb)!important;
  color:#fff!important;
  border-color:#38bdf8!important;
  box-shadow:0 12px 26px rgba(37,99,235,.22)!important;
}
#settingsModal .settings-right-content{
  background:linear-gradient(180deg,#f8fbff,#f1f5f9)!important;
}
#settingsModal .settings-device-top{
  padding:14px 16px!important;
  background:linear-gradient(135deg,#f8fafc,#eef6ff)!important;
  border-bottom:1px solid #dbe7f4!important;
}
#settingsModal .settings-device-top b{
  color:#334155!important;
  font-size:18px!important;
  font-weight:950!important;
}
#settingsModal .settings-device-top small{
  color:#64748b!important;
  font-size:13px!important;
}
#settingsModal .vt-auto-device-note{
  padding:10px 14px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#dcfce7,#ecfeff)!important;
  color:#166534!important;
  border:1px solid #86efac!important;
  box-shadow:0 10px 26px rgba(34,197,94,.12)!important;
}
#settingsModal .settings-panel{
  padding:16px!important;
}
#settingsModal .settings-panel h3{
  margin:0 0 12px!important;
  color:#0f172a!important;
  font-size:24px!important;
  letter-spacing:-.03em!important;
}
#settingsModal .vt-auto-device-help{
  padding:14px 15px!important;
  margin:0 0 14px!important;
  background:linear-gradient(135deg,#ffffff,#eef8ff)!important;
  border:1px solid #cfe0f3!important;
  border-radius:18px!important;
  color:#475569!important;
  font-size:14px!important;
  line-height:1.45!important;
  box-shadow:0 10px 24px rgba(15,23,42,.04)!important;
}
#settingsModal .permission-badges{
  gap:8px!important;
  margin:0 0 14px!important;
}
#settingsModal .permission-badges span{
  padding:8px 11px!important;
  border-radius:999px!important;
  font-size:12px!important;
  box-shadow:0 6px 15px rgba(15,23,42,.04)!important;
}
#settingsModal .device-form-grid{
  grid-template-columns:130px minmax(0,1fr)!important;
  gap:12px!important;
  padding:16px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid #d9e6f4!important;
  box-shadow:0 14px 34px rgba(15,23,42,.06)!important;
}
#settingsModal .device-form-grid label{
  color:#1f2937!important;
  font-size:16px!important;
  font-weight:950!important;
}
#settingsModal .device-form-grid select{
  height:48px!important;
  border-radius:14px!important;
  border:1px solid #cbd5e1!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  color:#0f172a!important;
  font-size:15px!important;
  font-weight:800!important;
  outline:none!important;
}
#settingsModal .device-form-grid select:focus{
  border-color:#38bdf8!important;
  box-shadow:0 0 0 4px rgba(56,189,248,.18)!important;
}
#settingsModal .settings-actions{
  display:grid!important;
  grid-template-columns:1.2fr .85fr .95fr!important;
  gap:10px!important;
  margin-top:14px!important;
}
#settingsModal .settings-actions button,
#settingsModal .settings-popup-footer button{
  min-height:44px!important;
  border-radius:14px!important;
  padding:10px 14px!important;
  font-size:14px!important;
  font-weight:950!important;
  box-shadow:0 10px 22px rgba(15,23,42,.07)!important;
}
#settingsModal #grantMediaPerm{
  background:linear-gradient(135deg,#22c55e,#10b981)!important;
  color:#fff!important;
  border:1px solid #34d399!important;
}
#settingsModal #refreshDevices{
  background:linear-gradient(135deg,#dbeafe,#eff6ff)!important;
  color:#1d4ed8!important;
  border:1px solid #93c5fd!important;
}
#settingsModal #selectDefaultDevices{
  background:linear-gradient(135deg,#eef2ff,#f8fafc)!important;
  color:#334155!important;
  border:1px solid #cbd5e1!important;
}
#settingsModal .setting-check{
  max-width:none!important;
  min-height:48px!important;
  margin-bottom:10px!important;
  padding:10px 14px!important;
  border-radius:16px!important;
  border:1px solid #d9e6f4!important;
  background:#fff!important;
  color:#111827!important;
  font-size:16px!important;
  box-shadow:0 9px 22px rgba(15,23,42,.04)!important;
}
#settingsModal .setting-check input{
  width:20px!important;
  height:20px!important;
  accent-color:#2563eb!important;
}
#settingsModal .settings-popup-footer{
  min-height:58px!important;
  padding:10px 14px!important;
  background:linear-gradient(135deg,#f8fafc,#eef6ff)!important;
  border-top:1px solid #dbe7f4!important;
}
#settingsModal #settingsReadyBadge{
  background:#fff!important;
  border:1px solid #dbe7f4!important;
  color:#64748b!important;
  box-shadow:0 8px 18px rgba(15,23,42,.04)!important;
}
#settingsModal #fixMediaProblem{
  background:#e0f2fe!important;
  color:#075985!important;
  border:1px solid #7dd3fc!important;
}
#settingsModal #saveSettingsBtn{
  background:linear-gradient(135deg,#2563eb,#7c3aed)!important;
  color:#fff!important;
}

@media(max-width:840px){
  #settingsModal.settings-popup-pro:not(.hidden){
    top:calc(10px + env(safe-area-inset-top))!important;
    bottom:auto!important;
    width:calc(100vw - 18px)!important;
    max-width:calc(100vw - 18px)!important;
    max-height:calc(var(--vt-vvh, 100dvh) - 118px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    border-radius:22px!important;
  }
  #settingsModal .settings-popup-head{
    height:54px!important;
    padding:0 12px 0 15px!important;
  }
  #settingsModal .settings-popup-head b{font-size:18px!important;}
  #settingsModal .settings-layout-pro{
    display:block!important;
    max-height:none!important;
    overflow:visible!important;
  }
  #settingsModal .settings-left-tabs{
    position:sticky!important;
    top:0!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    padding:10px!important;
    border-right:0!important;
    border-bottom:1px solid #dbe7f4!important;
    background:#eef6ff!important;
  }
  #settingsModal .settings-left-tabs button{
    min-width:0!important;
    height:42px!important;
    text-align:center!important;
    font-size:15px!important;
    padding:0 8px!important;
  }
  #settingsModal .settings-device-top{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding:13px!important;
  }
  #settingsModal .settings-device-top b{font-size:17px!important;}
  #settingsModal .settings-device-top small{font-size:12px!important;}
  #settingsModal .vt-auto-device-note{
    justify-self:start!important;
    max-width:100%!important;
    font-size:13px!important;
  }
  #settingsModal .settings-panel{padding:13px!important;}
  #settingsModal .settings-panel h3{font-size:21px!important;margin-bottom:10px!important;}
  #settingsModal .vt-auto-device-help{font-size:13px!important;padding:12px!important;border-radius:16px!important;}
  #settingsModal .permission-badges span{font-size:11px!important;padding:7px 9px!important;}
  #settingsModal .device-form-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:13px!important;
    border-radius:17px!important;
  }
  #settingsModal .device-form-grid label{font-size:14px!important;}
  #settingsModal .device-form-grid select{
    height:46px!important;
    font-size:14px!important;
    width:100%!important;
  }
  #settingsModal .settings-actions{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  #settingsModal .settings-actions button,
  #settingsModal .settings-popup-footer button{
    width:100%!important;
    min-height:44px!important;
    font-size:14px!important;
  }
  #settingsModal .settings-popup-footer{
    position:sticky!important;
    bottom:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;
  }
  #settingsModal .settings-popup-footer > div{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  #settingsModal #settingsReadyBadge{
    justify-self:start!important;
    padding:7px 12px!important;
  }
}

@media(max-width:420px){
  #settingsModal .settings-popup-head small{display:none!important;}
  #settingsModal .settings-popup-head b{font-size:17px!important;}
  #settingsModal .settings-left-tabs button{font-size:14px!important;}
  #settingsModal .settings-popup-footer > div{grid-template-columns:1fr!important;}
}

/* FIX49 - Radyo / Stream yayını ayarlar sekmesi */
#settingsModal .vt-radio-help{
  margin:0 0 14px!important;
  padding:14px 16px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(14,165,233,.10),rgba(168,85,247,.10))!important;
  border:1px solid rgba(14,165,233,.22)!important;
  color:#475569!important;
  font-weight:800!important;
  line-height:1.45!important;
}
#settingsModal .vt-radio-help b{color:#0f172a!important;font-weight:950!important;}
#settingsModal .vt-radio-toggle{
  margin:12px 0 14px!important;
  padding:13px 14px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.10)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.06)!important;
}
#settingsModal .vt-radio-form{
  display:grid!important;
  gap:8px!important;
}
#settingsModal .vt-radio-form label{
  font-size:15px!important;
  font-weight:950!important;
  color:#0f172a!important;
}
#settingsModal .vt-radio-form input{
  width:100%!important;
  min-height:46px!important;
  border-radius:15px!important;
  border:1px solid rgba(15,23,42,.14)!important;
  background:#f8fafc!important;
  color:#0f172a!important;
  font-weight:850!important;
  padding:0 14px!important;
  outline:none!important;
  box-sizing:border-box!important;
}
#settingsModal .vt-radio-form input:focus{
  background:#fff!important;
  border-color:#38bdf8!important;
  box-shadow:0 0 0 4px rgba(56,189,248,.14)!important;
}
#settingsModal .vt-radio-form small{
  color:#64748b!important;
  font-weight:750!important;
  line-height:1.38!important;
}
#settingsModal .vt-radio-status{
  margin-top:14px!important;
  padding:11px 13px!important;
  border-radius:15px!important;
  background:#ecfeff!important;
  color:#155e75!important;
  border:1px solid #a5f3fc!important;
  font-weight:900!important;
}
#settingsModal .vt-radio-status.is-on{
  background:#f0fdf4!important;
  color:#166534!important;
  border-color:#bbf7d0!important;
}
#settingsModal .vt-radio-status.is-bad{
  background:#fef2f2!important;
  color:#991b1b!important;
  border-color:#fecaca!important;
}
@media(max-width:700px){
  #settingsModal .vt-radio-help{font-size:13px!important;padding:12px!important;text-align:left!important;}
  #settingsModal .vt-radio-form input{font-size:13px!important;min-height:44px!important;}
  #settingsModal .vt-radio-status{font-size:13px!important;}
}


/* FIX50 - Aktif Mikrofonlar: kişi kartı EQ animasyonunun 90 derece yatay uyarlaması
   Sadece sağ panel aktif mikrofon kartlarını etkiler. LiveKit, radyo, Safari ve kişi kartları değişmez. */
@media (min-width:901px){
  body.room-v8 .vt-active-mic-slot{
    grid-template-columns:clamp(38px, 4vw, 54px) minmax(78px, 1fr)!important;
    grid-template-rows:1fr clamp(18px, 2.1vh, 26px)!important;
    overflow:hidden!important;
    contain:layout paint!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-info{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    overflow:hidden!important;
    justify-content:center!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-info small,
  body.room-v8 .vt-active-mic-slot .vt-am-status,
  body.room-v8 .vt-active-mic-slot .vt-am-status.vt-am-seste{
    display:none!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-bars.vt-am-horizontal-eq,
  body.room-v8 .vt-active-mic-slot .vt-am-bars{
    grid-column:2!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:clamp(16px, 2.1vh, 24px)!important;
    margin:0!important;
    padding:1px 0 0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:clamp(3px, .42vh, 5px)!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-bars.vt-am-horizontal-eq i,
  body.room-v8 .vt-active-mic-slot .vt-am-bars i{
    display:block!important;
    min-width:0!important;
    width:var(--ab1, 18%)!important;
    max-width:100%!important;
    height:clamp(3px, .48vh, 5px)!important;
    min-height:3px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#f8e7ff 0%,#e85dff 32%,#22d3ee 70%,#ffd23f 100%)!important;
    opacity:calc(.38 + (var(--lvl,0) * .62))!important;
    transform:none!important;
    transform-origin:left center!important;
    transition:width 115ms cubic-bezier(.22,.8,.28,1), opacity 180ms ease, filter 180ms ease!important;
    box-shadow:0 0 7px rgba(232,93,255,.45),0 0 12px rgba(56,189,248,.25),0 0 16px rgba(255,210,63,.12)!important;
    animation:none!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-bars i:nth-child(1){width:var(--ab1, 22%)!important;}
  body.room-v8 .vt-active-mic-slot .vt-am-bars i:nth-child(2){width:var(--ab2, 34%)!important;}
  body.room-v8 .vt-active-mic-slot .vt-am-bars i:nth-child(3){width:var(--ab3, 26%)!important;}
  body.room-v8 .vt-active-mic-slot .vt-am-bars i:nth-child(n+4){display:none!important;}
  body.room-v8 .vt-active-mic-slot.is-speaking .vt-am-bars i{
    filter:saturate(1.28) brightness(1.08)!important;
  }
  body.room-v8 .vt-active-mic-slot:not(.is-speaking) .vt-am-bars i{
    filter:saturate(.82) brightness(.88)!important;
  }
  body.room-v8 .vt-active-mic-slot.is-empty .vt-am-bars i{
    width:18%!important;
    opacity:.10!important;
    box-shadow:none!important;
  }
  body.room-v8 .vt-active-mic-slot.is-empty .vt-am-bars i:nth-child(2){width:28%!important;}
  body.room-v8 .vt-active-mic-slot.is-empty .vt-am-bars i:nth-child(3){width:22%!important;}
}
@media (min-width:901px) and (max-width:1320px){
  body.room-v8 .vt-active-mic-slot{
    grid-template-columns:clamp(34px, 4vw, 46px) minmax(62px, 1fr)!important;
    grid-template-rows:1fr 18px!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-bars.vt-am-horizontal-eq,
  body.room-v8 .vt-active-mic-slot .vt-am-bars{
    height:18px!important;
    gap:3px!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-bars i{
    height:3px!important;
  }
}

/* FIX54 - Mobil ses paneli gerçek kaydırılabilir slider + taşma koruması
   Sadece #volumeModal alanını etkiler. PC düzeni korunur. */
#volumeModal.volume-popup-pro{
  box-sizing:border-box!important;
}
#volumeModal.volume-popup-pro input[type=range]{
  cursor:pointer!important;
}
#volumeModal.volume-popup-pro input[type=range]::-webkit-slider-thumb{
  cursor:pointer!important;
}
@media(max-width:840px){
  #volumeModal.volume-popup-pro:not(.hidden){
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:calc(92px + env(safe-area-inset-bottom))!important;
    transform:translateX(-50%)!important;
    width:min(360px, calc(100vw - 28px))!important;
    max-width:calc(100vw - 28px)!important;
    max-height:calc(var(--vt-vvh, 100dvh) - 128px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    border-radius:20px!important;
    box-shadow:0 22px 80px rgba(0,0,0,.62)!important;
  }
  #volumeModal .volume-popup-body{
    padding:14px!important;
    max-height:none!important;
    overflow:visible!important;
  }
  #volumeModal .volume-sliders{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    justify-items:stretch!important;
  }
  #volumeModal .volume-col{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 42px!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    padding:10px!important;
    border:1px solid rgba(148,163,184,.35)!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#ffffff,#f1f5f9)!important;
    box-sizing:border-box!important;
  }
  #volumeModal .volume-icon{
    font-size:22px!important;
    text-align:center!important;
  }
  #volumeModal .volume-col b{
    text-align:right!important;
    font-size:14px!important;
    min-width:36px!important;
  }
  #volumeModal .volume-col b::after{content:'%'!important;}
  #volumeModal .volume-col input[type=range]{
    -webkit-appearance:none!important;
    appearance:none!important;
    writing-mode:horizontal-tb!important;
    direction:ltr!important;
    width:100%!important;
    height:34px!important;
    min-height:34px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    outline:none!important;
    background:transparent!important;
    touch-action:pan-x!important;
    -webkit-tap-highlight-color:transparent!important;
    accent-color:#2563eb!important;
  }
  #volumeModal .volume-col input[type=range]::-webkit-slider-runnable-track{
    height:10px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#2563eb 0 var(--vtRangeValue,100%),#cbd5e1 var(--vtRangeValue,100%) 100%)!important;
    box-shadow:inset 0 1px 2px rgba(15,23,42,.18)!important;
  }
  #volumeModal #micVolumeRange::-webkit-slider-runnable-track{
    background:linear-gradient(90deg,#ef4444 0 var(--vtRangeValue,100%),#cbd5e1 var(--vtRangeValue,100%) 100%)!important;
  }
  #volumeModal .volume-col input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none!important;
    width:24px!important;
    height:24px!important;
    border-radius:50%!important;
    margin-top:-7px!important;
    background:#fff!important;
    border:4px solid #2563eb!important;
    box-shadow:0 4px 14px rgba(37,99,235,.35)!important;
  }
  #volumeModal #micVolumeRange::-webkit-slider-thumb{border-color:#ef4444!important;box-shadow:0 4px 14px rgba(239,68,68,.35)!important;}
  #volumeModal .volume-col input[type=range]::-moz-range-track{
    height:10px!important;border-radius:999px!important;background:#cbd5e1!important;
  }
  #volumeModal .volume-col input[type=range]::-moz-range-progress{
    height:10px!important;border-radius:999px!important;background:#2563eb!important;
  }
  #volumeModal #micVolumeRange::-moz-range-progress{background:#ef4444!important;}
  #volumeModal .volume-col input[type=range]::-moz-range-thumb{
    width:18px!important;height:18px!important;border-radius:50%!important;background:#fff!important;border:4px solid #2563eb!important;
  }
  #volumeModal #micVolumeRange::-moz-range-thumb{border-color:#ef4444!important;}
  #volumeModal .volume-buttons{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    margin-top:14px!important;
  }
  #volumeModal .volume-buttons button{
    min-height:44px!important;
    border-radius:14px!important;
    font-size:14px!important;
  }
}


/* FIX55 - Ses paneli mute görseli + mobil çift çıkılıyor düzeltmesi
   Sadece volume modal ikonları ve mobil çıkış loading görünümü etkilenir. */
#volumeModal .volume-icon{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  transition:filter .18s ease, opacity .18s ease, transform .18s ease!important;
}
#volumeModal .volume-icon.vt-volume-muted{
  filter:grayscale(.25) saturate(.75)!important;
  opacity:.72!important;
}
#volumeModal .volume-icon.vt-volume-muted::after{
  content:''!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:1.65em!important;
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#ef4444,#dc2626)!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.78),0 3px 8px rgba(239,68,68,.35)!important;
  transform:translate(-50%,-50%) rotate(-38deg)!important;
  pointer-events:none!important;
}
#volumeModal .volume-icon.vt-volume-muted::before{
  content:''!important;
  position:absolute!important;
  inset:-7px!important;
  border:2px solid rgba(239,68,68,.55)!important;
  border-radius:999px!important;
  pointer-events:none!important;
}
@media(max-width:760px){
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn.is-leaving{
    font-size:0!important;
    color:transparent!important;
  }
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn.is-leaving::after{
    font-size:12px!important;
    color:#fee2e2!important;
  }
}


/* FIX59 - Mobil popup ve çıkış temizliği
   Kaynak: FIX55. Sadece mobil görünüm etkilenir; PC, LiveKit, Safari, radyo ve ses motoruna dokunmaz. */
@media (max-width:840px){
  body.room-v8.vt-panel-open{
    overflow:hidden!important;
  }

  /* Mobilde emoji/animasyon/stil/ses/ayarlar menüleri tek modal davranışı kullanır. */
  body.room-v8 #volumeModal.volume-popup-pro:not(.hidden),
  body.room-v8 #styleModal.style-modal-pro:not(.hidden),
  body.room-v8 #settingsModal.settings-popup-pro:not(.hidden){
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:calc(82px + env(safe-area-inset-bottom))!important;
    transform:translateX(-50%)!important;
    width:min(390px, calc(100vw - 22px))!important;
    max-width:calc(100vw - 22px)!important;
    max-height:calc(var(--vt-vvh, 100dvh) - 132px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    margin:0!important;
    border-radius:22px!important;
    border:1px solid rgba(148,163,184,.38)!important;
    background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%)!important;
    color:#0f172a!important;
    box-shadow:0 24px 90px rgba(0,0,0,.62)!important;
    z-index:2147483500!important;
    overflow:hidden!important;
    pointer-events:auto!important;
    box-sizing:border-box!important;
  }

  /* Hoparlör penceresi chat yazma alanına yakın, ama butonların üstüne binmeyecek şekilde sabitlenir. */
  body.room-v8 #volumeModal.volume-popup-pro:not(.hidden){
    bottom:calc(86px + env(safe-area-inset-bottom))!important;
  }

  /* Yazı/oda font paneli mobilde gerçek kart gibi ortalı ve taşmasız. */
  body.room-v8 #styleModal.style-modal-pro:not(.hidden){
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    padding:0!important;
    background:transparent!important;
  }
  body.room-v8 #styleModal.style-modal-pro:not(.hidden) .style-panel-pro{
    width:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    border:0!important;
    border-radius:22px!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }
  body.room-v8 #styleModal .style-panel-head,
  body.room-v8 #settingsModal .settings-popup-head,
  body.room-v8 #volumeModal .volume-popup-head{
    position:sticky!important;
    top:0!important;
    z-index:4!important;
    min-height:50px!important;
    height:50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 12px 0 15px!important;
    background:linear-gradient(135deg,#0f172a,#1e293b)!important;
    color:#fff!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
  }
  body.room-v8 #styleModal .style-panel-head b,
  body.room-v8 #settingsModal .settings-popup-head b,
  body.room-v8 #volumeModal .volume-popup-head b{
    font-size:17px!important;
    font-weight:1000!important;
  }
  body.room-v8 #styleModal .style-panel-head small,
  body.room-v8 #settingsModal .settings-popup-head small{
    display:none!important;
  }
  body.room-v8 #closeStyleModal,
  body.room-v8 #closeSettingsModal,
  body.room-v8 #closeVolumeModal{
    position:relative!important;
    z-index:10!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:12px!important;
    border:1px solid rgba(255,255,255,.22)!important;
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
    font-size:24px!important;
    line-height:1!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }

  body.room-v8 #styleModal .style-panel-body,
  body.room-v8 #settingsModal .settings-layout-pro,
  body.room-v8 #volumeModal .volume-popup-body{
    max-height:calc(var(--vt-vvh, 100dvh) - 190px - env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
  }

  /* Ayarlar mobilde iki kolon zorlamasın; sekmeler üstte yatay aksın. */
  body.room-v8 #settingsModal .settings-layout-pro{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
  }
  body.room-v8 #settingsModal .settings-left-tabs{
    flex:0 0 auto!important;
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    padding:10px!important;
    background:#e2e8f0!important;
    border-bottom:1px solid #cbd5e1!important;
  }
  body.room-v8 #settingsModal .settings-left-tabs button{
    flex:0 0 auto!important;
    min-height:40px!important;
    border-radius:13px!important;
    padding:0 14px!important;
    font-size:13px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  body.room-v8 #settingsModal .settings-right-content{
    min-width:0!important;
    padding:12px!important;
  }
  body.room-v8 #settingsModal .device-form-grid,
  body.room-v8 #settingsModal .settings-actions,
  body.room-v8 #settingsModal .settings-popup-footer,
  body.room-v8 #styleModal .style-panel-body,
  body.room-v8 #styleModal .style-panel-actions{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.room-v8 #settingsModal select,
  body.room-v8 #settingsModal input,
  body.room-v8 #styleModal select,
  body.room-v8 #styleModal input{
    max-width:100%!important;
  }

  /* Açık panel kapanınca görünmez katman kalıp alt butonları kilitlemesin. */
  body.room-v8 #volumeModal.hidden,
  body.room-v8 #styleModal.hidden,
  body.room-v8 #settingsModal.hidden{
    display:none!important;
    pointer-events:none!important;
  }

  /* Mobil çıkış: yazı yok, sadece ortada tek halka. */
  body.room-v8.vt-mobile-logout-spinner::before{
    content:''!important;
    position:fixed!important;
    inset:0!important;
    z-index:2147483600!important;
    background:rgba(2,6,23,.38)!important;
    backdrop-filter:blur(4px)!important;
    -webkit-backdrop-filter:blur(4px)!important;
    pointer-events:auto!important;
  }
  body.room-v8.vt-mobile-logout-spinner::after{
    content:''!important;
    position:fixed!important;
    left:50%!important;
    top:50%!important;
    z-index:2147483601!important;
    width:42px!important;
    height:42px!important;
    margin:-21px 0 0 -21px!important;
    border-radius:50%!important;
    border:4px solid rgba(255,255,255,.26)!important;
    border-top-color:#22d3ee!important;
    border-right-color:#a855f7!important;
    box-shadow:0 0 28px rgba(34,211,238,.32)!important;
    animation:vtMobileLogoutSpin59 .72s linear infinite!important;
  }
  body.room-v8 .vt-room-top-actions .vt-logout-top-btn.is-leaving::after{
    content:none!important;
    display:none!important;
  }
  @keyframes vtMobileLogoutSpin59{to{transform:rotate(360deg)}}
}


/* FIX60 - Sadece mobil animasyon penceresi X tıklama alanı ve katman düzeltmesi
   PC arayüzüne, ses/radyo/Safari sistemine dokunmaz. */
@media(max-width:840px){
  body.room-v8 #animBox.anim-popup-pro:not(.hidden){
    pointer-events:auto!important;
  }
  body.room-v8 #animBox .anim-popup-head{
    position:relative!important;
    z-index:5!important;
    pointer-events:auto!important;
  }
  body.room-v8 #closeAnimBox{
    position:relative!important;
    z-index:2147483002!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
    min-width:46px!important;
    min-height:46px!important;
    display:grid!important;
    place-items:center!important;
  }
  body.room-v8 #animList{
    position:relative!important;
    z-index:1!important;
  }
}

/* FIX61 - Mobil ayarlar ekranı kompakt kullanıcı dostu yapı
   Sadece mobilde çalışır. PC ayarlar, ses/radyo/Safari/LiveKit mantığına dokunmaz. */
@media (max-width: 840px){
  body.room-v8 #settingsModal.settings-popup-pro:not(.hidden){
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    top:calc(10px + env(safe-area-inset-top))!important;
    bottom:calc(var(--vt-mobile-chatbar-h,128px) + env(safe-area-inset-bottom) + 10px)!important;
    transform:none!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    border-radius:20px!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    z-index:999999!important;
    background:linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%)!important;
  }

  body.room-v8 #settingsModal .settings-popup-head{
    flex:0 0 48px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0 10px 0 14px!important;
    position:relative!important;
    z-index:5!important;
  }
  body.room-v8 #settingsModal .settings-popup-head b{
    font-size:17px!important;
    line-height:1!important;
  }
  body.room-v8 #settingsModal .settings-popup-head small{display:none!important;}
  body.room-v8 #closeSettingsModal{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:12px!important;
    font-size:24px!important;
    line-height:34px!important;
    pointer-events:auto!important;
    position:relative!important;
    z-index:10!important;
  }

  body.room-v8 #settingsModal .settings-layout-pro{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    background:#eef4fb!important;
  }

  body.room-v8 #settingsModal .settings-left-tabs{
    flex:0 0 auto!important;
    position:relative!important;
    top:auto!important;
    z-index:4!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    padding:8px 10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    border-right:0!important;
    border-bottom:1px solid #dbe7f4!important;
    background:linear-gradient(180deg,#eef6ff,#e8f0fb)!important;
  }
  body.room-v8 #settingsModal .settings-left-tabs::-webkit-scrollbar{display:none!important;}
  body.room-v8 #settingsModal .settings-left-tabs button{
    flex:0 0 auto!important;
    min-width:94px!important;
    height:36px!important;
    padding:0 10px!important;
    border-radius:12px!important;
    font-size:13px!important;
    line-height:36px!important;
    white-space:nowrap!important;
    box-shadow:none!important;
  }

  body.room-v8 #settingsModal .settings-right-content{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    background:linear-gradient(180deg,#f8fbff,#f1f5f9)!important;
  }

  body.room-v8 #settingsModal .settings-device-top{
    padding:9px 11px!important;
    gap:6px!important;
    border-bottom:1px solid #e2e8f0!important;
  }
  body.room-v8 #settingsModal .settings-device-top b{font-size:15px!important;}
  body.room-v8 #settingsModal .settings-device-top small{font-size:11px!important;line-height:1.25!important;}
  body.room-v8 #settingsModal .vt-auto-device-note{
    padding:7px 10px!important;
    border-radius:13px!important;
    font-size:11px!important;
    white-space:normal!important;
  }

  body.room-v8 #settingsModal .settings-panel{
    padding:10px 11px 14px!important;
    overflow:visible!important;
  }
  body.room-v8 #settingsModal .settings-panel h3{
    font-size:18px!important;
    margin:0 0 8px!important;
  }
  body.room-v8 #settingsModal .vt-auto-device-help,
  body.room-v8 #settingsModal .vt-radio-help{
    padding:9px 10px!important;
    margin:0 0 10px!important;
    border-radius:14px!important;
    font-size:12px!important;
    line-height:1.32!important;
  }
  body.room-v8 #settingsModal .permission-badges{
    display:flex!important;
    gap:6px!important;
    flex-wrap:wrap!important;
    margin-bottom:9px!important;
  }
  body.room-v8 #settingsModal .permission-badges span{
    font-size:10px!important;
    padding:6px 8px!important;
  }
  body.room-v8 #settingsModal .device-form-grid{
    padding:10px!important;
    gap:6px!important;
    border-radius:15px!important;
  }
  body.room-v8 #settingsModal .device-form-grid label,
  body.room-v8 #settingsModal .vt-radio-form label{
    font-size:13px!important;
  }
  body.room-v8 #settingsModal .device-form-grid select,
  body.room-v8 #settingsModal .vt-radio-form input,
  body.room-v8 #settingsModal .vt-settings-modern input,
  body.room-v8 #settingsModal .vt-settings-modern select{
    min-height:42px!important;
    height:42px!important;
    border-radius:13px!important;
    font-size:16px!important;
    padding:0 11px!important;
    box-sizing:border-box!important;
  }
  body.room-v8 #settingsModal .vt-radio-toggle{
    margin:8px 0 10px!important;
    padding:10px!important;
    border-radius:14px!important;
  }
  body.room-v8 #settingsModal .vt-radio-form{gap:6px!important;}
  body.room-v8 #settingsModal .vt-radio-form small,
  body.room-v8 #settingsModal .vt-radio-status{
    font-size:12px!important;
    line-height:1.3!important;
  }
  body.room-v8 #settingsModal .vt-radio-status{
    margin-top:9px!important;
    padding:8px 10px!important;
    border-radius:13px!important;
  }
  body.room-v8 #settingsModal .setting-check{
    min-height:40px!important;
    margin-bottom:7px!important;
    padding:8px 10px!important;
    border-radius:13px!important;
    font-size:13px!important;
    gap:8px!important;
  }
  body.room-v8 #settingsModal .setting-check input{
    width:18px!important;
    height:18px!important;
  }

  body.room-v8 #settingsModal .settings-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    margin-top:10px!important;
  }
  body.room-v8 #settingsModal .settings-actions button{
    width:100%!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 8px!important;
    border-radius:12px!important;
    font-size:12px!important;
  }
  body.room-v8 #settingsModal #grantMediaPerm{
    grid-column:1 / -1!important;
  }

  body.room-v8 #settingsModal .settings-popup-footer{
    flex:0 0 auto!important;
    position:relative!important;
    bottom:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    min-height:0!important;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;
    border-top:1px solid #dbe7f4!important;
    background:linear-gradient(135deg,#f8fafc,#eef6ff)!important;
  }
  body.room-v8 #settingsModal #settingsReadyBadge{display:none!important;}
  body.room-v8 #settingsModal .settings-popup-footer > div{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }
  body.room-v8 #settingsModal .settings-popup-footer button{
    width:100%!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 8px!important;
    border-radius:12px!important;
    font-size:12px!important;
  }
  body.room-v8 #settingsModal #fixMediaProblem{
    background:#f1f5f9!important;
    color:#475569!important;
    border-color:#cbd5e1!important;
  }
  body.room-v8 #settingsModal #saveSettingsBtn{
    background:linear-gradient(135deg,#2563eb,#7c3aed)!important;
    color:#fff!important;
  }
}

@media (max-width:380px){
  body.room-v8 #settingsModal.settings-popup-pro:not(.hidden){
    left:7px!important;
    right:7px!important;
    top:calc(7px + env(safe-area-inset-top))!important;
  }
  body.room-v8 #settingsModal .settings-left-tabs button{
    min-width:86px!important;
    font-size:12px!important;
  }
  body.room-v8 #settingsModal .settings-popup-footer > div{
    grid-template-columns:1fr!important;
  }
}

/* FIX66 - Admin Sistem aktif profil görünümü */
.vt-active-profile-card{border:1px solid rgba(37,99,235,.20);background:linear-gradient(135deg,rgba(239,246,255,.96),rgba(255,255,255,.98));}
.vt-active-profile-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}
.vt-active-profile-name{font-weight:900;font-size:20px;color:#0f172a;margin:4px 0 8px}
.vt-active-profile-values{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:560px}
.vt-active-profile-values span{display:inline-flex;align-items:center;gap:4px;padding:8px 10px;border-radius:999px;background:#fff;border:1px solid rgba(148,163,184,.35);font-size:13px;color:#475569;box-shadow:0 6px 18px rgba(15,23,42,.05)}
.vt-profile-card{position:relative;border:1px solid rgba(148,163,184,.22)!important;transition:.18s ease}
.vt-profile-card.is-active{border-color:rgba(37,99,235,.55)!important;box-shadow:0 14px 34px rgba(37,99,235,.12);background:linear-gradient(135deg,rgba(239,246,255,.92),#fff)}
.vt-profile-title-line{display:flex;align-items:center;justify-content:space-between;gap:10px}
.vt-profile-title-line h3{margin:0}
.vt-profile-active-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;background:#16a34a;color:#fff;font-size:12px;font-weight:800;white-space:nowrap}
.vt-profile-card.is-active button{background:#16a34a;cursor:default}


/* FIX78 - PC kişi işlem menüsü: küçük ekran taşma düzeltmesi ve profesyonel hover hissi */
@media (min-width: 769px){
  .user-menu{
    width: min(340px, calc(100vw - 24px)) !important;
    max-height: calc(100dvh - 24px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    padding: 10px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(148,163,184,.28) !important;
    background: linear-gradient(180deg, rgba(15,23,42,.98), rgba(10,18,32,.98)) !important;
    box-shadow: 0 26px 90px rgba(0,0,0,.62), 0 0 0 1px rgba(96,165,250,.08) inset !important;
    scrollbar-width: thin !important;
  }
  .user-menu::-webkit-scrollbar{ width: 8px; }
  .user-menu::-webkit-scrollbar-thumb{ background: rgba(148,163,184,.32); border-radius: 999px; }
  .user-menu::-webkit-scrollbar-track{ background: rgba(15,23,42,.35); border-radius: 999px; }
  .user-menu button{
    width: 100% !important;
    min-height: 46px !important;
    margin: 6px 0 !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    background: rgba(30,41,59,.92) !important;
    border: 1px solid rgba(148,163,184,.08) !important;
    color: #f8fafc !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
    text-align: left !important;
    transform: translateX(0) !important;
    transition: transform .14s ease, background .14s ease, border-color .14s ease, box-shadow .14s ease, color .14s ease !important;
  }
  .user-menu button:hover,
  .user-menu button:focus-visible{
    background: linear-gradient(135deg, rgba(37,99,235,.26), rgba(124,58,237,.22)), rgba(30,41,59,.98) !important;
    border-color: rgba(96,165,250,.48) !important;
    box-shadow: 0 10px 22px rgba(37,99,235,.18), inset 3px 0 0 rgba(56,189,248,.95) !important;
    transform: translateX(4px) !important;
    outline: none !important;
  }
  .user-menu button:active{
    transform: translateX(2px) scale(.992) !important;
  }
}

/* FIX79 - PC kişi işlem menüsü: modern kompakt panel, görünür klasik scrollbar yok */
@media (min-width: 769px){
  .user-menu{
    width: min(315px, calc(100vw - 24px)) !important;
    max-height: calc(100dvh - 24px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    scrollbar-width: none !important;
    padding: 8px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(148,163,184,.24) !important;
    background: linear-gradient(180deg, rgba(15,23,42,.985), rgba(10,18,32,.985)) !important;
    box-shadow: 0 24px 75px rgba(0,0,0,.58), 0 0 0 1px rgba(96,165,250,.08) inset !important;
  }
  .user-menu::-webkit-scrollbar{ width:0 !important; height:0 !important; display:none !important; }
  .user-menu button{
    width: 100% !important;
    min-height: 40px !important;
    margin: 4px 0 !important;
    padding: 10px 13px !important;
    border-radius: 13px !important;
    background: rgba(30,41,59,.92) !important;
    border: 1px solid rgba(148,163,184,.09) !important;
    color: #f8fafc !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    letter-spacing: .005em !important;
    text-align: left !important;
    transform: translateX(0) !important;
    transition: transform .14s ease, background .14s ease, border-color .14s ease, box-shadow .14s ease !important;
  }
  .user-menu.vt-user-menu-compact{
    width: min(300px, calc(100vw - 24px)) !important;
    padding: 7px !important;
  }
  .user-menu.vt-user-menu-compact button{
    min-height: 36px !important;
    margin: 3px 0 !important;
    padding: 8px 12px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
  }
  .user-menu button:hover,
  .user-menu button:focus-visible{
    background: linear-gradient(135deg, rgba(37,99,235,.25), rgba(124,58,237,.20)), rgba(30,41,59,.98) !important;
    border-color: rgba(96,165,250,.50) !important;
    box-shadow: 0 10px 22px rgba(37,99,235,.16), inset 3px 0 0 rgba(56,189,248,.95) !important;
    transform: translateX(3px) !important;
    outline: none !important;
  }
  .user-menu button:active{ transform: translateX(1px) scale(.992) !important; }
}

/* FIX80 - Mobil kişi işlem modalı: yetki bazlı gizleme ve dokunma hissi
   Sadece #vtMobileUserModal içindeki butonları etkiler; kişi kartı, LiveKit ve ceza mantığına dokunmaz. */
#vtMobileUserModal .vt-mum-actions button.vt-mum-hidden,
#vtMobileUserModal .vt-mum-actions button[hidden],
#vtMobileUserModal .vt-mum-actions button[aria-hidden="true"]{
  display:none!important;
}
@media(max-width:840px){
  #vtMobileUserModal .vt-mum-actions button{
    transition:transform .14s ease, background .14s ease, border-color .14s ease, box-shadow .14s ease!important;
    will-change:transform!important;
  }
  #vtMobileUserModal .vt-mum-actions button:active{
    transform:scale(.975)!important;
    background:rgba(51,65,85,.98)!important;
    border-color:rgba(96,165,250,.75)!important;
    box-shadow:0 0 0 2px rgba(59,130,246,.18) inset!important;
  }
  #vtMobileUserModal .vt-mum-actions button:focus-visible{
    outline:2px solid rgba(96,165,250,.9)!important;
    outline-offset:2px!important;
  }
}

/* FIX91 - Portal desktop/tablet smart fit & top alignment
   Scope: only main portal login page on non-mobile/tablet widths. */
@media (min-width: 781px){
  body.vt-portal-page{
    overflow-x:hidden!important;
  }
  body.vt-portal-page .vt-portal-wrap{
    width:min(1700px,calc(100vw - 36px))!important;
    padding-top:clamp(12px,1.6vh,24px)!important;
    padding-bottom:clamp(18px,2.5vh,34px)!important;
    gap:clamp(14px,1.8vh,22px)!important;
  }
  body.vt-portal-page .vt-portal-nav{
    margin-bottom:clamp(12px,1.6vh,22px)!important;
  }
  body.vt-portal-page .vt-portal-hero.vt-portal-rebuild-v268,
  body.vt-portal-page .vt-portal-hero{
    --vtPortalHeroH:clamp(430px,calc(100vh - 250px),565px);
    display:grid!important;
    grid-template-columns:minmax(210px,260px) minmax(520px,1fr) minmax(340px,430px)!important;
    gap:clamp(16px,1.4vw,26px)!important;
    align-items:start!important;
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    overflow:visible!important;
  }
  body.vt-portal-page .vt-recent-members,
  body.vt-portal-page .vt-portal-stage,
  body.vt-portal-page .vt-portal-login-card{
    height:var(--vtPortalHeroH)!important;
    min-height:var(--vtPortalHeroH)!important;
    max-height:var(--vtPortalHeroH)!important;
    align-self:start!important;
    margin-top:0!important;
    box-sizing:border-box!important;
  }
  body.vt-portal-page .vt-portal-login-card{
    width:100%!important;
    justify-content:center!important;
    overflow:hidden!important;
    padding:clamp(22px,2.2vh,32px)!important;
  }
  body.vt-portal-page .vt-portal-copy h1{
    font-size:clamp(38px,4.2vw,72px)!important;
    line-height:.96!important;
    margin:clamp(14px,2vh,26px) 0 clamp(10px,1.6vh,18px)!important;
  }
  body.vt-portal-page .vt-portal-copy p{
    font-size:clamp(15px,1.2vw,18px)!important;
    line-height:1.55!important;
    margin-bottom:clamp(12px,2vh,28px)!important;
  }
  body.vt-portal-page .vt-portal-login-card .join-tabs{
    margin-bottom:clamp(12px,1.8vh,24px)!important;
    gap:10px!important;
  }
  body.vt-portal-page .vt-portal-login-card .join-tabs button{
    min-height:clamp(52px,6.5vh,72px)!important;
    font-size:clamp(16px,1.2vw,19px)!important;
  }
  body.vt-portal-page .vt-portal-login-card .vt-input-v123,
  body.vt-portal-page .vt-portal-login-card .vt-input-v123 input{
    height:clamp(48px,5.6vh,60px)!important;
    min-height:clamp(48px,5.6vh,60px)!important;
  }
  body.vt-portal-page .vt-portal-login-card .gender-btn{
    height:clamp(62px,7.5vh,82px)!important;
  }
  body.vt-portal-page .vt-portal-login-card .start-chat{
    height:clamp(52px,6.4vh,64px)!important;
    min-height:clamp(52px,6.4vh,64px)!important;
    margin-top:clamp(14px,2vh,26px)!important;
  }
  body.vt-portal-page .vt-portal-login-card .vt-form-v123 label{
    margin-top:clamp(8px,1.2vh,13px)!important;
  }
  body.vt-portal-page .vt-recent-item:nth-child(n+7){display:none!important;}
}
@media (min-width: 781px) and (max-height: 860px){
  body.vt-portal-page .vt-portal-hero.vt-portal-rebuild-v268,
  body.vt-portal-page .vt-portal-hero{
    --vtPortalHeroH:clamp(410px,calc(100vh - 210px),500px);
  }
  body.vt-portal-page .vt-portal-wrap{padding-top:10px!important;gap:14px!important;}
  body.vt-portal-page .vt-portal-nav{margin-bottom:10px!important;}
  body.vt-portal-page .vt-portal-login-card{padding:20px!important;}
  body.vt-portal-page .vt-portal-copy h1{font-size:clamp(34px,3.7vw,56px)!important;}
  body.vt-portal-page .vt-portal-copy p{line-height:1.45!important;margin-bottom:12px!important;}
  body.vt-portal-page .vt-portal-mini-features{gap:8px!important;}
  body.vt-portal-page .vt-portal-music-wow{transform:scale(.88)!important;transform-origin:left bottom!important;}
  body.vt-portal-page .vt-recent-item:nth-child(n+6){display:none!important;}
}
@media (min-width: 781px) and (max-width: 1380px){
  body.vt-portal-page .vt-portal-hero.vt-portal-rebuild-v268,
  body.vt-portal-page .vt-portal-hero{
    grid-template-columns:minmax(480px,1fr) minmax(340px,390px)!important;
  }
  body.vt-portal-page .vt-recent-members{display:none!important;}
}
@media (min-width: 781px) and (max-width: 1100px){
  body.vt-portal-page .vt-portal-wrap{width:min(100% - 28px,760px)!important;}
  body.vt-portal-page .vt-portal-hero.vt-portal-rebuild-v268,
  body.vt-portal-page .vt-portal-hero{
    grid-template-columns:1fr!important;
    --vtPortalHeroH:auto;
  }
  body.vt-portal-page .vt-portal-stage,
  body.vt-portal-page .vt-portal-login-card{
    height:auto!important;
    min-height:auto!important;
    max-height:none!important;
  }
}

/* FIX92 - Portal hero feature cards vertical correction
   Scope: desktop/tablet portal only. Keeps login/recent top alignment from FIX91,
   but prevents the 3 mini feature cards from being pushed down by older portal overrides. */
@media (min-width: 781px){
  body.vt-portal-page .vt-portal-stage{
    display:block!important;
  }
  body.vt-portal-page .vt-portal-copy{
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    box-sizing:border-box!important;
    padding-top:clamp(24px,4vh,42px)!important;
    padding-bottom:clamp(22px,3.2vh,44px)!important;
  }
  body.vt-portal-page .vt-portal-mini-features{
    margin-top:clamp(10px,1.4vh,16px)!important;
    margin-bottom:0!important;
    padding-bottom:0!important;
    align-self:flex-start!important;
    transform:none!important;
  }
  body.vt-portal-page .vt-portal-mini-features:before,
  body.vt-portal-page .vt-portal-mini-features:after{
    display:none!important;
    content:none!important;
  }
  body.vt-portal-page .vt-portal-mini-features span{
    height:clamp(50px,6.2vh,68px)!important;
    min-height:clamp(50px,6.2vh,68px)!important;
  }
  body.vt-portal-page .vt-portal-music-wow{
    margin-top:auto!important;
  }
}
@media (min-width: 781px) and (max-height: 860px){
  body.vt-portal-page .vt-portal-copy{
    padding-top:clamp(18px,3vh,30px)!important;
    padding-bottom:clamp(16px,2.5vh,30px)!important;
  }
  body.vt-portal-page .vt-portal-mini-features{
    margin-top:8px!important;
    gap:8px!important;
  }
  body.vt-portal-page .vt-portal-mini-features span{
    height:52px!important;
    min-height:52px!important;
    font-size:10.8px!important;
    padding:7px 8px!important;
  }
}

/* FIX94R - Portal alt sayfalar genel responsive düzen (ana sayfa hariç) */
body.vt-public-layout-v313 .vt-portal-wrap{
  width:min(100% - 32px,1560px)!important;
  max-width:1560px!important;
  margin:0 auto!important;
}
body.vt-public-layout-v313 .vt-public-grid-v313{
  width:100%!important;
  max-width:1560px!important;
  margin:24px auto 34px!important;
  display:grid!important;
  grid-template-columns:clamp(220px,17vw,270px) minmax(0,1fr) clamp(320px,24vw,390px)!important;
  gap:clamp(16px,1.6vw,24px)!important;
  align-items:start!important;
}
body.vt-public-layout-v313 .vt-public-side,
body.vt-public-layout-v313 .vt-public-content-card-v313,
body.vt-public-layout-v313 .vt-public-join{
  align-self:start!important;
}
body.vt-public-layout-v313 .vt-public-content-card-v313{
  min-height:0!important;
  height:auto!important;
  padding:clamp(24px,2.3vw,34px)!important;
  overflow:hidden!important;
}
body.vt-public-layout-v313 .vt-public-join{
  position:sticky!important;
  top:18px!important;
  min-height:0!important;
  height:auto!important;
  padding:clamp(20px,2vw,28px)!important;
}
body.vt-public-layout-v313 .vt-public-join .join-tabs button{min-height:58px!important;font-size:clamp(16px,1.25vw,18px)!important;}
body.vt-public-layout-v313 .vt-public-join .input-icon{height:56px!important;}
body.vt-public-layout-v313 .vt-public-join .gender-btn{height:74px!important;}
body.vt-public-layout-v313 .vt-public-join .remember-row{height:auto!important;min-height:52px!important;margin:14px 0!important;}
body.vt-public-layout-v313 .vt-public-join .start-chat{height:60px!important;font-size:clamp(17px,1.25vw,19px)!important;}
body.vt-public-layout-v313 .vt-public-recent-list{max-height:min(58vh,520px)!important;overflow:auto!important;}
@media(max-width:1320px){
  body.vt-public-layout-v313 .vt-public-grid-v313{
    grid-template-columns:minmax(0,1fr) clamp(320px,32vw,380px)!important;
    width:100%!important;
  }
  body.vt-public-layout-v313 .vt-public-side{display:none!important;}
}
@media(max-width:980px){
  body.vt-public-layout-v313 .vt-portal-wrap{width:min(100% - 24px,820px)!important;}
  body.vt-public-layout-v313 .vt-public-grid-v313{grid-template-columns:1fr!important;gap:18px!important;margin-top:18px!important;}
  body.vt-public-layout-v313 .vt-public-join{position:relative!important;top:auto!important;}
}
@media(max-width:620px){
  body.vt-public-layout-v313 .vt-portal-wrap{width:min(100% - 18px,560px)!important;}
  body.vt-public-layout-v313 .vt-public-content-card-v313{padding:20px!important;border-radius:22px!important;}
  body.vt-public-layout-v313 .vt-public-content-card-v313 h1{font-size:32px!important;}
  body.vt-public-layout-v313 .vt-public-join{padding:18px!important;border-radius:22px!important;}
  body.vt-public-layout-v313 .vt-public-join .join-tabs{grid-template-columns:1fr!important;gap:10px!important;}
  body.vt-public-layout-v313 .vt-public-join .gender-grid{grid-template-columns:1fr!important;}
}

/* FIX96 - FIX94R baz alındı: Laptop/PC kişi sütunu genişletme
   Amaç: Kişi kartlarının iç yapısına dokunmadan sol kullanıcı sütununu yaklaşık %15 genişletmek,
   orta sohbet alanını aynı oranda daraltmak. Mobil, kişi kartı ikonları, ses/kamera ve JS mantığına dokunmaz. */
@media (min-width:1481px){
  body.room-v8 .room-shell{
    grid-template-columns:396px minmax(0,1fr) 424px!important;
  }
  body.room-v8 .user-drawer{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
  }
}
@media (min-width:901px) and (max-width:1480px){
  body.room-v8 .room-shell{
    grid-template-columns:368px minmax(0,1fr) 392px!important;
  }
  body.room-v8 .user-drawer{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
  }
  body.room-v8 .room-shell::before,
  body.room-v8 .room-shell::after{
    inset:86px 420px 114px 382px!important;
  }
}

/* FIX104 - HD/laptop aktif mikrofon paneli: gerçek selector düzeltmesi
   Kaynak: FIX96 ana çizgisi. Sadece PC/laptop sağ panel içi Aktif Mikrofonlar bölümünü etkiler.
   Amaç: aktif mikrofon kartındaki EQ çubuğunun alttaki boş karta taşmasını engellemek ve paneli kısa ekranlarda ekrana oturtmak. */
@media (min-width:901px){
  body.room-v8 .vt-room-right-panel{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(300px,1fr) clamp(315px,34vh,365px)!important;
    gap:12px!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.room-v8 .vt-room-cards-panel{
    min-height:0!important;
    height:100%!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  body.room-v8 .vt-active-mic-panel,
  body.room-v8 .vt-new-members-panel.vt-active-mic-panel{
    min-height:0!important;
    height:100%!important;
    max-height:none!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }
  body.room-v8 .vt-active-mic-head,
  body.room-v8 .vt-active-mic-summary{
    flex:0 0 auto!important;
  }
  body.room-v8 .vt-active-mic-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;
    overflow:hidden!important;
  }
  body.room-v8 .vt-active-mic-slot{
    position:relative!important;
    overflow:hidden!important;
    min-height:0!important;
    height:100%!important;
    display:grid!important;
    grid-template-columns:50px minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr) 16px!important;
    column-gap:8px!important;
    row-gap:2px!important;
    align-items:center!important;
    padding:7px 9px!important;
    box-sizing:border-box!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-avatar{
    grid-column:1!important;
    grid-row:1 / 3!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    flex:0 0 48px!important;
    align-self:center!important;
    margin:0!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-avatar img{
    width:39px!important;
    height:39px!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-ring,
  body.room-v8 .vt-active-mic-slot .vt-am-wave{
    inset:-3px!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-info{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    align-self:end!important;
    overflow:hidden!important;
  }
  body.room-v8 .vt-active-mic-slot b{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    line-height:1.05!important;
    font-size:12px!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-bars,
  body.room-v8 .vt-active-mic-slot .vt-am-horizontal-eq{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    justify-self:start!important;
    width:min(88px,100%)!important;
    max-width:88px!important;
    height:12px!important;
    min-height:12px!important;
    gap:2px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    align-items:flex-end!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-bars i,
  body.room-v8 .vt-active-mic-slot .vt-am-horizontal-eq i{
    width:3px!important;
    min-width:3px!important;
    max-height:11px!important;
    transform-origin:bottom center!important;
    margin:0!important;
  }
}

/* Kısa HD laptop yüksekliği: Odalar alanı kontrollü kısalır, Aktif Mikrofonlar ekranda kalır. */
@media (min-width:901px) and (max-height:820px){
  body.room-v8 .vt-room-right-panel{
    grid-template-rows:minmax(250px,1fr) 306px!important;
    gap:10px!important;
  }
  body.room-v8 .vt-active-mic-panel,
  body.room-v8 .vt-new-members-panel.vt-active-mic-panel{
    padding:14px!important;
  }
  body.room-v8 .vt-active-mic-head{
    margin-bottom:8px!important;
    padding-bottom:8px!important;
  }
  body.room-v8 .vt-active-mic-summary{
    margin-bottom:8px!important;
    font-size:12px!important;
  }
  body.room-v8 .vt-active-mic-grid{
    gap:7px!important;
  }
  body.room-v8 .vt-active-mic-slot{
    grid-template-columns:44px minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr) 13px!important;
    padding:6px 7px!important;
    column-gap:7px!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-avatar{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    flex-basis:42px!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-avatar img{
    width:34px!important;
    height:34px!important;
  }
  body.room-v8 .vt-active-mic-slot b{
    font-size:10.8px!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-bars,
  body.room-v8 .vt-active-mic-slot .vt-am-horizontal-eq{
    height:10px!important;
    min-height:10px!important;
    max-width:78px!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-bars i,
  body.room-v8 .vt-active-mic-slot .vt-am-horizontal-eq i{
    max-height:9px!important;
    width:2.5px!important;
    min-width:2.5px!important;
  }
}

/* Çok kısa 720p civarı: görsel kalite korunarak taşma yerine daha kompakt aktif mic kartları kullanılır. */
@media (min-width:901px) and (max-height:740px){
  body.room-v8 .vt-room-right-panel{
    grid-template-rows:minmax(220px,1fr) 284px!important;
    gap:8px!important;
  }
  body.room-v8 .vt-active-mic-head b{font-size:18px!important;}
  body.room-v8 .vt-active-mic-head span{height:26px!important;font-size:10px!important;max-width:120px!important;}
  body.room-v8 .vt-active-mic-summary{font-size:11px!important;margin-bottom:6px!important;}
  body.room-v8 .vt-active-mic-grid{gap:6px!important;}
  body.room-v8 .vt-active-mic-slot{
    grid-template-columns:38px minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr) 10px!important;
    padding:5px 6px!important;
    border-radius:13px!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-avatar{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    flex-basis:36px!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-avatar img{
    width:29px!important;
    height:29px!important;
  }
  body.room-v8 .vt-active-mic-slot b{font-size:9.8px!important;}
  body.room-v8 .vt-active-mic-slot .vt-am-bars,
  body.room-v8 .vt-active-mic-slot .vt-am-horizontal-eq{
    height:8px!important;
    min-height:8px!important;
    max-width:66px!important;
  }
  body.room-v8 .vt-active-mic-slot .vt-am-bars i,
  body.room-v8 .vt-active-mic-slot .vt-am-horizontal-eq i{
    max-height:7px!important;
    width:2px!important;
    min-width:2px!important;
  }
}

/* FIX111 - PC chat alt bar okunabilir büyütme
   Sadece masaüstü/tablet PC alt chat barını etkiler. Mobil arayüz korunur.
   Layout kolonları, sağ/sol paneller, kişi kartları ve LiveKit kodları değişmez. */
@media (min-width: 841px){
  body.room-v8 .room-shell{
    grid-template-rows:84px minmax(0,1fr) 124px!important;
  }
  body.room-v8 .modern-chatbar,
  body.room-v8 footer.composer.modern-chatbar{
    height:124px!important;
    min-height:124px!important;
    max-height:124px!important;
    padding:13px 16px!important;
    gap:11px!important;
    border-radius:24px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.room-v8 .modern-chatbar .icon-strip{
    min-height:46px!important;
    height:46px!important;
    max-height:46px!important;
    gap:9px!important;
    padding:0 0 5px 0!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  body.room-v8 .modern-chatbar .icon-strip .mini-icon,
  body.room-v8 .modern-chatbar .icon-strip #hand,
  body.room-v8 .modern-chatbar .icon-strip #statusBtn,
  body.room-v8 .modern-chatbar .icon-strip #mic,
  body.room-v8 .modern-chatbar .icon-strip #cam,
  body.room-v8 .modern-chatbar .icon-strip #emoji,
  body.room-v8 .modern-chatbar .icon-strip #anim,
  body.room-v8 .modern-chatbar .icon-strip #styleBtn,
  body.room-v8 .modern-chatbar .icon-strip #settings,
  body.room-v8 .modern-chatbar .icon-strip #volumeBtn{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    flex:0 0 40px!important;
    flex-basis:40px!important;
    border-radius:14px!important;
    font-size:18px!important;
    line-height:1!important;
    padding:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body.room-v8 .modern-chatbar .icon-strip #cam::before,
  body.room-v8 .modern-chatbar .icon-strip .cam-control::before{
    width:19px!important;
    height:19px!important;
  }
  body.room-v8 .modern-chatbar .icon-strip #selfInfo,
  body.room-v8 .modern-chatbar .icon-strip .self-info{
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:900!important;
    padding-left:12px!important;
  }
  body.room-v8 .modern-chatbar .message-strip{
    min-height:50px!important;
    height:50px!important;
    gap:13px!important;
    align-items:center!important;
  }
  body.room-v8 .modern-chatbar .message-strip input,
  body.room-v8 .modern-chatbar #msg{
    height:50px!important;
    min-height:50px!important;
    border-radius:18px!important;
    font-size:16px!important;
    padding:0 18px!important;
  }
  body.room-v8 .modern-chatbar .send-btn,
  body.room-v8 .modern-chatbar #send{
    height:50px!important;
    min-height:50px!important;
    min-width:112px!important;
    padding:0 24px!important;
    border-radius:18px!important;
    font-size:17px!important;
    font-weight:950!important;
  }
}

/* Kısa yüksekliğe sahip laptoplarda taşma olmasın diye aynı büyütmenin güvenli freni. */
@media (min-width: 841px) and (max-height: 780px){
  body.room-v8 .room-shell{
    grid-template-rows:78px minmax(0,1fr) 114px!important;
  }
  body.room-v8 .modern-chatbar,
  body.room-v8 footer.composer.modern-chatbar{
    height:114px!important;
    min-height:114px!important;
    max-height:114px!important;
    padding:11px 14px!important;
    gap:9px!important;
  }
  body.room-v8 .modern-chatbar .icon-strip{
    min-height:42px!important;
    height:42px!important;
    max-height:42px!important;
    gap:8px!important;
  }
  body.room-v8 .modern-chatbar .icon-strip .mini-icon,
  body.room-v8 .modern-chatbar .icon-strip #hand,
  body.room-v8 .modern-chatbar .icon-strip #statusBtn,
  body.room-v8 .modern-chatbar .icon-strip #mic,
  body.room-v8 .modern-chatbar .icon-strip #cam,
  body.room-v8 .modern-chatbar .icon-strip #emoji,
  body.room-v8 .modern-chatbar .icon-strip #anim,
  body.room-v8 .modern-chatbar .icon-strip #styleBtn,
  body.room-v8 .modern-chatbar .icon-strip #settings,
  body.room-v8 .modern-chatbar .icon-strip #volumeBtn{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    flex:0 0 36px!important;
    flex-basis:36px!important;
    border-radius:13px!important;
    font-size:17px!important;
  }
  body.room-v8 .modern-chatbar .message-strip{
    min-height:46px!important;
    height:46px!important;
    gap:11px!important;
  }
  body.room-v8 .modern-chatbar .message-strip input,
  body.room-v8 .modern-chatbar #msg{
    height:46px!important;
    min-height:46px!important;
    font-size:15px!important;
  }
  body.room-v8 .modern-chatbar .send-btn,
  body.room-v8 .modern-chatbar #send{
    height:46px!important;
    min-height:46px!important;
    min-width:104px!important;
    font-size:16px!important;
  }
}

/* FIX112 - PC chat alt bar +%15 ve modern input focus
   FIX111'in gerçek alt bar selector'ları üzerine sadece masaüstü/tablet PC için güvenli override.
   Mobil, layout kolonları, LiveKit, kişi kartları ve paneller etkilenmez. */
@media (min-width: 841px){
  body.room-v8 .room-shell{
    grid-template-rows:84px minmax(0,1fr) 142px!important;
  }
  body.room-v8 .modern-chatbar,
  body.room-v8 footer.composer.modern-chatbar{
    height:142px!important;
    min-height:142px!important;
    max-height:142px!important;
    padding:15px 18px!important;
    gap:12px!important;
    border-radius:26px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.room-v8 .modern-chatbar .icon-strip{
    min-height:53px!important;
    height:53px!important;
    max-height:53px!important;
    gap:10px!important;
    padding:0 0 6px 0!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  body.room-v8 .modern-chatbar .icon-strip .mini-icon,
  body.room-v8 .modern-chatbar .icon-strip #hand,
  body.room-v8 .modern-chatbar .icon-strip #statusBtn,
  body.room-v8 .modern-chatbar .icon-strip #mic,
  body.room-v8 .modern-chatbar .icon-strip #cam,
  body.room-v8 .modern-chatbar .icon-strip #emoji,
  body.room-v8 .modern-chatbar .icon-strip #anim,
  body.room-v8 .modern-chatbar .icon-strip #styleBtn,
  body.room-v8 .modern-chatbar .icon-strip #settings,
  body.room-v8 .modern-chatbar .icon-strip #volumeBtn{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    flex:0 0 46px!important;
    flex-basis:46px!important;
    border-radius:16px!important;
    font-size:20px!important;
    line-height:1!important;
    padding:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body.room-v8 .modern-chatbar .icon-strip #cam::before,
  body.room-v8 .modern-chatbar .icon-strip .cam-control::before{
    width:21px!important;
    height:21px!important;
  }
  body.room-v8 .modern-chatbar .icon-strip #selfInfo,
  body.room-v8 .modern-chatbar .icon-strip .self-info{
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:900!important;
    padding-left:13px!important;
  }
  body.room-v8 .modern-chatbar .message-strip{
    min-height:58px!important;
    height:58px!important;
    gap:15px!important;
    align-items:center!important;
  }
  body.room-v8 .modern-chatbar .message-strip input,
  body.room-v8 .modern-chatbar #msg{
    height:58px!important;
    min-height:58px!important;
    border-radius:20px!important;
    font-size:17px!important;
    padding:0 20px!important;
    outline:none!important;
    background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.96))!important;
    border:1px solid rgba(129,140,248,.34)!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
    transition:border-color .18s ease, box-shadow .18s ease, background .18s ease!important;
  }
  body.room-v8 .modern-chatbar .message-strip input:focus,
  body.room-v8 .modern-chatbar #msg:focus{
    outline:none!important;
    background:linear-gradient(180deg,rgba(15,23,42,1),rgba(8,13,31,.98))!important;
    border-color:rgba(96,165,250,.9)!important;
    box-shadow:0 0 0 2px rgba(96,165,250,.20),0 0 22px rgba(124,58,237,.18),inset 0 1px 0 rgba(255,255,255,.06)!important;
  }
  body.room-v8 .modern-chatbar .send-btn,
  body.room-v8 .modern-chatbar #send{
    height:58px!important;
    min-height:58px!important;
    min-width:128px!important;
    padding:0 28px!important;
    border-radius:20px!important;
    font-size:18px!important;
    font-weight:950!important;
  }
}

/* 768p/HD laptoplarda aynı büyütmenin taşmaması için frenli sürüm. */
@media (min-width: 841px) and (max-height: 780px){
  body.room-v8 .room-shell{
    grid-template-rows:78px minmax(0,1fr) 128px!important;
  }
  body.room-v8 .modern-chatbar,
  body.room-v8 footer.composer.modern-chatbar{
    height:128px!important;
    min-height:128px!important;
    max-height:128px!important;
    padding:13px 16px!important;
    gap:10px!important;
  }
  body.room-v8 .modern-chatbar .icon-strip{
    min-height:47px!important;
    height:47px!important;
    max-height:47px!important;
    gap:9px!important;
  }
  body.room-v8 .modern-chatbar .icon-strip .mini-icon,
  body.room-v8 .modern-chatbar .icon-strip #hand,
  body.room-v8 .modern-chatbar .icon-strip #statusBtn,
  body.room-v8 .modern-chatbar .icon-strip #mic,
  body.room-v8 .modern-chatbar .icon-strip #cam,
  body.room-v8 .modern-chatbar .icon-strip #emoji,
  body.room-v8 .modern-chatbar .icon-strip #anim,
  body.room-v8 .modern-chatbar .icon-strip #styleBtn,
  body.room-v8 .modern-chatbar .icon-strip #settings,
  body.room-v8 .modern-chatbar .icon-strip #volumeBtn{
    width:41px!important;
    height:41px!important;
    min-width:41px!important;
    max-width:41px!important;
    flex:0 0 41px!important;
    flex-basis:41px!important;
    border-radius:15px!important;
    font-size:18px!important;
  }
  body.room-v8 .modern-chatbar .message-strip{
    min-height:52px!important;
    height:52px!important;
    gap:12px!important;
  }
  body.room-v8 .modern-chatbar .message-strip input,
  body.room-v8 .modern-chatbar #msg{
    height:52px!important;
    min-height:52px!important;
    font-size:16px!important;
  }
  body.room-v8 .modern-chatbar .send-btn,
  body.room-v8 .modern-chatbar #send{
    height:52px!important;
    min-height:52px!important;
    min-width:118px!important;
    font-size:17px!important;
  }
}

/* FIX113 - PC/laptop ayarlar penceresi ekrana tam oturma + iç kaydırma
   Sadece masaüstü ayarlar modalını etkiler. Mobil, LiveKit, ses/mikrofon ve diğer paneller değişmez. */
@media (min-width: 841px){
  body.room-v8 #settingsModal.settings-popup-pro:not(.hidden){
    position:fixed!important;
    left:50%!important;
    top:50%!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    width:min(900px, calc(100vw - 44px))!important;
    max-width:calc(100vw - 44px)!important;
    height:auto!important;
    max-height:calc(var(--vt-vvh, 100dvh) - 36px)!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }

  body.room-v8 #settingsModal .settings-popup-head{
    flex:0 0 56px!important;
    height:56px!important;
    min-height:56px!important;
  }

  body.room-v8 #settingsModal .settings-layout-pro{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    display:grid!important;
    grid-template-columns:150px minmax(0,1fr)!important;
    overflow:hidden!important;
  }

  body.room-v8 #settingsModal .settings-left-tabs{
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }

  body.room-v8 #settingsModal .settings-right-content{
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    padding-bottom:12px!important;
  }

  body.room-v8 #settingsModal .settings-panel{
    overflow:visible!important;
    padding-bottom:18px!important;
  }

  body.room-v8 #settingsModal .settings-popup-footer{
    flex:0 0 auto!important;
    min-height:58px!important;
    height:auto!important;
    position:relative!important;
    z-index:5!important;
  }
}

@media (min-width: 841px) and (max-height: 760px){
  body.room-v8 #settingsModal.settings-popup-pro:not(.hidden){
    max-height:calc(var(--vt-vvh, 100dvh) - 24px)!important;
    width:min(860px, calc(100vw - 32px))!important;
  }
  body.room-v8 #settingsModal .settings-popup-head{
    flex-basis:50px!important;
    height:50px!important;
    min-height:50px!important;
  }
  body.room-v8 #settingsModal .settings-popup-head b{font-size:18px!important;}
  body.room-v8 #settingsModal .settings-popup-head small{font-size:11px!important;}
  body.room-v8 #settingsModal .settings-left-tabs{padding:10px!important;gap:8px!important;}
  body.room-v8 #settingsModal .settings-left-tabs button{height:42px!important;font-size:15px!important;}
  body.room-v8 #settingsModal .settings-device-top{padding:10px 14px!important;}
  body.room-v8 #settingsModal .settings-device-top b{font-size:16px!important;}
  body.room-v8 #settingsModal .settings-device-top small{font-size:12px!important;}
  body.room-v8 #settingsModal .settings-panel{padding:12px 14px 16px!important;}
  body.room-v8 #settingsModal .settings-panel h3{font-size:21px!important;margin-bottom:9px!important;}
  body.room-v8 #settingsModal .vt-auto-device-help{padding:11px 13px!important;margin-bottom:11px!important;font-size:13px!important;}
  body.room-v8 #settingsModal .permission-badges{margin-bottom:10px!important;}
  body.room-v8 #settingsModal .device-form-grid{padding:12px!important;gap:9px!important;}
  body.room-v8 #settingsModal .device-form-grid select{height:44px!important;}
  body.room-v8 #settingsModal .settings-popup-footer{min-height:52px!important;padding:8px 12px!important;}
}