*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Arial,Helvetica,sans-serif;color:#172033}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}:root{--accent:#1478ff;--accent-soft:#e7f0ff;--border:#dfe5ec;--muted:#8793a6;--sidebar:#fff;--panel:#fff;--chat:#fff;--text:#172033}
body.theme-orange{--accent:#ff8a2b;--accent-soft:#fff0e4}body.theme-purple{--accent:#8b5cf6;--accent-soft:#f0eaff}body.theme-red{--accent:#ef4444;--accent-soft:#feecec}body.theme-green{--accent:#10b981;--accent-soft:#e6f8f2}
body.dark{--sidebar:#141a24;--panel:#1c2431;--chat:#111722;--text:#eef4ff;--border:#2b3545;--muted:#9aa7ba;background:#0c1119;color:var(--text)}
.login-page{min-height:100vh;background:radial-gradient(circle at 10% 30%,#2d6db5 0,#163d72 28%,#081329 58%,#3a1765 100%);display:grid;place-items:center;padding:24px}.login-card{width:min(345px,92vw);background:#fff;border-radius:4px;box-shadow:8px 8px 0 rgba(255,255,255,.8),0 14px 50px rgba(0,0,0,.35);padding:30px 24px 0;text-align:center}.login-card h1{margin:0;color:#1d64e8;font-size:24px}.subtitle{font-size:10px;color:#7c8493;margin:6px 0 28px}.brand-sep{display:flex;align-items:center;gap:12px;color:#697386;margin-bottom:28px}.brand-sep span{height:1px;background:#ccd2dc;flex:1}.login-card input{width:100%;padding:12px;border:1px solid #c9ced7;background:#eef0f3;border-radius:3px;outline:none}.gender-switch{display:flex;justify-content:center;margin:14px 0 18px}.gender{border:1px solid #cbd1da;background:#eef1f5;padding:8px 18px}.gender.active{background:#dce8ff;color:#155ec9}.login-btn{background:#ffe1a4;border:1px solid #ffb24a;border-radius:20px;padding:9px 38px;color:#5a6574}.form-error{min-height:28px;padding:8px;color:#b00020;font-size:13px}.login-footer{display:flex;justify-content:space-around;border-top:1px solid #e7e9ee;margin:8px -24px 0;padding:16px 8px}.login-footer a{color:#70798b;text-decoration:none;font-size:12px}
.chat-page{height:100vh;overflow:hidden;background:#f4f6f9;color:var(--text)}.app{display:grid;grid-template-columns:350px 1fr;height:100vh}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);min-width:0;overflow:hidden}.sidebar-icons{height:60px;display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--border);background:var(--sidebar)}.top-icon{border:0;background:transparent;color:#8d99ab;padding:14px;position:relative}.top-icon svg,.composer-icon svg{width:25px;height:25px;fill:currentColor}.top-icon.active{color:var(--accent)}.top-icon.active:after{content:"";position:absolute;height:3px;left:18px;right:18px;bottom:0;background:var(--accent);border-radius:4px 4px 0 0}
.side-panel{display:none;height:calc(100vh - 60px);background:var(--panel)}.side-panel.active{display:block}.side-search{height:56px;padding:10px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;position:relative}.side-search input{width:100%;border:1px solid #ced6e0;border-radius:4px;padding:10px 36px 10px 11px;background:var(--sidebar);color:var(--text)}.side-search span{position:absolute;right:27px;color:#919eaf}.panel-heading{height:42px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;font-size:12px;color:#6f7b8d;border-bottom:1px solid var(--border);letter-spacing:.4px}.rooms-list{overflow:auto;height:calc(100% - 98px)}.room-item{display:grid;grid-template-columns:32px 1fr auto auto;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer}.room-item:hover,.room-item.active{background:var(--accent-soft)}.room-star{border:0;background:transparent;color:#8d9aac;font-size:23px;padding:0}.room-star.on{color:#f4b400}.room-main b{display:block;font-size:14px}.room-main small{display:block;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-count{font-size:12px;color:#8792a3}.lock{font-size:15px;color:#64748b}
.tabs{display:grid;grid-template-columns:1fr 1fr 1.2fr;margin:10px 14px;border:1px solid var(--border);border-radius:4px;overflow:hidden}.tabs button{border:0;border-right:1px solid var(--border);background:var(--panel);color:var(--text);padding:9px}.tabs button.active{background:var(--accent-soft);color:var(--accent)}.users{padding:0 14px 14px;overflow:auto;height:calc(100% - 104px)}.user{display:flex;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid var(--border)}.user .uavatar,.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#dce5ef;font-weight:bold}.user.admin .uavatar{background:#ffcad5}.user b{display:block}.user small,.me small,.chat-header small{display:block;color:var(--muted);margin-top:4px}.rank-admin{color:#10b981;font-weight:bold}.blank-panel .empty-state{padding:28px 18px;color:var(--muted);text-align:center}.wide-action{display:block;width:calc(100% - 28px);margin:0 14px;border:0;background:var(--accent);color:#fff;border-radius:5px;padding:11px}
.settings-scroll{overflow:auto;height:100%;padding-bottom:20px}.setting-row{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;border-bottom:1px solid var(--border);font-size:13px}.setting-row select{border:0;background:transparent;color:var(--accent);outline:none;text-align:right}.switch{position:relative;width:37px;height:20px}.switch input{display:none}.switch i{position:absolute;inset:0;background:#d7dde5;border-radius:20px}.switch i:before{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #999;transition:.2s}.switch input:checked+i{background:var(--accent)}.switch input:checked+i:before{transform:translateX(17px)}.theme-block{padding:16px}.theme-colors{display:flex;gap:12px;margin-top:12px}.tc{width:27px;height:27px;border-radius:50%;border:3px solid transparent}.tc.active{outline:2px solid var(--accent);outline-offset:2px}.tc.orange{background:#ff8a2b}.tc.purple{background:#8b5cf6}.tc.blue{background:#1478ff}.tc.red{background:#ef4444}.tc.green{background:#10b981}
.chat{min-width:0;display:grid;grid-template-rows:60px 1fr 62px;background:var(--chat)}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:8px 18px;border-bottom:1px solid var(--border);background:var(--chat)}.room-head b{display:block}.me{display:flex;align-items:center;gap:10px}.me .avatar{width:38px;height:38px;background:var(--accent);color:#fff}.me button{border:0;background:transparent;font-size:24px;color:#9aa5b6}.messages{overflow:auto;padding:16px 24px;background:linear-gradient(135deg,#0f172a 0%,#27364e 52%,#0c1727 100%);position:relative}.messages:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.08),transparent 25%),radial-gradient(circle at 80% 65%,rgba(23,120,255,.13),transparent 30%);pointer-events:none}.msg{position:relative;z-index:1;max-width:72%;width:max-content;background:#fff;color:#1f2937;border-radius:22px;padding:9px 13px;margin:8px 0;box-shadow:0 1px 4px rgba(0,0,0,.18)}.msg.system{margin-left:auto;margin-right:auto;background:#fff}.msg .name{font-weight:700;color:#1465d7;margin-right:6px}.msg time{font-size:10px;color:#8a94a5;margin-left:10px}.composer{display:flex;gap:7px;align-items:center;padding:8px 13px;border-top:1px solid var(--border);background:var(--chat);position:relative}.composer input{flex:1;min-width:80px;border:1px solid #cfd6e0;border-radius:5px;padding:11px 13px;background:var(--panel);color:var(--text)}.composer-icon,.send-btn{border:0;background:transparent;color:#8694a8;width:38px;height:38px;display:grid;place-items:center;border-radius:8px}.composer-icon:hover,.send-btn:hover{background:var(--accent-soft);color:var(--accent)}.send-btn{color:var(--accent);font-size:23px}.composer-icon.hand{font-size:22px}.composer-icon.radio{font-size:23px}.composer-icon.live{background:#ffe9e9;color:#ef4444}.emoji-wrap{position:relative}.emoji-panel{position:absolute;left:0;bottom:49px;width:260px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.25);padding:10px;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;z-index:30}.emoji-panel button{border:0;background:transparent;font-size:23px;padding:5px;border-radius:6px}.emoji-panel button:hover{background:var(--accent-soft)}
.context-menu{position:fixed;z-index:50;width:190px;background:var(--panel);border-radius:4px;box-shadow:0 8px 28px rgba(0,0,0,.25);padding:4px 0;overflow:hidden}.context-menu button{display:block;width:100%;text-align:left;border:0;background:var(--panel);color:var(--text);padding:11px 14px}.context-menu button:hover{background:var(--accent-soft)}
.modal,.media-modal{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.5);display:grid;place-items:center;padding:14px}.admin-window{width:min(900px,96vw);max-height:92vh;overflow:auto;background:#fff;border:2px solid var(--accent)}.admin-title{position:sticky;top:0;z-index:2;background:var(--accent);color:#fff;padding:8px 12px;display:flex;justify-content:space-between}.modal-close{border:0;background:#fff;color:#111;font-weight:bold}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:12px}.admin-grid button{min-height:110px;border:0;border-radius:5px;background:var(--accent);color:#fff;font-size:38px;box-shadow:0 4px 10px rgba(0,0,0,.15)}.admin-grid button span{display:block;font-size:16px;margin-top:12px}.admin-content{padding:16px;color:#172033}.admin-content h3{margin-top:0}.admin-content input,.admin-content textarea,.admin-content select{width:100%;padding:9px;margin:5px 0 10px;border:1px solid #cbd3df;border-radius:5px}.admin-content textarea{min-height:80px}.btn{border:0;background:var(--accent);color:#fff;padding:9px 14px;border-radius:5px}.btn.danger{background:#dc2626}.table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th,.admin-table td{border-bottom:1px solid #e3e7ed;padding:9px;text-align:left;white-space:nowrap}.module-back{margin-bottom:12px;border:0;background:#eef3fa;padding:8px 12px;border-radius:5px}.media-box{width:min(620px,94vw);background:#fff;border-radius:10px;overflow:hidden}.media-title{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--accent);color:#fff}.media-title button{border:0;background:#fff;border-radius:4px}.media-box video{display:block;width:100%;max-height:60vh;background:#101820}.media-box #mediaStatus{padding:12px;color:#374151}#toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:#111827;color:#fff;padding:10px 14px;border-radius:7px;display:none;z-index:99}
@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{position:fixed;z-index:25;left:0;top:0;width:min(350px,92vw);height:100vh;box-shadow:4px 0 24px rgba(0,0,0,.28)}.chat{grid-template-rows:58px 1fr 60px}.chat-header{padding:7px 10px;margin-left:0}.me small{display:none}.messages{padding:12px}.msg{max-width:90%}.composer{gap:2px;padding:6px}.composer input{padding:10px 9px}.composer-icon,.send-btn{width:34px;height:36px}.composer-icon svg{width:22px;height:22px}.admin-grid{grid-template-columns:repeat(2,1fr)}.admin-grid button{min-height:90px;font-size:30px}.admin-grid button span{font-size:13px}}


/* V7.2 exact-style settings + profile */
.exact-settings{padding:8px 16px 24px}
.member-join-box{border:1px solid #f0c65a;border-radius:9px;background:#fffaf0;text-align:center;padding:8px 10px;margin-bottom:8px;color:#273247;font-size:12px}
.member-join-box button{display:block;margin:6px auto 0;border:0;background:#3f86f7;color:#fff;border-radius:5px;padding:8px 18px}
.settings-profile-card{display:grid;grid-template-columns:70px 1fr 58px;align-items:center;background:linear-gradient(100deg,#fff 0,#f4f7ff 68%,#eef3fb 68%);min-height:78px;margin:0 -16px 8px;padding:7px 12px}
.settings-avatar{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#2f91ff;color:#fff;font-size:26px;font-weight:700;overflow:hidden;background-size:cover;background-position:center}
.settings-profile-text b{display:block;font-size:16px}.settings-profile-text span{display:block;font-size:12px;color:#6b7280;margin-top:3px}.settings-profile-text small{display:block;font-size:12px;color:#1f6df2;margin-top:4px}
.profile-menu-btn{width:47px;height:47px;border:6px solid #e7edf8;background:#9fc5ff;color:#fff;border-radius:50%;font-size:18px}
.exact-settings .setting-row{padding-left:4px;padding-right:4px;border-bottom:0;min-height:44px;font-size:14px}
.more-settings{display:block;margin:0 auto 5px;border:0;background:transparent;color:#9aa4b5;padding:5px 12px}
.settings-separator{display:flex;align-items:center;gap:8px;color:#9ca7b9;font-size:12px;margin:10px 0}.settings-separator:before,.settings-separator:after{content:"";height:1px;background:#dfe5ec;flex:1}.settings-separator span{white-space:nowrap}
.theme-system-row{display:flex;align-items:center;gap:10px}.system-theme-btn{border:1px solid #cad4e1;border-radius:16px;background:#fff;color:#506074;padding:6px 14px;font-size:12px}.theme-system-row .theme-colors{display:flex;gap:10px;flex-wrap:nowrap;margin:0}.theme-system-row .tc{width:20px;height:20px;border:0;border-radius:50%}.tc.dark1{background:#273449}.tc.dark2{background:#596577}.tc.gray{background:#aeb8c5}.tc.yellow{background:#ffba22}.tc.lime{background:#65cf0b}.tc.cyan{background:linear-gradient(90deg,#28c8be,#d8fbff)}
body.theme-dark1{--accent:#334155;--accent-soft:#e7ebef}body.theme-dark2{--accent:#64748b;--accent-soft:#eef1f4}body.theme-gray{--accent:#a0aab8;--accent-soft:#f2f4f6}body.theme-yellow{--accent:#f5b51b;--accent-soft:#fff6d8}body.theme-lime{--accent:#65c916;--accent-soft:#eefadb}body.theme-cyan{--accent:#2bc8c1;--accent-soft:#e4fbfa}
.profile-modal{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:80;display:grid;place-items:center;padding:12px}.profile-window{width:min(760px,96vw);background:#fff;border:3px solid #1478ff;box-shadow:0 12px 35px rgba(0,0,0,.35)}.profile-title{height:42px;background:#1478ff;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-weight:700}.profile-title button{border:0;background:#fff;color:#222;width:22px;height:22px}.profile-body{display:grid;grid-template-columns:195px 1fr;min-height:340px}.profile-nav{background:#f7f7f7;border-right:1px solid #dfe3e8}.profile-nav button{width:100%;height:49px;border:0;border-bottom:1px solid #ddd;background:#f7f7f7;text-align:left;padding:0 14px;color:#5d6470}.profile-nav button.active{background:#fff}.profile-nav button span{margin-left:9px}.profile-content{padding:20px;min-width:0}.profile-center{text-align:center}.profile-big-avatar{width:110px;height:110px;border-radius:50%;margin:0 auto 12px;background:#111;color:#fff;display:grid;place-items:center;font-size:40px;background-size:cover;background-position:center;border:5px solid #e5e7eb}.profile-nick{font-size:16px;margin:6px}.profile-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:14px}.profile-action-grid button{padding:9px;border:1px solid #ccd4df;background:#fff;border-radius:4px;color:#5e6978}.profile-action-grid button.full{grid-column:1/-1}.profile-form label{display:block;font-size:13px;margin-top:8px}.profile-form input,.profile-form select{width:100%;padding:9px;border:1px solid #ccd4df;border-radius:4px;margin-top:4px}.profile-form .btn{margin-top:12px}.register-window{width:min(420px,94vw);background:#fff;border:3px solid #1478ff}.register-body{padding:18px}.register-body label{display:block;font-size:13px;margin:8px 0 4px}.register-body input{width:100%;padding:9px;border:1px solid #ccd4df;border-radius:4px}.profile-note{padding:10px;background:#f5f7fb;border-radius:6px;color:#667085;font-size:13px;margin:8px 0}.danger-zone{background:#fff1f1;border:1px solid #ffd0d0;border-radius:7px;padding:14px}.danger-zone .btn{background:#dc2626}
@media(max-width:640px){.profile-body{grid-template-columns:1fr}.profile-nav{display:grid;grid-template-columns:repeat(3,1fr);border-right:0}.profile-nav button{font-size:11px;padding:5px;height:54px;text-align:center}.profile-nav button span{display:block;margin:3px 0 0}.profile-content{padding:14px}.settings-profile-card{grid-template-columns:64px 1fr 55px}}


/* V7.3 membership CTA visibility fix */
#memberJoinBox{display:block!important;visibility:visible!important;opacity:1!important;min-height:70px}
#registerMemberBtn{display:block!important;visibility:visible!important;opacity:1!important;min-width:124px}
#registerMemberBtn:disabled{opacity:.65!important;cursor:default}


/* V7.4 emoji + games + gifs + share menu */
.fun-cluster{display:flex;align-items:center;background:#10273d;border-radius:10px;padding:3px 5px;gap:2px;flex:0 0 auto}
.fun-btn{width:32px;height:32px;border:0;background:transparent;border-radius:7px;display:grid;place-items:center;font-size:17px}
.fun-btn:hover{background:rgba(255,255,255,.1)}.emoji-fun{color:#f7d800}.games-fun{color:#52e4c0}.gifs-fun{color:#ff6f9a}
.tool-popup{position:fixed;z-index:70;width:min(420px,92vw);max-height:60vh;overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 15px 40px rgba(0,0,0,.35)}
.tool-popup-title{height:42px;background:#10273d;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-weight:700}.tool-popup-title button{border:0;background:transparent;color:#fff;font-size:22px}
.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px;overflow:auto;max-height:calc(60vh - 42px)}.game-card{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:9px;padding:15px 10px;text-align:center}.game-card b{display:block;margin-top:5px}
.gifs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;overflow:auto;max-height:calc(60vh - 42px)}.gif-card{border:1px solid var(--border);background:#fff;border-radius:7px;padding:4px}.gif-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:5px;display:block}
.share-menu{position:fixed;z-index:75;width:175px;background:rgba(245,245,248,.96);border:1px solid #b9c0c9;border-radius:4px;box-shadow:0 12px 28px rgba(0,0,0,.28);overflow:hidden;color:#303845}.share-live{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:7px;padding:13px 10px;border-bottom:1px solid #d4d8de;font-size:13px}.share-live input{width:56px}.share-menu>button{display:grid;grid-template-columns:27px 1fr;align-items:center;width:100%;border:0;border-bottom:1px solid #d4d8de;background:transparent;padding:11px 13px;text-align:left;color:#303845}.share-menu>button:hover{background:#e8eaee}.share-menu>button span{font-size:13px}
.msg.image-msg{padding:5px;border-radius:10px}.msg.image-msg img{max-width:min(360px,70vw);max-height:360px;display:block;border-radius:8px}.msg.voice-msg audio{width:min(300px,65vw)}
.admin-thumb{width:58px;height:58px;object-fit:cover;border-radius:5px;border:1px solid #ddd}
@media(max-width:760px){.fun-cluster{padding:2px 3px}.fun-btn{width:28px;height:30px;font-size:15px}.games-grid{grid-template-columns:1fr 1fr}.gifs-grid{grid-template-columns:repeat(2,1fr)}}


/* V7.5 chat scroll / GIF overflow fix */
html, body.chat-page { height:100%; min-height:100%; overflow:hidden !important; }
.chat-page .app { height:100vh; min-height:0; overflow:hidden; }
.chat-page .sidebar,
.chat-page .chat { min-height:0; height:100vh; overflow:hidden; }
.chat-page .chat { grid-template-rows:60px minmax(0,1fr) 62px; }
.chat-page .messages {
    min-height:0;
    height:auto;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    position:relative;
}
.chat-page .composer {
    position:relative;
    z-index:8;
    flex-shrink:0;
}
.msg { max-width:min(72%, 720px); overflow-wrap:anywhere; word-break:break-word; }
.msg.image-msg { max-width:min(72%, 520px); }
.msg.image-msg img {
    display:block;
    width:auto !important;
    height:auto !important;
    max-width:min(420px, 65vw) !important;
    max-height:300px !important;
    object-fit:contain;
}
.gif-card img {
    width:100%;
    height:110px;
    max-height:110px;
    object-fit:cover;
}
.gifs-grid {
    min-height:0;
    overflow-y:auto !important;
    overflow-x:hidden;
}
.tool-popup { overflow:hidden; }
@media(max-width:760px){
  .chat-page .chat{grid-template-rows:58px minmax(0,1fr) 60px}
  .msg{max-width:90%}
  .msg.image-msg{max-width:88%}
  .msg.image-msg img{max-width:72vw !important;max-height:240px !important}
}


/* V7.6 Gift System */
.gift-composer-btn{font-size:19px}
.gift-window{width:min(720px,95vw);max-height:82vh;background:#f2f2f4;border:1px solid #888;border-radius:4px;box-shadow:0 15px 40px rgba(0,0,0,.4);overflow:hidden}
.gift-titlebar{height:42px;background:linear-gradient(#fafafa,#e4e4e7);border-bottom:1px solid #aaa;display:flex;align-items:center;padding:0 12px;font-weight:700;color:#333}
.gift-titlebar span{margin-left:auto;margin-right:12px;font-size:12px;color:#9b6c00}.gift-titlebar button{width:25px;height:25px;border:1px solid #999;background:#fff}
.gift-recipient-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #d2d2d5}.gift-recipient-row select{flex:1;padding:7px;border:1px solid #aaa;background:#fff}
.gift-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;padding:12px;max-height:55vh;overflow-y:auto}
.gift-card{position:relative;background:#fff;border:1px solid #b8b8bd;border-radius:4px;padding:5px;min-height:112px}.gift-card img{width:100%;height:82px;object-fit:contain;display:block}.gift-card b{display:block;text-align:center;font-size:11px;margin:3px 0}.gift-price{position:absolute;right:4px;top:72px;background:#e72832;color:#fff;border-radius:3px;padding:3px 6px;font-size:10px;font-weight:700}
.gift-cancel{display:block;margin:0 auto 12px;padding:7px 26px;border:1px solid #aaa;background:linear-gradient(#fff,#ddd);border-radius:4px}
.msg.gift-msg{max-width:min(78%,520px);background:linear-gradient(135deg,#fff7d9,#ffe8ee);border:1px solid #ffd36a}.gift-message{display:flex;align-items:center;gap:10px}.gift-message img{width:70px;height:70px;object-fit:contain}.gift-message strong{display:block}.gift-message small{display:block;color:#b06c00;margin-top:3px}
@media(max-width:760px){.gift-grid{grid-template-columns:repeat(3,1fr)}.gift-card img{height:72px}.gift-price{top:62px}}


/* V7.7 fullscreen gift animation + inline games */
.gift-animation-overlay{
  position:fixed;inset:0;z-index:220;display:flex;align-items:center;justify-content:center;
  pointer-events:none;background:radial-gradient(circle at center,rgba(12,20,36,.18),rgba(2,7,15,.58));
  backdrop-filter:blur(1px)
}
.gift-animation-overlay.hidden{display:none}
.gift-animation-stage{
  position:relative;width:min(460px,88vw);min-height:360px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;animation:giftStageIn .35s ease-out both
}
.gift-animation-glow{
  position:absolute;width:330px;height:330px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,215,80,.45),rgba(255,79,141,.18) 42%,transparent 72%);
  filter:blur(8px);animation:giftGlow 1.2s ease-in-out infinite alternate
}
.gift-animation-image{
  position:relative;z-index:2;max-width:300px;max-height:250px;object-fit:contain;
  filter:drop-shadow(0 18px 26px rgba(0,0,0,.35));animation:giftFloat .9s ease-in-out infinite alternate
}
.gift-animation-text{
  position:relative;z-index:3;margin-top:16px;padding:10px 18px;border-radius:18px;
  background:rgba(8,16,30,.78);color:#fff;text-align:center;box-shadow:0 8px 25px rgba(0,0,0,.25)
}
.gift-animation-text strong,.gift-animation-text b{font-size:17px}
.gift-animation-text span{margin:0 6px;font-size:14px;opacity:.9}
.gift-animation-text small{display:block;margin-top:4px;color:#ffd45c;font-weight:700}
@keyframes giftStageIn{from{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}
@keyframes giftFloat{from{transform:translateY(7px) scale(.98)}to{transform:translateY(-8px) scale(1.03)}}
@keyframes giftGlow{from{transform:scale(.92);opacity:.7}to{transform:scale(1.08);opacity:1}}

.game-viewer{
  position:fixed;inset:0;z-index:210;background:#0a111d;display:grid;grid-template-rows:54px minmax(0,1fr)
}
.game-viewer.hidden{display:none}
.game-viewer-topbar{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;
  padding:0 12px;background:#10273d;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)
}
.game-viewer-topbar strong{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.game-viewer-topbar button{
  border:0;background:rgba(255,255,255,.1);color:#fff;border-radius:8px;padding:8px 11px;font-weight:700
}
.game-viewer-body{position:relative;min-height:0;background:#fff}
#gameFrame{width:100%;height:100%;border:0;display:block;background:#fff}
.game-frame-notice{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;gap:8px;padding:30px;background:#f7f8fa;color:#263446
}
.game-frame-notice.hidden{display:none}
.game-frame-notice span{max-width:620px;font-size:14px;line-height:1.5;color:#657083}
@media(max-width:760px){
  .gift-animation-stage{min-height:300px}
  .gift-animation-image{max-width:230px;max-height:210px}
  .game-viewer-topbar{grid-template-columns:auto 1fr auto;padding:0 7px}
  .game-viewer-topbar button{padding:7px 8px;font-size:12px}
}


/* V7.8 Admin general settings + configurable login + password/agent modal */
.general-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);margin-bottom:14px}
.general-head h3{margin:8px 0 12px}.general-cards{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px}
.general-cards button{min-height:110px;border:0;border-radius:6px;background:#1677f8;color:#fff;box-shadow:0 4px 10px rgba(22,119,248,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:15px}
.general-cards button b{font-size:31px}.login-admin-preview{display:block;max-width:280px;max-height:150px;object-fit:cover;border:1px solid var(--border);border-radius:8px;margin:8px 0}.login-admin-preview.logo-preview{object-fit:contain;background:#fff}

.login-v78{overflow:hidden;background:#0a101a}.login-v78 .login-shell{background-image:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.28)),var(--login-bg,none);background-size:cover;background-position:center}
.login-custom-logo{display:block;max-width:260px;max-height:95px;object-fit:contain;margin:0 auto 10px}.login-custom-logo.small{max-width:220px;max-height:75px}
.login-footer button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:13px}.login-admin-html{text-align:center;margin-top:10px;font-size:12px;color:#77818d}
.login-modal{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.58);backdrop-filter:blur(2px)}
.login-modal.hidden{display:none}.login-dialog{width:min(450px,94vw);background:#fff;border-radius:6px;padding:26px 28px;box-shadow:0 24px 70px rgba(0,0,0,.5);color:#555}
.stacked-card{position:relative}.stacked-card:before,.stacked-card:after{content:"";position:absolute;inset:-8px 10px 8px -10px;background:#f5f5f5;border:1px solid #ddd;z-index:-1;transform:rotate(-1deg)}.stacked-card:after{inset:-4px -10px 4px 10px;transform:rotate(1deg)}
.login-dialog h2{text-align:center;margin:4px 0 24px;border-bottom:1px solid #bbb;padding-bottom:10px}.login-dialog input{width:100%;box-sizing:border-box;padding:14px 13px;margin:5px 0;border:1px solid #ccc;border-radius:3px;font-size:15px}
.agent-row small{display:block;margin:2px 0 8px;color:#8b8b8b}.dialog-actions{display:flex;justify-content:center;gap:10px;margin-top:16px}.login-btn.secondary{background:#f3bd55;color:#6c4e17}
.info-dialog{width:min(510px,94vw)}.info-scroll{height:180px;overflow-y:auto;white-space:pre-wrap;line-height:1.5;border:0;padding:4px;color:#555}.info-ok{display:block;margin:18px auto 0;border:0;border-radius:4px;background:#cf82ef;color:#fff;padding:10px 18px;font-weight:700}
@media(max-width:720px){.general-cards{grid-template-columns:repeat(2,minmax(130px,1fr))}.login-dialog{padding:20px}.info-scroll{height:220px}}


/* V7.9 login flow fix */
.login-modal{opacity:0;transition:opacity .16s ease}
.login-modal.shown{opacity:1}
.login-modal.hidden{display:none!important}
.password-dialog{
 width:min(430px,94vw);padding:22px 26px 24px;border-radius:10px;background:#fff;
 transform:translateY(8px) scale(.98);transition:transform .18s ease;box-shadow:0 28px 80px rgba(0,0,0,.5)
}
.login-modal.shown .password-dialog{transform:translateY(0) scale(1)}
.password-brand{text-align:center;min-height:46px;display:grid;place-items:center;color:#273a4e;font-size:20px;font-weight:800}
.password-dialog h2{margin:8px 0 16px;padding-bottom:11px;border-bottom:1px solid #d5d8dc;color:#535b64;font-size:18px}
.password-field{display:block;margin:10px 0}.password-field>span{display:block;margin-bottom:5px;font-size:12px;font-weight:700;color:#65707c}
.password-input-wrap{position:relative}.password-input-wrap input{padding-right:48px!important}.password-input-wrap button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:transparent;border-radius:7px}
.password-input-wrap button:hover{background:#eef1f4}
.password-error{min-height:20px;margin-top:7px;text-align:center;color:#d83232;font-size:13px;font-weight:600}
.login-btn.is-loading{opacity:.65;pointer-events:none}
.login-btn:disabled{cursor:wait}
.agent-row{margin-top:7px;padding:8px 10px;border:1px dashed #aab4bf;border-radius:8px;background:#f8fafc}
.agent-row.hidden{display:none!important}.agent-row>small{display:block;color:#7b8794;font-size:11px;line-height:1.4}
@media(max-width:560px){.password-dialog{padding:18px 16px}.dialog-actions{display:grid;grid-template-columns:1fr 1fr}.dialog-actions .login-btn{width:100%}}


/* V8.0 login background / lower HTML / inline password card */
.login-v80{
  min-height:100dvh!important;
  padding:0!important;
  overflow-y:auto!important;
  display:block!important;
  background:#080f18!important;
}
.login-v80 .login-shell{
  min-height:100dvh;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:22px 14px 45px;
  background-image:linear-gradient(rgba(0,0,0,.10),rgba(0,0,0,.18)),var(--login-bg,none);
  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
.login-stack{width:min(620px,96vw);display:flex;flex-direction:column;align-items:center;gap:14px}
.login-v80 .login-main-card{width:min(390px,94vw);padding:28px 24px 0}
.login-extra-content{width:100%;color:#fff;text-align:center;position:relative;z-index:2}
.login-extra-content>*{max-width:100%}
.login-extra-content img,.login-extra-content video{max-width:100%;height:auto}
.password-inline-panel{padding-bottom:4px}
.password-sep{margin:12px 0 22px}
.password-sep b{font-size:18px;color:#6d737b}
.inline-account-field{
  min-height:52px;display:grid;grid-template-columns:30px 1fr;align-items:center;
  border:1px solid #c9ced7;background:linear-gradient(#f8f8f8,#ececec);
  border-radius:3px;margin:10px 8px;overflow:hidden
}
.inline-account-field .field-icon{font-size:18px;opacity:.55}
.login-main-card .inline-account-field input{
  border:0!important;background:transparent!important;padding:14px 8px!important;outline:none;color:#5c626b
}
.password-inline-wrap{grid-template-columns:30px 1fr 40px;background:#eef5ff}
.password-inline-wrap button{width:36px;height:36px;border:0;background:transparent;border-radius:6px}
.password-inline-wrap button:hover{background:rgba(0,0,0,.05)}
.agent-inline{background:linear-gradient(#f7f7f7,#eaeaea)}
.agent-inline.hidden{display:none!important}
.inline-actions{display:flex;justify-content:center;gap:10px;margin:18px 0}
.inline-actions .login-btn{min-width:110px;padding:8px 18px}
.password-error{min-height:22px;padding:2px 8px;color:#c92b2b;font-size:12px;font-weight:700;text-align:center}
.login-v80 .login-footer{margin-top:4px}
.login-v80 .login-footer button{color:#68717f}
@media(max-width:600px){
  .login-v80 .login-shell{padding-top:12px;background-attachment:scroll}
  .login-stack{width:100%}
  .login-v80 .login-main-card{width:min(390px,96vw)}
}

/* V8.1 background guarantee */
.login-v80 .login-shell{
  background-color:#080f18;
  background-image:linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.16)),var(--login-bg,none)!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* V8.2 real background image layer — avoids data-URI/custom-property browser issues */
.login-v80{position:relative;isolation:isolate;background:#080f18!important}
.login-background-media{position:fixed;inset:0;z-index:-2;overflow:hidden;background:#080f18;pointer-events:none}
.login-background-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
.login-background-media:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.18))}
.login-v80 .login-shell{position:relative;z-index:1;background:none!important}


/* V8.3 persistent clear + profile visuals + reference context menu */
.context-menu{width:184px;border:1px solid #d3d3d3;border-radius:3px;background:#fff;color:#171717;box-shadow:0 4px 16px rgba(0,0,0,.24);padding:0;overflow:visible;font-family:Arial,sans-serif;font-size:13px}
.context-menu>button{display:grid;grid-template-columns:24px 1fr 14px;align-items:center;min-height:39px;padding:0 14px;border:0;background:#fff;color:#171717;text-align:left;white-space:nowrap}
.context-menu>button:hover,.context-submenu button:hover{background:#f0f0f0}
.context-menu .ctx-sep{height:1px;background:#e3e3e3;margin:0}
.context-menu .ctx-icon,.context-menu .ctx-check{display:inline-grid;place-items:center;font-size:13px}
.context-menu .ctx-check{font-weight:800;border:1px solid #aab0b5;width:14px;height:14px;border-radius:2px;line-height:12px}
.context-menu .has-sub b{font-size:20px;font-weight:400;justify-self:end;color:#222}
.context-submenu{position:absolute;left:100%;top:195px;width:155px;border:1px solid #d3d3d3;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.2);z-index:2}
.context-submenu button{display:block;width:100%;padding:10px 12px;border:0;background:#fff;color:#171717;text-align:left}
.context-submenu.hidden{display:none!important}
.user .uavatar{background-size:cover;background-position:center;background-repeat:no-repeat;flex:0 0 44px}
.frame-mavi{box-shadow:0 0 0 3px #3b82f6,0 0 12px rgba(59,130,246,.55)}
.frame-altin{box-shadow:0 0 0 3px #eab308,0 0 13px rgba(234,179,8,.62)}
.frame-neon{box-shadow:0 0 0 3px #22d3ee,0 0 15px rgba(34,211,238,.85)}
.frame-none{box-shadow:none}
.profile-icon{margin-right:4px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}
.user.entry-fade{animation:presenceFade .7s ease both}.user.entry-slide{animation:presenceSlide .72s ease both}.user.entry-spark{animation:presenceSpark 1s ease both}
@keyframes presenceFade{from{opacity:0}to{opacity:1}}@keyframes presenceSlide{from{opacity:0;transform:translateX(-35px)}to{opacity:1;transform:none}}@keyframes presenceSpark{0%{opacity:0;filter:brightness(2);transform:scale(.88)}60%{opacity:1;filter:brightness(1.8);transform:scale(1.04)}100%{filter:none;transform:none}}
.msg:not(.system){display:flex;align-items:flex-start;gap:8px}.msg-avatar{width:30px;height:30px;flex:0 0 30px;border-radius:50%;background-size:cover;background-position:center}.msg-content{min-width:0;flex:1}
.msg-frame-mavi .name{color:#2563eb}.msg-frame-altin .name{color:#a16207}.msg-frame-neon .name{text-shadow:0 0 7px rgba(34,211,238,.7)}
@media(max-width:600px){.context-menu{width:184px}.context-submenu{left:auto;right:100%;top:195px}}

/* V8.4 admin/profile visual alignment */
.admin-grid,.admin-modules,.module-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.admin-card,.admin-module-card,.module-card{
  min-height:62px;
  border-radius:3px!important;
  box-shadow:none!important;
}
.general-cards,.general-settings-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.general-cards .admin-card,.general-settings-grid .admin-card{
  min-height:74px;
}
.general-cards>*:nth-child(5),.general-settings-grid>*:nth-child(5){
  grid-column:1 / -1;
}
.room-user-avatar{
  width:38px;height:38px;min-width:38px;border-radius:50%;overflow:hidden;
  display:inline-grid;place-items:center;background:#edf1f5;border:2px solid #fff;
  box-shadow:0 0 0 1px #c8d0d8;vertical-align:middle
}
.room-user-avatar img,.user-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.room-user-avatar.frame-blue{box-shadow:0 0 0 3px #2684ff}
.room-user-avatar.frame-gold{box-shadow:0 0 0 3px #e4b62d}
.room-user-avatar.frame-neon{box-shadow:0 0 8px 3px #4fe3ff}
.room-user-avatar.effect-slide{animation:v84Slide .55s ease both}
.room-user-avatar.effect-fade{animation:v84Fade .7s ease both}
.room-user-avatar.effect-glow{animation:v84Glow 1.4s ease-in-out infinite alternate}
@keyframes v84Slide{from{transform:translateX(-18px);opacity:0}to{transform:none;opacity:1}}
@keyframes v84Fade{from{opacity:0}to{opacity:1}}
@keyframes v84Glow{from{filter:drop-shadow(0 0 1px #fff)}to{filter:drop-shadow(0 0 7px #59d8ff)}}
@media(max-width:760px){
 .admin-grid,.admin-modules,.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:460px){
 .admin-grid,.admin-modules,.module-grid,.general-cards,.general-settings-grid{grid-template-columns:1fr!important}
 .general-cards>*:nth-child(5),.general-settings-grid>*:nth-child(5){grid-column:auto}
}


/* V8.5 reference admin + real profile avatar */
#adminModal .admin-window{
  width:min(570px,96vw)!important;
  height:min(500px,90vh);
  max-height:90vh!important;
  overflow:auto;
  border:1px solid #8f8f8f!important;
  border-radius:0!important;
  background:#fff!important;
}
#adminModal .admin-title{
  position:sticky;top:0;
  min-height:34px;
  padding:7px 10px!important;
  background:#1677f8!important;
  color:#fff!important;
  font:14px Arial,sans-serif!important;
}
#adminModal .modal-close{
  width:19px;height:19px;padding:0;
  border-radius:0!important;
  background:#fff!important;color:#111!important;
}
#adminModal .admin-grid{
  grid-template-columns:repeat(3,1fr)!important;
  gap:10px!important;
  padding:6px 8px 12px!important;
}
#adminModal .admin-grid button{
  min-height:110px!important;
  border:0!important;border-radius:4px!important;
  background:#1677f8!important;color:#fff!important;
  box-shadow:0 3px 8px rgba(0,0,0,.18)!important;
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;
  padding:8px!important;font-family:Arial,sans-serif!important;
}
#adminModal .admin-grid .adm-ico{
  display:block;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:36px!important;
  font-weight:700!important;
  line-height:1!important;
  margin-bottom:11px;
}
#adminModal .admin-grid button span{
  margin:0!important;font-size:14px!important;color:#fff!important;
}
#adminModal .admin-content{padding:0!important;background:#fff!important}
#adminModal .admin-subbar{
  height:39px;
  display:flex;align-items:center;gap:10px;
  padding:0 11px;
  border-bottom:1px solid #d5d5d5;
  color:#111;background:#fff;
  font:14px Arial,sans-serif;
}
#adminModal .admin-subback{
  border:0;background:transparent;color:#111;
  font-size:23px;line-height:1;cursor:pointer;padding:0 3px;
}
#adminModal .general-cards{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:12px!important;
  padding:7px 8px 16px!important;
}
#adminModal .general-cards button{
  min-height:110px!important;
  border:0!important;border-radius:4px!important;
  background:#1677f8!important;color:#fff!important;
  box-shadow:0 3px 8px rgba(0,0,0,.18)!important;
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;
  gap:11px!important;
}
#adminModal .general-cards button b{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:32px!important;color:#fff!important;line-height:1!important
}
#adminModal .general-cards button span{font-size:14px!important;color:#fff!important}
#adminModal .general-cards>*:nth-child(5){grid-column:auto!important}

.user .uavatar{
  width:44px!important;height:44px!important;min-width:44px!important;
  padding:0!important;overflow:hidden!important;border-radius:50%!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:#dce5ef!important;background-image:none!important;
}
.user.admin .uavatar{background:#ffcad5!important}
.user .uavatar img{
  width:100%!important;height:100%!important;
  display:block!important;object-fit:cover!important;
  border-radius:50%!important;
}
.user .uavatar span{display:block;font-weight:700}
.user-meta{min-width:0}

@media(max-width:600px){
 #adminModal .admin-window{width:96vw!important;height:88vh}
 #adminModal .admin-grid,#adminModal .general-cards{grid-template-columns:repeat(2,1fr)!important}
 #adminModal .admin-grid button,#adminModal .general-cards button{min-height:92px!important}
}

/* V8.5 reference admin + real profile avatar */
#adminModal .admin-window{width:min(570px,96vw)!important;height:min(500px,90vh);max-height:90vh!important;overflow:auto;border:1px solid #8f8f8f!important;border-radius:0!important;background:#fff!important}
#adminModal .admin-title{position:sticky;top:0;min-height:34px;padding:7px 10px!important;background:#1677f8!important;color:#fff!important;font:14px Arial,sans-serif!important}
#adminModal .modal-close{width:19px;height:19px;padding:0;border-radius:0!important;background:#fff!important;color:#111!important}
#adminModal .admin-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important;padding:6px 8px 12px!important}
#adminModal .admin-grid button{min-height:110px!important;border:0!important;border-radius:4px!important;background:#1677f8!important;color:#fff!important;box-shadow:0 3px 8px rgba(0,0,0,.18)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:8px!important;font-family:Arial,sans-serif!important}
#adminModal .admin-grid .adm-ico{display:block;color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;font-size:36px!important;font-weight:700!important;line-height:1!important;margin-bottom:11px}
#adminModal .admin-grid button span{margin:0!important;font-size:14px!important;color:#fff!important}
#adminModal .admin-content{padding:0!important;background:#fff!important}
#adminModal .admin-subbar{height:39px;display:flex;align-items:center;gap:10px;padding:0 11px;border-bottom:1px solid #d5d5d5;color:#111;background:#fff;font:14px Arial,sans-serif}
#adminModal .admin-subback{border:0;background:transparent;color:#111;font-size:23px;line-height:1;cursor:pointer;padding:0 3px}
#adminModal .general-cards{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;padding:7px 8px 16px!important}
#adminModal .general-cards button{min-height:110px!important;border:0!important;border-radius:4px!important;background:#1677f8!important;color:#fff!important;box-shadow:0 3px 8px rgba(0,0,0,.18)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:11px!important}
#adminModal .general-cards button b{font-family:Arial,Helvetica,sans-serif!important;font-size:32px!important;color:#fff!important;line-height:1!important}
#adminModal .general-cards button span{font-size:14px!important;color:#fff!important}
#adminModal .general-cards>*:nth-child(5){grid-column:auto!important}

.user .uavatar{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;overflow:hidden!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#dce5ef!important;background-image:none!important}
.user.admin .uavatar{background:#ffcad5!important}
.user .uavatar img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:50%!important}
.user .uavatar span{display:block;font-weight:700}
.user-meta{min-width:0}
@media(max-width:600px){
 #adminModal .admin-window{width:96vw!important;height:88vh}
 #adminModal .admin-grid,#adminModal .general-cards{grid-template-columns:repeat(2,1fr)!important}
 #adminModal .admin-grid button,#adminModal .general-cards button{min-height:92px!important}
}

/* V8.6 Durum Modları + Güvenlik Ayarları */
.status-mode-pane,.security-pane{height:410px!important;max-height:410px!important;display:flex!important;flex-direction:column!important;background:#fff!important;overflow:hidden!important}
.status-mode-toolbar{min-height:40px;display:flex;justify-content:flex-end;align-items:center;padding:5px 8px;border-bottom:1px solid #d8d8d8;background:#fff}
.status-add-btn{width:28px;height:28px;border:0;border-radius:50%;background:#1677f8!important;color:#fff!important;font-size:20px;line-height:28px;cursor:pointer}
.status-mode-list,.security-list{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable}
.status-row{min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 13px;border-bottom:1px solid #d8d8d8;background:#fff;color:#222;font:14px Arial,sans-serif}
.status-row-left{display:flex;align-items:center;gap:8px}.status-icon{width:18px;text-align:center}.status-actions{display:flex;gap:8px}
.status-actions button{width:28px;height:28px;border:0;border-radius:50%;background:#1677f8!important;color:#fff!important;cursor:pointer;font-size:14px}
.security-row{min-height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 9px 0 13px;border-bottom:1px solid #d8d8d8;background:#fff;color:#222;font:13px Arial,sans-serif;cursor:pointer}
.security-row input{display:none!important}.security-row i{position:relative;width:43px;height:22px;flex:0 0 43px;border-radius:20px;background:#d2d2d2;transition:.2s}
.security-row i:after{content:'';position:absolute;width:18px;height:18px;top:2px;left:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:.2s}
.security-row input:checked+i{background:#20b95f!important}.security-row input:checked+i:after{transform:translateX(21px)}
.security-actions{flex:0 0 auto;padding:7px 9px;border-top:1px solid #d8d8d8;background:#fff}
.security-actions button,.v86-form .btn{width:100%;min-height:34px;border:0;border-radius:3px;background:#1677f8!important;color:#fff!important;font-weight:600;cursor:pointer}
.v86-form{padding:12px;max-height:410px;overflow-y:auto}
@media(max-width:600px){.status-mode-pane,.security-pane{height:calc(88vh - 78px)!important;max-height:none!important}}

/* V8.7 status custom modal */
.status-form-modal{
  position:fixed;
  inset:0;
  z-index:450;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:18px;
}
.status-form-modal.hidden{display:none!important}
.status-form-backdrop{
  position:absolute;inset:0;
  background:rgba(0,0,0,.28);
}
.status-form-card{
  position:relative;
  width:min(510px,92vw);
  background:#f8f8f8;
  border:1px solid #cfcfcf;
  box-shadow:0 5px 16px rgba(0,0,0,.28),6px 8px 0 #efefef;
  padding:14px 12px 12px;
  font-family:Arial,sans-serif;
}
.status-form-title{
  font-size:21px;
  font-weight:700;
  color:#2a2a2a;
  padding:11px 10px 10px;
}
.status-form-sep{
  height:1px;
  background:#d7d7d7;
  margin:0 0 20px;
}
.status-form-body{
  padding:0 22px 20px;
  display:grid;
  gap:10px;
}
.status-form-body input{
  width:100%;
  min-height:38px;
  padding:8px 14px;
  border:1px solid #d3d3d3;
  border-radius:4px;
  background:#fff;
  color:#333;
  font-size:14px;
  outline:none;
  box-sizing:border-box;
}
.status-form-body input:focus{
  border-color:#8eb8ff;
  box-shadow:0 0 0 2px rgba(22,119,248,.12);
}
.status-form-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  padding:0 18px 4px;
}
.status-form-actions button{
  min-width:60px;
  min-height:32px;
  border:0;
  border-radius:4px;
  font-weight:600;
  cursor:pointer;
}
.status-form-submit{
  background:#dedede;
  color:#666;
}
.status-form-submit:hover{
  background:#cfcfcf;
}
.status-form-cancel{
  background:#de2d31;
  color:#fff;
}
.status-form-cancel:hover{
  background:#c71f24;
}
@media(max-width:600px){
  .status-form-modal{padding-top:10px}
  .status-form-card{width:94vw;padding-left:8px;padding-right:8px}
  .status-form-body{padding-left:10px;padding-right:10px}
}

/* V8.8 user status selector */
.settings-profile{position:relative!important}
.settings-status-btn{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:2px;
  padding:0;
  border:0;
  background:transparent;
  color:#6f7781;
  font-size:12px;
  cursor:pointer;
}
.settings-status-btn:hover{color:#1677f8}
.settings-status-caret{font-size:12px}
.status-selector{
  position:absolute;
  z-index:80;
  top:66px;
  left:64px;
  width:205px;
  max-height:300px;
  overflow:hidden;
  border:1px solid #d5d5d5;
  border-radius:4px;
  background:#fff;
  box-shadow:0 5px 15px rgba(0,0,0,.18);
}
.status-selector.hidden{display:none!important}
.status-selector-head{
  height:35px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 12px;
  border-bottom:1px solid #dedede;
  color:#333;
  background:#fafafa;
  font-size:13px;
}
.status-selector-list{
  max-height:255px;
  overflow-y:auto;
  overflow-x:hidden;
}
.status-choice{
  width:100%;
  min-height:34px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:6px 10px;
  border:0;
  border-bottom:1px solid #ededed;
  background:#fff;
  color:#333;
  text-align:left;
  cursor:pointer;
  font-size:12px;
}
.status-choice:hover,.status-choice.active{background:#f4f8ff}
.status-choice-radio{width:14px;color:#1677f8;font-size:13px}
.status-choice-icon{width:18px;text-align:center}
.status-choice-title{flex:1}
.user-status-line{display:block;margin-top:2px;color:#7a838c;font-size:11px}
@media(max-width:600px){
 .status-selector{left:55px;top:64px;width:190px}
}

/* V8.9 Güvenlik Ayarları - ilk referans görsel */
.security-ref-pane{height:425px!important;max-height:425px!important;overflow:hidden!important;background:#fff!important}
.security-ref-scroll{height:100%;overflow-y:auto;overflow-x:hidden;padding:12px 20px 18px;box-sizing:border-box;scrollbar-gutter:stable}
.security-ref-row{min-height:34px;display:flex;align-items:center;gap:10px;padding:0;cursor:pointer;font:14px Arial,sans-serif;color:#333}
.security-ref-row input{position:absolute;opacity:0;pointer-events:none}
.security-ref-check{width:17px;height:17px;flex:0 0 17px;border:1px solid #cfcfcf;border-radius:3px;background:#fff;box-sizing:border-box;position:relative}
.security-ref-row input:checked + .security-ref-check:after{content:'✓';position:absolute;left:1px;top:-4px;color:#333;font-size:18px;font-weight:700}
.security-ref-label{white-space:nowrap}
.security-ref-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:17px;padding:0 8px;border-radius:10px;background:#c4b7b7;color:#fff;font-size:11px;font-weight:700;line-height:17px}
.security-ref-badge.on{background:#28b97b}
.security-ref-sep{height:1px;background:#ddd;margin:8px 0 10px}
.country-master{margin-bottom:4px}
.country-block-area.disabled{opacity:.45;pointer-events:none}
.country-block-title{margin:6px 0 6px;font:700 13px Arial,sans-serif;color:#333}
.country-grid{max-height:130px;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:4px 5px;border:1px solid #ddd;border-radius:4px;background:#fff;scrollbar-gutter:stable}
.country-chip{min-height:30px;border:0;border-radius:4px;padding:6px 9px;background:#e8e8e8;color:#5d5d5d;text-align:left;font:600 12px Arial,sans-serif;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.country-chip.selected{background:#ff5a12;color:#fff}
@media(max-width:600px){
 .security-ref-pane{height:calc(88vh - 78px)!important;max-height:none!important}
 .security-ref-scroll{padding:10px 12px 16px}
 .country-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .security-ref-label{white-space:normal}
}

/* V9.0 Sistem Ayarları - 3 referans görsel */
.system-ref-pane{
  height:425px!important;
  max-height:425px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.system-ref-scroll{
  height:100%;
  overflow-y:auto;
  overflow-x:hidden;
  padding:10px 20px 18px;
  box-sizing:border-box;
  scrollbar-gutter:stable;
  font-family:Arial,sans-serif;
  color:#333;
}
.system-ref-row{
  min-height:34px;
  display:flex;
  align-items:center;
  gap:9px;
  margin:0;
  padding:0;
  cursor:pointer;
  font-size:14px;
}
.system-ref-row input,.system-first-row input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.system-ref-check{
  width:17px;height:17px;flex:0 0 17px;
  border:1px solid #cfcfcf;
  border-radius:3px;
  background:#fff;
  position:relative;
  box-sizing:border-box;
}
.system-ref-row input:checked + .system-ref-check:after,
.system-first-row input:checked + .system-ref-check:after{
  content:'✓';
  position:absolute;
  left:1px;
  top:-4px;
  font-size:18px;
  line-height:18px;
  font-weight:700;
  color:#333;
}
.system-ref-label{white-space:nowrap}
.system-ref-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:41px;
  height:17px;
  padding:0 8px;
  border-radius:10px;
  background:#c4b7b7;
  color:#fff;
  font-size:11px;
  font-weight:700;
  line-height:17px;
}
.system-ref-badge.on{background:#28b97b}
.system-ref-sep{
  height:1px;
  background:#dedede;
  margin:18px 30px 20px;
}
.system-field-group{margin:0 0 15px}
.system-field-title{
  display:block;
  margin:0 0 7px;
  font-size:13px;
  font-weight:700;
  color:#111;
}
.system-ref-input,.system-ref-select{
  width:100%;
  min-height:39px;
  border:1px solid #d9d9d9;
  border-radius:4px;
  background:#fff;
  color:#222;
  padding:8px 12px;
  box-sizing:border-box;
  font:14px Arial,sans-serif;
  outline:none;
}
.system-ref-select{appearance:auto}
.system-first-row{
  min-height:34px;
  display:flex;
  align-items:center;
  gap:9px;
  cursor:pointer;
  font:14px Arial,sans-serif;
  color:#333;
}
.system-save-wrap{
  display:flex;
  justify-content:center;
  padding:0 0 2px;
}
.system-save-btn{
  min-width:87px;
  min-height:36px;
  border:0;
  border-radius:4px;
  background:#4654c7;
  color:#fff;
  font-weight:700;
  cursor:pointer;
}
.system-save-btn:hover{filter:brightness(.95)}
@media(max-width:600px){
  .system-ref-pane{height:calc(88vh - 78px)!important;max-height:none!important}
  .system-ref-scroll{padding:10px 12px 18px}
  .system-ref-label{white-space:normal}
  .system-ref-sep{margin-left:18px;margin-right:18px}
}

/* V9.1 Bot Kontrol referans */
.bot-ref-pane,.bot-edit-pane{height:425px;overflow:hidden;background:#fff}
.bot-ref-toolbar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #ddd;font:14px Arial}
.bot-ref-toolbar b span{color:#1677f8}.bot-add{width:34px;height:30px;border:0;border-radius:4px;background:#1677f8;color:#fff;font-size:22px;cursor:pointer}
.bot-search{margin:12px 16px;position:relative}.bot-search input{width:100%;height:36px;border:1px solid #ddd;border-radius:4px;padding:0 36px 0 12px;box-sizing:border-box}.bot-search span{position:absolute;right:12px;top:8px}
.bot-list{height:325px;overflow-y:auto}.bot-list-row{height:55px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid #eee}.bot-list-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;background:#eee;display:grid;place-items:center}.bot-list-avatar img,.bot-big-avatar img{width:100%;height:100%;object-fit:cover}.bot-list-row b{flex:1}.bot-gender{font-size:20px;font-weight:bold}.bot-gender.female{color:#ef6b78}.bot-gender.male{color:#1677f8}.bot-edit{border:0;background:transparent;font-size:18px;cursor:pointer}
.bot-edit-scroll{height:100%;overflow-y:auto;padding:14px 20px 22px;box-sizing:border-box}.bot-edit-scroll label{display:block;font-size:13px;font-weight:700;margin:10px 0 6px}.bot-edit-scroll input,.bot-edit-scroll select,.bot-edit-scroll textarea{width:100%;min-height:38px;border:1px solid #ddd;border-radius:4px;padding:8px 10px;box-sizing:border-box}
.bot-avatar-editor{text-align:center}.bot-big-avatar{width:92px;height:92px;border-radius:50%;overflow:hidden;background:#eee;margin:auto;display:grid;place-items:center;font-size:36px}.bot-avatar-plus{margin-top:-22px;margin-left:58px;width:30px;height:30px;border-radius:50%;border:0;background:#1677f8;color:#fff;font-size:20px}.bot-avatar-actions{display:flex;justify-content:center;gap:8px;margin-top:10px}.bot-avatar-actions button{border:1px solid #ddd;background:#fff;border-radius:4px;padding:7px 12px}.bot-edit-actions{display:flex;justify-content:space-between;margin-top:20px}.bot-delete-btn,.bot-save-btn{border:0;border-radius:4px;padding:10px 18px;color:#fff;font-weight:700}.bot-delete-btn{background:#dc3545}.bot-save-btn{background:#4654c7}

/* V9.2 Odalar Yönetimi - referans */
.rooms-ref-pane,.room-edit-pane{height:425px;max-height:425px;overflow:hidden;background:#fff}
.rooms-ref-toolbar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #ddd;font:14px Arial}
.rooms-ref-toolbar span{color:#1677f8}.rooms-add-btn{width:34px;height:30px;border:0;border-radius:4px;background:#1677f8;color:#fff;font-size:22px;cursor:pointer}
.rooms-ref-search{position:relative;margin:12px 16px}.rooms-ref-search input{width:100%;height:36px;border:1px solid #ddd;border-radius:4px;padding:0 36px 0 12px;box-sizing:border-box}.rooms-ref-search span{position:absolute;right:12px;top:8px}
.rooms-ref-list{height:325px;overflow-y:auto}.rooms-ref-row{min-height:58px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid #eee}.rooms-ref-icon{width:34px;height:34px;border-radius:50%;background:#f2f2f2;display:grid;place-items:center}.rooms-ref-main{flex:1;min-width:0}.rooms-ref-main b,.rooms-ref-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rooms-ref-main small{margin-top:3px;color:#888;font-size:11px}.rooms-ref-meta{font-size:11px;color:#888}.rooms-ref-edit{border:0;background:transparent;font-size:18px;cursor:pointer}
.room-edit-scroll{height:100%;overflow-y:auto;padding:14px 20px 22px;box-sizing:border-box}.room-edit-scroll label{display:block;font:700 13px Arial;margin:10px 0 6px}.room-edit-scroll input:not([type=checkbox]):not([type=color]),.room-edit-scroll select,.room-edit-scroll textarea{width:100%;min-height:38px;border:1px solid #ddd;border-radius:4px;padding:8px 10px;box-sizing:border-box}.room-color-row{display:grid;grid-template-columns:56px 1fr;gap:8px}.room-color-row input[type=color]{width:56px;height:38px;border:1px solid #ddd;border-radius:4px;padding:2px;background:#fff}.room-clear-pass,.room-active-row{font-weight:400!important;display:flex!important;align-items:center;gap:7px}.room-image-actions{display:flex;gap:8px;margin-top:8px}.room-image-actions button{border:1px solid #ddd;background:#fff;border-radius:4px;padding:8px 12px;cursor:pointer}.room-bg-preview{margin-top:10px;border:1px solid #ddd;border-radius:4px;overflow:hidden;max-height:140px}.room-bg-preview img{width:100%;height:140px;object-fit:cover}.room-edit-actions{display:flex;justify-content:space-between;margin-top:20px}.room-delete-btn,.room-save-btn{border:0;border-radius:4px;padding:10px 18px;color:#fff;font-weight:700}.room-delete-btn{background:#dc3545}.room-save-btn{background:#4654c7}
@media(max-width:600px){.rooms-ref-pane,.room-edit-pane{height:calc(88vh - 78px);max-height:none}.room-edit-scroll{padding:12px}.rooms-ref-row{padding:0 10px}}

/* V9.2.3 room background */
#messageArea.room-has-background:before{display:none!important}

/* V9.3 Mobile reference UI - desktop rules untouched */
.mobile-topbar,.mobile-mic-strip,.mobile-side-arrow,.mobile-drawer-shade,.mobile-plus-btn,.mobile-sheet,.mobile-action-shade{display:none}
@media(max-width:760px){
 html,body,.chat-page,.app{height:100%;height:100dvh;width:100%;overflow:hidden}
 .app{display:block}.chat{height:100dvh;display:grid;grid-template-rows:44px 82px 1fr 48px;position:relative;background:#fff}
 .chat-header{display:none!important}
 .mobile-topbar{display:flex;height:44px;background:#2196e8;color:#fff;align-items:center;justify-content:space-between;padding:0 8px 0 14px;z-index:32;box-shadow:0 1px 2px #5556}
 .mobile-room-title{border:0;background:transparent;color:#fff;font-weight:700;font-size:13px;max-width:42vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .mobile-top-actions{display:flex;align-items:center;height:100%}.mobile-top-actions button{position:relative;border:0;background:transparent;color:#fff;width:43px;height:44px;font-size:21px;font-weight:700}.mobile-top-actions button span{position:absolute;top:4px;right:2px;background:#fff;color:#333;border-radius:3px;font-size:9px;line-height:13px;min-width:15px;padding:0 2px}
 .mobile-mic-strip{display:grid;grid-template-columns:repeat(5,1fr);height:82px;background:rgba(0,0,0,.22);z-index:4;padding:7px 3px 2px;pointer-events:auto}
 .mobile-mic-strip button{border:0;background:transparent;color:#eee;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0}.mobile-mic-strip button::first-line{font-size:20px}.mobile-mic-strip button span{font-size:11px;text-shadow:0 1px 2px #000}
 .mobile-mic-strip button{font-size:22px}.mobile-mic-strip button span{font-size:10px}
 .messages{padding:8px 8px 42px;background-size:cover!important;background-position:center!important;min-height:0}
 .msg{max-width:78%;border-radius:3px;padding:7px 8px;margin:5px 0;font-size:13px}.msg time{font-size:9px}.msg .name{font-size:13px}
 .composer{height:48px;padding:3px 5px;gap:1px;background:#fff;z-index:35}.composer input{height:40px;border:0;border-radius:0;padding:8px;font-size:13px}.fun-cluster{padding:0}.games-fun,.gifs-fun{display:none!important}.fun-btn{width:34px!important;height:38px!important;font-size:20px!important;background:transparent!important;color:#777!important}
 .send-btn{display:none}.composer-icon{display:grid;width:35px!important;height:40px!important;color:#777;padding:0}.composer-icon svg{width:20px!important;height:20px!important}.gift-composer-btn,.attachBtn{display:none}.mobile-plus-btn{display:grid!important;font-size:28px!important;font-weight:300}
 #attachBtn,#giftBtn,#raiseHandBtn{display:none!important}
 .sidebar{display:block;position:fixed!important;top:0!important;bottom:0!important;width:min(76vw,320px)!important;height:100dvh!important;z-index:61!important;left:0!important;right:auto!important;transform:translateX(-104%);transition:transform .22s ease;box-shadow:3px 0 12px #0004;border-right:1px solid #bbb;background:#fff}
 body.mobile-drawer-left .sidebar{transform:translateX(0)}
 body.mobile-drawer-right .sidebar{left:auto!important;right:0!important;transform:translateX(0);box-shadow:-3px 0 12px #0004}
 body.mobile-settings-open .sidebar{left:0!important;right:0!important;width:100vw!important;max-width:none!important;transform:translateX(0);box-shadow:none}
 .sidebar-icons{height:44px;background:#2196e8;border:0;display:none}
 body.mobile-settings-open .sidebar-icons{display:grid;grid-template-columns:1fr;position:absolute;top:0;left:0;width:100%;z-index:3;pointer-events:none}.sidebar-icons .top-icon{display:none}.sidebar-icons .top-icon[data-panel="settings"]{display:block;opacity:0;pointer-events:none}
 .side-panel{height:100dvh!important;background:#fff;color:#444;overflow:hidden}.side-panel.active{display:block}
 .side-panel:not(.active){display:none!important}
 #panelRooms:before{content:'♡   Odalar';display:flex;align-items:center;height:51px;background:#2196e8;color:#fff;font-size:17px;font-weight:700;padding:0 16px;white-space:pre}
 #panelUsers:before{content:'←   Oda kişileri';display:flex;align-items:center;height:51px;background:#2196e8;color:#fff;font-size:17px;font-weight:700;padding:0 16px;white-space:pre}
 #panelSettings:before{content:'⚙   Ayarlar';display:flex;align-items:center;height:51px;background:#2196e8;color:#fff;font-size:17px;font-weight:700;padding:0 16px;white-space:pre;position:sticky;top:0;z-index:5}
 .side-search{height:44px;padding:5px 12px}.side-search input{height:34px;border:0;border-bottom:1px solid #ddd;border-radius:0;padding-left:48px;font-size:15px}.side-search span{left:19px;right:auto;font-size:20px}
 .panel-heading{display:none}.rooms-list{height:calc(100dvh - 95px)}.room-item{grid-template-columns:28px 1fr auto auto;gap:4px;padding:9px 14px;min-height:43px}.room-main b{font-size:13px;font-weight:500}.room-main small{display:none}.room-count{background:#2196e8;color:#fff;border-radius:3px;padding:2px 5px;font-size:10px}.room-star{font-size:22px;color:#ffc2c2}.lock{font-size:12px}
 #panelUsers .tabs{display:none}.users{height:calc(100dvh - 95px);overflow:auto}.user{padding:9px 12px;border-bottom:1px solid #eee;gap:8px}.user .room-star{order:5;margin-left:auto}.uavatar{width:42px;height:42px}.user-meta b{font-size:12px}.user-meta small{font-size:10px}.rank-admin{font-size:10px}
 .mobile-side-arrow{display:grid;place-items:center;position:absolute;z-index:38;top:126px;width:24px;height:48px;border:0;background:#f0f0f0dd;color:#2196e8;font-size:36px;line-height:1;border-radius:0 22px 22px 0;box-shadow:0 1px 3px #0003}.mobile-side-arrow.left{left:0}.mobile-side-arrow.right{right:0;border-radius:22px 0 0 22px}
 .mobile-drawer-shade{display:block;position:fixed;inset:0;background:#0003;z-index:60}.mobile-drawer-shade.hidden{display:none!important}
 body.mobile-drawer-left .mobile-drawer-shade,body.mobile-drawer-right .mobile-drawer-shade{display:block}
 .mobile-action-shade{display:block;position:fixed;inset:0;background:#0006;z-index:80}.mobile-action-shade.hidden{display:none!important}
 .mobile-sheet{display:block;position:fixed;z-index:81;right:8px;bottom:52px;width:min(56vw,260px);background:#fff;border-radius:3px;box-shadow:0 3px 16px #0007;overflow:hidden}.mobile-sheet.hidden{display:none!important}.mobile-sheet button{width:100%;height:44px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;text-align:left;border:0;border-bottom:1px solid #eee;background:#fff;color:#444;padding:0 12px;font-size:13px}.mobile-sheet button>span{padding-left:8px}.mobile-sheet-title{padding:12px 15px;color:#777;font-size:12px;border-bottom:1px solid #eee}.mobile-small-sheet{left:5px;right:5px;bottom:50px;width:auto}.mobile-small-sheet button{height:43px}.mobile-toggle{width:32px;height:18px;border-radius:12px;background:#bbb;position:relative}.mobile-toggle.on{background:#55aeea}.mobile-toggle:after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;right:0;top:0;box-shadow:0 1px 3px #777}
 #panelSettings{overflow:auto!important}.settings-scroll{height:auto!important;overflow:visible!important;padding-bottom:30px}.member-join-box{display:none!important}.settings-profile-card{border-radius:0;border:0;background:#f5f5f5;grid-template-columns:70px 1fr auto;padding:10px 16px}.settings-avatar{width:66px;height:66px}.settings-profile-text b{font-size:14px}.profile-menu-btn{display:none}.settings-separator{margin:12px 0 0;padding:14px 16px 8px;background:#fff;color:#777;border:0}.setting-row{height:44px;padding:0 18px;border-bottom:1px solid #eee;background:#fff}.setting-row span{font-size:12px}.switch{transform:scale(.85)}.more-settings{display:none}.theme-system-row{padding:14px 16px;background:#fff}.system-theme-btn{display:none}.theme-colors{display:flex;flex-wrap:wrap;gap:8px}.theme-colors .tc{width:30px;height:30px;border-radius:50%}
 .settings-profile-card:after{content:'KAZANÇ\\A0 Gold     HARCANAN\\A0 Gold     BAKİYE\\A0 Gold';white-space:pre;font-size:10px;color:#2196e8;grid-column:1/-1;padding-top:10px}
 .exact-settings:before{content:'Dil tercihi\\A Türkçe\\A\\A Sohbet yazı boyutu\\A 16\\A\\A Sohbet yazı rengi';white-space:pre;display:block;padding:16px 18px 8px;color:#666;font-size:12px;line-height:22px;border-bottom:1px solid #eee}
 .tool-popup,.profile-modal,.register-window{max-width:calc(100vw - 16px)}
}

/* V9.3.1 mobile fixes */
.mobile-settings-real{display:none}
@media(max-width:760px){
 .chat.room-has-background{background-attachment:scroll!important}
 .chat.room-has-background .mobile-mic-strip{background:rgba(0,0,0,.28)!important}
 .chat.room-has-background #messageArea{background-color:transparent!important;background-image:none!important}
 .messages{height:auto!important;min-height:0!important;overflow-y:auto!important}
 .exact-settings:after{content:none!important;display:none!important}
 .mobile-settings-real{display:block;background:#fff;padding:0 14px 22px}
 .mobile-settings-title{padding:18px 2px 10px;color:#777;font-size:12px;border-bottom:1px solid #eee}
 .mobile-settings-real>button{width:100%;height:44px;border:0;border-bottom:1px solid #eee;background:#fff;display:grid;grid-template-columns:34px 1fr 20px;align-items:center;text-align:left;color:#555;font-size:13px;padding:0 4px}
 .mobile-settings-real>button span{padding-left:8px}.mobile-settings-real>button b{font-size:21px;color:#bbb;font-weight:400}
 .mobile-room-designs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:12px 6px 8px}
 .mobile-room-designs span{height:88px;border:2px solid #eee;border-radius:3px;background:linear-gradient(145deg,#172238,#7d235c)}
 .mobile-room-designs span:nth-child(2n){background:linear-gradient(145deg,#111,#2686b7)}
 .mobile-room-designs span:nth-child(3n){background:linear-gradient(145deg,#0b1c12,#36d27a)}
 .mobile-remove-design{display:block!important;height:28px!important;grid-template-columns:1fr!important;text-align:center!important;background:#2196e8!important;color:#fff!important;font-weight:700;border-radius:3px!important;margin-bottom:12px}
 .mobile-safe-logout{margin-top:18px;color:#f44336!important;font-weight:700}
 #panelSettings .theme-system-row{order:0}
 #panelSettings{padding-bottom:0!important}
}

/* V9.3.2 - mobile chat viewport / bottom strip fix */
@media(max-width:760px){
  html,body,.chat-page,.app{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important}
  .chat{
    height:100dvh!important;
    min-height:100dvh!important;
    display:grid!important;
    grid-template-rows:44px 64px minmax(0,1fr) 48px!important;
    overflow:hidden!important;
  }
  .mobile-mic-strip{
    height:64px!important;
    min-height:64px!important;
    padding:5px 2px 1px!important;
    align-items:center!important;
  }
  .mobile-mic-strip button{
    height:58px!important;
    justify-content:center!important;
    line-height:1!important;
  }
  .mobile-mic-strip button span{
    margin-top:3px!important;
    line-height:12px!important;
  }
  #messageArea.messages{
    min-height:0!important;
    height:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:8px!important;
    margin:0!important;
    align-self:stretch!important;
  }
  #messageArea .msg{
    margin-top:5px!important;
    margin-bottom:5px!important;
  }
  #messageArea .msg.system{
    min-height:28px!important;
    line-height:16px!important;
    padding:6px 10px!important;
    overflow:visible!important;
    white-space:normal!important;
  }
  .composer{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:3px 5px!important;
    align-self:end!important;
    border-top:1px solid #ddd!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  .composer input#messageInput{
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
  }
  .mobile-side-arrow{top:108px!important}
  .chat.room-has-background{
    background-position:center center!important;
    background-size:cover!important;
  }
  .chat.room-has-background #messageArea{
    background:transparent!important;
  }
}

/* V9.3.3 - mobile top bar exactly closer to supplied reference */
@media(max-width:760px){
  .chat{
    grid-template-rows:38px 64px minmax(0,1fr) 48px!important;
  }
  .mobile-topbar{
    display:flex!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    background:#fff!important;
    color:#8b8b8b!important;
    border-bottom:1px solid #b8d9dd!important;
    box-shadow:none!important;
    align-items:stretch!important;
    justify-content:center!important;
  }
  .mobile-room-title{
    display:none!important;
  }
  .mobile-top-actions{
    width:100%!important;
    height:38px!important;
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    align-items:center!important;
  }
  .mobile-top-actions button{
    width:100%!important;
    height:38px!important;
    min-width:0!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    margin:0!important;
    color:#8a8a8a!important;
    background:transparent!important;
    border:0!important;
    position:relative!important;
  }
  .mobile-top-actions button svg{
    width:19px!important;
    height:19px!important;
    display:block!important;
    fill:currentColor!important;
  }
  #mobileUsersTop svg{width:21px!important;height:21px!important}
  #mobileCallsTop svg{width:18px!important;height:18px!important}
  #mobileSettingsTop svg{width:20px!important;height:20px!important}
  .mobile-top-actions button span{
    position:absolute!important;
    top:1px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(4px)!important;
    min-width:15px!important;
    height:13px!important;
    line-height:13px!important;
    padding:0 3px!important;
    border-radius:7px!important;
    background:#2196e8!important;
    color:#fff!important;
    font-size:8px!important;
    font-weight:700!important;
    text-align:center!important;
  }
  .mobile-side-arrow{top:102px!important}
}

/* V9.3.4 - mobile smiley hub + floating gift */
.mobile-gift-float,.mobile-fun-panel{display:none}
@media(max-width:760px){
  .mobile-gift-float{
    display:grid!important;position:fixed!important;right:0!important;bottom:94px!important;z-index:49!important;
    width:56px!important;height:70px!important;place-items:center!important;border:0!important;border-radius:8px 0 0 8px!important;
    background:linear-gradient(180deg,#fff,#f1f1f1)!important;box-shadow:0 2px 9px rgba(0,0,0,.32)!important;padding:0!important
  }
  .mobile-gift-float:before{
    content:'';position:absolute;left:-8px;top:25px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:9px solid #f4f4f4
  }
  .mobile-gift-box{font-size:34px!important;line-height:1!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}
  .mobile-fun-panel{
    display:block;position:fixed;left:6px;right:68px;bottom:51px;z-index:82;max-height:52vh;background:#fff;
    border:1px solid #d8d8d8;border-radius:5px;box-shadow:0 4px 18px rgba(0,0,0,.34);overflow:hidden
  }
  .mobile-fun-panel.hidden{display:none!important}
  .mobile-fun-tabs{height:48px;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #e8e8e8;background:#fafafa}
  .mobile-fun-tabs button{
    border:0;border-right:1px solid #eee;background:transparent;color:#777;font-size:18px;display:flex;align-items:center;justify-content:center;
    gap:5px;padding:0 4px;position:relative
  }
  .mobile-fun-tabs button:last-child{border-right:0}
  .mobile-fun-tabs button span{font-size:10px;font-weight:600}
  .mobile-fun-tabs button.active{color:#2196e8;background:#fff}
  .mobile-fun-tabs button.active:after{content:'';position:absolute;left:12px;right:12px;bottom:0;height:2px;background:#2196e8}
  .mobile-fun-body{max-height:calc(52vh - 48px);overflow-y:auto;background:#fff;-webkit-overflow-scrolling:touch}
  .mobile-fun-grid.hidden{display:none!important}
  .mobile-emoji-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:9px}
  .mobile-emoji-item{height:38px;border:0;background:#fff;font-size:24px;border-radius:4px}
  #mobileGamesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px}
  .mobile-game-item{min-height:84px;border:1px solid #e3e3e3;border-radius:5px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:7px}
  .mobile-game-item span{font-size:27px}.mobile-game-item b{font-size:10px;color:#555;text-align:center}
  .mobile-gifs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:7px}
  .mobile-gif-item{border:0;padding:0;background:#f3f3f3;border-radius:4px;overflow:hidden;aspect-ratio:1/1}
  .mobile-gif-item img{width:100%;height:100%;object-fit:cover;display:block}
  .games-fun,.gifs-fun{display:none!important}
}

/* V9.3.5 mobile reference fixes */
@media(max-width:760px){
  .mobile-topbar{
    position:relative!important;
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;
    padding-left:0!important;
  }
  .mobile-room-title{
    display:block!important;
    position:absolute!important;
    left:8px!important;
    top:0!important;
    height:38px!important;
    max-width:92px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    border:0!important;
    background:transparent!important;
    color:#888!important;
    font-size:12px!important;
    font-weight:500!important;
    text-align:left!important;
    padding:0!important;
    z-index:3!important;
  }
  .mobile-top-actions{
    width:calc(100% - 98px)!important;
    margin-left:98px!important;
  }

  /* One continuous room image from the microphone area through the chat area */
  .chat.room-has-background{
    position:relative!important;
    background-color:var(--room-bg-color,#fff)!important;
    background-image:var(--room-bg-image,none)!important;
    background-repeat:no-repeat!important;
    background-position:var(--room-bg-position,center center)!important;
    background-size:cover!important;
  }
  .chat.room-has-background .mobile-mic-strip,
  .chat.room-has-background #messageArea{
    background-color:transparent!important;
    background-image:none!important;
  }
  .chat.room-has-background .mobile-mic-strip{
    backdrop-filter:none!important;
  }

  /* Gift icon only: no white card/background */
  .mobile-gift-float{
    width:54px!important;height:62px!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
    border-radius:0!important;
  }
  .mobile-gift-float:before{display:none!important}
  .mobile-gift-box{
    font-size:38px!important;
    filter:drop-shadow(0 2px 3px rgba(0,0,0,.38))!important;
  }
}

/* V9.3.6 - mobile navigation + continuous room background + microphone frames */
@media(max-width:760px){
  /* Current room name remains visible while any top-menu page/panel is open. */
  .mobile-room-title{
    display:flex!important;
    align-items:center!important;
    left:7px!important;
    width:92px!important;
    max-width:92px!important;
    height:38px!important;
    color:#7e7e7e!important;
    font-size:12px!important;
    font-weight:600!important;
    z-index:1003!important;
  }
  body.mobile-settings-open .mobile-topbar,
  body.mobile-drawer-left .mobile-topbar,
  body.mobile-drawer-right .mobile-topbar{
    position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1002!important;
  }
  body.mobile-settings-open #panelSettings{
    padding-top:38px!important;
  }

  /* The room image is one layer. The microphone strip no longer paints white/dark over it. */
  .chat.room-has-background{
    background-color:var(--room-bg-color,#fff)!important;
    background-image:var(--room-bg-image,none)!important;
    background-repeat:no-repeat!important;
    background-position:var(--room-bg-position,center center)!important;
    background-size:cover!important;
  }
  .chat.room-has-background .mobile-mic-strip,
  .chat.room-has-background .mobile-mic-strip button,
  .chat.room-has-background #messageArea{
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
  }
  .mobile-mic-strip{
    background:transparent!important;
    border:0!important;
  }

  /* Reference-like framed microphone positions */
  .mobile-mic-strip button{
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  .mobile-mic-strip button:before{
    content:''!important;
    width:36px!important;
    height:36px!important;
    border-radius:50%!important;
    border:2px solid rgba(255,255,255,.88)!important;
    box-shadow:0 1px 4px rgba(0,0,0,.48), inset 0 0 0 1px rgba(0,0,0,.12)!important;
    background:rgba(20,20,20,.22)!important;
    position:absolute!important;
    top:2px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    z-index:0!important;
  }
  .mobile-mic-strip button svg,
  .mobile-mic-strip button>i,
  .mobile-mic-strip button>span:first-child{
    position:relative!important;
    z-index:1!important;
  }
  .mobile-mic-strip button span:last-child{
    position:absolute!important;
    left:0!important;right:0!important;bottom:1px!important;
    z-index:2!important;
    color:#fff!important;
    text-shadow:0 1px 3px rgba(0,0,0,.85)!important;
    font-size:9px!important;
  }

  /* Settings page resembles supplied mobile reference: white full page below persistent nav. */
  body.mobile-settings-open #panelSettings{
    background:#fff!important;
    width:100%!important;
    max-width:none!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.mobile-settings-open #panelSettings .panel-head{
    display:none!important;
  }
}

/* V9.3.7 - definitive mobile room background layer */
@media(max-width:760px){
  .chat{isolation:isolate!important}

  /* Never rely on the mic row or message row to paint the room image separately. */
  .chat.room-has-background{
    background-image:none!important;
    background-color:var(--room-bg-color,#fff)!important;
  }
  .chat.room-has-background:before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:0!important;
    left:0!important;
    right:0!important;
    top:38px!important;       /* directly below mobile top navigation */
    bottom:48px!important;    /* directly above composer */
    pointer-events:none!important;
    background-color:var(--room-bg-color,#fff)!important;
    background-image:var(--room-bg-image,none)!important;
    background-repeat:no-repeat!important;
    background-position:var(--room-bg-position,center center)!important;
    background-size:cover!important;
  }

  .mobile-topbar{position:relative!important;z-index:20!important}
  .mobile-mic-strip{
    position:relative!important;
    z-index:5!important;
    background:transparent!important;
    background-image:none!important;
  }
  #messageArea.messages{
    position:relative!important;
    z-index:4!important;
    background:transparent!important;
    background-image:none!important;
  }
  .composer{position:relative!important;z-index:20!important}

  /* Microphones: keep icon + label visible and give every microphone its own circle. */
  .mobile-mic-strip button{
    position:relative!important;
    height:64px!important;
    min-width:0!important;
    color:#fff!important;
    text-shadow:0 1px 3px rgba(0,0,0,.95)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding-top:8px!important;
    overflow:visible!important;
    opacity:1!important;
  }
  .mobile-mic-strip button:before{
    width:34px!important;
    height:34px!important;
    top:3px!important;
    background:rgba(255,255,255,.14)!important;
    border:2px solid rgba(255,255,255,.95)!important;
    box-sizing:border-box!important;
  }
  .mobile-mic-strip button{
    font-size:20px!important;
    line-height:28px!important;
  }
  .mobile-mic-strip button span{
    display:block!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:1px!important;
    color:#fff!important;
    font-size:9px!important;
    line-height:12px!important;
    font-weight:600!important;
    text-align:center!important;
    opacity:1!important;
  }

  /* Keep side arrows above the new background layer. */
  .mobile-side-arrow,.mobile-gift-float{z-index:30!important}
}

/* V9.3.8 - room upload URL fix companion + microphone visibility */
@media(max-width:760px){
 .mobile-mic-strip{z-index:8!important;opacity:1!important;visibility:visible!important}
 .mobile-mic-strip button{opacity:1!important;visibility:visible!important;z-index:2!important}
 .mobile-mic-strip button:before{display:block!important;opacity:1!important}
 .mobile-mic-strip button>*{visibility:visible!important;opacity:1!important}
 .chat.room-has-background:before{z-index:0!important}
 #messageArea.messages{z-index:3!important}
}

.mobile-settings-reference-head{display:none}
@media(max-width:760px){
 body.mobile-settings-open .mobile-topbar{background:#fff!important;color:#888!important;border-bottom:1px solid #ddd!important}
 body.mobile-settings-open #panelSettings{padding-top:38px!important;background:#fff!important}
 .mobile-settings-reference-head{display:block;background:#fff}
 .ms-profile{height:80px;display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center;padding:8px 15px;border-bottom:1px solid #eee}
 .ms-avatar{width:54px;height:54px;border:3px solid #fff;box-shadow:0 0 0 1px #ccc;background:#eee center/cover no-repeat;border-radius:2px}
 .ms-profile-copy{display:flex;flex-direction:column;gap:7px;min-width:0}.ms-profile-copy strong{font-size:14px;color:#222}.ms-profile-copy small{font-size:11px;color:#999}
 .ms-admin-badge{align-self:start;margin-top:3px;background:#1688f8;color:#fff;border-radius:13px;padding:5px 10px;font-size:10px;font-weight:700}
 .ms-gold-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:25px 15px 30px;background:#f7f7f7}
 .ms-gold-cards div{height:75px;border-radius:4px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}
 .ms-gold-cards div:nth-child(1){background:#0785f8}.ms-gold-cards div:nth-child(2){background:#ff3b3b}.ms-gold-cards div:nth-child(3){background:#43d260}
 .ms-gold-cards b{font-size:12px}.ms-gold-cards span{font-size:9px}
 .ms-setting-row{display:flex;flex-direction:column;gap:8px;padding:9px 26px;border-bottom:1px solid #eee;font-size:10px;color:#444}
 .ms-setting-row select{height:24px;border:0;background:#fff;color:#333;font-size:12px;outline:0}
 .ms-color-setting{padding:10px 26px 12px;border-bottom:1px solid #eee;font-size:10px;color:#444}
 .ms-color-palette{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
 .ms-color-palette button{width:12px;height:12px;border:0;border-radius:50%;padding:0;box-shadow:none}
 .ms-color-palette button.selected{outline:2px solid #333;outline-offset:1px}
 .mobile-settings-title{background:#f4f4f4!important;color:#777!important;padding:18px 15px 10px!important;margin:0 -14px!important}
 .mobile-settings-real>button{height:44px!important;font-size:13px!important}
}

/* V9.4.0 - rebuilt mobile settings, reference-first */
.mobile-settings-screen{display:none}
@media(max-width:760px){
  body.mobile-settings-open #panelSettings{
    padding-top:38px!important;
    background:#fff!important;
    overflow-y:auto!important;
  }
  body.mobile-settings-open #panelSettings .settings-scroll{
    padding:0!important;
    margin:0!important;
    background:#fff!important;
  }

  /* Hide the legacy settings blocks on mobile; desktop remains untouched. */
  body.mobile-settings-open #panelSettings .member-join-box,
  body.mobile-settings-open #panelSettings .settings-profile-card,
  body.mobile-settings-open #panelSettings .setting-row,
  body.mobile-settings-open #panelSettings .settings-separator,
  body.mobile-settings-open #panelSettings .more-settings,
  body.mobile-settings-open #panelSettings .theme-system-row,
  body.mobile-settings-open #panelSettings .mobile-settings-real,
  body.mobile-settings-open #panelSettings .mobile-settings-reference-head{
    display:none!important;
  }

  body.mobile-settings-open .mobile-settings-screen{
    display:block!important;
    width:100%!important;
    background:#fff!important;
    color:#333!important;
  }

  .mobile-settings-screen .ms-profile{
    height:82px;display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center;
    padding:8px 15px;border-bottom:1px solid #eee;background:#fff
  }
  .mobile-settings-screen .ms-avatar{
    width:54px;height:54px;border:3px solid #fff;box-shadow:0 0 0 1px #ccc;
    background:#eee center/cover no-repeat;border-radius:2px;display:grid;place-items:center;font-weight:700;color:#777
  }
  .mobile-settings-screen .ms-profile-copy{display:flex;flex-direction:column;gap:7px;min-width:0}
  .mobile-settings-screen .ms-profile-copy strong{font-size:14px;color:#222}
  .mobile-settings-screen .ms-profile-copy small{font-size:11px;color:#999}
  .mobile-settings-screen .ms-admin-badge{
    align-self:start;margin-top:3px;background:#1688f8;color:#fff;border-radius:13px;
    padding:5px 10px;font-size:10px;font-weight:700
  }

  .mobile-settings-screen .ms-gold-cards{
    display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:25px 15px 30px;background:#f7f7f7
  }
  .mobile-settings-screen .ms-gold-cards div{
    height:75px;border-radius:4px;color:#fff;display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:13px
  }
  .mobile-settings-screen .ms-gold-cards div:nth-child(1){background:#0785f8}
  .mobile-settings-screen .ms-gold-cards div:nth-child(2){background:#ff3b3b}
  .mobile-settings-screen .ms-gold-cards div:nth-child(3){background:#43d260}
  .mobile-settings-screen .ms-gold-cards b{font-size:12px}
  .mobile-settings-screen .ms-gold-cards span{font-size:9px}

  .mobile-settings-screen .ms-setting-row{
    display:flex;flex-direction:column;gap:8px;padding:9px 26px;border-bottom:1px solid #eee;
    font-size:10px;color:#444;background:#fff
  }
  .mobile-settings-screen .ms-setting-row select{
    height:24px;border:0;background:#fff;color:#333;font-size:12px;outline:0
  }
  .mobile-settings-screen .ms-color-setting{
    padding:10px 26px 12px;border-bottom:1px solid #eee;font-size:10px;color:#444;background:#fff
  }
  .mobile-settings-screen .ms-color-palette{
    display:flex;flex-wrap:wrap;gap:5px;margin-top:10px
  }
  .mobile-settings-screen .ms-color-palette button{
    width:12px;height:12px;border:0;border-radius:50%;padding:0
  }

  .mobile-settings-section-title{
    padding:18px 15px 10px;background:#f4f4f4;color:#777;font-size:11px;border-bottom:1px solid #eee
  }
  .mobile-settings-screen>button{
    width:100%;height:44px;border:0;border-bottom:1px solid #eee;background:#fff;
    display:grid;grid-template-columns:34px 1fr 20px;align-items:center;text-align:left;
    color:#555;font-size:13px;padding:0 15px
  }
  .mobile-settings-screen>button span{padding-left:4px}
  .mobile-settings-screen>button b{font-size:20px;color:#bbb;font-weight:400;text-align:right}
  .ms-switch-row{
    height:44px;display:flex;align-items:center;justify-content:space-between;
    padding:0 18px;border-bottom:1px solid #eee;background:#fff;font-size:12px
  }

  /* persistent top navigation exactly remains visible */
  body.mobile-settings-open .mobile-topbar{
    display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important;
    z-index:1005!important;background:#fff!important;border-bottom:1px solid #ddd!important
  }
}


/* V9.4.1 - exact mobile settings reference; no blue Ayarlar header */
.mobile-settings-reference{display:none}
@media(max-width:760px){
  /* Keep the normal white top navigation visible on every mobile panel. */
  body.mobile-settings-open .mobile-topbar{
    display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important;
    height:38px!important;z-index:1005!important;background:#fff!important;color:#888!important;
    border-bottom:1px solid #ddd!important;box-shadow:none!important
  }
  body.mobile-settings-open .mobile-room-title{display:flex!important;color:#888!important}
  body.mobile-settings-open .mobile-top-actions button{color:#8a8a8a!important}
  body.mobile-settings-open .mobile-top-actions button span{background:#1688f8!important;color:#fff!important}

  /* The old full-width blue 'Ayarlar' header must never render. */
  #panelSettings:before{content:none!important;display:none!important}
  body.mobile-settings-open .sidebar-icons{display:none!important}

  body.mobile-settings-open .sidebar{
    top:0!important;left:0!important;right:0!important;width:100vw!important;height:100dvh!important;
    transform:none!important;background:#fff!important;box-shadow:none!important;z-index:61!important
  }
  body.mobile-settings-open #panelSettings{
    display:block!important;position:absolute!important;top:38px!important;left:0!important;right:0!important;bottom:0!important;
    height:auto!important;padding:0!important;margin:0!important;background:#fff!important;overflow-y:auto!important;overflow-x:hidden!important
  }
  body.mobile-settings-open #panelSettings>.desktop-settings-only{display:none!important}
  body.mobile-settings-open #panelSettings>.mobile-settings-reference{display:block!important}

  .mobile-settings-reference{width:100%;min-height:100%;background:#fff;color:#333;font-family:Arial,sans-serif}
  .msr-profile-card{
    min-height:81px;display:grid;grid-template-columns:58px minmax(0,1fr) 62px;gap:10px;align-items:center;
    padding:8px 15px;border-bottom:1px solid #eee;background:#fff;box-sizing:border-box
  }
  .msr-avatar{
    width:54px;height:54px;border:3px solid #fff;box-shadow:0 0 0 1px #c9c9c9;border-radius:2px;
    background:#eee center/cover no-repeat;display:grid;place-items:center;font-size:19px;font-weight:700;color:#777
  }
  .msr-profile-main{min-width:0;align-self:stretch;padding-top:4px;display:flex;flex-direction:column}
  .msr-nickline{display:flex;align-items:center;min-height:22px}.msr-nickline strong{font-size:14px;color:#222;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .msr-rankline{font-size:9px;color:#6c2d7e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:14px;letter-spacing:.2px}
  .msr-status{font-size:10px;color:#999;margin-top:4px}
  .msr-profile-side{height:100%;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;padding:3px 0 5px}
  .msr-admin-badge{background:#1688f8;color:#fff;border-radius:13px;padding:5px 10px;font-size:10px;font-weight:700}
  #mobileProfileChevron{border:0;background:transparent;color:#777;font-size:20px;line-height:18px;padding:0 3px}

  .msr-gold-area{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:25px 15px 30px;background:#f7f7f7}
  .msr-gold-card{height:75px;border-radius:4px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}
  .msr-gold-card.earned{background:#0785f8}.msr-gold-card.spent{background:#ff3b3b}.msr-gold-card.balance{background:#43d260}
  .msr-gold-card b{font-size:12px;font-weight:500}.msr-gold-card span{font-size:9px;font-weight:600}

  .msr-select-block{background:#fff}
  .msr-select-block label{display:flex;flex-direction:column;gap:7px;padding:9px 26px;border-bottom:1px solid #eee;font-size:10px;color:#444}
  .msr-select-block select{height:22px;border:0;background:#fff;color:#222;font-size:12px;outline:0;padding:0;appearance:auto}
  .msr-color-row{padding:10px 26px 11px;border-bottom:1px solid #eee;font-size:10px;color:#444}
  .msr-color-palette{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
  .msr-color-palette button{width:12px;height:12px;border:0;border-radius:50%;padding:0;box-shadow:none}
  .msr-color-palette button.selected{outline:2px solid #333;outline-offset:1px}

  .msr-section-title{height:43px;display:flex;align-items:flex-end;padding:0 15px 9px;background:#f4f4f4;color:#777;font-size:11px;border-bottom:1px solid #eee;box-sizing:border-box}
  .msr-action-list button{width:100%;height:44px;border:0;border-bottom:1px solid #eee;background:#fff;display:grid;grid-template-columns:28px 1fr 18px;align-items:center;padding:0 13px;color:#444;text-align:left;font-size:13px}
  .msr-action-list .ico{color:#888;font-size:15px;text-align:center}.msr-action-list button>b{font-size:20px;color:#c7c7c7;font-weight:400;text-align:right}

  /* Chat text preferences chosen on this screen. */
  #messageArea .msg{font-size:var(--chat-font-size,16px)!important;color:var(--chat-text-color,#333)!important}
}

/* Desktop settings remain the original project implementation. */
@media(min-width:761px){.desktop-settings-only{display:block}.mobile-settings-reference{display:none!important}}

/* V9.4.2 - keep mobile top navigation above every panel */
@media(max-width:760px){
  /* Do not trap the topbar inside .chat's stacking context. */
  .chat{isolation:auto!important;}

  body.mobile-settings-open .mobile-topbar,
  body.mobile-drawer-left .mobile-topbar,
  body.mobile-drawer-right .mobile-topbar{
    display:flex!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    height:38px!important;
    min-height:38px!important;
    z-index:99999!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    background:#fff!important;
  }

  body.mobile-settings-open .mobile-room-title,
  body.mobile-drawer-left .mobile-room-title,
  body.mobile-drawer-right .mobile-room-title{
    display:flex!important;
    position:absolute!important;
    left:7px!important;
    top:0!important;
    width:92px!important;
    height:38px!important;
    z-index:100000!important;
    visibility:visible!important;
  }

  body.mobile-settings-open .mobile-top-actions,
  body.mobile-drawer-left .mobile-top-actions,
  body.mobile-drawer-right .mobile-top-actions{
    display:grid!important;
    position:absolute!important;
    top:0!important;
    right:0!important;
    width:calc(100vw - 92px)!important;
    height:38px!important;
    z-index:100000!important;
    grid-template-columns:repeat(4,1fr)!important;
  }

  /* Settings content begins below the persistent navigation. */
  body.mobile-settings-open .sidebar{
    z-index:61!important;
    top:0!important;
  }
  body.mobile-settings-open #panelSettings{
    top:38px!important;
    height:calc(100dvh - 38px)!important;
    padding-top:0!important;
    z-index:62!important;
  }
  body.mobile-settings-open #mobileSettingsReference{
    padding-top:0!important;
  }
}
\n/* Site Bilgileri - referans gorunumu */
#adminModal .site-info-pane{font-family:Arial,Helvetica,sans-serif;background:#fff;color:#20242b}
#adminModal .site-info-intro{padding:16px 11px 13px;font-size:12px;color:#6a6f76;border-bottom:1px solid #e2e2e2}
#adminModal .site-info-row{min-height:67px;display:flex;align-items:center;gap:18px;padding:0 14px;border-bottom:1px solid #e0e0e0;box-sizing:border-box}
#adminModal .site-info-icon{width:21px;height:21px;min-width:21px;border-radius:50%;background:#5b5b5b;color:#fff;font:bold 15px/21px Georgia,serif;text-align:center}
#adminModal .site-info-text{font-size:14px;color:#343943;flex:1;min-width:0}
#adminModal .site-info-value{margin-left:auto;white-space:nowrap;font-size:13px;font-weight:600;border-radius:6px;padding:8px 11px}
#adminModal .site-info-value.good{background:#0aa149;color:#fff}
#adminModal .site-info-value.bad{background:#e51e25;color:#fff}
#adminModal .site-info-value.limit{background:transparent;color:#777;font-size:17px;font-weight:400;padding-right:2px}
#adminModal .site-info-value.limit b{color:#1677f8;font-size:22px}
@media(max-width:520px){#adminModal .site-info-row{gap:12px;padding:0 11px;min-height:62px}#adminModal .site-info-text{font-size:12px}#adminModal .site-info-value{font-size:11px;padding:7px 8px}#adminModal .site-info-value.limit{font-size:14px}#adminModal .site-info-value.limit b{font-size:19px}}

/* Admin hareketleri - ince liste görünümü */
.admin-log-page{margin:-16px;color:#5f6368}.admin-log-head{height:38px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #d8d8d8;padding:0 10px;color:#111;font-weight:700}.admin-log-back{border:0;background:transparent;font-size:25px;line-height:1;padding:0 5px;cursor:pointer}.admin-log-search{position:relative;margin:6px 6px 5px}.admin-log-search input{box-sizing:border-box;width:100%;height:40px!important;margin:0!important;padding:8px 38px 8px 14px!important;border:1px solid #d8dde4!important;border-radius:4px!important;color:#555}.admin-log-search span{position:absolute;right:11px;top:7px;font-size:21px;color:#777}.admin-log-list{border-top:1px solid #eee}.admin-log-row{display:grid;grid-template-columns:130px minmax(190px,1fr) 145px 46px;min-height:52px;border-bottom:1px solid #ddd}.admin-log-cell{padding:8px 7px;border-right:1px solid #e3e3e3;display:flex;align-items:center;min-width:0}.admin-log-admin{font-weight:700;color:#3e3e3e;padding-left:15px}.admin-log-detail{display:block;overflow:hidden}.admin-log-target{display:block;font-size:14px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-log-action{display:block;font-size:11px;color:#666;margin-top:4px}.admin-log-date{font-size:11px;color:#6b7280;white-space:nowrap}.admin-log-info{justify-content:center;border-right:0}.admin-log-info button{width:21px;height:21px;padding:0;border:0;border-radius:50%;background:#ffb400;color:#fff;font:bold 14px Arial;cursor:pointer}.admin-log-empty{padding:24px;text-align:center;color:#777}.admin-log-dialog{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.35);display:grid;place-items:center;padding:20px}.admin-log-dialog>div{background:#fff;width:min(420px,92vw);border-radius:6px;box-shadow:0 8px 30px rgba(0,0,0,.25);padding:16px}.admin-log-dialog h4{margin:0 0 12px;color:#111}.admin-log-dialog p{margin:7px 0;word-break:break-word}.admin-log-dialog button{float:right;margin-top:8px;border:0;background:var(--accent);color:#fff;border-radius:4px;padding:7px 14px}@media(max-width:620px){.admin-log-row{grid-template-columns:25% 42% 25% 8%}.admin-log-cell{padding:7px 5px}.admin-log-admin{padding-left:8px;font-size:12px}.admin-log-target{font-size:12px}.admin-log-date{font-size:9px}.admin-log-info button{width:19px;height:19px;font-size:12px}}
/* Admin hareketleri - örnek Hareket Bilgileri penceresi */
.admin-log-dialog{background:rgba(0,0,0,.18);padding:8px}
.admin-log-dialog>.admin-log-modal{box-sizing:border-box;width:min(510px,96vw);padding:10px 12px 8px;border-radius:0;box-shadow:0 2px 8px rgba(0,0,0,.28);color:#333}
.admin-log-modal h4{font-size:20px;margin:7px 0 9px;padding:0 10px 10px;border-bottom:1px solid #d9d9d9;color:#333}
.admin-log-modal-body{padding:8px 21px 12px}
.admin-log-modal-line{display:grid;grid-template-columns:28px 1fr;align-items:center;min-height:31px;border-bottom:1px solid #e5e5e5;font-size:14px}
.admin-log-modal-icon{color:#666;text-align:center;font-size:15px;font-weight:700}
.admin-log-modal-foot{min-height:58px;border-top:1px solid #ddd;background:#fafafa;margin:0 -1px -1px;padding:14px 16px;box-sizing:border-box}
.admin-log-dialog .admin-log-modal-foot button{float:right;margin:0;border:0;background:#e3262e;color:#fff;border-radius:4px;padding:8px 18px;font-weight:700;cursor:pointer}
@media(max-width:520px){.admin-log-dialog>.admin-log-modal{width:98vw}.admin-log-modal-body{padding-left:10px;padding-right:10px}.admin-log-modal h4{font-size:18px}}
.staff-page{margin:-16px;color:#333}.staff-head{height:39px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #d8d8d8;padding:0 10px;color:#111}.staff-head button{border:0;background:transparent;font-size:25px;line-height:1;padding:0 4px;cursor:pointer}.staff-search{position:relative;margin:6px 6px 5px}.staff-search input{box-sizing:border-box;width:100%;height:40px!important;margin:0!important;padding:8px 38px 8px 14px!important;border:1px solid #d8dde4!important;border-radius:4px!important;color:#555}.staff-search span{position:absolute;right:11px;top:7px;font-size:21px;color:#777}.staff-list{border-top:1px solid #eee}.staff-row{display:grid;grid-template-columns:80px 1fr 78px;min-height:56px;border-bottom:1px solid #ddd}.staff-gender,.staff-person,.staff-edit{display:flex;align-items:center;border-right:1px solid #e3e3e3}.staff-gender{justify-content:center;font-size:24px;font-weight:700}.staff-gender.male{color:#168bd2}.staff-gender.female{color:#e83e9b}.staff-person{gap:11px;padding:7px 10px}.staff-person img,.staff-avatar-fallback{width:30px;height:30px;border-radius:3px;object-fit:cover;display:grid;place-items:center;font-size:25px}.staff-person b{font-size:14px;color:#2f2f2f}.staff-edit{justify-content:center;border-right:0}.staff-edit button{border:0;background:transparent;color:#666;font-size:27px;cursor:pointer}.staff-empty{padding:24px;text-align:center;color:#777}@media(max-width:620px){.staff-row{grid-template-columns:15% 70% 15%}.staff-gender{font-size:21px}.staff-edit button{font-size:24px}}
/* Yetkili düzenleme - referans ekran */
.staff-edit-page{margin:-16px;background:#fff;color:#222}.staff-edit-head{height:39px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ccc;padding:0 10px;position:sticky;top:0;background:#fff;z-index:3}.staff-edit-head button{border:0;background:transparent;font-size:25px}.staff-edit-form{padding:18px 20px 26px}.staff-edit-form>label{display:block;font-weight:700;font-size:13px;margin:5px 0 6px}.staff-edit-form input,.staff-edit-form select{box-sizing:border-box;width:100%;height:38px;margin:0 0 13px;padding:7px 11px;border:1px solid #d5d9df;border-radius:4px;background:#fff}.staff-upload{display:grid;grid-template-columns:1fr 145px 36px}.staff-upload input,.staff-upload button{margin:0;height:38px;border:1px solid #d5d9df}.staff-upload button{background:#0bb7aa;color:#fff;font-weight:700}.staff-mini-buttons{display:flex;margin:14px 0 10px}.staff-mini-buttons button{width:40px;height:29px;border:0;color:#fff;font-size:18px;font-weight:700;background:#258dd2}.staff-mini-buttons button+button{background:#e3262e}.staff-edit-form h4{font-size:14px;margin:10px 0}.staff-perms{padding-left:40px}.staff-perm{display:flex!important;align-items:center;gap:8px;font-weight:400!important;margin:0!important;min-height:34px}.staff-perm input{width:17px!important;height:17px!important;margin:0!important}.staff-protect-note{font-size:11px;color:#777;line-height:1.5;margin:20px 0 3px}.staff-date-row input{max-width:280px}.staff-meta{border-bottom:1px solid #ddd;padding:2px 0 14px;display:grid;gap:6px}.staff-meta span{color:#777;font-size:12px;margin-top:8px}.staff-meta b{font-weight:400}.staff-edit-actions{display:flex;justify-content:center;gap:30px;padding:15px}.staff-edit-actions button{border:0;border-radius:4px;padding:10px 22px;color:#fff;font-weight:700}.staff-edit-actions .danger{background:#df2b2f}.staff-edit-actions .save{background:#4656bd}@media(max-width:520px){.staff-edit-form{padding:18px 20px}.staff-upload{grid-template-columns:1fr 145px 36px}.staff-perms{padding-left:40px}}
.member-page{margin:-16px;color:#333}.member-head{height:39px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #d8d8d8;padding:0 10px;color:#111}.member-head button{border:0;background:transparent;font-size:25px;line-height:1;padding:0 4px;cursor:pointer}.member-search{position:relative;margin:6px 6px 5px}.member-search input{box-sizing:border-box;width:100%;height:40px!important;margin:0!important;padding:8px 38px 8px 14px!important;border:1px solid #d8dde4!important;border-radius:4px!important;color:#555}.member-search span{position:absolute;right:11px;top:7px;font-size:21px;color:#777}.member-list{border-top:1px solid #eee}.member-row{display:grid;grid-template-columns:80px 1fr 78px;min-height:56px;border-bottom:1px solid #ddd}.member-gender,.member-person,.member-edit{display:flex;align-items:center;border-right:1px solid #e3e3e3}.member-gender{justify-content:center;font-size:24px;font-weight:700}.member-gender.male{color:#168bd2}.member-gender.female{color:#e83e9b}.member-person{gap:11px;padding:7px 10px}.member-person img,.member-avatar-fallback{width:30px;height:30px;border-radius:3px;object-fit:cover;display:grid;place-items:center;font-size:25px}.member-person>div{display:flex;flex-direction:column;line-height:18px}.member-person b{font-size:14px;color:#2f2f2f}.member-person small{font-size:13px;color:#777}.member-edit{justify-content:center;border-right:0}.member-edit button{border:0;background:transparent;color:#666;font-size:27px;cursor:pointer}.member-empty{padding:24px;text-align:center;color:#777}@media(max-width:620px){.member-row{grid-template-columns:15% 70% 15%}.member-gender{font-size:21px}.member-edit button{font-size:24px}}

.member-edit-avatar{display:flex;flex-direction:column;align-items:center;border-bottom:1px solid #ddd;padding:2px 0 14px;margin-bottom:16px}.member-edit-avatar-img{width:52px;height:52px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#eee;font-size:24px;margin-bottom:14px}.member-edit-avatar-img img{width:100%;height:100%;object-fit:cover}.member-edit-avatar>button,.member-avatar-upload{border:0;border-radius:4px;background:#4656bd;color:#fff;font-weight:700;padding:10px 20px;cursor:pointer}.member-avatar-upload{margin-top:7px;background:#0bb7aa}.member-avatar-upload input{display:none!important}.member-full-edit .staff-edit-form{padding-top:18px}

/* Yasaklı kelimeler - referans görünümü */
#adminModal .word-ref-wrap{overflow:auto;height:calc(92vh - 78px);padding:0;background:#fff}
#adminModal .word-ref-table{width:100%;border-collapse:collapse;font:14px Arial,sans-serif;color:#4a4a4a}
#adminModal .word-ref-table th{font-weight:700;color:#111;background:#fafafa;text-align:left;padding:15px 11px;border-right:1px solid #ddd;border-bottom:1px solid #d8d8d8;white-space:nowrap}
#adminModal .word-ref-table td{padding:12px 11px;border-right:1px solid #e1e1e1;border-bottom:1px solid #ddd;vertical-align:middle}
#adminModal .word-ref-table th:nth-child(1){width:26%} #adminModal .word-ref-table th:nth-child(2){width:42%} #adminModal .word-ref-table th:nth-child(3){width:25%}
#adminModal .word-banned{color:#ff1717;text-decoration:line-through}
#adminModal .word-trash{border:0;background:transparent;color:#777;font-size:15px;cursor:pointer;padding:6px 8px;transform:rotate(90deg)}
#adminModal .word-fab{position:sticky;float:right;bottom:16px;margin:-64px 17px 15px 0;width:49px;height:49px;border:0;border-radius:50%;background:#5869ca;color:#fff;font-size:34px;line-height:44px;box-shadow:0 3px 8px #999;cursor:pointer}
.word-add-overlay{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.42);display:grid;place-items:center;padding:15px}.word-add-card{width:min(470px,94vw);background:#fff;padding:18px;border-radius:3px;box-shadow:0 5px 20px #555}.word-add-card h3{margin:0 0 16px}.word-add-card label{display:block;font-weight:700;margin:10px 0 4px}.word-add-card input{box-sizing:border-box;width:100%;padding:10px;border:1px solid #d4d4d4;border-radius:4px}.word-add-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}

/* Kelime Yasaklama Formu - örnek görsele uyum */
.word-add-overlay{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.18);display:grid;place-items:center;padding:12px}
.word-add-card{box-sizing:border-box;width:min(510px,calc(100vw - 24px));background:#fff;padding:0;border-radius:2px;box-shadow:0 3px 14px rgba(0,0,0,.28);overflow:hidden}
.word-add-card h3{margin:0;padding:22px 22px 10px;font-size:20px;color:#333}
.word-add-divider{height:1px;background:#ddd;margin:0 14px}
.word-add-body{padding:14px 34px 20px}
.word-add-card label{display:block;font-weight:700;font-size:13px;margin:10px 0 5px;color:#333}
.word-add-card label span{color:#e22}
.word-add-card input{box-sizing:border-box;width:100%;height:39px;padding:9px 14px;border:1px solid #d7d7d7;border-radius:4px;background:#fff;font-size:14px;outline:none}
.word-add-card input:focus{border-color:#9eb6e8;box-shadow:0 0 0 2px rgba(63,81,181,.08)}
.word-add-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 30px 16px;border-top:1px solid #ddd;background:#fafafa}
.word-cancel,.word-submit{border:0;border-radius:4px;padding:9px 16px;color:#fff;font-weight:700;cursor:pointer}
.word-cancel{background:#df292d}.word-submit{background:#13ad4d}
@media(max-width:420px){.word-add-body{padding:12px 20px 18px}.word-add-footer{padding:12px 20px 14px}}

/* Web Konsol - referans panel */
#adminModal .web-console-page{margin:0;background:#fff;color:#111;font-family:Arial,sans-serif}
#adminModal .web-console-head{height:38px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #d4d4d4;padding:0 11px;box-sizing:border-box}
#adminModal .web-console-head button{border:0;background:transparent;font-size:25px;line-height:1;padding:0 4px;cursor:pointer;color:#111}
#adminModal .web-console-head b{font-size:14px}
#adminModal .web-console-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:6px 8px 12px}
#adminModal .web-console-grid button{min-height:110px;border:0;border-radius:4px;background:#1677f8;color:#fff;box-shadow:0 3px 8px rgba(0,0,0,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;cursor:pointer}
#adminModal .web-console-grid button b{font-size:35px;line-height:1;margin-bottom:12px;color:#fff}
#adminModal .web-console-grid button span{font-size:14px;color:#fff}
@media(max-width:520px){#adminModal .web-console-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:6px}#adminModal .web-console-grid button{min-height:96px}#adminModal .web-console-grid button b{font-size:30px}#adminModal .web-console-grid button span{font-size:12px}}
#adminModal .seo-page{margin:0;background:#fff;color:#111;font-family:Arial,sans-serif}.seo-head{height:38px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #ccc;padding:0 11px;position:sticky;top:0;background:#fff;z-index:3}.seo-head button{border:0;background:transparent;font-size:25px;cursor:pointer}.seo-head b{font-size:14px}.seo-form{padding:10px 20px 24px}.seo-tabs{display:flex;justify-content:center;margin-bottom:20px}.seo-tabs button{height:38px;padding:0 22px;border:1px solid #d7d7d7;background:#fff}.seo-tabs .active{background:#f2f2f2;color:#111}.seo-form>label{display:block;font-weight:700;font-size:13px;margin:0 0 7px}.seo-form>input,.seo-form>select,.seo-form>textarea{width:100%;box-sizing:border-box;border:1px solid #d6d9de;border-radius:4px;background:#fff;margin:0 0 15px;padding:10px 13px;font:14px Arial}.seo-form>input,.seo-form>select{height:38px}.seo-form textarea{min-height:112px;resize:vertical}.seo-form textarea.seo-home{min-height:175px;font-family:Arial}.seo-upload{display:grid;grid-template-columns:minmax(0,1fr) 118px 36px;margin-bottom:15px}.seo-upload input,.seo-upload button{height:38px;box-sizing:border-box;border:1px solid #d5d9df}.seo-upload input{padding:8px 13px;border-radius:4px 0 0 4px}.seo-upload button{background:#08b7ac;color:#fff;font-weight:700;border-color:#08b7ac}.seo-upload button:last-of-type{border-radius:0 4px 4px 0;font-size:17px}.seo-save{text-align:center;padding-top:0}.seo-save button{border:0;border-radius:4px;background:#4656bd;color:#fff;font-weight:700;padding:11px 22px}@media(max-width:520px){.seo-form{padding:10px 20px 24px}.seo-upload{grid-template-columns:minmax(0,1fr) 110px 36px}.seo-tabs button{padding:0 16px}}

/* Sistem Resetleme */
.system-reset-overlay{position:fixed;inset:0;background:rgba(0,0,0,.18);z-index:10050;display:flex;align-items:center;justify-content:center;padding:14px;box-sizing:border-box}.system-reset-box{width:min(510px,calc(100vw - 28px));background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.25);padding:18px 12px 12px;box-sizing:border-box;font-family:Arial,sans-serif;color:#333}.system-reset-box h2{font-size:20px;margin:7px 10px 10px;font-weight:700}.system-reset-line{border-top:1px solid #d8d8d8;margin:0 0 21px}.system-reset-box p{font-size:14px;line-height:1.5;margin:0 20px 21px;min-height:62px}.system-reset-actions{border-top:1px solid #ddd;background:#fafafa;padding:13px 17px;display:flex;justify-content:flex-end;gap:7px}.system-reset-actions button{border:0;border-radius:4px;color:#fff;font-weight:700;padding:8px 14px;cursor:pointer}.system-reset-actions .reset-confirm{background:#268fd0}.system-reset-actions .reset-cancel{background:#e52c31}.system-reset-actions button:disabled{opacity:.65;cursor:wait}@media(max-width:520px){.system-reset-box p br{display:none}}


/* Sistem Geri Yukleme */
#adminModal .restore-page{background:#fff;color:#333;font-family:Arial,sans-serif;min-height:100%}#adminModal .restore-head{height:38px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #ccc;padding:0 11px}#adminModal .restore-head button{border:0;background:transparent;font-size:24px;cursor:pointer;padding:0 3px}#adminModal .restore-head b{font-size:14px;color:#111}#adminModal .restore-page>h3{font-size:16px;margin:12px 14px 9px}#adminModal .restore-info{margin:0 8px 13px;background:#003a59;color:#fff;padding:18px 20px 27px;font-size:14px;line-height:1.5}#adminModal .restore-info div{border-top:2px solid #eee;margin-top:8px}.restore-list{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:9px 11px 12px}.restore-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:14px;line-height:1.45}.restore-row button{background:#19b94d;color:#fff;border:0;border-radius:4px;font-weight:700;font-size:12px;padding:8px 15px;min-width:119px;cursor:pointer}.restore-foot{text-align:center;padding:31px 10px 12px;font-size:14px;color:#555;line-height:2.8}.restore-foot strong{color:red}@media(max-width:520px){.restore-info{font-size:13px!important;padding:15px!important}.restore-row button{min-width:112px;padding:8px 10px}.restore-foot{font-size:13px}}


/* Web Konsol - İstatistikler */
#adminModal .stats-page{background:#fff;color:#454545;font-family:Arial,sans-serif;min-height:100%}.stats-head{height:38px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #ccc;padding:0 11px;position:sticky;top:0;background:#fff;z-index:3}.stats-head button{border:0;background:transparent;font-size:24px;cursor:pointer;padding:0 3px}.stats-head b{font-size:14px;color:#111}.stats-loading{padding:25px}.stats-cards{display:grid;grid-template-columns:repeat(3,1fr);margin:10px 9px 5px;background:#f8f8f8;border-bottom:1px solid #d5dbe0}.stats-card{min-height:90px;padding:8px 20px;border-right:1px solid #aeb7bf;border-bottom:1px solid #d5dbe0;box-sizing:border-box}.stats-card:nth-child(3n){border-right:0}.stats-title{font-size:12px;margin-bottom:4px}.stats-card strong{display:block;font-size:30px;line-height:1.1;color:#414141}.stats-card small{display:block;margin-top:7px;font-size:11px;font-style:italic}.stats-card small.red{color:red}.stats-bottom{display:grid;grid-template-columns:1fr 1.08fr;gap:12px;margin:0 9px 12px}.stats-bottom section{border:1px solid #d7dde2;padding:8px 10px;min-width:0}.stats-bottom h3{font-size:14px;margin:5px 4px 10px;padding-bottom:10px;border-bottom:1px solid #dce1e5}.stats-bottom h3 small{float:right;font-size:11px}.stats-list-row{display:grid;grid-template-columns:minmax(92px,1.25fr) minmax(75px,.9fr) 32px;gap:5px;align-items:center;font-size:12px;margin:5px 0}.stats-person{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-bar{height:15px;background:#eee;position:relative;overflow:hidden}.stats-bar i{display:block;height:100%;background:#16b99c}.stats-bar b{position:absolute;left:4px;top:1px;color:#fff;font-size:11px}.stats-list-row em{text-align:right;font-style:normal;color:#6a7b90}.stats-empty,.stats-device-note{font-size:11px;color:#777}.stats-device-note{margin:8px 0 0}.stats-list-row.device{grid-template-columns:minmax(90px,1fr) minmax(85px,1.2fr) 32px}@media(max-width:520px){.stats-card{padding:8px 12px}.stats-card strong{font-size:27px}.stats-bottom{grid-template-columns:1fr 1fr;gap:8px}.stats-bottom section{padding:7px}.stats-list-row{font-size:11px;grid-template-columns:minmax(75px,1fr) minmax(60px,.85fr) 28px}.stats-bottom h3{font-size:13px}}


/* Web Konsol - Root İşlemleri */
.rootops-page{background:#fff;color:#222;font-family:Arial,sans-serif;min-height:100%}.rootops-head{height:38px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #ccc;padding:0 11px}.rootops-head button{border:0;background:transparent;font-size:24px;padding:0;line-height:1}.rootops-head b{font-size:14px}.rootops-body{padding:10px 8px 24px}.rootops-repair{background:#003651;color:#fff;padding:17px 20px 18px;margin-bottom:11px}.rootops-repair p{font-size:14px;line-height:1.45;margin:4px 0 11px}.rootops-repair button{width:100%;height:40px;border:0;border-radius:4px;background:#278fd0;color:#fff;font-weight:700}.rootops-pass-note{font-size:14px;margin:0 0 12px;padding:0 0 11px;border-bottom:1px solid #ddd}.rootops-pass{display:flex;flex-direction:column;gap:25px}.rootops-pass input{height:38px;border:1px solid #d9dde2;border-radius:4px;padding:0 15px;font-size:14px}.rootops-pass input::placeholder{color:#c9cdd2}.rootops-pass button{align-self:center;border:0;border-radius:4px;background:#4656bd;color:#fff;font-weight:700;padding:10px 36px;margin-top:-2px}.rootops-page button:disabled{opacity:.6;cursor:wait}


/* Web Konsol - Sistem Mesajı */
.sysmsg-page{background:#fff;min-height:430px;color:#222}.sysmsg-head{height:36px;border-bottom:1px solid #ccc;display:flex;align-items:center;gap:14px;padding:0 10px}.sysmsg-head button{border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer}.sysmsg-head b{font-size:14px;color:#111}.sysmsg-body{border:1px solid #ddd;border-top:0;padding:10px 8px 28px}.sysmsg-body h3{font-size:15px;font-weight:400;margin:4px 4px 18px;padding-bottom:14px;border-bottom:1px solid #ddd}.sysmsg-info{background:#003452;color:#fff;padding:20px;margin:0 0 22px;font-size:14px;line-height:1.45}.sysmsg-body label{display:block;font-size:13px;font-weight:700;margin:0 0 7px}.sysmsg-body textarea{box-sizing:border-box;width:100%;height:150px;border:1px solid #d8d8d8;border-radius:4px;padding:12px 14px;font:14px Arial,sans-serif;resize:vertical;outline:none}.sysmsg-body textarea::placeholder{color:#c7c7c7}.sysmsg-send{text-align:center;padding-top:14px}.sysmsg-send button{background:#4054bd;color:#fff;border:0;border-radius:4px;padding:10px 22px;font-weight:700;cursor:pointer}.sysmsg-send button:disabled{opacity:.65;cursor:default}


/* Web Konsol - Flood Ban İşlemleri */
.floodban-page{background:#fff;min-height:430px;color:#222;font-family:Arial,sans-serif}.floodban-head{height:36px;border-bottom:1px solid #ccc;display:flex;align-items:center;gap:14px;padding:0 10px}.floodban-head button{border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer}.floodban-head b{font-size:14px;color:#111}.floodban-body{border:1px solid #ddd;border-top:0;padding:10px 7px 24px;min-height:365px}.floodban-box{background:#003452;color:#fff;padding:17px 20px 20px}.floodban-box p{font-size:14px;line-height:1.45;margin:3px 0 10px}.floodban-box button{width:100%;height:40px;border:0;border-radius:4px;background:#278fd0;color:#fff;font-weight:700;font-size:14px;cursor:pointer}.floodban-box button:disabled{opacity:.65}.floodban-list{margin-top:10px}.floodban-row{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;border-bottom:1px solid #ddd;padding:9px 12px;font-size:12px}.floodban-row span small{display:block;color:#777;margin-top:3px}.floodban-row em{font-style:normal;color:#666}@media(max-width:520px){.floodban-box{padding:16px 19px}.floodban-box p br{display:none}.floodban-row{grid-template-columns:1fr}}

/* Web Konsol - Sistem Güncellemeleri */
.sysupdates-page{background:#fff;min-height:430px;color:#222;font-family:Arial,sans-serif}.sysupdates-head{height:36px;border-bottom:1px solid #ccc;display:flex;align-items:center;gap:14px;padding:0 10px;position:sticky;top:0;background:#fff;z-index:2}.sysupdates-head button{border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer}.sysupdates-head b{font-size:14px;color:#111}.sysupdates-scroll{padding:18px 7px 28px;max-height:430px;overflow-y:auto}.sysupdates-card{background:#fffef0;border:1px solid #d7d4b8;border-radius:5px;padding:10px 23px 20px;font-family:Georgia,'Times New Roman',serif;font-size:16px;line-height:1.72}.sysupdates-card h2{font-family:Arial,sans-serif;font-size:18px;color:#075d18;margin:0 0 10px;font-weight:700}.sysupdates-card h2 span{vertical-align:middle}.sysupdates-card p{margin:8px 0}.sysupdates-card b{font-weight:700}@media(max-width:520px){.sysupdates-scroll{padding:12px 7px}.sysupdates-card{padding:10px 16px;font-size:15px}.sysupdates-card h2{font-size:17px}}

/* Web Konsol - Animasyonlar */
.animations-page{background:#fff;min-height:430px;color:#222;font-family:Arial,sans-serif}.animations-head{height:36px;border-bottom:1px solid #ccc;display:flex;align-items:center;gap:14px;padding:0 10px}.animations-head button{border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer}.animations-head b{font-size:14px;color:#111}.animations-note{padding:18px 15px 15px;border-bottom:1px solid #ddd;font-size:14px}.animations-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px 6px 18px;max-height:390px;overflow-y:auto}.animation-card{position:relative;min-height:84px;border:1px solid #dfe2e5;border-radius:5px;padding:5px 6px 8px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-sizing:border-box}.animation-no{position:absolute;right:3px;top:2px;width:21px;height:21px;border:1px solid #bbb;border-radius:50%;background:#fff;text-align:center;line-height:21px;font-size:12px}.animation-preview{height:48px;display:flex;align-items:center;justify-content:center;width:100%}.animation-preview img{max-width:58px;max-height:46px;object-fit:contain}.animation-preview>span{color:#aaa}.animation-card>button{border:0;border-radius:14px;background:#08b7ac;color:#fff;font-weight:700;font-size:12px;padding:6px 15px;cursor:pointer}.animation-upload-overlay{position:fixed;inset:0;background:rgba(0,0,0,.18);z-index:10100;display:flex;align-items:center;justify-content:center;padding:12px}.animation-upload-box{width:min(500px,calc(100vw - 24px));background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.25);padding:14px 12px 12px;box-sizing:border-box}.animation-upload-box h2{font-size:20px;margin:7px 10px 10px}.animation-upload-line{border-top:1px solid #ddd}.animation-upload-bigpreview{height:166px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #ddd;margin-top:0}.animation-upload-bigpreview img{max-width:220px;max-height:145px;object-fit:contain}.animation-upload-bigpreview span{color:#aaa}.animation-upload-actions{background:#fafafa;padding:14px 8px;display:flex;justify-content:flex-end;gap:7px}.animation-upload-actions button{border:0;border-radius:4px;color:#fff;font-weight:700;padding:8px 16px;cursor:pointer}.animation-choose{background:#ddd!important;color:#555!important}.animation-send{background:#20b94b}.animation-cancel{background:#e52c31}.animation-upload-actions button:disabled{opacity:.65}@media(max-width:520px){.animations-grid{grid-template-columns:repeat(5,1fr);gap:6px}.animation-card{padding-left:2px;padding-right:2px}.animation-card>button{padding:6px 10px}.animation-upload-actions button{padding:8px 12px}}


/* Web Konsol - Market / Ekstra Ürünler */
.market-page{background:#fff;min-height:430px;color:#111;font-family:Arial,sans-serif}.market-head{height:36px;border-bottom:1px solid #ccc;display:flex;align-items:center;gap:14px;padding:0 10px;position:sticky;top:0;background:#fff;z-index:2}.market-head button{border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer}.market-head b{font-size:14px;color:#111}.market-scroll{padding:10px 8px 20px;max-height:430px;overflow-y:auto}.market-card{border:1px solid #cfd3d6;background:#fff}.market-card h3{font-size:14px;font-weight:400;margin:0;padding:13px 11px;border-bottom:1px solid #cfd3d6}.market-info{background:#fffaf3;padding:14px 15px 22px;font-size:14px;line-height:1.48}.market-info h4{font-size:14px;margin:0 0 11px;font-weight:700}.market-info p{margin:0 0 10px}.market-info p:last-child{margin-bottom:0}@media(max-width:520px){.market-scroll{padding:10px 7px}.market-info{padding:14px 14px 20px;font-size:14px}}

/* Yetki Siparişleri */
.orders-page{background:#fff;min-height:430px;color:#111;font-family:Arial,sans-serif}.orders-head{height:39px;display:flex;align-items:center;gap:10px;padding:0 11px;border-bottom:1px solid #d5d5d5}.orders-head button{border:0;background:transparent;font-size:23px;padding:0 3px}.orders-tabs{display:grid;grid-template-columns:1fr 1fr;margin:16px 10px 0;border:1px solid #d3d3d3}.orders-tabs button{height:37px;border:0;background:#fff;color:#444}.orders-tabs button+button{border-left:1px solid #d3d3d3}.orders-tabs button.active{background:#f5f5f5;font-weight:600}.orders-body{padding:30px 12px;text-align:center;font-size:14px}.order-row{text-align:left;border-bottom:1px solid #ddd;padding:11px 8px;display:grid;grid-template-columns:1fr auto;gap:10px}.order-row b{display:block}.order-row small{display:block;color:#777;margin-top:4px}.order-status{align-self:center;font-size:12px;color:#555}


/* Web Konsol - Banka Hesapları */
.bank-page{background:#fff;min-height:430px;color:#111;font-family:Arial,sans-serif}.bank-head{height:38px;display:flex;align-items:center;gap:12px;padding:0 10px;border-bottom:1px solid #ccc}.bank-head button{border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer}.bank-head b{font-size:14px}.bank-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 10px;border:1px solid #d3d3d3;border-top:0}.bank-tabs button{height:30px;border:0;background:#fff;color:#555;font-size:13px}.bank-tabs button+button{border-left:1px solid #d3d3d3}.bank-tabs button.active{background:#f6f6f6;color:#222;font-weight:600}.bank-form{padding:20px 20px 8px}.bank-form label{display:block;font-size:13px;font-weight:700;margin:0 0 9px}.bank-form input,.bank-form select{box-sizing:border-box;width:100%;height:39px;border:1px solid #d8dadd;border-radius:4px;background:#fff;padding:0 13px;font-size:14px;margin:0 0 15px;color:#111}.bank-form input::placeholder{color:#999}.bank-save{text-align:center;padding-top:14px}.bank-save button{min-width:160px;height:36px;border:0;border-radius:4px;background:#278fd0;color:#fff;font-size:14px;cursor:pointer}.bank-save button:disabled{opacity:.65}@media(max-width:520px){.bank-form{padding:20px 20px 8px}}

/* Premium Login SEO */
#adminModal .premium-blog-text{min-height:200px}.premium-staff-title{font-size:14px;margin:2px 0 8px;border-bottom:1px solid #999;padding-bottom:8px}.premium-staff-list{margin-bottom:14px}.premium-staff-row{display:grid;grid-template-columns:minmax(0,1fr) 80px 62px;align-items:center;gap:5px;border-bottom:1px solid #ddd;padding:5px 3px}.premium-staff-person{display:flex;align-items:center;gap:8px;min-width:0}.premium-staff-person img,.premium-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;display:grid;place-items:center}.premium-staff-person b,.premium-staff-person small{display:block;line-height:1.15}.premium-staff-person small{font-size:12px}.premium-staff-row button{height:37px;border:0;border-radius:4px;font-weight:700}.premium-remove{background:#e3262e;color:#fff}.premium-select{background:#e5e5e5;color:#444}@media(max-width:520px){.premium-staff-row{grid-template-columns:minmax(0,1fr) 80px 62px}}

/* Rutbe Listesi */
.ranks-page{margin:-16px;color:#444;background:#fff;min-height:430px}.ranks-head{height:39px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #cfcfcf;padding:0 10px;color:#111}.ranks-head button{border:0;background:transparent;font-size:25px;line-height:1;padding:0 3px;cursor:pointer}.ranks-head b{font-size:14px}.ranks-list{border-top:1px solid #eee}.rank-row{display:grid;grid-template-columns:1fr 45px;min-height:61px;border-bottom:1px solid #ddd}.rank-info{padding:10px 10px 7px;min-width:0}.rank-name{font-size:14px;line-height:18px}.rank-stars{font-size:14px;line-height:17px;letter-spacing:.2px;color:#999;white-space:nowrap;overflow:hidden}.rank-stars.green{color:#158000}.rank-stars.blue{color:#4388e8}.rank-stars.orange{color:#ff8b00}.rank-stars.cyan{color:#31b8c0}.rank-stars.brown{color:#8b3d00}.rank-stars.red{color:#e00020}.rank-stars.pink{color:#e31361}.rank-stars.black{color:#111}.rank-stars.purple{color:#7b3f77}.rank-edit{border:0;border-left:1px solid #e3e3e3;background:#fff;color:#49a9e8;font-size:22px;cursor:pointer;display:grid;place-items:center;padding:0}.rank-edit:hover{background:#f7fbfe}
.rank-edit-page{margin:-16px;background:#fff;min-height:430px;color:#111}.rank-edit-form{padding:20px 22px 28px;overflow:auto}.rank-edit-form>label{display:block;font-weight:700;font-size:14px;margin:0 0 7px}.rank-edit-form>input:not([type=color]){width:100%;height:38px;border:1px solid #d8d8d8;border-radius:4px;padding:0 14px;margin:0 0 14px;box-sizing:border-box;font-size:14px}.rank-edit-form .rank-color{display:block;width:123px;height:36px;padding:2px;border:1px solid #aaa;margin-bottom:14px;background:#fff}.rank-edit-form h4{font-size:14px;margin:12px 0 10px}.rank-edit-form .staff-perms{padding-left:40px}.rank-save-wrap{text-align:center;padding:22px 0 0}.rank-save-wrap button{border:0;border-radius:4px;background:#4655bd;color:#fff;font-weight:700;padding:10px 24px;cursor:pointer}

/* Rank screens overflow/layout fix */
#adminModal .ranks-page,
#adminModal .rank-edit-page{
  margin:0!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
}
#adminModal .ranks-head{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  flex-shrink:0;
}
#adminModal .ranks-list,
#adminModal .rank-row,
#adminModal .rank-info{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
#adminModal .rank-edit-form{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:20px 22px 28px!important;
  overflow-x:hidden!important;
}
#adminModal .rank-edit-form>input:not([type=color]){
  display:block;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
#adminModal .rank-edit-form .staff-perms{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  padding-left:40px!important;
  overflow-x:hidden;
}
#adminModal .rank-edit-form .staff-perm{
  max-width:100%;
  box-sizing:border-box;
}
#adminModal .rank-edit-form .staff-perm span{
  white-space:normal;
  overflow-wrap:anywhere;
}
@media(max-width:520px){
  #adminModal .rank-edit-form{padding:20px 20px 28px!important}
  #adminModal .rank-edit-form .staff-perms{padding-left:38px!important}
}

/* Admin Hareketleri responsive / yatay tasma fix */
#adminModal .admin-log-page{
  margin:0!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
}
#adminModal .admin-log-head,
#adminModal .admin-log-search,
#adminModal .admin-log-list{
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
#adminModal .admin-log-head{width:100%!important}
#adminModal .admin-log-search{width:auto!important;margin:6px 7px 5px!important}
#adminModal .admin-log-row{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  grid-template-columns:minmax(0,24%) minmax(0,43%) minmax(0,25%) 8%!important;
}
#adminModal .admin-log-cell{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden;
}
#adminModal .admin-log-admin{
  padding-left:10px!important;
  white-space:nowrap;
  text-overflow:ellipsis;
}
#adminModal .admin-log-target,
#adminModal .admin-log-action,
#adminModal .admin-log-date{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}
#adminModal .admin-log-date{white-space:nowrap}
#adminModal .admin-log-info{padding-left:2px!important;padding-right:2px!important}
#adminModal .admin-log-info button{flex:0 0 auto}
@media(max-width:520px){
 #adminModal .admin-log-row{grid-template-columns:minmax(0,21%) minmax(0,45%) minmax(0,26%) 8%!important}
 #adminModal .admin-log-cell{padding:7px 4px!important}
 #adminModal .admin-log-admin{padding-left:5px!important;font-size:12px!important}
 #adminModal .admin-log-target{font-size:12px!important}
 #adminModal .admin-log-action{font-size:10px!important}
 #adminModal .admin-log-date{font-size:9px!important}
}

/* Giris Kayitlari - ornek ekran duzeni */
#adminModal .login-logs-page{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden;background:#fff;color:#333}
#adminModal .login-logs-head{height:38px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #ccc;padding:0 12px;box-sizing:border-box;color:#111}
#adminModal .login-logs-head button{border:0;background:none;font-size:24px;line-height:1;padding:0;cursor:pointer;color:#111}
#adminModal .login-logs-head b{font-size:14px}
#adminModal .login-logs-search{height:40px;margin:6px 7px;position:relative;box-sizing:border-box}
#adminModal .login-logs-search input{width:100%;height:38px;box-sizing:border-box;border:1px solid #ddd;border-radius:4px;padding:0 38px 0 14px;font-size:14px;outline:none}
#adminModal .login-logs-search span{position:absolute;right:10px;top:6px;font-size:24px;color:#777}
#adminModal .login-logs-list{width:100%;max-width:100%;overflow-x:hidden;border-top:1px solid #e1e1e1}
#adminModal .login-log-row{display:grid;grid-template-columns:34px minmax(72px,1.05fr) minmax(132px,1.45fr) minmax(118px,1.18fr) 70px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;min-height:54px;border-bottom:1px solid #ddd}
#adminModal .login-log-row>div{min-width:0;box-sizing:border-box;border-right:1px solid #e1e1e1;display:flex;align-items:center;padding:6px}
#adminModal .login-log-gender{justify-content:center;font-size:23px;font-weight:bold;padding:0!important}.login-log-gender.male{color:#218ed0}.login-log-gender.female{color:#e83e9b}
#adminModal .login-log-nick{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#adminModal .login-log-role,#adminModal .login-log-device{flex-direction:column;align-items:flex-start!important;justify-content:center}
#adminModal .login-log-role span,#adminModal .login-log-device span{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#adminModal .login-log-role small,#adminModal .login-log-device small{font-size:11px;color:#667;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
#adminModal .login-log-device small i{display:inline-flex;align-items:center;justify-content:center;width:11px;height:11px;border-radius:50%;background:#ffb000;color:#fff;font-size:8px;font-style:normal;margin-left:2px}
#adminModal .login-log-actions{border-right:0!important;justify-content:center;gap:8px;padding:4px!important}
#adminModal .login-log-actions button{border:0;background:none;padding:0;cursor:pointer;font-weight:bold}.login-log-actions .info{width:21px;height:21px;border-radius:50%;background:#ffb000!important;color:#fff;font-family:serif;font-size:14px}.login-log-actions .ban{color:#f12626;font-size:29px;line-height:20px}
#adminModal .login-log-empty{text-align:center;padding:35px 10px;color:#555}
#adminModal .login-detail-overlay{position:absolute;inset:0;background:rgba(0,0,0,.18);z-index:9999;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box}
#adminModal .login-detail-box{width:min(500px,100%);background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.3);padding:12px;box-sizing:border-box}.login-detail-box h2{font-size:20px;margin:6px 8px 10px;padding-bottom:10px;border-bottom:1px solid #ddd}.login-detail-lines{padding:4px 20px}.login-detail-lines div{padding:8px 5px;border-bottom:1px solid #eee}.login-detail-foot{margin-top:12px;border-top:1px solid #ddd;padding:14px 8px 2px;text-align:right}.login-detail-close{border:0;background:#e5262c;color:#fff;font-weight:bold;border-radius:4px;padding:9px 20px;cursor:pointer}
@media(max-width:520px){#adminModal .login-log-row{grid-template-columns:30px minmax(62px,.9fr) minmax(115px,1.35fr) minmax(100px,1.1fr) 62px}#adminModal .login-log-row>div{padding:5px 4px}#adminModal .login-log-nick,#adminModal .login-log-role span,#adminModal .login-log-device span{font-size:12px}#adminModal .login-log-role small,#adminModal .login-log-device small{font-size:9px}#adminModal .login-log-actions{gap:5px}}

/* Giris Kaydi Bilgileri - ornek modal */
#adminModal .login-detail-overlay{position:absolute;inset:0;background:rgba(0,0,0,.16);z-index:10020;display:flex;align-items:center;justify-content:center;padding:8px;box-sizing:border-box;overflow:hidden}
#adminModal .login-detail-box{width:min(510px,100%);max-height:calc(100% - 10px);overflow-y:auto;overflow-x:hidden;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.32);padding:10px 12px 8px;box-sizing:border-box;color:#333}
#adminModal .login-detail-box h2{font-size:21px;font-weight:600;margin:5px 6px 10px;padding:7px 4px 10px;border-bottom:1px solid #ddd}
#adminModal .login-detail-lines{padding:4px 20px 8px}
#adminModal .login-detail-line{min-height:31px;border-bottom:1px solid #e7e7e7;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:2px 4px;box-sizing:border-box;font-size:14px}
#adminModal .login-detail-icon{color:#707070;text-align:center;font-size:17px;font-weight:700}.login-detail-value{min-width:0;overflow-wrap:anywhere}.login-detail-sub{display:block;color:#777;font-size:12px;margin-top:2px}.login-detail-rankstar{color:#9aa2aa;font-size:16px;line-height:1}.login-detail-copy{border:0;background:#18b84b;color:#fff;border-radius:4px;font-weight:700;padding:7px 18px;cursor:pointer;white-space:nowrap}
#adminModal .login-detail-foot{margin-top:10px;border-top:1px solid #ddd;background:#fafafa;padding:14px 16px 6px;display:flex;justify-content:flex-end;gap:7px;box-sizing:border-box}
#adminModal .login-detail-foot button{border:0;border-radius:4px;color:#fff;font-weight:700;padding:9px 17px;cursor:pointer}.login-detail-track{background:#18b84b}.login-detail-close{background:#e5262c}
@media(max-width:520px){#adminModal .login-detail-lines{padding:3px 10px 7px}#adminModal .login-detail-box{padding-left:8px;padding-right:8px}#adminModal .login-detail-foot{padding-left:8px;padding-right:8px}.login-detail-copy{padding:7px 10px}.login-detail-foot button{padding:9px 11px}}

/* Odalar Yönetimi - referans ekran */
#adminContent:has(.rooms-admin-screen){overflow-x:hidden!important}
.rooms-admin-subbar{box-sizing:border-box;width:100%;min-width:0}
.rooms-admin-screen{position:relative;width:100%;max-width:100%;height:425px;box-sizing:border-box;overflow:hidden;background:#fff;padding:5px 4px 0}
.rooms-admin-search{position:relative;width:100%;box-sizing:border-box;margin:0 0 4px;padding:0 3px}
.rooms-admin-search input{display:block;width:100%;height:39px;box-sizing:border-box;border:1px solid #ddd;border-radius:4px;padding:0 38px 0 14px;font:14px Arial;color:#444;outline:none}
.rooms-admin-search input:focus{border-color:#b9cde8}
.rooms-admin-search span{position:absolute;right:13px;top:7px;font:bold 24px Arial;color:#777;line-height:24px;pointer-events:none}
.rooms-admin-table-wrap{width:100%;height:363px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}
.rooms-admin-table{width:100%;max-width:100%;border-collapse:collapse;table-layout:fixed;font:14px Arial;color:#444}
.rooms-admin-table th,.rooms-admin-table td{height:42px;box-sizing:border-box;border-right:1px solid #e1e1e1;border-bottom:1px solid #ddd;padding:7px 12px;text-align:left;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rooms-admin-table th{height:47px;font-weight:700;color:#111;background:#fff}
.rooms-admin-table .rooms-col-id{width:35px}.rooms-admin-table .rooms-col-owner{width:32%}.rooms-admin-table .rooms-col-key{width:40px;text-align:center;color:#aaa}.rooms-admin-table .rooms-col-edit{width:43px;text-align:center}
.rooms-admin-table td:first-child,.rooms-admin-table th:first-child{padding-left:12px;padding-right:5px}
.rooms-admin-table .rooms-owner em{font-size:11px;font-style:italic;color:#c3c3c3}.rooms-owner-icon{color:#c9c9c9;font-size:16px}
.rooms-admin-table .rooms-key{text-align:center;color:#aaa;font-size:15px}.rooms-admin-table .rooms-edit{text-align:center;padding:0}
.rooms-admin-table .rooms-edit button{border:0;background:transparent;color:#aaa;font-size:19px;line-height:40px;width:100%;height:100%;cursor:pointer;padding:0}.rooms-admin-table .rooms-edit button:hover{color:#4da3df}
.rooms-no-result{text-align:center;padding:30px;color:#888}.rooms-admin-fab{position:absolute;right:17px;bottom:16px;width:48px;height:48px;border:0;border-radius:50%;background:#5369d4;color:#fff;font:bold 30px/48px Arial;box-shadow:0 2px 5px #999;cursor:pointer;padding:0;z-index:3}
@media(max-width:600px){.rooms-admin-screen{height:calc(88vh - 74px);min-height:380px}.rooms-admin-table-wrap{height:calc(100% - 43px)}.rooms-admin-table .rooms-col-owner{width:31%}.rooms-admin-table th,.rooms-admin-table td{padding-left:8px;padding-right:8px}}

/* V9.3 Oda Düzenleme - referans görsel */
.room-edit-reference{height:calc(100% - 39px)!important;max-height:none!important;overflow:hidden!important;background:#fff}
.room-edit-reference .room-edit-scroll{height:100%;overflow-y:auto!important;overflow-x:hidden!important;padding:12px 20px 18px!important;box-sizing:border-box}
.room-edit-subbar strong small{font-size:11px;font-weight:700}
.room-edit-reference label{margin:9px 0 7px!important;font:700 14px Arial,sans-serif!important;color:#111}
.room-edit-reference input:not([type=color]):not([type=file]):not([type=hidden]),.room-edit-reference select{width:100%;height:38px;min-height:38px;border:1px solid #d9d9d9;border-radius:4px;padding:0 12px;box-sizing:border-box;background:#fff;font:14px Arial,sans-serif}
.room-reference-color{display:grid;grid-template-columns:110px minmax(0,1fr);gap:73px;align-items:center}
.room-reference-color input[type=color]{width:49px;height:29px;padding:2px;border:2px solid #d4d4d4;background:#fff;border-radius:0}
.room-reference-upload{display:flex;width:100%;min-width:0}
.room-reference-upload input{flex:1;min-width:0;border-radius:4px 0 0 4px!important}
.room-reference-upload button{height:38px;border:0;color:#fff;background:#08b8ae;font-weight:700;cursor:pointer;padding:0 20px;white-space:nowrap}
.room-reference-upload #roomBgCopyBtn{width:38px;padding:0;border-left:1px solid rgba(255,255,255,.12);border-radius:0 4px 4px 0;font-size:16px}
.room-reference-actions{justify-content:center!important;gap:30px;margin-top:14px!important}
.room-reference-actions .room-delete-btn,.room-reference-actions .room-save-btn{min-width:96px;height:37px;padding:0 18px}
@media(max-width:600px){.room-edit-reference .room-edit-scroll{padding:12px 20px 18px!important}.room-reference-color{grid-template-columns:105px minmax(0,1fr);gap:18px}.room-reference-upload button{padding:0 12px}.room-reference-actions{gap:30px}}

/* Oda ekleme formu - referans görünüm */
.status-form-modal.room-add-modal{align-items:center;padding-top:0}
.status-form-modal.room-add-modal .status-form-card{width:min(510px,calc(100vw - 34px));background:#fff;padding:12px 12px 14px;box-shadow:0 5px 18px rgba(0,0,0,.30),6px 8px 0 rgba(238,238,238,.95)}
.status-form-modal.room-add-modal .status-form-title{font-size:21px;padding:12px 10px 10px}
.status-form-modal.room-add-modal .status-form-sep{margin-bottom:20px}
.status-form-modal.room-add-modal .status-form-body{padding:0 21px 20px}
.status-form-modal.room-add-modal .status-form-body input{height:40px;min-height:40px;font-size:14px}
.status-form-modal.room-add-modal .status-form-actions{background:#fafafa;padding:14px 16px 0;gap:8px}
.status-form-modal.room-add-modal .status-form-actions button{min-height:31px;padding:0 15px}
.status-form-modal.room-add-modal .status-form-submit{background:#dcdcdc;color:#666}
.status-form-modal.room-add-modal .status-form-submit:not(:disabled){background:#1fbf52;color:#fff}
.status-form-modal.room-add-modal .status-form-submit:disabled{cursor:not-allowed;opacity:1}
.status-form-modal.room-add-modal .status-form-cancel{background:#df2b30;color:#fff}
@media(max-width:600px){.status-form-modal.room-add-modal .status-form-card{width:calc(100vw - 28px)}.status-form-modal.room-add-modal .status-form-body{padding-left:20px;padding-right:20px}}

/* Yetkililer listesi - referans gorunumu */
#adminModal .staff-page{margin:-16px!important;width:auto!important;max-width:none!important;overflow-x:hidden!important}
#adminModal .staff-head{height:39px!important;padding:0 10px!important;box-sizing:border-box!important}
#adminModal .staff-search{margin:6px 7px 5px!important}
#adminModal .staff-list{width:100%!important;overflow-x:hidden!important}
#adminModal .staff-row{grid-template-columns:80px minmax(0,1fr) 78px!important;min-height:56px!important;width:100%!important;box-sizing:border-box!important}
#adminModal .staff-gender{gap:8px!important;font-size:23px!important;white-space:nowrap!important}
#adminModal .staff-flag{color:#168bd2!important;font-size:23px!important;line-height:1!important;transform:rotate(0deg)}
#adminModal .staff-person{min-width:0!important;overflow:hidden!important;padding:6px 10px!important}
#adminModal .staff-person img,#adminModal .staff-avatar-fallback{width:30px!important;height:30px!important;flex:0 0 30px!important}
#adminModal .staff-person-text{min-width:0!important;overflow:hidden!important;line-height:1.05!important}
#adminModal .staff-person-text b{display:block!important;font-size:16px!important;line-height:18px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#adminModal .staff-rank-mark{height:17px!important;line-height:15px!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;letter-spacing:-1px!important}
#adminModal .staff-edit button{font-size:28px!important;color:#606060!important;font-weight:700!important}
@media(max-width:520px){
 #adminModal .staff-row{grid-template-columns:15% minmax(0,70%) 15%!important}
 #adminModal .staff-gender{gap:4px!important;font-size:20px!important}
 #adminModal .staff-flag{font-size:20px!important}
 #adminModal .staff-person{gap:8px!important;padding-left:8px!important;padding-right:5px!important}
 #adminModal .staff-person-text b{font-size:15px!important}
 #adminModal .staff-rank-mark{font-size:11px!important}
}

/* Yetkililer / Yetkili Duzenleme yatay tasma kesin duzeltme */
#adminModal .admin-window{overflow-x:hidden!important}
#adminModal #adminContent:has(.staff-page),
#adminModal #adminContent:has(.staff-edit-page){padding:0!important;overflow-x:hidden!important;min-width:0!important;box-sizing:border-box!important}
#adminModal #adminContent .staff-page,
#adminModal #adminContent .staff-edit-page{margin:0!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-x:hidden!important}
#adminModal #adminContent .staff-head,
#adminModal #adminContent .staff-edit-head{width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-width:0!important}
#adminModal #adminContent .staff-search{box-sizing:border-box!important;max-width:calc(100% - 14px)!important}
#adminModal #adminContent .staff-list,
#adminModal #adminContent .staff-row{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
#adminModal #adminContent .staff-row{grid-template-columns:80px minmax(0,1fr) 52px!important}
#adminModal #adminContent .staff-person,
#adminModal #adminContent .staff-person-text,
#adminModal #adminContent .staff-edit{min-width:0!important;box-sizing:border-box!important}
#adminModal #adminContent .staff-edit-form{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-x:hidden!important}
#adminModal #adminContent .staff-edit-form input,
#adminModal #adminContent .staff-edit-form select,
#adminModal #adminContent .staff-edit-form textarea{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
#adminModal #adminContent .staff-upload{width:100%!important;max-width:100%!important;min-width:0!important;grid-template-columns:minmax(0,1fr) minmax(105px,145px) 36px!important;box-sizing:border-box!important}
#adminModal #adminContent .staff-upload>*{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
#adminModal #adminContent .staff-perms{box-sizing:border-box!important;max-width:100%!important}
#adminModal #adminContent .staff-perm{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
@media(max-width:620px){
 #adminModal #adminContent .staff-row{grid-template-columns:72px minmax(0,1fr) 52px!important}
 #adminModal #adminContent .staff-edit-form{padding:18px 20px 26px!important}
 #adminModal #adminContent .staff-perms{padding-left:40px!important}
}

/* Uyeler / Uye Duzenleme yatay tasma kesin duzeltme */
#adminModal #adminContent:has(.member-page),
#adminModal #adminContent:has(.member-full-edit){padding:0!important;overflow-x:hidden!important;min-width:0!important;box-sizing:border-box!important}
#adminModal #adminContent .member-page,
#adminModal #adminContent .member-full-edit{margin:0!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-x:hidden!important}
#adminModal #adminContent .member-head,
#adminModal #adminContent .member-full-edit .staff-edit-head{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;padding-left:10px!important;padding-right:10px!important}
#adminModal #adminContent .member-search{margin:6px 7px 5px!important;width:auto!important;max-width:calc(100% - 14px)!important;box-sizing:border-box!important}
#adminModal #adminContent .member-search input{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
#adminModal #adminContent .member-list{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;box-sizing:border-box!important}
#adminModal #adminContent .member-row{width:100%!important;max-width:100%!important;min-width:0!important;grid-template-columns:64px minmax(0,1fr) 52px!important;box-sizing:border-box!important}
#adminModal #adminContent .member-gender,
#adminModal #adminContent .member-person,
#adminModal #adminContent .member-edit{min-width:0!important;box-sizing:border-box!important}
#adminModal #adminContent .member-person{overflow:hidden!important;padding:7px 10px!important}
#adminModal #adminContent .member-person>div{min-width:0!important;overflow:hidden!important}
#adminModal #adminContent .member-person b,
#adminModal #adminContent .member-person small{display:block!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#adminModal #adminContent .member-edit button{width:100%!important;height:100%!important;padding:0!important}
#adminModal #adminContent .member-full-edit .staff-edit-form{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-x:hidden!important}
#adminModal #adminContent .member-full-edit .staff-edit-form input,
#adminModal #adminContent .member-full-edit .staff-edit-form select,
#adminModal #adminContent .member-full-edit .staff-edit-form textarea{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
#adminModal #adminContent .member-full-edit .staff-perms,
#adminModal #adminContent .member-full-edit .staff-perm{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
@media(max-width:620px){
 #adminModal #adminContent .member-row{grid-template-columns:64px minmax(0,1fr) 52px!important}
 #adminModal #adminContent .member-full-edit .staff-edit-form{padding:18px 20px 26px!important}
 #adminModal #adminContent .member-full-edit .staff-perms{padding-left:40px!important}
}

/* Uye/Yetkili duzenleme checkbox satirlari - input %100 kuralini ez */
#adminModal #adminContent .member-full-edit .staff-perms,
#adminModal #adminContent .staff-edit-page .staff-perms{
  width:100%!important;
  max-width:100%!important;
  padding-left:40px!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}
#adminModal #adminContent .member-full-edit label.staff-perm,
#adminModal #adminContent .staff-edit-page label.staff-perm{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  text-align:left!important;
}
#adminModal #adminContent .member-full-edit label.staff-perm input[type="checkbox"],
#adminModal #adminContent .staff-edit-page label.staff-perm input[type="checkbox"]{
  flex:0 0 17px!important;
  width:17px!important;
  min-width:17px!important;
  max-width:17px!important;
  height:17px!important;
  min-height:17px!important;
  max-height:17px!important;
  margin:0!important;
  padding:0!important;
}
#adminModal #adminContent .member-full-edit label.staff-perm span,
#adminModal #adminContent .staff-edit-page label.staff-perm span{
  display:block!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  line-height:20px!important;
  text-align:left!important;
}
@media(max-width:620px){
 #adminModal #adminContent .member-full-edit .staff-perms,
 #adminModal #adminContent .staff-edit-page .staff-perms{padding-left:40px!important;padding-right:8px!important}
}

/* V9.8 Botlar Listesi - referans gorunum */
#adminModal .bot-reference-page{position:relative;width:100%;height:100%;min-height:425px;background:#fff;color:#333;font-family:Arial,sans-serif;overflow:hidden;box-sizing:border-box}
#adminModal .bot-reference-head{height:38px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #ccc;padding:0 11px;box-sizing:border-box;background:#fff}
#adminModal .bot-reference-head button{border:0;background:transparent;color:#111;font-size:25px;line-height:1;padding:0 2px;cursor:pointer}
#adminModal .bot-reference-head b{font-size:14px;color:#111}
#adminModal .bot-reference-search{height:48px;padding:6px 7px;box-sizing:border-box;position:relative;border-bottom:1px solid #eee}
#adminModal .bot-reference-search input{width:100%;height:38px!important;margin:0!important;padding:8px 38px 8px 14px!important;border:1px solid #d8dde4!important;border-radius:4px!important;box-sizing:border-box;color:#555;background:#fff}
#adminModal .bot-reference-search span{position:absolute;right:13px;top:13px;color:#666;font-size:20px}
#adminModal .bot-reference-list{height:calc(100% - 86px);max-height:390px;overflow-y:auto;overflow-x:hidden;border-top:0}
#adminModal .bot-reference-row{display:grid;grid-template-columns:52px minmax(0,1fr) 72px;min-height:57px;border-bottom:1px solid #ddd;box-sizing:border-box}
#adminModal .bot-reference-gender,#adminModal .bot-reference-person,#adminModal .bot-reference-edit{display:flex;align-items:center;border-right:1px solid #e3e3e3;min-width:0}
#adminModal .bot-reference-gender{justify-content:center;font-size:24px;font-weight:700}
#adminModal .bot-reference-gender.female{color:#e83e9b}#adminModal .bot-reference-gender.male{color:#168bd2}
#adminModal .bot-reference-person{gap:10px;padding:6px 11px;overflow:hidden}
#adminModal .bot-reference-person>img,#adminModal .bot-reference-fallback{width:29px;height:29px;flex:0 0 29px;border-radius:2px;object-fit:cover;display:grid;place-items:center;background:#eee;font-size:23px}
#adminModal .bot-reference-text{min-width:0;line-height:18px;overflow:hidden}#adminModal .bot-reference-text>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#adminModal .bot-reference-text b{font-size:14px;color:#2f2f2f}#adminModal .bot-reference-text em{font-style:normal;color:#f44336;font-size:12px}
#adminModal .bot-reference-rank{font-size:12px;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#adminModal .bot-reference-rank a{color:#168bd2;text-decoration:none}
#adminModal .bot-reference-edit{justify-content:center;border-right:0}#adminModal .bot-reference-edit button{border:0;background:transparent;color:#5c5c5c;font-size:28px;line-height:1;cursor:pointer;padding:5px}
#adminModal .bot-reference-fab{position:absolute;right:17px;bottom:17px;width:49px;height:49px;border:0;border-radius:50%;background:#5869ca;color:#fff;font-size:34px;line-height:46px;box-shadow:0 3px 8px #999;cursor:pointer;z-index:3}
@media(max-width:620px){#adminModal .bot-reference-row{grid-template-columns:52px minmax(0,1fr) 72px}#adminModal .bot-reference-person{padding:6px 9px}#adminModal .bot-reference-edit button{font-size:25px}}

/* V9.9 Bot ekleme formu - referans gorunum */
.bot-add-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.28);display:flex;align-items:center;justify-content:center;padding:18px;box-sizing:border-box;font-family:Arial,sans-serif}
.bot-add-dialog{width:min(500px,calc(100vw - 38px));background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.28);border-radius:2px;color:#2d2d2d;overflow:hidden}
.bot-add-dialog h2{font-size:21px;line-height:1.2;margin:0 12px;padding:20px 10px 10px;border-bottom:1px solid #d8d8d8;font-weight:700}
.bot-add-body{padding:20px 22px 27px;border-bottom:1px solid #e1e1e1;text-align:center}
.bot-add-body input{display:block;width:100%;height:39px;box-sizing:border-box;border:1px solid #d6dbe1;border-radius:4px;padding:0 14px;font:14px Arial;color:#444;background:#fff;margin:0 0 15px}
.bot-add-body input::placeholder{color:#c5c8cc}
.bot-add-genders{display:flex;justify-content:center;gap:0}
.bot-add-genders button{height:31px;padding:0 14px;border:1px solid #c8c8c8;background:#f5f5f5;color:#555;font-size:13px;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.bot-add-genders button+button{border-left:0}.bot-add-genders button.active{background:#e4e4e4;color:#333;box-shadow:inset 0 1px 2px rgba(0,0,0,.12)}
.bot-add-footer{min-height:59px;background:#fafafa;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:8px 13px;box-sizing:border-box}
.bot-add-footer button{border:0;border-radius:4px;height:31px;padding:0 18px;font-weight:700;font-size:12px;cursor:pointer}
.bot-add-footer #botQuickSubmit{background:#dfe1e3;color:#666}.bot-add-footer #botQuickSubmit:not(:disabled){background:#278fd0;color:#fff}.bot-add-footer #botQuickSubmit:disabled{cursor:default}
.bot-add-footer #botQuickCancel{background:#e52b2f;color:#fff}
@media(max-width:520px){.bot-add-overlay{padding:12px}.bot-add-dialog{width:calc(100vw - 24px)}.bot-add-body{padding:20px 20px 27px}}

/* V10.0 Bot düzenleme - referans görünüm */
#adminModal .bot-edit-reference{margin:-16px;background:#fff;color:#222;height:100%;overflow:hidden;box-sizing:border-box}
#adminModal .bot-edit-reference-head{height:39px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #ccc;padding:0 10px;box-sizing:border-box;background:#fff;position:sticky;top:0;z-index:4}
#adminModal .bot-edit-reference-head button{border:0;background:transparent;font-size:25px;line-height:1;cursor:pointer;padding:0 3px}#adminModal .bot-edit-reference-head b{font-size:14px}
#adminModal .bot-edit-reference-scroll{height:calc(100% - 39px);overflow-y:auto;overflow-x:hidden;padding:20px 22px 24px;box-sizing:border-box}
#adminModal .bot-edit-reference-scroll>label{display:block;font-size:14px;font-weight:700;margin:0 0 7px}
#adminModal .bot-edit-reference-scroll>input,#adminModal .bot-edit-reference-scroll>select{display:block;width:100%;height:38px;box-sizing:border-box;border:1px solid #d6d9dd;border-radius:4px;background:#fff;padding:0 13px;margin:0 0 14px;font-size:14px;color:#333}
#adminModal .bot-edit-reference-avatar{text-align:center;border-bottom:1px solid #ddd;padding:0 0 14px;margin:0 0 17px}.bot-edit-reference-photo{width:52px;height:52px;border-radius:50%;overflow:hidden;background:#eee;display:grid;place-items:center;margin:0 auto 14px;font-size:22px}.bot-edit-reference-photo img{width:100%;height:100%;object-fit:cover}.bot-edit-reference-avatar button{border:0;border-radius:4px;background:#4656bd;color:#fff;font-weight:700;padding:10px 21px;cursor:pointer}
#adminModal .bot-edit-reference-actions{display:flex;justify-content:center;gap:30px;border-top:1px solid #ddd;margin-top:14px;padding-top:14px}#adminModal .bot-edit-reference-actions button{border:0;border-radius:4px;color:#fff;font-weight:700;padding:11px 20px;cursor:pointer}.bot-edit-reference-actions .delete{background:#df292d}.bot-edit-reference-actions .save{background:#4656bd}
.bot-avatar-choice{position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:10020;display:grid;place-items:center}.bot-avatar-choice>div{background:#fff;padding:20px;box-shadow:0 3px 14px #777;display:flex;gap:8px}.bot-avatar-choice button{border:0;border-radius:4px;padding:9px 14px;background:#278fd0;color:#fff;font-weight:700}.bot-avatar-choice button:nth-child(2),.bot-avatar-choice button:nth-child(3){background:#e52b2f}
@media(max-width:520px){#adminModal .bot-edit-reference-scroll{padding:20px 20px 24px}}

/* Bot duzenleme paneli - yatay tasma duzeltmesi */
#adminModal .bot-edit-reference{
  margin:0!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:100%!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#adminModal .bot-edit-reference-head{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding-left:12px!important;
  padding-right:12px!important;
}
#adminModal .bot-edit-reference-scroll{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding:20px 22px 24px!important;
  box-sizing:border-box!important;
}
#adminModal .bot-edit-reference-scroll *,
#adminModal .bot-edit-reference-scroll *:before,
#adminModal .bot-edit-reference-scroll *:after{box-sizing:border-box}
#adminModal .bot-edit-reference-scroll>input,
#adminModal .bot-edit-reference-scroll>select,
#adminModal .bot-edit-reference-scroll>textarea{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
}
#adminModal .bot-edit-reference-avatar,
#adminModal .bot-edit-reference-actions{width:100%!important;max-width:100%!important;min-width:0!important}
#adminModal .admin-content:has(.bot-edit-reference){
  padding:0!important;
  overflow:hidden!important;
  min-width:0!important;
}
@media(max-width:620px){
 #adminModal .bot-edit-reference-scroll{padding:18px 20px 24px!important}
}

/* Radio settings - reference screen */
#adminModal .radio-settings-reference{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden;background:#fff;color:#111;font-family:Arial,sans-serif;min-height:430px}
#adminModal .radio-settings-head{box-sizing:border-box;width:100%;height:39px;display:flex;align-items:center;gap:12px;padding:0 12px;border-bottom:1px solid #ccc;background:#fff}
#adminModal .radio-settings-head button{border:0;background:transparent;color:#111;font:24px/1 Arial;cursor:pointer;padding:0 2px}
#adminModal .radio-settings-head b{font-size:14px}
#adminModal .radio-settings-form{box-sizing:border-box;width:100%;padding:25px 21px 30px;overflow-x:hidden}
#adminModal .radio-settings-form p{margin:0 0 23px;color:#8a5d50;font-size:12px;line-height:1.4}
#adminModal .radio-settings-form label{display:block;margin:0 0 7px;font-size:14px;font-weight:700}
#adminModal .radio-settings-form input{box-sizing:border-box;display:block;width:100%!important;max-width:100%!important;height:38px;margin:0 0 15px!important;padding:8px 13px!important;border:1px solid #d6d9de!important;border-radius:4px!important;background:#fff;font:14px Arial;color:#111}
#adminModal .radio-settings-form input::placeholder{color:#c5c8cc}
#adminModal .radio-settings-save{text-align:center;padding-top:0}
#adminModal .radio-settings-save button{border:0;border-radius:4px;background:#4656bd;color:#fff;font-weight:700;padding:10px 22px;cursor:pointer}
#adminModal .admin-content:has(.radio-settings-reference){overflow-x:hidden!important;width:100%!important;max-width:100%!important}

/* Yasaklı Rumuzlar - referans görünümü */
#adminModal .nick-ref-wrap{overflow-y:auto;overflow-x:hidden;height:calc(92vh - 78px);padding:0;background:#fff}
#adminModal .nick-ref-table{width:100%;table-layout:fixed;border-collapse:collapse;font:14px Arial,sans-serif;color:#4a4a4a}
#adminModal .nick-ref-table th{font-weight:700;color:#111;background:#fafafa;text-align:left;padding:15px 11px;border-right:1px solid #ddd;border-bottom:1px solid #d8d8d8}
#adminModal .nick-ref-table td{padding:12px 11px;border-right:1px solid #e1e1e1;border-bottom:1px solid #ddd;vertical-align:middle;overflow:hidden;text-overflow:ellipsis}
#adminModal .nick-ref-table th:nth-child(1){width:48%}#adminModal .nick-ref-table th:nth-child(2){width:42%}#adminModal .nick-ref-table th:nth-child(3){width:10%}
#adminModal .nick-banned{color:#ff1717;text-decoration:line-through}
#adminModal .nick-trash{border:0;background:transparent;color:#777;font-size:15px;cursor:pointer;padding:6px 8px;transform:rotate(90deg)}
#adminModal .nick-fab{position:sticky;float:right;bottom:16px;margin:-64px 17px 15px 0;width:49px;height:49px;border:0;border-radius:50%;background:#5869ca;color:#fff;font-size:34px;line-height:44px;box-shadow:0 3px 8px #999;cursor:pointer}
.nick-add-overlay{position:fixed;inset:0;z-index:125;background:rgba(0,0,0,.18);display:grid;place-items:center;padding:12px}
.nick-add-card{box-sizing:border-box;width:min(510px,calc(100vw - 24px));background:#fff;border-radius:2px;box-shadow:0 3px 14px rgba(0,0,0,.28);overflow:hidden}
.nick-add-card h3{margin:0;padding:22px 22px 10px;font-size:20px;color:#333}.nick-add-divider{height:1px;background:#ddd;margin:0 14px}
.nick-add-body{padding:14px 30px 20px}.nick-add-card label{display:block;font-weight:700;font-size:13px;margin:10px 0 5px;color:#333}.nick-add-card label span{color:#e22}
.nick-add-card input{box-sizing:border-box;width:100%;height:39px;padding:9px 14px;border:1px solid #d7d7d7;border-radius:4px;background:#fff;font-size:14px;outline:none}
.nick-add-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 30px 16px;border-top:1px solid #ddd;background:#fafafa}.nick-cancel,.nick-submit{border:0;border-radius:4px;padding:9px 16px;color:#fff;font-weight:700;cursor:pointer}.nick-cancel{background:#df292d}.nick-submit{background:#13ad4d}
@media(max-width:420px){.nick-add-body{padding:12px 20px 18px}.nick-add-footer{padding:12px 20px 14px}}
/* V11 - Sag tik > Bu Odayi Yonet referans ekrani */
.current-room-reference{width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}
.current-room-reference .room-edit-scroll{overflow-x:hidden!important;padding:12px 20px 20px!important}
.current-room-reference input,.current-room-reference select,.current-room-reference button{box-sizing:border-box}
.current-room-actions{justify-content:center!important;margin-top:14px!important}
.current-room-actions .room-save-btn{min-width:87px;background:#4654c7}
@media(max-width:600px){.current-room-reference .room-edit-scroll{padding:12px 20px 20px!important}.current-room-reference .room-reference-color{grid-template-columns:105px minmax(0,1fr)!important}}

/* Main room people list: show the same rank symbols configured in Admin > Rütbeler */
.user-meta{min-width:0;flex:1}
.user-rank-stars{font-size:11px;line-height:14px;letter-spacing:.15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:700}
@media(max-width:620px){.user-rank-stars{font-size:9px;line-height:12px}}

/* V7 - Kişiler listesi cihaz / ses / el kaldırma göstergeleri */
.user-presence-icons{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:0 0 24px;min-width:24px}
.user-presence-icons .presence-icon{display:flex;align-items:center;justify-content:center;width:22px;height:18px;font-size:14px;line-height:18px;white-space:nowrap}
.user-presence-icons .voice-on{font-size:13px}
.user-presence-icons .hand-up{font-size:14px;animation:presenceHandPulse 1.15s ease-in-out infinite alternate}
@keyframes presenceHandPulse{from{transform:scale(.92)}to{transform:scale(1.12)}}
@media(max-width:760px){.user-presence-icons{flex-basis:21px;min-width:21px}.user-presence-icons .presence-icon{width:20px;height:16px;font-size:12px}}

/* V7.1 - Kişiler: cihaz / ses / el kaldırma simgeleri referanstaki gibi sağda ve daha küçük */
#users .user{min-width:0}
#users .user .user-meta{min-width:0;flex:1}
#users .user-presence-icons{order:20;margin-left:auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:2px;flex:0 0 auto;min-width:0;padding:0 3px 0 5px}
#users .user-presence-icons .presence-icon{display:inline-flex;align-items:center;justify-content:center;width:15px;height:16px;font-size:11px;line-height:16px;flex:0 0 15px}
#users .user-presence-icons .voice-on{font-size:10px}
#users .user-presence-icons .hand-up{font-size:11px}
@media(max-width:760px){#users .user-presence-icons{gap:1px;padding-right:1px}#users .user-presence-icons .presence-icon{width:14px;height:15px;flex-basis:14px;font-size:10px}}
/* Registration form – reference layout */
.register-example-window{width:min(510px,96vw);border:0;box-shadow:0 10px 34px rgba(0,0,0,.35);padding:10px;background:#fff}
.register-example-title{min-height:52px;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:20px;font-weight:700;color:#2d2d2d}
.register-example-title button{border:0;background:transparent;font-size:22px;cursor:pointer;color:#555}
.register-example-body{padding:20px;background:#fff}
.register-note{border:1px solid #d4d4d4;background:#f7f7f7;padding:15px 20px;color:#555;margin-bottom:0}
.register-fields{border:1px solid #d4d4d4;border-top:0;padding:14px}
.register-fields label{display:block;font-size:13px;font-weight:600;margin:2px 0 5px}
.register-fields input[type=text],.register-fields input[type=password]{box-sizing:border-box;width:100%;height:39px;border:1px solid #d5d9df;border-radius:4px;padding:0 14px;font-size:14px;outline:none}
.register-pass-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.register-terms{display:flex!important;align-items:flex-start;gap:9px;margin-top:14px!important;font-weight:400!important;line-height:18px}
.register-terms input{width:17px!important;height:17px!important;min-width:17px;margin:1px 0 0}
.register-terms button{border:0;background:transparent;color:#2877c7;padding:0;font-weight:700;cursor:pointer}
.register-gender{display:flex;justify-content:center;margin-top:14px}
.register-gender button{border:1px solid #c9c9c9;background:linear-gradient(#fff,#e7e7e7);padding:6px 15px;color:#555;cursor:pointer}
.register-gender button+button{border-left:0}.register-gender button.active{background:#d9eaff;color:#1766b3;box-shadow:inset 0 0 0 1px #8bb9eb}
.register-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;background:#fafafa}
.register-actions button{border:0;border-radius:4px;padding:9px 18px;cursor:pointer}.register-actions #registerSave,.register-actions #registerTermsOk{background:#087cf0;color:#fff}.register-actions #registerCancel{background:#e5e7eb;color:#555}
.register-terms-window{max-height:80vh;display:flex;flex-direction:column}.register-terms-content{padding:18px;overflow-y:auto;line-height:1.5}.register-terms-content h3{margin:8px 0}.register-terms-content p{color:#555}
@media(max-width:520px){.register-pass-grid{grid-template-columns:1fr}.register-example-body{padding:10px}.register-example-window{padding:5px}.register-actions{padding:12px}}

/* SEO -> ana giriş entegrasyonu */
.login-extra-content.seo-home-content{box-sizing:border-box;width:100%;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.login-extra-content.seo-home-content img,.login-extra-content.seo-home-content video{max-width:100%;height:auto}
\n/* Premium login selected from Web Konsol > SEO */\n.premium-login-active .login-shell{max-width:980px;width:min(96%,980px)}\n.premium-login-layout{width:100%;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:18px;align-items:stretch}\n.premium-login-info,.premium-login-side{background:rgba(255,255,255,.96);border-radius:14px;box-shadow:0 12px 38px rgba(0,0,0,.2)}\n.premium-login-info{padding:26px;overflow:hidden}.premium-login-info h2{margin:10px 0 14px;font-size:24px;color:#222}.premium-login-blog{font-size:14px;line-height:1.65;color:#444;overflow-wrap:anywhere}\n.premium-login-logo{display:block;max-width:260px;max-height:64px;object-fit:contain;margin:0 auto 12px}.premium-login-side{padding:16px;display:flex;flex-direction:column;justify-content:center;gap:12px}.premium-login-side .login-stack{width:100%}.premium-login-side .login-card{width:100%;box-sizing:border-box;margin:0}\n.premium-login-right-image{width:100%;max-height:210px;object-fit:contain;border-radius:10px}.premium-app-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.premium-app-links a{display:inline-block;padding:9px 13px;border-radius:7px;background:#287be0;color:#fff;text-decoration:none;font-weight:700;font-size:13px}\n@media(max-width:760px){.premium-login-layout{grid-template-columns:1fr}.premium-login-info{padding:18px}.premium-login-side{padding:12px}.premium-login-right-image{max-height:150px}}\n
/* Premium Login modern landing page - Standard Login is intentionally untouched */
.premium-login-active{display:block!important;padding:0!important;background:#0e5fa5!important;min-height:100vh;overflow-x:hidden}.premium-login-active .login-background-media{display:none}.premium-modern-page{min-height:100vh;background:#effdfa;color:#18324b}.pm-hero{min-height:570px;background:linear-gradient(145deg,#075792,#0d69b5);color:#fff;position:relative;padding:0 24px 54px;overflow:hidden}.pm-hero:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-42px;height:85px;background:#effdfa;border-radius:50% 50% 0 0/55% 55% 0 0}.pm-nav{max-width:1040px;height:86px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}.pm-logo{max-width:150px;max-height:60px;object-fit:contain;background:#fff;border-radius:8px;padding:5px}.pm-brand{font-weight:900;font-size:22px}.pm-nav-links{display:flex;gap:16px;align-items:center}.pm-nav-right{justify-content:flex-end}.pm-nav button{border:0;background:transparent;color:#fff;font-weight:700}.pm-hero-inner{max-width:980px;margin:15px auto 0;display:grid;grid-template-columns:1fr 310px 1fr;align-items:center;gap:26px}.pm-login-card{background:#fff;color:#18324b;border-radius:12px;padding:18px;box-shadow:0 12px 35px rgba(0,0,0,.18);text-align:center}.pm-login-card h1{margin:0 0 14px;color:#1169b2;font-size:22px}.pm-login-card input{width:100%;padding:11px;border:1px solid #d4dce5;border-radius:7px;background:#f8fafc}.pm-login-card .gender-switch{margin:9px 0}.pm-login-card .gender{padding:7px 16px;border-radius:6px}.pm-enter{width:100%;border:0;border-radius:7px;background:#ff6c42;color:#fff;padding:10px 16px;font-weight:800}.pm-cancel{border:0;border-radius:7px;padding:10px 16px}.pm-orbit{min-height:150px;display:grid;place-items:center}.pm-person{text-align:center;font-size:12px}.pm-avatar{width:76px;height:76px;border:5px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;background:#fff;color:#234;overflow:hidden;margin:auto auto 8px}.pm-avatar img{width:100%;height:100%;object-fit:cover}.pm-download{text-align:center;max-width:620px;margin:28px auto 0;position:relative;z-index:2}.pm-download h2{font-size:16px;margin:0 0 5px}.pm-download p{font-size:12px;opacity:.9}.pm-download a{display:inline-block;margin:7px 4px;padding:9px 14px;border-radius:6px;background:#fff;color:#1265a7;text-decoration:none;font-size:11px;font-weight:800}.pm-down{display:grid;width:34px;height:34px;border-radius:50%;place-items:center;background:#2b8bd1;margin:18px auto 0;font-size:22px}.pm-content{max-width:900px;margin:0 auto;padding:70px 22px}.pm-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pm-grid article,.pm-app-cards article,.pm-feature{background:#fff;border:1px solid #bed9e7;border-radius:9px;padding:20px;box-shadow:0 4px 15px rgba(24,80,120,.06)}.pm-content h2,.pm-content h3{color:#145f99;margin-top:0}.pm-content p,.pm-content div{font-size:13px;line-height:1.6}.pm-app-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.pm-feature{margin-top:20px}.pm-feature img{width:100%;max-height:260px;object-fit:cover;border-radius:7px;margin-bottom:14px}.pm-footer{min-height:300px;background:#0d5fa4;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:40px}.pm-footer img{max-width:140px;max-height:60px;object-fit:contain;background:#fff;border-radius:6px;padding:5px}.pm-footer small{font-size:11px}.premium-login-active .login-modal{color:#172033}
@media(max-width:760px){.pm-hero{min-height:620px;padding:0 14px 50px}.pm-nav{height:72px;grid-template-columns:1fr auto}.pm-nav-links:first-child{display:none}.pm-nav-right{font-size:12px}.pm-logo{max-width:120px}.pm-hero-inner{grid-template-columns:1fr;max-width:360px}.pm-orbit{display:none}.pm-login-card{padding:16px}.pm-grid,.pm-app-cards{grid-template-columns:1fr}.pm-content{padding:55px 14px}.pm-footer{min-height:220px}}

/* Premium Login v2: full-width, modern lower content, no side gutters */
html,body.premium-login-active{width:100%;max-width:none;margin:0!important}
body.premium-login-active{overflow-x:hidden!important}
.premium-login-active .premium-modern-page,.premium-login-active .pm-hero,.premium-login-active .pm-footer{width:100%!important;max-width:none!important;box-sizing:border-box}
.premium-login-active .premium-modern-page{margin:0!important}
.pm-hero{padding-left:clamp(14px,4vw,64px);padding-right:clamp(14px,4vw,64px)}
.pm-nav{max-width:1180px;width:100%}.pm-hero-inner{max-width:1120px;width:100%;grid-template-columns:minmax(150px,1fr) minmax(300px,360px) minmax(150px,1fr)}
.pm-content{max-width:1120px;width:100%;box-sizing:border-box;padding:82px 24px 96px}
.pm-section-head{text-align:center;max-width:680px;margin:0 auto 34px}.pm-section-head span,.pm-feature span,.pm-social-band span{font-size:11px;font-weight:900;letter-spacing:1.6px;color:#ff7043}.pm-section-head h2{font-size:30px;margin:8px 0;color:#114f7e}.pm-section-head p{color:#6c7f8f}
.pm-card{position:relative;overflow:hidden;border:0!important;border-radius:18px!important;padding:28px!important;box-shadow:0 14px 38px rgba(22,86,125,.10)!important}.pm-card-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#edf7ff;font-size:23px;margin-bottom:18px}
.pm-social-band{margin:28px 0;min-height:210px;border-radius:26px;padding:38px 42px;background:linear-gradient(125deg,#075792,#147cc8);color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;box-shadow:0 18px 45px rgba(8,83,139,.2)}.pm-social-band h2{color:#fff;font-size:32px;margin:7px 0}.pm-social-band p{max-width:620px}.pm-social-band button{border:0;border-radius:999px;background:#ff7043;color:#fff;padding:11px 22px;font-weight:800;cursor:pointer}.pm-social-bubbles{display:flex;gap:12px;transform:rotate(-6deg)}.pm-social-bubbles i{width:58px;height:58px;border-radius:50%;background:#fff;color:#1474b8;display:grid;place-items:center;font-style:normal;font-size:25px;box-shadow:0 8px 20px rgba(0,0,0,.15)}
.pm-inline-stores{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.pm-inline-stores a{background:#0e65a8;color:#fff;text-decoration:none;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:800}
.pm-feature{border:0!important;border-radius:22px!important;padding:0!important;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center;box-shadow:0 16px 42px rgba(22,86,125,.12)!important}.pm-feature img{height:100%;max-height:340px;min-height:250px;margin:0!important;border-radius:0!important;object-fit:cover}.pm-feature>div{padding:34px}.pm-feature h2{font-size:28px;margin:8px 0}.pm-feature.pm-seo{display:block;padding:28px!important}.pm-footer{position:relative;min-height:250px;border-radius:52% 52% 0 0/18% 18% 0 0;padding-top:70px!important}
@media(max-width:760px){.pm-hero-inner{grid-template-columns:1fr}.pm-content{padding:58px 14px 70px}.pm-section-head h2{font-size:25px}.pm-social-band{padding:28px 22px;min-height:190px}.pm-social-band h2{font-size:27px}.pm-social-bubbles{display:none}.pm-feature{grid-template-columns:1fr}.pm-feature img{min-height:190px;max-height:230px}.pm-feature>div{padding:24px}.pm-footer{border-radius:40% 40% 0 0/10% 10% 0 0}}

/* Premium Login v3 - reference layout */
body.premium-login-active{background:#075b9f!important;font-family:Arial,Helvetica,sans-serif}.premium-login-active .premium-modern-page{background:#effcff!important}.premium-login-active .pm-hero{min-height:610px;padding:0 4vw 62px;background:radial-gradient(circle at 50% 20%,#147cc5 0,#0867ad 45%,#075895 100%)}
.pm-brand-wrap{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.pm-brand-wrap .pm-logo{max-width:52px;max-height:48px;background:transparent;padding:0}.pm-brand-wrap strong{font-size:22px}.pm-brand-wrap small{width:100%;text-align:center;margin-top:-8px;opacity:.75;font-size:10px}.pm-nav button{cursor:pointer}.pm-hero-stage{max-width:1180px;margin:8px auto 0;display:grid;grid-template-columns:1fr 350px 1fr;gap:28px;align-items:center;min-height:300px}.pm-stage-side{position:relative;height:270px}.pm-stage-side:after{content:"";position:absolute;width:180px;height:240px;border:2px dashed rgba(34,176,255,.45);border-top:0;border-radius:0 0 60% 60%;top:70px;z-index:0}.pm-stage-left:after{right:5px;transform:rotate(-12deg)}.pm-stage-right:after{left:5px;transform:rotate(12deg)}.pm-staff-card{position:absolute;z-index:2;display:flex;align-items:center;gap:9px}.pm-staff-card span{background:#fff;color:#174d78;border-radius:7px;padding:9px 12px;font-size:11px;font-weight:700;box-shadow:0 5px 15px rgba(0,0,0,.08);white-space:nowrap}.pm-stage-left .pm-staff-a{top:0;right:45px}.pm-stage-left .pm-staff-b{bottom:12px;left:0}.pm-stage-right .pm-staff-a{top:5px;left:45px}.pm-stage-right .pm-staff-b{bottom:10px;right:0}.pm-avatar{width:78px;height:78px;border:5px solid #fff;box-shadow:0 5px 18px rgba(0,0,0,.2);font-size:34px}.pm-login-card{border-radius:14px;padding:22px 20px}.pm-login-card h1{font-size:28px;margin-bottom:4px;color:#0b4d85}.pm-login-card p{font-size:12px;margin:0 0 15px;color:#55748d}.pm-login-card input{height:44px;box-sizing:border-box}.pm-login-card .gender-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:11px 0}.pm-login-card .gender{height:42px;border:1px solid #dbe6ef;background:#fff;color:#164d79;font-weight:800}.pm-login-card .gender.active{background:#2e8df1;color:#fff}.pm-enter{height:45px;background:linear-gradient(90deg,#ff643c,#ff7547);font-size:15px}.pm-login-card>div>small{display:block;margin-top:10px;color:#486985}.pm-download a{min-width:145px;padding:10px 16px}.pm-download a small{display:block;font-size:7px}.pm-content{max-width:1080px;padding:54px 22px 70px}.pm-reference-grid{gap:24px}.pm-device-card,.pm-rules-card{min-height:245px}.pm-device-card h2,.pm-rules-card h2{font-size:22px}.pm-big-stores{display:flex;gap:12px;margin-top:20px}.pm-big-stores a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:#0864b2;color:#fff;text-decoration:none;border-radius:10px;padding:13px;font-size:13px}.pm-big-stores a.apple{background:#ff6841}.pm-big-stores small{display:block;font-size:8px}.pm-rules-card{padding:0!important}.pm-rules-card h2{margin:0;padding:14px;text-align:center;background:#0764b3;color:#fff;font-size:17px}.pm-rules-card ul{list-style:none;margin:12px 18px;padding:0}.pm-rules-card li{background:#edf7fb;border-radius:11px;margin:8px 0;padding:11px 13px;font-size:12px}.pm-social-row{display:grid;grid-template-columns:230px 1fr 310px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 14px 38px rgba(22,86,125,.1);margin:24px 0}.pm-social-photo{background:#0870bf;min-height:220px;display:grid;place-items:end center;overflow:hidden}.pm-social-photo img{width:100%;height:100%;object-fit:cover}.pm-photo-placeholder{font-size:100px;padding:30px}.pm-social-copy{padding:34px}.pm-social-copy h2{font-size:28px;margin:0 0 14px}.pm-mobile-cta{background:#0865b4;color:#fff;padding:34px;display:flex;flex-direction:column;justify-content:center}.pm-mobile-cta h3{font-size:20px;margin:0 0 8px}.pm-mobile-cta a{background:#fff;color:#0c4e84;text-decoration:none;border-radius:9px;padding:13px;text-align:center;font-weight:800;margin-top:12px}.pm-chat-feature{background:#fff;border-radius:18px;padding:12px;box-shadow:0 14px 38px rgba(22,86,125,.1)}.pm-chat-feature img,.pm-wide-placeholder{width:100%;height:250px;object-fit:cover;border-radius:13px}.pm-wide-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#91d5ff,#e8f8ff);font-size:100px}.pm-chat-feature>div{padding:14px 10px 5px}.pm-chat-feature h2{font-size:24px;margin:0 0 6px}.pm-seo-extra{background:#fff;border-radius:16px;padding:24px;margin-top:22px}.pm-footer{min-height:270px;border-radius:50% 50% 0 0/16% 16% 0 0;background:linear-gradient(150deg,#0769b5,#07528e)!important}.pm-footer-brand{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 10px}.pm-footer-brand img{grid-row:1/3;width:46px;background:transparent!important}.pm-footer-brand strong{font-size:20px}.pm-footer-brand small{font-size:10px}.pm-footer nav{display:flex;gap:6px}.pm-footer nav button{border:0;background:transparent;color:#fff;cursor:pointer}.pm-footer nav button+button:before{content:"|";margin-right:10px;opacity:.5}
@media(max-width:800px){.pm-hero-stage{grid-template-columns:1fr;max-width:390px}.pm-stage-side{display:none}.pm-hero{min-height:620px}.pm-social-row{grid-template-columns:1fr}.pm-social-photo{min-height:190px}.pm-mobile-cta{padding:25px}.pm-reference-grid{grid-template-columns:1fr}.pm-big-stores{flex-direction:column}.pm-nav{grid-template-columns:1fr auto}.pm-nav-links:first-child{display:none}.pm-brand-wrap small{display:none}.pm-brand-wrap strong{font-size:17px}.pm-chat-feature img,.pm-wide-placeholder{height:190px}}

/* Premium v4 - visible store badges + readable moving lower text */
.premium-login-active .pm-download>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.premium-login-active .pm-download a,.premium-login-active .pm-big-stores a{display:flex!important;align-items:center;justify-content:center;gap:7px;box-sizing:border-box}
.premium-login-active .store-disabled{opacity:.72;cursor:default;pointer-events:none;filter:saturate(.75)}
.premium-login-active .pm-mini-stores{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.premium-login-active .pm-mini-stores a{display:block;background:#fff;color:#0c4e84;text-decoration:none;border-radius:9px;padding:12px 8px;text-align:center;font-weight:800}
.premium-login-active .pm-ticker{width:100%;overflow:hidden;margin:24px 0 0;border-radius:14px;background:#075fa8;border:1px solid rgba(255,255,255,.3);box-shadow:0 12px 30px rgba(8,75,120,.14);color:#fff;min-height:52px;display:flex;align-items:center}
.premium-login-active .pm-ticker-track{display:flex;width:max-content;min-width:200%;align-items:center;animation:pmTickerMove 28s linear infinite;will-change:transform}
.premium-login-active .pm-ticker:hover .pm-ticker-track{animation-play-state:paused}
.premium-login-active .pm-ticker-copy{display:flex;align-items:center;gap:20px;min-width:50%;padding:13px 38px;box-sizing:border-box;color:#fff!important;font-size:13px;font-weight:700;line-height:1.45;white-space:nowrap}
.premium-login-active .pm-ticker-copy *{color:#fff!important;background:transparent!important;margin:0!important;display:inline!important;white-space:nowrap!important}
.premium-login-active .pm-ticker-copy a{text-decoration:underline!important}
@keyframes pmTickerMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:800px){.premium-login-active .pm-mini-stores{grid-template-columns:1fr}.premium-login-active .pm-ticker-copy{font-size:12px;padding:12px 24px}.premium-login-active .pm-download a{min-width:138px}}
@media(prefers-reduced-motion:reduce){.premium-login-active .pm-ticker-track{animation:none;min-width:100%}.premium-login-active .pm-ticker-copy[aria-hidden="true"]{display:none}}

/* Premium v5 - polished store badges + clean ticker */
.premium-login-active .store-badge-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:12px}
.premium-login-active a.store-badge{min-width:168px!important;height:54px!important;padding:8px 15px!important;border:1px solid rgba(8,55,91,.12)!important;border-radius:12px!important;background:#fff!important;color:#102f4c!important;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;box-shadow:0 8px 22px rgba(0,47,84,.16)!important;transition:transform .16s ease,box-shadow .16s ease!important}
.premium-login-active a.store-badge:not(.store-disabled):hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,47,84,.22)!important}
.premium-login-active .store-mark{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;font-size:24px;line-height:1}
.premium-login-active .store-play{position:relative}.premium-login-active .store-play i{width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:22px solid #1d86e8;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.12))}
.premium-login-active .store-apple{font-size:30px;color:#111;transform:scaleX(.86)}
.premium-login-active .store-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}.premium-login-active .store-copy small{font-size:9px!important;font-weight:600!important;color:#5d6e7d!important;letter-spacing:.1px}.premium-login-active .store-copy b{font-size:15px!important;color:#102f4c!important;letter-spacing:.2px;margin-top:3px}
.premium-login-active .pm-big-stores a.store-badge{flex:1;background:#fff!important;color:#102f4c!important}.premium-login-active .pm-mini-stores a.store-badge{min-width:0!important;width:100%;height:50px!important;padding:7px 10px!important}.premium-login-active .pm-mini-stores .store-copy b{font-size:12px!important}
.premium-login-active .store-disabled{opacity:.62!important;filter:grayscale(.15)!important}
.premium-login-active .pm-ticker{min-height:58px!important;background:linear-gradient(90deg,#064f8d,#0875bd,#064f8d)!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:12px!important;box-shadow:0 10px 25px rgba(5,66,110,.18)!important}
.premium-login-active .pm-ticker-copy{font-family:Arial,Helvetica,sans-serif!important;color:#fff!important;font-size:13px!important;font-weight:700!important;letter-spacing:.15px!important;text-shadow:0 1px 1px rgba(0,0,0,.18);padding:16px 46px!important;white-space:nowrap!important}
@media(max-width:800px){.premium-login-active a.store-badge{min-width:150px!important;height:51px!important}.premium-login-active .store-copy b{font-size:13px!important}.premium-login-active .pm-ticker-copy{padding:14px 28px!important;font-size:12px!important}}


/* v11 toolbar - reference görünümü */
.sidebar-icons{height:60px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));overflow:visible;background:#fff;border-bottom:1px solid #e1e5eb}
.top-icon{box-sizing:border-box;min-width:0;height:60px;border:0;background:transparent;color:#aaaeb3;padding:15px 8px;position:relative;cursor:pointer;overflow:visible;transition:color .18s ease,transform .2s cubic-bezier(.2,.8,.2,1),background-color .18s ease}
.top-icon svg{display:block;margin:auto;width:29px;height:29px;fill:currentColor;transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .2s ease;transform-origin:center}
.top-icon:hover{color:#168ff1;background:#f8fbff;transform:translateY(-2px)}
.top-icon:hover svg{transform:scale(1.12);filter:drop-shadow(0 3px 3px rgba(0,0,0,.13))}
.top-icon:active{transform:translateY(0) scale(.95)}
.top-icon.active{color:#168ff1}
.top-icon.active:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:3px;background:#111;border-radius:2px 2px 0 0}
.top-user-badge{position:absolute;top:4px;left:50%;margin-left:5px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:11px;background:#087cf0;color:#fff;font:700 11px/20px Arial,sans-serif;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.18);z-index:4;pointer-events:none}
@media(max-width:760px){.sidebar-icons{grid-template-columns:repeat(7,minmax(0,1fr))}.top-icon{padding:16px 3px}.top-icon svg{width:25px;height:25px}.top-user-badge{top:5px;margin-left:2px;min-width:18px;height:18px;padding:0 4px;font-size:10px;line-height:18px}.top-icon.active:after{left:4px;right:4px}}

/* Radyo İstekleri - referans tasarım */
#adminModal #adminContent:has(.radio-requests-page){padding:0!important;overflow-x:hidden!important;background:#fff!important;box-sizing:border-box!important}
.radio-requests-page{width:100%;max-width:100%;min-width:0;box-sizing:border-box;color:#263447;background:#fff;overflow-x:hidden}
.radio-requests-head{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;box-sizing:border-box;background:#fff;border-bottom:1px solid #e5eaf1}
.rr-back{width:44px;height:44px;flex:0 0 44px;border:1px solid #dbe3ed;border-radius:11px;background:#fff;color:#34445a;font-size:25px;line-height:1;cursor:pointer;box-shadow:0 2px 7px rgba(30,60,90,.04);transition:.18s ease}
.rr-back:hover{transform:translateX(-2px);color:#087cf0;border-color:#9dcbfb;box-shadow:0 5px 14px rgba(8,124,240,.12)}
.rr-head-icon{font-size:34px;color:#087cf0;line-height:1;flex:0 0 auto}.rr-head-copy{display:flex;flex-direction:column;min-width:0;flex:1}.rr-head-copy b{font-size:22px;line-height:1.2;color:#172033}.rr-head-copy small{font-size:13px;color:#77859a;margin-top:4px;white-space:normal}
.rr-total{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:8px 13px;border:1px solid #cfe4fb;border-radius:16px;background:#f1f7ff;color:#087cf0}.rr-total>span{font-size:23px}.rr-total div{display:flex;flex-direction:column}.rr-total small{font-size:11px;color:#74839a}.rr-total b{font-size:13px;color:#075fb8}
.rr-filterbar{display:flex;align-items:center;gap:10px;width:100%;padding:14px 20px;box-sizing:border-box;overflow-x:auto;background:#fff}.rr-filter{flex:0 0 auto;border:0;border-radius:999px;background:#f0f3f7;color:#445166;padding:10px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:.18s ease}.rr-filter span{display:inline-grid;place-items:center;margin-right:6px;font-size:16px}.rr-filter:hover{transform:translateY(-1px);background:#e7edf5}.rr-filter.active{background:#087cf0;color:#fff;box-shadow:0 5px 13px rgba(8,124,240,.18)}
.radio-requests-body{display:grid;gap:11px;width:100%;padding:4px 20px 14px;box-sizing:border-box}
.radio-request-card{width:100%;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:13px;box-shadow:0 3px 12px rgba(31,49,71,.06);overflow:hidden;transition:.18s ease}.radio-request-card:hover{transform:translateY(-1px);border-color:#c7d9ec;box-shadow:0 7px 20px rgba(31,49,71,.1)}
.rr-main{display:flex;align-items:flex-start;gap:12px;padding:14px;min-width:0;box-sizing:border-box}.rr-song-icon{width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:#eaf4ff;color:#087cf0;display:grid;place-items:center;font-size:23px;font-weight:700}.rr-info{min-width:0;flex:1}.rr-song{font-size:15px;font-weight:800;color:#172033;overflow-wrap:anywhere}.rr-artist{margin-top:2px;font-size:13px;color:#657387;overflow-wrap:anywhere}.rr-meta{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:8px;font-size:11px;color:#8b97a7}.rr-note{margin-top:9px;padding:8px 10px;border-radius:8px;background:#f7f9fc;color:#536174;font-size:12px;overflow-wrap:anywhere}.rr-status{flex:0 0 auto;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.rr-status.new{background:#fff4d6;color:#a76700}.rr-status.accepted{background:#e7f8ee;color:#16864b}.rr-status.rejected{background:#ffeaec;color:#c22d3d}
.rr-actions{display:flex;justify-content:flex-end;gap:7px;padding:10px 14px;background:#fafbfd;border-top:1px solid #edf0f4;box-sizing:border-box}.rr-btn{border:0;border-radius:8px;padding:8px 12px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:.15s ease}.rr-btn:hover{transform:translateY(-1px);filter:brightness(.96)}.rr-btn.approve{background:#20a464}.rr-btn.reject{background:#f09a28}.rr-btn.delete{background:#dc3545}
.radio-requests-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #cfdae8;border-radius:14px;background:#fbfdff;color:#8793a3;padding:24px;box-sizing:border-box}.rr-empty-icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#eaf4ff;color:#087cf0;font-size:40px;margin-bottom:18px;box-shadow:0 0 0 10px rgba(8,124,240,.025)}.radio-requests-empty b{font-size:18px;color:#27364a}.radio-requests-empty span{font-size:13px;margin-top:6px;color:#7e8ba0}
.rr-tip{display:flex;align-items:center;gap:9px;margin:0 20px 18px;padding:11px 14px;border:1px solid #cfe4fb;border-radius:11px;background:#f1f7ff;color:#2768ae;font-size:12px;box-sizing:border-box}.rr-tip b{font-size:17px;color:#087cf0}
@media(max-width:620px){.radio-requests-head{padding:12px;gap:8px}.rr-back{width:38px;height:38px;flex-basis:38px}.rr-head-icon{font-size:27px}.rr-head-copy b{font-size:18px}.rr-head-copy small{font-size:11px}.rr-total{padding:6px 8px;border-radius:12px}.rr-total>span{display:none}.rr-total small{font-size:9px}.rr-total b{font-size:11px}.rr-filterbar{padding:10px 12px;gap:7px}.rr-filter{padding:8px 11px;font-size:11px}.radio-requests-body{padding:3px 12px 12px}.radio-requests-empty{min-height:260px}.rr-main{padding:12px;gap:9px}.rr-song-icon{width:36px;height:36px;flex-basis:36px}.rr-status{font-size:10px;padding:4px 7px}.rr-actions{display:grid;grid-template-columns:1fr 1fr 1fr;padding:9px}.rr-btn{padding:8px 4px;font-size:11px}.rr-meta{display:grid;gap:4px}.rr-tip{margin:0 12px 14px}}


/* V2.1 - Şifreli hesap / gizli ajan alanı genişlik düzeltmesi */
.login-main-card #passwordPanel .inline-account-field{
  width:100%;
  max-width:none;
  margin:10px 0;
  box-sizing:border-box;
  grid-template-columns:38px minmax(0,1fr);
}
.login-main-card #passwordPanel .password-inline-wrap{
  grid-template-columns:38px minmax(0,1fr) 44px;
}
.login-main-card #passwordPanel .inline-account-field input{
  display:block;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:50px;
  box-sizing:border-box!important;
  padding:0 12px!important;
  line-height:50px;
  font-size:15px;
}
.login-main-card #passwordPanel .inline-account-field .field-icon{
  width:38px;
  text-align:center;
}
.login-main-card #passwordPanel #passwordToggle{
  justify-self:center;
  margin:0;
}
@media(max-width:420px){
  .login-v80 .login-main-card{padding-left:18px;padding-right:18px}
  .login-main-card #passwordPanel .inline-account-field{grid-template-columns:34px minmax(0,1fr)}
  .login-main-card #passwordPanel .password-inline-wrap{grid-template-columns:34px minmax(0,1fr) 42px}
  .login-main-card #passwordPanel .inline-account-field .field-icon{width:34px}
  .login-main-card #passwordPanel .inline-account-field input{font-size:14px;padding:0 9px!important}
}

/* V2.2 - Şifreli hesap alanları: gerçek tam genişlik düzeltmesi */
.login-v80 .login-main-card #passwordPanel{
  width:100%;
  box-sizing:border-box;
}
.login-v80 .login-main-card #passwordPanel .inline-account-field{
  display:flex!important;
  align-items:center;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:52px;
  margin:10px 0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.login-v80 .login-main-card #passwordPanel .inline-account-field .field-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 42px!important;
  width:42px!important;
  min-width:42px!important;
  height:50px;
  box-sizing:border-box;
}
.login-v80 .login-main-card #passwordPanel .inline-account-field input{
  display:block!important;
  flex:1 1 auto!important;
  width:0!important;
  min-width:0!important;
  max-width:none!important;
  height:50px!important;
  margin:0!important;
  padding:0 14px 0 4px!important;
  border:0!important;
  box-sizing:border-box!important;
  font-size:15px!important;
  line-height:normal!important;
  white-space:nowrap;
}
.login-v80 .login-main-card #passwordPanel .password-inline-wrap #accountPassword{
  padding-right:6px!important;
}
.login-v80 .login-main-card #passwordPanel #passwordToggle{
  flex:0 0 42px!important;
  width:42px!important;
  min-width:42px!important;
  height:50px!important;
  margin:0!important;
}
.login-v80 .login-main-card #passwordPanel #agentRow #agentNickname{
  width:0!important;
  flex:1 1 auto!important;
  padding-right:14px!important;
}
@media(max-width:420px){
  .login-v80 .login-main-card{width:calc(100vw - 20px)!important;padding-left:16px!important;padding-right:16px!important}
  .login-v80 .login-main-card #passwordPanel .inline-account-field .field-icon{flex-basis:38px!important;width:38px!important;min-width:38px!important}
  .login-v80 .login-main-card #passwordPanel .inline-account-field input{font-size:14px!important;padding-left:2px!important;padding-right:8px!important}
  .login-v80 .login-main-card #passwordPanel #passwordToggle{flex-basis:40px!important;width:40px!important;min-width:40px!important}
}

/* V2.3 - PREMIUM LOGIN: Şifreli hesap / 2. rumuz alanlarını gerçek kart genişliğine aç */
.premium-login-active .pm-login-card #passwordPanel{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:0!important;
}
.premium-login-active .pm-login-card #passwordPanel .inline-account-field{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:10px 0!important;
  padding:0!important;
  box-sizing:border-box!important;
  background:transparent!important;
}
.premium-login-active .pm-login-card #passwordPanel .inline-account-field input{
  display:block!important;
  flex:1 1 100%!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:48px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid #d4dce5!important;
  border-radius:8px!important;
  background:#f8fafc!important;
  box-sizing:border-box!important;
  font-size:15px!important;
  line-height:normal!important;
}
.premium-login-active .pm-login-card #passwordPanel .password-inline-wrap{
  position:relative!important;
}
.premium-login-active .pm-login-card #passwordPanel .password-inline-wrap #accountPassword{
  padding-right:50px!important;
}
.premium-login-active .pm-login-card #passwordPanel #passwordToggle{
  position:absolute!important;
  right:7px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  z-index:2!important;
}
.premium-login-active .pm-login-card #passwordPanel #agentRow{
  width:100%!important;
}
.premium-login-active .pm-login-card #passwordPanel #agentNickname{
  width:100%!important;
  max-width:100%!important;
  flex-basis:100%!important;
}
@media(max-width:480px){
  .premium-login-active .pm-login-card{width:100%!important;box-sizing:border-box!important;padding:18px 14px!important}
  .premium-login-active .pm-login-card #passwordPanel .inline-account-field input{height:46px!important;font-size:14px!important;padding-left:12px!important}
}


/* V9.5 Durum Modlari - referans ekranlari */
.status-ref-page,.status-ref-edit-page{position:relative;height:430px;max-height:calc(88vh - 55px);background:#fff;overflow:hidden;font-family:Arial,sans-serif;color:#222;box-sizing:border-box}
.status-ref-head{height:38px;display:flex;align-items:center;gap:12px;padding:0 12px;border-bottom:1px solid #cfcfcf;background:#f7f7f7;box-sizing:border-box}
.status-ref-head strong{font-size:14px;color:#111}.status-ref-back{border:0;background:transparent;font-size:23px;line-height:1;padding:0 3px;cursor:pointer;color:#111}
.status-ref-help{height:58px;display:flex;align-items:center;padding:0 21px;color:#777;font-size:12px;box-sizing:border-box}
.status-ref-list{height:calc(100% - 96px);overflow-y:auto;overflow-x:hidden;padding-bottom:55px;box-sizing:border-box;scrollbar-gutter:stable}
.status-ref-row{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 12px;border-bottom:1px solid #ddd;background:#fff;box-sizing:border-box;font-size:14px}
.status-ref-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-ref-actions{display:flex;align-items:center;gap:20px;flex:0 0 auto}
.status-ref-actions button{border:0!important;background:transparent!important;color:#555!important;width:20px!important;height:28px!important;padding:0!important;border-radius:0!important;font-size:20px!important;cursor:pointer;line-height:28px}
.status-ref-actions button:hover{color:#1677f8!important;transform:scale(1.08)}.status-ref-del{font-size:17px!important;transform:rotate(180deg)}
.status-ref-fab{position:absolute;right:20px;bottom:18px;width:50px;height:50px;border:0;border-radius:50%;background:#5668c7;color:#fff;font-size:27px;font-weight:700;box-shadow:0 3px 7px rgba(0,0,0,.35);cursor:pointer;z-index:4}.status-ref-fab:hover{transform:scale(1.06);background:#4859b6}
.status-ref-edit-body{padding:13px 11px}.status-ref-edit-body>b{display:block;margin-bottom:7px;font:700 14px Georgia,serif;color:#111}.status-ref-edit-body input{display:block;width:100%!important;min-height:38px;margin:0!important;padding:8px 13px!important;border:1px solid #d3d3d3!important;border-radius:4px!important;box-sizing:border-box!important;font-size:14px}.status-ref-save-wrap{text-align:center;padding-top:10px}.status-ref-save-wrap button{border:0;border-radius:4px;background:#4c58bf;color:#fff;font-weight:700;padding:10px 21px;cursor:pointer}
/* add form exactly like the reference overlay */
#statusModeModal.status-form-modal{align-items:center!important;padding-top:0!important}
#statusModeModal .status-form-card{width:min(510px,90vw);background:#f7f7f7;padding:10px 12px 12px;box-shadow:0 5px 17px rgba(0,0,0,.3),7px 8px 0 rgba(240,240,240,.9)}
#statusModeModal .status-form-title{font-size:21px;padding:11px 10px 10px}
#statusModeModal .status-form-body{padding:0 21px 20px;display:block}
#statusModeModal .status-form-body input[type=text]{min-height:39px;margin:0!important}
#statusModeModal .status-form-actions{background:#fafafa;padding:14px 18px 4px;border-top:1px solid #ddd}
#statusModeModal .status-form-submit{background:#d7d7d7;color:#666}#statusModeModal .status-form-cancel{background:#df2f33;color:#fff}
@media(max-width:600px){.status-ref-page,.status-ref-edit-page{height:calc(88vh - 55px);max-height:none}.status-ref-actions{gap:14px}.status-ref-fab{right:15px;bottom:14px}}

/* V9.6 Durum Modlari - 3 ekran piksel referans duzeltmesi */
.status-ref-page,.status-ref-edit-page{
  position:relative!important;height:428px!important;max-height:calc(88vh - 40px)!important;
  background:#fff!important;overflow:hidden!important;font-family:Arial,Helvetica,sans-serif!important;color:#222!important;
}
.status-ref-head{
  height:37px!important;min-height:37px!important;padding:0 11px!important;gap:13px!important;
  background:#fafafa!important;border-bottom:1px solid #c9c9c9!important;
}
.status-ref-head strong{font-size:14px!important;line-height:37px!important;font-weight:700!important;color:#111!important}
.status-ref-back{
  width:23px!important;height:30px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;
  font:700 24px/28px Arial,sans-serif!important;color:#111!important;text-align:left!important;box-shadow:none!important;
}
.status-ref-help{
  height:61px!important;min-height:61px!important;padding:0 21px!important;font-size:12px!important;color:#777!important;background:#fff!important;
}
.status-ref-help b{font-size:17px!important;line-height:1!important;margin:0 3px!important;color:#777!important}
.status-ref-list{
  height:calc(100% - 98px)!important;padding:0 0 54px!important;overflow-y:scroll!important;overflow-x:hidden!important;
  scrollbar-gutter:auto!important;background:#fff!important;
}
.status-ref-row{
  height:44px!important;min-height:44px!important;padding:0 29px 0 12px!important;border-bottom:1px solid #dedede!important;
  font-size:14px!important;background:#fff!important;
}
.status-ref-name{line-height:44px!important;color:#333!important}
.status-ref-actions{gap:20px!important;height:44px!important}
.status-ref-actions button{
  display:flex!important;align-items:center!important;justify-content:center!important;width:19px!important;height:30px!important;
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#555!important;box-shadow:none!important;
  transform:none!important;
}
.status-ref-actions button svg{display:block!important;width:19px!important;height:19px!important;fill:currentColor!important}
.status-ref-actions .status-ref-del svg{width:18px!important;height:18px!important}
.status-ref-actions button:hover{color:#555!important;transform:scale(1.08)!important}
.status-ref-fab{
  position:absolute!important;right:19px!important;bottom:18px!important;width:49px!important;height:49px!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:50%!important;background:#5869c7!important;color:#fff!important;box-shadow:0 2px 5px rgba(0,0,0,.48)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;z-index:10!important;
}
.status-ref-fab span{display:block!important;font:700 28px/49px Arial,sans-serif!important;transform:translateY(-1px)!important}
.status-ref-fab:hover{background:#5869c7!important;transform:scale(1.04)!important}

/* duzenleme ekrani */
.status-ref-edit-body{padding:12px 11px 0!important;background:#fff!important}
.status-ref-edit-body>b{display:block!important;margin:0 0 6px!important;font:700 14px/17px Georgia,'Times New Roman',serif!important;color:#111!important}
.status-ref-edit-body input{
  width:100%!important;height:38px!important;min-height:38px!important;margin:0!important;padding:7px 13px!important;
  border:1px solid #d4d4d4!important;border-radius:4px!important;background:#fff!important;color:#333!important;font:14px Arial,sans-serif!important;
  box-shadow:none!important;box-sizing:border-box!important;
}
.status-ref-save-wrap{padding-top:10px!important;text-align:center!important}
.status-ref-save-wrap button{
  min-width:87px!important;height:36px!important;padding:0 18px!important;border:0!important;border-radius:4px!important;
  background:#4d58bf!important;color:#fff!important;font:700 14px/36px Arial,sans-serif!important;box-shadow:none!important;
}

/* + ile acilan ekleme penceresi */
#statusModeModal.status-form-modal{z-index:10000!important;align-items:center!important;justify-content:center!important;padding:0!important}
#statusModeModal .status-form-backdrop{background:rgba(0,0,0,.12)!important}
#statusModeModal .status-form-card{
  width:510px!important;max-width:calc(100vw - 42px)!important;min-height:207px!important;box-sizing:border-box!important;
  margin:0!important;padding:10px 12px 12px!important;background:#f7f7f7!important;border:1px solid #d4d4d4!important;border-radius:0!important;
  box-shadow:0 5px 17px rgba(0,0,0,.30),7px 8px 0 rgba(239,239,239,.92)!important;font-family:Arial,Helvetica,sans-serif!important;
}
#statusModeModal .status-form-title{height:50px!important;box-sizing:border-box!important;padding:14px 10px 10px!important;font-size:21px!important;line-height:26px!important;font-weight:700!important;color:#2b2b2b!important}
#statusModeModal .status-form-sep{height:1px!important;margin:0!important;background:#d5d5d5!important}
#statusModeModal .status-form-body{display:block!important;padding:20px 21px!important}
#statusModeModal .status-form-body input[type=text]{
  width:100%!important;height:40px!important;min-height:40px!important;margin:0!important;padding:8px 14px!important;border:1px solid #d2d2d2!important;
  border-radius:4px!important;background:#fff!important;font-size:14px!important;box-shadow:none!important;
}
#statusModeModal .status-form-actions{
  height:59px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;
  padding:14px 17px 13px!important;background:#fafafa!important;border-top:0!important;
}
#statusModeModal .status-form-actions button{height:31px!important;min-height:31px!important;min-width:59px!important;padding:0 15px!important;border-radius:4px!important;font:600 12px/31px Arial,sans-serif!important}
#statusModeModal .status-form-submit{background:#d8d8d8!important;color:#666!important}
#statusModeModal .status-form-cancel{background:#df2f33!important;color:#fff!important}
@media(max-width:600px){
 .status-ref-page,.status-ref-edit-page{height:calc(88vh - 40px)!important;max-height:none!important}
 .status-ref-row{padding-right:20px!important}.status-ref-actions{gap:17px!important}
 #statusModeModal .status-form-card{max-width:calc(100vw - 30px)!important}
}

/* V9.6.1 - compact responsive Hareketli GIF picker */
#gifsPopup.tool-popup{
  width:min(430px,calc(100vw - 20px));
  max-height:min(390px,52vh);
  border-radius:9px;
}
#gifsPopup .tool-popup-title{height:36px;padding:0 10px;font-size:13px}
#gifsPopup .tool-popup-title button{font-size:20px;line-height:1;width:28px;height:28px;padding:0}
#gifsPopup .gifs-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:5px;
  padding:7px;
  max-height:calc(min(390px,52vh) - 36px);
  align-content:start;
}
#gifsPopup .gif-card{
  min-width:0;
  padding:2px;
  border-radius:5px;
  overflow:hidden;
  cursor:pointer;
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;
}
#gifsPopup .gif-card:hover{transform:translateY(-1px) scale(1.035);box-shadow:0 3px 9px rgba(0,0,0,.18)}
#gifsPopup .gif-card img{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:3px;
}
@media(max-width:760px){
  #gifsPopup.tool-popup{width:min(350px,calc(100vw - 14px));max-height:44vh;border-radius:8px}
  #gifsPopup .gifs-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:5px;max-height:calc(44vh - 34px)}
  #gifsPopup .tool-popup-title{height:34px;font-size:12px}
}
@media(max-width:360px){#gifsPopup .gifs-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Web Konsol > SEO Ayarlari - responsive layout fix 2026-09-18 */
#adminModal .seo-page{
  width:100%; min-width:0; height:auto; box-sizing:border-box; overflow:visible;
  background:#fff; color:#171717;
}
#adminModal .seo-head{
  position:sticky; top:0; z-index:8; width:100%; height:40px; box-sizing:border-box;
  padding:0 14px; gap:12px; background:#fff; border-bottom:1px solid #d8d8d8;
}
#adminModal .seo-head button{width:34px;height:34px;padding:0;display:grid;place-items:center;font-size:24px;line-height:1}
#adminModal .seo-form{
  width:100%; max-width:100%; min-width:0; box-sizing:border-box;
  padding:12px 20px 28px; overflow:visible;
}
#adminModal #seoTabBody{width:100%;min-width:0;box-sizing:border-box}
#adminModal .seo-tabs{display:flex;justify-content:center;align-items:stretch;margin:0 auto 18px;max-width:304px;width:100%}
#adminModal .seo-tabs button{flex:1 1 0;min-width:0;height:38px;padding:0 12px;white-space:nowrap;box-sizing:border-box}
#adminModal #seoTabBody>label{display:block;width:100%;box-sizing:border-box;font-size:14px;font-weight:400;margin:0 0 6px}
#adminModal #seoTabBody>input,
#adminModal #seoTabBody>select,
#adminModal #seoTabBody>textarea{
  display:block;width:100%!important;max-width:100%!important;min-width:0!important;
  box-sizing:border-box!important;margin:0 0 12px!important;border:1px solid #cbd5e1!important;
  border-radius:5px!important;background:#fff!important;padding:8px 10px!important;font:14px Arial,sans-serif!important;
}
#adminModal #seoTabBody>input,#adminModal #seoTabBody>select{height:39px!important}
#adminModal #seoTabBody>textarea{min-height:100px!important;resize:vertical}
#adminModal #seoTabBody>textarea.seo-home{min-height:160px!important}
#adminModal .seo-upload{width:100%;max-width:100%;min-width:0;box-sizing:border-box;grid-template-columns:minmax(0,1fr) 116px 38px;overflow:hidden}
#adminModal .seo-upload input{width:100%!important;min-width:0!important;margin:0!important}
#adminModal .seo-upload button{min-width:0;padding:0 8px;white-space:nowrap}
#adminModal .seo-save{padding:4px 0 10px;text-align:center}
#adminModal .seo-save button{min-width:92px}
#adminModal .admin-window:has(.seo-page){overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable}
@media(max-width:600px){
  #adminModal .seo-form{padding:10px 12px 24px}
  #adminModal .seo-tabs{max-width:100%;margin-bottom:14px}
  #adminModal .seo-tabs button{padding:0 8px;font-size:13px}
  #adminModal .seo-upload{grid-template-columns:minmax(0,1fr) 96px 36px}
  #adminModal .seo-upload button{font-size:11px;padding:0 5px}
}

/* Reference-style right click menus */
.context-menu{width:184px!important;border:1px solid #d2d2d2!important;border-radius:3px!important;background:#fff!important;box-shadow:0 4px 14px rgba(0,0,0,.24)!important;padding:0!important;overflow:visible!important;font:13px Arial,sans-serif!important;color:#222!important}
.context-menu>button{display:grid!important;grid-template-columns:24px minmax(0,1fr) 14px!important;align-items:center!important;min-height:39px!important;padding:0 14px!important;background:#fff!important;color:#222!important;border:0!important;white-space:nowrap!important}
.context-menu>button:hover,.context-submenu button:hover{background:#f2f2f2!important}.context-menu .ctx-sep{height:1px!important;background:#e4e4e4!important;margin:0!important}
.context-submenu{position:absolute!important;width:170px!important;background:#fff!important;border:1px solid #d2d2d2!important;border-radius:2px!important;box-shadow:0 4px 12px rgba(0,0,0,.2)!important;padding:0!important;z-index:60!important}
.context-submenu button{min-height:38px!important;padding:0 12px!important;background:#fff!important;color:#222!important;border:0!important;text-align:left!important;font:13px Arial,sans-serif!important;white-space:nowrap!important}
.ctx-ban-sub{left:100%!important;top:156px!important}.ctx-clear-sub{left:100%!important;top:234px!important}.ctx-text-sub{left:100%!important;top:351px!important;width:185px!important}
.ctx-text-sub button{display:grid!important;grid-template-columns:1fr 24px 12px!important;align-items:center!important;width:100%!important}.ctx-text-sub em{font-style:normal;color:#888;text-align:center}.ctx-color-dot{width:13px;height:13px;border-radius:50%;background:#000;display:block;justify-self:center}
.ctx-size-sub{left:calc(100% + 185px)!important;top:351px!important;width:52px!important;max-height:420px;overflow-y:auto}.ctx-size-sub button{text-align:center!important;padding:0!important}
.ctx-color-sub{left:calc(100% + 185px)!important;top:390px!important;width:205px!important;padding:12px!important}.ctx-color-grid{display:grid;grid-template-columns:repeat(5,24px);gap:12px 16px;justify-content:center}.ctx-color-swatch{width:22px!important;height:22px!important;min-height:22px!important;border-radius:50%!important;padding:0!important;border:2px solid transparent!important}.ctx-color-swatch.active{outline:2px solid #333;outline-offset:2px}
#messageArea{--chat-font-size:14px;--chat-font-color:#111}#messageArea .msg:not(.system) .msg-content{font-size:var(--chat-font-size)!important;color:var(--chat-font-color)!important}#messageArea .msg:not(.system) .msg-content .name{color:inherit}
@media(max-width:700px){.context-menu{transform-origin:top left}.context-submenu{left:auto!important;right:100%!important}.ctx-size-sub,.ctx-color-sub{right:calc(100% + 185px)!important}.ctx-color-sub{width:190px!important}.ctx-color-grid{gap:10px 13px}}
\n\n/* V8.4 reference context menu + compact color palette correction */
.context-menu{
  width:184px!important;border:1px solid #d6d6d6!important;border-radius:3px!important;
  background:#fff!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important;
  padding:0!important;overflow:visible!important;font:13px Arial,sans-serif!important;color:#202020!important;
}
.context-menu>button{
  display:grid!important;grid-template-columns:24px minmax(0,1fr) 12px!important;align-items:center!important;
  width:100%!important;height:40px!important;min-height:40px!important;padding:0 14px!important;
  margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;color:#202020!important;
  text-align:left!important;font:13px Arial,sans-serif!important;line-height:1!important;white-space:nowrap!important;
}
.context-menu>button:hover,.context-menu>button:focus{background:#f3f3f3!important;outline:0!important}
.context-menu .ctx-sep{height:1px!important;background:#e5e5e5!important;margin:0!important;padding:0!important}
.context-menu .ctx-icon{width:16px!important;height:16px!important;display:inline-grid!important;place-items:center!important;font-size:13px!important;color:#222!important}
.context-menu .ctx-shield{font-size:10px!important;transform:rotate(45deg);width:10px!important;height:10px!important;margin-left:2px}
.context-menu .ctx-check{display:inline-grid!important;place-items:center!important;width:15px!important;height:15px!important;border:1px solid #9da2a6!important;border-radius:2px!important;font-size:12px!important;font-weight:bold!important;line-height:13px!important;color:#222!important}
.context-menu .has-sub>b{justify-self:end!important;font-size:19px!important;font-weight:400!important;line-height:1!important;color:#222!important}
.context-submenu{background:#fff!important;border:1px solid #d6d6d6!important;border-radius:2px!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important;overflow:visible!important}
.context-submenu button{height:38px!important;min-height:38px!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;color:#202020!important;font:13px Arial,sans-serif!important}
.ctx-color-sub{width:198px!important;height:auto!important;min-height:0!important;padding:12px!important;box-sizing:border-box!important;overflow:visible!important}
.ctx-color-grid{display:grid!important;grid-template-columns:repeat(5,22px)!important;grid-auto-rows:22px!important;gap:12px 14px!important;justify-content:center!important;align-content:start!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important}
.ctx-color-sub .ctx-color-grid .ctx-color-swatch{
  display:block!important;width:22px!important;min-width:22px!important;max-width:22px!important;
  height:22px!important;min-height:22px!important;max-height:22px!important;padding:0!important;margin:0!important;
  border:2px solid transparent!important;border-radius:50%!important;background:var(--swatch)!important;
  box-shadow:none!important;line-height:0!important;overflow:hidden!important;
}
.ctx-color-sub .ctx-color-grid .ctx-color-swatch:hover{transform:scale(1.08);background:var(--swatch)!important}
.ctx-color-sub .ctx-color-grid .ctx-color-swatch.active{border-color:#fff!important;outline:2px solid #333!important;outline-offset:1px!important;background:var(--swatch)!important}
@media(max-width:700px){
 .context-menu{width:184px!important}
 .ctx-color-sub{width:184px!important;padding:10px!important}
 .ctx-color-grid{grid-template-columns:repeat(5,21px)!important;grid-auto-rows:21px!important;gap:10px 11px!important}
 .ctx-color-sub .ctx-color-grid .ctx-color-swatch{width:21px!important;min-width:21px!important;max-width:21px!important;height:21px!important;min-height:21px!important;max-height:21px!important}
}

/* V8.5 exact compact reference context menu + hover flyouts */
.context-menu{width:184px!important;border:1px solid #d7d7d7!important;border-radius:3px!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important;background:#fff!important;color:#171717!important;overflow:visible!important;padding:0!important}
.context-menu>button{height:40px!important;min-height:40px!important;padding:0 16px!important;grid-template-columns:22px minmax(0,1fr) 12px!important;font:13px Arial,sans-serif!important;color:#171717!important;background:#fff!important}
.context-menu>button:hover,.context-submenu button:hover{background:#f4f4f4!important}
.context-menu .ctx-sep{height:1px!important;background:#e4e4e4!important}
.context-menu .has-sub>b,.context-submenu .has-sub>b{font-family:Arial,sans-serif!important;font-size:18px!important;font-weight:400!important;color:#111!important;justify-self:end!important}
.context-submenu{position:absolute!important;width:170px!important;padding:0!important;background:#fff!important;border:1px solid #d7d7d7!important;border-radius:2px!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important;overflow:visible!important;z-index:61!important}
.context-submenu button{display:block!important;width:100%!important;height:38px!important;min-height:38px!important;padding:0 12px!important;text-align:left!important;font:13px Arial,sans-serif!important;color:#171717!important;background:#fff!important}
.ctx-ban-sub,.ctx-clear-sub,.ctx-text-sub{left:calc(100% - 1px)!important}
.ctx-text-sub{width:185px!important}
.ctx-text-sub button{display:grid!important;grid-template-columns:minmax(0,1fr) 24px 12px!important;align-items:center!important}
.ctx-size-sub,.ctx-color-sub{left:calc(100% + 183px)!important}
.ctx-size-sub{width:52px!important;max-height:420px!important;overflow-y:auto!important}
.ctx-size-sub button{text-align:center!important;padding:0!important}
.ctx-color-sub{width:198px!important;height:auto!important;padding:12px!important;box-sizing:border-box!important}
.ctx-color-grid{display:grid!important;grid-template-columns:repeat(5,22px)!important;grid-auto-rows:22px!important;gap:12px 14px!important;justify-content:center!important;width:100%!important;height:auto!important}
.ctx-color-sub .ctx-color-swatch{display:block!important;width:22px!important;min-width:22px!important;max-width:22px!important;height:22px!important;min-height:22px!important;max-height:22px!important;padding:0!important;margin:0!important;border:2px solid transparent!important;border-radius:50%!important;background:var(--swatch)!important}
.ctx-color-sub .ctx-color-swatch.active{border-color:#fff!important;outline:2px solid #333!important;outline-offset:1px!important}
@media(max-width:700px){.context-menu{width:184px!important}.context-submenu{left:auto!important;right:calc(100% - 1px)!important}.ctx-size-sub,.ctx-color-sub{left:auto!important;right:calc(100% + 183px)!important}}

/* V8.6 reference right-click menu: isolated exact skin */
#contextMenu.context-menu{
  width:183px!important; min-width:183px!important; max-width:183px!important;
  padding:0!important; margin:0!important; box-sizing:border-box!important;
  background:#fff!important; color:#222!important;
  border:1px solid #d8d8d8!important; border-radius:3px!important;
  box-shadow:0 2px 8px rgba(0,0,0,.20)!important;
  overflow:visible!important; font-family:Arial,"Helvetica Neue",sans-serif!important;
  font-size:13px!important; line-height:1!important;
}
#contextMenu.context-menu>button{
  appearance:none!important; -webkit-appearance:none!important;
  width:100%!important; height:40px!important; min-height:40px!important;
  margin:0!important; padding:0 16px!important; box-sizing:border-box!important;
  border:0!important; border-radius:0!important; outline:0!important;
  background:#fff!important; color:#222!important;
  display:grid!important; grid-template-columns:18px minmax(0,1fr) 12px!important;
  column-gap:8px!important; align-items:center!important;
  font:13px/40px Arial,"Helvetica Neue",sans-serif!important; text-align:left!important;
  white-space:nowrap!important; cursor:pointer!important;
}
#contextMenu.context-menu>button:hover{background:#f4f4f4!important}
#contextMenu.context-menu>button>span:nth-child(2){overflow:hidden!important;text-overflow:ellipsis!important}
#contextMenu .ctx-sep{display:block!important;width:100%!important;height:1px!important;min-height:1px!important;margin:0!important;padding:0!important;background:#e5e5e5!important;border:0!important}
#contextMenu .ctx-icon{display:grid!important;place-items:center!important;width:18px!important;height:18px!important;font-size:13px!important;line-height:18px!important}
#contextMenu .ctx-shield{position:relative!important;font-size:0!important;transform:none!important;margin:0!important}
#contextMenu .ctx-shield:before{content:"";display:block;width:11px;height:13px;background:#222;clip-path:polygon(50% 0,100% 18%,88% 70%,50% 100%,12% 70%,0 18%)}
#contextMenu .ctx-shield:after{content:"";position:absolute;left:7px;top:4px;width:4px;height:7px;background:#fff;clip-path:polygon(0 0,100% 18%,82% 68%,0 100%)}
#contextMenu .ctx-check{display:grid!important;place-items:center!important;width:15px!important;height:15px!important;box-sizing:border-box!important;border:1px solid #9da2a6!important;border-radius:2px!important;color:#222!important;font:bold 12px/13px Arial!important}
#contextMenu .has-sub>b{display:block!important;justify-self:end!important;margin:0!important;padding:0!important;font:400 18px/1 Arial!important;color:#111!important}
#contextMenu .context-submenu{
  position:absolute!important; margin:0!important; padding:0!important; box-sizing:border-box!important;
  background:#fff!important; color:#222!important; border:1px solid #d8d8d8!important;
  border-radius:2px!important; box-shadow:0 2px 8px rgba(0,0,0,.18)!important; overflow:visible!important;
}
#contextMenu .context-submenu>button{appearance:none!important;-webkit-appearance:none!important;width:100%!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0 12px!important;box-sizing:border-box!important;border:0!important;border-radius:0!important;background:#fff!important;color:#222!important;font:13px/38px Arial,"Helvetica Neue",sans-serif!important;text-align:left!important;white-space:nowrap!important;cursor:pointer!important}
#contextMenu .context-submenu>button:hover{background:#f4f4f4!important}
#contextMenu .ctx-ban-sub,#contextMenu .ctx-clear-sub{width:170px!important;left:182px!important}
#contextMenu .ctx-text-sub{width:185px!important;left:182px!important}
#contextMenu .ctx-text-sub>button{display:grid!important;grid-template-columns:minmax(0,1fr) 24px 12px!important;align-items:center!important;line-height:38px!important}
#contextMenu .ctx-text-sub em{font-style:normal!important;color:#777!important;text-align:center!important}
#contextMenu .ctx-color-dot{display:block!important;width:13px!important;height:13px!important;border-radius:50%!important;justify-self:center!important}
#contextMenu .ctx-size-sub{width:52px!important;left:367px!important;max-height:420px!important;overflow-y:auto!important}
#contextMenu .ctx-size-sub>button{padding:0!important;text-align:center!important}
#contextMenu .ctx-color-sub{width:198px!important;left:367px!important;padding:12px!important;height:auto!important;min-height:0!important}
#contextMenu .ctx-color-grid{display:grid!important;grid-template-columns:repeat(5,22px)!important;grid-auto-rows:22px!important;gap:12px 14px!important;justify-content:center!important;align-content:start!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important}
#contextMenu .ctx-color-sub .ctx-color-swatch{display:block!important;width:22px!important;min-width:22px!important;max-width:22px!important;height:22px!important;min-height:22px!important;max-height:22px!important;margin:0!important;padding:0!important;border:2px solid transparent!important;border-radius:50%!important;background:var(--swatch)!important;box-shadow:none!important}
#contextMenu .ctx-color-sub .ctx-color-swatch.active{border-color:#fff!important;outline:2px solid #333!important;outline-offset:1px!important}
@media(max-width:700px){#contextMenu.context-menu{width:183px!important;min-width:183px!important;max-width:183px!important}#contextMenu .context-submenu{left:auto!important;right:182px!important}#contextMenu .ctx-size-sub,#contextMenu .ctx-color-sub{left:auto!important;right:367px!important}}

/* V8.7 final reference context-menu geometry: do not reserve icon space on plain rows */
#contextMenu.context-menu{width:184px!important;min-width:184px!important;max-width:184px!important}
#contextMenu.context-menu>button{padding:0 16px!important;column-gap:7px!important}
/* Most reference rows have no leading icon; reclaim that column so labels never truncate. */
#contextMenu.context-menu>button:has(>span:first-child:empty){grid-template-columns:minmax(0,1fr) 12px!important}
#contextMenu.context-menu>button:has(>span:first-child:empty)>span:first-child{display:none!important}
#contextMenu.context-menu>button:has(>span:first-child:empty)>span:nth-child(2){grid-column:1!important;overflow:visible!important;text-overflow:clip!important}
#contextMenu.context-menu>button:has(>span:first-child:empty)>b{grid-column:2!important}
/* Icon/check rows keep the compact reference icon gutter. */
#contextMenu.context-menu>button:not(:has(>span:first-child:empty)){grid-template-columns:18px minmax(0,1fr) 12px!important}
#contextMenu.context-menu>button>span:nth-child(2){white-space:nowrap!important}
#contextMenu .ctx-ban-sub,#contextMenu .ctx-clear-sub,#contextMenu .ctx-text-sub{left:183px!important}
@media(max-width:700px){#contextMenu.context-menu{width:184px!important;min-width:184px!important;max-width:184px!important}#contextMenu .context-submenu{right:183px!important}}

/* V9 reference member card */
.user-card-modal{position:fixed;inset:0;z-index:10050;background:rgba(0,0,0,.38);display:flex;align-items:center;justify-content:center;padding:14px;box-sizing:border-box}.user-card-modal.hidden{display:none}.user-card-window{position:relative;width:min(760px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:5px;box-shadow:0 18px 55px rgba(0,0,0,.34);font-family:Arial,sans-serif}.user-card-close{position:absolute;right:10px;top:8px;z-index:2;border:0;background:#fff;width:30px;height:30px;border-radius:50%;font-size:22px}.uc-cover{height:190px;background:linear-gradient(135deg,#3a85d8,#86b6eb);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}.uc-avatar{width:92px;height:92px;border:4px solid #fff;border-radius:50%;overflow:hidden;background:#eef5ff;display:grid;place-items:center;color:#4388d4;font-size:38px}.uc-avatar img{width:100%;height:100%;object-fit:cover}.uc-name{text-align:center;margin-top:8px}.uc-name b{display:block;font-size:19px}.uc-name span{font-size:13px}.uc-actions{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:16px 18px 10px;border-bottom:1px solid #e9edf2}.uc-actions button{border:0;background:transparent;cursor:pointer}.uc-actions i{width:42px;height:42px;margin:auto;border-radius:50%;background:#1e88e5;color:#fff;display:grid;place-items:center;font-style:normal;font-size:20px;transition:.18s}.uc-actions .danger i{background:#ef5350}.uc-actions button:hover i{transform:translateY(-2px) scale(1.07)}.uc-actions span{display:block;font-size:11px;margin-top:5px;white-space:nowrap}.uc-meta,.uc-social{display:flex;gap:18px;align-items:center;padding:10px 18px;border-bottom:1px solid #eef0f3;font-size:12px}.uc-meta span:first-child{color:#2aa84a}.uc-social{justify-content:flex-end}.uc-social button{border:0;background:#f1f3f6;border-radius:3px;padding:7px 12px}.uc-admin-toggle{background:#1678d3!important;color:#fff!important}.uc-admin-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 18px;background:#f6f9fc}.uc-admin-menu.hidden{display:none}.uc-admin-menu button{border:1px solid #d8e0e8;background:#fff;border-radius:4px;padding:9px 7px}.uc-compose{display:flex;gap:8px;padding:14px 18px 18px}.uc-compose textarea{flex:1;min-height:64px;border:1px solid #d9dee5;border-radius:5px;padding:10px}.uc-compose button{align-self:flex-end;border:0;background:#187bd3;color:#fff;border-radius:4px;padding:11px 18px}@media(max-width:700px){.uc-cover{height:145px}.uc-avatar{width:72px;height:72px}.uc-actions{grid-template-columns:repeat(4,1fr);padding:12px 8px}.uc-admin-menu{grid-template-columns:repeat(2,1fr);padding:8px}.uc-meta,.uc-social{padding:9px 10px;flex-wrap:wrap}.uc-compose{padding:10px;flex-direction:column}.uc-compose button{align-self:stretch}}

/* V10 - Referanstaki gibi soldan açılan kullanıcı profili */
#userCardModal.user-card-modal{position:fixed!important;left:0!important;top:0!important;bottom:0!important;right:auto!important;z-index:10050!important;width:300px!important;max-width:calc(100vw - 12px)!important;height:100dvh!important;padding:0!important;margin:0!important;background:transparent!important;display:block!important;pointer-events:none!important;box-sizing:border-box!important}
#userCardModal.user-card-modal.hidden{display:none!important}
#userCardModal .user-card-window{pointer-events:auto!important;position:absolute!important;left:0!important;top:0!important;width:300px!important;max-width:calc(100vw - 12px)!important;height:100%!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;margin:0!important;background:#fff!important;border-radius:0!important;border-right:1px solid #cfd5dc!important;box-shadow:5px 0 18px rgba(0,0,0,.22)!important;font-family:Arial,"Helvetica Neue",sans-serif!important;animation:ucSlideIn .18s ease-out!important}
@keyframes ucSlideIn{from{transform:translateX(-100%)}to{transform:translateX(0)}}
#userCardModal .user-card-close{position:absolute!important;right:8px!important;top:7px!important;z-index:5!important;width:27px!important;height:27px!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.92)!important;color:#444!important;font:22px/27px Arial!important;cursor:pointer!important;box-shadow:0 1px 4px rgba(0,0,0,.15)!important}
#userCardModal .uc-cover{height:155px!important;padding:16px 8px 8px!important;box-sizing:border-box!important;background:linear-gradient(135deg,#438bd6 0%,#75abe2 100%)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;color:#fff!important}
#userCardModal .uc-avatar{width:76px!important;height:76px!important;min-width:76px!important;border:3px solid #fff!important;border-radius:50%!important;overflow:hidden!important;background:#eef5ff!important;display:grid!important;place-items:center!important;color:#4388d4!important;font-size:31px!important;box-shadow:0 1px 4px rgba(0,0,0,.18)!important}
#userCardModal .uc-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
#userCardModal .uc-name{margin-top:7px!important;text-align:center!important;line-height:1.15!important}
#userCardModal .uc-name b{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;font-size:16px!important;color:#fff!important}
#userCardModal .uc-name span{display:block!important;margin-top:3px!important;font-size:11px!important;color:#f4f8fd!important}
#userCardModal .uc-gender{font-style:normal!important;font-size:17px!important}
#userCardModal .uc-actions{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;padding:10px 5px 8px!important;border-bottom:1px solid #e4e7ea!important;background:#fff!important}
#userCardModal .uc-actions button{min-width:0!important;height:67px!important;padding:2px!important;border:0!important;background:#fff!important;color:#222!important;cursor:pointer!important;text-align:center!important}
#userCardModal .uc-actions button i{width:35px!important;height:35px!important;margin:0 auto!important;border-radius:50%!important;background:#2187df!important;color:#fff!important;display:grid!important;place-items:center!important;font:normal 17px/1 Arial!important}
#userCardModal .uc-actions button.danger i{background:#ef4f50!important}
#userCardModal .uc-actions button span{display:block!important;margin-top:5px!important;font-size:9.5px!important;line-height:11px!important;white-space:normal!important;color:#222!important}
#userCardModal .uc-info-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;min-height:35px!important;padding:0 10px!important;border-bottom:1px solid #e7e9ec!important;font-size:10px!important;color:#555!important;background:#fff!important}
#userCardModal .uc-online{color:#2eaa50!important}#userCardModal .uc-device{color:#777!important}
#userCardModal .uc-social{position:relative!important;display:flex!important;align-items:center!important;gap:5px!important;min-height:42px!important;padding:5px 8px!important;border-bottom:1px solid #e4e7ea!important;background:#f8f9fa!important;font-size:10px!important}
#userCardModal .uc-social>span{margin-right:auto!important;color:#555!important}#userCardModal .uc-social>span b{font-size:12px!important;color:#222!important}
#userCardModal .uc-social button{height:28px!important;padding:0 8px!important;border:1px solid #d8dde3!important;border-radius:2px!important;background:#fff!important;color:#333!important;font-size:9.5px!important;white-space:nowrap!important;cursor:pointer!important}
#userCardModal .uc-social .uc-admin-toggle{background:#2187df!important;border-color:#2187df!important;color:#fff!important}
#userCardModal .uc-admin-menu{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1px!important;padding:1px!important;background:#dfe4e9!important;border-bottom:1px solid #d7dce1!important}
#userCardModal .uc-admin-menu.hidden{display:none!important}
#userCardModal .uc-admin-menu button{min-height:34px!important;padding:6px 7px!important;border:0!important;background:#fff!important;color:#333!important;text-align:left!important;font-size:10px!important;cursor:pointer!important}
#userCardModal .uc-admin-menu button:hover{background:#f1f6fb!important}
#userCardModal .uc-compose{display:flex!important;gap:5px!important;padding:8px!important;background:#fff!important}
#userCardModal .uc-compose textarea{flex:1!important;width:auto!important;min-width:0!important;height:44px!important;min-height:44px!important;max-height:100px!important;resize:vertical!important;box-sizing:border-box!important;padding:8px!important;border:1px solid #d5dae0!important;border-radius:2px!important;background:#fff!important;font:11px Arial!important;outline:0!important}
#userCardModal .uc-compose button{align-self:stretch!important;min-width:52px!important;padding:0 8px!important;border:0!important;border-radius:2px!important;background:#2187df!important;color:#fff!important;font-size:10px!important;cursor:pointer!important}
@media(max-width:700px){#userCardModal.user-card-modal,#userCardModal .user-card-window{width:286px!important;max-width:calc(100vw - 8px)!important}#userCardModal .uc-cover{height:145px!important}#userCardModal .uc-actions{grid-template-columns:repeat(4,1fr)!important}}

/* V11 - kullanıcı profili: ikinci referans görsele göre tam sol panel */
#userCardModal.user-card-modal{width:360px!important;max-width:100vw!important;height:100dvh!important;left:0!important;top:0!important;right:auto!important;bottom:0!important;background:transparent!important;padding:0!important;pointer-events:none!important;z-index:10050!important}
#userCardModal .user-card-window{width:360px!important;max-width:100vw!important;height:100dvh!important;left:0!important;top:0!important;border:0!important;border-right:1px solid #d7d7d7!important;border-radius:0!important;box-shadow:3px 0 12px rgba(0,0,0,.12)!important;overflow:hidden!important;background:#fff!important;display:block!important;pointer-events:auto!important}
#userCardModal .user-card-close{display:none!important}
#userCardModal #userCardContent{height:100%!important;display:flex!important;flex-direction:column!important;min-height:0!important;background:#fff!important}
#userCardModal .uc-ref-head{height:94px!important;min-height:94px!important;box-sizing:border-box!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;padding:15px 0 10px 16px!important;background:#fff!important;border-bottom:1px solid #e5e5e5!important;position:relative!important}
#userCardModal .uc-ref-ident{display:flex!important;align-items:flex-start!important;gap:12px!important;min-width:0!important}
#userCardModal .uc-ref-ident .uc-gender{font:700 31px/31px Arial!important;font-style:normal!important;margin-top:1px!important}.uc-ref-ident .uc-gender.male{color:#2879c8!important}.uc-ref-ident .uc-gender.female{color:#df1d2e!important}
#userCardModal .uc-ref-ident div{padding-top:0!important;min-width:0!important}#userCardModal .uc-ref-ident b{display:block!important;font:14px/20px Arial!important;color:#222!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:185px!important}#userCardModal .uc-ref-ident span{display:block!important;margin-top:4px!important;font:700 11px/15px Arial!important;color:#d71931!important;letter-spacing:1.8px!important;text-transform:none!important}
#userCardModal .uc-ref-head .uc-admin-toggle{align-self:flex-start!important;height:26px!important;min-width:78px!important;margin:0!important;padding:0 9px!important;border:0!important;border-radius:3px 0 0 3px!important;background:#df262b!important;color:#fff!important;font:700 11px Arial!important;box-shadow:none!important}
#userCardModal .uc-actions{height:51px!important;min-height:51px!important;padding:0!important;display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:0!important;border-bottom:1px solid #e4e4e4!important;background:#fff!important}
#userCardModal .uc-actions button{height:51px!important;min-width:0!important;padding:0!important;border:0!important;border-right:1px solid #e5e5e5!important;background:#fff!important;display:grid!important;place-items:center!important;color:#1889d5!important;position:relative!important}
#userCardModal .uc-actions button:last-child{border-right:0!important}#userCardModal .uc-actions button i{width:auto!important;height:auto!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#168bd7!important;font:700 20px/1 Arial!important;transform:none!important}#userCardModal .uc-actions button.danger i,#userCardModal .uc-actions button.danger-line i{background:transparent!important;color:#f0202c!important}#userCardModal .uc-actions button.muted-action i{color:#9da1a4!important}
#userCardModal .uc-actions button span{display:none!important}
#userCardModal .uc-photo-stage{height:225px!important;min-height:225px!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#f2f2f2!important;border-bottom:1px solid #eee!important}
#userCardModal .uc-avatar{width:196px!important;height:196px!important;min-width:196px!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#e7e7e7!important;overflow:hidden!important;display:grid!important;place-items:center!important;color:#777!important;font-size:50px!important}
#userCardModal .uc-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
#userCardModal .uc-info-float{position:absolute!important;right:13px!important;top:15px!important;width:48px!important;height:43px!important;padding:0!important;border:0!important;border-radius:6px!important;background:rgba(255,255,255,.68)!important;color:#628dff!important;font:27px/1 Arial!important;cursor:pointer!important}
#userCardModal .uc-social{height:41px!important;min-height:41px!important;padding:0 13px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #e8e8e8!important;background:#fff!important;color:#aaa!important;font:12px Arial!important}
#userCardModal .uc-social>span{margin:0!important;color:#aaa!important}#userCardModal .uc-social>span b{font:12px Arial!important;color:#aaa!important}#userCardModal .uc-social button{height:auto!important;padding:0!important;border:0!important;background:transparent!important;color:#aaa!important;font:12px Arial!important}
#userCardModal .uc-comments{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;background:#fff!important;position:relative!important}.uc-empty-comments{padding-top:34px!important;text-align:center!important;color:#aaa!important;font:12px Arial!important}
#userCardModal .uc-admin-menu{position:absolute!important;z-index:20!important;top:45px!important;right:0!important;width:210px!important;display:block!important;padding:3px 0!important;border:1px solid #d7d7d7!important;background:#fff!important;box-shadow:0 4px 12px rgba(0,0,0,.18)!important}.uc-admin-menu.hidden{display:none!important}#userCardModal .uc-admin-menu button{display:block!important;width:100%!important;min-height:34px!important;padding:0 12px!important;border:0!important;background:#fff!important;text-align:left!important;font:12px Arial!important;color:#222!important}#userCardModal .uc-admin-menu button:hover{background:#f3f3f3!important}
#userCardModal .uc-compose{height:58px!important;min-height:58px!important;box-sizing:border-box!important;padding:0 13px!important;display:flex!important;align-items:center!important;gap:8px!important;border-top:1px solid #eee!important;background:#fafafa!important}.uc-compose-icon{color:#999!important;font:18px Arial!important}#userCardModal .uc-compose textarea{flex:1!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:11px 0!important;border:0!important;background:transparent!important;resize:none!important;outline:0!important;font:12px Arial!important;color:#555!important;box-sizing:border-box!important}#userCardModal .uc-compose textarea::placeholder{color:#bbb!important}#userCardModal .uc-compose button{width:0!important;min-width:0!important;height:0!important;padding:0!important;border:0!important;overflow:hidden!important;font-size:0!important;background:transparent!important}
@media(max-width:700px){#userCardModal.user-card-modal,#userCardModal .user-card-window{width:min(360px,100vw)!important;max-width:100vw!important}#userCardModal .uc-ref-head{height:92px!important;min-height:92px!important}#userCardModal .uc-photo-stage{height:218px!important;min-height:218px!important}#userCardModal .uc-avatar{width:190px!important;height:190px!important;min-width:190px!important}}

/* V12 - profil paneli: referans ekran görüntüsü piksel düzeni */
#userCardModal.user-card-modal{width:360px!important;height:100vh!important;height:100dvh!important;max-width:100vw!important;position:fixed!important;inset:0 auto 0 0!important;margin:0!important;padding:0!important;background:transparent!important;pointer-events:none!important;overflow:visible!important}
#userCardModal .user-card-window{position:absolute!important;inset:0 auto 0 0!important;width:360px!important;height:100%!important;max-width:100vw!important;margin:0!important;background:#fff!important;border:0!important;border-right:1px solid #dedede!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;pointer-events:auto!important}
#userCardModal #userCardContent{height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:94px 51px 225px 41px minmax(0,1fr) 58px!important;background:#fff!important}
#userCardModal .uc-ref-head{height:auto!important;min-height:0!important;padding:15px 0 10px 16px!important;box-sizing:border-box!important;align-items:flex-start!important;border-bottom:1px solid #e6e6e6!important}
#userCardModal .uc-ref-ident{gap:11px!important}
#userCardModal .uc-ref-ident .uc-gender{width:26px!important;text-align:center!important;font:400 31px/32px Arial,sans-serif!important}
#userCardModal .uc-ref-ident b{font:400 14px/20px Arial,sans-serif!important;max-width:195px!important}
#userCardModal .uc-ref-ident span{margin-top:3px!important;font:700 10px/15px Arial,sans-serif!important;letter-spacing:2px!important;color:#d71931!important}
#userCardModal .uc-ref-head .uc-admin-toggle{height:26px!important;min-width:78px!important;padding:0 9px!important;margin:0!important;border-radius:3px 0 0 3px!important;background:#df282d!important;font:700 11px Arial,sans-serif!important}
#userCardModal .uc-actions{height:auto!important;min-height:0!important;grid-template-columns:repeat(6,60px)!important;border-bottom:1px solid #e5e5e5!important}
#userCardModal .uc-actions button{height:51px!important;border-right:1px solid #e6e6e6!important;display:flex!important;align-items:center!important;justify-content:center!important}
#userCardModal .uc-actions button i{display:block!important;width:22px!important;height:22px!important;font-size:0!important}
#userCardModal .uc-actions button svg{display:block!important;width:22px!important;height:22px!important;fill:#1593d3!important;stroke:none!important}
#userCardModal .uc-actions button.danger svg,#userCardModal .uc-actions button.danger-line svg{fill:none!important;stroke:#ef2432!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#userCardModal .uc-actions button.danger-line svg path:first-child{fill:none!important}
#userCardModal .uc-actions button.danger-line svg .cut,#userCardModal .uc-actions button.danger svg .cut{fill:none!important;stroke:#ef2432!important}
#userCardModal .uc-actions button.muted-action svg{fill:#9ca0a3!important}
#userCardModal .uc-photo-stage{height:auto!important;min-height:0!important;background:#f2f2f2!important;border-bottom:1px solid #ededed!important}
#userCardModal .uc-avatar{width:196px!important;height:196px!important;min-width:196px!important;min-height:196px!important;border-radius:0!important;background:#e8e8e8!important}
#userCardModal .uc-info-float{right:12px!important;top:14px!important;width:48px!important;height:43px!important;border-radius:6px!important;background:rgba(255,255,255,.72)!important;color:#5d86ff!important;font:27px/43px Arial,sans-serif!important}
#userCardModal .uc-social{height:auto!important;min-height:0!important;padding:0 13px!important;font:12px Arial,sans-serif!important}
#userCardModal .uc-comments{min-height:0!important;overflow:auto!important}
#userCardModal .uc-empty-comments{padding-top:34px!important;font:12px Arial,sans-serif!important;color:#a9a9a9!important}
#userCardModal .uc-compose{height:auto!important;min-height:0!important;padding:0 13px!important;gap:8px!important;background:#fafafa!important;border-top:1px solid #eee!important}
#userCardModal .uc-compose-icon{font:18px Arial,sans-serif!important;color:#929292!important}
#userCardModal .uc-compose textarea{height:58px!important;min-height:58px!important;max-height:58px!important;padding:20px 0 0!important;font:12px Arial,sans-serif!important}
#userCardModal .uc-compose button{display:none!important}
@media(max-width:700px){#userCardModal.user-card-modal,#userCardModal .user-card-window{width:min(360px,100vw)!important}#userCardModal #userCardContent{grid-template-rows:94px 51px 225px 41px minmax(0,1fr) 58px!important}}
/* V13 - profil rutbe sembolleri ve yorumlar */
#userCardModal .uc-ref-ident>div{min-width:0!important}
#userCardModal .uc-rank-symbols{display:block!important;max-width:245px!important;margin:1px 0 0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:clip!important;font:700 11px/13px Arial,sans-serif!important;letter-spacing:0!important;font-style:normal!important}
#userCardModal .uc-ref-ident span{margin-top:1px!important}
#userCardModal .uc-comments{padding:0!important}
#userCardModal .uc-comment{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;padding:12px 13px!important;border-bottom:1px solid #f0f0f0!important;font:12px Arial,sans-serif!important;color:#444!important}
#userCardModal .uc-comment img,#userCardModal .uc-comment-avatar{width:30px!important;height:30px!important;border-radius:2px!important;object-fit:cover!important;display:grid!important;place-items:center!important;background:#eee!important}
#userCardModal .uc-comment-meta{display:flex!important;align-items:center!important;gap:7px!important;margin-bottom:4px!important}.uc-comment-meta b{color:#e31d4c!important;font-size:12px!important}.uc-comment-meta small{color:#aaa!important;font-size:10px!important}.uc-comment-body{line-height:16px!important;overflow-wrap:anywhere!important}

/* V14 - profil yorum silme */
#userCardModal .uc-comment-main{min-width:0!important}
#userCardModal .uc-comment-meta{min-width:0!important}
#userCardModal .uc-comment-delete{margin-left:auto!important;width:auto!important;min-width:0!important;height:22px!important;padding:0 7px!important;border:1px solid #e4e4e4!important;border-radius:3px!important;background:#fff!important;color:#d9273d!important;font:11px Arial,sans-serif!important;cursor:pointer!important}
#userCardModal .uc-comment-delete:hover{background:#fff1f3!important;border-color:#efb8c0!important}

/* V6.1 Radyo İstekleri - kompakt, zarif ve taşmasız yönetim görünümü */
#adminModal .admin-window:has(.radio-requests-page){overflow-x:hidden!important;background:#f6f8fb!important}
#adminModal #adminContent:has(.radio-requests-page){width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important;overflow-x:hidden!important;background:#f6f8fb!important}
.radio-requests-page{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;background:#f6f8fb!important;font-family:Arial,Helvetica,sans-serif!important}
.radio-requests-head{display:grid!important;grid-template-columns:38px 34px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;padding:12px 14px!important;background:#fff!important;border-bottom:1px solid #e6ebf1!important}
.rr-back{width:38px!important;height:38px!important;min-width:38px!important;border:1px solid #d9e2ec!important;border-radius:10px!important;background:#fff!important;color:#34445a!important;font-size:21px!important;box-shadow:none!important}
.rr-head-icon{width:34px!important;font-size:27px!important;text-align:center!important;color:#1688ed!important}
.rr-head-copy{min-width:0!important}.rr-head-copy b{font-size:19px!important;line-height:1.15!important;color:#1d2939!important}.rr-head-copy small{display:block!important;margin-top:3px!important;font-size:11px!important;line-height:1.25!important;color:#8491a3!important;white-space:normal!important}
.rr-total{min-width:76px!important;padding:6px 9px!important;gap:6px!important;border:1px solid #d7e8fb!important;border-radius:12px!important;background:#f5f9ff!important}.rr-total>span{font-size:18px!important}.rr-total small{font-size:9px!important}.rr-total b{font-size:11px!important;white-space:nowrap!important}
.rr-filterbar{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;width:100%!important;padding:10px 14px!important;overflow:visible!important;box-sizing:border-box!important;background:#fff!important;border-bottom:1px solid #edf0f4!important}
.rr-filter{width:100%!important;min-width:0!important;padding:8px 5px!important;border:1px solid transparent!important;border-radius:9px!important;font-size:11px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-shadow:none!important}.rr-filter span{margin-right:3px!important;font-size:13px!important}.rr-filter.active{border-color:#087cf0!important;background:#087cf0!important;box-shadow:0 3px 9px rgba(8,124,240,.16)!important}
.radio-requests-body{display:grid!important;gap:9px!important;width:100%!important;padding:12px 14px!important;box-sizing:border-box!important}
.radio-requests-empty{width:100%!important;min-height:235px!important;padding:22px 16px!important;border:1px dashed #d5deea!important;border-radius:12px!important;background:#fff!important;box-shadow:0 2px 8px rgba(31,49,71,.025)!important}.rr-empty-icon{width:62px!important;height:62px!important;margin-bottom:14px!important;font-size:31px!important;box-shadow:0 0 0 8px rgba(8,124,240,.025)!important}.radio-requests-empty b{font-size:16px!important}.radio-requests-empty span{font-size:11px!important;line-height:1.4!important}
.radio-request-card{border-radius:11px!important;box-shadow:0 2px 8px rgba(31,49,71,.05)!important}.rr-main{gap:10px!important;padding:12px!important}.rr-song-icon{width:38px!important;height:38px!important;flex-basis:38px!important;font-size:20px!important}.rr-song{font-size:14px!important}.rr-artist{font-size:12px!important}.rr-meta{margin-top:6px!important;font-size:10px!important}.rr-status{padding:4px 7px!important;font-size:10px!important}.rr-note{margin-top:7px!important;padding:7px 9px!important;font-size:11px!important}.rr-actions{gap:6px!important;padding:8px 10px!important}.rr-btn{padding:7px 10px!important;border-radius:7px!important;font-size:11px!important}
.rr-tip{margin:0 14px 12px!important;padding:8px 10px!important;border-radius:9px!important;font-size:10px!important;line-height:1.35!important}.rr-tip b{font-size:15px!important}
@media(max-width:500px){.radio-requests-head{grid-template-columns:36px 28px minmax(0,1fr)!important;padding:10px!important;gap:6px!important}.rr-total{display:none!important}.rr-head-icon{width:28px!important;font-size:23px!important}.rr-head-copy b{font-size:17px!important}.rr-head-copy small{font-size:10px!important}.rr-filterbar{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:9px 10px!important}.rr-filter{font-size:10px!important;padding:8px 4px!important}.radio-requests-body{padding:10px!important}.radio-requests-empty{min-height:220px!important}.rr-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}.rr-tip{margin:0 10px 10px!important}}


/* V8 - Oda başlığında canlı radyo istek bandı */
@media(min-width:761px){
 .chat-header{display:grid!important;grid-template-columns:minmax(170px,1fr) minmax(280px,2.2fr) minmax(180px,1fr)!important;gap:16px!important;overflow:hidden!important}
 .room-head{min-width:0!important}.me{justify-self:end!important;min-width:0!important}
 .radio-request-ticker{display:block;min-width:0;width:100%;height:32px;overflow:hidden;position:relative;border-left:1px solid #edf0f4;border-right:1px solid #edf0f4;background:#fff;white-space:nowrap}
 .radio-request-ticker-track{position:absolute;display:inline-flex;align-items:center;height:100%;min-width:100%;padding-left:100%;box-sizing:content-box;animation:radioRequestMarquee 16s linear infinite}
 .radio-request-ticker span{display:inline-block;font-size:13px;font-weight:600;color:#687386;padding:0 24px}
 .radio-request-ticker.has-request span{color:#344054}
}
@keyframes radioRequestMarquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}
#radioBtn svg{width:24px;height:24px;fill:currentColor}
#radioBtn{font-size:0!important}
@media(max-width:760px){.radio-request-ticker{display:none!important}}

/* V9 floating/resizable in-chat game window */
.game-viewer{inset:auto!important;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,82vw);height:min(560px,72vh);min-width:330px;min-height:280px;max-width:96vw;max-height:90vh;resize:both;overflow:hidden;border:1px solid #9aa7b3;border-radius:8px;box-shadow:0 16px 48px rgba(0,0,0,.38);background:#fff;grid-template-rows:42px minmax(0,1fr)}
.game-viewer-topbar{cursor:move;user-select:none;padding:0 7px;background:#0d75c9;gap:7px}.game-viewer-topbar button{width:31px;height:30px;padding:0;border-radius:5px;font-size:20px}.game-viewer-topbar strong{font-size:13px}.game-viewer-body{overflow:hidden}.game-viewer iframe{pointer-events:auto}
@media(max-width:700px){.game-viewer{left:2vw!important;top:8vh!important;transform:none!important;width:96vw;height:70vh;min-width:0;min-height:260px;resize:vertical}.game-viewer-topbar{height:42px}}

/* V9.1 game window: open in the exact center of the CHAT area (not the page/sidebar). */
@media (min-width:701px){
  #gameViewer.game-viewer{transform:none!important;margin:0!important;right:auto!important;bottom:auto!important;z-index:500!important}
}

/* V10.1 definitive game centering: JS writes exact message-area viewport coordinates. */
@media (min-width:701px){
 #gameViewer.game-viewer{position:fixed!important;inset:auto!important;transform:none!important;margin:0!important;right:auto!important;bottom:auto!important;max-width:calc(100vw - 32px)!important;max-height:calc(100vh - 32px)!important;z-index:5000!important}
}


/* V14 - zengin hareketli emoji paneli + sohbet içi animasyon */
.emoji-panel{width:304px!important;max-height:330px;overflow-y:auto;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:5px!important;padding:10px!important;overscroll-behavior:contain}
.emoji-panel .animated-emoji,.mobile-emoji-item.animated-emoji{position:relative;display:grid;place-items:center;overflow:visible;line-height:1}
.emoji-panel .animated-emoji span,.mobile-emoji-item.animated-emoji span{display:inline-block;transform-origin:center}
.emoji-panel .animated-emoji:hover span,.mobile-emoji-item.animated-emoji:active span,.animated-emoji.emoji-picked span{animation-duration:.55s!important;animation-iteration-count:infinite!important}
.chat-animated-emoji{display:inline-block;font-size:1.28em;line-height:1;vertical-align:-.12em;transform-origin:center;margin:0 .02em}
.emoji-motion-1,.emoji-motion-1 span{animation:emojiBounce 1.15s ease-in-out infinite}
.emoji-motion-2,.emoji-motion-2 span{animation:emojiWiggle 1.05s ease-in-out infinite}
.emoji-motion-3,.emoji-motion-3 span{animation:emojiPulse 1.15s ease-in-out infinite}
.emoji-motion-4,.emoji-motion-4 span{animation:emojiFloat 1.4s ease-in-out infinite}
.emoji-motion-5,.emoji-motion-5 span{animation:emojiTilt 1.15s ease-in-out infinite}
.emoji-motion-6,.emoji-motion-6 span{animation:emojiPop 1.3s ease-in-out infinite}
.emoji-motion-7,.emoji-motion-7 span{animation:emojiShake 1.1s ease-in-out infinite}
.emoji-motion-8,.emoji-motion-8 span{animation:emojiGlow 1.35s ease-in-out infinite}
@keyframes emojiBounce{0%,100%{transform:translateY(0)}45%{transform:translateY(-4px)}65%{transform:translateY(1px)}}
@keyframes emojiWiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}}
@keyframes emojiPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@keyframes emojiFloat{0%,100%{transform:translateY(1px)}50%{transform:translateY(-3px)}}
@keyframes emojiTilt{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(6deg)}}
@keyframes emojiPop{0%,100%{transform:scale(.96)}45%{transform:scale(1.2)}60%{transform:scale(1.04)}}
@keyframes emojiShake{0%,100%{transform:translateX(0)}30%{transform:translateX(-2px)}60%{transform:translateX(2px)}}
@keyframes emojiGlow{0%,100%{transform:scale(1);filter:none}50%{transform:scale(1.12);filter:drop-shadow(0 0 4px rgba(255,190,0,.7))}}
@media(max-width:760px){.mobile-emoji-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;max-height:52vh;overflow-y:auto}.mobile-emoji-item{font-size:24px!important}}
@media(prefers-reduced-motion:reduce){.chat-animated-emoji,.animated-emoji,.animated-emoji span{animation:none!important}}
/* V17 HTML5/WebGL package uploader */
.game-upload-admin{margin:10px 0;padding:12px;border:1px solid #d9e2ec;border-radius:7px;background:#f8fbff;display:flex;align-items:center;gap:9px;flex-wrap:wrap;box-sizing:border-box;width:100%}.game-upload-admin input[type=file]{flex:1 1 260px;min-width:0;width:auto!important;max-width:100%;padding:7px;background:#fff;border:1px solid #ccd6e0;border-radius:5px}.game-upload-admin .btn{flex:0 0 auto}@media(max-width:650px){.game-upload-admin{align-items:stretch}.game-upload-admin input[type=file],.game-upload-admin .btn{width:100%!important;flex-basis:100%}}

/* V19 - modern Premium Login + ortak giriş karşılama ekranı */
.premium-login-active{background:#f5f7fb!important;color:#172033}.premium-login-active .login-background-media{position:fixed;inset:0;z-index:-2}.premium-login-active .login-background-media:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(9,25,55,.84),rgba(20,111,193,.68))}.premium-login-active .login-background-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}
.premium-modern-page{min-height:100vh;background:linear-gradient(180deg,rgba(246,249,253,.04),#f6f8fc 48%)}.pm-hero{min-height:610px;padding:20px 28px 48px;box-sizing:border-box;background:radial-gradient(circle at 50% 25%,rgba(75,173,255,.24),transparent 34%),linear-gradient(135deg,#071a35 0%,#0d477c 52%,#0875c5 100%);color:#fff;position:relative;overflow:hidden}.pm-hero:before,.pm-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);background:rgba(255,255,255,.055)}.pm-hero:before{width:420px;height:420px;left:-160px;top:120px}.pm-hero:after{width:520px;height:520px;right:-230px;top:-160px}
.pm-nav{position:relative;z-index:2;max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.pm-brand-wrap{text-align:center}.pm-brand-wrap strong{display:block;font-size:22px;letter-spacing:.6px}.pm-brand-wrap small{opacity:.72}.pm-logo{max-width:150px;max-height:48px;object-fit:contain;margin-bottom:4px}.pm-nav-links{display:flex;gap:8px}.pm-nav-right{justify-content:flex-end}.pm-nav-links button{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);backdrop-filter:blur(8px);color:#fff;border-radius:12px;padding:9px 13px;cursor:pointer}
.pm-hero-stage{position:relative;z-index:2;max-width:1080px;margin:62px auto 30px;display:grid;grid-template-columns:1fr minmax(330px,430px) 1fr;gap:32px;align-items:center}.pm-login-card{background:rgba(255,255,255,.98);color:#172033;border-radius:24px;padding:32px;box-shadow:0 28px 70px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.7)}.pm-login-card h1{margin:0 0 7px;text-align:center;font-size:28px}.pm-login-card h1+p{text-align:center;color:#7b8798;margin:0 0 25px}.pm-login-card #nickname,.pm-login-card #accountPassword,.pm-login-card #agentNickname,.pm-login-card #lockedNickname{width:100%;height:52px;box-sizing:border-box;border:1px solid #dfe5ec;border-radius:13px;background:#f8fafc;padding:0 15px;font-size:15px;outline:none}.pm-login-card #nickname:focus,.pm-login-card #accountPassword:focus{border-color:#178be8;box-shadow:0 0 0 4px rgba(23,139,232,.1);background:#fff}.gender-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.gender-switch .gender{height:44px;border:1px solid #dfe5ec;background:#fff;border-radius:12px;color:#667085;font-weight:700}.gender-switch .gender.active{background:#eaf5ff;border-color:#1689e8;color:#0875c5;box-shadow:inset 0 0 0 1px #1689e8}.pm-enter{width:100%;height:50px;border:0;border-radius:13px;background:linear-gradient(135deg,#118fe9,#056cc6);color:#fff;font-size:15px;font-weight:800;box-shadow:0 10px 22px rgba(9,116,202,.25);cursor:pointer}.pm-cancel{width:100%;height:44px;border:1px solid #dce3eb;border-radius:11px;background:#fff;color:#667085}.pm-login-card>div>small{display:block;text-align:center;margin-top:14px;color:#98a2b3}.pm-stage-side{display:grid;gap:20px}.pm-staff-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);border-radius:17px;padding:12px;display:flex;align-items:center;gap:10px;font-size:12px;color:#eaf5ff}.pm-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#fff;display:grid;place-items:center;font-size:25px;flex:0 0 auto}.pm-avatar img{width:100%;height:100%;object-fit:cover}.pm-download{position:relative;z-index:2;text-align:center;max-width:700px;margin:42px auto 0}.pm-download h2{font-size:14px;letter-spacing:2px;margin:0 0 6px}.pm-download p{opacity:.72;font-size:12px}.pm-down{display:block;margin-top:10px;opacity:.65}.store-badge-row,.pm-big-stores,.pm-mini-stores{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.store-badge{display:flex;align-items:center;gap:7px;background:#101828;color:#fff!important;text-decoration:none;border-radius:10px;padding:8px 12px;min-width:126px;box-sizing:border-box}.store-copy small,.store-copy b{display:block;line-height:1.05}.store-copy small{font-size:8px}.store-copy b{font-size:11px}.pm-content{max-width:1080px;margin:-1px auto 0;padding:46px 20px 70px}.pm-card,.pm-social-row,.pm-chat-feature{background:#fff;border:1px solid #e8edf3;border-radius:20px;box-shadow:0 12px 35px rgba(20,38,63,.07);padding:25px}.pm-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pm-social-row{display:grid;grid-template-columns:220px 1fr 260px;gap:24px;align-items:center;margin-top:18px}.pm-social-photo img,.pm-chat-feature img{width:100%;max-height:220px;object-fit:cover;border-radius:14px}.pm-chat-feature{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:center;margin-top:18px}.pm-content h2{color:#172033}.pm-content p,.pm-content li{color:#667085;line-height:1.65}
.login-welcome-screen{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px;background:rgba(7,18,36,.72);backdrop-filter:blur(12px);opacity:0;transition:opacity .24s ease}.login-welcome-screen.shown{opacity:1}.login-welcome-card{width:min(430px,92vw);box-sizing:border-box;background:#fff;border-radius:25px;padding:36px 30px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.3);transform:translateY(12px) scale(.97);transition:transform .3s ease}.login-welcome-screen.shown .login-welcome-card{transform:none}.welcome-success-icon{width:70px;height:70px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#17b978,#07965f);color:#fff;font-size:34px;font-weight:900;box-shadow:0 12px 28px rgba(7,150,95,.22);animation:welcomePop .55s ease}.welcome-kicker{font-size:10px;font-weight:900;letter-spacing:1.8px;color:#1688e8}.login-welcome-card h2{font-size:26px;margin:8px 0;color:#182230}.login-welcome-card p{margin:0 auto 20px;color:#667085;line-height:1.6;max-width:340px;white-space:pre-line}.login-welcome-card small{color:#98a2b3}.welcome-loader{height:4px;background:#eef2f6;border-radius:99px;overflow:hidden;margin:0 auto 12px}.welcome-loader i{display:block;height:100%;width:40%;background:#1688e8;border-radius:99px;animation:welcomeLoad 1.15s ease-in-out infinite}.welcome-admin-box{margin-top:20px;padding:16px;border:1px solid #dbe8f5;border-radius:12px;background:#f7fbff}.welcome-admin-box h4{margin:0 0 5px;color:#167dce}.welcome-admin-box p{font-size:12px;color:#667085;line-height:1.45}.welcome-admin-box textarea{min-height:100px!important}
@keyframes welcomePop{0%{transform:scale(.55);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}@keyframes welcomeLoad{0%{transform:translateX(-110%)}100%{transform:translateX(250%)}}
@media(max-width:850px){.pm-nav{grid-template-columns:1fr}.pm-nav-links{display:none}.pm-hero{padding:18px 15px 38px}.pm-hero-stage{grid-template-columns:1fr;margin-top:35px}.pm-stage-side{display:none}.pm-login-card{width:min(440px,100%);margin:auto;padding:25px 20px}.pm-grid{grid-template-columns:1fr}.pm-social-row,.pm-chat-feature{grid-template-columns:1fr}.pm-social-photo{max-width:320px}.pm-content{padding-top:28px}.pm-download{margin-top:30px}}

/* V20 - Premium Login complete modern redesign */
body.premium-login-active{margin:0!important;background:#07111f!important;color:#eef6ff!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;overflow-x:hidden!important}
.premium-login-active .login-background-media{position:fixed;inset:0;z-index:-3}.premium-login-active .login-background-media img{width:100%;height:100%;object-fit:cover;filter:brightness(.24) saturate(.8)}
.premium-login-active .premium-modern-page{min-height:100vh;background:radial-gradient(circle at 18% 10%,rgba(34,134,255,.25),transparent 31%),radial-gradient(circle at 82% 16%,rgba(119,77,255,.2),transparent 30%),linear-gradient(145deg,#07111f 0%,#0b1728 48%,#07101c 100%)!important}
.premium-login-active .pm-hero{min-height:100vh!important;padding:0 5vw 64px!important;background:transparent!important;box-sizing:border-box;position:relative;overflow:hidden}
.premium-login-active .pm-hero:before,.premium-login-active .pm-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.premium-login-active .pm-hero:before{width:440px;height:440px;left:-220px;top:160px;background:rgba(24,125,255,.11)}.premium-login-active .pm-hero:after{width:520px;height:520px;right:-270px;top:70px;background:rgba(121,80,255,.1)}
.premium-login-active .pm-nav{height:92px;max-width:1240px;margin:0 auto;display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.09);position:relative;z-index:3}.premium-login-active .pm-brand-wrap{display:flex!important;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.premium-login-active .pm-brand-wrap strong{font-size:17px;letter-spacing:.5px;color:#fff}.premium-login-active .pm-brand-wrap small{flex-basis:100%;text-align:center;color:#93a7bd;font-size:10px;margin-top:-7px}.premium-login-active .pm-logo{max-width:42px!important;max-height:42px!important;border-radius:12px;object-fit:contain;background:rgba(255,255,255,.08);padding:4px;box-sizing:border-box}.premium-login-active .pm-nav-links{display:flex;gap:8px}.premium-login-active .pm-nav-right{justify-content:flex-end}.premium-login-active .pm-nav-links button{border:1px solid rgba(255,255,255,.1)!important;background:rgba(255,255,255,.045)!important;color:#b9c8d8!important;border-radius:12px!important;padding:10px 13px!important;font-weight:650!important;backdrop-filter:blur(12px);transition:.18s ease}.premium-login-active .pm-nav-links button:hover{background:rgba(255,255,255,.1)!important;color:#fff!important;transform:translateY(-1px)}
.premium-login-active .pm-hero-stage{max-width:1160px;min-height:570px;margin:0 auto;display:grid!important;grid-template-columns:minmax(190px,.72fr) minmax(340px,440px) minmax(190px,.72fr)!important;gap:38px!important;align-items:center;position:relative;z-index:2}.premium-login-active .pm-stage-side{display:flex;flex-direction:column;gap:22px}.premium-login-active .pm-staff-card{min-height:76px!important;padding:12px 14px!important;border:1px solid rgba(255,255,255,.09)!important;background:rgba(255,255,255,.055)!important;color:#dceaff!important;border-radius:18px!important;box-shadow:0 18px 45px rgba(0,0,0,.16)!important;backdrop-filter:blur(14px);font-size:12px!important}.premium-login-active .pm-stage-left .pm-staff-card:nth-child(2),.premium-login-active .pm-stage-right .pm-staff-card:nth-child(1){transform:translateX(18px)}.premium-login-active .pm-avatar{width:52px!important;height:52px!important;flex:0 0 52px;border:2px solid rgba(255,255,255,.18)!important;background:#15263b!important}
.premium-login-active .pm-login-card{width:100%!important;box-sizing:border-box;padding:34px!important;border-radius:28px!important;border:1px solid rgba(255,255,255,.14)!important;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.055))!important;box-shadow:0 32px 90px rgba(0,0,0,.38)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);position:relative;overflow:hidden}.premium-login-active .pm-login-card:before{content:"";position:absolute;left:28px;right:28px;top:0;height:1px;background:linear-gradient(90deg,transparent,#5fa8ff,transparent)}.premium-login-active .pm-login-card h1{font-size:31px!important;line-height:1.1;margin:2px 0 9px!important;color:#fff!important;letter-spacing:-.8px}.premium-login-active .pm-login-card h1:before{content:"✦";display:grid;place-items:center;width:44px;height:44px;margin:0 auto 18px;border-radius:14px;background:linear-gradient(135deg,#208cff,#7a5cff);font-size:21px;box-shadow:0 12px 28px rgba(40,126,255,.32)}.premium-login-active .pm-login-card p{color:#9db0c5!important;font-size:13px!important;margin-bottom:24px!important}.premium-login-active .pm-login-card>div>small{display:block;margin-top:16px;color:#7f93aa!important;font-size:11px!important}
.premium-login-active .pm-login-card #nickname,.premium-login-active .pm-login-card #accountPassword,.premium-login-active .pm-login-card #agentNickname,.premium-login-active .pm-login-card #lockedNickname{height:54px!important;width:100%!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:14px!important;background:rgba(4,12,24,.48)!important;color:#fff!important;outline:none!important;padding:0 16px!important;font-size:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;transition:.18s ease}.premium-login-active .pm-login-card input::placeholder{color:#71869e!important}.premium-login-active .pm-login-card input:focus{border-color:#338fff!important;background:rgba(7,20,38,.7)!important;box-shadow:0 0 0 4px rgba(39,137,255,.11)!important}
.premium-login-active .gender-switch{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:11px 0 14px!important;padding:5px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:15px!important;background:rgba(3,10,20,.34)!important}.premium-login-active .gender-switch .gender{height:43px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#8fa4ba!important;font-weight:750!important;transition:.18s ease}.premium-login-active .gender-switch .gender.active{background:rgba(49,143,255,.18)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(82,164,255,.28)!important}.premium-login-active .gender-switch .gender:hover{color:#fff!important}
.premium-login-active .pm-enter{height:55px!important;width:100%!important;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,#168bff,#635bff)!important;color:#fff!important;font-size:15px!important;font-weight:800!important;letter-spacing:.15px;box-shadow:0 15px 32px rgba(32,117,255,.27)!important;transition:.18s ease!important}.premium-login-active .pm-enter:hover{transform:translateY(-2px);box-shadow:0 19px 38px rgba(32,117,255,.36)!important}.premium-login-active .pm-enter:active{transform:scale(.985)}.premium-login-active .pm-enter b{float:right;font-size:19px}.premium-login-active .form-error,.premium-login-active .password-error{color:#ff9ba4!important;font-size:12px!important;margin-top:9px}.premium-login-active .pm-cancel{height:48px;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.05)!important;color:#d7e2ed!important;border-radius:13px!important}
.premium-login-active #passwordPanel .inline-account-field{background:transparent!important;border:0!important;padding:0!important;display:block!important}.premium-login-active #passwordPanel .password-inline-wrap{position:relative}.premium-login-active #passwordToggle{position:absolute;right:8px;top:7px;width:40px;height:40px;border:0;border-radius:10px;background:rgba(255,255,255,.06);color:#b8c7d7}.premium-login-active #passwordPanel .inline-actions{display:grid!important;grid-template-columns:1fr .42fr;gap:9px!important;margin-top:12px!important}
.premium-login-active .pm-download{max-width:760px!important;margin:0 auto!important;padding:22px 24px!important;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(255,255,255,.035);backdrop-filter:blur(12px)}.premium-login-active .pm-download h2{font-size:12px!important;letter-spacing:1.6px;color:#dce9f7!important}.premium-login-active .pm-download p{color:#8398af!important}.premium-login-active .pm-down{display:none!important}
.premium-login-active .pm-content{max-width:1180px!important;padding:76px 5vw!important}.premium-login-active .pm-grid article,.premium-login-active .pm-social-row,.premium-login-active .pm-chat-feature{border:1px solid #dfe8f1!important;border-radius:22px!important;box-shadow:0 16px 50px rgba(18,43,69,.07)!important}.premium-login-active .pm-content h2,.premium-login-active .pm-content h3{color:#102a43!important}.premium-login-active .pm-footer{background:#06101c!important;border-top:1px solid rgba(255,255,255,.08)!important}
@media(max-width:900px){.premium-login-active .pm-hero-stage{grid-template-columns:1fr!important;max-width:480px;padding:42px 0 28px}.premium-login-active .pm-stage-side{display:none!important}.premium-login-active .pm-nav{grid-template-columns:1fr auto!important}.premium-login-active .pm-nav-links:first-child{display:none}.premium-login-active .pm-brand-wrap{justify-content:flex-start}.premium-login-active .pm-brand-wrap small{display:none}.premium-login-active .pm-nav-right button:not(:last-child){display:none}.premium-login-active .pm-login-card{padding:28px!important}}
@media(max-width:560px){.premium-login-active .pm-hero{padding:0 16px 36px!important}.premium-login-active .pm-nav{height:72px}.premium-login-active .pm-brand-wrap strong{font-size:14px}.premium-login-active .pm-nav-right button{padding:8px 10px!important;font-size:12px}.premium-login-active .pm-hero-stage{min-height:auto;padding:28px 0 20px}.premium-login-active .pm-login-card{border-radius:22px!important;padding:23px 18px!important}.premium-login-active .pm-login-card h1{font-size:27px!important}.premium-login-active .pm-download{padding:18px 12px!important}.premium-login-active .pm-content{padding:45px 14px!important}.premium-login-active .pm-grid{grid-template-columns:1fr!important}}

/* V21 - reference inspired blue/white premium login */
body.premium-login-active{margin:0!important;background:#eefbff!important;color:#12345b!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;overflow-x:hidden!important}.premium-login-active .login-background-media{display:none!important}.premium-login-active .pm21{min-height:100vh;background:#effcff}.pm21 *{box-sizing:border-box}.pm21 button,.pm21 input{font:inherit}.pm21-nav{height:72px;padding:0 max(32px,calc((100vw - 1180px)/2));background:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #dfeefa;position:relative;z-index:5}.pm21-brand{display:flex;align-items:center;gap:10px;min-width:210px}.pm21-brand img{width:48px;height:48px;object-fit:contain}.pm21-brand strong{display:block;color:#075bb4;font-size:20px;line-height:1.05}.pm21-brand small{display:block;color:#476783;font-size:10px;margin-top:4px}.pm21-logo-icon{font-size:34px}.pm21-nav nav,.pm21-footer nav{display:flex;gap:7px;align-items:center}.pm21-nav nav button,.pm21-footer nav button{border:0;background:transparent;color:#0c3969;font-weight:700;padding:9px 10px;cursor:pointer}.pm21-top-login{border:0;border-radius:11px;background:#247df0;color:#fff;padding:12px 22px;font-weight:800;box-shadow:0 8px 22px rgba(26,116,226,.24)}
.pm21-hero{min-height:510px;background:radial-gradient(circle at 20% 20%,rgba(90,194,255,.35),transparent 25%),linear-gradient(125deg,#178ee8 0%,#0874cf 48%,#035aa9 100%);display:grid;grid-template-columns:1fr 380px 1fr;align-items:center;gap:55px;padding:42px max(38px,calc((100vw - 1180px)/2));color:#fff;position:relative;overflow:hidden}.pm21-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.045);right:-160px;top:-120px}.pm21-pitch{max-width:310px}.pm21-pitch h1{font-size:43px;line-height:1.05;margin:0;font-weight:850;letter-spacing:-1.4px}.pm21-pitch>i{display:block;width:52px;height:4px;background:#6fd8ff;border-radius:5px;margin:22px 0}.pm21-pitch>p{font-size:16px;line-height:1.65;margin:0;color:#eef9ff}.pm21-stats{display:flex;gap:16px;margin-top:32px}.pm21-stats span{display:grid;grid-template-columns:auto 1fr;gap:0 5px;align-items:center;white-space:nowrap}.pm21-stats b{font-size:16px}.pm21-stats small{grid-column:2;color:#d9f2ff;font-size:9px}
.pm21-login-card{background:#fff;border-radius:16px;padding:25px 24px;box-shadow:0 20px 55px rgba(0,53,109,.27);color:#16385d;z-index:2;width:100%}.pm21-login-card h2{text-align:center;color:#0757a8;font-size:26px;margin:0 0 5px}.pm21-login-card p{text-align:center;color:#607d9c;font-size:12px;margin:0 0 20px}.pm21-input{height:52px;border:1px solid #cadcec;border-radius:9px;background:#f8fbff;display:flex;align-items:center;padding:0 13px;gap:9px}.pm21-input span{color:#214f7f}.pm21-input input{border:0!important;background:transparent!important;outline:0!important;width:100%!important;height:100%!important;color:#173a5e!important;padding:0!important;box-shadow:none!important}.pm21-login-card .gender-switch{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;background:transparent!important;border:0!important;padding:0!important;margin:12px 0!important}.pm21-login-card .gender{height:44px!important;border:1px solid #d6e3ef!important;border-radius:8px!important;background:#f4f8fc!important;color:#275078!important;font-weight:800!important}.pm21-login-card .gender.active{background:#2d83ee!important;color:#fff!important;border-color:#2d83ee!important;box-shadow:none!important}.pm21-login-card .pm-enter{width:100%;height:48px;border:0;border-radius:8px;background:linear-gradient(90deg,#ff5a36,#ff6947);color:#fff;font-weight:850;font-size:16px;cursor:pointer}.pm21-login-card .pm-cancel{width:100%;height:44px;margin-top:8px;border:1px solid #d7e2ed;border-radius:8px;background:#f4f7fa;color:#526b84;font-weight:700}.pm21-safe{text-align:center;color:#7d93a9;font-size:10px;margin-top:17px}.pm21-login-card #passwordPanel .inline-account-field{margin-bottom:10px}.pm21-login-card #passwordPanel input{width:100%!important;height:48px!important;border:1px solid #cadcec!important;border-radius:8px!important;background:#f8fbff!important;color:#173a5e!important;padding:0 12px!important}.pm21-login-card #passwordPanel .password-inline-wrap{position:relative}.pm21-login-card #passwordToggle{position:absolute;right:6px;top:6px;width:36px;height:36px;border:0;background:transparent}.pm21-login-card .inline-actions{display:block!important}
.pm21-people{display:flex;flex-direction:column;gap:24px;z-index:2}.pm21-person{display:flex;align-items:center;gap:12px}.pm21-avatar{width:66px;height:66px;border-radius:50%;border:4px solid #fff;background:#d8efff;display:grid;place-items:center;font-size:28px;position:relative;box-shadow:0 8px 20px rgba(0,50,100,.2);overflow:visible}.pm21-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.pm21-avatar b{position:absolute;width:14px;height:14px;border-radius:50%;background:#2bd66f;border:3px solid #fff;right:-1px;bottom:3px}.pm21-bubble{background:#fff;color:#24496f;padding:12px 16px;border-radius:10px;font-size:12px;box-shadow:0 8px 18px rgba(0,53,105,.18);max-width:155px;position:relative}.pm21-bubble:before{content:"";position:absolute;left:-9px;top:20px;border-width:7px 10px 7px 0;border-style:solid;border-color:transparent #fff transparent transparent}.pm21-people em{font-family:cursive;font-size:23px;line-height:1.25;text-align:center;color:#fff;transform:rotate(-5deg);margin-top:5px}
.pm21-content{max-width:1180px;margin:0 auto;padding:28px 28px 38px}.pm21-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:28px}.pm21-benefits article,.pm21-panel,.pm21-rooms{background:#fff;border-radius:14px;box-shadow:0 9px 28px rgba(29,91,139,.09);border:1px solid #e3f0f7}.pm21-benefits article{display:flex;align-items:center;gap:15px;padding:22px}.pm21-benefits article>span{width:56px;height:56px;border-radius:50%;background:#e9f4ff;display:grid;place-items:center;font-size:26px}.pm21-benefits h3{margin:0 0 5px;color:#075ab2;font-size:18px}.pm21-benefits p{margin:0;color:#607b95;font-size:13px;line-height:1.45}.pm21-info-grid{display:grid;grid-template-columns:1.65fr .9fr;gap:24px}.pm21-panel{padding:25px}.pm21-panel h2,.pm21-rooms h2{color:#075ab2;margin:0;font-size:22px}.pm21-line{width:42px;height:3px;background:#2b84ef;border-radius:3px;margin:12px 0 18px}.pm21-device-copy{display:grid;grid-template-columns:1fr 190px;align-items:center;gap:20px;color:#55738f;font-size:13px;line-height:1.55}.pm21-devices{text-align:center;font-size:80px}.pm21-devices span{font-size:54px;margin-left:-20px}.pm21-rules{padding:0;overflow:hidden}.pm21-rules h2{background:linear-gradient(90deg,#075aa9,#0877d0);color:#fff;padding:18px 22px;font-size:19px}.pm21-rules ul{list-style:none;margin:0;padding:10px 16px 16px}.pm21-rules li{background:#f2f8fc;border-radius:8px;margin:8px 0;padding:10px 12px;color:#476883;font-size:12px}.pm21-social{margin-top:26px;min-height:225px;border-radius:14px;overflow:hidden;background:linear-gradient(110deg,#0756a2,#0879d2);color:#fff;display:grid;grid-template-columns:1fr 1.1fr .7fr;align-items:center;padding:0 35px;box-shadow:0 12px 30px rgba(8,91,164,.17)}.pm21-social h2{font-size:26px;margin:0 0 10px}.pm21-social p{line-height:1.55;font-size:13px}.pm21-social button{border:0;border-radius:9px;background:#fff;color:#0758a8;padding:11px 17px;font-weight:800}.pm21-social img{width:100%;height:225px;object-fit:cover;object-position:center}.pm21-social-art{text-align:center;font-size:70px}.pm21-social em{text-align:center;font-family:cursive;font-size:25px;line-height:1.25}.pm21-rooms{margin-top:26px;padding:22px 25px;display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:30px}.pm21-rooms p{color:#5e7891;font-size:13px;line-height:1.5}.pm21-room-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pm21-room-cards span{height:110px;border-radius:10px;background:linear-gradient(145deg,#102b4c,#1473c2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:30px;overflow:hidden}.pm21-room-cards b{font-size:12px;margin-top:9px}.pm21-footer{min-height:125px;background:linear-gradient(90deg,#07559f,#0876c9);color:#fff;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:25px max(38px,calc((100vw - 1180px)/2))}.pm21-footer .pm21-brand strong,.pm21-footer .pm21-brand small{color:#fff}.pm21-footer nav button{color:#fff;font-size:12px}.pm21-footer>small{text-align:right;font-size:10px;opacity:.85}
@media(max-width:900px){.pm21-nav{padding:0 18px}.pm21-nav nav{display:none}.pm21-hero{grid-template-columns:1fr 360px;padding:36px 24px;gap:28px}.pm21-people{display:none}.pm21-benefits{grid-template-columns:1fr}.pm21-info-grid{grid-template-columns:1fr}.pm21-social{grid-template-columns:1fr;padding:28px}.pm21-social img,.pm21-social em{display:none}.pm21-rooms{grid-template-columns:1fr}.pm21-footer{grid-template-columns:1fr;text-align:center}.pm21-footer .pm21-brand{justify-content:center}.pm21-footer>small{text-align:center}.pm21-footer nav{justify-content:center}}@media(max-width:640px){.pm21-nav{height:64px}.pm21-brand{min-width:0}.pm21-brand strong{font-size:16px}.pm21-brand small{display:none}.pm21-brand img{width:38px;height:38px}.pm21-top-login{padding:10px 13px}.pm21-hero{display:block;padding:34px 16px}.pm21-pitch{text-align:center;max-width:none;margin-bottom:25px}.pm21-pitch h1{font-size:34px}.pm21-pitch>i{margin:17px auto}.pm21-pitch>p{font-size:14px}.pm21-stats{justify-content:center;gap:10px;flex-wrap:wrap}.pm21-login-card{max-width:390px;margin:auto;padding:22px 17px}.pm21-content{padding:20px 13px}.pm21-device-copy{grid-template-columns:1fr}.pm21-devices{display:none}.pm21-room-cards{grid-template-columns:1fr}.pm21-room-cards span{height:85px}.pm21-benefits{gap:12px}.pm21-footer{padding:24px 15px}.pm21-footer nav{flex-wrap:wrap}}

/* === V22 Premium reference fidelity pass === */
body.premium-login-active{margin:0!important;background:#eefaff!important;color:#173a5e!important;font-size:16px!important;overflow-x:hidden!important}
body.premium-login-active .premium-modern-page.pm21{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:linear-gradient(180deg,#fff 0,#f3fcff 40%,#eaf9ff 100%)!important;color:#173a5e!important}
body.premium-login-active .pm21-nav{height:66px!important;max-width:none!important;padding:0 max(38px,calc((100vw - 1180px)/2))!important;background:#fff!important;border-bottom:1px solid #dcebf7!important;box-shadow:0 2px 12px rgba(22,93,150,.05)!important}
body.premium-login-active .pm21-brand{min-width:245px!important} body.premium-login-active .pm21-brand strong{font-size:22px!important;color:#075bb4!important} body.premium-login-active .pm21-brand small{font-size:11px!important;color:#476783!important}
body.premium-login-active .pm21-nav nav button{font-size:14px!important;color:#123e6c!important;padding:10px 13px!important} body.premium-login-active .pm21-top-login{font-size:14px!important;padding:12px 22px!important}
body.premium-login-active .pm21-hero{min-height:500px!important;grid-template-columns:minmax(260px,1fr) 390px minmax(260px,1fr)!important;gap:52px!important;padding:38px max(38px,calc((100vw - 1180px)/2))!important;background:radial-gradient(circle at 22% 12%,rgba(83,199,255,.35),transparent 30%),linear-gradient(120deg,#178fe8 0%,#087bd6 52%,#045baa 100%)!important}
body.premium-login-active .pm21-pitch{max-width:330px!important} body.premium-login-active .pm21-pitch h1{font-size:44px!important;line-height:1.04!important;color:#fff!important;text-shadow:0 2px 5px rgba(0,61,122,.12)!important} body.premium-login-active .pm21-pitch>p{font-size:16px!important;line-height:1.7!important;color:#fff!important}
body.premium-login-active .pm21-stats{gap:20px!important} body.premium-login-active .pm21-stats b{font-size:17px!important;color:#fff!important} body.premium-login-active .pm21-stats small{font-size:10px!important;color:#eaf8ff!important}
body.premium-login-active .pm21-login-card{width:390px!important;min-height:380px!important;padding:29px 27px!important;border-radius:17px!important;background:#fff!important;color:#173a5e!important;box-shadow:0 20px 55px rgba(0,54,112,.28)!important}
body.premium-login-active .pm21-login-card h2{font-size:28px!important;color:#0757a8!important;margin-bottom:6px!important} body.premium-login-active .pm21-login-card p{font-size:13px!important;color:#607d9c!important;margin-bottom:22px!important}
body.premium-login-active .pm21-input{height:54px!important;border:1px solid #bcd3e8!important;background:#f8fbff!important} body.premium-login-active .pm21-input input{font-size:15px!important;color:#173a5e!important} body.premium-login-active .pm21-input input::placeholder{color:#708aa3!important;opacity:1!important}
body.premium-login-active .pm21-login-card .gender{height:46px!important;font-size:15px!important;color:#275078!important} body.premium-login-active .pm21-login-card .gender.active{color:#fff!important} body.premium-login-active .pm21-login-card .pm-enter{height:50px!important;font-size:16px!important;background:linear-gradient(90deg,#ff5837,#ff6948)!important}
body.premium-login-active .pm21-safe{font-size:11px!important;color:#6f879e!important}
body.premium-login-active .pm21-people{gap:22px!important} body.premium-login-active .pm21-avatar{width:68px!important;height:68px!important} body.premium-login-active .pm21-bubble{font-size:13px!important;line-height:1.35!important;padding:13px 17px!important;max-width:175px!important;color:#24496f!important} body.premium-login-active .pm21-people em{font-size:25px!important;color:#fff!important}
body.premium-login-active .pm21-content{max-width:1180px!important;margin:0 auto!important;padding:30px 28px 42px!important;background:transparent!important}
body.premium-login-active .pm21-benefits{gap:22px!important;margin-bottom:28px!important} body.premium-login-active .pm21-benefits article{min-height:112px!important;padding:22px!important;background:#fff!important} body.premium-login-active .pm21-benefits h3{font-size:19px!important;color:#075ab2!important} body.premium-login-active .pm21-benefits p{font-size:14px!important;color:#526f8a!important}
body.premium-login-active .pm21-panel,body.premium-login-active .pm21-rooms{background:#fff!important;color:#4f6d87!important;border:1px solid #dcecf6!important;box-shadow:0 8px 26px rgba(29,91,139,.08)!important} body.premium-login-active .pm21-panel{padding:27px!important} body.premium-login-active .pm21-panel h2,body.premium-login-active .pm21-rooms h2{font-size:23px!important;color:#075ab2!important} body.premium-login-active .pm21-device-copy{font-size:14px!important;line-height:1.65!important;color:#4f6d87!important}
body.premium-login-active .pm21-rules{padding:0!important} body.premium-login-active .pm21-rules h2{font-size:20px!important;color:#fff!important;padding:18px 22px!important} body.premium-login-active .pm21-rules li{font-size:13px!important;color:#3e617f!important;padding:12px 13px!important;background:#f0f7fb!important}
body.premium-login-active .pm21-social{min-height:225px!important;margin-top:26px!important;background:linear-gradient(105deg,#0759aa 0 33%,#14357e 33% 76%,#0878cf 76%)!important;color:#fff!important} body.premium-login-active .pm21-social h2{font-size:27px!important;color:#fff!important} body.premium-login-active .pm21-social p{font-size:14px!important;line-height:1.6!important;color:#fff!important} body.premium-login-active .pm21-social img{height:225px!important;object-fit:cover!important} body.premium-login-active .pm21-social em{font-size:27px!important;color:#fff!important}
body.premium-login-active .pm21-rooms{padding:24px 26px!important} body.premium-login-active .pm21-rooms p{font-size:14px!important;color:#56748e!important} body.premium-login-active .pm21-room-cards span{height:112px!important;font-size:32px!important;background:linear-gradient(145deg,#0c5da9,#0877c9)!important} body.premium-login-active .pm21-room-cards b{font-size:13px!important;color:#fff!important}
body.premium-login-active .pm21-footer{min-height:128px!important;background:linear-gradient(90deg,#07559f,#0876c9)!important;color:#fff!important} body.premium-login-active .pm21-footer nav button{font-size:13px!important;color:#fff!important} body.premium-login-active .pm21-footer>small{font-size:11px!important;color:#fff!important}
@media(max-width:900px){body.premium-login-active .pm21-hero{grid-template-columns:1fr 380px!important;gap:28px!important;padding:34px 24px!important}body.premium-login-active .pm21-people{display:none!important}body.premium-login-active .pm21-content{padding:24px 18px 34px!important}}
@media(max-width:640px){body.premium-login-active .pm21-nav{height:64px!important;padding:0 14px!important}body.premium-login-active .pm21-brand{min-width:0!important}body.premium-login-active .pm21-brand strong{font-size:17px!important}body.premium-login-active .pm21-hero{display:block!important;padding:30px 15px 34px!important}body.premium-login-active .pm21-pitch h1{font-size:36px!important}body.premium-login-active .pm21-pitch>p{font-size:15px!important}body.premium-login-active .pm21-login-card{width:100%!important;max-width:400px!important;min-height:0!important}body.premium-login-active .pm21-benefits{grid-template-columns:1fr!important}body.premium-login-active .pm21-info-grid{grid-template-columns:1fr!important}body.premium-login-active .pm21-social{grid-template-columns:1fr!important;padding:28px 22px!important}body.premium-login-active .pm21-social img,body.premium-login-active .pm21-social em{display:none!important}body.premium-login-active .pm21-rooms{grid-template-columns:1fr!important}body.premium-login-active .pm21-room-cards{grid-template-columns:1fr!important}}

/* === V23 Premium typography cleanup: readable system UI font, no layout/function changes === */
body.premium-login-active,
body.premium-login-active button,
body.premium-login-active input,
body.premium-login-active select,
body.premium-login-active textarea{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  letter-spacing:0!important;
}
body.premium-login-active .pm21-brand strong{font-size:20px!important;font-weight:800!important;line-height:1.1!important}
body.premium-login-active .pm21-brand small{font-size:12px!important;font-weight:500!important;line-height:1.35!important}
body.premium-login-active .pm21-nav nav button,
body.premium-login-active .pm21-top-login{font-size:14px!important;font-weight:700!important;line-height:1.2!important}
body.premium-login-active .pm21-pitch h1{font-size:46px!important;font-weight:850!important;line-height:1.05!important;letter-spacing:-1.2px!important}
body.premium-login-active .pm21-pitch>p{font-size:16px!important;font-weight:500!important;line-height:1.65!important}
body.premium-login-active .pm21-stats b{font-size:17px!important;font-weight:800!important;line-height:1.15!important}
body.premium-login-active .pm21-stats small{font-size:11px!important;font-weight:600!important;line-height:1.3!important}
body.premium-login-active .pm21-login-card h2{font-size:27px!important;font-weight:800!important;line-height:1.15!important;letter-spacing:-.35px!important}
body.premium-login-active .pm21-login-card>p{font-size:13px!important;font-weight:500!important;line-height:1.5!important}
body.premium-login-active .pm21-input input{font-size:15px!important;font-weight:500!important;line-height:1.2!important}
body.premium-login-active .pm21-login-card .gender{font-size:14px!important;font-weight:700!important;line-height:1.2!important}
body.premium-login-active .pm21-login-card .pm-enter{font-size:16px!important;font-weight:800!important;line-height:1.2!important}
body.premium-login-active .pm21-safe{font-size:11px!important;font-weight:600!important;line-height:1.45!important}
body.premium-login-active .pm21-bubble{font-size:13px!important;font-weight:600!important;line-height:1.4!important}
body.premium-login-active .pm21-benefits h3{font-size:18px!important;font-weight:800!important;line-height:1.2!important}
body.premium-login-active .pm21-benefits p{font-size:14px!important;font-weight:500!important;line-height:1.55!important}
body.premium-login-active .pm21-panel h2,
body.premium-login-active .pm21-rooms h2{font-size:22px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:-.25px!important}
body.premium-login-active .pm21-device-copy,
body.premium-login-active .pm21-rooms p{font-size:14px!important;font-weight:500!important;line-height:1.65!important}
body.premium-login-active .pm21-rules h2{font-size:19px!important;font-weight:800!important;line-height:1.2!important}
body.premium-login-active .pm21-rules li{font-size:13px!important;font-weight:600!important;line-height:1.4!important}
body.premium-login-active .pm21-social h2{font-size:26px!important;font-weight:850!important;line-height:1.15!important}
body.premium-login-active .pm21-social p{font-size:14px!important;font-weight:500!important;line-height:1.6!important}
body.premium-login-active .pm21-room-cards b{font-size:13px!important;font-weight:800!important;line-height:1.2!important}
body.premium-login-active .pm21-footer,
body.premium-login-active .pm21-footer nav button{font-size:12px!important;font-weight:600!important;line-height:1.4!important}
body.premium-login-active .pm21-footer>small{font-size:11px!important;font-weight:500!important;line-height:1.4!important}
@media(max-width:640px){
 body.premium-login-active .pm21-pitch h1{font-size:35px!important;letter-spacing:-.7px!important}
 body.premium-login-active .pm21-pitch>p{font-size:15px!important}
 body.premium-login-active .pm21-login-card h2{font-size:25px!important}
 body.premium-login-active .pm21-benefits h3{font-size:17px!important}
 body.premium-login-active .pm21-panel h2,body.premium-login-active .pm21-rooms h2{font-size:20px!important}
}

/* V24 — Premium Login reference rebuild */
body.premium-login-active{margin:0!important;background:#eefbff!important;color:#153a61!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}
body.premium-login-active .premium-modern-page{background:linear-gradient(#fff 0 64px,#eefbff 64px 100%)!important;min-height:100vh}
body.premium-login-active .pm21-nav{height:64px!important;max-width:1180px!important;margin:auto!important;padding:0 22px!important;background:#fff!important;box-shadow:none!important;border-bottom:1px solid #e7f0f8!important;display:grid!important;grid-template-columns:1fr auto 1fr!important}
body.premium-login-active .pm21-brand img{max-height:40px!important;max-width:180px!important}body.premium-login-active .pm21-brand strong{color:#07539c!important;font-size:20px!important}body.premium-login-active .pm21-brand small{color:#55718c!important;font-size:11px!important}
body.premium-login-active .pm21-nav nav{display:flex!important;gap:18px!important}body.premium-login-active .pm21-nav nav button{color:#0b3f73!important;background:transparent!important;font-size:13px!important;padding:9px 4px!important}body.premium-login-active .pm21-top-login{justify-self:end!important;background:#2788f4!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:11px 18px!important;box-shadow:0 7px 18px rgba(39,136,244,.25)!important}
body.premium-login-active .pm21-hero{position:relative!important;min-height:535px!important;max-width:none!important;margin:0!important;padding:55px max(28px,calc((100vw - 1180px)/2)) 38px!important;display:grid!important;grid-template-columns:minmax(250px,1fr) 390px minmax(300px,1fr)!important;gap:36px!important;align-items:center!important;background:radial-gradient(circle at 22% 12%,rgba(86,190,255,.28),transparent 28%),linear-gradient(115deg,#0753a4 0%,#087ad0 48%,#0964b4 100%)!important;overflow:hidden!important;color:#fff!important}
body.premium-login-active .pm21-pitch{position:relative!important;z-index:3!important;max-width:330px!important}body.premium-login-active .pm21-pitch h1{font-size:46px!important;line-height:1.04!important;font-weight:900!important;color:#fff!important;margin:0 0 22px!important}body.premium-login-active .pm21-pitch h1::first-line{color:#fff!important}body.premium-login-active .pm21-pitch>p{font-size:15px!important;line-height:1.65!important;color:#fff!important;max-width:320px!important}body.premium-login-active .pm21-stats{margin-top:30px!important;display:flex!important;gap:22px!important}body.premium-login-active .pm21-stats span{color:#fff!important}body.premium-login-active .pm21-stats b{font-size:18px!important}body.premium-login-active .pm21-stats small{color:#fff!important;opacity:.9!important}
body.premium-login-active .pm21-login-card{position:relative!important;z-index:5!important;width:390px!important;min-height:410px!important;padding:32px 26px!important;border-radius:18px!important;background:#fff!important;box-shadow:0 22px 60px rgba(0,45,100,.32)!important;border:1px solid rgba(255,255,255,.9)!important}body.premium-login-active .pm21-login-card:before{content:"💬";position:absolute;left:50%;top:-26px;transform:translateX(-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#1599f6;border:4px solid #fff;font-size:24px;box-shadow:0 7px 18px rgba(0,70,140,.22)}
body.premium-login-active .pm21-login-card h2{font-size:27px!important;color:#0754a2!important;margin:10px 0 4px!important}body.premium-login-active .pm21-login-card p{font-size:13px!important;color:#607b95!important;margin-bottom:20px!important}body.premium-login-active .pm21-input{height:52px!important;border:1px solid #c9dbea!important;background:#f9fcff!important;border-radius:8px!important}body.premium-login-active .pm21-login-card .gender{height:46px!important;border-radius:7px!important;background:#f4f8fc!important;border:1px solid #e2ebf3!important}body.premium-login-active .pm21-login-card .gender.active{background:#2788f4!important;color:#fff!important;border-color:#2788f4!important}body.premium-login-active .pm21-login-card .gender[data-gender="Kadın"]{color:#f02d79!important;background:#fff1f6!important}body.premium-login-active .pm21-login-card .pm-enter{height:50px!important;border-radius:8px!important;background:linear-gradient(90deg,#2788f4,#6654f6)!important;color:#fff!important;box-shadow:0 9px 20px rgba(69,99,240,.24)!important}
body.premium-login-active .pm24-hero-photo{position:absolute!important;z-index:1!important;right:0!important;top:0!important;width:42%!important;height:100%!important;overflow:hidden!important;pointer-events:none!important}body.premium-login-active .pm24-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0877ca 0%,rgba(8,119,202,.12) 36%,rgba(8,119,202,0) 70%)}body.premium-login-active .pm24-hero-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;filter:saturate(.95)!important}
body.premium-login-active .pm21-people{position:relative!important;z-index:4!important;align-self:center!important;justify-self:end!important;width:260px!important;gap:20px!important}body.premium-login-active .pm21-person{display:flex!important;align-items:center!important;gap:9px!important}body.premium-login-active .pm21-avatar{width:58px!important;height:58px!important;flex:0 0 58px!important;border:4px solid #fff!important;box-shadow:0 5px 16px rgba(0,45,90,.2)!important}body.premium-login-active .pm21-bubble{background:#fff!important;color:#21466c!important;border-radius:10px!important;padding:12px 14px!important;font-size:12px!important;box-shadow:0 8px 18px rgba(0,40,80,.16)!important}body.premium-login-active .pm21-people em{font-size:24px!important;text-shadow:0 2px 6px rgba(0,0,0,.25)!important}
body.premium-login-active .pm21-content{max-width:1180px!important;margin:0 auto!important;padding:28px 24px 46px!important}body.premium-login-active .pm21-benefits{grid-template-columns:repeat(4,1fr)!important;gap:16px!important}body.premium-login-active .pm21-benefits:after{content:"Premium Ayrıcalıklar\A Daha fazla özellik, daha keyifli sohbet.";white-space:pre-line;display:flex;align-items:center;padding:22px;border-radius:14px;background:#fff;color:#075ab2;font-weight:800;box-shadow:0 8px 24px rgba(29,91,139,.08);border:1px solid #e2edf5}body.premium-login-active .pm21-benefits article{min-height:105px!important;border-radius:14px!important;border:1px solid #e2edf5!important;box-shadow:0 8px 24px rgba(29,91,139,.08)!important}body.premium-login-active .pm21-benefits article>span{width:58px!important;height:58px!important;border-radius:50%!important;background:#eaf4ff!important;display:grid!important;place-items:center!important;font-size:28px!important}
body.premium-login-active .pm21-info-grid{grid-template-columns:1.8fr 1fr!important;gap:18px!important;margin-top:22px!important}body.premium-login-active .pm21-panel{border-radius:15px!important;padding:26px!important}body.premium-login-active .pm21-device-copy{grid-template-columns:1.2fr .8fr!important;align-items:center!important}body.premium-login-active .pm21-devices{height:210px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}body.premium-login-active .pm21-devices img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:12px!important}
body.premium-login-active .pm21-social{display:grid!important;grid-template-columns:1fr 1.25fr .75fr!important;align-items:stretch!important;min-height:220px!important;padding:0!important;border-radius:16px!important;overflow:hidden!important;background:linear-gradient(90deg,#075aab,#0876cb)!important}body.premium-login-active .pm21-social>div{padding:34px 28px!important;align-self:center!important}body.premium-login-active .pm21-social img{width:100%!important;height:220px!important;object-fit:cover!important;border-radius:0!important;margin:0!important}body.premium-login-active .pm21-social em{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-size:25px!important;padding:20px!important}
body.premium-login-active .pm21-rooms{margin-top:20px!important;border-radius:15px!important;grid-template-columns:1.05fr 1.65fr!important;gap:25px!important}body.premium-login-active .pm21-room-cards{gap:14px!important}body.premium-login-active .pm21-room-cards span{position:relative!important;height:132px!important;border-radius:11px!important;background-size:cover!important;background-position:center!important;overflow:hidden!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;padding:0!important}body.premium-login-active .pm21-room-cards span:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,20,50,.8))}body.premium-login-active .pm21-room-cards b{position:relative!important;z-index:2!important;width:100%!important;text-align:center!important;padding:13px!important;font-size:14px!important;color:#fff!important}
body.premium-login-active .pm21-footer{min-height:130px!important;background:linear-gradient(90deg,#0754a3,#0879cf)!important;padding:25px max(24px,calc((100vw - 1180px)/2))!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:20px!important}body.premium-login-active .pm21-footer>small{justify-self:end!important}
@media(max-width:900px){body.premium-login-active .pm21-nav{grid-template-columns:1fr auto!important}body.premium-login-active .pm21-nav nav{display:none!important}body.premium-login-active .pm21-hero{grid-template-columns:1fr 390px!important;padding:42px 24px!important}body.premium-login-active .pm24-hero-photo,body.premium-login-active .pm21-people{display:none!important}body.premium-login-active .pm21-benefits{grid-template-columns:1fr 1fr!important}body.premium-login-active .pm21-info-grid{grid-template-columns:1fr!important}body.premium-login-active .pm21-social{grid-template-columns:1fr 1fr!important}body.premium-login-active .pm21-social em{display:none!important}body.premium-login-active .pm21-rooms{grid-template-columns:1fr!important}}
@media(max-width:640px){body.premium-login-active .pm21-nav{padding:0 12px!important}body.premium-login-active .pm21-top-login{padding:9px 12px!important}body.premium-login-active .pm21-hero{display:block!important;padding:34px 15px!important}body.premium-login-active .pm21-pitch{max-width:none!important;margin-bottom:28px!important}body.premium-login-active .pm21-pitch h1{font-size:37px!important}body.premium-login-active .pm21-login-card{width:100%!important;max-width:none!important}body.premium-login-active .pm21-benefits{grid-template-columns:1fr!important}body.premium-login-active .pm21-social{grid-template-columns:1fr!important}body.premium-login-active .pm21-social img{display:none!important}body.premium-login-active .pm21-room-cards{grid-template-columns:1fr!important}body.premium-login-active .pm21-footer{grid-template-columns:1fr!important;text-align:center!important}body.premium-login-active .pm21-footer>small{justify-self:center!important}}

/* V25 — Premium referans ölçek/layout düzeltmesi. Önceki V21-V24 kurallarını bilinçli olarak ezer. */
@media (min-width: 901px){
  body.premium-login-active .pm21-nav{
    width:min(96vw,1600px)!important;max-width:none!important;height:82px!important;margin:0 auto!important;padding:0 24px!important;
    grid-template-columns:1fr auto 1fr!important;
  }
  body.premium-login-active .pm21-brand img{width:58px!important;height:58px!important}
  body.premium-login-active .pm21-brand strong{font-size:25px!important;letter-spacing:-.4px!important}
  body.premium-login-active .pm21-brand small{font-size:12px!important}
  body.premium-login-active .pm21-nav nav{gap:24px!important}
  body.premium-login-active .pm21-nav nav button{font-size:16px!important}
  body.premium-login-active .pm21-top-login{font-size:16px!important;padding:13px 24px!important}

  body.premium-login-active .pm21-hero{
    min-height:650px!important;height:650px!important;
    padding:0 max(3vw,calc((100vw - 1600px)/2))!important;
    grid-template-columns:minmax(330px,1fr) 500px minmax(390px,1fr)!important;
    gap:48px!important;align-items:center!important;
  }
  body.premium-login-active .pm21-pitch{max-width:430px!important}
  body.premium-login-active .pm21-pitch h1{font-size:62px!important;line-height:1.02!important;letter-spacing:-2px!important;margin-bottom:24px!important}
  body.premium-login-active .pm21-pitch>p{font-size:19px!important;line-height:1.55!important;max-width:410px!important}
  body.premium-login-active .pm21-stats{gap:28px!important;margin-top:34px!important}
  body.premium-login-active .pm21-stats b{font-size:24px!important}
  body.premium-login-active .pm21-stats small{font-size:13px!important}

  body.premium-login-active .pm21-login-card{width:500px!important;min-height:500px!important;padding:44px 34px 30px!important;border-radius:22px!important}
  body.premium-login-active .pm21-login-card:before{width:66px!important;height:66px!important;top:-34px!important;font-size:30px!important}
  body.premium-login-active .pm21-login-card h2{font-size:34px!important;margin:12px 0 5px!important}
  body.premium-login-active .pm21-login-card p{font-size:16px!important;margin-bottom:24px!important}
  body.premium-login-active .pm21-input{height:62px!important}
  body.premium-login-active .pm21-input input{font-size:17px!important}
  body.premium-login-active .pm21-login-card .gender{height:54px!important;font-size:16px!important}
  body.premium-login-active .pm21-login-card .pm-enter{height:58px!important;font-size:18px!important}
  body.premium-login-active .pm21-safe{font-size:13px!important;margin-top:24px!important}

  body.premium-login-active .pm24-hero-photo{
    right:max(0px,calc((100vw - 1600px)/2))!important;top:0!important;width:590px!important;height:650px!important;
  }
  body.premium-login-active .pm24-hero-photo img{object-fit:cover!important;object-position:50% 20%!important}
  body.premium-login-active .pm21-people{width:340px!important;gap:24px!important;transform:translateX(12px)!important}
  body.premium-login-active .pm21-avatar{width:70px!important;height:70px!important;flex-basis:70px!important}
  body.premium-login-active .pm21-bubble{font-size:15px!important;padding:14px 17px!important;min-width:205px!important}
  body.premium-login-active .pm21-people em{font-size:30px!important;margin-left:82px!important}

  body.premium-login-active .pm21-content{width:min(94vw,1500px)!important;max-width:none!important;padding:36px 0 58px!important}
  body.premium-login-active .pm21-benefits{gap:20px!important}
  body.premium-login-active .pm21-benefits article,body.premium-login-active .pm21-benefits:after{min-height:132px!important;padding:24px!important}
  body.premium-login-active .pm21-benefits article>span{width:70px!important;height:70px!important;font-size:34px!important;flex:0 0 70px!important}
  body.premium-login-active .pm21-benefits h3{font-size:21px!important}
  body.premium-login-active .pm21-benefits p{font-size:16px!important}

  body.premium-login-active .pm21-info-grid{grid-template-columns:1.72fr .88fr!important;gap:24px!important;margin-top:28px!important}
  body.premium-login-active .pm21-panel{padding:32px!important;border-radius:18px!important;min-height:340px!important}
  body.premium-login-active .pm21-panel h2,body.premium-login-active .pm21-rooms h2{font-size:28px!important}
  body.premium-login-active .pm21-device-copy,body.premium-login-active .pm21-rooms p{font-size:16px!important}
  body.premium-login-active .pm21-device-copy{grid-template-columns:1.2fr .8fr!important;gap:28px!important}
  body.premium-login-active .pm21-devices{height:260px!important}
  body.premium-login-active .pm21-devices img{object-fit:contain!important;background:#fff!important}
  body.premium-login-active .pm21-rules h2{font-size:25px!important}
  body.premium-login-active .pm21-rules li{font-size:15px!important;padding:14px 16px!important;margin-bottom:12px!important}

  body.premium-login-active .pm21-social{min-height:265px!important;margin-top:26px!important;grid-template-columns:1.05fr 1.35fr .8fr!important}
  body.premium-login-active .pm21-social>div{padding:38px 34px!important}
  body.premium-login-active .pm21-social h2{font-size:32px!important}
  body.premium-login-active .pm21-social p{font-size:16px!important}
  body.premium-login-active .pm21-social img{height:265px!important;object-fit:cover!important;object-position:center!important}
  body.premium-login-active .pm21-social em{font-size:30px!important}

  body.premium-login-active .pm21-rooms{padding:30px!important;grid-template-columns:1fr 1.8fr!important;min-height:205px!important}
  body.premium-login-active .pm21-room-cards span{height:155px!important}
  body.premium-login-active .pm21-room-cards b{font-size:17px!important;padding:16px!important}

  body.premium-login-active .pm21-footer{min-height:160px!important;padding:28px max(3vw,calc((100vw - 1500px)/2))!important}
  body.premium-login-active .pm21-footer nav button,body.premium-login-active .pm21-footer>small{font-size:14px!important}
}
@media (min-width:901px) and (max-width:1250px){
  body.premium-login-active .pm21-hero{height:auto!important;min-height:570px!important;grid-template-columns:1fr 420px!important;padding:48px 4vw!important}
  body.premium-login-active .pm24-hero-photo,body.premium-login-active .pm21-people{display:none!important}
  body.premium-login-active .pm21-login-card{width:420px!important;min-height:0!important}
  body.premium-login-active .pm21-pitch h1{font-size:50px!important}
}

/* V26 — Premium Login: 1024px referans görselinin ölçü/oranlarına göre temiz son katman */
body.premium-login-active{font-family:Inter,"Segoe UI",Arial,sans-serif!important;background:#edfaff!important;color:#123b68!important}
body.premium-login-active *{box-sizing:border-box}
body.premium-login-active .pm21-nav{height:64px!important;width:min(100% - 56px,950px)!important;max-width:950px!important;margin:auto!important;padding:0!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;background:#fff!important}
body.premium-login-active .pm21-brand{gap:9px!important}body.premium-login-active .pm21-brand img{width:auto!important;height:39px!important;max-width:155px!important;object-fit:contain!important}body.premium-login-active .pm21-brand strong{font-size:19px!important;line-height:1!important;color:#0a559f!important}body.premium-login-active .pm21-brand small{font-size:9px!important;color:#31587d!important;margin-top:4px!important}
body.premium-login-active .pm21-nav nav{display:flex!important;gap:20px!important}body.premium-login-active .pm21-nav nav button{font-size:12px!important;font-weight:800!important;color:#082f5c!important;padding:7px 0!important;background:none!important;border:0!important}body.premium-login-active .pm21-nav nav .pm-premium-link{color:#082f5c!important}body.premium-login-active .pm21-top-login{justify-self:end!important;background:#2387ee!important;color:#fff!important;border:0!important;border-radius:9px!important;padding:10px 18px!important;font-size:12px!important;font-weight:800!important;box-shadow:0 7px 18px rgba(20,113,213,.22)!important}
body.premium-login-active .pm21-hero{position:relative!important;width:100%!important;height:535px!important;min-height:535px!important;margin:0!important;padding:0 calc((100vw - 950px)/2)!important;display:grid!important;grid-template-columns:280px 320px 350px!important;gap:0!important;align-items:center!important;overflow:hidden!important;background:radial-gradient(circle at 48% 30%,#148be0 0,#0871c5 45%,#07549a 100%)!important}
body.premium-login-active .pm21-pitch{width:280px!important;max-width:280px!important;z-index:4!important;padding-right:20px!important}body.premium-login-active .pm21-pitch h1{font-size:44px!important;line-height:1.04!important;letter-spacing:-1.7px!important;margin:0 0 15px!important;color:#fff!important;font-weight:900!important}body.premium-login-active .pm21-pitch h1::first-line{color:#fff!important}body.premium-login-active .pm21-pitch i{display:block!important;width:43px!important;height:3px!important;background:#6bd5ff!important;border-radius:4px!important;margin:0 0 17px!important}body.premium-login-active .pm21-pitch>p{font-size:13px!important;line-height:1.55!important;margin:0!important;max-width:255px!important;color:#fff!important}body.premium-login-active .pm21-stats{display:flex!important;gap:20px!important;margin-top:31px!important}body.premium-login-active .pm21-stats span{font-size:13px!important;color:#fff!important}body.premium-login-active .pm21-stats b{font-size:18px!important}body.premium-login-active .pm21-stats small{font-size:8px!important;margin-top:2px!important;color:#fff!important}
body.premium-login-active .pm21-pitch:after{content:"Sohbet\A Her Yerde Seninle ♡";white-space:pre;display:block;margin-top:29px;font-family:"Segoe Print","Comic Sans MS",cursive;font-size:24px;line-height:1.35;color:#fff;transform:rotate(-4deg);font-weight:400}
body.premium-login-active .pm21-login-card{position:relative!important;z-index:7!important;width:320px!important;min-height:450px!important;padding:47px 22px 18px!important;border-radius:17px!important;background:#fff!important;box-shadow:0 18px 45px rgba(0,45,105,.25)!important;color:#153b67!important}body.premium-login-active .pm21-login-card:before{content:"💬"!important;position:absolute!important;top:-27px!important;left:50%!important;transform:translateX(-50%)!important;width:55px!important;height:55px!important;border:4px solid #fff!important;border-radius:50%!important;background:#1596f1!important;display:grid!important;place-items:center!important;font-size:24px!important;box-shadow:0 4px 13px rgba(0,0,0,.16)!important}body.premium-login-active .pm21-login-card h2{font-size:25px!important;margin:0 0 3px!important;color:#0755a0!important;font-weight:900!important}body.premium-login-active .pm21-login-card p{font-size:11px!important;margin:0 0 18px!important;color:#5c7898!important}body.premium-login-active .pm21-input{height:45px!important;border-radius:7px!important;padding:0 12px!important}body.premium-login-active .pm21-input input{font-size:12px!important}body.premium-login-active .pm21-login-card .gender-switch{gap:8px!important;margin:10px 0!important}body.premium-login-active .pm21-login-card .gender{height:42px!important;font-size:12px!important}body.premium-login-active .pm21-login-card .gender:nth-child(2){background:#fff0f5!important;color:#ef3473!important}body.premium-login-active .pm21-login-card .pm-enter{height:45px!important;font-size:14px!important;background:linear-gradient(90deg,#2188f5,#6954ff)!important}
body.premium-login-active .pm21-login-meta{display:flex;align-items:center;justify-content:space-between;margin:11px 1px 9px;font-size:10px;color:#345779}body.premium-login-active .pm21-login-meta label{display:flex;align-items:center;gap:5px}body.premium-login-active .pm21-login-meta input{width:16px!important;height:16px!important;accent-color:#2688f2}body.premium-login-active .pm21-login-meta button{border:0;background:none;color:#0875d5;font-size:10px;padding:0}body.premium-login-active .pm21-or{display:flex;align-items:center;gap:9px;color:#6e8197;font-size:9px;margin:7px 0}body.premium-login-active .pm21-or span{height:1px;background:#d7e3ef;flex:1}body.premium-login-active .pm21-or b{font-weight:500}body.premium-login-active .pm21-social-login{display:grid;grid-template-columns:1fr 1fr;gap:8px}body.premium-login-active .pm21-social-login button{height:39px;border:1px solid #d7e3ef;border-radius:7px;background:#fff;color:#173b65;font-size:9px;font-weight:700}body.premium-login-active .pm21-social-login b{font-size:15px;margin-right:4px}.pm21-social-login .g{color:#4285f4}.pm21-social-login .d{color:#5865f2}body.premium-login-active .pm21-safe{font-size:8px!important;margin-top:14px!important}
body.premium-login-active .pm24-hero-photo{display:block!important;position:absolute!important;z-index:1!important;right:calc((100vw - 950px)/2)!important;top:0!important;width:350px!important;height:535px!important;overflow:hidden!important;opacity:1!important}body.premium-login-active .pm24-hero-photo:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#0872c6 0,rgba(8,114,198,.18) 24%,rgba(8,114,198,0) 60%)}body.premium-login-active .pm24-hero-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;filter:none!important}
body.premium-login-active .pm21-people{position:relative!important;z-index:8!important;width:250px!important;margin-left:78px!important;display:flex!important;flex-direction:column!important;gap:18px!important;transform:none!important}body.premium-login-active .pm21-person{gap:8px!important}body.premium-login-active .pm21-avatar{width:52px!important;height:52px!important;flex:0 0 52px!important;border:3px solid #fff!important;box-shadow:0 3px 10px rgba(0,0,0,.18)!important}body.premium-login-active .pm21-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}body.premium-login-active .pm21-avatar b{width:10px!important;height:10px!important;right:0!important;bottom:1px!important}body.premium-login-active .pm21-bubble{min-width:155px!important;max-width:165px!important;padding:10px 11px!important;border-radius:9px!important;background:#fff!important;color:#173c66!important;font-size:10px!important;line-height:1.35!important;box-shadow:0 5px 14px rgba(0,35,80,.13)!important}body.premium-login-active .pm21-people em{font-family:"Segoe Print","Comic Sans MS",cursive!important;font-size:22px!important;line-height:1.2!important;margin:4px 0 0 55px!important;color:#fff!important;transform:rotate(-5deg)!important;text-align:center!important}
body.premium-login-active .pm21-content{width:min(950px,calc(100% - 56px))!important;max-width:950px!important;margin:0 auto!important;padding:20px 0 30px!important;background:transparent!important}body.premium-login-active .pm21-benefits{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important;margin:0!important}body.premium-login-active .pm21-benefits article,body.premium-login-active .pm21-benefits:after{min-height:104px!important;border-radius:12px!important;padding:17px 15px!important;background:#fff!important;box-shadow:0 5px 18px rgba(25,91,130,.08)!important;border:1px solid #e4f1f7!important}body.premium-login-active .pm21-benefits article{display:flex!important;align-items:center!important;gap:12px!important}body.premium-login-active .pm21-benefits article>span{width:52px!important;height:52px!important;flex:0 0 52px!important;font-size:25px!important}body.premium-login-active .pm21-benefits h3{font-size:14px!important;margin:0 0 5px!important;color:#0759a7!important}body.premium-login-active .pm21-benefits p{font-size:10px!important;line-height:1.35!important;margin:0!important;color:#47698b!important}body.premium-login-active .pm21-benefits:after{content:"👑  Premium Ayrıcalıklar\A Daha fazla özellik, daha keyifli sohbet.";white-space:pre-line;display:flex!important;align-items:center!important;color:#0759a7;font-size:11px;font-weight:800;line-height:1.5}
body.premium-login-active .pm21-info-grid{display:grid!important;grid-template-columns:2fr 1fr!important;gap:15px!important;margin-top:18px!important}body.premium-login-active .pm21-panel{min-height:255px!important;padding:22px!important;border-radius:13px!important;background:#fff!important;border:1px solid #e3eef5!important;box-shadow:0 5px 18px rgba(25,91,130,.08)!important}body.premium-login-active .pm21-panel h2,body.premium-login-active .pm21-rooms h2{font-size:19px!important;margin:0 0 7px!important;color:#0758a7!important}body.premium-login-active .pm21-line{width:40px!important;height:3px!important;background:#258bf0!important;margin-bottom:13px!important}body.premium-login-active .pm21-device-copy{display:grid!important;grid-template-columns:1.25fr .75fr!important;gap:14px!important;align-items:center!important;font-size:10px!important;line-height:1.55!important;color:#345b80!important}body.premium-login-active .pm21-device-copy p{font-size:10px!important;line-height:1.55!important}body.premium-login-active .pm21-devices{height:165px!important}body.premium-login-active .pm21-devices img{width:100%!important;height:100%!important;object-fit:contain!important}body.premium-login-active a.store-badge{min-width:125px!important;height:42px!important;padding:5px 9px!important;border-radius:8px!important;box-shadow:0 5px 13px rgba(0,47,84,.1)!important}body.premium-login-active .store-badge-row{justify-content:flex-start!important;gap:8px!important}body.premium-login-active .pm21-rules h2{margin:-22px -22px 15px!important;padding:15px 18px!important;background:linear-gradient(90deg,#075caf,#1689dd)!important;color:#fff!important;font-size:17px!important;border-radius:13px 13px 0 0!important}body.premium-login-active .pm21-rules li{font-size:10px!important;padding:10px 11px!important;margin-bottom:8px!important;border-radius:7px!important;background:#f0f7fb!important;color:#284d72!important}
body.premium-login-active .pm21-social{height:185px!important;min-height:185px!important;margin-top:18px!important;border-radius:13px!important;overflow:hidden!important;display:grid!important;grid-template-columns:1fr 1.2fr .8fr!important;background:linear-gradient(90deg,#0966b5,#128be0)!important;color:#fff!important}body.premium-login-active .pm21-social>div{padding:26px 20px!important}body.premium-login-active .pm21-social h2{font-size:21px!important;margin:0 0 9px!important;color:#fff!important}body.premium-login-active .pm21-social p{font-size:10px!important;line-height:1.5!important;color:#fff!important}body.premium-login-active .pm21-social button{font-size:10px!important;padding:9px 13px!important;border-radius:7px!important;background:#fff!important;color:#0758a7!important;border:0!important;font-weight:800!important}body.premium-login-active .pm21-social img{width:100%!important;height:185px!important;object-fit:cover!important;object-position:center!important}body.premium-login-active .pm21-social em{display:flex!important;align-items:center!important;justify-content:center!important;padding:15px!important;font-family:"Segoe Print","Comic Sans MS",cursive!important;font-size:21px!important;line-height:1.3!important;color:#fff!important;text-align:center!important}
body.premium-login-active .pm21-rooms{min-height:155px!important;margin-top:16px!important;padding:18px!important;border-radius:13px!important;display:grid!important;grid-template-columns:1fr 2fr!important;gap:18px!important;background:#fff!important;border:1px solid #e3eef5!important}body.premium-login-active .pm21-rooms p{font-size:10px!important;line-height:1.5!important;color:#47698b!important}body.premium-login-active .pm21-room-cards{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:11px!important}body.premium-login-active .pm21-room-cards span{height:112px!important;border-radius:9px!important;background-size:cover!important;background-position:center!important}body.premium-login-active .pm21-room-cards b{font-size:12px!important;padding:11px!important}
body.premium-login-active .pm21-footer{min-height:112px!important;width:100%!important;padding:20px calc((100vw - 950px)/2)!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;background:linear-gradient(90deg,#0757a7,#0879cf)!important;color:#fff!important}body.premium-login-active .pm21-footer .pm21-brand strong,body.premium-login-active .pm21-footer .pm21-brand small{color:#fff!important}body.premium-login-active .pm21-footer nav{display:flex!important;gap:14px!important}body.premium-login-active .pm21-footer nav button{font-size:10px!important;color:#fff!important;background:none!important;border:0!important}body.premium-login-active .pm21-footer>small{justify-self:end!important;font-size:9px!important;color:#fff!important}
@media(max-width:1006px){body.premium-login-active .pm21-nav,body.premium-login-active .pm21-content{width:calc(100% - 28px)!important}body.premium-login-active .pm21-hero{padding:0 14px!important;grid-template-columns:1fr 320px!important;height:auto!important;min-height:535px!important}body.premium-login-active .pm24-hero-photo,body.premium-login-active .pm21-people{display:none!important}body.premium-login-active .pm21-pitch{justify-self:center!important}body.premium-login-active .pm21-footer{padding:20px 20px!important}}
@media(max-width:700px){body.premium-login-active .pm21-nav{grid-template-columns:1fr auto!important}body.premium-login-active .pm21-nav nav{display:none!important}body.premium-login-active .pm21-hero{display:flex!important;flex-direction:column!important;padding:35px 15px!important;gap:30px!important}body.premium-login-active .pm21-pitch{width:100%!important;max-width:420px!important;padding:0!important}body.premium-login-active .pm21-pitch h1{font-size:39px!important}body.premium-login-active .pm21-login-card{width:100%!important;max-width:360px!important}body.premium-login-active .pm21-benefits{grid-template-columns:1fr 1fr!important}body.premium-login-active .pm21-info-grid{grid-template-columns:1fr!important}body.premium-login-active .pm21-device-copy{grid-template-columns:1fr!important}body.premium-login-active .pm21-social{height:auto!important;grid-template-columns:1fr!important}body.premium-login-active .pm21-social img{height:190px!important}body.premium-login-active .pm21-social em{display:none!important}body.premium-login-active .pm21-rooms{grid-template-columns:1fr!important}body.premium-login-active .pm21-room-cards{grid-template-columns:1fr!important}body.premium-login-active .pm21-footer{grid-template-columns:1fr!important;text-align:center!important;gap:13px!important}body.premium-login-active .pm21-footer>small{justify-self:center!important}}

/* V27 Premium Login — clean standalone rebuild. Standard login is intentionally untouched. */
body.premium-login-active{margin:0!important;background:#eefaff!important;color:#12385e!important;font-family:Arial,"Segoe UI",sans-serif!important;overflow-x:hidden!important}.premium-login-active .login-background-media{display:none!important}.premium-login-active .premium-modern-page{width:100%!important;min-height:100vh!important;background:#eefaff!important}.premium-login-active .pm21-nav{height:64px!important;width:min(950px,calc(100% - 40px))!important;margin:auto!important;padding:0!important;display:grid!important;grid-template-columns:260px 1fr 120px!important;align-items:center!important;background:#fff!important}.premium-login-active .pm21-brand{display:flex!important;align-items:center!important;gap:9px!important}.premium-login-active .pm21-brand img{max-width:205px!important;max-height:48px!important;object-fit:contain!important}.premium-login-active .pm21-brand strong{display:block!important;font-size:22px!important;line-height:1!important;color:#0b5ca9!important}.premium-login-active .pm21-brand small{display:block!important;margin-top:4px!important;font-size:10px!important;color:#4d6880!important}.premium-login-active .pm21-nav nav{display:flex!important;justify-content:center!important;gap:20px!important}.premium-login-active .pm21-nav nav button,.premium-login-active .pm21-footer nav button{border:0!important;background:transparent!important;font-size:12px!important;font-weight:700!important;color:#0c3159!important;padding:8px 0!important;cursor:pointer!important}.premium-login-active .pm21-top-login{justify-self:end!important;border:0!important;border-radius:9px!important;background:#2788f2!important;color:#fff!important;font-weight:800!important;padding:12px 18px!important;box-shadow:0 6px 14px #2588ef3b!important}
.premium-login-active .pm21-hero{height:535px!important;position:relative!important;display:grid!important;grid-template-columns:285px 320px 1fr!important;gap:18px!important;align-items:center!important;padding:0 max(20px,calc((100vw - 950px)/2))!important;background:linear-gradient(120deg,#0755a4 0%,#0879d0 48%,#0789df 100%)!important;overflow:hidden!important}.premium-login-active .pm21-pitch{z-index:5!important;color:#fff!important;align-self:center!important}.premium-login-active .pm21-pitch h1{margin:0!important;font-size:42px!important;line-height:1.08!important;letter-spacing:-1.5px!important;color:#fff!important;font-weight:900!important}.premium-login-active .pm21-pitch h1::first-line{color:#fff}.premium-login-active .pm21-pitch i{display:block!important;width:42px!important;height:3px!important;background:#77d8ff!important;margin:15px 0!important;border-radius:2px!important}.premium-login-active .pm21-pitch p{width:255px!important;margin:0 0 28px!important;font-size:13px!important;line-height:1.65!important;color:#fff!important}.premium-login-active .pm21-stats{display:flex!important;gap:17px!important}.premium-login-active .pm21-stats span{display:grid!important;grid-template-columns:auto auto!important;column-gap:4px!important;align-items:center!important;font-size:12px!important}.premium-login-active .pm21-stats b{font-size:18px!important;color:#fff!important}.premium-login-active .pm21-stats small{grid-column:1/3!important;text-align:center!important;font-size:8px!important;color:#fff!important}.premium-login-active .pm21-pitch:after{content:"Sohbet\A Her Yerde Seninle ♡";white-space:pre;display:block!important;margin-top:32px!important;font-family:"Segoe Print","Comic Sans MS",cursive!important;font-size:22px!important;line-height:1.35!important;transform:rotate(-5deg)!important;color:#fff!important}
.premium-login-active .pm21-login-card{z-index:10!important;width:320px!important;min-height:450px!important;padding:46px 22px 18px!important;border-radius:16px!important;background:#fff!important;box-shadow:0 12px 35px #003e782d!important;position:relative!important}.premium-login-active .pm21-login-card:before{content:"💬";position:absolute!important;top:-27px!important;left:50%!important;transform:translateX(-50%)!important;width:54px!important;height:54px!important;border-radius:50%!important;background:#1396f4!important;border:4px solid #fff!important;display:grid!important;place-items:center!important;font-size:25px!important;box-shadow:0 4px 12px #003e7840!important}.premium-login-active .pm21-login-card h2{margin:0!important;text-align:center!important;font-size:25px!important;color:#0756a3!important}.premium-login-active .pm21-login-card>div>p{margin:5px 0 18px!important;text-align:center!important;font-size:11px!important;color:#496b8c!important}.premium-login-active .pm21-input{height:45px!important;border:1px solid #caddeb!important;border-radius:7px!important;background:#f8fbfd!important;display:flex!important;align-items:center!important;padding:0 12px!important;gap:9px!important}.premium-login-active .pm21-input input{width:100%!important;border:0!important;outline:0!important;background:transparent!important;font-size:12px!important;color:#183d61!important}.premium-login-active .gender-switch{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:10px 0!important}.premium-login-active .gender-switch .gender{height:42px!important;border:0!important;border-radius:6px!important;background:#ffeef4!important;color:#ef3770!important;font-weight:800!important;font-size:12px!important}.premium-login-active .gender-switch .gender.active{background:#258cf2!important;color:#fff!important}.premium-login-active .pm-enter{width:100%!important;height:44px!important;border:0!important;border-radius:7px!important;background:linear-gradient(90deg,#208bf5,#6652f4)!important;color:#fff!important;font-size:14px!important;font-weight:900!important;box-shadow:0 6px 13px #3e6ef432!important}.premium-login-active .pm21-login-meta{display:flex!important;justify-content:space-between!important;align-items:center!important;margin:12px 0!important;font-size:10px!important;color:#31577d!important}.premium-login-active .pm21-login-meta input{width:17px!important;height:17px!important;vertical-align:middle!important}.premium-login-active .pm21-login-meta button{border:0!important;background:none!important;color:#0876dc!important;font-size:10px!important}.premium-login-active .pm21-or{display:flex!important;align-items:center!important;gap:10px!important;color:#71879c!important;font-size:10px!important}.premium-login-active .pm21-or span{height:1px!important;flex:1!important;background:#dbe7ef!important}.premium-login-active .pm21-social-login{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:10px!important}.premium-login-active .pm21-social-login button{height:42px!important;border:1px solid #d5e3ed!important;border-radius:7px!important;background:#fff!important;color:#183d61!important;font-size:10px!important;font-weight:700!important}.premium-login-active .pm21-safe{text-align:center!important;margin-top:15px!important;font-size:9px!important;color:#6a8197!important}
.premium-login-active .pm24-hero-photo{position:absolute!important;z-index:1!important;right:max(0px,calc((100vw - 950px)/2))!important;top:0!important;width:390px!important;height:535px!important;overflow:hidden!important}.premium-login-active .pm24-hero-photo:after{content:"♡\A Yeni insanlarla\A tanış!";white-space:pre;position:absolute!important;right:16px!important;top:34px!important;font-family:"Segoe Print","Comic Sans MS",cursive!important;font-size:20px!important;line-height:1.2!important;color:#fff!important;text-align:center!important}.premium-login-active .pm24-hero-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important}.premium-login-active .pm21-people{position:relative!important;z-index:8!important;width:210px!important;margin-left:76px!important;display:flex!important;flex-direction:column!important;gap:17px!important}.premium-login-active .pm21-person{display:flex!important;align-items:center!important;gap:8px!important}.premium-login-active .pm21-avatar{width:52px!important;height:52px!important;flex:0 0 52px!important;border:3px solid #fff!important;border-radius:50%!important;position:relative!important;overflow:visible!important}.premium-login-active .pm21-avatar img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important}.premium-login-active .pm21-avatar b{position:absolute!important;right:-1px!important;bottom:1px!important;width:10px!important;height:10px!important;border-radius:50%!important;background:#24cf68!important;border:2px solid #fff!important}.premium-login-active .pm21-bubble{width:145px!important;padding:10px 11px!important;border-radius:8px!important;background:#fff!important;color:#173c66!important;font-size:10px!important;line-height:1.35!important;box-shadow:0 5px 14px #002c5b26!important}.premium-login-active .pm21-people em{margin:4px 0 0 42px!important;font-family:"Segoe Print","Comic Sans MS",cursive!important;font-size:20px!important;line-height:1.2!important;color:#fff!important;transform:rotate(-5deg)!important;text-align:center!important}
.premium-login-active .pm21-content{width:min(950px,calc(100% - 40px))!important;margin:0 auto!important;padding:20px 0 28px!important}.premium-login-active .pm21-benefits{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important}.premium-login-active .pm21-benefits article,.premium-login-active .pm21-benefits:after{min-height:102px!important;background:#fff!important;border-radius:12px!important;border:1px solid #e5f0f6!important;box-shadow:0 5px 17px #195b8214!important;padding:16px!important;box-sizing:border-box!important}.premium-login-active .pm21-benefits article{display:flex!important;align-items:center!important;gap:12px!important}.premium-login-active .pm21-benefits article>span{width:50px!important;height:50px!important;flex:0 0 50px!important;border-radius:50%!important;background:#e9f4ff!important;display:grid!important;place-items:center!important;font-size:24px!important}.premium-login-active .pm21-benefits h3{margin:0 0 5px!important;font-size:14px!important;color:#0759a7!important}.premium-login-active .pm21-benefits p{margin:0!important;font-size:10px!important;line-height:1.4!important;color:#4b6987!important}.premium-login-active .pm21-benefits:after{content:"👑  Premium Ayrıcalıklar\A Daha fazla özellik, daha keyifli sohbet.";white-space:pre-line;display:flex!important;align-items:center!important;font-size:11px!important;line-height:1.5!important;font-weight:800!important;color:#0759a7!important}
.premium-login-active .pm21-info-grid{display:grid!important;grid-template-columns:2fr 1fr!important;gap:15px!important;margin-top:18px!important}.premium-login-active .pm21-panel{min-height:255px!important;padding:22px!important;border-radius:13px!important;background:#fff!important;border:1px solid #e3eef5!important;box-shadow:0 5px 18px #195b8214!important}.premium-login-active .pm21-panel h2,.premium-login-active .pm21-rooms h2{font-size:19px!important;margin:0 0 7px!important;color:#0758a7!important}.premium-login-active .pm21-line{width:40px!important;height:3px!important;background:#258bf0!important;margin-bottom:13px!important}.premium-login-active .pm21-device-copy{display:grid!important;grid-template-columns:1.2fr .8fr!important;gap:12px!important;align-items:center!important;font-size:10px!important;line-height:1.55!important;color:#345b80!important}.premium-login-active .pm21-device-copy p{font-size:10px!important;line-height:1.55!important}.premium-login-active .pm21-devices{height:165px!important}.premium-login-active .pm21-devices img{width:100%!important;height:100%!important;object-fit:contain!important}.premium-login-active .store-badge-row{display:flex!important;gap:8px!important;justify-content:flex-start!important}.premium-login-active a.store-badge{min-width:125px!important;height:42px!important;border-radius:8px!important}.premium-login-active .pm21-rules h2{margin:-22px -22px 15px!important;padding:15px 18px!important;background:linear-gradient(90deg,#075caf,#1689dd)!important;color:#fff!important;font-size:17px!important;border-radius:13px 13px 0 0!important}.premium-login-active .pm21-rules ul{list-style:none!important;padding:0!important;margin:0!important}.premium-login-active .pm21-rules li{font-size:10px!important;padding:10px 11px!important;margin-bottom:8px!important;border-radius:7px!important;background:#f0f7fb!important;color:#284d72!important}
.premium-login-active .pm21-social{height:185px!important;margin-top:18px!important;border-radius:13px!important;overflow:hidden!important;display:grid!important;grid-template-columns:1fr 1.2fr .8fr!important;background:linear-gradient(90deg,#0966b5,#128be0)!important;color:#fff!important}.premium-login-active .pm21-social>div{padding:25px 20px!important}.premium-login-active .pm21-social h2{font-size:21px!important;margin:0 0 9px!important;color:#fff!important}.premium-login-active .pm21-social p{font-size:10px!important;line-height:1.5!important;color:#fff!important}.premium-login-active .pm21-social button{font-size:10px!important;padding:9px 13px!important;border-radius:7px!important;background:#fff!important;color:#0758a7!important;border:0!important;font-weight:800!important}.premium-login-active .pm21-social img{width:100%!important;height:185px!important;object-fit:cover!important}.premium-login-active .pm21-social em{display:flex!important;align-items:center!important;justify-content:center!important;padding:15px!important;font-family:"Segoe Print","Comic Sans MS",cursive!important;font-size:20px!important;line-height:1.3!important;color:#fff!important;text-align:center!important}.premium-login-active .pm21-rooms{min-height:155px!important;margin-top:16px!important;padding:18px!important;border-radius:13px!important;display:grid!important;grid-template-columns:1fr 2fr!important;gap:18px!important;background:#fff!important;border:1px solid #e3eef5!important}.premium-login-active .pm21-rooms p{font-size:10px!important;line-height:1.5!important;color:#47698b!important}.premium-login-active .pm21-room-cards{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:11px!important}.premium-login-active .pm21-room-cards span{height:112px!important;border-radius:9px!important;background-size:cover!important;background-position:center!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;overflow:hidden!important;position:relative!important}.premium-login-active .pm21-room-cards span:after{content:"";position:absolute!important;inset:40% 0 0!important;background:linear-gradient(transparent,#001a3dcc)!important}.premium-login-active .pm21-room-cards b{position:relative!important;z-index:2!important;width:100%!important;text-align:center!important;padding:11px!important;font-size:12px!important;color:#fff!important}
.premium-login-active .pm21-footer{min-height:112px!important;padding:20px max(20px,calc((100vw - 950px)/2))!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;background:linear-gradient(90deg,#0757a7,#0879cf)!important;color:#fff!important}.premium-login-active .pm21-footer .pm21-brand strong,.premium-login-active .pm21-footer .pm21-brand small{color:#fff!important}.premium-login-active .pm21-footer nav{display:flex!important;gap:14px!important}.premium-login-active .pm21-footer>small{justify-self:end!important;font-size:9px!important;color:#fff!important}
@media(max-width:1000px){.premium-login-active .pm21-nav,.premium-login-active .pm21-content{width:calc(100% - 28px)!important}.premium-login-active .pm21-hero{grid-template-columns:1fr 340px!important;padding:35px 20px!important;height:auto!important;min-height:535px!important}.premium-login-active .pm24-hero-photo,.premium-login-active .pm21-people{display:none!important}.premium-login-active .pm21-pitch{justify-self:center!important}.premium-login-active .pm21-footer{padding:20px!important}}
@media(max-width:700px){.premium-login-active .pm21-nav{grid-template-columns:1fr auto!important}.premium-login-active .pm21-nav nav{display:none!important}.premium-login-active .pm21-hero{display:flex!important;flex-direction:column!important;gap:28px!important}.premium-login-active .pm21-pitch{width:100%!important;max-width:420px!important}.premium-login-active .pm21-login-card{width:100%!important;max-width:360px!important}.premium-login-active .pm21-benefits{grid-template-columns:1fr 1fr!important}.premium-login-active .pm21-info-grid{grid-template-columns:1fr!important}.premium-login-active .pm21-device-copy{grid-template-columns:1fr!important}.premium-login-active .pm21-social{height:auto!important;grid-template-columns:1fr!important}.premium-login-active .pm21-social img{height:190px!important}.premium-login-active .pm21-social em{display:none!important}.premium-login-active .pm21-rooms{grid-template-columns:1fr!important}.premium-login-active .pm21-room-cards{grid-template-columns:1fr!important}.premium-login-active .pm21-footer{grid-template-columns:1fr!important;text-align:center!important;gap:13px!important}.premium-login-active .pm21-footer>small{justify-self:center!important}}

/* V28 Premium Login — clean-room rebuild; no legacy premium DOM dependency */
.premium-login-active{margin:0!important;background:#eefaff!important;color:#123b66!important;font-family:Arial,"Helvetica Neue",sans-serif!important}.premium-login-active>.login-background-media{display:none!important}.pz28,.pz28 *{box-sizing:border-box}.pz28{min-height:100vh;background:#eefaff;overflow-x:hidden}.pz28 button,.pz28 input{font:inherit}.pz28-header{height:64px;background:#fff}.pz28-headin{width:950px;height:64px;margin:auto;display:grid;grid-template-columns:260px 1fr 170px;align-items:center}.pz28-brand{display:flex;align-items:center;gap:10px}.pz28-brand>img{width:50px;height:38px;object-fit:contain}.pz28-brand>span{font-size:34px}.pz28-brand strong{font-size:21px;color:#123c69;line-height:1}.pz28-brand strong i{font-style:normal;color:#168de7}.pz28-brand small{display:block;font-size:9px;margin-top:5px;color:#3f5c78}.pz28-headin nav{display:flex;justify-content:center;gap:24px}.pz28-headin nav button,.pz28-footer nav button{border:0;background:none;font-weight:700;color:#0c3764;font-size:12px;padding:8px 0;cursor:pointer}.pz28-headin nav .active{color:#087ee0;border-bottom:2px solid #168ef0}.pz28-actions{display:flex;justify-content:flex-end;gap:10px}.pz28-actions button{border:0;cursor:pointer}.pz28-actions .moon{width:42px;height:42px;border-radius:50%;background:#f8fbff;color:#0a3a6d;font-size:20px}.pz28-actions .toplogin{height:42px;padding:0 18px;border-radius:9px;background:#258cf2;color:#fff;font-weight:700;box-shadow:0 5px 14px #167fd044}
.pz28-hero{height:536px;background:linear-gradient(110deg,#07519d 0%,#0784d9 52%,#0574c9 100%);color:#fff}.pz28-heroin{width:950px;height:536px;margin:auto;display:grid;grid-template-columns:315px 320px 315px;position:relative}.pz28-copy{padding:80px 0 0}.pz28-copy h1{margin:0;font-size:42px;line-height:1.05;letter-spacing:-1.8px;color:#fff;font-weight:800}.pz28-copy h1 b{color:#12a7f4}.pz28-copy .dash{display:block;width:42px;height:3px;background:#fff;margin:16px 0}.pz28-copy p{font-size:14px;line-height:1.55;margin:0 0 31px;color:#fff}.stats{display:flex;gap:22px}.stats span{display:grid;grid-template-columns:auto auto;column-gap:5px;align-items:center;font-size:13px}.stats b{font-size:18px}.stats small{grid-column:1/3;text-align:center;font-size:8px;margin-top:2px}.pz28-copy em{display:block;margin-top:35px;font-family:"Segoe Print","Comic Sans MS",cursive;font-size:23px;line-height:1.35;font-weight:400;transform:rotate(-5deg);color:#fff}
.pz28-card{width:320px;min-height:450px;align-self:center;background:#fff;border-radius:14px;color:#173e68;padding:45px 22px 18px;position:relative;z-index:6;box-shadow:0 10px 30px #00386c33}.pz28-badge{position:absolute;top:-23px;left:50%;transform:translateX(-50%);width:52px;height:52px;border:4px solid #fff;border-radius:50%;background:#1598f2;display:grid;place-items:center;font-size:23px;box-shadow:0 3px 9px #003b6e3b}.pz28-card h2{font-size:23px;margin:0;text-align:center;color:#0758a6}.pz28-card>div>p{font-size:11px;text-align:center;margin:6px 0 18px;color:#456788}.pz28-input{height:45px;border:1px solid #c9ddec;border-radius:7px;display:flex;align-items:center;padding:0 12px;gap:9px;background:#fafdff}.pz28-input input{border:0;outline:0;width:100%;background:transparent;color:#244d76;font-size:12px}.pz28 .gender-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.pz28 .gender-switch button{height:42px;border:0;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer}.pz28 .gender-switch .gender:first-child{background:#e8f3ff;color:#1689e9}.pz28 .gender-switch .gender:last-child{background:#fff0f6;color:#f02c79}.pz28 .gender-switch .gender.active:first-child{background:#238cf2;color:#fff}.pz28 .gender-switch .gender.active:last-child{background:#f55a93;color:#fff}.pz28-enter{width:100%;height:46px;border:0;border-radius:7px;margin-top:10px;background:linear-gradient(90deg,#218ef4,#6550f4);color:#fff;font-weight:800;cursor:pointer}.pz28-meta{display:flex;justify-content:space-between;align-items:center;margin:11px 1px;font-size:10px}.pz28-meta label{display:flex;align-items:center;gap:6px}.pz28-meta input{width:17px!important;height:17px!important}.pz28-meta button{border:0;background:none;color:#087ee0;font-size:10px}.pz28-or{display:flex;align-items:center;gap:10px;font-size:9px;color:#71889e}.pz28-or span{height:1px;background:#d6e2eb;flex:1}.pz28-sociallogin{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.pz28-sociallogin button{height:43px;border:1px solid #d5e1eb;border-radius:7px;background:#fff;color:#274b6e;font-size:9px;font-weight:700}.pz28-sociallogin b{font-size:17px;margin-right:5px;color:#167ee7}.pz28-safe{text-align:center;font-size:8px;color:#637e96;margin-top:17px}
.pz28-visual{position:relative;height:536px;overflow:visible}.pz28-visual .woman{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:45% top;mix-blend-mode:normal}.pz28-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0784d9 0%,transparent 28%,transparent 80%,#0876c9 100%);pointer-events:none}.pz28 .scribble{position:absolute;z-index:4;font-family:"Segoe Print","Comic Sans MS",cursive;color:#fff;text-align:center;line-height:1.25}.pz28 .scribble.top{right:6px;top:38px;font-size:35px}.pz28 .scribble.top small{font-size:19px;font-weight:400}.pz28 .scribble.bottom{right:0;bottom:34px;font-size:20px;transform:rotate(-6deg)}.pz28 .bubble{position:absolute;z-index:5;right:-2px;width:180px;height:58px;display:flex;align-items:center}.pz28 .bubble.b1{top:165px}.pz28 .bubble.b2{top:250px}.pz28 .bubble.b3{top:335px}.pz28 .bubble img{width:54px;height:54px;border:4px solid #fff;border-radius:50%;object-fit:cover;z-index:2}.pz28 .bubble i{position:absolute;left:43px;bottom:4px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#21d16c;z-index:3}.pz28 .bubble span{margin-left:-7px;width:140px;min-height:48px;border-radius:9px;background:#fff;color:#163f69;padding:10px 8px 9px 16px;font-size:10px;line-height:1.35;box-shadow:0 5px 14px #0038652b}
.pz28-main{width:950px;margin:0 auto;padding:20px 0 24px}.pz28-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pz28-benefits article{height:102px;background:#fff;border:1px solid #e4eff6;border-radius:12px;display:flex;align-items:center;gap:12px;padding:15px;box-shadow:0 5px 16px #18567b12}.pz28-benefits .ico{width:51px;height:51px;flex:0 0 51px;border-radius:50%;display:grid;place-items:center;font-size:25px}.pz28-benefits .blue{background:#e6f3ff;color:#1688ef}.pz28-benefits .green{background:#e9faee;color:#15b748}.pz28-benefits .pink{background:#fff0f5;color:#f11e68}.pz28-benefits .gold{background:#fff8e6;color:#f2b21b}.pz28-benefits h3{margin:0 0 5px;font-size:13px;color:#0757a5}.pz28-benefits p{margin:0;font-size:10px;line-height:1.45;color:#496987}.pz28-info{display:grid;grid-template-columns:2fr 1fr;gap:15px;margin-top:18px}.pz28-info article{height:255px;background:#fff;border:1px solid #e2edf4;border-radius:13px;box-shadow:0 5px 17px #18567b12}.pz28-info .device{padding:20px}.pz28-info h2,.pz28-rooms h2{font-size:19px;margin:0;color:#0758a6}.pz28-info .device>i,.roomcopy>i{display:block;width:38px;height:3px;background:#258cf1;margin:9px 0 14px}.devicegrid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:10px}.devicegrid p{font-size:10px;line-height:1.55;color:#385d7e;margin:0 0 16px}.devicegrid>img{width:100%;height:155px;object-fit:contain}.pz28 .store-badge-row{display:flex;gap:8px}.pz28 a.store-badge{min-width:125px;height:43px}.pz28 .rules{padding:0 17px 17px;overflow:hidden}.pz28 .rules h2{margin:0 -17px 15px;padding:15px 17px;background:linear-gradient(90deg,#075caf,#1689dd);color:#fff;font-size:17px}.pz28 .rules ul{list-style:none;margin:0;padding:0}.pz28 .rules li{background:#f0f7fb;border-radius:7px;margin:0 0 8px;padding:10px;font-size:10px;color:#2d5071}.pz28-promo{height:185px;margin-top:18px;border-radius:13px;overflow:hidden;background:linear-gradient(90deg,#0864b2,#128bdd);display:grid;grid-template-columns:1.05fr 1.15fr .8fr;color:#fff}.pz28-promo .couple{overflow:hidden}.pz28-promo img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.pz28-promo>div:nth-child(2){padding:26px 18px}.pz28-promo h2{font-size:21px;margin:0 0 8px}.pz28-promo p{font-size:10px;line-height:1.5}.pz28-promo button{border:0;border-radius:7px;background:#fff;color:#0758a6;font-size:10px;font-weight:800;padding:9px 13px}.pz28-promo em{display:flex;align-items:center;justify-content:center;text-align:center;font-family:"Segoe Print","Comic Sans MS",cursive;font-size:20px;line-height:1.3}.pz28-rooms{height:155px;margin-top:16px;background:#fff;border:1px solid #e2edf4;border-radius:13px;padding:18px;display:grid;grid-template-columns:1fr 2fr;gap:18px}.roomcopy p{font-size:10px;line-height:1.5;color:#486986}.roomcards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.roomcards article{height:112px;border-radius:9px;background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;position:relative}.roomcards article:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#001c40df)}.roomcards b{position:relative;z-index:2;color:#fff;font-size:12px;padding:12px}.pz28-footer{height:112px;background:linear-gradient(90deg,#0757a7,#0879cf);color:#fff}.pz28-footin{width:950px;height:112px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:70px 30px;align-items:center}.pz28-footer .pz28-brand strong,.pz28-footer .pz28-brand small{color:#fff}.pz28-footer nav{display:flex;align-items:center;gap:10px}.pz28-footer nav button{color:#fff;font-size:10px}.pz28-footer nav i{font-style:normal}.pz28-soc{justify-self:end;display:flex;gap:8px}.pz28-soc span{width:32px;height:32px;border-radius:50%;background:#075294;display:grid;place-items:center;font-weight:800}.pz28-footer .copy{grid-column:1/4;justify-self:center;font-size:8px;color:#fff}
@media(max-width:980px){.pz28-headin,.pz28-heroin,.pz28-main,.pz28-footin{width:calc(100% - 28px)}.pz28-heroin{grid-template-columns:1fr 320px}.pz28-visual{display:none}.pz28-copy{justify-self:center}.pz28-benefits{grid-template-columns:1fr 1fr}.pz28-headin{grid-template-columns:1fr auto}.pz28-headin nav{display:none}}
@media(max-width:700px){.pz28-header,.pz28-headin{height:58px}.pz28-actions .moon{display:none}.pz28-brand strong{font-size:17px}.pz28-hero{height:auto}.pz28-heroin{height:auto;display:flex;flex-direction:column;padding:30px 0;gap:25px}.pz28-copy{padding:0;width:100%;text-align:center}.pz28-copy h1{font-size:36px}.pz28-copy p br{display:none}.stats{justify-content:center}.pz28-copy em{display:none}.pz28-card{width:100%;max-width:360px;margin:auto}.pz28-main{padding-top:14px}.pz28-benefits{grid-template-columns:1fr}.pz28-info{grid-template-columns:1fr}.pz28-info article{height:auto;min-height:245px}.devicegrid{grid-template-columns:1fr}.devicegrid>img{height:135px}.pz28-promo{height:auto;grid-template-columns:1fr}.pz28-promo .couple{height:200px}.pz28-promo em{display:none}.pz28-rooms{height:auto;grid-template-columns:1fr}.roomcards{grid-template-columns:1fr}.roomcards article{height:130px}.pz28-footer{height:auto}.pz28-footin{height:auto;grid-template-columns:1fr;grid-template-rows:auto;padding:22px 0;gap:12px;text-align:center}.pz28-footer .pz28-brand,.pz28-footer nav,.pz28-soc{justify-self:center}.pz28-footer .copy{grid-column:1}}

/* V30 Premium Login web console image/content controls */
.premium-console-note{display:flex;flex-direction:column;gap:5px;padding:14px 16px;margin:4px 0 18px;border:1px solid #b9dcff;border-radius:10px;background:#eef7ff;color:#174b7b}.premium-console-note b{font-size:16px}.premium-console-note span{font-size:13px;line-height:1.45}.premium-image-setting{display:grid;grid-template-columns:minmax(220px,1fr) minmax(300px,1.4fr);gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid #e5edf5}.premium-image-setting>div:first-child{display:flex;flex-direction:column;gap:4px}.premium-image-setting small{color:#68829a;line-height:1.4}.premium-image-setting .seo-upload{margin:0}.seo-page textarea{min-height:92px}@media(max-width:760px){.premium-image-setting{grid-template-columns:1fr}.premium-image-setting .seo-upload{width:100%}}


/* V35 - Radyo JSON API: istek bandı ile kullanıcı kartı arasında şimdi çalıyor */
#adminModal .radio-json-help{display:block;margin:-8px 0 16px;color:#7a8798;font-size:11px;line-height:1.35}
@media(min-width:761px){
 .chat-header{grid-template-columns:minmax(150px,.9fr) minmax(240px,1.7fr) minmax(185px,.85fr) minmax(180px,1fr)!important;gap:10px!important}
 .radio-now-playing{height:38px;min-width:0;display:flex;align-items:center;gap:8px;padding:3px 9px;border-left:1px solid #e7ebf0;border-right:1px solid #e7ebf0;background:#fff;box-sizing:border-box;overflow:hidden}
 .radio-now-playing.hidden{display:none!important}
 .radio-now-playing img{width:32px;height:32px;flex:0 0 32px;border-radius:6px;object-fit:cover;background:#eef2f6}
 .radio-now-playing-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;line-height:1.05}
 .radio-now-playing-copy small{font-size:8px;font-weight:800;letter-spacing:.45px;color:#1692e6;margin-bottom:3px}
 .radio-now-playing-copy b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#374151}
}
@media(max-width:980px) and (min-width:761px){
 .chat-header{grid-template-columns:minmax(130px,.8fr) minmax(200px,1.4fr) minmax(150px,.75fr) minmax(160px,.9fr)!important;gap:7px!important}
 .radio-now-playing{padding-left:6px;padding-right:6px}.radio-now-playing img{width:28px;height:28px;flex-basis:28px}.radio-now-playing-copy b{font-size:10px}
}
@media(max-width:760px){.radio-now-playing{display:none!important}}

/* V36 - Şimdi Çalıyor bloğunu kullanıcı kartının hemen soluna hizala */
@media(min-width:981px){
 .chat-header{grid-template-columns:minmax(220px,300px) minmax(260px,1fr) minmax(220px,320px) max-content!important;column-gap:10px!important}
 .radio-now-playing{width:100%!important;justify-self:stretch!important}
 .chat-header>.me{justify-self:end!important;margin-left:0!important}
}
@media(max-width:980px) and (min-width:761px){
 .chat-header{grid-template-columns:minmax(150px,220px) minmax(180px,1fr) minmax(170px,240px) max-content!important;column-gap:7px!important}
 .radio-now-playing{width:100%!important;justify-self:stretch!important}
 .chat-header>.me{justify-self:end!important;margin-left:0!important}
}
/* V37 - canlı ses/kamera */
.presence-icon.camera-live{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;background:#1389ff;color:#fff;cursor:pointer;font-size:13px;box-shadow:0 1px 4px #0002}
.presence-icon.camera-live:hover{transform:scale(1.08);background:#006ed6}
#rtcAudioHost{position:fixed;width:1px;height:1px;overflow:hidden;left:-9999px;top:-9999px}
.rtc-viewer-box{width:min(680px,92vw)}
#remoteCameraVideo{display:block;width:100%;max-height:68vh;background:#080808;object-fit:contain;border-radius:0 0 8px 8px}
#remoteCameraStatus{padding:9px 12px;font-size:13px;color:#555}
#micBtn.live,#cameraBtn.live{background:#19a75a!important;color:#fff!important;box-shadow:0 0 0 3px rgba(25,167,90,.18)}

/* V44 - Animated user status modes (visual only; presence logic untouched) */
#users .user-status-line{display:flex;align-items:center;gap:4px;width:max-content;max-width:100%;transform-origin:left center;will-change:transform,opacity,filter}
#users .status-motion-icon{display:inline-flex;align-items:center;justify-content:center;min-width:12px;transform-origin:center;will-change:transform,filter,opacity}
#users .status-motion-text{display:inline-block;will-change:transform,opacity}
#users .status-motion-online{color:#159b38;animation:statusOnlineFloat 1.8s ease-in-out infinite}
#users .status-motion-online .status-motion-icon{animation:statusOnlinePulse 1.05s ease-in-out infinite}
#users .status-motion-busy{color:#e31837;animation:statusBusyNudge 1.35s ease-in-out infinite}
#users .status-motion-busy .status-motion-icon{animation:statusBusyPulse .72s ease-in-out infinite alternate}
#users .status-motion-away{color:#9a7600;animation:statusAwayDrift 2.35s ease-in-out infinite}
#users .status-motion-away .status-motion-icon{animation:statusAwayRock 1.9s ease-in-out infinite}
#users .status-motion-screenaway{color:#748092;animation:statusScreenAway 2.1s ease-in-out infinite}
#users .status-motion-screenaway .status-motion-icon{animation:statusScreenIcon 1.45s ease-in-out infinite}
#users .status-motion-custom{animation:statusCustomBreathe 2.4s ease-in-out infinite}
#users .status-motion-custom .status-motion-icon{animation:statusCustomIcon 1.8s ease-in-out infinite}
@keyframes statusOnlineFloat{0%,100%{transform:translateY(0);opacity:.88}50%{transform:translateY(-1px);opacity:1}}
@keyframes statusOnlinePulse{0%,100%{transform:scale(.86);filter:drop-shadow(0 0 0 rgba(34,197,94,0))}50%{transform:scale(1.22);filter:drop-shadow(0 0 3px rgba(34,197,94,.7))}}
@keyframes statusBusyNudge{0%,100%{transform:translateX(0)}45%{transform:translateX(0)}52%{transform:translateX(1px)}59%{transform:translateX(-1px)}66%{transform:translateX(0)}}
@keyframes statusBusyPulse{from{transform:scale(.9);filter:drop-shadow(0 0 0 rgba(239,35,60,0));opacity:.8}to{transform:scale(1.16);filter:drop-shadow(0 0 3px rgba(239,35,60,.65));opacity:1}}
@keyframes statusAwayDrift{0%,100%{transform:translateX(0);opacity:.78}50%{transform:translateX(2px);opacity:1}}
@keyframes statusAwayRock{0%,100%{transform:translateY(1px) rotate(-8deg)}50%{transform:translateY(-1px) rotate(8deg)}}
@keyframes statusScreenAway{0%,100%{opacity:.58}50%{opacity:1}}
@keyframes statusScreenIcon{0%,100%{transform:scale(.88)}50%{transform:scale(1.08)}}
@keyframes statusCustomBreathe{0%,100%{opacity:.72}50%{opacity:1}}
@keyframes statusCustomIcon{0%,100%{transform:translateY(0) scale(.94)}50%{transform:translateY(-1px) scale(1.08)}}
@media (prefers-reduced-motion:reduce){#users .user-status-line,#users .status-motion-icon{animation:none!important;transform:none!important}}

/* V46 - Mesaj hizalama: kendi mesajim sagda, diger kullanicilar solda */
#messageArea .msg:not(.system).own-message {
  margin-left: auto !important;
  margin-right: 0 !important;
}
#messageArea .msg:not(.system).other-message {
  margin-left: 0 !important;
  margin-right: auto !important;
}
#messageArea .msg:not(.system).own-message:not(.gift-msg) {
  flex-direction: row-reverse;
}
#messageArea .msg:not(.system).own-message .msg-content {
  text-align: left;
}


/* V47 - sohbet balonlari ve oda geneli sistem bildirimleri */
#messageArea .msg:not(.system){
  display:block!important;
  max-width:min(72%,620px);
}
#messageArea .msg:not(.system).own-message{
  margin-left:auto!important;
  margin-right:12px!important;
}
#messageArea .msg:not(.system).other-message{
  margin-left:12px!important;
  margin-right:auto!important;
}
#messageArea .msg:not(.system) .msg-content{display:block!important;text-align:left!important}
#messageArea .msg.system{
  display:block!important;
  width:max-content!important;
  max-width:min(78%,560px)!important;
  margin:7px auto!important;
  padding:7px 13px!important;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:6px!important;
  background:rgba(255,255,255,.96)!important;
  color:#202938!important;
  box-shadow:0 2px 7px rgba(15,23,42,.13)!important;
  text-align:center!important;
  font-size:12px!important;
  line-height:1.25!important;
}
#messageArea .msg.system time{margin-left:8px!important;font-size:9px!important;color:#8b95a5!important}
@media(max-width:760px){
 #messageArea .msg:not(.system){max-width:82%!important}
 #messageArea .msg:not(.system).own-message{margin-right:6px!important}
 #messageArea .msg:not(.system).other-message{margin-left:6px!important}
 #messageArea .msg.system{max-width:88%!important}
}


/* V48 - Oda sistem bildirimleri: referanstaki gibi ekranin ust-ortasinda gecici kapsuller */
#roomNoticeStack{
  position:fixed;
  top:78px;
  left:50%;
  transform:translateX(-50%);
  z-index:10020;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  width:min(92vw,620px);
  pointer-events:none;
}
.room-notice{
  width:max-content;
  max-width:100%;
  padding:6px 14px;
  border:1px solid rgba(15,23,42,.10);
  border-radius:999px;
  background:rgba(255,255,255,.97);
  color:#202938;
  box-shadow:0 2px 8px rgba(15,23,42,.16);
  font-size:12px;
  line-height:1.25;
  text-align:center;
  animation:roomNoticeIn .18s ease-out both;
}
.room-notice.leaving{animation:roomNoticeOut .28s ease-in both}
@keyframes roomNoticeIn{from{opacity:0;transform:translateY(-7px) scale(.97)}to{opacity:1;transform:none}}
@keyframes roomNoticeOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-7px) scale(.98)}}
@media(max-width:760px){#roomNoticeStack{top:68px;width:94vw}.room-notice{font-size:11px;padding:6px 12px}}
@media(prefers-reduced-motion:reduce){.room-notice,.room-notice.leaving{animation:none!important}}


/* V50 - oyun penceresi/iframe goruntu duzeltmesi */
#gameViewer .game-viewer-body{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:#fff}
#gameViewer #gameFrame{position:absolute;inset:0;width:100%!important;height:100%!important;min-width:0;min-height:0;border:0;display:block;background:#fff}
@media(max-width:700px){#gameViewer.game-viewer{left:8px!important;right:8px!important;top:64px!important;width:auto!important;height:min(70vh,560px)!important;max-width:none!important;min-width:0!important;resize:none!important}}
\n/* V55 - Her bekleyen radyo istegini bantta ayri oge olarak goster */
.radio-request-ticker-track{gap:0!important;width:max-content!important;min-width:max-content!important;padding-left:100%!important}
.radio-request-ticker .radio-request-item{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;padding:0 28px!important;white-space:nowrap!important}
.radio-request-ticker .radio-request-separator{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;padding:0 8px!important;color:#9aa5b5!important;font-size:10px!important}
.radio-request-ticker .radio-request-empty{min-width:280px!important}
@keyframes radioRequestMarquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}

/* V57 - Görevli Flash Nick: küçük, oranı bozulmayan ve kullanıcı satırını taşırmayan GIF */
.user-meta{min-width:0;flex:1}.user-nick-line{display:flex!important;align-items:center;gap:5px;min-width:0;white-space:nowrap}.nick-flash-wrap{display:inline-flex;align-items:center;justify-content:flex-start;flex:0 0 220px;width:220px;height:58px;overflow:hidden;border-radius:3px;vertical-align:middle}.nick-flash{display:block;width:100%;height:100%;max-width:220px;max-height:58px;object-fit:contain;object-position:left center}.flash-nick-settings{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.flash-nick-settings h4{margin:0 0 7px}.flash-nick-settings input[type=file]{width:100%;margin:9px 0}.flash-preview{height:34px;display:flex;align-items:center;margin:8px 0;padding:4px 7px;border:1px solid var(--border);border-radius:6px;overflow:hidden}.flash-preview img{display:block;max-width:160px;max-height:26px;width:auto;height:auto;object-fit:contain}.flash-actions{display:flex;gap:8px;flex-wrap:wrap}.flash-actions .flash-delete{background:#d83b3b}.flash-staff-only{margin-top:14px}@media(max-width:520px){.nick-flash-wrap{flex-basis:200px;width:200px;height:54px}.nick-flash{width:100%;height:100%;max-width:200px;max-height:54px}}